/*! MYP_SCRIPT: scripts/assets/css/json-viewer.css*/
/* Root element */
.json-document {
    padding: 1em 2em;
  }
  
  /* Syntax highlighting for JSON objects */
  ul.json-dict, ol.json-array {
    list-style-type: none;
    margin: 0 0 0 1px;
    border-left: 1px dotted #ccc;
    padding-left: 2em;
  }
  .json-string {
    color: #0B7500;
  }
  .json-literal {
    color: #1A01CC;
    font-weight: bold;
  }
  
  /* Toggle button */
  a.json-toggle {
    position: relative;
    color: inherit;
    text-decoration: none;
  }
  a.json-toggle:focus {
    outline: none;
  }
  a.json-toggle:before {
    font-size: 1.1em;
    color: #c0c0c0;
    content: "\25BC"; /* down arrow */
    position: absolute;
    display: inline-block;
    width: 1em;
    text-align: center;
    line-height: 1em;
    left: -1.2em;
  }
  a.json-toggle:hover:before {
    color: #aaa;
  }
  a.json-toggle.collapsed:before {
    /* Use rotated down arrow, prevents right arrow appearing smaller than down arrow in some browsers */
    transform: rotate(-90deg);
  }
  
  /* Collapsable placeholder links */
  a.json-placeholder {
    color: #aaa;
    padding: 0 1em;
    text-decoration: none;
  }
  a.json-placeholder:hover {
    text-decoration: underline;
  }

/*! MYP_SCRIPT: scripts/assets/css/color-picker.css*/
.sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid #000;background:#fff;opacity:.8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0;right:0;bottom:0;left:84%;height:28px}.sp-alpha,.sp-alpha-handle,.sp-clear,.sp-container,.sp-container button,.sp-container.sp-dragging .sp-input,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0))}.sp-val{background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0))}.sp-hue{background:-moz-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-ms-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-o-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(.17,#ff0),color-stop(.33,#0f0),color-stop(.5,#0ff),color-stop(.67,#00f),color-stop(.83,#f0f),to(red));background:-webkit-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.sp-1{height:17%}.sp-2{height:16%}.sp-3{height:17%}.sp-4{height:17%}.sp-5{height:16%}.sp-6{height:17%}.sp-hidden{display:none!important}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-cf:after{clear:both}@media (max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:#fff;opacity:.8}.sp-container{border-radius:0;background-color:#ececec;border:solid 1px #f0c49b;padding:0}.sp-clear,.sp-color,.sp-container,.sp-container button,.sp-container input,.sp-hue{font:normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-clear,.sp-color,.sp-hue{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px!important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:0 0;border-radius:3px;color:#222}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-palette-container,.sp-picker-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-button-container,.sp-palette-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer.sp-active,.sp-replacer:hover{border-color:#f0c49b;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eee;background-image:-webkit-linear-gradient(top,#eee,#ccc);background-image:-moz-linear-gradient(top,#eee,#ccc);background-image:-ms-linear-gradient(top,#eee,#ccc);background-image:-o-linear-gradient(top,#eee,#ccc);background-image:linear-gradient(to bottom,#eee,#ccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#ddd;background-image:-webkit-linear-gradient(top,#ddd,#bbb);background-image:-moz-linear-gradient(top,#ddd,#bbb);background-image:-ms-linear-gradient(top,#ddd,#bbb);background-image:-o-linear-gradient(top,#ddd,#bbb);background-image:linear-gradient(to bottom,#ddd,#bbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-moz-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-ms-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee}.sp-cancel{font-size:11px;color:#d93f3f!important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f!important;text-decoration:underline}.sp-palette span.sp-thumb-active,.sp-palette span:hover{border-color:#000}.sp-alpha,.sp-preview,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}

/*! MYP_SCRIPT: scripts/templates/page-maker/css/style.css*/
.page-maker-wrapper {
    height: calc(100vh - 100px);
    overflow: auto;
}

.cp-title {
    width: 30%;
}


.cp-tabs-wrapper {}

.cp-tab {
    margin-right: 10px;
    size: 22px;
    cursor: pointer;
}

.cp-tab:hover {
    color: var(--aqua-blue);
    opacity: 0.8;
}

.cp-tab-active {
    color: var(--aqua-blue);
}

form-maker .ui-widget {
    margin-bottom: 5px;
    padding: 0 20px;
    min-height: 55px;
}

form-maker .ui-widget:hover {
    background-color: rgba(0, 182, 224, 0.1);
}


.modal-body {
    overflow: auto;
    max-height: calc(90vh - 100px);
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 0 5px 5px transparent;
    border: solid 5px transparent;
    border-left: solid 0px transparent;
    border-radius: 20px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 5px 5px #ddd;
    border: solid 5px transparent;
    border-left: solid 0px transparent;
    border-radius: 20px;

}

/*CLICK */
::-webkit-scrollbar-thumb:active {
    box-shadow: inset 0 0 5px 5px #888 !important;
    border: solid 5px transparent;
    border-left: solid 0px transparent;
    border-radius: 20px;

}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0 0 5px 5px #ccc;
    border: solid 5px transparent;
    border-left: solid 0px transparent;
    border-radius: 20px;

}

a[aria-expanded="true"].page-maker-collaspe-arrow i::before {
    transform: rotate(180deg);
}

.all-tabs-wrapper {
    padding: 5px 20px 0px 20px;
    height: 100%
}

.tabs-wrapper {
    height: 100%;
    width: 100%;
}

.has-title .all-tabs-wrapper {
    height: calc(100% - 42px);
}

.tm-tab-header-tm {
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 5px 5px 0 0;
    border: 1px solid var(--aqua-blue);
    color: var(--aqua-blue);
    font-weight: bold;
    margin-right: 3px;
    border-bottom: 0;
    transform: translate(0px, 1px)
}

.tm-tab-header-tm:hover {
    color: whitesmoke;
    background-color: var(--aqua-blue);
    opacity: 0.8;
}

.tm-body {
    border: 1px solid var(--aqua-blue);
    border-radius: 0 5px 5px 5px;
    width: 100%;
    height: calc(100% - 50px);
    overflow: auto;
    min-height: 200px;
    box-shadow: 5px 2px 10px #aaaaaa;
}

form-maker .input-loader {
    position: absolute;
    top: 10px;
    right: 25px;
    width: 15px;
    height: 15px;
    background-color: white;
}

form-maker .alert {
    margin-bottom: 0;
    padding: 2px 5px;
}

form-maker error-messages .row {
    margin: 0;
}

.tm-tab-active {
    background-color: var(--aqua-blue);
    color: whitesmoke;
}

body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
    margin-right: 0;
}

.modal {
    left: 50%;
    bottom: auto;
    right: auto;
    padding: 0;
    width: 1000px;
    margin-left: -250px;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}

.modal.container {
    max-width: none;
}

.justify-content-end {
    justify-content: flex-end;
}

.flex-direction-col {
    flex-direction: column;
}

.justify-content-around {
    justify-content: space-around;
}

.asset-grid-wrapper {
    width: 100%;
    margin-top: 20px;
    height: 100%;
    display: grid;
    grid-template-columns: 318px 10px 516px;
    grid-template-rows: calc(100% - 50px);
    padding: 0 2%;
}

.asset-grid-wrapper .asset-list-selector {
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
}

.asset-grid-wrapper .ms-title {
    font-family: Ubuntu;
    font-size: 21px;
    color: var(--aqua-blue);
}

.asset-grid-wrapper .ms-item-wrapper {
    height: 60px;
    cursor: pointer;
    position: relative;
}

.asset-grid-wrapper .ms-link {
    font-family: Ubuntu;
    color: var(--aqua-blue);
    text-decoration: underline;
    margin-right: 5px;
    font-weight: 500 !important;
}

.asset-grid-wrapper .ms-item-wrapper:hover {
    background-color: var(--ice-blue);
}

.asset-grid-wrapper .ms-text-wrapper {
    padding-left: 8px;
}

.asset-grid-wrapper .ms-text-name {
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 500;
    color: var(--greyish-brown);
}

.asset-grid-wrapper .ms-delete-item {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translate(0, -50%);
}

.asset-grid-wrapper .ms-close-search {
    fill: var(--warm-grey);
}

.asset-grid-wrapper .assets-form-wrapper {
    grid-column: 3 / span 2;
    grid-row: 1;
    height: calc(100%);
}

.asset-grid-wrapper .assets-form-wrapper .fm-wrapper {
    max-width: 400px;
}

.fm-wrapper-title {
    height: calc(90% - 25px) !important;
}

.asset-grid-wrapper .panel-default>.panel-heading+.panel-collapse>.panel-body {
    padding: 0 5px;
}

.asset-grid-wrapper .assets-form-wrapper .fm-main-wrapper {
    background-color: var(--white);
    border: solid 1px var(--white-seven);
    border-radius: 10px;
    padding: 0 20px;
    height: 100%;
}

.asset-grid-wrapper .assets-form-wrapper .fm-btn-wrapper {
    flex-direction: row-reverse;
}

.asset-grid-wrapper .ms-item-active {
    background-color: var(--ice-blue);
}

.asset-grid-wrapper .ms-item-active .ms-active-line {
    visibility: visible !important;
}

.asset-grid-wrapper .ms-item-active .ms-text-wrapper .ms-text-name {
    color: var(--aqua-blue);
}

.asset-grid-wrapper .ms-active-line {
    width: 6px;
    height: 100%;
    background-color: var(--aqua-blue);
    margin-right: 12px;
    visibility: hidden;
}

.asset-grid-wrapper p.validation {
    font-size: 12px;
    padding: 1px 5px
}

.ms-clear-all {
    margin-top: 18px;
    font-family: Ubuntu;
    font-size: 12px;
    color: var(--pink-red);
    text-decoration: underline;
}

.ms-hr {
    width: 100%;
    background-color: var(--white-six);
    height: 1px;
    margin-top: 10px;
}


.asset-grid-wrapper .assets-filters .ms-filter-sub-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--aqua-blue);
    margin: 5px 0;
}

.asset-grid-wrapper .short-input {
    width: 120px !important;
}

.control-panel-wrapper .fm-wrapper {
    padding: 10px;
}

.control-panel-wrapper .fm-btn-wrapper {
    border-top: solid 1px var(--aqua-blue);
    padding: 10px;
}

.control-panel-wrapper .fm-item-wrapper .cp-title {
    width: 30%;
    max-width: 300px;
}

.password-eye {
    position: absolute;
    transform: translate(0, -50%);
    right: 10px;
    top: 50%;
}

input::-ms-reveal,
pagemaker input::-ms-clear {
    display: none;
}

.page-maker-radio-row {
    display: flex;
}
.page-maker-radio-row .page-maker-option {
    display: flex;
    margin-right: 10px;
}
.page-maker-radio-row .page-maker-option input {
    margin-right: 3px;
}

.height-100-im {
    height: 100% !important;
}

.fm-img:hover .fm-img-wrapper {
    display: flex;
}

.fm-img-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    align-items: center;
    justify-content: center;
    transition: all 1s ease-in;
    pointer-events: none;
}

[form-maker] .fm-btn,
form-maker .fm-btn {
    background-color: var(--aqua-blue);
    font-size: 18px;
    color: white;
}

[form-maker] .fm-btn:hover,
[form-maker] .fm-btn:focus,
form-maker .fm-btn:hover,
form-maker .fm-btn:focus {
    color: white;
    opacity: 0.8;
}

[form-maker] .fm-base-input,
.fm-base-input.select2-container,
[form-maker] .fm-base-input:focus,
form-maker .fm-base-input,
form-maker .fm-base-input:focus {
    width: 100%;
    background-color: var(--modal-white) !important;
    outline: none;
    border-color: var(--dark-white);
    min-height: 36px;
    border-radius: 4px;
}

.fm-base-input .select2-choices {
    background-color: var(--modal-white) !important;
}

.fm-base-input .select2-arrow {
    display: none !important;
}

.fm-base-input.select2-container .select2-choice,
.fm-base-input.select2-container .select2-choice {
    height: 36px !important;
    padding: 0 !important;
}

.flex-full {
    flex-grow: 1;
}

grid-maker .absolute.glyphicon.glyphicon-refresh {
    top: 50%;
    transform: translate(0, -50%);
    right: 5px;
}

grid-maker p.validation {
    padding: 0px 9px 1px 10px;
    width: 100%;
}

grid-maker ::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0 0 5px 5px #ccc;
    border: solid 5px transparent;
    border-left: solid 0px transparent;
    border-radius: 20px;
}

grid-maker ::-webkit-scrollbar-thumb:active {
    box-shadow: inset 0 0 5px 5px #888 !important;
    border: solid 5px transparent;
    border-left: solid 0px transparent;
    border-radius: 20px;

}

grid-maker .tab-wrapper {
    margin: 0 0 10px 0;
    font-size: 16px;
}

grid-maker .tab-item {
    cursor: pointer;
    width: 50%;
    display: flex;
    justify-content: center;
    border-bottom: 2px solid;
    padding-bottom: 5px;
}

grid-maker .tab-item.active {
    color: var(--aqua-blue);
    border-bottom: 2px solid var(--aqua-blue);
}

grid-maker .tab-item:hover:not(.active) {
    color: rgba(0, 182, 224, 0.5);
    border-bottom: 2px solid rgba(0, 182, 224, 0.5);
}

grid-maker .bot-stage-wrapper {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 10px;
    min-height: 300px;
}

.add-stage {
    font-size: 25px;
    color: var(--aqua-blue);
}

.bot-stage-item {
    padding: 20px 25px 0 25px;
    margin: 10px 0;
    position: relative;
    border: 2px solid var(--white-two);
    border-radius: 25px;
}

.ca-delete-trash {
    position: absolute;
    right: 5px;
    fill: var(--warm-grey);
    top: 50%;
    transform: translate(0, -50%);
}

.ca-delete-trash:hover {
    fill: var(--aqua-blue);
}

grid-maker .bot-stage-input-wrapper {
    margin-bottom: 20px;
}

grid-maker .bot-stage-input .select2-choice,
grid-maker .bot-stage-input select,
.select-form-gen {
    background-color: var(--modal-white) !important;
    height: 36px !important;
    padding-left: 12px;
    box-shadow: none;
    border: 1px solid var(--form-white);
    outline: none;
    border-radius: 4px !important;
}

grid-maker .bot-stage-input .select2-choice {
    padding: 0 !important;
}

grid-maker .select2-container .select2-arrow b {
    display: none !important;
}

grid-maker .select-wrapper:after {
    content: '>';
    font: 19px "Consolas", monospace;
    color: #aaa;
    transform: rotate(90deg);
    right: 10px;
    top: 6px;
    position: absolute;
    pointer-events: none;
}

grid-maker ::-webkit-scrollbar {
    width: 10px;
}

/* Track */
grid-maker ::-webkit-scrollbar-track {
    background: transparent;
    box-shadow: inset 0 0 5px 5px transparent;
    border: solid 5px transparent;
    border-left: solid 0px transparent;
    border-radius: 20px;
}

/* Handle */
grid-maker ::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 5px 5px #ddd;
    border: solid 5px transparent;
    border-left: solid 0px transparent;
    border-radius: 20px;
}

.grid-sp {
    border-bottom: 1px solid var(--form-white) !important;
    padding-bottom: 5px;
}
 .tippy-menu-container {
    z-index: 1000;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
 .tippy-menu-item:hover {
    cursor: pointer;
    background: rgb(240, 240, 240);
}

 .tippy-menu-item {
    display: block;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    border: 0;
}

.tippy-content{
    padding: 0 !important;
}

.h-full{
    height: 100%;
}

.input-arrow {
    right: 5px;
    top: 50%;
    transform: translate(0, -50%);
}

.rtl .input-arrow {
    left: 5px;
    right: initial;
}

.ag-body .ag-row-footer,
.ag-floating-bottom-container .ag-row{
    font-weight: bold;
    background-color: var(--ag-header-background-color);
}


ag-action-buttons .agr-export-options,
ag-grid-ribbon .agr-export-options,
.agr-export-options {
    padding: 3px 7px;
    color: black;
    cursor: pointer;
}

ag-action-buttons .agr-export-options:hover,
ag-grid-ribbon .agr-export-options:hover,
.agr-export-options:hover {
    color: white;
    background-color: var(--aqua-blue);
}

ag-input .remove-input-design:disabled,
ag-input .remove-input-design{
    border: none !important;
    background-color: transparent !important;
    outline: none !important;
    color: #212529 !important;
    opacity: 1 !important;
    cursor: initial !important;
    padding: 0;
}

.jspanel-hide-header .jsPanel-hdr{
    display: none;
}


/* new without childs */

[ag-input] .remove-input-design:disabled,
[ag-input] .remove-input-design{
    border: none !important;
    background-color: transparent !important;
    outline: none !important;
    color: #212529 !important;
    opacity: 1 !important;
    cursor: initial !important;
    padding: 0;
}

[ag-action-buttons] .agr-export-options:hover,
[ag-grid-ribbon] .agr-export-options:hover,
.agr-export-options:hover {
    color: white;
    background-color: var(--aqua-blue);
}

.ag-body .ag-row-footer,
.ag-floating-bottom-container .ag-row{
    font-weight: bold;
    background-color: var(--ag-header-background-color);
}

/* a:active{
    font-size: inherit;
} */

/*! MYP_SCRIPT: scripts/templates/page-maker/css/style2.css*/

/*! MYP_SCRIPT: /scripts/templates/page-maker/css/flags.css*/
.flag{float:left;padding:0 !important;margin:0 5px 0 0;width:16px;height:11px;background:url("../scripts/templates/page-maker/app/assets/flags.png") no-repeat;}.flag.ad{background-position:0 0}.flag.ae{background-position:0 -11px}.flag.af{background-position:0 -22px}.flag.ag{background-position:0 -33px}.flag.ai{background-position:0 -44px}.flag.al{background-position:0 -55px}.flag.am{background-position:0 -66px}.flag.an{background-position:0 -77px}.flag.ao{background-position:0 -88px}.flag.ar{background-position:0 -99px}.flag.as{background-position:0 -110px}.flag.at{background-position:0 -121px}.flag.au{background-position:0 -132px}.flag.aw{background-position:0 -143px}.flag.ax{background-position:0 -154px}.flag.az{background-position:0 -165px}.flag.ba{background-position:0 -176px}.flag.bb{background-position:0 -187px}.flag.bd{background-position:0 -198px}.flag.be{background-position:0 -209px}.flag.bf{background-position:0 -220px}.flag.bg{background-position:0 -231px}.flag.bh{background-position:0 -242px}.flag.bi{background-position:0 -253px}.flag.bj{background-position:0 -264px}.flag.bm{background-position:0 -275px}.flag.bn{background-position:0 -286px}.flag.bo{background-position:0 -297px}.flag.br{background-position:0 -308px}.flag.bs{background-position:0 -319px}.flag.bt{background-position:0 -330px}.flag.bv{background-position:0 -341px}.flag.bw{background-position:0 -352px}.flag.by{background-position:0 -363px}.flag.bz{background-position:0 -374px}.flag.ca{background-position:0 -385px}.flag.catalonia{background-position:0 -396px}.flag.cc{background-position:0 -407px}.flag.cd{background-position:0 -418px}.flag.cf{background-position:0 -429px}.flag.cg{background-position:0 -440px}.flag.ch{background-position:0 -451px}.flag.ci{background-position:0 -462px}.flag.ck{background-position:0 -473px}.flag.cl{background-position:0 -484px}.flag.cm{background-position:0 -495px}.flag.cn{background-position:0 -506px}.flag.co{background-position:0 -517px}.flag.cu{background-position:0 -528px}.flag.cr{background-position:0 -539px}.flag.cs{background-position:0 -550px}.flag.cv{background-position:0 -561px}.flag.cx{background-position:0 -572px}.flag.cy{background-position:-16px 0}.flag.cz{background-position:-16px -11px}.flag.de{background-position:-16px -22px}.flag.dj{background-position:-16px -33px}.flag.dk{background-position:-16px -44px}.flag.dm{background-position:-16px -55px}.flag.do{background-position:-16px -66px}.flag.dz{background-position:-16px -77px}.flag.ec{background-position:-16px -88px}.flag.ee{background-position:-16px -99px}.flag.eg{background-position:-16px -110px}.flag.eh{background-position:-16px -121px}.flag.england{background-position:-16px -132px}.flag.er{background-position:-16px -143px}.flag.es{background-position:-16px -154px}.flag.et{background-position:-16px -165px}.flag.eu{background-position:-16px -176px}.flag.fam{background-position:-16px -187px}.flag.fi{background-position:-16px -198px}.flag.fj{background-position:-16px -209px}.flag.fk{background-position:-16px -220px}.flag.fm{background-position:-16px -231px}.flag.fo{background-position:-16px -242px}.flag.fr{background-position:-16px -253px}.flag.ga{background-position:-16px -264px}.flag.gb{background-position:-16px -275px}.flag.gd{background-position:-16px -286px}.flag.ge{background-position:-16px -297px}.flag.gf{background-position:-16px -308px}.flag.gh{background-position:-16px -319px}.flag.gi{background-position:-16px -330px}.flag.gl{background-position:-16px -341px}.flag.gm{background-position:-16px -352px}.flag.gn{background-position:-16px -363px}.flag.gp{background-position:-16px -374px}.flag.gq{background-position:-16px -385px}.flag.gr{background-position:-16px -396px}.flag.gs{background-position:-16px -407px}.flag.gt{background-position:-16px -418px}.flag.gu{background-position:-16px -429px}.flag.gw{background-position:-16px -440px}.flag.gy{background-position:-16px -451px}.flag.hk{background-position:-16px -462px}.flag.hm{background-position:-16px -473px}.flag.hn{background-position:-16px -484px}.flag.hr{background-position:-16px -495px}.flag.ht{background-position:-16px -506px}.flag.hu{background-position:-16px -517px}.flag.id{background-position:-16px -528px}.flag.ie{background-position:-16px -539px}.flag.il{background-position:-16px -550px}.flag.in{background-position:-16px -561px}.flag.io{background-position:-16px -572px}.flag.iq{background-position:-32px 0}.flag.ir{background-position:-32px -11px}.flag.is{background-position:-32px -22px}.flag.it{background-position:-32px -33px}.flag.jm{background-position:-32px -44px}.flag.jo{background-position:-32px -55px}.flag.jp{background-position:-32px -66px}.flag.ke{background-position:-32px -77px}.flag.kg{background-position:-32px -88px}.flag.kh{background-position:-32px -99px}.flag.ki{background-position:-32px -110px}.flag.km{background-position:-32px -121px}.flag.kn{background-position:-32px -132px}.flag.kp{background-position:-32px -143px}.flag.kr{background-position:-32px -154px}.flag.kw{background-position:-32px -165px}.flag.ky{background-position:-32px -176px}.flag.kz{background-position:-32px -187px}.flag.la{background-position:-32px -198px}.flag.lb{background-position:-32px -209px}.flag.lc{background-position:-32px -220px}.flag.li{background-position:-32px -231px}.flag.lr{background-position:-32px -242px}.flag.lk{background-position:-32px -253px}.flag.ls{background-position:-32px -264px}.flag.lt{background-position:-32px -275px}.flag.lu{background-position:-32px -286px}.flag.lv{background-position:-32px -297px}.flag.ly{background-position:-32px -308px}.flag.ma{background-position:-32px -319px}.flag.mc{background-position:-32px -330px}.flag.md{background-position:-32px -341px}.flag.me{background-position:-32px -352px}.flag.mg{background-position:-32px -363px}.flag.mh{background-position:-32px -374px}.flag.mk{background-position:-32px -385px}.flag.ml{background-position:-32px -396px}.flag.mm{background-position:-32px -407px}.flag.mn{background-position:-32px -418px}.flag.mo{background-position:-32px -429px}.flag.mp{background-position:-32px -440px}.flag.mq{background-position:-32px -451px}.flag.mr{background-position:-32px -462px}.flag.ms{background-position:-32px -473px}.flag.mt{background-position:-32px -484px}.flag.mu{background-position:-32px -495px}.flag.mv{background-position:-32px -506px}.flag.mw{background-position:-32px -517px}.flag.mx{background-position:-32px -528px}.flag.my{background-position:-32px -539px}.flag.mz{background-position:-32px -550px}.flag.na{background-position:-32px -561px}.flag.nc{background-position:-32px -572px}.flag.ne{background-position:-48px 0}.flag.nf{background-position:-48px -11px}.flag.ng{background-position:-48px -22px}.flag.ni{background-position:-48px -33px}.flag.nl{background-position:-48px -44px}.flag.no{background-position:-48px -55px}.flag.np{background-position:-48px -66px}.flag.nr{background-position:-48px -77px}.flag.nu{background-position:-48px -88px}.flag.nz{background-position:-48px -99px}.flag.om{background-position:-48px -110px}.flag.pa{background-position:-48px -121px}.flag.pe{background-position:-48px -132px}.flag.pf{background-position:-48px -143px}.flag.pg{background-position:-48px -154px}.flag.ph{background-position:-48px -165px}.flag.pk{background-position:-48px -176px}.flag.pl{background-position:-48px -187px}.flag.pm{background-position:-48px -198px}.flag.pn{background-position:-48px -209px}.flag.pr{background-position:-48px -220px}.flag.ps{background-position:-48px -231px}.flag.pt{background-position:-48px -242px}.flag.pw{background-position:-48px -253px}.flag.py{background-position:-48px -264px}.flag.qa{background-position:-48px -275px}.flag.re{background-position:-48px -286px}.flag.ro{background-position:-48px -297px}.flag.rs{background-position:-48px -308px}.flag.ru{background-position:-48px -319px}.flag.rw{background-position:-48px -330px}.flag.sa{background-position:-48px -341px}.flag.sb{background-position:-48px -352px}.flag.sc{background-position:-48px -363px}.flag.scotland{background-position:-48px -374px}.flag.sd{background-position:-48px -385px}.flag.se{background-position:-48px -396px}.flag.sg{background-position:-48px -407px}.flag.sh{background-position:-48px -418px}.flag.si{background-position:-48px -429px}.flag.sj{background-position:-48px -440px}.flag.sk{background-position:-48px -451px}.flag.sl{background-position:-48px -462px}.flag.sm{background-position:-48px -473px}.flag.sn{background-position:-48px -484px}.flag.so{background-position:-48px -495px}.flag.sr{background-position:-48px -506px}.flag.st{background-position:-48px -517px}.flag.sv{background-position:-48px -528px}.flag.sy{background-position:-48px -539px}.flag.sz{background-position:-48px -550px}.flag.tc{background-position:-48px -561px}.flag.td{background-position:-48px -572px}.flag.tf{background-position:-64px 0}.flag.tg{background-position:-64px -11px}.flag.th{background-position:-64px -22px}.flag.tj{background-position:-64px -33px}.flag.tk{background-position:-64px -44px}.flag.tl{background-position:-64px -55px}.flag.tm{background-position:-64px -66px}.flag.tn{background-position:-64px -77px}.flag.to{background-position:-64px -88px}.flag.tr{background-position:-64px -99px}.flag.tt{background-position:-64px -110px}.flag.tv{background-position:-64px -121px}.flag.tw{background-position:-64px -132px}.flag.tz{background-position:-64px -143px}.flag.ua{background-position:-64px -154px}.flag.ug{background-position:-64px -165px}.flag.um{background-position:-64px -176px}.flag.us{background-position:-64px -187px}.flag.uy{background-position:-64px -198px}.flag.uz{background-position:-64px -209px}.flag.va{background-position:-64px -220px}.flag.vc{background-position:-64px -231px}.flag.ve{background-position:-64px -242px}.flag.vg{background-position:-64px -253px}.flag.vi{background-position:-64px -264px}.flag.vn{background-position:-64px -275px}.flag.vu{background-position:-64px -286px}.flag.wales{background-position:-64px -297px}.flag.wf{background-position:-64px -308px}.flag.ws{background-position:-64px -319px}.flag.ye{background-position:-64px -330px}.flag.yt{background-position:-64px -341px}.flag.za{background-position:-64px -352px}.flag.zm{background-position:-64px -363px}.flag.zw{background-position:-64px -374px}

/*! MYP_SCRIPT: /scripts/templates/page-maker/css/media-queries.css*/
@media only screen and (min-width: 768px) {

    .sort-lable-container {
        align-items: center;
    }

    #ribbon-select-sort-label select {
        width: 268px;
    }

    .filters-icons {
        margin: 0 20px 0 0;
    }

    .dropdown-content {
        left: 0;
    }

    .text-in-card-preview {
        position: relative;
    }

    .modal {
        min-width: 500px;
        width: 500px;
    }

    .my-acc-details-table {
        margin: 0 16px 0 18px;
    }

    .banks-container .bank-item {
        margin: 0 20px 0 0;
    }

    .bank-item button {
        width: 130px;
    }

}

@media only screen and (min-width: 767px) {
    .navbar-content {
        position: fixed;
    }
}

@media only screen and (min-width: 992px) {
    .ex-icon {
        display: none !important;
    }

    .trans-found-container {
        display: unset;
    }

    .modal-open {
        overflow: auto;
    }

    .navbar-content {
        position: fixed;
    }

    .alerts-container {
        margin-left: 10px;
        padding-right: 0;
    }

    .credit-date-container {
        max-width: 85%;
    }

    .alert-warning {
        border-color: var(--yellow);
    }

    /*.modal-lg { width: 1000px !important; }*/
    .btn_left {
        padding-right: 6px;
    }

    .btn_right {
        padding-left: 6px;
    }

    .btn_left .selectwrap:after {
        line-height: 32px;
        top: 28px;
        right: 10px;
    }

    .btn_right .selectwrap:after {
        top: 32px;
        right: 20px;
    }

    .form-control.selectwrap:after {
        top: 3px;
        left: auto;
        right: 0;
    }

    body.rtl .form-control.selectwrap:after {
        left: 10px;
        right: auto;
    }

    .modal-dialog {
        width: 100%;
        margin: 0;
        padding: 15px;
    }

    filters .modal-dialog {
        padding: 0;
    }

    .form-group.has-search input {
        background: var(--white) !important;
        border-color: var(--form-white);
    }

    .popover.right {
        margin-left: -100px;
    }

    .selectwrapTF:after {
        top: 2px;
        right: 0px;
        pointer-events: none;
        z-index: 2;
    }

    .modal {
        bottom: auto;
        padding: 0;
        background-color: var(--white);
        border: 1px solid #f0f0f0 !important;
        border-radius: 6px;
        box-shadow: none !important;
        background-clip: padding-box;
    }

    .modal button.close-info-modal {
        position: absolute;
        -webkit-appearance: none;
        right: -130px;
        width: 51px;
        height: 51px;
        opacity: 1 !important;
    }

    .modal button.close-action-modal {
        position: inherit;
        right: 0;
        opacity: 1 !important;
    }

    .modal .close-info-modal svg {
        width: 51px;
        height: 51px;
        fill: var(--light-grey);
        stroke: var(--light-grey);
    }

    .modal .close-action-modal svg {
        width: 39px;
        height: 39px;
    }

    .modal-action-close {
        width: auto !important;
        height: auto !important;
    }

    .margin-form-group {
        margin-right: 20px;
    }

    .popover.right {
        position: absolute;
        left: 0;
        margin-left: 0px;
        width: 430px !important;
    }

    .popover.top {
        position: absolute;
        margin-top: -10px;
        left: 0;
        width: 300px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1022px) {
    .trans-found-container {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        margin: 0 auto;
    }

    .trans-found-container > div {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        margin: 0 auto !important;

    }
}


@media only screen and (min-width: 1200px) {
    .banks-container .bank-item:not(:nth-child(3n)) {
        margin: 0 20px 0 0;
    }
}

@media only screen and (min-width: 1023px) {

}

@media only screen and (min-width: 1400px) {
}

@media only screen and (min-width: 1500px) {
}

@media only screen and (min-width: 1600px) {
    .table-order-list > tbody > tr > td, .table-order-list > tbody > tr > th, .table-order-list > tfoot > tr > td, .table-order-list > tfoot > tr > th, .table-order-list > thead > tr > td,
    .table-order-list > thead > tr > th {
        padding: 8px 25px 8px 8px;
    }
}

@media only screen and (min-width: 1800px) {
    .table-order-list > tbody > tr > td, .table-order-list > tbody > tr > th, .table-order-list > tfoot > tr > td, .table-order-list > tfoot > tr > th, .table-order-list > thead > tr > td,
    .table-order-list > thead > tr > th {
        padding: 8px 35px 8px 8px;
    }

    .table-open-order > tbody > tr > td, .table-open-order > tbody > tr > th, .table-open-order > tfoot > tr > td, .table-open-order > tfoot > tr > th, .table-open-order > thead > tr > td,
    .table-open-order > thead > tr > th {
        padding: 8px 29px 8px 8px;
    }

    .table-request td, .table-request th {
        padding: 8px 29px 8px 8px !important;
    }
}

/* between */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .table-open-order > tbody > tr > td, .table-open-order > tbody > tr > th, .table-open-order > tfoot > tr > td, .table-open-order > tfoot > tr > th, .table-open-order > thead > tr > td,
    .table-open-order > thead > tr > th {
        padding: 8px 60px 8px 8px;
    }
}

@media only screen and (min-width: 1023px) and (max-width: 1400px) {
    .trans-found-container {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        margin: 0 auto;
    }

    .trans-found-container > div {
        display: flex;
        flex-direction: column;
        width: 100% !important;
        margin: 0 auto !important;

    }

    .my-profile-container {
        display: flex;
    }

    .my-profile-sub-container {
        margin: 0 auto;
    }

    .my-profile-sub-container > div {
        width: 100%;
    }
}

@media only screen and (min-width: 1023px) and (max-width: 1300px) {
    .dashboard-container, .dashboard-card-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .dashboard-container > div {
        width: 80%;
    }

    .dashboard-card-container > div {
        width: 100%;
    }

}


@media only screen and (min-width: 1300px) and (max-width: 1650px) {
    .dashboard-container, .dashboard-card-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .dashboard-container > div {
        width: 60%;
    }

    .dashboard-card-container > div {
        width: 100%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
}

@media only screen and (min-width: 991px) and (max-width: 1600px) {
    .market-amounts {
        display: flex;
        flex-wrap: wrap;
    }

    .market-amounts > div {
        width: 100%;
        padding: 0 15px;

    }

    .list-row .form-group:not(:last-child) {
        width: 33%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .selectwrap:after {
        top: 2px;
        right: 16px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
}

/* max-width */
@media only screen and (max-width: 1400px) {
    .trans-found-main-container {
        width: 100%;
        margin: 0;
    }

    .trans-found-main-item {
        width: 50%;
    }

    .sort-by {
        margin: 0 0 10px 0;
    }
}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 991px) {

    .modal {
        background-color: var(--white);
        border: 1px solid #f0f0f0 !important;
        border-radius: 6px;
        box-shadow: none !important;
        background-clip: padding-box;
    }

    .exchange-icon {
        display: block;
        position: absolute;
        top: 4px;
        right: 15px;
    }

    .modal button.close-info-modal {
        position: absolute;
        -webkit-appearance: none;
        top: -60px;
        right: 0;
        width: 30px !important;
        height: 30px !important;
        opacity: 1 !important;
    }

    .modal button.close-info-modal svg {
        width: 30px;
        height: 30px;
        fill: var(--light-grey);
        stroke: var(--light-grey);
    }

    .popover-content {
        padding: 9px 14px;
        width: 95%;
        margin: 0 15px;
        position: fixed;
        left: 0 !important;
        background: var(--white);
        border-radius: 4px;
        border: 1px solid var(--form-white);
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {

    .logout-icon {
        margin-left: 10px;
        margin-top: 50%;
        transform: translate(0, -50%);
    }

    .btn-save-mobile {
        font-size: 14px;
        color: var(--white);
    }

    .btnPop.saved {
        position: absolute;
        bottom: 15px;
        width: 30%;
        left: 50%;
        background: var(--aqua-blue) !important;
        border: 0;
        border-radius: 4px !important;
        padding: 14px 4px;
        margin-bottom: 0;
        white-space: nowrap;
        vertical-align: middle;
        transform: translateX(-50%);
    }

    .form-area-profile {
        padding-top: 10px;
    }

    .btnPop.closed {
        position: absolute;
        top: 10px;
        width: 30px;
        right: 32px;
        background: transparent !important;
        border: 0;
        border-radius: 0 !important;
        padding: 7px 4px;
        margin-bottom: 0;
        white-space: nowrap;
        vertical-align: middle;
    }

    .btnPop.closed svg {
        fill: var(--dark-grey);
        width: 30px;
        height: 30px;
    }

    .popovericons .fa-check-circle, .popovericons .fa-times-circle {
        font-size: 30px;
        color: var(--white);
    }

    .popover-content {
        top: 30%;
        height: 25%;
    }

}

@media only screen and (max-width: 767px) {

    body.login .main-login {
        padding: 20px;
    }

    .header-logo {
        max-width: calc(100% - 160px);
        overflow: hidden;
    }

    .icons-header {
        margin-right: 5px !important;
        min-width: 40px;
    }

    services-ip-filters .form-horizontal .form-group,
    services-api-authentication .form-horizontal .form-group {
        margin: 0;
    }

    services-ip-filters .form-horizontal .btn-blue {
        margin-left: 15px;
    }

    #filters-modal .modal-dialog {
        overflow: auto;
    }

    .navbar-header {
        background-color: var(--white);
        border-bottom: 1px solid var(--form-white);
        width: 100%;
    }

    .navbar-toggle {
        padding: 16px 10px;
        background-color: var(--white);
        color: var(--black-text);
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: var(--white);
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .clip-list-2 {
        height: 60px;
    }

    .clip-list-2:before {
        font-family: FontAwesome;
        content: "\f0c9";
        color: var(--black-text);
        font-size: 30px;
    }

    .main-navigation {
        top: 72px;
        background-color: var(--white) !important;
    }

    ul.main-navigation-menu > li {
        border: 0 none;
    }

    ul.main-navigation-menu > li a {
        border-bottom-color: transparent;
        border-top-color: transparent;
        border-bottom: 1px solid var(--form-white) !important;
        padding: 10px 10px;
    }

    .main-container {
        margin-top: 72px !important;
    }

    .top-padding {
        padding-top: 20px;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid transparent;
    }

    .btnTransFunds {
        width: 100% !important;
        height: 140px !important;
    }

    .selectwrap:after {
        top: 2px;
        right: 5px;
    }

    .popover-content {
        overflow-x: hidden;
        padding: 20px 14px 50px 14px;
        width: 100%;
        height: 100%;
        margin: 0;
        position: fixed;
        bottom: 0;
        left: 0 !important;
        background: rgba(251, 251, 251, 0.94);
        border-radius: 0;
        border: 1px solid var(--dark-grey);
        transition: .3s ease-in-out;
    }

    .btn-save-mobile {
        font-size: 14px;
        color: var(--white);
    }

    .btnPop.saved {
        position: absolute;
        bottom: 15px;
        width: 90%;
        left: 5%;
        right: 5%;
        background: var(--aqua-blue) !important;
        border: 0;
        border-radius: 4px !important;
        padding: 14px 4px;
        margin-bottom: 0;
        white-space: nowrap;
        vertical-align: middle;
    }

    .btnPop.closed {
        position: absolute;
        top: 10px;
        width: 30px;
        right: 32px;
        background: transparent !important;
        border: 0;
        border-radius: 0 !important;
        padding: 7px 4px;
        margin-bottom: 0;
        white-space: nowrap;
        vertical-align: middle;
    }

    .btnPop.closed svg {
        fill: var(--dark-grey);
        width: 30px;
        height: 30px;
    }

    .popovericons .fa-check-circle, .popovericons .fa-times-circle {
        font-size: 30px;
        color: var(--white);
    }

    .editFormTitle {
        font-size: 20px;
    }

    #myProfile .form-control {
        width: 100%;
        height: 50px;
        background-color: var(--white) !important;
        border: 1px solid var(--form-white) !important;
    }

    body.rtl #myProfile .form-control {
        text-align: right;
    }

    .from-collapse-2 {
        background: var(--modal-white);
        position: relative;
        padding-top: 10px;
        border-radius: 4px;
        border: 1px solid var(--form-white);
        width: 100%;
    }

    .dropdown-menu.list {
        position: fixed;
        top: 0;
        padding: 0;
        margin: 0;
        text-align: left;
        background-color: var(--modal-white);
        background-clip: padding-box;
        border: 1px solid var(--form-white);
        border: 1px solid transparent;
        border-radius: 0;
        box-shadow: none;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }

    .modal-backdrop.fade.in {
        opacity: 0.94;
        filter: alpha(opacity=94);
        background: var(--modal-white);
    }

    .modal.verifyPhone {
        top: 0 !important;
        left: 0;
        width: 100%;
        background: transparent !important;
    }

    .modal-content {
        position: relative;
        background-color: transparent;
        background-clip: padding-box;
        border: none !important;
        border-radius: 6px;
        outline: 0;
        box-shadow: none !important;
    }

    .modal button.close-info-modal {
        position: absolute;
        -webkit-appearance: none;
        top: 0;
        right: 0;
        width: 30px !important;
        height: 30px !important;
        opacity: 1 !important;
        z-index: 999;
    }

    .uib-datepicker-popup.dropdown-menu {
        position: fixed;
        top: 58px !important;
        width: 100vw;
        left: 0 !important;
        border: 1px solid transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .uib-datepicker-popup.dropdown-menu table {
        width: 100%;
        font-size: 10pt;
    }

    .uib-datepicker-popup.dropdown-menu table thead {
        display: table-header-group;
        vertical-align: middle;
        border-color: transparent;
        border: 0;
        font-size: 16px;
        color: var(--aqua-blue) !important;
    }

    .uib-datepicker-popup.dropdown-menu table thead tr th small {
        color: var(--aqua-blue) !important;
    }

    .table.line tr {
        border-bottom: 1px solid transparent !important;
    }

    .uib-datepicker .btn-default strong {
        color: var(--aqua-blue);
        font-size: 16px;
    }

    .uib-datepicker button i {
        color: var(--aqua-blue);
    }

    .modal.fade.in {
        top: 10px;
        background: rgba(255, 255, 255, 0.9);
        border: 0 !important;
        width: 95% !important;
        left: 10px;
        position: fixed;
        overflow: auto !important;
    }

    #userDocsModal {
        left: 10px !important;
    }

    .user-modal-data.fade.in {
        width: 100% !important;
    }

    .progress {
        width: 100%;
        height: 20px;
    }

    .exchange-icon {
        display: block;
        position: absolute;
        top: 4px;
        right: 15px;
    }

    .logout-icon {
        display: block;
        position: absolute;
        top: 21px;
        left: 50px;
    }

    #profile .col-md-6 .col-sm-12 {
        padding: 0;
    }

    .banks-container .bank-item, .banks-container .bank-item:nth-child(3n) {
        margin: 0 20px 0 0 !important;
    }

    .my-account-warp {
        white-space: pre-wrap;
        max-width: 200px;
    }

    /*my account*/
    .my-acc-details-table {
        padding: 0 16px 0 18px;
    }

    .my-acc-details-table tr:not(.table-hr) {
        display: flex;
        justify-content: space-between;
    }

    .my-account-ellipsis {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 190px;
    }
}

@media only screen and (max-width: 599px) {
}

@media only screen and (max-width: 479px) {
}

@media only screen and (max-width: 400px) {
}

@media only screen and (max-width: 360px) {
    .banks-container .bank-item, .banks-container .bank-item:nth-child(3n) {
        margin: 0 10px 0 0 !important;
    }
}


/*! MYP_SCRIPT: /scripts/templates/page-maker/css/dropdown.css*/
.dropdown-menu.custom-coins {
    padding: 5px 10px;
    background-color: var(--modal-white);
    border: 1px solid var(--form-white);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown > button {
    padding: 6px 12px;
}

.dropdown-menu.custom-coins .dropdown-title {
    color: var(--black-text);
    font-weight: 600;
}

.dropdown-menu.custom-coins .dropdown-choice a {
    cursor: pointer;
    color: var(--black-text);
    text-decoration: none;
}

.dropdown-menu.custom-coins .dropdown-title,
.dropdown-menu.custom-coins .dropdown-choice {
    padding: 0 10px;
}

.dropdown-menu.custom-coins .dropdown-choice:hover {
    background: var(--aqua-blue) !important;
}

.dropdown-menu.custom-coins .dropdown-choice:hover a {
    color: var(--white);
}

.dropdown-menu {
    padding: 5px 0;
    margin: 2px 0 0;
    text-align: left;
    background-color: var(--modal-white);
    background-clip: padding-box;
    border: 1px solid var(--form-white);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    width: 100%;
}

.dropdown-menu.list {
    width: auto;
    height: 300px;
    overflow-y: scroll;
}

.drop-down-checkbox-list-box .dropdown-menu.list {
    width: 100%;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: var(--white);
    filter: none;
    background: var(--aqua-blue) none repeat-x;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    background: var(--white) !important;
    color: #333 !important;
    text-shadow: none !important;
    transition: .3s !important;
}

.searchIcon {
    background-image: url('/images/search.svg');
    height: 12px;
    width: 12px;
    z-index: 9999;
    position: absolute;
    top: 12px;
    left: 24px;
}


/*! MYP_SCRIPT: /scripts/templates/page-maker/css/alerts.css*/
.alert-warning {
    background-image: none !important;
    filter: none !important;
    background-repeat: repeat-x;
    border-color: var(--yellow);
}

.alert-warning svg#close-popup {
    width: 20px;
    height: 20px;
    fill: var(--yellow);
}

.alert-warning .close {
    float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: var(--yellow);
    text-shadow: 0 1px 0 var(--white);
    filter: none !important;
    opacity: 1;
}

.alert-warning-yellow {
    font-weight: 400;
    color: var(--poop);
    background-color: var(--off-white);
    border-color: var(--yellow-orange) !important;
    font-style: italic;
}

.alert-warning-yellow * {
    color: var(--poop) !important;
    padding: 0 !important;
    margin: 0;
}

#myProfile .alert {
    margin-top: 0;
}

h4.alert-heading {
    font-family: var(--main-font);
    font-weight: 500;
    font-size: 20px;
    color: var(--alert-yellow);
}

h4.alert-heading i {
    display: none;
}

.alert-container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.alert-container span {
    max-width: 100%;
    word-break: break-word;
}

.alert {
    padding: 8px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-platform-green {
    font-weight: 400;
    font-style: italic;
    color: var(--greenish-teal) !important;
    background-color: #e6fff1 !important;
    border-color: var(--greenish-teal) !important;
}

.alert-platform-red {
    font-weight: 400;
    font-style: italic;
    color: #ff4d8b !important;
    background-color: #ffedf3 !important;
    border-color: #ff4d8b !important;
}

.alert-platform-green .close,
.alert-platform-red .close {
    float: right;
    font-size: 14px;
    font-weight: 700;
    text-shadow: none;
    filter: none !important;
    opacity: 1 !important;
    color: inherit;
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: 3px !important;
    right: 0 !important;
    color: inherit;
}

.alert-platform-yellow {
    background-image: none;
    background: var(--aqua-yellow-alert);
    filter: none;
    border-left: 4px solid #f5b300;
    border-right: 1px solid #f5b300;
    border-top: 1px solid #f5b300;
    border-bottom: 1px solid #f5b300;
    color: #f5b300;
}

.alert-platform-yellow .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}

.alert-platform-yellow svg#close-popup {
    width: 14px;
    height: 14px;
    fill: #f5b300;
    opacity: 1;
}

.messages-alert {
    word-break: break-word;
}

.alert-platform-yellow .messages-alert {
    /*padding-top: 20px;*/
    padding-right: 20px;
}

.messages-alert p {
    word-break: break-word;
}

.modal button.close.alert {
    position: absolute;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    right: -130px;
    width: 51px !important;
    height: 32px !important;
    opacity: 1 !important;
}

/*! MYP_SCRIPT: /scripts/templates/page-maker/css/card.css*/
.cards-list {
    padding: 5px 0;
}

.card-view {
    padding-top: 15px;
}

.card-view .row {
    margin-right: 0;
    margin-left: 0;
}

.card {
    position: relative;
}

.register-user {
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    color: #ffffff;
    line-height: 2.14;
    letter-spacing: normal;
    text-align: center;
    width: 150px;
    height: 36px;
    border-radius: 4px;
    background-color: var(--greenish-teal);
    border: none;
}

.errorFix {
    margin-left: 42%;
}

.validation {
    width: max-content !important;
    font-size: 13px;
    font-style: italic;
    color: var(--white);
    background: var(--red);
    padding: 2px 10px 6px 10px;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.defaultRole {
    height: 20px !important;
    padding-left: 30px;
}

input[type=checkbox].modal-cb,
input[type=checkbox].modal-cb-op {
    display: none;
}

input[type=checkbox].modal-cb + label,
input[type=checkbox].modal-cb-op:checked + label {
    background: url('/images/checkbox_before.svg') no-repeat;
    height: 20px;
    width: 30px;
}

input[type=checkbox].modal-cb:checked + label,
input[type=checkbox].modal-cb-op + label {
    background: url('/images/checkbox_after.svg') no-repeat;
    height: 20px;
    width: 30px;
}

input[type=checkbox].modal-cb:disabled + label,
input[type=checkbox].modal-cb-op:disabled + label {
    background: url('/images/checkbox_after.svg') no-repeat;
    height: 20px;
    width: 30px;
}

.card-container {
    padding: 5px 0;
}

.card:hover {
    background-color: var(--ice-blue);
}

.card .card-more-options,
.card:hover .card-balance {
    display: none;
}

.dropdown,
.card-action-box,
.card:hover .card-more-options {
    display: inline-block;
}

.card-preview {
    display: flex;

    height: 40px;
    margin: 0 0 20px;
}

.text-in-card-preview {
    display: flex;
}

.card-preview:not(.collapsed) {

}

.card-preview:not(.collapsed) .text-in-card-preview {

}

.textual-data-in-details {
    padding-bottom: 5px;
}

svg.card-more-options {
    fill: var(--warm-grey);
    height: 16px;
    width: 22px;
}

svg.card-more-options:hover,
svg.card-more-options:focus {
    fill: var(--aqua-blue);
}

.credit-type {
    border: solid 1px var(--white-six);
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.credit-type-medium {
    width: 54px;
    height: 36px;
    border-radius: 4px;
    margin: 0 5px 0 0;
}

.credit-type img {
    max-width: 100%;
    max-height: 100%;
}

.credit-type-small img:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--white) url("../images/noCard_s.jpg") no-repeat center;
}

.credit-type-small {
    width: 40px;
    height: 24px;
    border-radius: 2px;
    position: absolute;
    right: 13px;
}

.credit-form > div.form-group {
    display: flex;
    flex-direction: column;
    align-self: baseline;
}

.loading-cards-list {
    opacity: 0.9;
}

.loadingOpacity {
    opacity: 0.5 !important;
}

.margin-top-30 {
    margin-top: 30px;
}

.action-success-container {
    background-color: rgba(237, 255, 246, 0.9) !important;
    color: var(--dark-green-blue);
}

.action-failed-container {
    background-color: rgba(255, 242, 247, 0.9) !important;
    color: var(--ruby);
}

.card-alert-action {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-weight: normal;
    transition: opacity 0.5s linear;
    z-index: 2;
}

.card-alert-action.ng-enter {
    opacity: 0;
}

.card-alert-action.ng-enter.ng-enter-active {
    opacity: 1 !important;
}

.card-alert-action.ng-leave {
    opacity: 1;
}

.card-alert-action.ng-leave.ng-leave-active {
    opacity: 0;
}


.dropdown, .dropdown-mob {
    position: relative;
}

.dropdown-content, .dropdown-mob-content {
    display: none;
    position: absolute;
    left: calc(100% - 158px);
    top: 100%;
    min-width: 180px;
    background-color: var(--white);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.more-options-item {
    cursor: pointer;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.14;
    letter-spacing: normal;
    text-align: left;
    color: var(--greyish-brown);
    padding: 0 8px;
}

.more-options-item:hover {
    background-color: var(--aqua-blue);
    color: var(--white)
}

.top-border {
    border-top: 1px solid var(--form-white);
}

.bottom-border {
    border-bottom: 1px solid var(--form-white);
}

.drop-down-checkbox-list-box,
.filter-type-date {
    width: 42% !important;
}

.date-filter-box .uib-datepicker-popup {
    width: initial;
}

#filters-modal {
    display: inline-table;
    padding: 0 !important;
}

#filters-modal .modal-dialog {
    height: 70vh;
}

.filter-dates-inputs-box {
    display: flex;
    align-items: center;
}

.filter-dates-inputs-box #from-date {
    margin-right: 40px;
}

.choose-filter-box {
    padding: 0 15px;
}

.choose-filter-box:hover {
    background-color: var(--ice-blue);
    border-bottom: 1px solid var(--white-six);
}

.main-filter-box {
    padding: 20px 0;
}

.choose-filter-box {
    border-bottom: 1px solid var(--white-six);
}

.pagination-row {
    height: 60px;
    display: flex;
    align-items: center;
}

.optional-filters-box {
    border-bottom: 1px solid var(--white-six) !important;
    border-left: none !important;
    padding-bottom: 10px;
}

.optional-filter {
    color: var(--aqua-blue);
    cursor: pointer;
    margin: 0 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.search-icon-input {
    background: url(../images/search.svg) no-repeat scroll 7px 7px;
    padding-left: 30px;
}

.filter-text-label {
    width: 94%;
}

.filter-text-input {
    background: url(../images/delete_file.png) no-repeat 415px 12px, url(../images/search.svg) no-repeat 5px 10px;
}

.search-input {
    background: url(../images/search.svg) no-repeat 5px 10px;
}

.search-filter {
    background: url(../images/delete_file.png) no-repeat 150px 12px, url(../images/search.svg) no-repeat 5px 10px;
}

.search-filter,
.filter-text-input,
.search-input {
    background-size: 12px 12px, 16px 16px;
    padding: 6px 0 6px 30px !important;
}

.date-icon-input {
    background: url(../images/calendar.svg) no-repeat 5px 10px;
    background-size: 16px 16px;
    padding: 6px 0 6px 30px !important;
}

.filters-modal-box {
    position: initial;
    overflow: auto;
    height: 78%;
    padding: 0;
}

.filters-modal-box::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

.filters-modal-box::-webkit-scrollbar-track {
    width: 5px;
    background-color: transparent;
}

.filters-modal-box::-webkit-scrollbar-thumb {
    width: 5px;
    border-radius: 10px;
    background-color: var(--light-grey);
}

.filter-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filter-type-title {
    text-transform: capitalize;
}

.remove-filter {
    background: url(../images/trash.svg) no-repeat;
    height: 13px;
    width: 14px;
    float: right;
    cursor: pointer;
}

.remove-filter:hover { /* todo replace to svg usage */
    background: url(../images/trash.svg) no-repeat;
    fill: var(--aqua-blue);
}

.clear-all-filters-box {
    padding-bottom: 15px;
    text-align: left;
}

.clear-all-filters {
    color: var(--pink-red);
    cursor: pointer;
    text-decoration: underline;
}

.drop-down-checkbox-item {
    display: flex;
    cursor: pointer;
    align-items: center;
    margin: 10px 10px;
    padding: 2px;
}

.loading-cards-list {
    opacity: 0.2;
}

.loadingOpacity {
    opacity: 0.5 !important;
}

.select-number-of-results-for-page {
    border-radius: 4px !important;
    width: 60px !important;
    float: right;
    padding: 6px 12px;
    outline: none;
    background: url(../images/arrow.png) no-repeat right;
    -webkit-appearance: none;
    background-position-x: 38px;
    background-position-y: 13px;
}

.select-number-of-results-for-page option {
    color: var(--dark-grey) !important;
    background: var(--white) !important;
}

.number-of-results-for-page-box {
    position: relative;
}

.go-to-page-text {
    margin: 0 12px;
}

.go-to-page {
    width: 60px;
}

.submit-go-to-page {
    color: inherit;
    font-size: 22px;
    margin-left: 10px;
}

.no-results-box {
    text-align: center;
    margin: 40px 0;
}

.white-tooltip + .tooltip > .tooltip-inner {
    background-color: white;
    color: #444;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
}

.tooltip > .tooltip-arrow {
    border-top-color: white !important; /* black */

}

.header-div-actions:hover {
    background-color: var(--ice-blue);
}

.selected-option-underscore {
    border-bottom: 2px solid var(--aqua-blue);
    padding: 0;
    text-align: center;
}

.not-selected-option-underscore {
    border-bottom: 2px solid #888888;
    padding: 0;
    text-align: center;
}

.not-selected-label {
    color: var(--grey-blue);
    cursor: pointer;
}

.tab-title {
    font-size: 14px;
    padding: 5px;
}

.header-sub-left-box {
    cursor: pointer;
    text-align: center;
    margin-left: 5px;
    padding: 0 5px !important;
}

.selected-charts-label {
    color: var(--aqua-blue) !important;
}


.header-div-actions:hover {
    background-color: var(--ice-blue);
}

.scrollable-modules {
    height: 524px;
    overflow-y: scroll;
    overflow-x: hidden;
}

/*! MYP_SCRIPT: /scripts/templates/page-maker/css/ribbon.css*/
.exchange-main-page-title {
    color: var(--aqua-blue);
    font-size: 21px;
    padding-bottom: 20px;
}

.ribbon-sort-icon {
    fill: var(--form-white);
    height: 22px;
    width: 22px;
    margin: 0 0 0 10px;
}

.ribbon-sort-icon#down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ribbon-active-icon {
    fill: var(--aqua-blue) !important;
}

.ribbon-collapse-icon {
    fill: var(--light-grey);
    height: 18px;
    width: 18px;
    margin: 0 5px;
}

.ribbon-sort-icon,
.ribbon-collapse-icon {
    cursor: pointer;
    vertical-align: middle;
}

#ribbon-export-img {
    background-image: url('/images/export_data.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    height: 30px;
    width: 31px;
    margin-right: 20px;
}

#ribbon-export-img-mobile {
    background-image: url('/images/export_data.svg');
    background-repeat: no-repeat;
    cursor: pointer;
    height: 23px;
    width: 25px;
    margin-right: 20px;
}

#ribbon-export-img .export-main-option {
    cursor: default !important;
    line-height: 2.14;
    text-align: left;
    padding: 0 8px;
}

#ribbon-select-sort-label select {
    background: url('../images/arrow.png') no-repeat right;
    -webkit-appearance: none;
    background-position-x: 244px;
}

#ribbon-add-filter {
    color: var(--aqua-blue);
    cursor: pointer;
}

#ribbon-container {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--form-white) !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.ribbon-row {
    display: flex;
    align-items: center;
    padding: 5px 0 10px 0;
}

#edit-existing-filters {
    height: 16px;
    width: 16px;
    fill: var(--aqua-blue);
    cursor: pointer;
}

.applied-filter {
    background-color: var(--aqua-blue);
    color: var(--white);
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 12px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.delete-ribbon-filter {
    height: 12px;
    width: 12px;
    cursor: pointer;
    fill: white;
}

.sort-by {
    display: flex;
    align-items: baseline;
}

.filters-icons {
    margin: 0 0 5px;
}

.sort-lable-container {
    align-items: baseline;
}

.sort-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}


.delete-search {
    position: absolute;
    height: 100%;
    right: 1px;
}

.delete-search,
.delete-search:hover {
    color: var(--opacity-white);
}

/*! MYP_SCRIPT: /scripts/templates/page-maker/css/panels.css*/
/* panel */
.panel-group .panel {
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: none;
    border-color: var(--white-seven);

}

.panel-group .panel:hover {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}

.panel-group .panel.subpanel:hover {
    margin-bottom: 0;
    background-color: var(--white);
    border: 0 solid transparent;
    border-radius: 4px;
    box-shadow: none;
}

.panel-group .panel.subpaneltable:hover {
    background-color: var(--white);
    border-radius: 0;
    box-shadow: none;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
    padding: 0 15px;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: var(--white);
    border-color: transparent;
    border-radius: 10px;
}

.panel-heading {
    background-color: transparent;
    background-image: none !important;
    background-repeat: repeat-x;
    border-bottom: 0 solid transparent;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    min-height: 36px;
    padding-left: 15px;
    position: relative;
    font-size: 21px;
    color: var(--aqua-blue);
    text-decoration: none;
}

.panel-heading h4,
.panel-heading a {
    font-size: 21px;
    font-weight: 400;
    color: var(--aqua-blue);
    text-decoration: none;
}

.panel-body p {
    font-size: 14px;
    color: var(--greyish-brown);
    padding: 0 20px 0 10px;
}

.panel-body p span {
    font-size: 14px;
    font-weight: 500;
    color: var(--aqua-blue);
}

p span.greyish-brown {
    color: var(--greyish-brown);
}

.panel-title a i.fa-exclamation-circle {
    font-size: 14px;
    padding-right: 6px;
    color: var(--opacity-white);
    transform: rotate(180deg);
}

.panel-title a i.fa-angle-up {
    float: right;
    font-size: 26px;
    padding-right: 15px;
}

/*my account -strech width*/
.my-account-container {
    width: 100%;
}

.my-account-container p {
    padding: 0;
}

/*end my account -strech width*/
body.rtl .panel-title a i.fa {
    float: left;
    font-size: 26px;
    padding-left: 15px;
}

.panel-heading a.collapsed i.fa-angle-up {
    padding-left: 15px;
}

.collapsed i.fa-angle-up {
    transform: rotate(180deg) !important;
}

.collapsed .arrow-up {
    transform: rotate(90deg) !important;
}

.arrow-up {
    transform: rotate(-90deg) !important;
}

.documents-preview {
    display: none;
}

.collapsed .documents-preview {
    display: block;
}

.collapsed .documents-list {
    display: none;
}

/* panel */

/* subpanel */
.panel-default.subpanel > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}

.panel.subpanel {
    margin-bottom: 0;
    background-color: var(--white);
    border: 0 solid transparent;
    border-radius: 4px;
    box-shadow: none;
}

.row-selected {
    background-color: lightgrey !important;
}

.panel-heading.subpanel {
    font-family: var(--main-font);
    font-weight: 700;
    background-color: transparent;
    background-image: none !important;
    background-repeat: repeat-x;
    border-top: 0 solid transparent !important;
    border-bottom: 0 solid transparent;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    min-height: 10px;
    padding: 0 15px !important;
    position: relative;
    font-size: 14px;
    color: var(--greyish-brown);
    text-decoration: none;
}

.panel-heading.subpanel h5 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--greyish-brown);
    width: auto;
    float: left;
    margin-right: 20px;
    min-width: 80px;
}

body.rtl .panel-heading.subpanel h5 {
    float: right;
}

.panel-heading.subpanel h5:before {
    font-family: FontAwesome;
    font-size: 14px;
    color: var(--opacity-white);
    content: "\f056" !important;
    padding-right: 6px;
}

.panel-default.subpanel .collapsed h5:before {
    font-family: FontAwesome;
    color: var(--opacity-white);
    font-size: 14px;
    content: "\f055" !important;
    padding-right: 6px;
}

.panel-heading.subpanel p.titleItem {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    color: var(--light-grey);
    width: auto;
    float: left;
}

body.rtl .panel-heading.subpanel p.titleItem {
    float: right;
}

.panel-heading.subpanel p.titlePrice {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    color: var(--greyish-brown);
    width: auto;
    float: right;
}

body.rtl .panel-heading.subpanel p.titlePrice {
    float: left;
}

.panel-default.subpanel > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
    padding: 10px 15px;
}

.panel-default.subpanel > .panel-heading + .panel-collapse > .panel-heading.subpanel,
.panel-default.subpanel > .panel-heading + .panel-collapse > .panel-body {
    background: #fafafa !important;
    background-color: #fafafa !important;
}

/*.panel-body .table > tbody > tr > td {*/
/*font-size: 14px;*/
/*color: var(--greyish-brown);*/
/*padding: 0 0 6px 0;*/
/*line-height: 20px;*/
/*vertical-align: top;*/
/*border-top: 0 solid transparent;*/
/*}*/
.panel-default.subpanel > .panel-heading + .panel-collapse > .panel-body .table > tbody > tr > td {
    font-size: 14px;
    color: var(--greyish-brown);
    padding: 0 0 6px 0;
    line-height: 20px;
    vertical-align: top;
    border-top: 0 solid transparent;
}

/* end subpanel */

/* subpanel table */
.panel-default.subpaneltable > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
}

.panel.subpaneltable {
    margin-bottom: 0;
    background-color: var(--white);
    border: 0 solid transparent;
    border-radius: 0;
    box-shadow: none;
}

.panel.subpaneltable.subpaneltable_line {
    border-bottom: 1px solid var(--form-white);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.panel.subpaneltable.subpaneltable_line:last-child {
    border-bottom: 1px solid transparent;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-radius: 0 0 10px 10px;
}

.panel-heading.subpaneltable {
    font-family: var(--main-font);
    font-weight: 700;
    background-color: transparent;
    background-image: none !important;
    background-repeat: repeat-x;
    border-top: 0 solid transparent !important;
    border-bottom: 0 solid transparent;
    border-radius: 0;
    box-shadow: none;
    height: auto;
    min-height: 10px;
    padding: 0 15px !important;
    position: relative;
    font-size: 14px;
    color: var(--greyish-brown);
    text-decoration: none;
}

.panel-heading.subpaneltable h4 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--greyish-brown);
    width: auto;
    float: left;
    margin-left: 0;
    margin-right: 20px;
}

body.rtl .panel-heading.subpaneltable h4 {
    float: right;
}

.panel-heading.subpaneltable p.titleItem {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    color: var(--light-grey);
    width: auto;
    float: left;
}

.panel-heading.subpaneltable p.titlePrice {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
    color: var(--greyish-brown);
    width: auto;
    float: right;
}

.panel-default.subpaneltable > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
    padding: 10px 15px 0 12px;
}

.panel-default.subpaneltable > .panel-heading + .panel-collapse > .panel-heading.subpanel,
.panel-default.subpaneltable > .panel-heading + .panel-collapse > .panel-body {
    background: transparent !important;
    background-color: transparent !important;
}

.panel-default a svg {
    fill: var(--white);
    width: 30px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.panel-group .panel.marketsindicators {
    min-height: 60px;
    border: 2px solid var(--aqua-blue);
    margin-bottom: 30px;
    border-radius: 4px;
}

.panel-group .panel.marketsindicators .panel-body {
    padding: 6px;
}

.panel-group .panel.indicators.up {
    min-height: 70px;
    background: var(--green);
    border: 2px solid var(--green);
    margin-bottom: 30px;
    border-radius: 4px;
    transition: 1s;
}

.panel-group .panel.indicators.down {
    min-height: 70px;
    background: var(--red);
    border: 2px solid var(--red);
    margin-bottom: 30px;
    border-radius: 4px;
    transition: 1s;
}

.panel-group .panel.indicators .panel-body {
    padding: 6px;
}

.request-container {
    width: 100%;
    position: unset;
}

/*! MYP_SCRIPT: /scripts/templates/page-maker/css/menu.css*/
/* menu transfunds */
#menuTransFunds .list-group {
    border-radius: 4px;
    box-shadow: none;
}

#menuTransFunds .list-group-item {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 10px 15px;
    margin-bottom: 0;
    background-color: var(--white);
    border-radius: 4px;
    border: 1px solid var(--aqua-blue);
    color: var(--aqua-blue);
    margin: 20px !important;
    font-family: Ubuntu;
    font-weight: 600;
    text-transform: uppercase;
}

#menuTransFunds .list-group-item:hover {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: 0;
    background-color: var(--aqua-blue);
    border-radius: 4px;
    border: 1px solid var(--aqua-blue);
    margin: 20px !important;
    color: var(--white);
    font-family: Ubuntu;
    font-weight: 600;
    text-transform: uppercase;
}

#menuTransFunds .list-group-item svg {
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 23px;
    fill: var(--aqua-blue);
    margin-right: 10px;
    float: left;
}

#menuTransFunds .list-group-item:hover svg {
    fill: var(--white);
}

#menuTransFunds i.clip-info {
    display: none;
}


/*main menu*/
ul.main-navigation-menu li > ul.sub-menu,
ul.main-navigation-menu li > menu-item > ul.sub-menu {
    clear: both;
    list-style: none;
    margin: -1px;
    display: none;
    padding: 0 1px 0 1px;
}

ul.main-navigation-menu li > menu-item > ul.sub-menu-new {
    clear: both;
    list-style: none;
    margin: -1px;
    padding: 0 1px 0 1px;
}

ul.main-navigation-menu li > ul.sub-menu > li > a,
ul.main-navigation-menu li > menu-item > ul.sub-menu-new > li > a {
    background: none;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding-bottom: 10px;
    padding-left: 40px;
    padding-right: 0;
    padding-top: 10px;
    text-decoration: none;
}

ul.main-navigation-menu li > ul.sub-menu > li.active > a,
ul.main-navigation-menu li > menu-item > ul.sub-menu-new > li.active > a {
    color: #ffffff !important;
    background: var(--aqua-blue) !important;
}


ul.main-navigation-menu li > ul.sub-menu > li > a:hover,
ul.main-navigation-menu li > menu-item > ul.sub-menu-new > li > a:hover {
    color: var(--select-grey) !important;
    background: var(--form-white) !important;
}

body ul.main-navigation-menu li a .icon-arrow {
    float: right;
    /*transform: rotate(180deg);*/
}

body.rtl ul.main-navigation-menu li a .icon-arrow {
    float: left;
    transform: rotate(180deg);
}

body.rtl ul.main-navigation-menu li.open > a > .icon-arrow:before {
    transform: rotate(180deg);
}

ul.main-navigation-menu li > a > .icon-arrow:before {
    content: "\f105";
    font-family: FontAwesome, Ubuntu;
    font-size: 1.9rem;
}

ul.main-navigation-menu li.open > a > .icon-arrow:before {
    content: "\f106";
}


ul.main-navigation-menu > li a {
    font-family: var(--main-font);
    font-size: 14px;
    font-weight: 500;
    border-bottom-color: var(--layout-background);
    border-top-color: var(--layout-background);
    border: 0 !important;
    padding: 20px 10px;
    color: var(--select-grey);
}

body.rtl ul.main-navigation-menu > li a {
    font-family: Rubik;
    font-size: 16px;
    font-weight: 400;
}

ul.main-navigation-menu > li a > i {
    color: var(--select-grey);
    font-weight: normal;
}

ul.main-navigation-menu > li.active > a {
    background: var(--nav-blue) !important;
    border-top: none !important;
    color: var(--white) !important;
}

ul.main-navigation-menu > li.active > a .selected:before {
    color: transparent !important;
}

ul.main-navigation-menu > li > a:hover,
ul.main-navigation-menu > li:hover > a {
    background-color: var(--aqua-blue);
    color: var(--white) !important;
}

ul.main-navigation-menu > li > a:hover i {
    color: var(--white);
}

/*end main menu*/

body .myp .navbar-tools > ul {
    position: absolute;
    background: #f5f5f5;
    right: 0;
    left: auto;
    min-height: 80px;
    margin: 0 !important;
    padding: 0 !important;
    border-left: 1px solid #aaaaaa;
}

body.rtl .myp .navbar-tools > ul {
    right: auto;
    left: 0;
}

.myp .navbar-tools > ul > li.dropdown {
    min-width: 165px;
    min-height: 80px;
    margin: 0 !important;
    padding: 0 !important;
}

.navbar-inverse .nav > li.current-user > a {
    margin-top: 0 !important;
    padding: 20px 10px 20px 10px;
    min-height: 80px;
    color: #333 !important;
    text-shadow: none !important;
    transition: .3s !important;
    background: initial;
}


.active-item {
    background-color: rebeccapurple !important;

}


.navbar-inverse .nav > li:active > a {
    background-color: transparent;
}

.navbar-inverse .nav > li.current-user > a img {
    margin-right: 6px;
}

.navbar-inverse .nav > li.current-user > a i {
    display: inline-block;
    text-align: center;
    width: 1.25em;
    color: #333 !important;
    font-size: 12px;
}

.list-group-item.active, .list-group-item.active:focus,
.list-group-item.active:hover {
    text-shadow: none;
    background-image: none;
    background: var(--aqua-blue);
    filter: none;
    color: var(--white);
    border-color: var(--aqua-blue);
}


.list-collapse .form-group li {
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.nav-contact-us {
    height: 12px;
    width: 12px;
}



/*! MYP_SCRIPT: /scripts/templates/page-maker/css/currency-list.css*/
.list-group.currency-list {
    padding: 0;
    margin-bottom: 0;
    box-shadow: none;
}

body .list-group-item.currency-list {
    position: relative;
    display: block;
    padding: 0 15px;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    text-align: left;
}

body.rtl .list-group-item.currency-list {
    position: relative;
    display: block;
    padding: 0 15px;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    text-align: right;
}

.list-group-item.currency-list ul li.currency-list {
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
    cursor: pointer;
}

.list-group-item.currency-list ul li.currency-list a {
    font-size: 14px;
    color: var(--black-text);
}


.dropdown-menu.currency {
    width: 100%;
    height: auto;
    overflow-y: auto;
    max-height: 340px;
}

/*
.fixCurrHeight {
    height: 450px !important;
}
*/

hr {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    color: #dddddd !important;
}

/*! MYP_SCRIPT: /scripts/templates/page-maker/css/buttons.css*/
/*general*/

button {
    outline: none !important;
}

.btn {
    padding: 7px 12px;
    border: 1px solid transparent;
    font-family: var(--main-font);
    transition: 0.3s !important;
}

.btn-white {
    text-shadow: none;
    background: var(--white);
    background-image: none;
    filter: none;
    color: var(--greyish-brown);
    border-color: var(--greyish-brown);
}

.btn-default {
    text-shadow: none;
    background: var(--aqua-blue);
    background-image: none;
    filter: none;
    color: var(--white);
    border-color: var(--aqua-blue);
}

.btn-default:hover {
    text-shadow: none;
    background: var(--label-blue);
    background-image: none;
    filter: none;
    color: var(--white);
    border-color: var(--label-blue);
}

.btn-blue,
.btn-blue:focus {
    color: var(--white);
    background-color: var(--aqua-blue);
    border-color: var(--aqua-blue);
    margin-bottom: 15px;
    transition: 0.3s;
}

.btn-blue:hover {
    background-color: var(--nav-blue);
    border-color: var(--nav-blue);
    transition: 0.3s;
}

.btn-yellow,
.btn-yellow:focus {
    color: var(--white);
    background-color: var(--btn-yellow);
    border-color: var(--btn-yellow);
    transition: 1s;
    padding: 0 10px;
}

.btn-yellow:hover {
    color: var(--white);
    background-color: var(--btn-dark-yellow);
    border-color: var(--btn-dark-yellow);
    transition: 0.3s;
}

.btn-green,
.btn-green:focus {
    color: var(--white);
    background-color: var(--green);
    border-color: var(--green);
    transition: 0.3s;;
    margin-bottom: 15px;
}

.btn-green:hover {
    color: var(--white);
    background-color: var(--dark-green);
    border-color: var(--dark-green);
    transition: 0.3s;
}

.btn-red,
.btn-red:focus {
    color: var(--white);
    background-color: var(--red);
    border-color: var(--red);
    transition: 0.3s;
    margin-bottom: 15px;
}

.btn-red:hover {
    color: var(--white);
    background-color: var(--dark-red);
    border-color: var(--dark-red);
    transition: 0.3s;
}

.btn-link,
.btn-link:focus {
    font-weight: 400;
    /*color: var(--aqua-blue);*/
    transition: 0.3s;
    text-decoration: underline;
    white-space: nowrap;
}

.btn-link:hover {
    color: var(--dark-blue);
    transition: 0.3s;
}

.btn-link[disabled], .btn-link[disabled]:hover, .btn-link[disabled]:focus {
    text-decoration: underline;
    opacity: 0.3;
    cursor: not-allowed;
}

.btnTransFunds {
    width: 140px !important;
    height: 140px !important;
    padding: 0;
    margin-bottom: 7rem !important;
    text-transform: uppercase;
}

.btn-aml {
    margin-right: 6px;
    margin-bottom: 0;
    padding: 0 12px;
    transition: 0.3s;
    color: var(--white);
    font-size: 12px;
    font-family: var(--main-font);
    display: inline-block;
    max-width: 120px;
}

.btn-aml:hover {
    color: var(--white);
    text-decoration: none;
}

.btn-blue-aml,
.btn-blue-aml:focus {
    background-color: var(--aqua-blue);
    border-color: var(--aqua-blue);
}

.btn-blue-aml:hover:enabled {
    background-color: var(--dark-blue);
    border-color: var(--dark-blue);
    color: var(--white);

}

.btn-blue-aml .fa-times-circle {
    font-size: 12px;
    color: var(--white);
    padding-left: 6px;
}

.btn-red-aml,
.btn-red-aml:focus {
    background-color: var(--red);
    border-color: var(--red);
}

.btn-red-aml:hover {
    background-color: var(--dark-red);
    border-color: var(--dark-red);
}

.btn-purple-aml,
.btn-purple-aml:focus {
    background-color: var(--purple);
    border-color: var(--purple);
}

.btn-purple-aml:hover {
    background-color: var(--purple);
    border-color: var(--purple);
}

.btn-green-aml,
.btn-green-aml:focus {
    background-color: var(--green);
    border-color: var(--green);
}

.btn-green-aml:hover {
    background-color: var(--dark-green);
    border-color: var(--dark-green);
}

.btn-blue-aml:after,
.btn-yellow-aml:after,
.btn-green-aml:after {
    display: none !important;
}

.btn-yellow-aml,
.btn-yellow-aml:focus {
    background-color: var(--btn-yellow);
    border-color: var(--btn-yellow);
}

.btn-yellow-aml:hover {
    background-color: var(--dark-yellow);
    border-color: var(--dark-yellow);

}

/*after the file is up*/
.btn-aml-upload {
    position: absolute;
    color: var(--white);
    right: 8px;
    bottom: 1px;
    width: 100%;
    text-align: right;
    font-size: 11px;
    padding: 0;
}

.btn-aml-upload:focus {
    color: var(--white);
}

.upload-container .btn-blue-aml {
    padding: 0 20px 0 5px;

}

.no-pointer.btn-blue-aml,
.no-pointer.btn-red-aml,
.no-pointer.btn-purple-aml,
.no-pointer.btn-green-aml,
.no-pointer.btn-yellow-aml {
    cursor: default !important;
}

.no-pointer.btn-blue-aml:hover,
.no-pointer.btn-red-aml:hover,
.no-pointer.btn-purple-aml:hover,
.no-pointer.btn-green-aml:hover,
.no-pointer.btn-yellow-aml:hover {
    cursor: default !important;
}

.btn-blueTrans,
.btn-blueTrans:focus {
    color: var(--white);
    height: 36px !important;
    background-color: var(--aqua-blue);
    border-color: var(--aqua-blue);
    margin-bottom: 15px;
    transition: 0.3s;
}

.btn-blueTrans:hover {
    color: var(--white);
    transition: 0.3s;
}

/*end general*/

.btn-login {
    background: var(--aqua-blue);
    border-color: var(--aqua-blue);
    color: var(--white);
    text-transform: uppercase;
    height: 46px;
}

.btn-login:hover, .btn-login:focus {
    background: var(--nav-blue);
    border-color: var(--nav-blue);
    color: var(--white);
}

.btn-group {
    text-shadow: none;
    background: var(--modal-white);
    background-image: none;
    filter: none;
    color: var(--aqua-blue);
    border-color: var(--form-white);
    border-left: 1px solid transparent !important;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
    margin-right: -1px;
}

.btnPop {
    display: inline-block;
    padding: 7px 4px;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 25px;
}

.btn-popover {
    background-image: none;
    background-repeat: repeat-x;
    background: transparent;
    border-color: transparent;
}

/* popup calendar */
.uib-datepicker .btn-default {
    text-shadow: none;
    background: transparent;
    background-image: none;
    filter: none;
    color: #333;
    border-color: transparent;
    box-shadow: none;
}

.uib-datepicker .btn-default:hover {
    background-color: var(--datePicker-hover);
}

.uib-datepicker .btn-default.active {
    background: var(--aqua-blue);
    color: var(--white);
    border-color: transparent;
}

.uib-datepicker .btn-default.active .text-info {
    color: var(--white);
}

button.btnTransFunds svg {
    fill: var(--white);
    width: 53px;
    height: 47px;
    display: inline-block !important;
    vertical-align: middle;
    margin-top: 12px;
    margin-right: 6px;
    text-align: center !important;

}

button.avatar-update .img-circle {
    transition: 1s;
}

button.avatar-update:hover .img-circle {
    filter: grayscale(90%);
    transition: 0.3s;
}

button.avatar-update:hover > svg#camera {
    display: block;
    top: 40%;
    left: 50%;
    vertical-align: middle;
    transition: 0.3s;
}

.modal-action-close {
    right: 0 !important;
    opacity: 1;
    position: relative !important;
    margin-right: -15px;
}

/* switch */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 20px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--form-white);
    transition: .4s;
    border-radius: 100px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 3px;
    bottom: 3px;
    background-color: var(--switch-circle);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 100%;
}

input.switch-checkBox:checked + .slider {
    background-color: var(--green);
}

input.switch-checkBox:checked + .slider:before {
    left: 6px;
}

input.switch-checkBox:checked + .slider:before {
    transform: translateX(26px);
    left: 6px;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* end switch */

.btn[disabled].btn-opacity-full {
    opacity: 1 !important;
}

/*.btn[disabled] {*/
/*opacity: 1 !important;*/
/*background-color: var(--opacity-white) !important;*/
/*border-color: var(--opacity-white) !important;*/
/*}*/

.button-clean,
.button-clean:active,
.button-clean:hover {
    background: transparent !important;
    border: transparent;
    box-shadow: none;
}

/*! MYP_SCRIPT: /scripts/templates/page-maker/css/modals.css*/

.modal.fade {
    top: 10%;
}

.modal {
    min-width: 0;
    width: 100%;
    position: fixed;
}

.popovericons .fa-check-circle,
.popovericons .fa-times-circle {
    font-size: 30px;
    color: var(--opacity-white);
}

.popovericons:hover .fa-check-circle {
    color: var(--green);
}

.popovericons:hover .fa-times-circle {
    color: var(--red);
}

#popover-data-span {
    white-space: pre;
    color: inherit !important;
}

.popover {
    border: none !important;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
}

.popover {
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: max-content;
    padding: 0;
    font-family: Ubuntu;
}

.popover .form-group {
    margin: 8px 0;
}

.popover .selectwrap:after {
    font-family: FontAwesome;
    content: "\f078";
    text-align: center;
    line-height: 32px;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 8px;
    right: 25px;
    pointer-events: none;
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    width: 0;
    height: 0;
    border-top-color: #fffffffa !important;
    border-style: solid;
}

.popover-list-item {
    background: var(--modal-white);
    padding: 4px;
}

.popover-list-item:not(:last-child) {
    margin: 0 0 1px;
}

.popover-list-selected-item {
    background-color: var(--aqua-blue);
    color: white;
}

.popover-list-item:hover {
    background: var(--nav-blue);
    color: var(--white);
}

.popover-list-title .fa-chevron-down {
    float: right;
    font-size: 18px !important;
    padding-top: 2px;
    color: var(--select-grey);
    padding-left: 10px;
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: var(--white);
    border-bottom: 1px solid transparent;
    border-radius: 5px 5px 0 0;
}

.inside-popover-title {
    padding: 8px 0;
}

.popover-content {
    padding: 0 14px 14px 14px;
    width: 100%;
}

.popover-content .list-order-popOver span {
    margin: 0 30px 0 0;
}

/* modal */
.modal-content {
    position: relative;
    background-color: var(--white);
    background-clip: padding-box;
    border: none !important;
    border-radius: 6px;
    outline: 0;
    box-shadow: none !important;
}

.modal.fade.in {
    top: 10%;
    max-height: 100vh;
    overflow: auto;
}

.modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
    background: var(--modal-white);
}

.loader-modal {
    opacity: 0.8;
    filter: alpha(opacity=80);
    background: var(--modal-white);
    height: 100%;
    position: absolute;
    z-index: 1000;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.titleModal {
    font-family: var(--main-font);
    font-size: 21px;
    font-weight: 400;
    color: var(--aqua-blue);
    margin: 0 0 10px 0;
}

.modal .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}

.modal-header {
    min-height: 16.43px;
    padding: 0;
    border-bottom: 0 solid transparent;
}


.modal-open .modal.custom-close-header {
    overflow: inherit;
}

.modal-footer {
    background: transparent;
    border-radius: 0;
    border-top: 0;
}

.modal-title {
    padding: 15px;
    color: var(--aqua-blue);
    margin: 0;
    line-height: 1.42857143;
}

.modal-black {
    background: var(--black) !important;
    opacity: 0.3 !important;
}

.modal-directive {
    /*position: absolute;*/
    /*display: none;*/
    /*transform: translate(0,-50%);*/
}

.modal button.close {
    opacity: 1;
}

.modal button.close svg {
    fill: var(--light-grey);
    stroke: var(--light-grey);
}

.modal .close-action-modal svg {
    width: 39px;
    height: 39px;
}

.modal-action-close {
    width: auto !important;
    height: auto !important;
}


.modal-header-action {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.modal.info-animation {
    transition: all 0.3s linear;
}

.modal.info-animation.fade.in {
    transform: translateY(0);
}

.modal.info-animation.fade {
    transform: translateY(100%);

}

/* end modal */


/*! MYP_SCRIPT: /scripts/templates/page-maker/css/helpers.css*/
:root {
    --main:#00b6e0;
    --span-opacity: 0.5;
    --black: #000000;
    --black-text: #333333;
    --black-opacity: rgba(0, 0, 0, 0.6);
    --white: #ffffff;
    --dark-white: #D5D5D5;
    --opacity-white: #cccccc;
    --form-white: #dddddd;
    --modal-white: #fbfbfb;
    --panel-white: #fafafa;
    --light-grey: #888888;
    --dark-grey: #858585;
    --select-grey: #707070;
    --btn-grey: #efefef;
    --aqua-blue: var(--main);
    --dark-blue: #005c7d;
    --white-six: #dddddd;
    --label-blue: #00688c;
    --nav-blue: #00d8fc;
    --green: #2fbf76;
    --dark-green: #217d45;
    --red: #ff0058;
    --dark-red: #7d002c;
    --yellow: #c79200;
    --dark-yellow: #674b00;
    --alert-yellow: #a67a00;
    --btn-yellow: #f5b300;
    --btn-dark-yellow: #af8800;
    --purple: #cd4ced;
    --aqua-blue-alert: #f7fdff;
    --aqua-green-alert: #f7fffb;
    --aqua-red-alert: #fffcfd;
    --layout-background: #f5f5f5;
    --main-font: Ubuntu;
    --aqua-yellow-alert: #fffefc;
    --grey-black: #333333;
    --white-two: #f5f5f5;
    --grey-blue: #667695;
    --warm-grey: #888888;
    --grey-blue-transparent-20: rgba(102, 118, 149, 0.2);
    --grey-light: #667695;
    --neon-blue: #00d8fc;
    --neon-blue-transparent-20: rgba(0, 216, 252, 0.2);
    --neon-blue-transparent-10: rgba(0, 216, 252, 0.1);
    --blue: blue;
    --greyish: #aaaaaa;
    --gunmetal: #4d6057;
    --ice: #f2fff8;
    --ice-blue: #effdff;
    --shamrock-green: #00d050;
    --shamrock-green-transparent-20: rgba(0, 208, 80, 0.2);
    --pink-red: #ff0058;
    --dark-indigo-two: #0b1833;
    --soft-blue: #729ae6;
    --dark-indigo: #081327;
    --dark-blue-grey: #1c2d4d;
    --red-pink: #ef3c70;
    --white-four: #fafafa;
    --white-seven: #f0f0f0;
    --tealish: #2fbfbf;
    --darkish-pink: #db459b;
    --heliotrope: #cd4ced;
    --yellow-orange: #f5b300;
    --greenish-teal: #2fbf76;
    --greyish-brown: #444444;
    --datePicker-hover: #e0e0e0;
    --off-white: #fffbf0;
    --poop: #805e00;
    --ruby: #cc0047;
    --dark-green-blue: #1a6640;
    --switch-circle: #f4f4f4;
    --dark-periwinkle: #7188d7;
    --white-five: #fbfbfb;
    --warm-grey-two: #707070;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.flex-align-baseline {
    display: flex;
    align-items: baseline;
}

.text-deco-underline {
    text-decoration: underline;
}

.break-word {
    word-break: break-word;
}

.flex {
    display: flex;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.justify-space-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.column {
    flex-direction: column;
}

.self-center {
    align-self: center;
}

.self-baseline {
    align-self: baseline;
}

.self-end {
    align-self: end;
}

.self-flex-end {
    align-self: flex-end;
}

.flex-item-center {
    display: flex !important;
    align-items: center;
}

.item-center {
    align-items: center;
}

.margin-right-10 {
    margin: 0 10px 0 0;
}

.margin-right-8 {
    margin: 0 8px 0 0;
}

.margin-right-5 {
    margin: 0 5px 0 0;
}

.margin-right-4 {
    margin: 0 4px 0 0;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-5 {
    margin: 0 0 0 5px;
}

.relative {
    position: relative;
}

.position-unset {
    position: unset;
}

.strech {
    width: 100%;
}

.size-full {
    width: 100% !important;
}

.max-width-80pr {
    max-width: 80% !important;
}

.width-20pr {
    width: 20% !important;
}

.width-30pr {
    width: 30% !important;
}

.width-40pr {
    width: 40% !important;
}

.width-45pr {
    width: 45% !important;
}

.min-width-80 {
    min-width: 80px;
}

.margin-auto-center {
    margin: 0 auto;
}

.width-auto {
    width: auto;
}

.min-height-20 {
    min-height: 20px;
}

.width-max-content {
    width: max-content !important;
}

.clean-btn {
    background: 0 0;
    border: 0;
}

.buy {
    color: var(--shamrock-green);
}

.sell,
.color-pink-red {
    color: var(--pink-red);
}

.no-action {
    color: var(--grey-blue);
}

.clean-padding-margin {
    margin: 0 !important;
    padding: 0 !important;
}

.padding-side-10 {
    padding: 0 10px;
}

.padding-side-15 {
    padding: 0 15px;
}

.pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.margin-bottom-2rem {
    margin: 0 0 2rem;
}

.margin-bottom5 {
    margin-bottom: 5px !important;
}

.margin-bottom10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.inline {
    display: inline;
}

.white-space-normal {
    white-space: normal;
}

.margin-auto {
    margin: 0 auto;
}

.margin-none {
    margin: 0 !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.aqua-blue-bg {
    background-color: var(--aqua-blue);
}

.tealish-bg {
    background-color: var(--tealish);
}

.darkish-pink-bg {
    background-color: var(--darkish-pink);
}

.greenish-teal-bg {
    background-color: var(--greenish-teal);
}

.greenish-teal-color {
    color: var(--greenish-teal);
}

.yellow-orange-bg {
    background-color: var(--yellow-orange);
}

.yellow-orange-color {
    color: var(--yellow-orange);
}

.purple-bg {
    background-color: var(--purple);
}

.pink-red-bg {
    background-color: var(--pink-red);
}

.pink-red-color {
    color: var(--pink-red);
}

.greyish-brown-bg {
    background-color: var(--greyish-brown);
}

.greyish-brown-color {
    color: var(--greyish-brown);
}

.bold {
    font-weight: bold;
}

.font-12 {
    font-size: 12px;
}

.top-padding {
    padding-top: 30px;
}

.padding-15 {
    padding: 15px;
}

.padding-15-bottom-0 {
    padding: 15px 15px 0 !important;
}

.no-background-color {
    background: transparent !important;
}

.padding-0 {
    padding: 0 !important;
}

.padding-10-15 {
    padding: 10px 15px;
}

.padding-5 {
    padding: 5px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-left-5 {
    padding-left: 5px;
}

.padding-top10 {
    padding: 10px 0 0;
}

.padding-0-5 {
    padding: 0 5px !important;
}

.padding-0-2-percent {
    padding: 0 2%;
}

.white-bg {
    background-color: var(--white);
}

.white-four-bg {
    background-color: var(--white-four);
}

.warm-grey-color {
    color: var(--warm-grey);
}

.weight-500 {
    font-weight: 500;
}

.weight-400 {
    font-weight: 400 !important;
}

.aqua-blue-color {
    color: var(--aqua-blue) !important;
}

.font-size-12 {
    font-size: 12px;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.full-width {
    width: 100%;
}

.width-50per {
    width: 50%;
}

.hover-bg-aqua-blue:hover {
    background-color: var(--aqua-blue);
}

.capitalize {
    text-transform: capitalize;
}

.opacity-0 {
    opacity: 0;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.grid {
    display: grid;
}

.grid-column-1-2 {
    grid-column: 1/2;
}

.grid-column-2-2 {
    grid-column: 2/2;
}


.m-r-10 {
    margin-right: 10px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-b-20 {
    margin-bottom: 20px;
}

.m-l-25 {
    margin-left: 25px;
}

.absolute {
    position: absolute;
}

.text-no-space {
    white-space: nowrap !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-top-15 {
    margin-top: 15px;
}














.blue-svg.arrow-up {
    display: inline-block;
    width: 12px;
    height: 12px;
}

.span-zero {
    color: #667695;
}

.width-0 {
    width: 0;
}

.flex-1 {
    flex: 1;
}

.greyish-brown {
    color: var(--greyish-brown);
}

.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
    height: auto;
}

/* reset online focus*/
.uib-datepicker-popup {
    min-width: 320px;
}

.padding-left-30 {
    padding-left: 30px;
}

li:focus,
.uib-datepicker:focus,
.uib-datepicker div:focus {
    outline: 0 !important;
    box-shadow: none;
}

.navbar-collapse.collapse {
    height: 90vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.navbar-collapse.collapse::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

.navbar-collapse.collapse::-webkit-scrollbar-track {
    width: 5px;
    background-color: transparent;
}

.navbar-collapse.collapse::-webkit-scrollbar-thumb {
    width: 5px;
    border-radius: 10px;
    background-color: var(--light-grey);
}

menu-wrapper ::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

menu-wrapper ::-webkit-scrollbar-track {
    width: 5px;
    background-color: transparent;
}

menu-wrapper ::-webkit-scrollbar-thumb {
    width: 5px;
    border-radius: 10px;
    background-color: var(--light-grey);
}

.events-none {
    pointer-events: none;
}

.form-control:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    background-color: var(--white);
    border: 1px solid var(--dark-white);
    border-radius: 4px !important;
    color: var(--grey-black);
    font-family: inherit;
    font-size: 14px;
    line-height: 1.2;
    padding: 6px 12px;
    transition-duration: 0.1s;
    box-shadow: none !important;
}

.opacity-0 {
    opacity: 0;
}

.width-100 {
    width: 100% !important;
}

body h1,
h2,
h3 {
    font-family: var(--main-font);
    font-size: 36px;
    color: var(--aqua-blue);
    margin: 20px 0 30px 0;
}

body.rtl h1,
h2,
h3 {
    font-family: Rubik, var(--main-font);
}

body {
    font-family: var(--main-font), 'Arial', sans-serif;
    font-size: 14px;
    color: var(--light-grey);
    background-color: var(--modal-white) !important;
}

body.rtl {
    font-family: Rubik, var(--main-font) !important;
    font-size: 16px;
}

/* end loader */
.glyphicon-ok:before {
    font-family: fontawesome, var(--main-font);
    content: "\f058" !important;
    color: var(--opacity-white);
}

.glyphicon-ok:hover:before {
    color: var(--green);
}

.glyphicon-remove:before {
    font-family: fontawesome, var(--main-font);
    content: "\f057" !important;
    color: var(--opacity-white);
}

.glyphicon-remove:hover:before {
    color: var(--red);
}

select {
    -webkit-appearance: none;
}

.form-control,
.form-control:focus,
select.form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: left;
    color: var(--grey-black);
    background-color: var(--modal-white) !important;
    border: 1px solid var(--form-white);
    border-radius: 4px !important;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

body.rtl .form-control,
body.rtl .form-control:focus {
    text-align: right;
}

.select2-container .select2-choice {
    background-clip: padding-box !important;
    background: var(--modal-white) none no-repeat !important;
    border: 1px solid var(--form-white) !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    color: var(--grey-black) !important;
    display: block !important;
    height: 46px !important;
    line-height: 29px !important;
    margin-top: 0 !important;
    overflow: hidden !important;
    padding: 6px 12px 0 8px !important;
    position: relative !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 6px;
    border-left: 0 transparent;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    background: transparent none !important;
    filter: none !important;
}

.white-four {
    background-color: var(--white-four) !important;
}

.select2-container .select2-choice .select2-arrow b:before {
    content: "\f078";
    display: inline;
    font-family: FontAwesome, var(--main-font);
    font-weight: 300;
    font-size: 16px;
    color: var(--select-grey);
    padding-right: 10px;
    height: auto;
    text-shadow: none;
}

.select2-drop-active {
    border-color: transparent;
    background: var(--modal-white) !important;
    box-shadow: none;
    top: 0;
    margin-top: -4px;
    border-left: 1px solid var(--form-white);
    border-right: 1px solid var(--form-white);
    border-bottom: 1px solid var(--form-white);
}

.select2-results .select2-highlighted {
    color: white;
    background-color: var(--aqua-blue);
}

.select2-search input {
    width: 100%;
    height: 36px !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;
    outline: 0;
    font-family: var(--main-font), Rubik, sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    box-shadow: none !important;
    background: var(--white) !important;
}

.selectwrap {
    position: relative;
}

.selectwrap:after,
.selectwrapTF:after,
.selectWrapSeparated:after {
    font-family: FontAwesome, var(--main-font);
    content: "\f078";
    text-align: center;
    line-height: 32px;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 32px;
    right: 25px;
    pointer-events: none;
    color: var(--select-grey) !important;
    opacity: 0.3 !important;
}

.selectwrapTF:after,
.selectWrapSeparated:after {
    top: 8%;
    right: 18px;
    z-index: 2;
}

.input-group .form-control.group-button {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 1px solid transparent !important;
}

.navigation-toggler {
    display: none !important;
}

/* container */
.navbar-inverse {
    background: var(--layout-background);
    border-color: transparent;
    min-height: 80px;
}

.main-container {
    margin-top: 80px !important;
}

.breadcrumb {
    display: none;
}

body,
.main-container,
.footer,
.main-navigation,
ul.main-navigation-menu>li>ul.sub-menu,
.navigation-small ul.main-navigation-menu>li>ul.sub-menu {
    background-color: var(--layout-background) !important;
}

.main-content .container:first-of-type {
    background: var(--modal-white);
    border: none;
}


.payRequest-labels p {
    color: var(--light-grey);
    text-transform: capitalize;
}

.icon-close {
    width: 10px !important;
    font-size: 14px;
}

.icon-close a {
    color: var(--red) !important;
    transition: 1s;
}

.icon-close a:hover {
    color: var(--dark-red) !important;
    transition: 1s;
}

.icon-delete a {
    color: var(--light-grey) !important;
    transition: 1s;
}

.icon-delete a:hover {
    color: var(--greyish-brown) !important;
    transition: 1s;
}

.green {
    color: var(--green);
}

.border-0 {
    border: 0 !important;
}

.red {
    color: var(--red);
}

.pending {
    color: var(--yellow) !important;
}

.cancelled {
    color: var(--pink-red) !important;
}

.rejected {
    color: var(--pink-red) !important;
}

.Completed {
    color: var(--greenish-teal) !important;
}

/*back color*/
.Not_submitted-bg {
    background-color: var(--heliotrope) !important;
}

.Approved-bg {
    background-color: var(--greenish-teal) !important;
    ;
}

.pending-bg {
    background-color: var(--btn-yellow) !important;
}

.Rejected-bg {
    background-color: var(--pink-red) !important;

}

hr.separator {
    margin-top: 0;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid var(--form-white);
}

hr.separator-2 {
    margin: 0 0 10px 0;
    border: 0;
    border-top: 1px solid var(--form-white);
}

tr.identity-table td:first-child,
tr.identity-table th:first-child {
    padding-left: 15px !important;
}

tr.identity-table td:last-child,
tr.identity-table th:last-child {
    padding-right: 15px !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.resend-request {
    width: 210px;
    height: 36px;
    opacity: 0.9;
    background-color: #00b6e0;
    border-radius: 4px;
    color: white;
    border: 0;
}

hr.separator-3 {
    margin: 0 15px 10px 15px;
    border: 0;
    border-top: 1px solid var(--form-white);
}

.update-clearance {
    color: #2fbf76;
    text-decoration: underline;
    cursor: pointer;
    font-size: 13px;
}

.identity-header {
    font-family: Ubuntu;
    color: #888888;
    font-size: 14px;
}

.into-identity {
    width: 70%;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 500 !important;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--aqua-blue);
    margin: 0;
    padding: 0px 0px 0px 15px;
}

hr.separator-4 {
    margin: 20px 15px 10px 15px;
    border: 0;
    border-top: 1px solid var(--form-white);
}

.userMngUserBalances {
    display: flex;
    justify-content: center;
    height: 40%;
    padding-bottom: 2%;
}

.notificationPref:last-child hr.separator-2 {
    border-top: 0 solid transparent;
}

.marketsindicators {
    margin-bottom: 5px !important;
}

markets-card-directive .btn-blue {
    margin-bottom: 5px !important;
}

.marketsindicators p {
    padding: 0;
    margin: 0;
}

.marketsindicators p.titlebox {
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    color: var(--aqua-blue);
    margin: 0;
}

.main-color {
    color: var(--aqua-blue);
}

.divider {
    height: 1px;
    width: 100%;
    background-color: rgba(211, 211, 211, 0.71);
}

.marketsindicators p.amount {
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;
    color: var(--aqua-blue);
    padding: 0;
    margin: 0;
}

.marketsindicators p.amount span {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: var(--aqua-blue);
    padding: 0;
    margin: 0;
}

.indicators p {
    padding: 0;
    margin: 0;
}

.indicators p.titlebox {
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    color: var(--white);
    padding-top: 6px;
    margin: 0;
}

.indicators p.amount {
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;
    color: var(--white);
    padding: 0;
    margin: 0;
}

.indicators p.amount span {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: var(--white);
    padding: 0;
    margin: 0;
}


.data-title {
    font-weight: 400 !important;
    line-height: 20px !important;
    color: var(--light-grey) !important;
}

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

.data-title span {
    line-height: 20px !important;
}

.data-content {
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #444 !important;
}

.edit {
    font-family: FontAwesome, var(--main-font);
    content: "\f040";
    font-size: 16px;
    font-weight: 400 !important;
    color: var(--aqua-blue) !important;
    padding-left: 20px;
}

.data-content a.edit {
    display: none;
}

.data-content:hover a.edit {
    display: inline-block;
}

.showEditOption a:after {
    font-family: FontAwesome, var(--main-font);
    font-size: 14px;
    content: "\f040";
    color: var(--aqua-blue);
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    opacity: 0;
    transition: 0.15s;
}

.showEditOption:hover a:after {
    opacity: 1;
}

.change-fix {
    color: var(--aqua-blue) !important;
}

.showEditOption a:after {
    font-family: FontAwesome, var(--main-font);
    font-size: 18px;
    content: "\f040";
    color: var(--aqua-blue);
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    opacity: 0;
    transition: 0.15s;
}

.edit-pen-icon:after {
    font-family: FontAwesome, var(--main-font);
    font-size: 18px;
    content: "\f040";
    color: var(--aqua-blue);
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: -3px;
}

body.rtl .showEditOption:hover a:after {
    float: left;

}

.showEditOption a.link-verify {
    font-size: 12px;
    color: var(--aqua-blue);
    margin-right: 20px;
}

.showEditOption a.btn-yellow-aml {
    font-size: 12px;
    margin: 0;
    padding: 0 12px;
}

.link-verify {
    color: var(--aqua-blue);
    margin: 0 10px 0 0;
}

.showEditOption:hover a.link-verify:after {
    display: none;
}

.showEditOption:hover a.btn-yellow-aml:after {
    display: none;
}

.showEditOption:hover a.btn-yellow-aml:hover,
.showEditOption:hover a.btn-yellow-aml:focus {
    margin: 0;
    padding: 0 12px;
}

.modal.verifyPhone {
    left: 50%;
    width: 500px;
}

form {
    margin-bottom: 0 !important;
}

.form-horizontal .control-label.transFunds {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
    /*margin-left: 15px !important;*/
}

p.validation {
    width: max-content !important;
    font-size: 13px;
    font-style: italic;
    color: var(--white);
    background: var(--red);
    padding: 2px 10px 6px 10px;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.addAccount {
    margin-bottom: 10px;
}

#transferFunds h5 {
    font-family: var(--main-font);
    font-size: 36px;
    font-weight: 400;
    color: #444;
}

.balancesNameText {
    width: 70px;
}

label.amount {
    font-weight: 500;
    padding: 6px 0 0 0;
    margin: 0;
    color: var(--grey-black);
}

label.calculate {
    padding: 6px 0 0 0;
    margin: 0;
    color: var(--grey-black);
}

.font-black {
    color: black;
}

label.amountBlack {
    font-weight: 600;
    padding: 6px 0 0 0;
    margin: 0;
    color: var(--grey-black);
}

p.msgTrans {
    color: var(--grey-black);
}

p.code {
    font-weight: 500;
    color: var(--light-grey);
}

.form-control {
    text-align: left;
    padding-left: 10px;
    padding-right: 15px;
    box-shadow: none;
}

.clean-btn {
    padding-right: 3px !important;
}

.alert-platform-member-chips {
    padding: 0 0 0 3px !important;
    font-weight: 400;
    font-style: italic;
    color: #5a4f53 !important;
    background-color: #efefef !important;
    border-color: #c5c5c5 !important;

}

.form-control::placeholder {
    text-align: left;
    color: var(--opacity-white);
    font-style: italic;
}

.form-control.amount {
    padding-left: 15px;
    padding-right: 15px;
}

.form-control.amount::placeholder {
    padding-left: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.banner-trading-arena {
    font-weight: bold;
    width: 200px !important;
}

body.rtl .banner-trading-arena {
    right: auto;
    left: 190px !important;
    width: 250px !important;
}

.banner-trading-arena a span {
    color: var(--aqua-blue);
    text-transform: uppercase;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid var(--aqua-blue);
    transition: 1s;
}

.banner-trading-arena a:hover {
    color: var(--white);
    text-decoration: none !important;
    transition: 1s;
}

.banner-trading-arena a:hover span {
    color: var(--white);
    background: var(--aqua-blue);
    text-decoration: none !important;
    transition: 1s;
}

.form-control.inputError {
    border: 1px solid var(--red) !important;
    border-bottom-left-radius: 0 !important;
}

.form-control.inputSuccess {
    border: 1px solid var(--green) !important;
    border-bottom-left-radius: 0 !important;
}

.no-borders {
    border: 0 !important;
    box-shadow: none !important;
}

.editFormTitle {
    color: var(--aqua-blue);
    text-transform: capitalize;
    font-weight: 500;
}

.btn-blue .notification-btn {
    width: 16px;
    height: 16px;
    position: absolute;
    background: var(--red);
    top: -7px;
    right: -7px;
    border-radius: 25px;
    border: 3px solid var(--white);
    content: "";
}

svg#avatar {
    width: 100px;
    height: 100px;
}

svg#camera {
    position: absolute;
    display: none;
    fill: var(--nav-blue);
    width: 24px;
    height: 21px;
    transition: 1s;
}

.dropdown.open button>svg {
    transform: rotate(180deg);
    margin-top: 7px !important;
}

.list-labels-weight {
    font-size: min(1.5vh, 15px);
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.my-acc-arrow {
    margin-top: 3px;
    fill: var(--warm-grey);
    position: relative;
    margin-left: 5px;
}

.my-acc-wls-button:hover {
    color: var(--warm-grey);
}

.my-acc-dash-height {
    height: calc(100% - 30px) !important;
}

.my-acc-um-height {
    height: max-content !important;
}

#compare-with {
    padding: 0 15px 15px 15px;
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: row-reverse;
}

.my-acc-wls-button {
    background-color: transparent;
    color: #888888 !important;
    font-weight: 500;
}

.scrollable-modules-sm {
    height: calc(100% - 80px);
}

.disabled-buy-btn {
    pointer-events: none !important;
    /* background-color: gainsboro; */
}

.grey {
    color: grey !important;
}

.scrollable-modules-panel-sm {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-bottom: 0 !important;
}

.full-report {
    font-family: Ubuntu;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #00b6e0;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    bottom: 3%;
    width: max-content;
    left: 50%;
    transform: translateX(-50%);
}


.arrow-up {
    transform: rotate(-90deg);
    height: 11px;
    width: 13px;
}


.blue-svg {
    fill: var(--aqua-blue) !important;
}


.submit-loader-svg {
    height: 24px;
    width: 24px;
    fill: var(--white);
}

.submit-loader-svg-container {
    position: absolute;
    top: 5px;
    left: 0;
    background-color: inherit;
    width: 100%;
}

p.user-profile-info {
    padding-top: 30px;
}

span.user-id {
    color: var(--greyish-brown) !important;
}

.data-title i.fa-exclamation-circle {
    color: var(--btn-yellow);
    transform: rotate(180deg);
}

.from-collapse-2 {
    background: var(--modal-white);
    position: absolute;
    padding-top: 10px;
    border-radius: 4px;
    border: 1px solid var(--form-white);
}

.list-collapse.collapse.in>.from-collapse-2 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}

input[type="text"].search-popover-list {
    background: var(--white) !important;
}

.list-collapse {
    min-height: 270px;
    max-height: 270px;
    height: 270px;
    overflow-y: auto;
}

.list-collapse .form-group {
    padding: 0;
    margin: 0;
}

svg#calendar-alt {
    width: 14px;
    height: 16px;
    fill: var(--black-text);
}

svg#ic-download {
    width: 10px;
    height: 10px;
    fill: var(--white);
}

select.input-sm {
    height: 42px;
    line-height: 30px;
}

#transactions1 .popover>.arrow,
.popover>.arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border: solid transparent;
}

.form-group.api {
    margin-bottom: 0 !important;
}

a .icon-information-aml {
    color: var(--aqua-blue) !important;
    text-decoration: none;
}

a .icon-information-aml:hover,
a .icon-information-aml:focus {
    text-decoration: none;
}

.sub-info {
    color: var(--yellow-orange);
    margin: 2px 0 0 5px;
}

/* end custom */

/* navtabs buy & sell */
.nav-tabs.buysell {
    border-color: transparent;
    top: 0;
}

.nav-tabs.buysell>li {
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
}

.nav-tabs.buysell>li>a,
.nav-tabs.buysell>li>a:focus {
    background-color: transparent;
    border-color: var(--light-grey);
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 2px solid var(--light-grey) !important;
    border-radius: 0 0 0 0 !important;
    color: var(--light-grey);
    font-weight: 500;
    line-height: 16px;
    margin-right: -1px;
    position: relative;
}

.nav-tabs.buysell>li.active>a,
.nav-tabs.buysell>li.active>a:hover,
.nav-tabs.buysell>li.active>a:focus {
    background-color: transparent;
    border-color: transparent;
    border-top: 2px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 2px solid var(--aqua-blue) !important;
    color: var(--aqua-blue);
    font-weight: 500;
    line-height: 16px;
    margin-top: -1px;
    z-index: 12;
}

.tab-content.buysell {
    border: 0 solid transparent;
    padding: 16px 12px;
    position: relative;
}

.form-horizontal.buysell .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
}

input[type="number"].limit {
    border-radius: 0 4px 4px 0;
}

.labelHyper {
    text-decoration: underline;
    cursor: pointer;
}

/* tables */
rows-per-page .fa-times-circle.table-action-close {
    color: var(--red);
}

.form-inline .input-group>.form-control.custom-input-tables {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    width: 100%;
}

.rows-per-page {
    color: var(--white) !important;
    background-color: var(--aqua-blue) !important;
    border: 1px solid var(--aqua-blue) !important;
    border-radius: 4px !important;
    width: 60px !important;
    float: right;
    padding: 6px 12px;
    outline: none;
}

.rows-per-page option {
    color: var(--dark-grey) !important;
    background: var(--white) !important;
}

.selectwrap-2 {
    width: auto;
    float: right;
    margin-left: 10px;
}

.selectwrap-2:after {
    font-family: FontAwesome, var(--main-font);
    color: var(--white);
    content: "\f078";
    text-align: center;
    line-height: 32px;
    position: absolute;
    width: 32px;
    height: 32px;
    top: 1px !important;
    right: 17px !important;
    pointer-events: none;
}

.merchent-row {
    padding: 0 0 10px;
}

.merchent-row:after {
    color: var(--select-grey);
    position: relative;
    left: 67% !important;
}

.pagination {
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
}

label.page-row {
    padding-top: 6px;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin: 0 1px;
    line-height: 1.42857143;
    color: var(--light-grey);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid transparent !important;
    min-width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: var(--aqua-blue);
    border-color: var(--aqua-blue);
    border-radius: 4px;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 3;
    color: var(--white);
    background-color: var(--light-grey);
    border-color: var(--light-grey);
    border-radius: 4px;
}

/* end tables */

/* progres bar */
.form-control.pw-borders {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.progress {
    width: 100%;
    height: 20px;
    margin-bottom: 0;
    overflow: hidden;
    background: #dedede none;
    border-radius: 0 0 4px 4px;
    box-shadow: none;
}

.progress-bar-strongest {
    background-image: linear-gradient(to right, #ff0058, #f5b300, #00b6e0, #2fbf76) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0058', endColorstr='#2fbf76', GradientType=0);
    background-repeat: repeat-x;
    width: 100%;
}

.progress-bar-strong {
    background-image: linear-gradient(to right, #ff0058, #f5b300, #00b6e0, #2fbf76) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0058', endColorstr='#2fbf76', GradientType=0);
    background-repeat: repeat-x;
    width: 60%;
}

.progress-bar-good {
    background-image: linear-gradient(to right, #ff0058, #f5b300, #00b6e0) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0058', endColorstr='#00b6e0', GradientType=0);
    background-repeat: repeat-x;
    width: 40%;
}

.progress-bar-moderate {
    background-image: linear-gradient(to right, #ff0058, #f5b300) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0058', endColorstr='#00b6e0', GradientType=0);
    background-repeat: repeat-x;
    width: 20%;
}

/* end progres bar */

#clear-selected-currencies {
    font-size: 12px;
    margin: 10px 15px 0 0;
    padding-bottom: 10px;
    position: absolute;
    z-index: 9999;
    right: 14px;
    top: 4px;
    width: 10px;

}

#clear-selected-currencies a {
    color: var(--aqua-blue);
    text-decoration: underline;
}

.msg-no-data {
    padding-top: 100px;
    padding-bottom: 80px;
    font-size: 18px !important;
    color: var(--light-grey) !important;
}

.msg-no-data a {
    font-size: 18px !important;
    color: var(--aqua-blue) !important;
    text-decoration: underline;
}

.msg-no-data a:hover {
    font-size: 18px !important;
    color: var(--light-grey) !important;
    text-decoration: underline;
}

/* end popup calendar */

.has-search,
#buy .has-search,
#sell .has-search,
#deposit-main .has-search,
#withdrawal-main .has-search {
    position: relative;
    padding: 0 15px;
    margin: 0;
}

.list-group {
    box-shadow: none;
}

#clear-selected-currencies a i {
    color: var(--opacity-white);
}

/* icon exchange */
.exchange-icon svg {
    height: 55px;
}

/* end icon exchange */
img#currencies-data-loader {
    height: 20px;
    margin-right: 6px;
}

.searchImg {
    width: 16px !important;
    height: 16px !important;
    position: absolute;
    top: 10px;
    left: 27px;
}

.inputSuccess2 {
    text-indent: 20px;
}

.user-request img {
    margin: 0 auto 10px;
    display: block;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control,
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.wait-for-response-state {
    opacity: 0.3 !important;
}

.swicth-container[disabled] {
    opacity: 0.3 !important;

}

.div-bank-status-inside {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.div-bank-status-outSide {
    background-color: var(--white);
    width: fit-content;
    padding: 3px;
    border-radius: 100%;
    position: absolute;
    top: -7px;
    right: -7px;
}

.banks-container {
    padding: 0 15px;
}

.bank-item button {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 120px;
    min-height: 36px;
}

.BS-container {
    display: flex;
    align-items: baseline;
}

.align-items-btm {
    align-items: baseline;
}

markets-card-directive .market-details:hover .text-over-flow {
    overflow: initial;
    text-overflow: initial;
    white-space: initial;
    word-break: break-word;
}

markets-card-directive .text-over-flow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.checkbox-image {
    height: 20px;
    width: 20px;
    border-radius: 2px;
    border: solid 1px var(--dark-blue);
    cursor: pointer;
    margin: 0;
}

.credit-card-input-container {
    display: flex !important;
}

.credit-card-input-container>input:focus,
.credit-card-input-container>input:hover,
.credit-card-input-container>input {
    outline: none;
    background-color: #f0f8ff00;
    border-color: transparent;
    width: 40px;
    padding: 0;

}

.span-place-holder {
    padding: 1px 12px 0 3px;
    font-size: 14px;
}

.font-size-14 {
    font-size: 14px;
}

.checkbox-image-not-selected {
    height: 18px;
    width: 18px;
    border-radius: 2px;
    border: solid 1px var(--white-six);
    cursor: pointer;
    margin: 0;
}

.credit-card-input-container> ::-webkit-input-placeholder {
    color: var(--grey-black) !important;
}

.checkbox-image-selected {
    background: url(/images/checkbox_checked.svg) no-repeat;
    border: 0;
    fill: var(--white-six);
}

.chart-indicator-text {
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
    line-height: 15px;
}

.chart-indicator-text:hover {
    color: white !important;
}

.grid-row {
    display: grid;
    grid-gap: 10px;
    padding: 0 15px;
}

.grid-row.collapse {
    display: none;

}

.grid-row.collapse.in {
    display: grid;
}

.selected-blue-row-header,
table.selected-blue-row-header * {
    color: #00b6e0 !important;
}

.wl-url {

    font-size: 15px;
    cursor: pointer;
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.14;
    letter-spacing: normal;
    text-align: left;
    color: var(--aqua-blue);
}

.collapsedRow {
    color: var(--aqua-blue) !important;
}

.not-selected-comparison {
    width: 100px;
    height: 36px;
    background-color: #ffffff;
    border: 1px solid #DDDDDD;
    color: #cccccc;
}

.selected-comparison {
    width: 100px;
    height: 36px;
    background-color: #fbfbfb;
    border: 1px solid #DDDDDD;
    color: black;
    font-weight: 500;
}

.border-index-0 {
    border-radius: 4px 0 0 4px;
}

.border-index-4 {
    border-radius: 0 4px 4px 0;
}

/*******************************************************
Slider B-flat
*******************************************************/
.checkbox-slider--b-flat {
    position: relative;
}

.checkbox-slider--b-flat input {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 0%;
    margin: 0 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.checkbox-slider--b-flat input+span {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.depositAndStart {
    padding-top: 10%;
}

.checkbox-slider--b-flat input+span:before {
    position: absolute;
    left: 0px;
    display: inline-block;
}

.checkbox-slider--b-flat input+span>h4 {
    display: inline;
}

.checkbox-slider--b-flat input+span:before {
    content: "";
    height: 20px;
    width: 55px !important;
    background: var(--white-six);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
    transition: background 0.2s ease-out;
}

.checkbox-slider--b-flat input+span:after {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0;
    display: block;
    background: #ffffff;
    transition: margin-left 0.1s ease-in-out;
    text-align: center;
    font-weight: bold;
    content: "";
}

/* ******** START APPLE SLIDE IOS  */
.checkbox-slider--b-flat input:checked+span:after {
    margin-left: 20px;
    content: "";
}

.checkbox-slider--b-flat input:checked+span:before {
    transition: background 0.2s ease-in;
}

.checkbox-slider--b-flat input+span:before {
    border-radius: 20px;
    width: 50px;
}

.checkbox-slider--b-flat input+span:after {
    background: #f4f4f4;
    content: "";
    width: 20px;
    border: solid transparent 2px;
    background-clip: padding-box;
    border-radius: 20px;
}

.checkbox-slider--b-flat input:not(:checked)+span:after {
    -webkit-animation: popOut ease-in 0.3s normal;
    animation: popOut ease-in 0.3s normal;
}

.checkbox-slider--b-flat input:checked+span:after {
    content: "";
    margin-left: 35px;
    border: solid transparent 2px;
    background-clip: padding-box;
    -webkit-animation: popIn ease-in 0.3s normal;
    animation: popIn ease-in 0.3s normal;
}

.checkbox-slider--b-flat input:checked+span:before {
    background: #2fbf76;
}

.checkbox-slider--b-flat input+span:before {
    box-shadow: none;
}

/* ******** END APPLE SLIDE IOS  */

.switchIOS {
    position: relative !important;
    display: inline-block !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

.greyish-brown {
    color: var(--greyish-brown) !important;
}

.seperator {
    height: 1px;
    background-color: var(--white-six);
    width: 93%;
    margin-bottom: 10px !important;
    margin-left: 15px;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.buttons-confirm-modal {
    display: flex;
    justify-content: space-around;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-right-5 {
    padding-right: 5px;
}

.reload {
    color: var(--aqua-blue);
    text-decoration: underline;
    cursor: pointer;
}

.no-currs {
    font-family: Ubuntu;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: var(--warm-grey);
}

/*buy/sell/withrwal*/
.balance-container .red-class {
    transition: none !important;
    margin: 2px 0 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
}

.circle-empty-balances {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.circle-empty {
    height: 100%;
    border: 1px solid #333333;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
}

.total-balance-0 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    align-items: center;
    color: #333333;
    font-size: 2vh;
    padding: 15px;
}

.balance-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.new-scroll-bar::-webkit-scrollbar {
    width: 14px;
}

.new-scroll-bar::-webkit-scrollbar-thumb {
    height: 100px;
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 10px;
    background-color: var(--white-six);
    -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05);
}

.flex-align-center {
    align-items: center;
}

.flex-align-end {
    align-items: flex-end;
}

.flex-align-start {
    align-items: flex-start;
}

account-status .wrapper {
    -webkit-transition: width 4s;
    transition: width 4s;
    min-height: 100px;
    background-color: #ffffff;
    padding-left: 20px;
    padding-top: 20px;
    border-radius: 10px;
    margin-bottom: 40px;
    border: 1px solid #f0f0f0;
    width: 100%;
}

account-status .wrapper .header,
account-status .mobile-wrapper .header {
    background-color: white;
    font-family: Ubuntu;
    font-size: 21px;
    color: var(--aqua-blue);
    display: inline-block;
}

account-status .wrapper .content-wrapper,
account-status .mobile-wrapper .content-wrapper {
    padding-left: 16px;
    padding-right: 30px;
    margin-top: 17px;
}

account-status .wrapper .content-item,
account-status .mobile-wrapper .content-item {
    font-family: Ubuntu;
    font-size: 14px;
    color: #cccccc;
    margin-left: 6px;
}

account-status .wrapper .section-verified .content-item,
account-status .mobile-wrapper .section-verified .content-item {
    color: var(--greenish-teal) !important;
}

account-status .wrapper .section-verified .account-status-img,
account-status .mobile-wrapper .section-verified .account-status-img {
    fill: var(--greenish-teal) !important;
}

account-status .wrapper .account-status-img,
account-status .mobile-wrapper .account-status-img {
    width: 20px;
    height: 15px;
    object-fit: contain;
    fill: var(--white-six);
}

account-status .all-verified {
    white-space: nowrap;
    overflow: hidden;
}

/*mobile version*/
account-status .mobile-wrapper {
    display: none;
}

account-status .mobile-wrapper .content-wrapper-mobile {
    height: 40px;
    display: flex;
    align-items: center;
}

account-status .separator {
    height: 1px;
    background-color: var(--white-six);
    width: 98%;
}

account-status .mobile-label {
    font-family: Ubuntu;
    font-size: 14px;
    color: var(--warm-grey);
}

account-status .mobile-percentage {
    font-family: Ubuntu;
    font-size: 17px;
    font-weight: 500;
    color: var(--aqua-blue);
}

account-status .show-more-less {
    font-family: Ubuntu;
    font-size: 12px;
    text-decoration: underline;
    color: var(--aqua-blue);
}

account-status .green {
    color: var(--green) !important;
}

@media screen and (max-width: 630px) {
    account-status .wrapper {
        display: none;
    }

    account-status .mobile-wrapper {
        display: block;
    }
}

.lower-mg {
    height: 70%;
}

.upper-mg {}

#marketsCard {
    overflow-y: scroll;
    height: calc(100% - 43px);
}


.wl-fees {
    width: 100%;
    height: 100%;
    margin-left: 15px;
    margin-right: 15px;
}

#dashboard-grid-wrapper {
    width: 100%;
    height: calc(100% - 140px);
    display: flex;
    justify-content: center;
}

.my-acc-wls {
    position: absolute;
    top: calc(100% - 2px);
    right: 0;
    z-index: 1000;
    min-width: 0 !important;
    margin: 0;
    padding: 0;
}

.my-acc-dd {
    transform: translateX(-35%);
}

.height-100 {
    height: 100%;
}

.noCreditCard {
    border-radius: 0 !important;
    border-right: 1px solid var(--dark-white) !important;
}

.no-reports-fix #markets-grid {
    overflow-y: hidden;
    grid-row-start: 2;
    grid-row-end: span 1;
    grid-column-start: 3;
    grid-column-end: span 1;
}

.no-reports-fix #charts-grid {

    grid-column-end: -1;
}

#dashboard-grid {
    height: 100%;
    width: 98%;
    justify-content: center;
    grid-column-gap: 15px;
    grid-row-gap: 10px;
    display: grid;
    grid-template-columns: 33% 33% 33%;
    grid-template-rows: 1% 43% 52% 1%;
}

#dashboard-grid-footer {
    overflow-y: hidden;
    grid-row-start: 4;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: -1;
}

#dashboard-grid-header {
    overflow-y: hidden;
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: -1;
}

#charts-grid {
    overflow-y: hidden;
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: span 2;
}

#markets-grid {
    overflow-y: hidden;
    grid-row-start: 3;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: span 1;
}

#reports-grid {
    overflow-y: hidden;
    grid-row-start: 2;
    grid-row-end: span 1;
    grid-column-start: 3;
    grid-column-end: span 1;
}

#my-activities-grid {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: span 1;
}

#my-account-grid {
    grid-row-start: 2;
    grid-row-end: span 1;
    grid-column-start: 1;
    grid-column-end: span 1;
}

.orders-flex {
    flex: 1;
}

#collapseMyActivities {
    height: 90%;
    overflow: scroll;
}

.margin-top-40 {
    margin-top: 40px
}

/*HANDLE PIE HEIGHT*/
.highcharts-root,
#piemyacc,
.highcharts-container {
    height: 100% !important;
}

@media only screen and (min-width: 1580px) and (max-width: 1750px) {
    .btn_right {
        padding-right: 5.5% !important
    }
}

@media only screen and (max-width: 1395px) {
    .circle-empty-balances {
        height: 200px;
        width: 200px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .circle-empty {
        height: initial !important;
        border: 1px solid #333333;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        text-align: center;
    }

    /*HANDLE PIE HEIGHT*/
    #piemyacc .highcharts-root,
    #piemyacc,
    #piemyacc .highcharts-container {
        height: 265px !important;
    }
}

/* highcharts desktop platform responsiveness */
@media only screen and (min-width: 720px) and (max-width: 1395px) {


    #dashboard-grid {
        grid-template-rows: 1% 40% 33% 48% 1% !important;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1395px) {
    #markets {
        height: 100% !important;
    }

}

@media only screen and (min-width: 767px) and (max-width: 979px) {
    dashboard-pairs #dashboardPairs {
        transform: translate(50%);
    }
}

@media only screen and (max-width: 1750px) {

    .pairsGridWrapper {
        padding-bottom: 20px
    }

    #selectPairGrid {
        height: 100% !important;
        display: grid !important;
        grid-column-gap: 10px !important;
        grid-template-columns: 50% 50% !important;
        grid-template-rows: 20% 30% 20% 30% !important;
        /* 17% 22% 17% 30%;*/
    }

    .pg-quick {
        grid-column: 1 / span 1 !important;
        grid-row: 3 / 3 !important;
    }

    .pg-select-pair {
        grid-column: 1 / span 1 !important;
        grid-row: 1 / 1 !important;
    }

    .pg-pairs-btn {
        grid-column: 1 / -1 !important;
        grid-row: 2 / 2 !important;
    }

    .pg-actions-1 {
        grid-column: 1 / span 1 !important;
        grid-row: 4 / 4 !important;
    }

    .pg-actions-2 {
        grid-column: 2 / span 1 !important;
        grid-row: 4 / 4 !important;
    }
}

.list-buy-padding-zeros {
    color: #95e6bd !important;
}

.list-sell-padding-zeros {
    color: #ffbfd6 !important;
}

.list-grey-padding-zeros {
    color: #cccccc !important;
}

/*HANDLE PIE HEIGHT*/

/*currencies list*/
.currPiece {
    padding: 8px;
    border-left: 6px solid transparent;
    cursor: pointer !important;
}

.dd-reports {
    position: absolute;
    top: 2%;
    right: 3%;
}

.currPiece:hover {
    border-left: 6px solid transparent;
    background-color: var(--ice-blue);
}

.selected-curr {
    border-left: 6px solid var(--aqua-blue) !important;
    font-weight: 500 !important;
    background-color: var(--ice-blue);
}

.curr {
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 500 !important;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--greyish-brown);
}

.curr-desc {
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 3px;
}

.selected-item {
    color: var(--aqua-blue);
}

.seperator-of-currs {
    width: 15px;
    background-color: var(--white-four);
    border-left: 1px solid var(--white-six);
}

#report-by-user-table {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.display-none {
    display: none !important;
}

.flex-direction-column {
    flex-direction: column;
}

.disabled-permission {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

#selectPairGrid {
    padding-left: 15px;
    width: 100%;
    height: 70%;
    display: grid;
    grid-column-gap: 10px;
    grid-template-columns: 51% 24% 25%;
    grid-template-rows: 50% 50%;
}

.pairsGridWrapper {
    width: 93.5%;
}

.pg-quick {
    grid-column: 2 / span 1;
    grid-row: 1 / 1;
}

.pg-select-pair {
    grid-column: 1 / span 1;
    grid-row: 1 / 1;
}

.pg-pairs-btn {
    grid-column: 1 / span 1;
    grid-row: 2 / 2;
}

.pg-actions-1 {
    grid-column: 2 / span 1;
    grid-row: 2 / 2;
}

.pg-actions-2 {
    grid-column: 3 / span 1;
    grid-row: 2 / 2;
}

#trans-headers {
    padding: 10px;
}

.popDocView {
    cursor: pointer;
}

.align-pagi-center {
    width: 100%;
    justify-content: center;
}

#recent-transactions {
    height: calc(100% - 35px);
    overflow-y: auto;
}

.loginAlert {
    width: auto;
    position: absolute;
    left: 2%;
    top: 2%;
    color: white;
}

@media only screen and (max-height: 700px) {
    .loginAlert {
        display: none !important;
    }
}

@media only screen and (max-width: 970px) {
    .loginAlert {
        position: fixed;
        height: auto;
        top: initial;
        transform: translate(-50%);
        left: 50%;
        z-index: 99999999;
        bottom: 10%;
    }
}

@media only screen and (max-width: 1580px) {

    .pairsGridWrapper {
        padding-bottom: 20px
    }

    #selectPairGrid {
        height: 100%;
        display: grid;
        grid-column-gap: 10px;
        grid-template-columns: 50% 50%;
        grid-template-rows: 20% 30% 20% 30%;
        /* 17% 22% 17% 30%;*/
    }

    .pg-quick {
        grid-column: 1 / span 1;
        grid-row: 3 / 3;
    }

    .pg-select-pair {
        grid-column: 1 / span 1;
        grid-row: 1 / 1;
    }

    .pg-pairs-btn {
        grid-column: 1 / -1;
        grid-row: 2 / 2;
    }

    .pg-actions-1 {
        grid-column: 1 / span 1;
        grid-row: 4 / 4;
    }

    .pg-actions-2 {
        grid-column: 2 / span 1;
        grid-row: 4 / 4;
    }
}

/* 719-745 */
@media only screen and (min-width: 719px) and (max-width: 745px) {
    .panel-group .panel.marketsindicators .panel-body {
        padding: 3px !important;
    }
}

@media only screen and (min-width: 719px) and (max-width: 979px) and (max-height: 890px) {
    .lower-mg {
        height: 60% !important;
    }
}

@media only screen and (max-width: 979px) {
    .lower-mg {
        height: 60%;
    }

    balances-report-directive #balancesReport {
        transform: translateX(0%) !important;
    }

    markets-card-directive #dashboardPairs {
        transform: translateX(30%) !important;
    }

    fees-report #feesReport {
        transform: translateX(0%) !important;
        margin: 0 !important;
    }
}

balances-report-directive #balancesReport .modal-header {
    min-height: 0 !important;
    padding: 0 !important;
}

balances-report-directive #balancesReport {
    transform: translateX(-50%);
    margin: 0 !important;
}

fees-report #feesReport .modal-header {
    min-height: 0 !important;
    padding: 0 !important;
}

identity-verification-modal #identityVerificationModal {
    transform: translateX(-50%) !important;
    margin: 0 !important;
}

fees-report #feesReport {
    transform: translateX(-50%);
    margin: 0 !important;
}

/*  */
/* MARKETS GRID */

/* MARKETS GRID */

.googleQR {
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

/*currencies list*/

/* WITHDRAWAL CONFIRMATION */
.width-50 {
    width: 50%;
}

#wc-grid {
    height: 60%;
    width: 100%;
    justify-content: center;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 10% 20% 60% 10%;
}

.wc-recipients {
    overflow-y: auto;
    height: calc(100% - 115px);
}

.wc-fiat-def {
    position: absolute;
    right: 43%;
    top: 22%;
}

.wc-success-indicator {
    width: 100%;
    background-color: #edfff6;
    border: 1px solid #2fbf76;
    color: #1a6640;
    font-weight: 500;
    border-radius: 5px;
    height: 36px;
}

.wc-failed-indicator {
    width: 100%;
    background-color: #fff2f7;
    border: 1px solid #ff0058;
    color: #cc0047;
    font-weight: 500;
    border-radius: 5px;
    height: 36px;
}

.wc-parts-warning {
    width: 345px;
    background-color: #fffbf0;
    border: 1px solid #f5b300;
    color: #805e00;
    font-weight: 500;
    display: flex;
    align-items: center;
    height: 35px;
    border-radius: 5px;
}

.wc-hyper {
    color: var(--aqua-blue);
    text-decoration: underline;
    cursor: pointer;
}

.width-30 {
    width: 30%;
}

.width-25 {
    width: 25%;
}

.width-15 {
    width: 15%;
}

.tc-short-select-item {
    width: 109px;
    height: 36px;
    border: solid 1px var(--white-six);
    background-color: #ffffff;
}

.tc-short-select-item span {
    font-family: Ubuntu;
    font-size: 14px;
    color: #cccccc;
}

withdrawal-confirmation .panel-body {
    padding: 0 !important;
}

.tc-short-select-item.active-select {
    background-color: var(--white-five);
}

.tc-short-select-item.active-select span {
    color: var(--black);
}

withdrawal-confirmation .wc-dd {
    width: 60%;
}

.opacity-1.showEditOption a:after {
    opacity: 1 !important;
}

.wc-dd {
    text-indent: 10px;
    width: 100%;
    height: 35px;
    border-radius: 5px;
    border: 1px solid #ddd;
    color: #333;
    background: url(../images/arrow.png) no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
    background-color: #fbfbfb;
}

.wc-disabled-label {
    pointer-events: none;
    opacity: 0.5;
}

.status-btn {
    text-align: center;
    width: 70px;
    border-radius: 5px;
    color: white !important;
}

.wc-label {
    color: var(--warm-grey);
}

.wc-part-flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.wc-separator {
    width: 100%;
    background-color: #ddd;
    height: 1px;
}

.wc-active {
    padding: 0 15px;
    height: 100%;
    grid-column: 1 / -1;
    grid-row: 1 / span 1;
}

.wc-confirmation {
    padding: 0 15px;
    height: 100%;
    grid-column: 1 / -1;
    grid-row: 2 / span 1;
}

.wc-participants {

    height: 100%;
    grid-column: 1 / -1;
    grid-row: 3 / span 1;
}

.wc-part-trash {
    cursor: pointer;
    width: 10%;
    text-align: right;
    display: none;
}

.wc-parts:hover .wc-part-trash {
    display: block;
}

.wc-parts:hover {
    background-color: var(--ice-blue);
}

.wc-save {
    padding: 0 15px;
    height: 100%;
    grid-column: 1 / -1;
    grid-row: 4 / span 1;
}

#twoFAMethod {
    cursor: pointer;
    border-bottom: 1px dotted var(--aqua-blue);
    color: black;
}

/* TWOSTEPSLIDER */

.enabled-disabled {
    opacity: 0.7;
    pointer-events: none;
}

#twoFAMethodSelect {
    cursor: pointer;
    color: var(--aqua-blue);
    text-decoration: underline;
    font-size: 12px;
}

.two-label-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.menuItemTitle {
    white-space: pre-wrap;
}

/* TWOSTEPSLIDER */
.pair-select-group {
    color: var(--aqua-blue);
    font-weight: 600;
}

dashboard-pairs .blue-svg.arrow-up {
    transform: rotate(90deg)
}

dashboard-pairs .selected {
    background-color: var(--ice-blue) !important;
}

dashboard-pairs .pair-item {
    cursor: pointer;
    font-weight: 500;
    width: 85%;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 20px
}

#twoFaProfile .modal-body {
    width: 100% !important;
}

.disabled-button {
    opacity: 0.3;
    pointer-events: none;
    cursor: default;
}

.warm-grey-color {
    color: var(--warm-grey);
}

.my-account-container {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 15px;
    padding-right: 15px;
}

.padding-right-10 {
    padding-right: 10px;
}

my-account-card .panel-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.dashPairs {
    height: 400px;
    overflow: scroll
}

@media screen and (max-width: 992px) {
    .dashPairs {
        height: 400px;
        overflow: scroll
    }
}

@media screen and (min-width: 1395px) and (max-width: 1580px) {
    #selectPairGrid {
        grid-template-rows: 17% 35% 17% 30%;
    }
}

@media screen and (max-height: 890px) {
    .pg-quick {
        display: none;
    }

    .pg-select-pair {
        display: none;
    }

    .lower-mg {
        height: 50%
    }
}

/* WITHDRAWAL CONFIRMATION */
@media screen and (max-width: 719px) {
    .lower-mg {
        height: 60%;
    }

    .pairsGridWrapper {
        width: 96%;
    }

    #selectPairGrid {
        height: 100%;
        grid-template-rows: 17% 22% 17% 30%;
    }

    /* give some height to chart when mobile*/
    .full-report {
        display: none;
    }

    #charts-grid {
        height: 150% !important;
    }

    /* give some height to chart when mobile*/
    #dashboard-grid {
        height: 100%;
        width: 100%;
        justify-content: center;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 22% 25% 25% 42% 23%;
    }

    #charts-left-sub-header {
        flex-wrap: nowrap;
    }

    #dashboard-grid-footer {
        display: none;
    }

    #dashboard-grid-header {
        display: none;
    }

    #charts-grid {
        grid-row-start: 5;
        grid-row-end: 5;
        grid-column-start: 1;
        grid-column-end: -1;
    }

    #markets-grid {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: -1;
    }

    .no-reports-fix #markets-grid {
        grid-row-start: 3;
        grid-row-end: 5;
        grid-column-start: 1;
        grid-column-end: -1;
    }

    #reports-grid {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: -1;
    }

    #my-activities-grid {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: -1;
    }

    #my-account-grid {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        grid-column-end: -1;
    }

    #dashboard-grid-wrapper {
        height: max-content;
    }
}

@media screen and (min-width: 720px) and (max-width: 980px) {
    #dashboard-grid-wrapper {
        height: max-content;
    }

    #dashboard-grid {
        height: 100%;
        width: 95%;
        justify-content: center;
        grid-column-gap: 15px;
        grid-row-gap: 10px;
        display: grid;
        grid-template-columns: 55% 45%;
        grid-template-rows: 1% 33% 28% 34% 1%;
    }

    #dashboard-grid-footer {
        grid-row-start: 5;
        grid-row-end: 5;
        grid-column-start: 1;
        grid-column-end: -1;
    }

    #dashboard-grid-header {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        grid-column-end: -1;
    }

    #charts-grid {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: -1;
    }

    .no-reports-fix #markets-grid {
        grid-row-start: 2;
        grid-row-end: 4;
        grid-column-start: 2;
        grid-column-end: span 1;
    }

    #markets-grid {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 2;
        grid-column-end: span 1;
    }

    #reports-grid {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 2;
        grid-column-end: span 1;
    }

    #my-activities-grid {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: span 1;
    }

    #my-account-grid {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: span 1;
    }

    #charts-left-sub-header {
        flex-wrap: nowrap;
    }
}

@media only screen and (max-width: 470px) {
    .pairsGridWrapper {
        width: 94%;
    }
}

@media screen and (min-width: 719px) and (max-width: 1110px) {
    .pairsGridWrapper {
        width: 92.5%;
    }
}

@media screen and (min-width: 1110px) and (max-width: 1395px) {
    .pairsGridWrapper {
        width: 94.5%;
    }
}

@media screen and (min-width: 1580px) and (max-width: 1800px) {
    .pairsGridWrapper {
        width: 92%;
    }
}

@media screen and (min-width: 981px) and (max-width: 1395px) {
    .wc-recipients {
        height: calc(100% - 140px);
        overflow-y: scroll;
    }

    #dashboard-grid-wrapper {
        height: max-content;
    }

    #dashboard-grid {
        height: 100%;
        width: 95%;
        justify-content: center;
        grid-column-gap: 15px;
        grid-row-gap: 10px;
        display: grid;
        grid-template-columns: 55% 45%;
        grid-template-rows: 1% 40% 28% 34% 1% !important;
    }

    #dashboard-grid-footer {
        grid-row-start: 5;
        grid-row-end: 5;
        grid-column-start: 1;
        grid-column-end: -1;
    }

    #dashboard-grid-header {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        grid-column-end: -1;
    }

    #charts-grid {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: -1;
    }

    .no-reports-fix #markets-grid {
        grid-row-start: 2;
        grid-row-end: 4;
        grid-column-start: 2;
        grid-column-end: span 1;
    }

    #markets-grid {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 2;
        grid-column-end: span 1;
    }

    #reports-grid {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 2;
        grid-column-end: span 1;
    }

    #my-activities-grid {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 1;
        grid-column-end: span 1;
    }

    #charts-left-sub-header {
        flex-wrap: nowrap;
    }

    #my-account-grid {
        grid-row-start: 2;
        grid-row-end: 2;
        grid-column-start: 1;
        grid-column-end: span 1;
    }

}

.locked_balance_desk {}

.locked_balance_mob {
    display: none;
}

@media screen and (max-width: 340px) {
    .locked_balance_desk {
        display: none !important;
    }

    .locked_balance_mob {
        display: block;
    }

}

/* HANDLE DASHBOARD CHARTS CARD RESPONSIVE */
@media screen and (max-width: 405px) {
    .desktop-charts-headers {
        display: none !important;
    }

    .mobile-charts-headers {
        display: block !important;
    }
}

.mobile-charts-headers {
    display: none;
}

/* HANDLE DASHBOARD CHARTS CARD RESPONSIVE */
.justify-content-center {
    justify-content: center;
}

#myProfile .form-control.border-red-error {
    border: 1px solid var(--pink-red) !important;
}

.text-center {
    text-align: center !important;
}

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

td.bold.amountField {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.popover-error-wrapper {
    height: 20px;
    background-color: var(--pink-red);
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.popover-error-wrapper span {
    font-family: Ubuntu;
    font-size: 13px;
    font-weight: 500;
    color: #ffffff;
}

.align-items-center {
    align-items: center;
}

.pointer-events-none {
    pointer-events: none !important;
}

.justify-content-center {
    justify-content: center;
}

.bg-color-white-five {
    background-color: var(--white-five) !important;
}

@media only screen and (min-width: 991px) {
    .popover-single-width {
        width: 320px;
    }

    .popover-close-fix {
        display: none !important;
    }

    .btn-save {
        display: none !important;
    }
}

.buttons-popover {
    display: flex;
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
    .popover-close-fix {
        position: absolute;
        z-index: 99999999;
        top: 0;
        right: 3%;
    }

    .user-pref-fixed {
        position: initial !important;
    }

    .save-fix {
        padding-right: 50px;
    }

    .buttons-popover {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .user-pref-fixed {
        position: fixed !important;
    }

    .main-navigation {
        min-height: calc(100% - 70px) !important;
    }

    open-orders-card-directive .popover-content {
        display: none !important;
    }
}


transaction-cancel-modal .item-wrapper,
transaction-confirm-modal .item-wrapper {
    margin-bottom: 24px;
}

transaction-cancel-modal .item-text,
transaction-confirm-modal .item-text {
    width: 50%;
    font-family: Ubuntu;
    font-size: 14px;
    color: var(--warm-grey);
}

transaction-cancel-modal .item-const-text,
transaction-quick-modal .item-const-text,
transaction-confirm-modal .item-const-text {
    font-family: Ubuntu;
    font-size: 14px;
    color: var(--black);
}

transaction-cancel-modal .tcm-basic-input,
transaction-quick-modal .tcm-basic-input,
transaction-confirm-modal .tcm-basic-input {
    width: 215px;
    height: 36px;
    border-radius: 4px !important;
    border: solid 1px var(--white-six) !important;
    background-color: var(--white-five) !important;
    box-shadow: none;
}

transaction-quick-modal .tcm-basic-input {
    width: 200px;
}

transaction-quick-modal .tcm-basic-input::placeholder {
    font-family: Ubuntu;
    font-size: 14px;
    color: #cccccc;
}

transaction-cancel-modal .tcm-basic-input:focus {
    outline: none !important;
}

transaction-cancel-modal button.btn-pink-red,
transaction-cancel-modal button.btn-blue {
    margin: 44px 0 0 50%;
    width: 215px;
    height: 36px;
}

transaction-cancel-modal button.btn-pink-red {
    background-color: var(--pink-red) !important;
}

transaction-cancel-modal button.btn-pink-red span,
transaction-cancel-modal button.btn-blue span {
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
}

.margin-top-14 {
    margin-top: 14px;
}

transaction-cancel-modal select.tcm-basic-input,
transaction-confirm-modal select.tcm-basic-input {
    background: url(../images/arrow.png) no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
    padding-left: 10px;
    color: #333333;
    padding-right: 30px;
}

transaction-cancel-modal modal .custom-close-header,
transaction-confirm-modal modal .custom-close-header {
    min-width: 640px;
}

transaction-quick-modal modal .custom-close-header {
    min-width: 480px;
    min-height: 220px;
    border-radius: 10px;
    border: solid 1px var(--white-seven);
}

transaction-quick-modal button.btn-basic {
    margin-top: 44px;
    width: 200px;
    height: 36px;
}

transaction-quick-modal button.btn-blue,
transaction-confirm-modal button.btn-blue {
    background-color: var(--aqua-blue);
}

transaction-quick-modal button.btn-blue span,
transaction-confirm-modal button.btn-blue span,
transaction-confirm-modal button.btn-green span {
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
}

transaction-confirm-modal .error-msg,
transaction-quick-modal .error-msg {
    position: absolute;
    left: 50%;
    bottom: -14px;
    top: 40px;
    color: var(--pink-red);
}

transaction-quick-modal button.btn-white {
    border: solid 2px var(--warm-grey-two);
    background-color: #ffffff;
}

.weight-500 {
    font-weight: 500;
}

.width-40pr {
    width: 40%;
}

transaction-quick-modal button.btn-white span {
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 500;
    color: var(--warm-grey-two);
}

transaction-confirm-modal .input-coin,
tab-context .input-coin {
    position: absolute;
    top: 25%;
    right: 10px;
}

transaction-confirm-modal .fee-percentage {
    width: 65px;
    padding-right: 23px;
}

transaction-confirm-modal .fee-number {
    width: 145px;
    padding-right: 40px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-left-half {
    margin-left: 50%;
}

.margin-bottom-11 {
    margin-bottom: 11px;
}

transaction-confirm-modal button.btn-green {
    background-color: var(--greenish-teal);
}

transaction-confirm-modal .tcm-button {
    width: 103px;
}

transaction-confirm-modal .tcm-show-more {
    background-color: var(--white-four);
    width: calc(100% + 60px);
    transform: translateX(-30px);
    padding: 0 30px;
    align-items: initial !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

user-docs-modal #userDocsHeight {
    margin-top: 20px;
}

.panel-group .panel:hover {
    box-shadow: none !important;
}

.error-msg-margin {
    margin: 0 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

transactions-deposit-requests .popover.top,
transactions-withdrawal-requests .popover.top,
transactions-transfer-requests .popover.top,
my-request .popover.top {
    width: auto !important;
}

.block {
    display: block;
}


redirect-to .wrapper {
    position: fixed;
    display: flex;
    justify-content: center;
    padding-top: 200px;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.31) !important;
    top: 0;
    left: 0;
    z-index: 9999;
}

redirect-to .wrapper .msg-box {
    width: auto;
    height: 200px;
    color: whitesmoke;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 0 15px;
    background-color: var(--white);
    border: 1px solid #f0f0f0 !important;
    border-radius: 6px;
}

redirect-to .wrapper .msg-box .msg-text {
    font-family: Ubuntu;
    font-size: 14px;
    color: var(--greyish-brown);
    text-align: center;
    margin-top: 10px;
}

.user-mgmnt-wrapper .userRolesWrapper {
    overflow-y: initial !important;
    height: initial !important;
}

.white-space-nowrap {
    white-space: nowrap;
}

.blue-onclick:active {
    color: var(--aqua-blue);
}


@media screen and (max-height: 800px) {
    .transaction-mgmnt-main-style .modal.fade {
        height: 80%;
    }

    .transaction-mgmnt-main-style .modal-body {
        overflow: auto;
        height: 90%;
    }

    .transaction-mgmnt-main-style .modal-body::-webkit-scrollbar {
        width: 5px;
        background-color: transparent;
    }

    .transaction-mgmnt-main-style .modal-body::-webkit-scrollbar-track {
        width: 5px;
        background-color: transparent;
    }

    .transaction-mgmnt-main-style .modal-body::-webkit-scrollbar-thumb {
        width: 5px;
        border-radius: 10px;
        background-color: var(--light-grey);
    }

}

filters .modal-footer {
    padding: 15px 15px 0 15px;
}

filters #filters-modal.modal {
    padding-bottom: 15px !important;
}

.bigger-action-icon {
    width: 19px !important;
    height: 19px !important;
}

.remove-filter-date-selector {
    position: absolute;
    right: 0;
    top: 50%;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.link-empty-msg {
    text-decoration: underline;
    color: var(--aqua-blue);
    cursor: pointer;
}

trades-buy .trd-select-wrapper,
trades-buy .trd-your-balance,
trades-buy .trd-input-titles,
trades-sell .trd-select-wrapper,
trades-sell .trd-your-balance,
trades-sell .trd-input-titles,
deposit-trade .trd-select-wrapper,
deposit-trade .trd-your-balance,
deposit-trade .trd-input-titles,
buy-crypto .trd-select-wrapper,
buy-crypto .trd-your-balance,
buy-crypto .trd-input-titles {
    margin-bottom: 11px;
}

trades-buy .trd-select-wrapper .trd-select-btn,
trades-sell .trd-select-wrapper .trd-select-btn,
deposit-trade .trd-select-wrapper .trd-select-btn,
buy-crypto .trd-select-wrapper .trd-select-btn {
    width: 215px;
    height: 36px;
    margin-bottom: 0 !important;
}

trades-buy .trd-select-wrapper label,
trades-buy .trd-your-balance label,
trades-sell .trd-select-wrapper label,
trades-sell .trd-your-balance label,
deposit-trade .trd-select-wrapper label,
deposit-trade .trd-your-balance label,
buy-crypto .trd-select-wrapper label,
buy-crypto .trd-your-balance label {
    width: 30%;
}

trades-buy .trd-your-balance div,
trades-buy .trd-fee-wrapper div,
trades-buy .trd-bold,
trades-sell .trd-your-balance div,
trades-sell .trd-fee-wrapper div,
trades-sell .trd-bold,
deposit-trade .trd-your-balance div,
deposit-trade .trd-fee-wrapper div,
deposit-trade .trd-bold,
buy-crypto .trd-your-balance div,
buy-crypto .trd-fee-wrapper div,
buy-crypto .trd-bold {
    font-family: Ubuntu;
    font-size: 14px;
    color: var(--black);
}

trades-buy .trd-basic-label,
deposit-trade .trd-basic-label,
buy-crypto .trd-basic-label,
trades-sell .trd-basic-label {
    font-family: Ubuntu;
    font-size: 14px;
    color: var(--warm-grey);
    margin: 0 !important;
}

trades-buy .trd-wrapper,
buy-crypto .trd-wrapper,
deposit-trade .trd-wrapper,
trades-sell .trd-wrapper {
    margin: 0 15px;
}

trades-buy .trd-hr,
buy-crypto .trd-hr,
deposit-trade .trd-hr,
trades-sell .trd-hr {
    height: 1px;
    background-color: var(--white-six);
    width: 100%;
}

.margin-left-4 {
    margin-left: 4px;
}

trades-buy .trd-per-wrapper,
buy-crypto .trd-per-wrapper,
deposit-trade .trd-per-wrapper,
trades-sell .trd-per-wrapper {
    margin: 0 0 20px 30%;
    width: 215px;
    display: flex;
    justify-content: center;
    font-family: Ubuntu !important;
    color: var(--aqua-blue) !important;
}

trades-buy .trd-input-titles,
buy-crypto .trd-input-titles,
deposit-trade .trd-input-titles,
trades-sell .trd-input-titles {
    margin-top: 25px;
}


trades-buy .trd-input-wrapper,
buy-crypto .trd-input-wrapper,
deposit-trade .trd-input-wrapper,
trades-sell .trd-input-wrapper {
    margin-bottom: 30px;
    align-items: flex-end;
}

trades-buy .trd-input-wrapper input,
trades-sell .trd-input-wrapper input,
buy-crypto .trd-input-wrapper input,
deposit-trade .trd-input-wrapper input,
deposit-trade .wrapper-input select,
deposit-trade .wrapper-input select.form-control:focus,
withdrawal-currency .trd-input-wrapper input {
    width: 215px;
    height: 36px;
    border-radius: 4px;
    border: solid 1px var(--white-six);
    background-color: var(--white-five);
    outline: none;
    padding-right: 40px;
}

withdrawal-currency .trd-input-wrapper input {
    width: 100%;
}

withdrawal-currency .trd-input-wrapper input::placeholder {
    color: var(--black);
    opacity: 0.35;
}

trades-buy .trd-input-wrapper span,
buy-crypto .trd-input-wrapper span,
deposit-trade .trd-input-wrapper span,
trades-sell .trd-input-wrapper span {
    position: absolute;
    right: 12px;
    top: 25%;
}

trades-buy .trd-input-wrapper .trd-input-img,
deposit-trade .trd-input-wrapper .trd-input-img,
buy-crypto .trd-input-wrapper .trd-input-img,
trades-sell .trd-input-wrapper .trd-input-img {
    width: 36px;
    height: 36px;
    margin: 0 8px;
}

trades-buy .trd-fee-wrapper,
buy-crypto .trd-fee-wrapper,
deposit-trade .trd-fee-wrapper,
trades-sell .trd-fee-wrapper {
    margin-bottom: 30px;
}

trades-buy .trd-sum-wrapper,
buy-crypto .trd-sum-wrapper,
deposit-trade .trd-sum-wrapper,
trades-sell .trd-sum-wrapper {
    margin: 30px 0 70px 0;
}

trades-buy .trd-btn,
buy-crypto .trd-btn,
deposit-trade .trd-btn,
trades-sell .trd-btn {
    width: 215px;
    margin-left: 30%;
}

trades-buy .trd-btn button-submit button,
deposit-trade .trd-btn button-submit button,
buy-crypto .trd-btn button-submit button,
trades-sell .trd-btn button-submit button {
    background-color: var(--greenish-teal) !important;
    border-color: var(--greenish-teal) !important;
}

trades-buy .trd-enter-amount,
buy-crypto .trd-enter-amount,
deposit-trade .trd-enter-amount,
trades-sell .trd-enter-amount {
    position: absolute;
    top: 100%;
}

trades-buy .trd-insufficientBalance,
buy-crypto .trd-insufficientBalance,
deposit-trade .trd-insufficientBalance,
trades-sell .trd-insufficientBalance {
    margin-left: 7px;
}

trades-buy .trd-sum-wrapper .icon-information-aml,
buy-crypto .trd-sum-wrapper .icon-information-aml,
deposit-trade .trd-sum-wrapper .icon-information-aml,
trades-sell .trd-sum-wrapper .icon-information-aml {
    color: #cccccc !important;
}

trades-buy button-submit span,
buy-crypto button-submit span,
deposit-trade button-submit span,
trades-sell button-submit span {
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
}

@media only screen and (min-width: 1200px) and (max-width: 1535px) {

    trades-buy .trd-input-wrapper,
    deposit-trade .trd-input-wrapper,
    trades-sell .trd-input-wrapper {
        flex-direction: column;
        align-items: flex-start;
        margin-left: 30%;
        position: relative;
    }

    trades-buy .trd-fee-wrapper div,
    deposit-trade .trd-fee-wrapper div,
    trades-sell .trd-fee-wrapper div {
        margin-left: calc(30% - 20px);
        padding: 0 !important;
    }

    trades-buy .trd-input-titles,
    deposit-trade .trd-input-titles,
    trades-sell .trd-input-titles {
        margin-top: 10px;
    }

    trades-buy .trd-input-wrapper .trd-input-img,
    deposit-trade .trd-input-wrapper .trd-input-img,
    trades-sell .trd-input-wrapper .trd-input-img {
        width: 215px;
        display: flex;
        justify-content: center;
        margin: 0 !important;
    }

    trades-buy .trd-insufficientBalance,
    deposit-trade .trd-insufficientBalance,
    trades-sell .trd-insufficientBalance {
        position: absolute;
        bottom: -9px;
        right: 0;
    }

    trades-buy .trd-your-balance,
    deposit-trade .trd-your-balance,
    trades-sell .trd-your-balance {
        position: relative;
    }

    trades-buy .trd-input-res,
    deposit-trade .trd-input-res,
    trades-sell .trd-input-res {
        margin-bottom: 21px;
    }
}

@media only screen and (max-width: 600px) {

    trades-buy .trd-input-wrapper,
    buy-crypto .trd-input-wrapper,
    deposit-trade .trd-input-wrapper,
    trades-sell .trd-input-wrapper {
        flex-direction: column;
        align-items: flex-end;
        margin-left: 30%;
        position: relative;
    }

    buy-crypto .trd-input-total-fix,
    deposit-trade .trd-input-total-fix {
        align-items: flex-start;
        margin-left: 0;
    }

    trades-buy .trd-fee-wrapper div,
    buy-crypto .trd-fee-wrapper div,
    deposit-trade .trd-fee-wrapper div,
    trades-sell .trd-fee-wrapper div {
        margin-left: calc(30% - 20px);
        padding: 0 !important;
    }

    trades-buy .trd-input-titles,
    buy-crypto .trd-input-titles,
    deposit-trade .trd-input-titles,
    trades-sell .trd-input-titles {
        margin-top: 10px;
    }

    trades-buy .trd-input-wrapper .trd-input-img,
    buy-crypto .trd-input-wrapper .trd-input-img,
    deposit-trade .trd-input-wrapper .trd-input-img,
    trades-sell .trd-input-wrapper .trd-input-img {
        width: 215px;
        display: flex;
        justify-content: center;
        margin: 0 !important;
    }

    trades-buy .trd-insufficientBalance,
    buy-crypto .trd-insufficientBalance,
    deposit-trade .trd-insufficientBalance,
    trades-sell .trd-insufficientBalance {
        position: absolute;
        bottom: -9px;
        right: 0;
    }

    trades-buy .trd-your-balance,
    buy-crypto .trd-your-balance,
    deposit-trade .trd-your-balance,
    trades-sell .trd-your-balance {
        position: relative;
    }

    trades-buy .trd-input-res,
    buy-crypto .trd-input-res,
    deposit-trade .trd-input-res,
    trades-sell .trd-input-res {
        margin-bottom: 21px;
    }

    trades-buy .trd-btn,
    buy-crypto .trd-btn,
    deposit-trade .trd-btn,
    trades-sell .trd-btn {
        margin: 0;
    }

    trades-buy .trd-select-wrapper,
    trades-buy .trd-your-balance,
    buy-crypto .trd-select-wrapper,
    buy-crypto .trd-your-balance,
    deposit-trade .trd-select-wrapper,
    deposit-trade .trd-your-balance,
    trades-sell .trd-select-wrapper,
    trades-sell .trd-your-balance {
        flex-wrap: wrap;
    }

    trades-buy .trd-select-wrapper label,
    trades-buy .trd-your-balance label,
    buy-crypto .trd-select-wrapper label,
    buy-crypto .trd-your-balance label,
    deposit-trade .trd-select-wrapper label,
    deposit-trade .trd-your-balance label,
    trades-sell .trd-select-wrapper label,
    trades-sell .trd-your-balance label {
        width: 100%;
    }

    trades-buy .trd-per-wrapper,
    buy-crypto.trd-per-wrapper,
    deposit-trade.trd-per-wrapper,
    trades-sell .trd-per-wrapper {
        margin-left: 0;
    }
}

.margin-left-50 {
    padding-left: 50px !important;
}

.filterDateRadio {
    position: absolute;
    left: -15px;
}

body .banner-go-deposit {
    font-weight: bold;
}

body .banner-go-deposit span {
    font-family: Ubuntu;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
}

body .banner-go-deposit a {
    text-decoration: none;
}

#mainContainer ._container {
    min-height: calc(100% - 100px);
}

.no-trades-ohlc {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 18px;
    flex-direction: column;
}

#Availbleroles {
    height: calc(100% - 50px);
    overflow-y: auto;
}

.resEmail-back-to-login {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.resEmail-back-to-login label {
    color: var(--aqua-blue) !important;
    cursor: pointer;
}

.pay-msg-wrapper {
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
}

.pay-msg-wrapper .pay-user-msg {
    width: 100%;
    padding: 0 10%;
    min-height: 400;
    border: 1px solid #f0f0f0;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;

}

.pay-msg-wrapper .pay-error {
    margin-top: 10px;
}

.pay-msg-wrapper .pay-action-buttons {
    max-width: 540px;
    width: 100%;
    padding: 10px 40px;
}

.pay-msg-wrapper .pay-action-buttons button {
    width: 40%;
}

.pay-msg-wrapper .pay-tpl-text {
    color: #7F7F7F !important;
}

.pay-error .row {
    margin: 0 !important;
}

.jus-con-end {
    justify-content: flex-end;
}

.red-bg {
    background-color: #ffedf3 !important;
}

.green-bg {
    background-color: #e6fff1 !important;
}

/* HERE */

.dis-none {
    display: none !important;
}

.disabled-dd {
    pointer-events: none !important;
}

.opacity-5 {
    opacity: 0.5 !important;
}

ribbon action-item .dropdown.white-tooltip {
    width: 100%;
    height: 100%;
}

new-pagination .new-pag {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--form-white);
    padding: 5px 0;
}

new-pagination .pag-btn {
    cursor: pointer;
    font-size: 18px;
    color: var(--greyish-brown);
    opacity: 0.7;
}

new-pagination .pag-btn:hover {
    color: var(--aqua-blue);
    opacity: 1;
    transition: all 0.2s linear;
}

new-pagination .sep {
    font-size: 18px;
    color: var(--form-white);
}

.def-select-wrap:after {
    content: '>';
    font: 19px "Consolas", monospace;
    color: #aaa;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%) rotate(90deg);
    position: absolute;
    pointer-events: none;
}

.p-x-15 {
    padding: 0 15px;
}

.modal-backdrop.fade {
    background-color: var(--modal-white);
}


@media (min-width: 768px) and (max-width: 979px) {
    .main-navigation menu-item .title {
        display: none;
    }

    .main-navigation menu-item a {
        padding-left: 7px !important;
    }

    .main-navigation menu-item menu-item {
        display: none;
    }
}


.not-visible {
    visibility: hidden !important;
}

.pagination-container .pagination-prev.disabled,
.pagination-container .pagination-next.disabled {
    display: inline;
}

.jsPanel .foldable-card,
page-maker .foldable-card {
    padding: 10px;
    border-radius: 10px;
    border: 2px #f0f0f0 solid;
    background-color: #fff;
}


.jsPanel .cursor-initial,
page-maker .cursor-initial {
    cursor: initial;
}

.filters-form-style .fm-wrapper,
.filters-form .fm-wrapper {
    overflow-y: initial !important;
    overflow-x: initial !important;
}

.filters-form .m-b-fm {
    margin-bottom: 0;
}

[uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu {
    width: initial;
    z-index: 20000;
    right: initial;
}

[uib-datepicker-popup-wrap] .uib-datepicker-popup.dropdown-menu .btn-group.pull-left {
    top: 0;
}


.pointer-none {
    pointer-events: none;
}


.jsPanel .ltr,
page-maker .ltr {
    direction: ltr;
}

.jsPanel .child-maker-input-wrapper,
page-maker .child-maker-input-wrapper {
    position: relative;
}

.jsPanel .search-icon-cm,
page-maker .search-icon-cm,
page-maker .child-maker-input-wrapper.ltr .search-icon-cm {
    position: absolute;
    top: 50%;
    right: 5;
    left: initial;
    transform: translate(0, -50%);
    width: 18px;
    height: 18px;
    cursor: pointer;

}

.jsPanel .search-icon-input,
page-maker .search-icon-input,
page-maker .child-maker-input-wrapper.ltr .search-icon-input {
    padding-right: 20px;
    padding-left: 12px;

}

.child-maker-input-wrapper.ltr input::placeholder {
    direction: ltr !important;
    text-align: left !important;
}

.rtl .jsPanel .search-icon-input,
.rtl page-maker .search-icon-input {
    padding-right: 12px;
    padding-left: 20px;
}



.rtl .jsPanel .search-icon-cm,
.rtl page-maker .search-icon-cm {
    right: initial;
    left: 5;
}

.over-flow-visible {
    overflow: visible !important;
}

.over-flow-visible .fm-wrapper {
    overflow: visible !important;
}

.over-flow-visible .grid-style-child {
    overflow: visible !important;
}

.form-labels-intial .jsPanel .cp-title,
.form-labels-intial page-maker .cp-title {
    width: initial;
    margin-right: 10px;
}

.rtl .form-labels-intial .jsPanel .cp-title,
.rtl .form-labels-intial page-maker .cp-title {
    margin-right: 0;
    margin-left: 10px;
}

.rtl .glyphicon-chevron-left:before {
    content: "\e080";
}

.rtl .glyphicon-chevron-right:before {
    content: "\e079";
}


.jsPanel select.fm-base-input,
page-maker select.fm-base-input {
    padding-left: 7px;
    padding-right: 25px;
}

.rtl .jsPanel select.fm-base-input,
.rtl page-maker select.fm-base-input {
    padding-right: 7px;
    padding-left: 25px;
}

.jsPanel .pos-inital,
page-maker .pos-inital {
    position: initial !important;
}

.rtl :-moz-placeholder {
    text-align: right;
}

.rtl :-ms-input-placeholder {
    text-align: right;
}

.rtl ::-webkit-input-placeholder {
    text-align: right;
}


.pme-debug-class .ag-header-cell,
.pme-debug-class .ag-header-group-cell,
.pme-debug-class .ag-cell {
    border: 1px solid red;
}

.flex-1 {
    flex: 1;
}

.rtl form-maker .fm-btn-wrapper .btn {
    margin-right: 10px;
}


body:not(.rtl) form-maker .fm-btn-wrapper .btn {
    margin-left: 10px;
}

[ag-grid-maker-wrapper] .ag-header-cell,
[ag-grid-maker-wrapper] .ag-header-group-cell,
[ag-grid-maker-wrapper] .ag-cell,
ag-grid-maker-wrapper .ag-header-cell,
ag-grid-maker-wrapper .ag-header-group-cell,
ag-grid-maker-wrapper .ag-cell {
    border-right: 1px solid #D9DDDF;
}

.ml-5 {
    margin-left: 5;
}


[panel] .border_pm_panel .border-label,
panel .border_pm_panel .border-label {
    border-right: 2px #f0f0f0 solid;
    border-left: 2px #f0f0f0 solid;
    padding: 0 3px 0 4px;
    height: 16px;
}

[ag-grid-maker-wrapper] .ag_grid_a,
ag-grid-maker-wrapper .ag_grid_a {
    text-decoration: underline;
    color: #337ab7;
}

.jsPanel {
    z-index: 20000 !important;
}

.jsPanel .jsPanel-titlebar,
.jsPanel .jsPanel-title {
    font-size: 18px;
}

.jsPanel .jsPanel-hdr-toolbar,
.jsPanel .jsPanel-ftr {
    font-size: 16px;
}

.jsPanel .jsPanel-content {
    position: initial;
    font-size: 16px;
    padding: 5px 10px;
}

.select2-search,
.select2-drop {
    z-index: 20002 !important;
}


.jsPanel .dir-auto,
page-maker .dir-auto {
    unicode-bidi: plaintext;
}

.jsPanel .dir-rtl,
.jsPanel .dir-right,
page-maker .dir-rtl,
page-maker .dir-right {
    direction: rtl;
}

.jsPanel .dir-ltr,
.jsPanel .dir-left,
page-maker .dir-ltr,
page-maker .dir-left {
    direction: ltr;
}

.jsPanel .ag-grid-icon-pme,
page-maker .ag-grid-icon-pme {
    width: 28px;
    height: 28px;
    fill: white;
}

.jsPanel .ag-grid-disable-download,
page-maker .ag-grid-disable-download {
    pointer-events: none;
}

.jsPanel .ag-grid-infi-active,
page-maker .ag-grid-infi-active {
    fill: var(--main);
}

.jsPanel .ag-paging-page-size.events-none .ag-wrapper,
page-maker .ag-paging-page-size.events-none .ag-wrapper {
    background: lightgray;
}

.jsPanel .ag-pagi-wrapper>*,
page-maker .ag-pagi-wrapper>* {
    margin: 0 var(--ag-cell-horizontal-padding);
}

.jsPanel .ag-pagi-wrapper>.ag-paging-page-size .ag-wrapper,
page-maker .ag-pagi-wrapper>.ag-paging-page-size .ag-wrapper {
    min-width: calc(var(--ag-grid-size)* 10);
}

.jsPanel .ag-grid-unlimit-btn:focus,
.jsPanel .ag-grid-unlimit-btn,
page-maker .ag-grid-unlimit-btn:focus,
page-maker .ag-grid-unlimit-btn {
    position: relative;
    font-family: "Open Sans";
    text-decoration: none;
    font-size: 25px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    height: 20px;
    bottom: 2px;
    box-shadow: 0px 3px 0px #c4c4c4;
    text-shadow: 1px 1px 1px #fff;
    transition: All 250ms ease;
}

.jsPanel .ag-grid-unlimit-btn:hover,
page-maker .ag-grid-unlimit-btn:hover {
    filter: brightness(0.92);
}

.jsPanel .ag-grid-unlimit-btn.events-none:focus,
.jsPanel .ag-grid-unlimit-btn.events-none,
.jsPanel .ag-grid-unlimit-btn:active,
page-maker .ag-grid-unlimit-btn.events-none:focus,
page-maker .ag-grid-unlimit-btn.events-none,
page-maker .ag-grid-unlimit-btn:active {
    bottom: 0;
    filter: brightness(0.86);
    box-shadow: none !important;
}

.jsPanel .ag-grid-unlimit-btn svg,
page-maker .ag-grid-unlimit-btn svg {
    width: 18px;
    height: 18px;
    fill: white;
}

.jsPanel .ag-grid-export-btn,
page-maker .ag-grid-export-btn {
    height: 38px;
    width: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
}

.jsPanel .ag-grid-export-btn:hover,
page-maker .ag-grid-export-btn:hover {
    filter: brightness(0.86);
}

.jsPanel .ag-grid-export-btn:focus,
page-maker .ag-grid-export-btn:focus {
    box-shadow: 0 0 2px 1px var(--main);
}

.jsPanel .ag-grid-export-btn.ag-grid-disable-download,
page-maker .ag-grid-export-btn.ag-grid-disable-download {
    opacity: 0.5;
    cursor: not-allowed !important;
}

.jsPanel-controlbar {
    align-self: center !important;
}

.jsPanel-headerbar .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span:not(.material-icons),
.jsPanel-headerbar .jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md svg:not(.svg-inline--fa) {
    width: 20px;
    height: 20px;
}

.jsPanel .pme-link,
page-maker .pme-link {
    text-decoration: underline;
}

.jsPanel .pm-icon-btn,
page-maker .pm-icon-btn {
    font-size: 12px;
    margin-right: 7px;
    margin-left: 0;
}

.pm-svg-btn {
    width: 16px;
    height: 16px;
    fill: white;
}

.rtl .jsPanel .pm-icon-btn,
.rtl page-maker .pm-icon-btn {
    margin-right: 0px;
    margin-left: 7px;
}

.display-none {
    display: none !important;
}

.jsPanel .ag-button-selected,
page-maker .ag-button-selected {
    /* color: #00b6e0 !important; */
    border-bottom: 3px solid #337ab7 !important;
}


.jsPanel input[type=checkbox],
.jsPanel input[type=radio],
page-maker input[type=checkbox],
page-maker input[type=radio] {
    margin: 0;
}


body:not(.rtl) .base-margin {
    margin-left: 5px;
}

.base-margin {
    margin-right: 5px;
}

.validation-label-padding {
    padding-bottom: 28px;
}

.page-maker-def-validation {
    width: 100%;
    font-size: 14px;
    color: var(--white);
    background: var(--red);
    padding: 2px 10px 6px 10px;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.jsPanel .foldable-card.border_pm_panel,
page-maker .foldable-card.border_pm_panel {
    padding-top: 13px;
}

.border_pm_panel {
    margin-top: 5px;

}

ag-date .dropdown-menu,
[ag-date] .dropdown-menu {
    margin: 0 !important;
}

ag-date-between .dropdown-menu,
[ag-date-between] .dropdown-menu {
    margin: 0 !important;
}

/* .fm-main-wrapper {
    height: 100%;
} */

.fm-main-wrapper .fm-disable-mode {
    .select2-container {
        background-color: transparent !important;

        .select2-choice {
            background-color: transparent !important;
            border: none !important;
            font-size: 16px !important;

            &.select2-default {
                display: none !important;
            }

            & .select2-chosen {
                padding: 0;
            }
        }
    }

    input,
    input[disabled],
    .country-dropdown-main {
        border: none;
        background-color: transparent !important;
        color: inherit;
        font-size: 16px;
        padding: 0;
        margin: 0;
        appearance: none;
        outline: none;
        pointer-events: none;
        cursor: default;
        opacity: 1 !important;
        box-shadow: none !important;
        /* Remove any reduced opacity */
    }

    .input-arrow {
        display: none;
    }

    &fieldset[disabled] .form-control {
        opacity: 1 !important;
    }
}

page-maker,
.jsPanel-content {
    [ag-grid-agura] {
        .ag-grid-multi-line-wrapper {
            height: 100%;
            overflow: auto;
            display: flex;
            flex-direction: column;
            justify-content: safe center;
        }
    }

    .ribbon-grid.ribbon-filters-actions .ribbon-grid-lower-wrapper {
        justify-content: initial !important;

        .ribbon-grid-export-wrapper {
            width: 100%;
        }

        .cmk-insert-grid-actions {
            flex: 1;
        }
    }

    .cmk-insert-input {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        z-index: 1000;

        &.cmk-insert-input-ltr {
            right: 5;
        }

        &.cmk-insert-input-rtl {
            left: 5;
        }
    }

    .blue-svg.arrow-up {
        transform: rotate(90deg) !important;
    }

    .blue-svg.arrow-up.arrow-down {
        transform: rotate(-90deg) !important;
    }

    .btn.btn-primary:focus.pme-success-btn,
    .pme-success-btn {
        color: white !important;
        background-color: var(--main) !important;
        border-color: var(--main) !important;
        font-size: 18px;
        border-radius: 20px;
        justify-content: center;

        &:active,
        &:focus,
        &:hover {
            background-color: var(--main) !important;
            border-color: var(--main);
        }
    }

    .page-maker-wrapper {
        position: relative;
    }

    [ag-grid-filters] {
        [ag-select] {
            select {
                width: 100%;
            }
        }
    }

    .pme-not-edit-mode,
    .pme-not-edit-mode-date input {
        appearance: none;
        border: none !important;
        background: none;
        background-color: transparent !important;
        padding: 0 7px;
        margin: 0;
        box-shadow: none;
        resize: none;
        outline: none;
        opacity: 1 !important;
    }

    .pme-not-edit-mode-date {
        .input-group-addon {
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: auto !important;
            background-color: transparent;
            border: none;
        }
    }

    .pme-not-edit-mode-between {
        .pme-date-between-wrapper {
            border: none;
            background-color: transparent !important;

            .input-group-addon {
                background-color: transparent !important;
                padding: 0;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            input {
                background-color: transparent !important;
            }
        }
    }

    .pme-not-edit-mode-doc {
        opacity: 1 !important;
        cursor: not-allowed;
    }

    .btn-primary[disabled]:hover {
        background-color: var(--main);
    }

    .select2-container .select2-choice .select2-arrow:dir(ltr) {
        left: initial;
        right: 0;
    }

    .btn-aml {
        max-width: initial;
    }

    .form-control:dir(ltr),
    .form-control:dir(ltr):focus {
        text-align: initial;
    }

    ag-phone,
    [ag-phone],
    ag-country,
    [ag-country] {

        .child-maker-input-wrapper.ltr,
        .country-dropdown.ltr {
            .input-arrow {
                right: 5px;
                left: initial;
            }
        }
    }

    [ag-select2],
    ag-select2,
    [ag-select],
    ag-select {
        .child-maker-input-wrapper.ltr {
            .input-arrow {
                right: 5px;
                left: initial;
            }

            select.fm-base-input {
                padding-left: 7px;
                padding-right: 25px;
            }
        }

        .child-maker-input-wrapper.rtl {
            .input-arrow {
                right: inital;
                left: 5px;
            }
        }
    }

    .input-pme-disabled {
        opacity: 0.3;
    }

    .panel-group .panel {
        margin-bottom: 0;
    }

    .panel-group {
        margin-bottom: 0;
    }

    .child-maker-input-wrapper {
        .pme-input-text-mode-enable {

            .fm-base-input,
            .country-dropdown-main {
                pointer-events: none !important;
                border: none !important;
                background-color: transparent !important;
                appearance: none !important;
                padding: 0 !important;
                margin: 0;
                outline: none !important;
                cursor: default !important;
                opacity: 1 !important;
                box-shadow: none !important;
            }

            .fa.fa-angle-down.input-arrow {
                display: none;
            }
        }
    }

    .pme-input-no-edit-text {
        min-height: 36px;
        display: flex;
        align-items: center;
        padding: 0px 6px;
        cursor: not-allowed;
    }

    .select2-search-field input {
        transition: none;
    }

    [form-maker] {
        fieldset[disabled] .pme-out-btn {
            background-color: transparent;
        }

        .pme-out-btn {
            color: var(--aqua-blue) !important;
            background-color: transparent;
            border-radius: 4px;
            border: solid 1px var(--aqua-blue);
        }

        .pme-out-btn:active,
        .pme-out-btn:focus {
            background-color: transparent !important;
            border-color: var(--aqua-blue);
        }

        .pme-out-btn:hover {
            border-color: var(--aqua-blue);
        }

        .pme-input-line-design {
            .pme-input-text-mode-enable {
                select {
                    padding: 0 !important;

                }
            }

            .pme-date-between-wrapper {
                border: none;
                border-bottom: 1px solid var(--dark-white);
                border-radius: 0;
                background-color: transparent !important;
            }

            .input-group-addon {
                background-color: transparent;
                border: none;
                border-bottom: 1px solid #ccc;
                border-radius: 0;
                border-top-left-radius: 0px;
                border-top-right-radius: 0px;
                border-bottom-right-radius: 0px;
                border-bottom-left-radius: 0px;
                display: flex;
                align-items: center;
            }

            input.fm-base-input,
            .select2-container.fm-base-input,
            .pme-date-between-wrapper input,
            .child-maker-input-wrapper input,
            .child-maker-input-wrapper .country-dropdown-main,
            select.fm-base-input {
                background-color: transparent !important;
                border: none;
                border-radius: 0 !important;
                border-bottom: 1px solid var(--dark-white);
                padding: 0px 6px;

                &.pm-phone-number {
                    border-bottom: 0;
                }

                .select2-choices {
                    background-color: transparent !important;
                    border: none;
                    box-shadow: none;

                    .select2-search-field input {
                        border-bottom: 0;
                    }
                }
            }

            textarea.fm-base-input {
                background-color: transparent !important;
            }

            select.fm-base-input {
                cursor: pointer;
            }

            .child-maker-input-wrapper .country-dropdown-main:focus-within,
            input.fm-base-input:focus,
            textarea.fm-base-input:focus,
            .pme-date-between-wrapper input:focus,
            .child-maker-input-wrapper input:focus,
            .child-maker-input-wrapper .country-dropdown-main:focus,
            select.fm-base-input:focus {
                border-color: var(--main);
            }

            .page-maker-def-validation {
                background-color: transparent;
                color: var(--red);
                border-top: 1px solid var(--red);
            }
        }


        .pme-no-space-design {
            background-color: var(--white-five);
            border: 1px solid #D9DDDF;
            border-radius: 5px;

            .pme-mf-wrapper {
                padding-bottom: 10px;
            }

            input.fm-base-input,
            .select2-container.fm-base-input,
            .pme-date-between-wrapper input,
            .child-maker-input-wrapper input,
            .child-maker-input-wrapper .country-dropdown-main,
            select.fm-base-input {
                background-color: transparent !important;
                border: none !important;
                border-radius: 0 !important;
                padding: 0px 6px;

                .select2-choice {
                    display: flex !important;
                    align-items: center;
                }

                .select2-choices,
                .select2-choice {
                    background-color: transparent !important;
                    border: none !important;
                    box-shadow: none !important;

                    .select2-search-field input {
                        border-bottom: 0;
                    }

                    .select2-chosen {
                        padding: 0;
                    }
                }

                /* color: var(--main) !important; */
                &.pm-phone-number {
                    border-bottom: 0;
                }
            }

            .ag-prop-editor-wrapper {
                gap: 0 !important;
            }

            [ag-date] .child-maker-input-wrapper:focus-within>.flex-1 {
                background-color: white;
            }

            [ag-date] .child-maker-input-wrapper input,
            [ag-phone] .child-maker-input-wrapper input {
                padding: 0 !important;
            }

            [ag-phone] .child-maker-input-wrapper .country-dropdown-main>.relative {
                width: 35px !important;
            }

            .child-maker-input-wrapper .country-dropdown-main:focus-within,
            .child-maker-input-wrapper>div.flex-1:focus-within,
            input.fm-base-input:focus,
            textarea.fm-base-input:focus,
            .pme-date-between-wrapper input:focus,
            .child-maker-input-wrapper input:focus,
            .child-maker-input-wrapper .country-dropdown-main:focus,
            select.fm-base-input:focus {
                background-color: var(--white) !important;
            }

            .child-maker-input-wrapper .select2-container input:focus {
                background-color: transparent !important;
            }

            .cmk-insert>div,
            .cmk-insert-panel>div:not(:last-child),
            .cmk-insert-container>div,
            .pme-ape-row {
                margin-bottom: 0 !important;
                border-bottom: 2px dotted #D9DDDF;
            }

            .child-maker-input-wrapper {

                &>div.flex-1,
                .pme-ns-input {
                    border-left: 1px solid #D9DDDF !important;
                    box-shadow: -1px 0 3px rgba(0, 0, 0, 0.1) !important;
                }
            }

            [ag-switch] .child-maker-input-wrapper,
            [ag-color-button] .child-maker-input-wrapper,
            [ag-checkbox] .child-maker-input-wrapper {
                .switch {
                    margin-bottom: 0;
                }

                &>div.flex-1,
                .cm-checkbox-wrapper {
                    height: 36px;
                    display: flex;
                    align-items: center;
                    padding: 0 10px;
                }
            }

            [ag-select] .cmk-insert-select>div {
                margin-top: 0px;
                border-top: 2px dotted #D9DDDF;

                .cmk-insert-container>div:not(:last-child) {
                    border-bottom: 2px dotted #D9DDDF;
                }
            }

            [ag-checkbox] .child-maker-input-wrapper .cm-checkbox-wrapper>input {
                width: 16px;
                height: 16px;
            }

            .input-group-addon {
                background-color: transparent !important;
                border: none !important;
                width: 27px !important;
                display: flex;
                align-items: center;
                padding: 0px 6px;
            }

            .fm-btn-wrapper {
                margin: 0px 5px;
            }

            .pme-mf-wrapper:not(.mf-disable-style) {
                .pme-mf-item-wrapper {
                    gap: 0;
                    border-radius: 0px;
                    box-shadow: none;
                    border: 1px solid var(--white-seven);
                    padding: 0px;
                    margin: 0px 10px;
                    background-color: transparent;
                }

                .ms-close-search {
                    margin: 0 5px;
                }

                .pme-mf-title-wrapper {
                    padding: 0 10px;
                }

                .pme-mf-item-wrapper:not(:last-child) {
                    margin-bottom: 20px;
                }

                .pme-mf-item-wrapper {
                    .child-maker-input-wrapper {
                        margin-bottom: 0;
                        border-bottom: 2px dotted #D9DDDF;
                    }
                }
            }

            .cp-title {
                padding: 0px 10px;
                color: black;
            }
        }

        [multi-form] {
            .pme-mf-wrapper {
                padding-bottom: 10px;
            }
        }
    }

    .inline-grid-pme-line {
        display: inline-grid;
        width: 100%;
        grid-template-columns: repeat(11, 1fr);
    }
}


ag-cvv .short-input,
[ag-cvv] .short-input:focus,
[ag-cvv] .short-input:hover,
[ag-cvv] .short-input {
    width: 120px;
}

ag-cvv img,
[ag-cvv] img {
    height: 24px;
}

.pme-ag-grid-select2-editor-wrapper {
    & .select2-container {
        width: 100%;
        border-color: var(--dark-white);
        height: 30px;
        border-radius: 4px;

        & .select2-choice {
            border-radius: 4px !important;
            height: 100% !important;
            padding-top: 0 !important;

            & .select2-chosen {
                padding: 0 2px;
                text-align: initial;
            }

            & .select2-arrow {
                padding-top: 0;

                & b:before {
                    font-size: 12px;
                    padding-right: 0px;
                }
            }
        }
    }
}

.pme-debug-mode {

    [page-maker-card],
    [container],
    [form-maker],
    [panel] {
        border: 2px solid;
    }

    [container] {
        border-color: red;
    }

    [form-maker] {
        border-color: blue;
    }

    [panel] {
        border-color: pink;
    }

    .pme-debug-widget-name {
        display: block;
    }
}

.pme-debug-widget-name {
    position: absolute;
    left: 5;
    top: -21;
    z-index: 200;
    display: none;
}

/*! MYP_SCRIPT: scripts/components/themeforest-5881143/clipone_v1.3/admin/clip-one/assets/plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css*/
/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Boostrap 3 patch for for bootstrap-modal. Include BEFORE bootstrap-modal.css!
 */

body.modal-open, 
.modal-open .navbar-fixed-top, 
.modal-open .navbar-fixed-bottom {
  margin-right: 0;
}

.modal {
  left: 50%;
  bottom: auto;
  right: auto;
  padding: 0;
  width: 500px;
  margin-left: -250px;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
}

.modal.container {
  max-width: none;
}

/*! MYP_SCRIPT: scripts/components/themeforest-5881143/clipone_v1.3/admin/clip-one/assets/plugins/bootstrap-modal/css/bootstrap-modal.css*/
/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.modal-open {
	overflow: hidden;
}


/* add a scroll bar to stop page from jerking around */
.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-top,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable {
	overflow-y: scroll;
}

@media (max-width: 979px) {
	.modal-open.page-overflow .page-container .navbar-fixed-top,
	.modal-open.page-overflow .page-container .navbar-fixed-bottom  {
		overflow-y: visible;
	}
}


.modal-scrollable {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: auto;
}

.modal {
	outline: none;
	position: absolute;
	margin-top: 0;
	top: 50%;
	overflow: visible; /* allow content to popup out (i.e tooltips) */
}

.modal.fade {
	top: -100%;
	-webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;	
	   -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
	     -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
	        transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
}

.modal.fade.in {
	top: 50%;
}

.modal-body {
	max-height: none;
	overflow: visible;
}

.modal.modal-absolute {
	position: absolute;
	z-index: 950;
}

.modal .loading-mask {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 6px;
}

.modal-backdrop.modal-absolute{
	position: absolute;
	z-index: 940;
}

.modal-backdrop, 
.modal-backdrop.fade.in{
	opacity: 0.7;
	filter: alpha(opacity=70);
	background: #fff;
}

.modal.container {
  width: 940px;
  margin-left: -470px;
}

/* Modal Overflow */

.modal-overflow.modal {
	top: 1%;
}

.modal-overflow.modal.fade {
	top: -100%;
}

.modal-overflow.modal.fade.in {
	top: 1%;
}

.modal-overflow .modal-body {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

/* Responsive */

@media (min-width: 1200px) {
	.modal.container {
		width: 1170px;
		margin-left: -585px;
	}
}

@media (max-width: 979px) {
	.modal, 
	.modal.container,
	.modal.modal-overflow 	{
		top: 1%;
		right: 1%;
		left: 1%;
		bottom: auto;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.modal.fade.in, 
	.modal.container.fade.in,
	.modal.modal-overflow.fade.in {
		top: 1%;
		bottom: auto;
	}
	
	.modal-body,
	.modal-overflow .modal-body {
		position: static;
		margin: 0;
		height: auto !important;
		max-height: none !important;
		overflow: visible !important;
	}
	
	.modal-footer,
	.modal-overflow .modal-footer {
		position: static;
	}
}

.loading-spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -12px;
}

/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden*/

.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}


/*! MYP_SCRIPT: scripts/assets/css/ag-grid2.css*/
.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.ag-icon::before {
  content: "";
}
.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
  display: var(--ag-icon-image-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  opacity: 0.9;
  content: "";
}

.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}

.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
}

.ag-icon-aggregation::after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
}

.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}

.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
}

.ag-icon-arrows::after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
}

.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}

.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
}

.ag-icon-asc::after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
}

.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}

.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
}

.ag-icon-cancel::after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
}

.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}

.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
}

.ag-icon-chart::after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
}

.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
}

.ag-icon-checkbox-checked::after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
}

.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
}

.ag-icon-checkbox-indeterminate::after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
}

.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
}

.ag-icon-checkbox-unchecked::after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
}

.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}

.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
}

.ag-icon-color-picker::after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
}

.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}

.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
}

.ag-icon-columns::after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
}

.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}

.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
}

.ag-icon-contracted::after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
}

.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}

.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
}

.ag-icon-copy::after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
}

.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}

.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
}

.ag-icon-cross::after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
}

.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}

.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
}

.ag-icon-csv::after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
}

.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}

.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
}

.ag-icon-cut::after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
}

.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}

.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
}

.ag-icon-desc::after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
}

.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}

.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
}

.ag-icon-excel::after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
}

.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}

.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
}

.ag-icon-expanded::after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
}

.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}

.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
}

.ag-icon-eye-slash::after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
}

.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}

.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
}

.ag-icon-eye::after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
}

.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}

.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
}

.ag-icon-filter::after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
}

.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}

.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
}

.ag-icon-first::after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
}

.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}

.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
}

.ag-icon-grip::after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
}

.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}

.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
}

.ag-icon-group::after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
}

.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}

.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
}

.ag-icon-last::after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
}

.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}

.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
}

.ag-icon-left::after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
}

.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}

.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
}

.ag-icon-linked::after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
}

.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}

.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
}

.ag-icon-loading::after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
}

.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}

.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
}

.ag-icon-maximize::after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
}

.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}

.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
}

.ag-icon-menu::after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
}

.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}

.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
}

.ag-icon-minimize::after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
}

.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}

.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
}

.ag-icon-next::after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
}

.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}

.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
}

.ag-icon-none::after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
}

.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}

.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
}

.ag-icon-not-allowed::after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
}

.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}

.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
}

.ag-icon-paste::after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
}

.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}

.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
}

.ag-icon-pin::after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
}

.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}

.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
}

.ag-icon-pivot::after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
}

.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}

.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
}

.ag-icon-previous::after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
}

.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}

.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
}

.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
}

.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}

.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
}

.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
}

.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}

.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
}

.ag-icon-right::after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
}

.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}

.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
}

.ag-icon-save::after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
}

.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}

.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
}

.ag-icon-small-down::after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
}

.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}

.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
}

.ag-icon-small-left::after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
}

.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}

.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
}

.ag-icon-small-right::after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
}

.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}

.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
}

.ag-icon-small-up::after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
}

.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}

.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
}

.ag-icon-tick::after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
}

.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}

.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
}

.ag-icon-tree-closed::after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
}

.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
}

.ag-icon-tree-indeterminate::after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
}

.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}

.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
}

.ag-icon-tree-open::after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
}

.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}

.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
}

.ag-icon-unlinked::after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
}

.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}

.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
}

.ag-icon-up::after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
}

.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}

.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
}

.ag-icon-down::after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
}

.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}

.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
}

.ag-icon-plus::after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
}

.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}

.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
}

.ag-icon-minus::after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
}

.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}

[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #BBB;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
}

.ag-root-wrapper, .ag-sticky-top, .ag-dnd-ghost {
  background-color: var(--ag-background-color);
}

[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}

ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
  display: block;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-no-transition {
  transition: none !important;
}

.ag-drag-handle {
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper, .ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9B9B9B;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport, .ag-center-cols-viewport {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ag-body-viewport::-webkit-scrollbar, .ag-center-cols-viewport::-webkit-scrollbar {
  display: none;
}

.ag-body-viewport {
  display: flex;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
  overflow-x: auto;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container {
  position: relative;
}

.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}
.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container {
  left: 0;
}
.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container {
  right: 0;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}

.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header, .ag-pinned-left-header, .ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label, .ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
}

.ag-header-cell-label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -4px;
}
.ag-rtl .ag-header-cell-resize {
  left: -4px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -4px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -4px;
}

.ag-header-select-all {
  display: flex;
}

.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header, .ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s;
}

.ag-row-no-animation .ag-row {
  transition: none;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}

.ag-cell-value {
  flex: 1 1 auto;
}

.ag-cell-value, .ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-all;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}

.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-checkbox {
  display: flex;
  overflow: hidden;
  height: 100%;
}

.ag-set-filter-group-icons {
  display: block;
}
.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1 0px;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  position: absolute;
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
  z-index: 9999;
}

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-sticky-top {
  position: absolute;
  display: flex;
  width: 100%;
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ag-sticky-top-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-dialog, .ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-tooltip {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option, .ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part, .ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}

.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.ag-rich-select-field-input {
  flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}

.ag-autocomplete-list-popup {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}

.ag-header-group-cell-no-group.ag-header-span-height .ag-header-cell-resize {
  display: none;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 5px 0px;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

.ag-icon {
  display: block;
  speak: none;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field, .ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
}

.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}

.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.ag-spectrum-hue {
  cursor: default;
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha-background {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-ltr .ag-column-select-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-column-select-indent-1 {
  padding-right: 20px;
}

.ag-ltr .ag-set-filter-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-set-filter-indent-1 {
  padding-right: 20px;
}

.ag-ltr .ag-row-group-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-row-group-indent-1 {
  padding-right: 20px;
}

.ag-ltr .ag-column-select-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-column-select-indent-2 {
  padding-right: 40px;
}

.ag-ltr .ag-set-filter-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-set-filter-indent-2 {
  padding-right: 40px;
}

.ag-ltr .ag-row-group-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-row-group-indent-2 {
  padding-right: 40px;
}

.ag-ltr .ag-column-select-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-column-select-indent-3 {
  padding-right: 60px;
}

.ag-ltr .ag-set-filter-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-set-filter-indent-3 {
  padding-right: 60px;
}

.ag-ltr .ag-row-group-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-row-group-indent-3 {
  padding-right: 60px;
}

.ag-ltr .ag-column-select-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-column-select-indent-4 {
  padding-right: 80px;
}

.ag-ltr .ag-set-filter-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-set-filter-indent-4 {
  padding-right: 80px;
}

.ag-ltr .ag-row-group-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-row-group-indent-4 {
  padding-right: 80px;
}

.ag-ltr .ag-column-select-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-column-select-indent-5 {
  padding-right: 100px;
}

.ag-ltr .ag-set-filter-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-set-filter-indent-5 {
  padding-right: 100px;
}

.ag-ltr .ag-row-group-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-row-group-indent-5 {
  padding-right: 100px;
}

.ag-ltr .ag-column-select-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-column-select-indent-6 {
  padding-right: 120px;
}

.ag-ltr .ag-set-filter-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-set-filter-indent-6 {
  padding-right: 120px;
}

.ag-ltr .ag-row-group-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-row-group-indent-6 {
  padding-right: 120px;
}

.ag-ltr .ag-column-select-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-column-select-indent-7 {
  padding-right: 140px;
}

.ag-ltr .ag-set-filter-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-set-filter-indent-7 {
  padding-right: 140px;
}

.ag-ltr .ag-row-group-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-row-group-indent-7 {
  padding-right: 140px;
}

.ag-ltr .ag-column-select-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-column-select-indent-8 {
  padding-right: 160px;
}

.ag-ltr .ag-set-filter-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-set-filter-indent-8 {
  padding-right: 160px;
}

.ag-ltr .ag-row-group-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-row-group-indent-8 {
  padding-right: 160px;
}

.ag-ltr .ag-column-select-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-column-select-indent-9 {
  padding-right: 180px;
}

.ag-ltr .ag-set-filter-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-set-filter-indent-9 {
  padding-right: 180px;
}

.ag-ltr .ag-row-group-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-row-group-indent-9 {
  padding-right: 180px;
}

.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-sticky-top, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-sticky-top, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-layout-print.ag-body {
  display: block;
  height: unset;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row, .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}
[class^=ag-], [class^=ag-]:focus, [class^=ag-]:after, [class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

[class^=ag-]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}

.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}

.ag-button:hover {
  background-color: transparent;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}

textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}

input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^=ag-][type=range] {
  padding: 0;
}

input[class^=ag-][type=button]:focus, button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item, .ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-virtual-list-item:focus-visible {
  outline: none;
}
.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-select-list-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)));
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}

.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar, .ag-disabled-group-container {
  opacity: 0.5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}

.ag-label {
  white-space: nowrap;
}
.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}

.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}

.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}
.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-display {
  height: var(--ag-icon-size);
}

.ag-color-picker .ag-picker-field-wrapper {
  max-width: 45px;
  min-width: 45px;
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}

.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 1px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}

.ag-spectrum-hue-background {
  border-radius: 2px;
}

.ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}

.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background-color: rgb(248, 248, 248);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height) !important;
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}

.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-rich-select-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

.ag-panel {
  background-color: var(--ag-background-color);
}

.ag-panel-title-bar {
  background-color: var(--ag-header-background-color);
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}

.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-indent-1 {
  padding-left: calc(1 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-1 {
  padding-right: calc(1 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-2 {
  padding-left: calc(2 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-2 {
  padding-right: calc(2 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-3 {
  padding-left: calc(3 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-3 {
  padding-right: calc(3 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-4 {
  padding-left: calc(4 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-4 {
  padding-right: calc(4 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-5 {
  padding-left: calc(5 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-5 {
  padding-right: calc(5 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-6 {
  padding-left: calc(6 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-6 {
  padding-right: calc(6 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-7 {
  padding-left: calc(7 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-7 {
  padding-right: calc(7 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-8 {
  padding-left: calc(8 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-8 {
  padding-right: calc(8 * var(--ag-column-select-indent-size));
}

.ag-ltr .ag-column-select-indent-9 {
  padding-left: calc(9 * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-indent-9 {
  padding-right: calc(9 * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

.ag-column-select-header-icon:focus-visible {
  outline: none;
}
.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}
.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-rtl {
  text-align: right;
}

.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 1);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 1);
}

.ag-ltr .ag-row-group-indent-1 {
  padding-left: calc(1 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-1 {
  padding-right: calc(1 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-1 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-1 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 2);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 2);
}

.ag-ltr .ag-row-group-indent-2 {
  padding-left: calc(2 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-2 {
  padding-right: calc(2 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-2 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-2 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 3);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 3);
}

.ag-ltr .ag-row-group-indent-3 {
  padding-left: calc(3 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-3 {
  padding-right: calc(3 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-3 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-3 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 4);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 4);
}

.ag-ltr .ag-row-group-indent-4 {
  padding-left: calc(4 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-4 {
  padding-right: calc(4 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-4 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-4 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 5);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 5);
}

.ag-ltr .ag-row-group-indent-5 {
  padding-left: calc(5 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-5 {
  padding-right: calc(5 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-5 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-5 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 6);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 6);
}

.ag-ltr .ag-row-group-indent-6 {
  padding-left: calc(6 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-6 {
  padding-right: calc(6 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-6 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-6 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 7);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 7);
}

.ag-ltr .ag-row-group-indent-7 {
  padding-left: calc(7 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-7 {
  padding-right: calc(7 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-7 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-7 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 8);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 8);
}

.ag-ltr .ag-row-group-indent-8 {
  padding-left: calc(8 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-8 {
  padding-right: calc(8 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-8 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-8 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 9);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 9);
}

.ag-ltr .ag-row-group-indent-9 {
  padding-left: calc(9 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-9 {
  padding-right: calc(9 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-9 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-9 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 10);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 10);
}

.ag-ltr .ag-row-group-indent-10 {
  padding-left: calc(10 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-10 {
  padding-right: calc(10 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-10 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-10 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 11);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 11);
}

.ag-ltr .ag-row-group-indent-11 {
  padding-left: calc(11 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-11 {
  padding-right: calc(11 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-11 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-11 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 12);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 12);
}

.ag-ltr .ag-row-group-indent-12 {
  padding-left: calc(12 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-12 {
  padding-right: calc(12 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-12 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-12 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 13);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 13);
}

.ag-ltr .ag-row-group-indent-13 {
  padding-left: calc(13 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-13 {
  padding-right: calc(13 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-13 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-13 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 14);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 14);
}

.ag-ltr .ag-row-group-indent-14 {
  padding-left: calc(14 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-14 {
  padding-right: calc(14 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-14 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-14 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 15);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 15);
}

.ag-ltr .ag-row-group-indent-15 {
  padding-left: calc(15 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-15 {
  padding-right: calc(15 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-15 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-15 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 16);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 16);
}

.ag-ltr .ag-row-group-indent-16 {
  padding-left: calc(16 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-16 {
  padding-right: calc(16 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-16 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-16 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 17);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 17);
}

.ag-ltr .ag-row-group-indent-17 {
  padding-left: calc(17 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-17 {
  padding-right: calc(17 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-17 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-17 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 18);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 18);
}

.ag-ltr .ag-row-group-indent-18 {
  padding-left: calc(18 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-18 {
  padding-right: calc(18 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-18 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-18 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 19);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 19);
}

.ag-ltr .ag-row-group-indent-19 {
  padding-left: calc(19 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-19 {
  padding-right: calc(19 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-19 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-19 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 20);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 20);
}

.ag-ltr .ag-row-group-indent-20 {
  padding-left: calc(20 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-20 {
  padding-right: calc(20 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-20 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-20 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 21);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 21);
}

.ag-ltr .ag-row-group-indent-21 {
  padding-left: calc(21 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-21 {
  padding-right: calc(21 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-21 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-21 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 22);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 22);
}

.ag-ltr .ag-row-group-indent-22 {
  padding-left: calc(22 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-22 {
  padding-right: calc(22 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-22 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-22 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 23);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 23);
}

.ag-ltr .ag-row-group-indent-23 {
  padding-left: calc(23 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-23 {
  padding-right: calc(23 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-23 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-23 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 24);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 24);
}

.ag-ltr .ag-row-group-indent-24 {
  padding-left: calc(24 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-24 {
  padding-right: calc(24 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-24 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-24 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 25);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 25);
}

.ag-ltr .ag-row-group-indent-25 {
  padding-left: calc(25 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-25 {
  padding-right: calc(25 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-25 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-25 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 26);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 26);
}

.ag-ltr .ag-row-group-indent-26 {
  padding-left: calc(26 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-26 {
  padding-right: calc(26 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-26 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-26 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 27);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 27);
}

.ag-ltr .ag-row-group-indent-27 {
  padding-left: calc(27 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-27 {
  padding-right: calc(27 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-27 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-27 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 28);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 28);
}

.ag-ltr .ag-row-group-indent-28 {
  padding-left: calc(28 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-28 {
  padding-right: calc(28 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-28 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-28 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 29);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 29);
}

.ag-ltr .ag-row-group-indent-29 {
  padding-left: calc(29 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-29 {
  padding-right: calc(29 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-29 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-29 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 30);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 30);
}

.ag-ltr .ag-row-group-indent-30 {
  padding-left: calc(30 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-30 {
  padding-right: calc(30 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-30 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-30 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 31);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 31);
}

.ag-ltr .ag-row-group-indent-31 {
  padding-left: calc(31 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-31 {
  padding-right: calc(31 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-31 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-31 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 32);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 32);
}

.ag-ltr .ag-row-group-indent-32 {
  padding-left: calc(32 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-32 {
  padding-right: calc(32 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-32 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-32 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 33);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 33);
}

.ag-ltr .ag-row-group-indent-33 {
  padding-left: calc(33 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-33 {
  padding-right: calc(33 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-33 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-33 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 34);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 34);
}

.ag-ltr .ag-row-group-indent-34 {
  padding-left: calc(34 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-34 {
  padding-right: calc(34 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-34 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-34 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 35);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 35);
}

.ag-ltr .ag-row-group-indent-35 {
  padding-left: calc(35 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-35 {
  padding-right: calc(35 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-35 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-35 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 36);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 36);
}

.ag-ltr .ag-row-group-indent-36 {
  padding-left: calc(36 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-36 {
  padding-right: calc(36 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-36 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-36 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 37);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 37);
}

.ag-ltr .ag-row-group-indent-37 {
  padding-left: calc(37 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-37 {
  padding-right: calc(37 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-37 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-37 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 38);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 38);
}

.ag-ltr .ag-row-group-indent-38 {
  padding-left: calc(38 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-38 {
  padding-right: calc(38 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-38 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-38 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 39);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 39);
}

.ag-ltr .ag-row-group-indent-39 {
  padding-left: calc(39 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-39 {
  padding-right: calc(39 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-39 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-39 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 40);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 40);
}

.ag-ltr .ag-row-group-indent-40 {
  padding-left: calc(40 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-40 {
  padding-right: calc(40 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-40 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-40 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 41);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 41);
}

.ag-ltr .ag-row-group-indent-41 {
  padding-left: calc(41 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-41 {
  padding-right: calc(41 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-41 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-41 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 42);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 42);
}

.ag-ltr .ag-row-group-indent-42 {
  padding-left: calc(42 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-42 {
  padding-right: calc(42 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-42 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-42 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 43);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 43);
}

.ag-ltr .ag-row-group-indent-43 {
  padding-left: calc(43 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-43 {
  padding-right: calc(43 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-43 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-43 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 44);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 44);
}

.ag-ltr .ag-row-group-indent-44 {
  padding-left: calc(44 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-44 {
  padding-right: calc(44 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-44 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-44 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 45);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 45);
}

.ag-ltr .ag-row-group-indent-45 {
  padding-left: calc(45 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-45 {
  padding-right: calc(45 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-45 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-45 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 46);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 46);
}

.ag-ltr .ag-row-group-indent-46 {
  padding-left: calc(46 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-46 {
  padding-right: calc(46 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-46 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-46 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 47);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 47);
}

.ag-ltr .ag-row-group-indent-47 {
  padding-left: calc(47 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-47 {
  padding-right: calc(47 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-47 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-47 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 48);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 48);
}

.ag-ltr .ag-row-group-indent-48 {
  padding-left: calc(48 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-48 {
  padding-right: calc(48 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-48 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-48 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 49);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 49);
}

.ag-ltr .ag-row-group-indent-49 {
  padding-left: calc(49 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-49 {
  padding-right: calc(49 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-49 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-49 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 50);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 50);
}

.ag-ltr .ag-row-group-indent-50 {
  padding-left: calc(50 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-50 {
  padding-right: calc(50 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-50 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-50 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 51);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 51);
}

.ag-ltr .ag-row-group-indent-51 {
  padding-left: calc(51 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-51 {
  padding-right: calc(51 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-51 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-51 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 52);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 52);
}

.ag-ltr .ag-row-group-indent-52 {
  padding-left: calc(52 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-52 {
  padding-right: calc(52 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-52 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-52 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 53);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 53);
}

.ag-ltr .ag-row-group-indent-53 {
  padding-left: calc(53 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-53 {
  padding-right: calc(53 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-53 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-53 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 54);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 54);
}

.ag-ltr .ag-row-group-indent-54 {
  padding-left: calc(54 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-54 {
  padding-right: calc(54 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-54 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-54 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 55);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 55);
}

.ag-ltr .ag-row-group-indent-55 {
  padding-left: calc(55 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-55 {
  padding-right: calc(55 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-55 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-55 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 56);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 56);
}

.ag-ltr .ag-row-group-indent-56 {
  padding-left: calc(56 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-56 {
  padding-right: calc(56 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-56 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-56 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 57);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 57);
}

.ag-ltr .ag-row-group-indent-57 {
  padding-left: calc(57 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-57 {
  padding-right: calc(57 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-57 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-57 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 58);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 58);
}

.ag-ltr .ag-row-group-indent-58 {
  padding-left: calc(58 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-58 {
  padding-right: calc(58 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-58 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-58 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 59);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 59);
}

.ag-ltr .ag-row-group-indent-59 {
  padding-left: calc(59 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-59 {
  padding-right: calc(59 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-59 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-59 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 60);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 60);
}

.ag-ltr .ag-row-group-indent-60 {
  padding-left: calc(60 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-60 {
  padding-right: calc(60 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-60 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-60 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 61);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 61);
}

.ag-ltr .ag-row-group-indent-61 {
  padding-left: calc(61 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-61 {
  padding-right: calc(61 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-61 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-61 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 62);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 62);
}

.ag-ltr .ag-row-group-indent-62 {
  padding-left: calc(62 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-62 {
  padding-right: calc(62 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-62 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-62 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 63);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 63);
}

.ag-ltr .ag-row-group-indent-63 {
  padding-left: calc(63 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-63 {
  padding-right: calc(63 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-63 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-63 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 64);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 64);
}

.ag-ltr .ag-row-group-indent-64 {
  padding-left: calc(64 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-64 {
  padding-right: calc(64 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-64 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-64 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 65);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 65);
}

.ag-ltr .ag-row-group-indent-65 {
  padding-left: calc(65 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-65 {
  padding-right: calc(65 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-65 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-65 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 66);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 66);
}

.ag-ltr .ag-row-group-indent-66 {
  padding-left: calc(66 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-66 {
  padding-right: calc(66 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-66 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-66 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 67);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 67);
}

.ag-ltr .ag-row-group-indent-67 {
  padding-left: calc(67 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-67 {
  padding-right: calc(67 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-67 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-67 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 68);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 68);
}

.ag-ltr .ag-row-group-indent-68 {
  padding-left: calc(68 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-68 {
  padding-right: calc(68 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-68 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-68 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 69);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 69);
}

.ag-ltr .ag-row-group-indent-69 {
  padding-left: calc(69 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-69 {
  padding-right: calc(69 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-69 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-69 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 70);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 70);
}

.ag-ltr .ag-row-group-indent-70 {
  padding-left: calc(70 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-70 {
  padding-right: calc(70 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-70 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-70 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 71);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 71);
}

.ag-ltr .ag-row-group-indent-71 {
  padding-left: calc(71 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-71 {
  padding-right: calc(71 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-71 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-71 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 72);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 72);
}

.ag-ltr .ag-row-group-indent-72 {
  padding-left: calc(72 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-72 {
  padding-right: calc(72 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-72 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-72 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 73);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 73);
}

.ag-ltr .ag-row-group-indent-73 {
  padding-left: calc(73 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-73 {
  padding-right: calc(73 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-73 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-73 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 74);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 74);
}

.ag-ltr .ag-row-group-indent-74 {
  padding-left: calc(74 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-74 {
  padding-right: calc(74 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-74 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-74 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 75);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 75);
}

.ag-ltr .ag-row-group-indent-75 {
  padding-left: calc(75 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-75 {
  padding-right: calc(75 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-75 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-75 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 76);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 76);
}

.ag-ltr .ag-row-group-indent-76 {
  padding-left: calc(76 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-76 {
  padding-right: calc(76 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-76 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-76 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 77);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 77);
}

.ag-ltr .ag-row-group-indent-77 {
  padding-left: calc(77 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-77 {
  padding-right: calc(77 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-77 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-77 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 78);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 78);
}

.ag-ltr .ag-row-group-indent-78 {
  padding-left: calc(78 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-78 {
  padding-right: calc(78 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-78 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-78 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 79);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 79);
}

.ag-ltr .ag-row-group-indent-79 {
  padding-left: calc(79 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-79 {
  padding-right: calc(79 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-79 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-79 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 80);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 80);
}

.ag-ltr .ag-row-group-indent-80 {
  padding-left: calc(80 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-80 {
  padding-right: calc(80 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-80 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-80 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 81);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 81);
}

.ag-ltr .ag-row-group-indent-81 {
  padding-left: calc(81 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-81 {
  padding-right: calc(81 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-81 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-81 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 82);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 82);
}

.ag-ltr .ag-row-group-indent-82 {
  padding-left: calc(82 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-82 {
  padding-right: calc(82 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-82 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-82 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 83);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 83);
}

.ag-ltr .ag-row-group-indent-83 {
  padding-left: calc(83 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-83 {
  padding-right: calc(83 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-83 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-83 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 84);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 84);
}

.ag-ltr .ag-row-group-indent-84 {
  padding-left: calc(84 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-84 {
  padding-right: calc(84 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-84 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-84 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 85);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 85);
}

.ag-ltr .ag-row-group-indent-85 {
  padding-left: calc(85 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-85 {
  padding-right: calc(85 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-85 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-85 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 86);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 86);
}

.ag-ltr .ag-row-group-indent-86 {
  padding-left: calc(86 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-86 {
  padding-right: calc(86 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-86 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-86 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 87);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 87);
}

.ag-ltr .ag-row-group-indent-87 {
  padding-left: calc(87 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-87 {
  padding-right: calc(87 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-87 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-87 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 88);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 88);
}

.ag-ltr .ag-row-group-indent-88 {
  padding-left: calc(88 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-88 {
  padding-right: calc(88 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-88 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-88 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 89);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 89);
}

.ag-ltr .ag-row-group-indent-89 {
  padding-left: calc(89 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-89 {
  padding-right: calc(89 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-89 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-89 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 90);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 90);
}

.ag-ltr .ag-row-group-indent-90 {
  padding-left: calc(90 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-90 {
  padding-right: calc(90 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-90 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-90 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 91);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 91);
}

.ag-ltr .ag-row-group-indent-91 {
  padding-left: calc(91 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-91 {
  padding-right: calc(91 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-91 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-91 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 92);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 92);
}

.ag-ltr .ag-row-group-indent-92 {
  padding-left: calc(92 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-92 {
  padding-right: calc(92 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-92 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-92 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 93);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 93);
}

.ag-ltr .ag-row-group-indent-93 {
  padding-left: calc(93 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-93 {
  padding-right: calc(93 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-93 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-93 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 94);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 94);
}

.ag-ltr .ag-row-group-indent-94 {
  padding-left: calc(94 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-94 {
  padding-right: calc(94 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-94 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-94 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 95);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 95);
}

.ag-ltr .ag-row-group-indent-95 {
  padding-left: calc(95 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-95 {
  padding-right: calc(95 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-95 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-95 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 96);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 96);
}

.ag-ltr .ag-row-group-indent-96 {
  padding-left: calc(96 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-96 {
  padding-right: calc(96 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-96 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-96 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 97);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 97);
}

.ag-ltr .ag-row-group-indent-97 {
  padding-left: calc(97 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-97 {
  padding-right: calc(97 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-97 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-97 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 98);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 98);
}

.ag-ltr .ag-row-group-indent-98 {
  padding-left: calc(98 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-98 {
  padding-right: calc(98 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-98 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-98 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 99);
}
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 {
  padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 99);
}

.ag-ltr .ag-row-group-indent-99 {
  padding-left: calc(99 * var(--ag-row-group-indent-size));
}
.ag-rtl .ag-row-group-indent-99 {
  padding-right: calc(99 * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-level-99 .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-level-99 .ag-pivot-leaf-group {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: transparent;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-background-color);
  color: var(--ag-data-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-row-highlight-above::after, .ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
}

.ag-row-highlight-above::after {
  top: -1px;
}

.ag-row-highlight-above.ag-row-first::after {
  top: 0;
}

.ag-row-highlight-below::after {
  bottom: 0px;
}

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.ag-row-hover.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)));
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}

.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-viewport, .ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}

.ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 30px;
}

.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle, .ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-fill-handle, .ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-rtl .ag-fill-handle, .ag-rtl .ag-range-handle {
  left: -1px;
}

.ag-fill-handle {
  cursor: cell;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  padding: 0;
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-menu-option-active, .ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part, .ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}

.ag-menu-option-disabled, .ag-compact-menu-option-disabled {
  opacity: 0.5;
}

.ag-menu-option-icon, .ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}
.ag-ltr .ag-menu-option-icon, .ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon, .ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-menu-option-text, .ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut, .ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut, .ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-menu-option-popup-pointer, .ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-popup-pointer, .ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}

.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-tabs-header {
  display: flex;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ag-tab:focus-visible {
  outline: none;
}
.ag-tab:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list, .ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter-item {
  padding: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-ltr .ag-set-filter-indent-1 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 1 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-1 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 1 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-2 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 2 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-2 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 2 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-3 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 3 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-3 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 3 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-4 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 4 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-4 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 4 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-5 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 5 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-5 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 5 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-6 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 6 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-6 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 6 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-7 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 7 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-7 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 7 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-8 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 8 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-8 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 8 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-indent-9 {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + 9 * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-indent-9 {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + 9 * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}
.ag-filter-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-simple-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}
.ag-multi-filter-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
  box-shadow: none;
}

.ag-side-button-button:focus-visible {
  outline: none;
}
.ag-side-button-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}

.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}
.ag-filter-toolpanel-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: var(--ag-icon-font-code-filter, "\f115");
  position: absolute;
}
.ag-ltr .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  padding-right: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 1 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 1 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 2 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 2 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 3 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 3 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 4 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 4 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 5 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 5 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 6 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 6 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 7 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 7 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 8 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 8 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 9 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 9 + var(--ag-grid-size));
}

.ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 10 + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 10 + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header {
  padding-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-column-select-header:focus-visible {
  outline: none;
}
.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-header, .ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
  margin-right: var(--ag-grid-size);
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell:focus-visible {
  outline: none;
}
.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-group-cell:focus-visible {
  outline: none;
}
.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}
.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}

.ag-header-cell-resize {
  display: flex;
  align-items: center;
}

.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

.ag-paging-button:focus-visible {
  outline: none;
}
.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-paging-button, .ag-paging-description {
  margin: 0 var(--ag-grid-size);
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}

.ag-column-drop-cell:focus-visible {
  outline: none;
}
.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: 0.5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}
.ag-select-agg-func-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.ag-chart-title-edit {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  text-align: center;
}

.ag-chart-title-edit.currently-editing {
  display: inline-block;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
}

.ag-charts-canvas {
  display: block;
}

.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  width: 0;
  min-width: 0;
  transition: min-width 0.4s;
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  max-width: 0;
  overflow: hidden;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}

.ag-chart-data-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-data-section,
.ag-chart-format-section {
  display: flex;
  margin: 0;
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.ag-chart .ag-chart-menu {
  display: none;
}

.ag-chart-menu-hidden:hover .ag-chart-menu {
  display: block;
}

.ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}

.ag-chart-menu-close {
  display: none;
}

.ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  position: absolute;
  top: 50%;
  transition: transform 0.33s ease-in-out;
  padding: 0;
  display: block;
  cursor: pointer;
  border: none;
}
.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  right: 0px;
}
.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  left: 0px;
}
.ag-chart-tool-panel-button-enable .ag-chart-menu-close .ag-icon {
  padding: 14px 5px 14px 2px;
}
.ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  content: "";
  position: absolute;
  top: -40px;
  bottom: -40px;
}
.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  right: 0px;
}
.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  left: 0px;
}
.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  left: -10px;
}
.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before {
  right: -10px;
}
.ag-chart-tool-panel-button-enable .ag-icon-menu {
  display: none;
}

.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  transform: translate(3px, -50%);
}
.ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(0, -50%);
}
.ag-ltr .ag-chart-menu-visible .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(5px, -50%);
}

.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close {
  transform: translate(-3px, -50%);
}
.ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(0, -50%);
}
.ag-rtl .ag-chart-menu-visible .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover {
  transform: translate(-5px, -50%);
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
  margin: 5px;
}
.ag-chart-mini-thumbnail:nth-last-child(3), .ag-chart-mini-thumbnail:nth-last-child(3) ~ .ag-chart-mini-thumbnail {
  margin-left: auto;
  margin-right: auto;
}
.ag-ltr .ag-chart-mini-thumbnail:first-child {
  margin-left: 0;
}
.ag-rtl .ag-chart-mini-thumbnail:first-child {
  margin-right: 0;
}
.ag-ltr .ag-chart-mini-thumbnail:last-child {
  margin-right: 0;
}
.ag-rtl .ag-chart-mini-thumbnail:last-child {
  margin-left: 0;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) {
  height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-charts-format-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
  padding: var(--ag-grid-size);
}

.ag-charts-format-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-group-container.ag-group-container-horizontal {
  padding: var(--ag-grid-size);
}

.ag-chart-data-section,
.ag-chart-format-section {
  display: flex;
  margin: 0;
}

.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}
.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.ag-advanced-filter-apply-button, .ag-advanced-filter-builder-button {
  line-height: normal;
  white-space: nowrap;
}
.ag-ltr .ag-advanced-filter-apply-button, .ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-apply-button, .ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}

.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-pill:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-item-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}

.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}

.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper input, .ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  color: var(--ag-checkbox-unchecked-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input, .ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]:focus {
  outline: none;
}
input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}

/*! MYP_SCRIPT: scripts/assets/css/ag-theme-apline.css*/
@font-face {
  font-family: "agGridAlpine";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABJMAAsAAAAAJ2gAABH6AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIkuBmAAi2IKqHChZAE2AiQDgjgLgR4ABCAFhEYHhSsbdiJVBDYOACLTEY6iYlKT/X+ZwI0haA36haWqYY3jUQSHssmQ1B5DWD2xfUYY62za82EdttE3VX1D1AmuyQLG/8YOXURcNpSSoH4/dO+9IBuVSGB2AKwjMxEmVbbCV8gK+11d/3cu/G3SHhGmDEdvEgjVZsyknJ5Rm9RZScGLZCdLdg6YsvvPbUCwBIFDdmO3dhtehCMgw/xXVLQ3PG3zH56VWA0WYhGpu7PxSy0OIxojuUUFuApcxq2iP3auAQ0o1G/OrKr/hwNI2t2Fy+6Hz8ddW0m960geWUkfdAwdgUfgEXQR8H9zpWWSV0J5Qre6Tk8ms7v5O8kBT3NEuZRyOUoB2QIp4t3LvfYAqICqtVXAEkj4GtNXoeps3VGlh9KzAtjbZpxOhR5PQcuxuQweXubMD452gwsRIwaIGKYpBspt3vVHAFW2NPTE1MKG9NX+0406zDswQFQ2rs5P90VX8XBKSIje4ZIJaX13/fQv0vEUh5JV9sgZuTFfzZ9LhpCorjVKAue3jCfgECKJTEFj8bPpZSoNkjW6RM2rYqTmgVAFxpOE2szmTiayCE/Hoi5bQCS+Ky7ZxT/cqUzqnVPMMCQckwiLa9tSFMScCFwaA6EtI+dFOUKkbR6BJ4fh0AkMRUgZ51e2Ag93NN/KuQKXpK4XCXi+SMkyoyuhoNcZZJrejJ2YrGFZSKDYwCQ6y5ihc/1FZSIXYeR0V827MIFD1IPb6Co0lDQkueO5lQRfnbrmJK13XSwno56uAxXLt5c1CC5Ea9HZvQ6E5jDiTJBUF/jsjylPPPdVmyEKVSGizCS04PRtMscwB4/KK7oG0bp75gIPK6uwklQ1Jkk2zVyeKzSgXsBLiKMX8Qi9RNUTF1E1C/gUGoztctLNwLCkieCJUrY5jUaTBPJSPknbr3qWgazNDIurm9praiXWqCg4DXBI6khrxpM14iAkJqZ022hWlDV6SLoEa6yraU3SEkU4JMMpV4LOcn+JEqNHK9crApq2Jhy9PI1VtRelMGqhIrTQXsza5jiGsag10vMwwhrSBpiayoKRZnq2RPkAm03VDCF9ehqrqNROyehiWlamfN65lDQyKlDR2HqdwePbVHsucPqJtbwgfaTLgK/gzcdftNACCZN5HVo5mTzyl3/BQxrAXkk4ZvxaDrkNSKrOQDtQAlJTek7UQKHaDonLpsH+A/oWRcNW3vnqV8H/+4cOz3zwvaAEq8dC0tc3jXFgmMo23drpZchNI7EYqGI5xBgQ0BKV4+SKQkMwBjtra1RMXEJSSlpGVk5ewbTasoqqGnemoamlraOrp29gaGRsYmpmbmFptfxB3Oja2tlDsg6OIMp4s3hSTZ3jiMe9sE0+WCPTA3KT//9DYiAcdGIXUboGkP8wdwXo2DQ3CeyvEzjYOHC4YeBoU8DxeoCTLQCn6wLONgqcrw+43BhwtRHgetPAzQaA2/UDd5sFHtYNPG4IeFov8LwZ4GXzwOsGgbdNAO+bAz7eIiioBGgCRIAJGAKWIEIQJYgRxAkSBEmCFEGaIEOQJcgR5AkKBEWCEkGZoEJQJagR1AkaBE2CFkGboEPQJegR9AkGBEOCEcGYYEIwJZgRzAkWBEuCFcGaYEOw5epuR+L2BAeCI58MCnLdhiNqeMwCcrC0q+MX4Bso/Q1UbPLS4tMhETPSUtpXESxocPSnvpAIJIW4GGmaMsmFHQlFJN8KPmHteplJn8/jTCQJGLNrfMUtQxUeavQFKj3JSnd81fY5y8TYNHQ0rvY1q0OZKjGqvkqnjM8TkD0lIT4Q2Ao+VpTElByILp41HY5meJmA3+f1zZBEA7oFuF2u9OGq9rQrhZzntwAoASIUOBPbCN3N+ME6Smp5JyWsnvLIsLZafqmaphh3YTdNpJOKTkyFqNQKMbgTojH7N9gSZSTOWYLyGFGwBzEMUAa7kFKhv7kCUq++xZXG++vQr117dybNaYZ+XmVzEIYUX4V/dQeOp6M0mWrklGZrJqZfAL4a36G2trxSCXpD7ciFmzYx2H2YkkrWwkQR9C/Ag70iPWSpX7Go6sSrfUMtglfcn9HjnKSTLJPmSp7Zcvsb+DK4hp54K4Jn/CItSiWMWzrV4sQE0semyuU+qA1fvo+NuxeBrJ6Xy1NIvwL0ThrnZxUKRo6qF+4gfWn+mROqL5Vy2DgPtfKYPDZ1Sbt8fsmjk6WrHOfL+gSQy0lLRqXcvxinvBCGubU5FYxks+lKXmayfAtjaX8633/+prS3zHotSzVN3bah9isjk1eB0ErNcbCxpUO/c0G9eNe4f1m7dO+A/sUw1WjfMrSp0Dd1o0aJE/c6EhZNZRoay1nNjNo4NiZnUB5uEVdhDbCc0FytlRF9TGZVq30E6VNQO5zOxAjdH6+jTrWaTaWaK+buyO64iUzbZnL4ukPvmOutzsIGj5sE1zm7jsXuN6FwNXW4Xbn6ccM5MNMkSjGdDsltqNksxuSORKrNXdRfqxBA3AyGDlCQgPw443FC09iFOIKYbrbkkBhZAQLsAkHY4AqBAUfjQBwQg6w2SmIDAVuuc4HHk6kEE5u0559xRlIJPsz69AzSPlNZFwLY+PjUevIBwVe1CIWQGw8F48EoS3QJUDywAR7BwTi0yxGYG4PHT4MV0YXgcyxSrF6Cm+imC7YsEK3Om8+cZiTCKSWsjvIeGJfUjlxHVB5JPrJTul2beWgBNdMSCur7pH+YjfqBR6hlgjGpTuhT2vm9QS8GIsQZFi74L8LlP2//zvvWnd81Hk4tv7D8zlYi5WYMrr6wfTEjtftHaorSDPJq8wufVPj8vO6FM7mUw7nw+Cym3LSsOX8l9Jjm5n+ybtn23L+T+x1n2/+ZQY/Fb3+f55SoUu/XLUvgm5rxxC5bL9uMSuPNPY7UvOS8pp6fd0hdgClmzscU1/UvswmGuAvguX3ftnaOoM0A81cI4NPdgVtPFmRBFtwi7oxuBn5uN0zDN17c32mka7Yeu46780wA4nN8+vib8UgIBPdjD2obSDUlU12ZdFMmlcnQE2neJo07TfqYeNoiFgK95ubYewcuL00QxcfoGxM8POO165+XUaDr7MQp5Uv18AIvuAe+KAUQQNaJtCmQYBDg2v/9f+ijXnbtgLY5YHkfNxB97z+Lj6zaG+7n832c13OS6/wJQasizi8EONCv1GjG0fH/NS0iqgGuEZvkGdw0NjuNm/HTKCdPY2dwf8bQTtm2aaNgG1Gbwm4Ax2wTjI7ho9gYVluL1WGAs0Fj6OL/0uVkvPR34e1xJxtaW4vF9+7u3y+WpCsrqX4VfvKYBsM+VNCu8lTHoO3Grl3KrCwtrWkh99Sze3fvHZ925MiqNpk9CUQBkj3avgrQn4/JGfKzinrE4bVbl7pCYFvlz+1QzpfRFgIqdPUHGZAEqGBAMfMRCZAFJEAKMkkCMpBD5SPBI9DPSkgMD08sbsGBIwQhAS0C7Jf/5+fWlM+LPEnwzvemeed5szcja9TS088df9XWLyO81vcJNf9IKN/11nj1nJdW5vm0sZ2R1qTbNZClbbAX0WCH2BBSzTCzPU13u5TrFh9vP9t0+xVTeztrG2fThwNEo1XBxoKKdmOLOKLprvAgew8IsPppQ1Ro11nvNCnkS364EE0Mkg6F29jsu0tsDl7le4mC2/kC6wajWpGhjh3zlV3ZFrMLLXb0JwH6hjur5OCoMWv2Vfa7WU9fhYVSGDIaXZbnEBk97/Y0GQMOzaxPrfJOdmPEhTz0QEZjeDnvEjo8aGapHrAuqljNFyGCd520TuJqdPKDY8eY2s4g+ypgWgzY0Fq5M4/v5b2E+tiiVSWxNoiZBWk4OBFJ3PECva1vFmhsIRKXzKq/upG4ys7KjhU/O66BtURH38zNjAgqcE7Hc7u+vufHdu9jXCCQ+aTHqSKqGp2kFF92RMrNJ3huCr04DqgiqxocpXyeUJyTof84YibNPjQjay47ZkYMWb2DRY2hUKKpLEO99DrGrMipAGUIBGI+OckuNFOhcBWA7ARBD7rJSljj3Iws+9D8S/J/O0qrGlURR8vcjuJ0qnOU8harfLUho0TLQgbYp6qc2XwJT5hC5PgM+GNX7Gz+8BEMMa9dlb2lNZqH/egACob00hiMKxAMuaQId0WH4zOYxhVQjRzmwhwcoSOKsxiCdRaMjSoO2mO1CBdRjJ7C2cQM0HOqRHvdvDiT6DKu0ag7D9RfZbVgTz/Z4RT5gPQAL53DSas0CvCEqsinHMhqigSV1O6fZYAo3yz+6XIHwEHEFC31HBrKK7vvNlJeYghTxDwtjEupEuPb2AmxjOeZqgdn4bq6hC8EQlgYgfBF75XlJyDxs7PPgP6CJ4flmBzZHA/LAXzW3Z994u1VGmA7y79l0ptezeWA3849vvjtZOqi41oZ3bp6ZVeyn4gqFFJFfsm8fPLuly8dyPkiS6J5STUB2oLiY68np0/ePk4CJNVGjAk00RZLyEtIPPvMzhgViu3CUDAdW7dO34EvWXFPqSnKylh7KAR2ee/sLDz7Mzo6P0dH286DL71btGnTr1/479WBa05hgypVaiXR0N6+JttGr8pi46aqDUbf39r2vnoFaJbqikgKJVIPcpKgR/RCxWETUPwONozzOF06nfruDKJ+5/BjCzMiw72n6aLp1vsoOgvFl1b4UKKjfOXVS/HTO4Ti23qYNuvfGLCdo/UUsxuvgP+0sTnwCFNYow3SGhHkcpOikZC7dmetEzvWKuZcVVQIZs8BR3tbRlSmnpy8u441eSleCZ7Ll3smeKU8NkrM8uX3oVO8Hksc62YvLE1hJzKZieyUj4Xq5InMFPbHWEXQ3xlZGR5euZSI0UvDfy5itJwc14gw9XeZpSdkgN+ah6c6p4QTyAluJ0yHwW+lqVhZgHIa2keYAtHv+N8iSesKHYaHw8P5PBeXsDCAh8nT5KD3qF3GKjlGSgO3bvUiEyN2pPIxH84M4Q2ZT/HZnzJrlr6geN7cLYKCUF5/64b7u/B+mcwVrUxLjYk5cIBx4SIwfuWoRLYe8Ljq6q3IAZQVhHkaNvrqlbOGarcaQ4Fizr9/U3NGgLdA6oL8/43LB+qcBgByOB8Im2BJo6aiXA/lIPgXLxNPBBF5rvuasJaLAPB/AiqDOpz9dro/6VoOWx5phU5rIBUTPpy6JH9WKrPVLdZ1x1X/Qa2QBqFFK+YRn08HJqZjeQ/4A5m3KTGX1FlWQE0Ix7SCqq0MWQQVEwZpqdDs4IYCqywv73dbli1FONKxsjYsLhM7lsm2Tv0bblmdbhYyqG8EaQCIJINfV+eyfHdIFVMQEO+knaImZWUT45YpE5yOlyT4y2/+fJ+G4cQdE8m8qaHK3Q74z0BaA7jr0FAgEUtAb0WAHEqWuMo9nvMme2GrJvsItgKSSG9pGKtW6YAllaDpfs8muwQVwf3u+Qc8eP6d7CX7Bz48/09GWODPhi2NJFN+Eu/ehOgJv2FZByPnKziv8gsleabs8fBwqXufkFCMostOtyw15ZNqkRXCVfaRaXUoBM6i8AtaPZxV4/PxWLg9PliuWkbpE+E5bwSRR9A3uDp3tcAQhdVy2C+4hMTbxkjm0cGDousnHOAyQNE6mZPbzpg0Sk/UZ4VsowhWhfSjVqwIwQd+o1GuvEDWlQ/OOZTo2dHfWKEqH1gt1qnEmeHH677R0IEu9KAPAxjC6E9D7l8L/D8ORsZlLl8olsqVaq3eaLbanW6vPxiOxpPpbL5Yrtab7W5/OBKOF0RJVlRNN0zLdlzPD8LT+XK9rfvcqjZlKVga9Ux9I8KX1DHJ9q0hi6Fnz0Z0OXq0rye+5ocMdPuzJjw5VJTKk1FcX0qsSck4tRxY8uhPfGVwB+uK0tgyqRir6LqW461nhVPq2NR0bK1dh8n28Fq0MJzYaLQ7dSO8YZ6CSedOmNUvfChQ6KWiJO2W4mPvZHEdu4mCQouF9oOnkls6CGycp3JYmauv/B27FVI9rCkRWkp41S4x4YRYcxMCX9D1ooYWYid66kXfsA6jYOO5Tku50evh/FSrMuVcFIuzmqgnvjxrN5kGx6l6n5s7vtARV0mcwGcRh69cjUHvzEnWKoiGpKPzkhyRhjW1RdONoU69JDRPBQyUIICg4IGB4AIJLAQ4wyuc4Aq5gwpqiHCDBgq4twAAAA==);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-alpine, .ag-theme-alpine-dark, .ag-theme-alpine-auto-dark {
  --ag-alpine-active-color: #2196f3;
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
  --ag-row-hover-color: rgba(33, 150, 243, 0.1);
  --ag-column-hover-color: rgba(33, 150, 243, 0.1);
  --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);
  --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);
  --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);
  --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);
  --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: #babfc7;
  --ag-secondary-border-color: #dde2eb;
  --ag-header-background-color: #f8f8f8;
  --ag-tooltip-background-color: #f8f8f8;
  --ag-odd-row-background-color: #fcfcfc;
  --ag-control-panel-background-color: #f8f8f8;
  --ag-subheader-background-color: #fff;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: #999;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-alpine-active-color);
  --ag-range-selection-border-color: var(--ag-alpine-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);
  --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);
  --ag-chip-background-color: rgba(24, 29, 31, 0.07);
  --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);
  --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);
  --ag-borders: solid 1px;
  --ag-border-radius: 3px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 6px;
  --ag-icon-size: 16px;
  --ag-row-height: calc(var(--ag-grid-size) * 7);
  --ag-header-height: calc(var(--ag-grid-size) * 8);
  --ag-list-item-height: calc(var(--ag-grid-size) * 4);
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --ag-font-size: 13px;
  --ag-icon-font-family: agGridAlpine;
  --ag-selected-tab-underline-color: var(--ag-alpine-active-color);
  --ag-selected-tab-underline-width: 2px;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-tab-min-width: 240px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: var(--ag-card-shadow);
  --ag-side-bar-panel-width: 250px;
}

.ag-theme-alpine-dark {
  --ag-background-color: #181d1f;
  --ag-foreground-color: #fff;
  --ag-border-color: #68686e;
  --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
  --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
  --ag-header-background-color: #222628;
  --ag-tooltip-background-color: #222628;
  --ag-odd-row-background-color: #222628;
  --ag-control-panel-background-color: #222628;
  --ag-subheader-background-color: #000;
  --ag-input-disabled-background-color: #282c2f;
  --ag-input-focus-box-shadow:
      0 0 2px 0.5px rgba(255, 255, 255, 0.5),
      0 0 4px 3px var(--ag-input-focus-border-color);
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
  --ag-chip-background-color: rgba(255, 255, 255, 0.07);
  --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
  --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-alpine-auto-dark {
    --ag-background-color: #181d1f;
    --ag-foreground-color: #fff;
    --ag-border-color: #68686e;
    --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
    --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
    --ag-header-background-color: #222628;
    --ag-tooltip-background-color: #222628;
    --ag-odd-row-background-color: #222628;
    --ag-control-panel-background-color: #222628;
    --ag-subheader-background-color: #000;
    --ag-input-disabled-background-color: #282c2f;
    --ag-input-focus-box-shadow:
        0 0 2px 0.5px rgba(255, 255, 255, 0.5),
        0 0 4px 3px var(--ag-input-focus-border-color);
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
    --ag-chip-background-color: rgba(255, 255, 255, 0.07);
    --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
    --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    color-scheme: dark;
  }
}
.ag-theme-alpine .ag-filter-toolpanel-header,
.ag-theme-alpine .ag-filter-toolpanel-search,
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine .ag-header-row,
.ag-theme-alpine .ag-panel-title-bar-title,
.ag-theme-alpine .ag-multi-filter-group-title-bar, .ag-theme-alpine-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-dark .ag-header-row,
.ag-theme-alpine-dark .ag-panel-title-bar-title,
.ag-theme-alpine-dark .ag-multi-filter-group-title-bar, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-auto-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-header-row,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-title,
.ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: 700;
  color: var(--ag-header-foreground-color);
}
.ag-theme-alpine .ag-row, .ag-theme-alpine-dark .ag-row, .ag-theme-alpine-auto-dark .ag-row {
  font-size: calc(var(--ag-font-size) + 1px);
}
.ag-theme-alpine input[class^=ag-]:not([type]),
.ag-theme-alpine input[class^=ag-][type=text],
.ag-theme-alpine input[class^=ag-][type=number],
.ag-theme-alpine input[class^=ag-][type=tel],
.ag-theme-alpine input[class^=ag-][type=date],
.ag-theme-alpine input[class^=ag-][type=datetime-local],
.ag-theme-alpine textarea[class^=ag-], .ag-theme-alpine-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-dark input[class^=ag-][type=text],
.ag-theme-alpine-dark input[class^=ag-][type=number],
.ag-theme-alpine-dark input[class^=ag-][type=tel],
.ag-theme-alpine-dark input[class^=ag-][type=date],
.ag-theme-alpine-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-dark textarea[class^=ag-], .ag-theme-alpine-auto-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-auto-dark input[class^=ag-][type=text],
.ag-theme-alpine-auto-dark input[class^=ag-][type=number],
.ag-theme-alpine-auto-dark input[class^=ag-][type=tel],
.ag-theme-alpine-auto-dark input[class^=ag-][type=date],
.ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-tab, .ag-theme-alpine-dark .ag-tab, .ag-theme-alpine-auto-dark .ag-tab {
  padding: calc(var(--ag-grid-size) * 1.5);
  transition: color 0.4s;
  flex: 1 1 auto;
}
.ag-theme-alpine .ag-tab-selected, .ag-theme-alpine-dark .ag-tab-selected, .ag-theme-alpine-auto-dark .ag-tab-selected {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-menu, .ag-theme-alpine-dark .ag-menu, .ag-theme-alpine-auto-dark .ag-menu {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-menu-header, .ag-theme-alpine-dark .ag-menu-header, .ag-theme-alpine-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
  padding-top: 1px;
}
.ag-theme-alpine .ag-tabs-header, .ag-theme-alpine-dark .ag-tabs-header, .ag-theme-alpine-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-theme-alpine .ag-charts-settings-group-title-bar,
.ag-theme-alpine .ag-charts-data-group-title-bar,
.ag-theme-alpine .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar {
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);
}
.ag-theme-alpine .ag-chart-mini-thumbnail, .ag-theme-alpine-dark .ag-chart-mini-thumbnail, .ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
}
.ag-theme-alpine .ag-chart-settings-nav-bar, .ag-theme-alpine-dark .ag-chart-settings-nav-bar, .ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar {
  margin-top: var(--ag-grid-size);
}
.ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar {
  padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar {
  padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-charts-format-sub-level-group, .ag-theme-alpine-dark .ag-charts-format-sub-level-group, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  padding-left: var(--ag-grid-size);
  margin-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  font-weight: 700;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-container, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-container, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container {
  padding-bottom: 0;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child {
  margin-bottom: 0;
}
.ag-theme-alpine.ag-dnd-ghost, .ag-theme-alpine-dark.ag-dnd-ghost, .ag-theme-alpine-auto-dark.ag-dnd-ghost {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 700;
}
.ag-theme-alpine .ag-side-buttons, .ag-theme-alpine-dark .ag-side-buttons, .ag-theme-alpine-auto-dark .ag-side-buttons {
  width: calc(var(--ag-grid-size) * 5);
}
.ag-theme-alpine .ag-standard-button, .ag-theme-alpine-dark .ag-standard-button, .ag-theme-alpine-auto-dark .ag-standard-button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: 1px solid;
  border-color: var(--ag-alpine-active-color);
  color: var(--ag-alpine-active-color);
  background-color: var(--ag-background-color);
  font-weight: 600;
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-standard-button:hover, .ag-theme-alpine-dark .ag-standard-button:hover, .ag-theme-alpine-auto-dark .ag-standard-button:hover {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-row-hover-color);
}
.ag-theme-alpine .ag-standard-button:active, .ag-theme-alpine-dark .ag-standard-button:active, .ag-theme-alpine-auto-dark .ag-standard-button:active {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-alpine-active-color);
  color: var(--ag-background-color);
}
.ag-theme-alpine .ag-standard-button:disabled, .ag-theme-alpine-dark .ag-standard-button:disabled, .ag-theme-alpine-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-alpine .ag-column-drop-vertical, .ag-theme-alpine-dark .ag-column-drop-vertical, .ag-theme-alpine-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-alpine .ag-column-drop-vertical-title-bar, .ag-theme-alpine-dark .ag-column-drop-vertical-title-bar, .ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar {
  padding: calc(var(--ag-grid-size) * 2);
  padding-bottom: 0px;
}
.ag-theme-alpine .ag-column-drop-vertical-empty-message, .ag-theme-alpine-dark .ag-column-drop-vertical-empty-message, .ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-column-drop-empty-message, .ag-theme-alpine-dark .ag-column-drop-empty-message, .ag-theme-alpine-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
  opacity: 0.75;
}
.ag-theme-alpine .ag-status-bar, .ag-theme-alpine-dark .ag-status-bar, .ag-theme-alpine-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-alpine .ag-status-name-value-value, .ag-theme-alpine-dark .ag-status-name-value-value, .ag-theme-alpine-auto-dark .ag-status-name-value-value {
  font-weight: 700;
}
.ag-theme-alpine .ag-paging-number, .ag-theme-alpine .ag-paging-row-summary-panel-number, .ag-theme-alpine-dark .ag-paging-number, .ag-theme-alpine-dark .ag-paging-row-summary-panel-number, .ag-theme-alpine-auto-dark .ag-paging-number, .ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 700;
}
.ag-theme-alpine .ag-column-drop-cell-button, .ag-theme-alpine-dark .ag-column-drop-cell-button, .ag-theme-alpine-auto-dark .ag-column-drop-cell-button {
  opacity: 0.5;
}
.ag-theme-alpine .ag-column-drop-cell-button:hover, .ag-theme-alpine-dark .ag-column-drop-cell-button:hover, .ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 0.75;
}
.ag-theme-alpine .ag-header-cell-menu-button:hover,
.ag-theme-alpine .ag-side-button-button:hover,
.ag-theme-alpine .ag-tab:hover,
.ag-theme-alpine .ag-panel-title-bar-button:hover,
.ag-theme-alpine .ag-header-expand-icon:hover,
.ag-theme-alpine .ag-column-group-icons:hover,
.ag-theme-alpine .ag-set-filter-group-icons:hover,
.ag-theme-alpine .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine .ag-chart-settings-prev:hover,
.ag-theme-alpine .ag-chart-settings-next:hover,
.ag-theme-alpine .ag-group-title-bar-icon:hover,
.ag-theme-alpine .ag-column-select-header-icon:hover,
.ag-theme-alpine .ag-floating-filter-button-button:hover,
.ag-theme-alpine .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine .ag-chart-menu-icon:hover,
.ag-theme-alpine .ag-chart-menu-close:hover, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-dark .ag-side-button-button:hover,
.ag-theme-alpine-dark .ag-tab:hover,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-dark .ag-column-group-icons:hover,
.ag-theme-alpine-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-dark .ag-chart-menu-icon:hover,
.ag-theme-alpine-dark .ag-chart-menu-close:hover, .ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover,
.ag-theme-alpine-auto-dark .ag-tab:hover,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-auto-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover,
.ag-theme-alpine-auto-dark .ag-chart-menu-close:hover {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-chart-menu-close, .ag-theme-alpine-dark .ag-chart-menu-close, .ag-theme-alpine-auto-dark .ag-chart-menu-close {
  background: var(--ag-background-color);
}
.ag-theme-alpine .ag-chart-menu-close:hover .ag-icon, .ag-theme-alpine-dark .ag-chart-menu-close:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-chart-menu-close:hover .ag-icon {
  border-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-chart-menu-close .ag-icon, .ag-theme-alpine-dark .ag-chart-menu-close .ag-icon, .ag-theme-alpine-auto-dark .ag-chart-menu-close .ag-icon {
  background: var(--ag-header-background-color);
  border: 1px solid var(--ag-border-color);
  border-right: none;
}
.ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  margin-left: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  border-right: dashed 1px;
  border-right-color: var(--ag-border-color);
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-set-filter-list, .ag-theme-alpine-dark .ag-set-filter-list, .ag-theme-alpine-auto-dark .ag-set-filter-list {
  padding-top: calc(var(--ag-grid-size) * 0.5);
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-alpine .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-alpine-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-alpine-auto-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 60px;
}
.ag-theme-alpine .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-advanced-filter-builder-button, .ag-theme-alpine-dark .ag-advanced-filter-builder-button, .ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}

/*! MYP_SCRIPT: scripts/assets/css/ag-theme-balham.css*/
@font-face {
    font-family: "agGridBalham";
    src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABToAAsAAAAAKtAAABSXAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIkABmAAiyoKsTSobwE2AiQDghwLgRAABCAFhEYHhGMbNyVVBDYOIDRjr6uI6kkh+/8ygRtD4jmwCxG6Uc8o3ROFxLQ2sYXYmrIGce1xv8pXhIMxezz3sL/PuB39LLa+YsghSdHkgf9j733/r8LSK4siEzgBRzgeDWhnPOufNl8fcPDH3reZM0lVZW1lhXQdnt9m7/NB5X9CIh06GTjCQl2oCObE6B8uytzGyrW1wVo4l9qrsFaJq2bliMtwkeeVt7sRH53vzr58LxIMUoEKUqxQQbl0AbCv+qumwLUyZ1gSDkbGq/v1VbHlArbkJyvtR8D/zf2bBXYlUDQlELqenclM5r3m3rnp/3m/lD8lykkpPyVCC6iAXvpKlDIsqpW7CtiR3bNCrtC7rtKuq1uoOeVk7MIDYmqaIqQ4q0cPBCllfKoy+H9seR+uAm2m2KiYsbVvTyMASaiI2vMamZG2/zk/lAO53TyAjwnD/ndrRcJJGZSoFNRfcUxGdR39ce41sMK5ruZHkRmZnwO5mD+jbg9TtJC7eBRDYJwgmVQGWjUtWWyatjl/+ENz+p+ZU10yIZSQZcv09EuuPizOMXUkkKrCr7yIVN5ta55eMp7pRicQHg5p2qLjy4805CpFbC7MvnzyobpQpowpxsQGdCEH4xrTGisUqPdtXglNsQy2uApzDJV8VXgGrbtkg7DDJdl5+z80/rq+lKlkekEEhx9m5afD1BIXwdyOuVbmFoQJcXtoE7NZ5baz/m11gXbSXEVxyo3Pfszyl4pzbW4aXn5dF1Oq8lSv3nSqSwEEK1RqW/p26KnnqjfvPv0rSoKaKQ/bgH0PSGEwW64bNsxOS5zxkTMxQ7/BHJJ+Q5uMZhQVyQIMM1RLU5ijMGeBfqyp1jRTqkMtG2IMuRxm0E3vwSiuU5pg36l2zH6mW1r5+oV0WrFlQpqW7rh1VlmMnolYEW9yFdUiPG3je6GM2Fcg/S/a5gx65qW3jTosJKLyKpV2s00F84fadtCmtPuhP+pM7oKmRprW7mRZ+xRT7CNeqt6RXAnNnPcPVRSZPtE6h1WGscmK2+6gqWkTRTuMUnTh/Vzx+MIOVywpknS9YiK3thQNnBa6v4C77z58VAYKiNCjbu9hYrN33YvSL5FBZmOSj0KzubsMIBaIAiVADIgkpQeHGNqbX0LT/CsT8h8p6tSI7uyfY7df1XMq9dee06/wJXnrBu278NqVBfY8HXDKV5V7UROCz6VqS0GGAak4dUK5PoFKg+iM6k7rGppa2jq6evoGhkbRBqdm5hb+JlxZ29jaadk7ODo5G7q4url7GGp5eml5e/iAEOe2Pbe5XFmLE7OSeAL8xsSU6/rfX8/Toi7MK8ZPAUSfjRpB6YM4t1ewMmCVtQBrrAFYZ+3ABqsENlkvtlg5sM2agB1WDeyxZmCfNQIHrAOHrBY4YjXAMevCKasAzlg9cM6qgAvWiUvWgytWB1yzVuCGdeO2YR9fCnohFUIahBCEdAgZEKpBqA6hBoSaEGpBqA2hDoS6EOpBqA+hAYSGEBpBaAyhCYSmEJpBaA6hBYSWEFpBaA2hDYS2ENpBaK8FyeDrgH7SEUInCJ0hdIHQlbmpdINSdIfQA0JPCL0g9GbmoI8WJIMvjLoQgRBlpolB3Ykz85EwlVKA/qerPAB3IH62JJ3VIuke1g1zvVbK10IhyZVTsFphUHEHHUCV5CouQBhKo8qAkiZrK9KG1ZA2H6lHGj6SLhAwqL35fJ8Umgv7U5HxuYw/k8GBEe14mYrJ9KMff0moj0IkoNNH8JgcqdCHirqLpTCBD5VO14b5lPn6qrdOp4sEDD8GfSSdrwgQ0/0kNBrd14cmEYin1ZtF94lPlioQS2vPuN2yL4p3uFwx35ec9XgCv5y82+sd99MM25MRmAtY8J1Px/xQeu5Z0FeTdg2M9SA210wEQkCzer36bkG3pN2lalKd53cBFEIBQ2gN2K1t9Yp6RZ09msuankCIORnXE2QCxoQxA/lWj8IkjLjDoHhw6AGbXyOQWhvmUiUL7q5kJ72VrIQnhdlZtPiiB9ALMDEej87vYxHG6SgFqUelIiQKEA7L5vFANKvXi7LtbjegWlyuGpbt7nHqnLjndh6cCjlNTt7HyogivJJzdDELYte+FkFiLG0e3zMursjHy8onkTjexO8S9wHLU/szyBreoSlFaOhUJXtJanFZwVMLEEE5MKLCsykDpyG2JyY8dcEzbz1QhuTkMgHjuai51l5tC+ER9pADfCJmsz/1aQi0wpeJtwnaUXRqiaWtqwuxHerp6NgFWfcfc6D2C0eApcnWIuzoQWzHgWVnt703oLXV3oxb+s4jtpAWHs5cur29GbX3QtaOQ8JDPUetx3pNH+xuj3V7LR22LmBpbhYoDwqau9tJnGwVQYmDzRbAx5qawr0WISEUpnGWdnNFS2fvQUH54Urxo6jkNNZTWgLrPgHsoka/yK7EbOf7LEcu2B3HrEcvMu/TT0qa3NrRc4C/eJAsD1pZhyRKB9a8vG4JTopqxQsdABYVhjeX3DtgOyQkihc8gNh6IOvyBhy7otLsJVF3DMTFfSqpwvgCPeFyjS+P6AgP6ISoG3mFRvy8K5LvxncVyMOjNU7kOanVqy13eKNFnvBdWEKvt9se0OJSlfQBi9uN2uONxyCrx4PYxtemvboLS3eE10sGu9zGgNuFoBKsmXi7IJ58kM3lAilOYvd6odo2VZdegt6pagLgTXrlLcKeQo/mMgSx51oE3QVu9SUZyIM6tTZOr/GZthWq4NFnUBCYRCAUV5ZnPruAl4OsqUeEzmRAzBJDDvEv22wERpfnMwGjAKuoLMaLCCbEIAuXN/EFF9wjdqiwLtfYswOBu7xaLbQrEFL1i/tcsr0Jl9xZ57TkFW/U0bjJNpcK63fpjsRqW0XCi56ITi3Z6x1zxj3CclylEuyUQdorAce8gfs8cWeRBfmK2eHN1BPGUgvmKkACzHMDBpebjOMESWClBIFjOFk7s21ISTgTgd0qxxwvulyfBta6cbcsXqInUwMeMAJx1kjEQ4SrN+Hx4OAnXvGyXcTtzLjKslte45VRp6IId0Zs2fUEn17eYzL4ZrYz8riOPFRrlXaE9NhUB8RtALE5rwKK5dpDlGl/fAOCrdcfIZi929Jl67H2zmbYLt8nv4KigAmh9kuRvP5KQtQqRR5LP5dG7orojT8sKh9oUefHYoJmyd7QvvGKRvgzMh/gtwkk2O2Ym6pyUW9Qp1xKCprRZtHhAKKTvZksqpvsW/COKt7Pg5RQJb/yKJy15TGIYDG/Hf6tcXe0vUHzLcEoRLhGohBpGxlBFEJLARo4JM5WcgCJASh5GwHoqi4P8iAPczjk2HKsC5BzSeUfC2Y41C7ufORdv5DEcAZgYgUkUUthwQhlzagIzyALMKJoOXHLKoz9L1ZTqIzxqo145XQ2YNXa+Pomi8BdjjfbRcZWq9BTQbRM7HK5w4643V5jkSG/3xV36LJ0tLpFhspxGcxPKOp1jD4XJq1Lez3hJz2Ijte9MFWtTvWFR6i3rzoVWGguBXbfgjhJuZQKJlN2562DZ3Ojg2WIu8HRXA1kzKdcRJmdOExp/sdoHIZZwb1/uL8q3PsvPWnpq7+mfFPhP2w01i9HImJKU75KjPgqeVr+V7/9zntMSVkO7rjS0x3byP460tOZzHsQuDrXrXvwFKwH55J3DSAoxVxBRGE6HRZFOPPIdRimI6KcrrTlCbhJk6ZWp2lMPRgTSFObNN3ANJ19Qbf6MBbGOHDQebCKDzgT9NbB41n17fXP05eYlgz+s3R4KYix6AojIgp1Y/TmhRE65uKU3/etkY24KlsruzpChn+sR7/bu/fBg+C2tvkLEp7MxKd6kx5EpwzG6pLOmpYevLi2Z09HSQmFkqC/o0e/c/vOsYS+vsYXuEQO0oBcgr1sBGe+NEYZL+oMUQaHDudEBcHW39lsx0/kARygr25Ia9JoTNpordpk0oQy2ZqgUvcxBA/RKwnjj/Tv74lcrTrdpNE2G9uVqUrwe1Bjxhk78Ftl+dIF1tQT0OjK0brRFaPHog9r2sZTTwJ+WraiAXL5qRL9v4QW7PEwNskG+P6VuuHdqQL5zaUwTxQfwqXvYlbrl0SzRaeiRl4sH0mSkpWsncdZErFAKGPdH+KijayaWQtfMjgEl7VH9MfYfSCc/6OQW0ddLtjNnB2X+0Mgl0mf1JUsFB64zd0R36i5qHaINUBQjS7LRmjimGfi+a3s81PFUQ/D/ZDd3Cpwn+2XWq2KXN3Q+uGTQpOuVqfjOTBdjU+gF9XKovllteV1/DSZxsPCMCajdtSbJJX03o6YHfdi9u6OgAtQdmGM7Zs7+VXf8xpUkduqATdrOC+QlvncBu4Ur8ic0zg3U2hkc+R/xU80Ttz1FLvpx45gcLJz5hatuNzEbRTzxWPIlUT1mA00P/ZINhds9fYpsMlXGsjfTYucReFOpnTlWDaMIh9Asu7Od8VOh8mUqejm5POK+CmR+bGR+HDYmsMH/hvqf9HvSGj5P4ssg5TF+Qm5+hm8Mv5kGR7r6MjQl8bFlcYrhUlZ68M/Zf4vg2Tpi+c16XdRMoODTyUJlfFlcbGleoUgOUv3RWuERtM2FSJmO1oitA1mae7uIOjZqEJcNzNn7qjZ8vnMKlaxMS9WRxTglxiwK6VmmJUFfaafZw5MvY0/Il9iWSLPzXaS9MC4GeNjZyzJSjNil1jjXwPjp90DUBcVY+mraijWKwJRA4NIOP2T/NyC6hWMxQ47wECVBKlckZ+kb9ysSKuKMnBWVB9+hc82U1d/iyHh/3yKOjujegUH/N2c97FbMGQYAv9/DPUGR52x3nixjq4tyuBuR8L7A1bjC3Zy6w31yxJiDbHLDCjn94l/TzhrOAs0czztN3TDkAGEbH7d0N9QToOSWA819kOoru5Hw4/9hYOAKHUjWoZIC9qa+81znIXcOr2+vFCQ1sCBTyoAJ2XoLKvku3ejemql63e9Nc95KFp/f96uUj9NdpBzzpw3wjUXFxz7ZgVSlisuzT7EMZtjR9UfHZvLlJVFcyj7drc6cuAUb8qOPcm5A9M1gDvVMGxYEHjnjiPxGmrLIdYNG4Z1CanMqWzZVG2A809XpPTg5R3KF59T0tKqqvLza7X7O5kIEPVUUmWsqq8ywPTGKvDoPfz553CIv3DLZcrnfJUX5hekic2zr/7yS+cXzi9P6FLSaV3SJdaQ9YL/VxC0f9kUCI/Oj5x7iD4VLVNPUuZljzPFnFOQ/CmCZMMd406oCCIUGUGJ80psYxINeVC6NkU96TO/PD9Mka3MLQjL0fRTc9RYqBqXm3wx3/zizWmajNCWux9pJlpabt21pFEZPjH08uoa/1kRZuna5p/omv4HSVDj0upqA7JVlChJLt5RQG0cGC/Kmir9///nYDRPxj3lbfyB+KHRe4pbL7eK5WflYqt8iAb/8edsGLlBrkQg04ekMZKz0mjpx/CrrzdIU6RnJakgv37rVj9pXK79TsfgnJIZW7r0hsDPZbKsMz9OmFBZRqOKFXF5t+c0N4+Ov0w/b4rYfLL+j87OqYu4iESytFTou5jT1Lx4O/q9R/T+2bNBO1n1v7Hj3tBe+w3UgN/rv5wc9inmu9oLrDYHhhVhjo0LVeoJaZqqJRsd9kfAHO3vYoTb3PSxsgm+dStrLoEMav0qw98xWQN/ymk1RmN/bV0NdHooyvHYLXWrLtctTF+5CgSlDFZMCSlW2mzK4pApzjTGuHsvVk4JcfqkLU9YXh5fEhtbEl/+xg0fURJbHvcG4cqKy4t7D+MFbvOxM/jnkW49n1qmA+M4Q0plQ8P07BnZMC/hIYkGOuuQwqQoUsiB3KQEFdkBZnPHYzhfh9m8HQORyRVs9kQfBSKTVjuWK+4Z3Txv3okT/evWJyUBB3eOXBYgi80UTjSHxunoHDfu+aBZHu3vY4sY+/w5h73hm8ACqI63VpAw078kMPob5zfyWWjHKqZ5MT+j4wnsyVDnBDl90oFbq3/GdQG+/sVv7BLfvgnCaZPJPSVx48GqT1Hzn4+gNEdlGlYbAgb3bZjPWuZlIkuM8+kTdDQIPzfgoAbD9Aq4DKqEwazBvR2msZSTtLRvazoA5kd4PvxK5CINeczi1zVJ38NwnGGPEpkblj+8WRjlTZm7+lVdBAfYVWDZZYZZ/5FIkvvYlouknrLWzWp4uZ4L14JdZyTbJImSbbElGmU7tq+Llm3Wdx48d+v6/sDvrnNoOlv/hx8KDwJgEv2nyxbMmw8+HkS9yw9AOTrlIduTBlt5TptNid8vRfhcFNEbSZgn/C+Ff76ktA7t2ogx2xMGXgXUhlrfG9xGCoe03Aa+JwkQavMge8kPYitAgRY2v/yxMI52Mlz/AjwwD8AAotIBBMTAghkFsEAbwJB/CKiQf5nRgBB4wAfyX/VBALGRyOE3Q0EINCkZ/A+J9jOkAPkn+iWBOGezvslflBqZhrvpk9fD/UBCAUU7zMdQV3+v6gYnnIfvTHZPKfFQhB/R6BRUy8PtrcOxJ8P5DPwPifYzpPA0cH/iyV0SWjbhmCfs/sUjVAgzDXfb3vPEmf1DEXfToGjd+dDcuj7ce5VcNyhTC+fhu1DBCQkD31Xx9x7RYD2FBLo8/HtkSY5XT0aInKdqVM2VxBT3q2Kx2uwOp+HyN4P599GH6h4MR+PJdDZfLFfrzXa3PxxP58v1dn88X+8PJpRxIU3LdlzPD8IoTqQyuUKp8uW7Wh3Ae0EPGplaEOGtXkI1rQEymBoTQPT1DqN5mnkfzf5oPzpuEsmiouRIoPjWq8dCXJM/N5xYxhJtxdK9wiVTvTFMKmAU7ZXhcjRGuNZLU9dLs+iVxWoa3LO2+u0UEA72U9dkONYENVzSga2LKUOrmUml6pWXWJoeyEu5CrSUIDptU6Sc43aJwUbyfYY95njCq4y09CWVzCWICZ8R6wgp8YbTlNileEkpNeWtrK8l7rfD47yoMo3s3CvH5aiR6INeVVjxpmYB44yWN+rfeGFA67yHtyqIjdSnX6hwnwkDPIFUxMimMpLgyWw3WtmiOKycUwEA);
    font-weight: normal;
    font-style: normal;
  }
  .ag-theme-balham, .ag-theme-balham-dark {
    --ag-balham-active-color: #0091ea;
    --ag-foreground-color: #000;
    --ag-background-color: #fff;
    --ag-header-background-color: #f5f7f7;
    --ag-tooltip-background-color: #cbd0d3;
    --ag-subheader-background-color: #e2e9eb;
    --ag-control-panel-background-color: #f5f7f7;
    --ag-border-color: #bdc3c7;
    --ag-odd-row-background-color: #fcfdfe;
    --ag-row-hover-color: #ecf0f1;
    --ag-column-hover-color: #ecf0f1;
    --ag-input-border-color: #95a5a6;
    --ag-invalid-color: #e02525;
    --ag-input-disabled-background-color: #ebebeb;
    --ag-checkbox-unchecked-color: #7f8c8d;
    --ag-input-focus-border-color: #719ECE;
    --ag-input-focus-box-shadow: 0 0 2px 1px var(--ag-input-focus-border-color);
    --ag-range-selection-border-color: var(--ag-balham-active-color);
    --ag-checkbox-checked-color: var(--ag-balham-active-color);
    --ag-checkbox-background-color: var(--ag-background-color);
    --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54);
    --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38);
    --ag-subheader-toolbar-background-color: rgba(226, 233, 235, 0.5);
    --ag-row-border-color: rgba(189, 195, 199, 0.58);
    --ag-chip-background-color: rgba(0, 0, 0, 0.1);
    --ag-range-selection-background-color: rgba(0, 145, 234, 0.2);
    --ag-range-selection-background-color-2: rgba(0, 145, 234, 0.36);
    --ag-range-selection-background-color-3: rgba(0, 145, 234, 0.49);
    --ag-range-selection-background-color-4: rgba(0, 145, 234, 0.59);
    --ag-selected-row-background-color: rgba(0, 145, 234, 0.28);
    --ag-header-column-separator-color: rgba(189, 195, 199, 0.5);
    --ag-input-disabled-border-color: rgba(149, 165, 166, 0.3);
    --ag-header-column-separator-display: block;
    --ag-header-column-separator-height: 50%;
    --ag-grid-size: 4px;
    --ag-icon-size: 16px;
    --ag-row-height: calc(var(--ag-grid-size) * 7);
    --ag-header-height: calc(var(--ag-grid-size) * 8);
    --ag-list-item-height: calc(var(--ag-grid-size) * 6);
    --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size));
    --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
    --ag-input-height: calc(var(--ag-grid-size) * 4);
    --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --ag-font-size: 12px;
    --ag-icon-font-family: agGridBalham;
    --ag-border-radius: 2px;
    --ag-checkbox-border-radius: 3px;
    --ag-card-shadow: none;
  }
  
  .ag-theme-balham-dark {
    --ag-balham-active-color: #00B0FF;
    --ag-foreground-color: #F5F5F5;
    --ag-background-color: #2d3436;
    --ag-header-background-color: #1c1c1c;
    --ag-tooltip-background-color: #1c1f20;
    --ag-subheader-background-color: #111;
    --ag-control-panel-background-color: #202020;
    --ag-border-color: #424242;
    --ag-odd-row-background-color: #262c2e;
    --ag-row-hover-color: #3d4749;
    --ag-column-hover-color: #3d4749;
    --ag-input-border-color: #f0f0f0;
    --ag-input-disabled-background-color: rgba(48, 46, 46, 0.3);
    --ag-modal-overlay-background-color: rgba(45, 52, 54, 0.66);
    --ag-checkbox-unchecked-color: #ecf0f1;
    --ag-secondary-foreground-color: var(--ag-foreground-color);
    --ag-disabled-foreground-color: rgba(245, 245, 245, 0.38);
    --ag-subheader-toolbar-background-color: rgba(17, 17, 17, 0.5);
    --ag-row-border-color: #5c5c5c;
    --ag-chip-background-color: rgba(245, 245, 245, 0.08);
    --ag-range-selection-background-color: rgba(0, 176, 255, 0.2);
    --ag-range-selection-background-color-2: rgba(0, 176, 255, 0.36);
    --ag-range-selection-background-color-3: rgba(0, 176, 255, 0.49);
    --ag-range-selection-background-color-4: rgba(0, 176, 255, 0.59);
    --ag-selected-row-background-color: rgba(0, 176, 255, 0.28);
    --ag-header-column-separator-color: rgba(66, 66, 66, 0.5);
    --ag-input-disabled-border-color: rgba(240, 240, 240, 0.3);
    --ag-header-foreground-color: rgba(245, 245, 245, 0.64);
    --ag-toggle-button-off-background-color: transparent;
    --ag-toggle-button-off-border-color: var(--ag-foreground-color);
    --ag-range-selection-chart-category-background-color: rgba(26, 177, 74, 0.5);
    --ag-range-selection-chart-background-color: rgba(45, 166, 255, 0.5);
    --ag-input-focus-box-shadow: 0 0 4px 1.5px var(--ag-input-focus-border-color);
  }
  
  .ag-theme-balham .ag-filter-toolpanel-header,
  .ag-theme-balham .ag-filter-toolpanel-search,
  .ag-theme-balham .ag-status-bar,
  .ag-theme-balham .ag-header-row,
  .ag-theme-balham .ag-multi-filter-group-title-bar, .ag-theme-balham-dark .ag-filter-toolpanel-header,
  .ag-theme-balham-dark .ag-filter-toolpanel-search,
  .ag-theme-balham-dark .ag-status-bar,
  .ag-theme-balham-dark .ag-header-row,
  .ag-theme-balham-dark .ag-multi-filter-group-title-bar {
    font-weight: 600;
    color: var(--ag-header-foreground-color);
  }
  .ag-theme-balham .ag-ltr input[class^=ag-]:not([type]), .ag-theme-balham .ag-ltr input[class^=ag-][type=text], .ag-theme-balham .ag-ltr input[class^=ag-][type=number], .ag-theme-balham .ag-ltr input[class^=ag-][type=tel], .ag-theme-balham .ag-ltr input[class^=ag-][type=date], .ag-theme-balham .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-balham .ag-ltr textarea[class^=ag-], .ag-theme-balham-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-balham-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-balham-dark .ag-ltr textarea[class^=ag-] {
    padding-left: var(--ag-grid-size);
  }
  
  .ag-theme-balham .ag-rtl input[class^=ag-]:not([type]), .ag-theme-balham .ag-rtl input[class^=ag-][type=text], .ag-theme-balham .ag-rtl input[class^=ag-][type=number], .ag-theme-balham .ag-rtl input[class^=ag-][type=tel], .ag-theme-balham .ag-rtl input[class^=ag-][type=date], .ag-theme-balham .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-balham .ag-rtl textarea[class^=ag-], .ag-theme-balham-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-balham-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-balham-dark .ag-rtl textarea[class^=ag-] {
    padding-right: var(--ag-grid-size);
  }
  
  .ag-theme-balham .ag-column-drop-vertical-empty-message, .ag-theme-balham .ag-status-bar, .ag-theme-balham-dark .ag-column-drop-vertical-empty-message, .ag-theme-balham-dark .ag-status-bar {
    font-weight: 600;
    color: var(--ag-disabled-foreground-color);
  }
  .ag-theme-balham.ag-dnd-ghost, .ag-theme-balham-dark.ag-dnd-ghost {
    font-size: var(--ag-font-size);
    font-weight: 600;
  }
  .ag-theme-balham .ag-tab, .ag-theme-balham-dark .ag-tab {
    border: 1px solid transparent;
    padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
    margin: var(--ag-grid-size);
    margin-bottom: -1px;
  }
  .ag-theme-balham .ag-tab-selected, .ag-theme-balham-dark .ag-tab-selected {
    background-color: var(--ag-background-color);
    border-color: var(--ag-border-color);
    border-bottom-color: transparent;
  }
  .ag-theme-balham .ag-tabs-header, .ag-theme-balham-dark .ag-tabs-header {
    border-bottom: 1px solid var(--ag-border-color);
  }
  .ag-theme-balham .ag-column-drop-cell, .ag-theme-balham-dark .ag-column-drop-cell {
    height: calc(var(--ag-grid-size) * 6);
  }
  .ag-theme-balham .ag-column-drop-vertical-title, .ag-theme-balham-dark .ag-column-drop-vertical-title {
    color: var(--ag-foreground-color);
  }
  .ag-theme-balham .ag-column-drop-vertical-cell, .ag-theme-balham-dark .ag-column-drop-vertical-cell {
    margin-left: calc(var(--ag-grid-size) * 2);
    margin-right: calc(var(--ag-grid-size) * 2);
  }
  .ag-theme-balham .ag-column-drop-vertical-cell-text, .ag-theme-balham-dark .ag-column-drop-vertical-cell-text {
    margin-left: calc(var(--ag-grid-size) * 2);
  }
  .ag-theme-balham .ag-column-drop-vertical-icon, .ag-theme-balham-dark .ag-column-drop-vertical-icon {
    color: var(--ag-secondary-foreground-color);
  }
  .ag-theme-balham .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-balham-dark .ag-ltr .ag-column-drop-vertical-empty-message {
    padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
    padding-right: var(--ag-grid-size);
  }
  
  .ag-theme-balham .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-balham-dark .ag-rtl .ag-column-drop-vertical-empty-message {
    padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
    padding-left: var(--ag-grid-size);
  }
  
  .ag-theme-balham .ag-column-drop-horizontal, .ag-theme-balham-dark .ag-column-drop-horizontal {
    height: var(--ag-header-height);
  }
  .ag-theme-balham .ag-column-drop-empty, .ag-theme-balham-dark .ag-column-drop-empty {
    color: var(--ag-disabled-foreground-color);
  }
  .ag-theme-balham .ag-column-drop-horizontal-cell-text, .ag-theme-balham-dark .ag-column-drop-horizontal-cell-text {
    margin-left: calc(var(--ag-grid-size) * 2);
  }
  .ag-theme-balham .ag-column-drop-vertical, .ag-theme-balham-dark .ag-column-drop-vertical {
    padding-top: calc(var(--ag-grid-size) * 2);
  }
  .ag-theme-balham .ag-menu-header, .ag-theme-balham-dark .ag-menu-header {
    background-color: var(--ag-header-background-color);
  }
  .ag-theme-balham .ag-overlay-loading-center, .ag-theme-balham-dark .ag-overlay-loading-center {
    background-color: var(--ag-background-color);
    border: 1px solid var(--ag-border-color);
    color: var(--ag-foreground-color);
    padding: calc(var(--ag-grid-size) * 4);
  }
  .ag-theme-balham .ag-tooltip, .ag-theme-balham-dark .ag-tooltip {
    border: none;
  }
  .ag-theme-balham .ag-panel-title-bar-button-icon, .ag-theme-balham-dark .ag-panel-title-bar-button-icon {
    font-size: calc(var(--ag-icon-size) + var(--ag-grid-size));
  }
  .ag-theme-balham .ag-chart-data-section,
  .ag-theme-balham .ag-chart-format-section, .ag-theme-balham-dark .ag-chart-data-section,
  .ag-theme-balham-dark .ag-chart-format-section {
    padding-bottom: calc(var(--ag-grid-size) * 0.5);
  }
  .ag-theme-balham .ag-group-toolbar, .ag-theme-balham-dark .ag-group-toolbar {
    background-color: var(--ag-subheader-toolbar-background-color);
  }
  .ag-theme-balham .ag-chart-tab, .ag-theme-balham-dark .ag-chart-tab {
    padding-top: calc(var(--ag-grid-size) * 0.5);
  }
  .ag-theme-balham .ag-charts-format-sub-level-group-item, .ag-theme-balham-dark .ag-charts-format-sub-level-group-item {
    margin-bottom: calc(var(--ag-grid-size) * 1.5);
  }
  .ag-theme-balham .ag-chart-menu-close, .ag-theme-balham-dark .ag-chart-menu-close {
    background: var(--ag-background-color);
  }
  .ag-theme-balham .ag-chart-menu-close:hover .ag-icon, .ag-theme-balham-dark .ag-chart-menu-close:hover .ag-icon {
    border-color: var(--ag-border-color);
  }
  .ag-theme-balham .ag-chart-menu-close .ag-icon, .ag-theme-balham-dark .ag-chart-menu-close .ag-icon {
    background: var(--ag-header-background-color);
    border: 1px solid var(--ag-secondary-border-color);
    border-right: none;
  }
  
  .ag-theme-balham-dark {
    color-scheme: dark;
  }

/*! MYP_SCRIPT: scripts/assets/css/jsPanel/default.min.css*/
.jsPanel-cal-wrapper{display:grid;grid-template-areas:"clear back month month month month forward reset" "blank3 day-name-0 day-name-1 day-name-2 day-name-3 day-name-4 day-name-5 day-name-6" "week-0 day-1 day-2 day-3 day-4 day-5 day-6 day-7" "week-1 day-8 day-9 day-10 day-11 day-12 day-13 day-14" "week-2 day-15 day-16 day-17 day-18 day-19 day-20 day-21" "week-3 day-22 day-23 day-24 day-25 day-26 day-27 day-28" "week-4 day-29 day-30 day-31 day-32 day-33 day-34 day-35" "week-5 day-36 day-37 day-38 day-39 day-40 day-41 day-42";grid-template-rows:1.33fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-row-gap:.2rem;width:100%;height:100%;font-size:.875rem;padding:0 10px 10px}.jsPanel-cal-sub{display:flex;align-items:center;justify-content:center}.jsPanel-cal-sub.day{cursor:pointer}.jsPanel-cal-sub.day.today{background-color:#f0f0f0;border-radius:5px;border:1px solid #c5e1a5}.jsPanel-cal-sub.week{color:gray;font-size:.66rem}.jsPanel-cal-sub.day.notInMonth{color:#d3d3d3}.jsPanel-cal-blank3,.jsPanel-cal-sub.day-name{background:#dcdcdc}.jsPanel-cal-sub.day-name.day-name-6{border-top-right-radius:5px;border-bottom-right-radius:5px}.jsPanel-cal-sub.day-name.weekend{color:#dc143c}.jsPanel-cal-sub.day.selected{background-color:#81d4fa;border-radius:5px;color:#fff}.jsPanel-cal-sub.day.selected.range{background-color:#ce93d8;color:#fff}.jsPanel-cal-sub.day:hover{background-color:#c5e1a5;border-radius:5px;color:#fff}.jsPanel-cal-sub.jsPanel-cal-back{grid-area:back;cursor:pointer}.jsPanel-cal-sub.jsPanel-cal-back svg{width:50%}.jsPanel-cal-sub.jsPanel-cal-forward{grid-area:forward;cursor:pointer}.jsPanel-cal-sub.jsPanel-cal-forward svg{width:50%}.jsPanel-cal-sub.jsPanel-cal-month{grid-area:month;font-variant:small-caps}.jsPanel-cal-sub.jsPanel-cal-clear{grid-area:clear;cursor:pointer}.jsPanel-cal-sub.jsPanel-cal-reset{grid-area:reset;cursor:pointer}.jsPanel-cal-sub.jsPanel-cal-reset svg{width:50%}.jsPanel-cal-sub.jsPanel-cal-blank3{grid-area:blank3;border-top-left-radius:5px;border-bottom-left-radius:5px}.jsPanel-cal-sub.day-name-0{grid-area:day-name-0}.jsPanel-cal-sub.day-name-1{grid-area:day-name-1}.jsPanel-cal-sub.day-name-2{grid-area:day-name-2}.jsPanel-cal-sub.day-name-3{grid-area:day-name-3}.jsPanel-cal-sub.day-name-4{grid-area:day-name-4}.jsPanel-cal-sub.day-name-5{grid-area:day-name-5}.jsPanel-cal-sub.day-name-6{grid-area:day-name-6}.jsPanel-cal-sub.week-1{grid-area:week-1}.jsPanel-cal-sub.week-2{grid-area:week-2}.jsPanel-cal-sub.week-3{grid-area:week-3}.jsPanel-cal-sub.week-4{grid-area:week-4}.jsPanel-cal-sub.week-5{grid-area:week-5}.jsPanel-cal-sub.day.selected.range.remove-border-radius-left{border-top-left-radius:0;border-bottom-left-radius:0}.jsPanel-cal-sub.day.selected.range.remove-border-radius-right{border-top-right-radius:0;border-bottom-right-radius:0}

/*! MYP_SCRIPT: scripts/assets/css/jsPanel/jspanel.dialog.css*/
/**
 * jsPanel - A JavaScript library to create highly configurable multifunctional floating panels that can also be used as modal, tooltip, hint or contextmenu
 * @version v4.16.1
 * @homepage https://jspanel.de/
 * @license MIT
 * @author Stefan Sträßer - info@jspanel.de
 * @author of dialog extension: Michael Daumling - michael@terrapinlogo.com
 * @github https://github.com/Flyer53/jsPanel4.git
 */
/* Dialog adaptation: a simple white box */
.jsPanel-dialog {
  min-width: 400px;
  margin-top: 50px;
  max-height: calc(90vh - 50px);
}
.jsPanel-dialog .jsPanel-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /* Add some padding to the dialog content */ 
  padding: 1rem;
}
.jsPanel-dialog .buttonbar {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
  width: 100%;
  display: flex;
  justify-content: right;
}
.jsPanel-dialog .buttonbar button {
  margin-left: 0.5rem;
}

/* Modals in the background are partly transparent */
.jsPanel-modal.background {
  opacity: 0.3 !important;
}

/* Dialog sizes */
.dialog-sm, .dialog-md, .dialog-lg, .dialog-xl {
  max-height: calc(90vh - 50px);
  overflow: hidden auto;
  margin: 0 auto;
}

.dialog-sm {
  width: 400px !important;
}

.dialog-md {
  width: 600px !important;
}

.dialog-lg {
  width: 800px !important;
}

.dialog-xl {
  width: 1000px !important;
}

@media (max-width: 767px) {
  .dialog-md, .dialog-lg, .dialog-xl {
    width: 90vw !important;
  }
}
@media (max-width: 991px) {
  .dialog-lg, .dialog-xl {
    width: 90vw !important;
  }
}
@media (max-width: 1199px) {
  .dialog-xl {
    width: 90vw !important;
  }
}
/* A few button colors */
button.blue, button.info {
  color: #fff !important;
  background-color: #039be5 !important;
  border-color: #039be5 !important;
}

button.gray, button.default, button.secondary {
  color: #fff;
  background-color: #b0bec5 !important;
  border-color: #b0bec5 !important;
}

button.white {
  color: #333 !important;
  background-color: #fff !important;
}

button.primary {
  color: #fff !important;
  background-color: #01579b !important;
  border-color: #01579b !important;
}

button.yellow, button.warning {
  color: #000 !important;
  background-color: #f57f17 !important;
  border-color: #f57f17 !important;
}

button.red, button.danger {
  color: #fff !important;
  background-color: #dd2c00 !important;
  border-color: #dd2c00 !important;
}

button.green, button.success {
  color: #fff !important;
  background-color: #2e7d32 !important;
  border-color: #2e7d32 !important;
}

input:disabled, input[readonly] {
  cursor: not-allowed !important;
  background-color: #eee !important;
}

/* Radio buttons and checkboxes, followed by a span */
input[type=checkbox], input[type=radio] {
  vertical-align: middle;
  margin: 0 0.5rem 0 0;
}

input[type=radio] {
  margin-bottom: 2px;
}

input:disabled + span {
  opacity: 0.4;
  cursor: not-allowed;
}

/*# sourceMappingURL=jspanel.dialog.css.map */


/*! MYP_SCRIPT: scripts/assets/css/jsPanel/jspanel.min.css*/
.jsPanel{border:0;box-sizing:border-box;vertical-align:baseline;font-family:Roboto,"Open Sans",Lato,"Helvetica Neue",Arial,sans-serif;font-weight:400;display:flex;flex-direction:column;opacity:0;overflow:visible;position:absolute;z-index:100}.jsPanel-hdr{border:0;box-sizing:border-box;vertical-align:baseline;font-family:Roboto,"Open Sans",Lato,"Helvetica Neue",Arial,sans-serif;font-weight:400;display:flex;flex-direction:column;line-height:normal}.jsPanel-content{border:0;box-sizing:border-box;vertical-align:baseline;font-family:Roboto,"Open Sans",Lato,"Helvetica Neue",Arial,sans-serif;font-weight:400;background:#fff;color:#000;font-size:1rem;position:relative;overflow-x:hidden;overflow-y:auto;flex-grow:1}.jsPanel-content pre{color:inherit}.jsPanel-ftr{flex-direction:row;justify-content:flex-end;flex-wrap:nowrap;align-items:center;display:none;box-sizing:border-box;font-size:1rem;height:auto;background:#f5f5f5;font-weight:400;color:#000;overflow:hidden}.jsPanel-ftr.active{display:flex;flex-shrink:0;margin:0;padding:3px 8px}.jsPanel-hdr.jsPanel-hdr-dark .jsPanel-btn:hover{background-color:rgba(255,255,255,.4)}.jsPanel-hdr.jsPanel-hdr-light .jsPanel-btn:hover{background-color:rgba(0,0,0,.15)}.jsPanel-hdr-toolbar{font-size:1rem}.jsPanel-headerbar{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center}.jsPanel-headerbar img{vertical-align:middle;max-height:38px}.jsPanel-titlebar{display:flex;align-items:center;font-size:1rem;flex:1 1 0;cursor:move;height:100%;overflow:hidden;user-select:none}.jsPanel-titlebar .jsPanel-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant:small-caps;font-weight:400;margin:0 5px 0 8px;min-width:0}.jsPanel-titlebar.jsPanel-rtl{flex-direction:row-reverse}.jsPanel-controlbar{display:flex;align-items:center;align-self:start;touch-action:none;margin:3px}.jsPanel-controlbar .jsPanel-btn{cursor:pointer;touch-action:none;border-radius:3px;border:0;padding:0;margin:0;background-color:transparent;box-shadow:none}.jsPanel-controlbar .jsPanel-btn i,.jsPanel-controlbar .jsPanel-btn span,.jsPanel-controlbar .jsPanel-btn svg.jsPanel-icon{vertical-align:middle}.jsPanel-controlbar .jsPanel-btn span.glyphicon{padding:0 2px}.jsPanel-controlbar .jsPanel-btn svg.svg-inline--fa{margin:2px 3px}.jsPanel-controlbar .jsPanel-btn-normalize{display:none}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span:not(.material-icons),.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl svg:not(.svg-inline--fa){width:2rem;height:2rem;margin:2px 3px}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl .svg-inline--fa{font-size:2rem}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span.material-icons{font-size:2.2rem}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xl span[class^=fa]{width:auto;height:auto;font-size:2rem;margin:0 4px}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span:not(.material-icons),.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg svg:not(.svg-inline--fa){width:1.75rem;height:1.75rem;margin:2px 3px}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg .svg-inline--fa{font-size:1.75rem}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span.material-icons{font-size:1.9rem}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-lg span[class^=fa]{width:auto;height:auto;font-size:1.75rem}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span:not(.material-icons),.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md svg:not(.svg-inline--fa){width:1.5rem;height:1.5rem;margin:2px 3px}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md .svg-inline--fa{font-size:1.5rem}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span.material-icons{font-size:1.6rem}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-md span[class^=fa]{width:auto;height:auto;font-size:1.5rem}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span:not(.material-icons),.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm svg:not(.svg-inline--fa){width:1.25rem;height:1.25rem;margin:2px 3px}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm .svg-inline--fa{font-size:1.25rem}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span.material-icons{font-size:1.3rem}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-sm span[class^=fa]{width:auto;height:auto;font-size:1.25rem}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span:not(.material-icons),.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs svg:not(.svg-inline--fa){width:1rem;height:1rem;margin:1px 3px}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs .svg-inline--fa{font-size:1rem}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span.material-icons{font-size:1rem}.jsPanel-controlbar .jsPanel-btn.jsPanel-btn-xs span[class^=fa]{width:auto;height:auto;font-size:1rem}.jsPanel-hdr-toolbar{display:none;width:auto;height:auto}.jsPanel-hdr-toolbar.active{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:3px 8px}.jsPanel-titlebar .jsPanel-title[dir=rtl]{margin:0 8px 0 5px}.jsPanel-hdr-toolbar[dir=rtl].active{padding:0 8px 0 8px}.jsPanel-content[dir=rtl]{text-align:right}.jsPanel-ftr[dir=rtl]{flex-direction:row}#jsPanel-replacement-container,.jsPanel-minimized-box,.jsPanel-minimized-container{display:flex;flex-flow:row wrap-reverse;background:transparent none repeat scroll 0 0;bottom:0;height:auto;left:0;position:fixed;width:auto;z-index:9998}.jsPanel-replacement{font-family:Roboto,"Open Sans",Lato,"Helvetica Neue",Arial,sans-serif;display:flex;align-items:center;width:200px;height:34px;margin:1px 1px 0 0;z-index:9999}.jsPanel-replacement .jsPanel-hdr{flex-grow:1;min-width:0;padding:0;height:34px;overflow:hidden}.jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo{max-width:50%;overflow:hidden}.jsPanel-replacement .jsPanel-hdr .jsPanel-headerlogo img{max-width:100px;max-height:34px}.jsPanel-replacement .jsPanel-titlebar{cursor:default;min-width:0}.jsPanel-replacement .jsPanel-btn.jsPanel-btn-normalize{display:block}.jsPanel-minimized-box,.jsPanel-minimized-container{position:absolute;width:100%;overflow:hidden}.flexOne{display:flex;flex-flow:row wrap}.jsPanel-resizeit-handle{display:block;font-size:.1px;position:absolute;touch-action:none}.jsPanel-resizeit-handle.jsPanel-resizeit-n{cursor:n-resize;height:12px;left:9px;top:-5px;width:calc(100% - 18px)}.jsPanel-resizeit-handle.jsPanel-resizeit-e{cursor:e-resize;height:calc(100% - 18px);right:-9px;top:9px;width:12px}.jsPanel-resizeit-handle.jsPanel-resizeit-s{bottom:-9px;cursor:s-resize;height:12px;left:9px;width:calc(100% - 18px)}.jsPanel-resizeit-handle.jsPanel-resizeit-w{cursor:w-resize;height:calc(100% - 18px);left:-9px;top:9px;width:12px}.jsPanel-resizeit-handle.jsPanel-resizeit-ne{cursor:ne-resize;height:18px;right:-9px;top:-9px;width:18px}.jsPanel-resizeit-handle.jsPanel-resizeit-se{bottom:-9px;cursor:se-resize;height:18px;right:-9px;width:18px}.jsPanel-resizeit-handle.jsPanel-resizeit-sw{bottom:-9px;cursor:sw-resize;height:18px;left:-9px;width:18px}.jsPanel-resizeit-handle.jsPanel-resizeit-nw{cursor:nw-resize;height:18px;left:-9px;top:-9px;width:18px}.jsPanel-drag-overlay{width:100%;height:100%;position:absolute;left:0;top:0}.jsPanel-error .jsPanel-content{border:0!important;padding-top:0!important;font-size:.9rem;text-align:center}.jsPanel-error .jsPanel-content p{margin:0 0 10px 0}.jsPanel-error .jsPanel-content mark{background:#e6e6fa;border-radius:.33rem;padding:0 8px;font-family:monospace}.jsPanel-error .jsPanel-content .jsPanel-error-content-separator{width:100%;height:1px;background-image:linear-gradient(90deg,#fff 0,#663399 50%,#fff 100%);margin-bottom:10px}.jsPanel-depth-1{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.jsPanel-depth-2{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.jsPanel-depth-3{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.jsPanel-depth-4{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.jsPanel-depth-5{box-shadow:0 24px 48px rgba(0,0,0,.3),0 20px 14px rgba(0,0,0,.22)}.jsPanel-snap-area{position:fixed;background:#000;opacity:.2;border:1px solid silver;box-shadow:0 14px 28px rgba(0,0,0,.5),0 10px 10px rgba(0,0,0,.5);z-index:9999}.jsPanel-snap-area-lb,.jsPanel-snap-area-lc,.jsPanel-snap-area-left-bottom,.jsPanel-snap-area-left-center,.jsPanel-snap-area-left-top,.jsPanel-snap-area-lt{left:0}.jsPanel-snap-area-cb,.jsPanel-snap-area-ct{left:37.5%}.jsPanel-snap-area-rb,.jsPanel-snap-area-rc,.jsPanel-snap-area-right-bottom,.jsPanel-snap-area-right-center,.jsPanel-snap-area-right-top,.jsPanel-snap-area-rt{right:0}.jsPanel-snap-area-center-top,.jsPanel-snap-area-ct,.jsPanel-snap-area-left-top,.jsPanel-snap-area-lt,.jsPanel-snap-area-right-top,.jsPanel-snap-area-rt{top:0}.jsPanel-snap-area-lc,.jsPanel-snap-area-rc{top:37.5%}.jsPanel-snap-area-cb,.jsPanel-snap-area-center-bottom,.jsPanel-snap-area-lb,.jsPanel-snap-area-left-bottom,.jsPanel-snap-area-rb,.jsPanel-snap-area-right-bottom{bottom:0}.jsPanel-snap-area-cb,.jsPanel-snap-area-ct{width:25%}.jsPanel-snap-area-lc,.jsPanel-snap-area-rc{height:25%}.jsPanel-snap-area-left-top,.jsPanel-snap-area-lt{border-bottom-right-radius:100%}.jsPanel-snap-area-right-top,.jsPanel-snap-area-rt{border-bottom-left-radius:100%}.jsPanel-snap-area-rb,.jsPanel-snap-area-right-bottom{border-top-left-radius:100%}.jsPanel-snap-area-lb,.jsPanel-snap-area-left-bottom{border-top-right-radius:100%}.jsPanel-connector-left-bottom-corner,.jsPanel-connector-left-top-corner,.jsPanel-connector-right-bottom-corner,.jsPanel-connector-right-top-corner{width:12px;height:12px;position:absolute;border-radius:50%}.jsPanel-connector-left-top-corner{left:calc(100% - 6px);top:calc(100% - 6px)}.jsPanel-connector-right-top-corner{left:-6px;top:calc(100% - 6px)}.jsPanel-connector-right-bottom-corner{left:-6px;top:-6px}.jsPanel-connector-left-bottom-corner{left:calc(100% - 6px);top:-6px}.jsPanel-connector-bottom,.jsPanel-connector-bottomleft,.jsPanel-connector-bottomright,.jsPanel-connector-left,.jsPanel-connector-leftbottom,.jsPanel-connector-lefttop,.jsPanel-connector-right,.jsPanel-connector-rightbottom,.jsPanel-connector-righttop,.jsPanel-connector-top,.jsPanel-connector-topleft,.jsPanel-connector-topright{width:0;height:0;position:absolute;border:12px solid transparent}.jsPanel-connector-top,.jsPanel-connector-topleft,.jsPanel-connector-topright{top:100%;border-bottom-width:0}.jsPanel-connector-top{left:calc(50% - 12px)}.jsPanel-connector-topleft{left:0}.jsPanel-connector-topright{left:calc(100% - 24px)}.jsPanel-connector-bottom,.jsPanel-connector-bottomleft,.jsPanel-connector-bottomright{top:-12px;border-top-width:0}.jsPanel-connector-bottom{left:calc(50% - 12px)}.jsPanel-connector-bottomleft{left:0}.jsPanel-connector-bottomright{left:calc(100% - 24px)}.jsPanel-connector-left,.jsPanel-connector-leftbottom,.jsPanel-connector-lefttop{left:100%;border-right-width:0}.jsPanel-connector-left{top:calc(50% - 12px)}.jsPanel-connector-lefttop{top:0}.jsPanel-connector-leftbottom{top:calc(100% - 24px)}.jsPanel-connector-right,.jsPanel-connector-rightbottom,.jsPanel-connector-righttop{left:-12px;border-left-width:0}.jsPanel-connector-right{top:calc(50% - 12px)}.jsPanel-connector-righttop{top:0}.jsPanel-connector-rightbottom{top:calc(100% - 24px)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.jsPanel-replacement .jsPanel-titlebar{max-width:105px}}@keyframes jsPanelFadeIn{from{opacity:0}to{opacity:1}}.jsPanelFadeIn{opacity:0;animation:jsPanelFadeIn ease-in 1;animation-fill-mode:forwards;animation-duration:.6s}@keyframes jsPanelFadeOut{from{opacity:1}to{opacity:0}}.jsPanelFadeOut{animation:jsPanelFadeOut ease-in 1;animation-fill-mode:forwards;animation-duration:.6s}@keyframes modalBackdropFadeIn{from{opacity:0}to{opacity:.65}}.jsPanel-modal-backdrop{animation:modalBackdropFadeIn ease-in 1;animation-fill-mode:forwards;animation-duration:750ms;background:#000;position:fixed;top:0;left:0;width:100%;height:100%}@keyframes modalBackdropFadeOut{from{opacity:.65}to{opacity:0}}.jsPanel-modal-backdrop-out{animation:modalBackdropFadeOut ease-in 1;animation-fill-mode:forwards;animation-duration:.4s}.jsPanel-modal-backdrop-multi{background:rgba(0,0,0,.15)}.jsPanel-content .jsPanel-iframe-overlay{position:absolute;top:0;width:100%;height:100%;background:0 0}.jsPanel-addCloseCtrl{position:absolute;top:0;right:0;width:.8rem;height:.8rem;margin:2px;cursor:pointer;line-height:.8rem;padding:0;z-index:100;border:0;background-color:transparent}.jsPanel-addCloseCtrl.rtl{right:unset;left:0}.jsPanel-progressbar{position:relative;width:100%;height:0;overflow:hidden}.jsPanel-progressbar .jsPanel-progressbar-slider{position:absolute;width:0;height:3px;background:#d3d3d3;right:0}.jsPanel-progressbar.active{height:3px}@keyframes progressbar{from{width:0}to{width:100%}}.jsPanel-content.jsPanel-content-noheader{border:none!important}body{-ms-overflow-style:scrollbar}

/*! MYP_SCRIPT: scripts/assets/css/fancytree.css*/
/*!
 * Fancytree "Win8" skin.
 *
 * DON'T EDIT THE CSS FILE DIRECTLY, since it is automatically generated from
 * the LESS templates.
 */.fancytree-helper-hidden{display:none}.fancytree-helper-indeterminate-cb{color:#777}.fancytree-helper-disabled{color:silver}.fancytree-helper-spin{-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}ul.fancytree-container{font-family:tahoma,arial,helvetica;font-size:10pt;white-space:nowrap;padding:3px;margin:0;background-color:#fff;border:1px dotted gray;min-height:0;position:relative}ul.fancytree-container ul{padding:0 0 0 16px;margin:0}ul.fancytree-container ul>li:before{content:none}ul.fancytree-container li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0}ul.fancytree-container li.fancytree-lastsib{background-image:none}.ui-fancytree-disabled ul.fancytree-container{opacity:.5;background-color:silver}ul.fancytree-connectors.fancytree-container li{background-image:url("../scripts/assets/skin-win8/vline.gif");background-position:0 0}ul.fancytree-container li.fancytree-lastsib,ul.fancytree-no-connector>li{background-image:none}li.fancytree-animating{position:relative}#fancytree-drop-marker,span.fancytree-checkbox,span.fancytree-drag-helper-img,span.fancytree-empty,span.fancytree-expander,span.fancytree-icon,span.fancytree-vline{width:16px;height:16px;display:inline-block;vertical-align:top;background-repeat:no-repeat;background-image:url("../scripts/assets/skin-win8/icons.gif");background-position:0 0}span.fancytree-checkbox,span.fancytree-custom-icon,span.fancytree-expander,span.fancytree-icon{margin-top:2px}span.fancytree-custom-icon{width:16px;height:16px;display:inline-block;margin-left:3px;background-position:0 0}img.fancytree-icon{width:16px;height:16px;margin-left:3px;margin-top:2px;vertical-align:top;border-style:none}span.fancytree-expander{cursor:pointer}.fancytree-exp-n span.fancytree-expander,.fancytree-exp-nl span.fancytree-expander{background-image:none;cursor:default}.fancytree-connectors .fancytree-exp-n span.fancytree-expander,.fancytree-connectors .fancytree-exp-nl span.fancytree-expander{background-image:url("../scripts/assets/skin-win8/icons.gif");margin-top:0}.fancytree-connectors .fancytree-exp-n span.fancytree-expander,.fancytree-connectors .fancytree-exp-n span.fancytree-expander:hover{background-position:0 -64px}.fancytree-connectors .fancytree-exp-nl span.fancytree-expander,.fancytree-connectors .fancytree-exp-nl span.fancytree-expander:hover{background-position:-16px -64px}.fancytree-exp-c span.fancytree-expander{background-position:0 -80px}.fancytree-exp-c span.fancytree-expander:hover{background-position:-16px -80px}.fancytree-exp-cl span.fancytree-expander{background-position:0 -96px}.fancytree-exp-cl span.fancytree-expander:hover{background-position:-16px -96px}.fancytree-exp-cd span.fancytree-expander{background-position:-64px -80px}.fancytree-exp-cd span.fancytree-expander:hover{background-position:-80px -80px}.fancytree-exp-cdl span.fancytree-expander{background-position:-64px -96px}.fancytree-exp-cdl span.fancytree-expander:hover{background-position:-80px -96px}.fancytree-exp-e span.fancytree-expander,.fancytree-exp-ed span.fancytree-expander{background-position:-32px -80px}.fancytree-exp-e span.fancytree-expander:hover,.fancytree-exp-ed span.fancytree-expander:hover{background-position:-48px -80px}.fancytree-exp-edl span.fancytree-expander,.fancytree-exp-el span.fancytree-expander{background-position:-32px -96px}.fancytree-exp-edl span.fancytree-expander:hover,.fancytree-exp-el span.fancytree-expander:hover{background-position:-48px -96px}.fancytree-fade-expander span.fancytree-expander{transition:opacity 1.5s;opacity:0}.fancytree-fade-expander .fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander [class*=fancytree-statusnode-] span.fancytree-expander,.fancytree-fade-expander.fancytree-treefocus span.fancytree-expander,.fancytree-fade-expander:hover span.fancytree-expander{transition:opacity .6s;opacity:1}span.fancytree-checkbox{margin-left:3px;background-position:0 -32px}span.fancytree-checkbox:hover{background-position:-16px -32px}span.fancytree-checkbox.fancytree-radio{background-position:0 -48px}span.fancytree-checkbox.fancytree-radio:hover{background-position:-16px -48px}.fancytree-partsel span.fancytree-checkbox{background-position:-64px -32px}.fancytree-partsel span.fancytree-checkbox:hover{background-position:-80px -32px}.fancytree-partsel span.fancytree-checkbox.fancytree-radio{background-position:-64px -48px}.fancytree-partsel span.fancytree-checkbox.fancytree-radio:hover{background-position:-80px -48px}.fancytree-selected span.fancytree-checkbox{background-position:-32px -32px}.fancytree-selected span.fancytree-checkbox:hover{background-position:-48px -32px}.fancytree-selected span.fancytree-checkbox.fancytree-radio{background-position:-32px -48px}.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover{background-position:-48px -48px}.fancytree-unselectable span.fancytree-checkbox{opacity:.4}.fancytree-unselectable span.fancytree-checkbox:hover{background-position:0 -32px}.fancytree-unselectable span.fancytree-checkbox.fancytree-radio:hover{background-position:0 -48px}.fancytree-unselectable.fancytree-partsel span.fancytree-checkbox:hover{background-position:-64px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox:hover{background-position:-32px -32px}.fancytree-unselectable.fancytree-selected span.fancytree-checkbox.fancytree-radio:hover{background-position:-32px -48px}.fancytree-container.fancytree-checkbox-auto-hide span.fancytree-checkbox{visibility:hidden}.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node.fancytree-selected span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide .fancytree-node:hover span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr.fancytree-selected td span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide tr:hover td span.fancytree-checkbox{visibility:unset}.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus .fancytree-node.fancytree-active span.fancytree-checkbox,.fancytree-container.fancytree-checkbox-auto-hide.fancytree-treefocus tr.fancytree-active td span.fancytree-checkbox{visibility:unset}span.fancytree-icon{margin-left:3px;background-position:0 0}.fancytree-ico-c span.fancytree-icon:hover{background-position:-16px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon{background-position:-32px 0}.fancytree-has-children.fancytree-ico-c span.fancytree-icon:hover{background-position:-48px 0}.fancytree-ico-e span.fancytree-icon{background-position:-64px 0}.fancytree-ico-e span.fancytree-icon:hover{background-position:-80px 0}.fancytree-ico-cf span.fancytree-icon{background-position:0 -16px}.fancytree-ico-cf span.fancytree-icon:hover{background-position:-16px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon{background-position:-32px -16px}.fancytree-has-children.fancytree-ico-cf span.fancytree-icon:hover{background-position:-48px -16px}.fancytree-ico-ef span.fancytree-icon{background-position:-64px -16px}.fancytree-ico-ef span.fancytree-icon:hover{background-position:-80px -16px}.fancytree-loading span.fancytree-expander,.fancytree-loading span.fancytree-expander:hover,.fancytree-statusnode-loading span.fancytree-icon,.fancytree-statusnode-loading span.fancytree-icon:hover,span.fancytree-icon.fancytree-icon-loading{background-image:url("../scripts/assets/skin-win8/loading.gif");background-position:0 0}.fancytree-statusnode-error span.fancytree-icon,.fancytree-statusnode-error span.fancytree-icon:hover{background-position:0 -112px}span.fancytree-node{display:inherit;width:100%;margin-top:0;min-height:20px}span.fancytree-title{color:#000;cursor:pointer;display:inline-block;vertical-align:top;min-height:20px;padding:0 3px 0 3px;margin:0 0 0 3px;border:1px solid transparent;-webkit-border-radius:0px;-moz-border-radius:0;-ms-border-radius:0px;-o-border-radius:0;border-radius:0}span.fancytree-node.fancytree-error span.fancytree-title{color:red}span.fancytree-childcounter{color:#fff;background:#337ab7;border:1px solid gray;border-radius:10px;padding:2px;text-align:center}div.fancytree-drag-helper span.fancytree-childcounter,div.fancytree-drag-helper span.fancytree-dnd-modifier{display:inline-block;color:#fff;background:#337ab7;border:1px solid gray;min-width:10px;height:10px;line-height:1;vertical-align:baseline;border-radius:10px;padding:2px;text-align:center;font-size:9px}div.fancytree-drag-helper span.fancytree-childcounter{position:absolute;top:-6px;right:-6px}div.fancytree-drag-helper span.fancytree-dnd-modifier{background:#5cb85c;border:none;font-weight:bolder}div.fancytree-drag-helper.fancytree-drop-accept span.fancytree-drag-helper-img{background-position:-32px -112px}div.fancytree-drag-helper.fancytree-drop-reject span.fancytree-drag-helper-img{background-position:-16px -112px}#fancytree-drop-marker{width:32px;position:absolute;background-position:0 -128px;margin:0}#fancytree-drop-marker.fancytree-drop-after,#fancytree-drop-marker.fancytree-drop-before{width:64px;background-position:0 -144px}#fancytree-drop-marker.fancytree-drop-copy{background-position:-64px -128px}#fancytree-drop-marker.fancytree-drop-move{background-position:-32px -128px}span.fancytree-drag-source.fancytree-drag-remove{opacity:.15}.fancytree-container.fancytree-rtl span.fancytree-connector,.fancytree-container.fancytree-rtl span.fancytree-drag-helper-img,.fancytree-container.fancytree-rtl span.fancytree-expander,.fancytree-container.fancytree-rtl span.fancytree-icon{background-image:url("../scripts/assets/skin-win8/icons-rtl.gif")}.fancytree-container.fancytree-rtl .fancytree-exp-n span.fancytree-expander,.fancytree-container.fancytree-rtl .fancytree-exp-nl span.fancytree-expander{background-image:none}.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-n span.fancytree-expander,.fancytree-container.fancytree-rtl.fancytree-connectors .fancytree-exp-nl span.fancytree-expander{background-image:url("../scripts/assets/skin-win8/icons-rtl.gif")}ul.fancytree-container.fancytree-rtl ul{padding:0 16px 0 0}ul.fancytree-container.fancytree-rtl.fancytree-connectors li{background-position:right 0;background-image:url("../scripts/assets/skin-win8/vline-rtl.gif")}ul.fancytree-container.fancytree-rtl li.fancytree-lastsib,ul.fancytree-container.fancytree-rtl.fancytree-no-connector>li{background-image:none}#fancytree-drop-marker.fancytree-rtl{background-image:url("../scripts/assets/skin-win8/icons-rtl.gif")}table.fancytree-ext-table{font-family:tahoma,arial,helvetica;font-size:10pt;border-collapse:collapse}table.fancytree-ext-table span.fancytree-node{display:inline-block;box-sizing:border-box}table.fancytree-ext-table td.fancytree-status-merged{text-align:center;font-style:italic;color:silver}table.fancytree-ext-table tr.fancytree-statusnode-error td.fancytree-status-merged{color:red}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr.fancytree-active>td{background-color:#eee}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode>tbody>tr>td.fancytree-active-cell{background-color:#cbe8f6}table.fancytree-ext-table.fancytree-ext-ariagrid.fancytree-cell-mode.fancytree-cell-nav-mode>tbody>tr>td.fancytree-active-cell{background-color:#3875d7}table.fancytree-ext-columnview tbody tr td{position:relative;border:1px solid gray;vertical-align:top;overflow:auto}table.fancytree-ext-columnview tbody tr td>ul{padding:0}table.fancytree-ext-columnview tbody tr td>ul li{list-style-image:none;list-style-position:outside;list-style-type:none;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background-attachment:scroll;background-color:transparent;background-position:0 0;background-repeat:repeat-y;background-image:none;margin:0}table.fancytree-ext-columnview span.fancytree-node{position:relative;display:inline-block}table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded{background-color:#e0e0e0}table.fancytree-ext-columnview span.fancytree-node.fancytree-active{background-color:#cbe8f6}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right{position:absolute;right:3px;background-position:0 -80px}table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right:hover{background-position:-16px -80px}.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title{color:#000;font-weight:700}.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide,.fancytree-ext-filter-hide tr.fancytree-hide{display:none}.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title{color:silver;font-weight:lighter}.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title,.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title{color:#000;font-weight:400}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander{visibility:hidden}.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander,.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander{visibility:visible}.fancytree-ext-childcounter span.fancytree-custom-icon,.fancytree-ext-childcounter span.fancytree-icon,.fancytree-ext-filter span.fancytree-custom-icon,.fancytree-ext-filter span.fancytree-icon{position:relative}.fancytree-ext-childcounter span.fancytree-childcounter,.fancytree-ext-filter span.fancytree-childcounter{color:#fff;background:#777;border:1px solid gray;position:absolute;top:-6px;right:-6px;min-width:10px;height:10px;line-height:1;vertical-align:baseline;border-radius:10px;padding:2px;text-align:center;font-size:9px}ul.fancytree-ext-wide{position:relative;min-width:100%;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}ul.fancytree-ext-wide span.fancytree-node>span{position:relative;z-index:2}ul.fancytree-ext-wide span.fancytree-node span.fancytree-title{position:absolute;z-index:1;left:0;min-width:100%;margin-left:0;margin-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fancytree-ext-fixed-wrapper .fancytree-ext-fixed-hidden{display:none}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-bottom{border-bottom:3px solid rgba(0,0,0,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-scroll-border-right{border-right:3px solid rgba(0,0,0,.75)}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tl{position:absolute;overflow:hidden;z-index:3;top:0;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-tr{position:absolute;overflow:hidden;z-index:2;top:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-bl{position:absolute;overflow:hidden;z-index:2;left:0}.fancytree-ext-fixed-wrapper div.fancytree-ext-fixed-wrapper-br{position:absolute;overflow:scroll;z-index:1}.fancytree-plain span.fancytree-title{border:1px solid transparent}.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-focused span.fancytree-title{border-color:#39f}.fancytree-plain span.fancytree-active span.fancytree-title,.fancytree-plain span.fancytree-selected span.fancytree-title{background-color:#f7f7f7;border-color:#dedede}.fancytree-plain span.fancytree-node span.fancytree-selected span.fancytree-title{font-style:italic}.fancytree-plain span.fancytree-node:hover span.fancytree-title{background-color:#eff9fe;border-color:#70c0e7}.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-active span.fancytree-title,.fancytree-plain.fancytree-container.fancytree-treefocus span.fancytree-selected span.fancytree-title{background-color:#cbe8f6;border-color:#26a0da}table.fancytree-ext-table tbody tr td{border:1px solid #ededed}table.fancytree-ext-table tbody span.fancytree-node,table.fancytree-ext-table tbody span.fancytree-node:hover{border:none;background:0 0}table.fancytree-ext-table tbody tr:hover{background-color:#e5f3fb;outline:1px solid #70C0E7}table.fancytree-ext-table tbody tr.fancytree-focused span.fancytree-title{outline:1px dotted black}table.fancytree-ext-table tbody tr.fancytree-active:hover,table.fancytree-ext-table tbody tr.fancytree-selected:hover{background-color:#cbe8f6;outline:1px solid #26A0DA}table.fancytree-ext-table tbody tr.fancytree-active{background-color:#f7f7f7;outline:1px solid #DEDEDE}table.fancytree-ext-table tbody tr.fancytree-selected{background-color:#f7f7f7}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-active{background-color:#cbe8f6;outline:1px solid #26A0DA}table.fancytree-ext-table.fancytree-treefocus tbody tr.fancytree-selected{background-color:#cbe8f6}

/*! MYP_SCRIPT: scripts/assets/css/jquery-contextmenu.min.css*/
@charset "UTF-8";/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: v2.9.2
 *
 * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://swisnl.github.io/jQuery-contextMenu/
 *
 * Copyright (c) 2011-2020 SWIS BV and contributors
 *
 * Licensed under
 *   MIT License http://www.opensource.org/licenses/mit-license
 *
 * Date: 2020-05-13T13:55:37.023Z
 */@-webkit-keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@-o-keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);-o-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);-o-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);-o-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);-o-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@font-face{font-family:context-menu-icons;font-style:normal;font-weight:400;src:url(font/context-menu-icons.eot?33lxn);src:url(font/context-menu-icons.eot?33lxn#iefix) format("embedded-opentype"),url(font/context-menu-icons.woff2?33lxn) format("woff2"),url(font/context-menu-icons.woff?33lxn) format("woff"),url(font/context-menu-icons.ttf?33lxn) format("truetype")}.context-menu-icon-add:before{content:"\EA01"}.context-menu-icon-copy:before{content:"\EA02"}.context-menu-icon-cut:before{content:"\EA03"}.context-menu-icon-delete:before{content:"\EA04"}.context-menu-icon-edit:before{content:"\EA05"}.context-menu-icon-loading:before{content:"\EA06"}.context-menu-icon-paste:before{content:"\EA07"}.context-menu-icon-quit:before{content:"\EA08"}.context-menu-icon::before{position:absolute;top:50%;left:0;width:2em;font-family:context-menu-icons;font-size:1em;font-style:normal;font-weight:400;line-height:1;color:#2980b9;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.context-menu-icon.context-menu-hover:before{color:#fff}.context-menu-icon.context-menu-disabled::before{color:#bbb}.context-menu-icon.context-menu-icon-loading:before{-webkit-animation:cm-spin 2s infinite;-o-animation:cm-spin 2s infinite;animation:cm-spin 2s infinite}.context-menu-icon.context-menu-icon--fa{display:list-item;font-family:inherit;line-height:inherit}.context-menu-icon.context-menu-icon--fa::before{position:absolute;top:50%;left:0;width:2em;font-family:FontAwesome;font-size:1em;font-style:normal;font-weight:400;line-height:1;color:#2980b9;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.context-menu-icon.context-menu-icon--fa.context-menu-hover:before{color:#fff}.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before{color:#bbb}.context-menu-icon.context-menu-icon--fa5{display:list-item;font-family:inherit;line-height:inherit}.context-menu-icon.context-menu-icon--fa5 i,.context-menu-icon.context-menu-icon--fa5 svg{position:absolute;top:.3em;left:.5em;color:#2980b9}.context-menu-icon.context-menu-icon--fa5.context-menu-hover>i,.context-menu-icon.context-menu-icon--fa5.context-menu-hover>svg{color:#fff}.context-menu-icon.context-menu-icon--fa5.context-menu-disabled i,.context-menu-icon.context-menu-icon--fa5.context-menu-disabled svg{color:#bbb}.context-menu-list{position:absolute;display:inline-block;min-width:13em;max-width:26em;padding:.25em 0;margin:.3em;font-family:inherit;font-size:inherit;list-style-type:none;background:#fff;border:1px solid #bebebe;border-radius:.2em;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);box-shadow:0 2px 5px rgba(0,0,0,.5)}.context-menu-item{position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:.2em 2em;color:#2f2f2f;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff}.context-menu-separator{padding:0;margin:.35em 0;border-bottom:1px solid #e6e6e6}.context-menu-item>label>input,.context-menu-item>label>textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.context-menu-item.context-menu-hover{color:#fff;cursor:pointer;background-color:#2980b9}.context-menu-item.context-menu-disabled{color:#bbb;cursor:default;background-color:#fff}.context-menu-input.context-menu-hover{color:#2f2f2f;cursor:default}.context-menu-submenu:after{position:absolute;top:50%;right:.5em;z-index:1;width:0;height:0;content:'';border-color:transparent transparent transparent #2f2f2f;border-style:solid;border-width:.25em 0 .25em .25em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.context-menu-item.context-menu-input{padding:.3em .6em}.context-menu-input>label>*{vertical-align:top}.context-menu-input>label>input[type=checkbox],.context-menu-input>label>input[type=radio]{position:relative;top:.12em;margin-right:.4em}.context-menu-input>label{margin:0}.context-menu-input>label,.context-menu-input>label>input[type=text],.context-menu-input>label>select,.context-menu-input>label>textarea{display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.context-menu-input>label>textarea{height:7em}.context-menu-item>.context-menu-list{top:.3em;right:-.3em;display:none}.context-menu-item.context-menu-visible>.context-menu-list{display:block}.context-menu-accesskey{text-decoration:underline}
/*# sourceMappingURL=jquery.contextMenu.min.css.map */

/*! MYP_SCRIPT: templates/shared-agura-2018//css/flags.css*/
.small-flag {
    height: 15px;
    width: 20px;
}

.small-flag-list-margins {
    margin-top: 3px;
    margin-right: 10px;
    margin-left: 5px
}

.svg-flag-ae {
    background: url(/images/flags/svg/ae.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ae {
    background: url(/images/flags/square/AE.png);
}

.svg-flag-ai {
    background: url(/images/flags/svg/ai.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ai {
    background: url(/images/flags/square/AI.png);
}

.svg-flag-ag {
    background: url(/images/flags/svg/ag.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ag {
    background: url(/images/flags/square/AG.png);
}

.svg-flag-al {
    background: url(/images/flags/svg/al.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-al {
    background: url(/images/flags/square/AL.png);
}

.svg-flag-am {
    background: url(/images/flags/svg/am.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-am {
    background: url(/images/flags/square/AM.png);
}

.svg-flag-an {
    background: url(/images/flags/svg/an.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-an {
    background: url(/images/flags/square/AN.png);
}

.svg-flag-ao {
    background: url(/images/flags/svg/ao.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ao {
    background: url(/images/flags/square/AO.png);
}

.svg-flag-aq {
    background: url(/images/flags/svg/aq.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-aq {
    background: url(/images/flags/square/AQ.png);
}

.svg-flag-at {
    background: url(/images/flags/svg/at.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-at {
    background: url(/images/flags/square/AT.png);
}

.svg-flag-ar {
    background: url(/images/flags/svg/ar.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ar {
    background: url(/images/flags/square/AR.png);
}

.svg-flag-aw {
    background: url(/images/flags/svg/aw.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-aw {
    background: url(/images/flags/square/AW.png);
}

.svg-flag-au {
    background: url(/images/flags/svg/au.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-au {
    background: url(/images/flags/square/AU.png);
}

.svg-flag-az {
    background: url(/images/flags/svg/az.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-az {
    background: url(/images/flags/square/AZ.png);
}

.svg-flag-bd {
    background: url(/images/flags/svg/bd.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bd {
    background: url(/images/flags/square/BD.png);
}

.svg-flag-ba {
    background: url(/images/flags/svg/ba.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ba {
    background: url(/images/flags/square/BA.png);
}

.svg-flag-ax {
    background: url(/images/flags/svg/ax.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ax {
    background: url(/images/flags/square/AX.png);
}

.svg-flag-bh {
    background: url(/images/flags/svg/bh.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bh {
    background: url(/images/flags/square/BH.png);
}

.svg-flag-bb {
    background: url(/images/flags/svg/bb.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bb {
    background: url(/images/flags/square/BB.png);
}

.svg-flag-bg {
    background: url(/images/flags/svg/bg.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bg {
    background: url(/images/flags/square/BG.png);
}

.svg-flag-be {
    background: url(/images/flags/svg/be.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-be {
    background: url(/images/flags/square/BE.png);
}

.svg-flag-bf {
    background: url(/images/flags/svg/bf.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bf {
    background: url(/images/flags/square/BF.png);
}

.svg-flag-bi {
    background: url(/images/flags/svg/bi.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bi {
    background: url(/images/flags/square/BI.png);
}

.svg-flag-bj {
    background: url(/images/flags/svg/bj.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bj {
    background: url(/images/flags/square/BJ.png);
}

.svg-flag-bq {
    background: url(/images/flags/svg/bq.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bq {
    background: url(/images/flags/square/BQ.png);
}

.svg-flag-br {
    background: url(/images/flags/svg/br.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-br {
    background: url(/images/flags/square/BR.png);
}

.svg-flag-bs {
    background: url(/images/flags/svg/bs.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bs {
    background: url(/images/flags/square/BS.png);
}

.svg-flag-bv {
    background: url(/images/flags/svg/bv.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bv {
    background: url(/images/flags/square/BV.png);
}

.svg-flag-bw {
    background: url(/images/flags/svg/bw.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bw {
    background: url(/images/flags/square/BW.png);
}

.svg-flag-by {
    background: url(/images/flags/svg/by.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-by {
    background: url(/images/flags/square/BY.png);
}

.svg-flag-cc {
    background: url(/images/flags/svg/cc.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-cc {
    background: url(/images/flags/square/CC.png);
}

.svg-flag-cf {
    background: url(/images/flags/svg/cf.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-cf {
    background: url(/images/flags/square/CF.png);
}

.svg-flag-ca {
    background: url(/images/flags/svg/ca.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ca {
    background: url(/images/flags/square/CA.png);
}

.svg-flag-ch {
    background: url(/images/flags/svg/ch.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ch {
    background: url(/images/flags/square/CH.png);
}

.svg-flag-cg {
    background: url(/images/flags/svg/cg.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-cg {
    background: url(/images/flags/square/CG.png);
}

.svg-flag-cd {
    background: url(/images/flags/svg/cd.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-cd {
    background: url(/images/flags/square/CD.png);
}

.svg-flag-ck {
    background: url(/images/flags/svg/ck.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ck {
    background: url(/images/flags/square/CK.png);
}

.svg-flag-cl {
    background: url(/images/flags/svg/cl.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-cl {
    background: url(/images/flags/square/CL.png);
}

.svg-flag-cn {
    background: url(/images/flags/svg/cn.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-cn {
    background: url(/images/flags/square/CN.png);
}

.svg-flag-ci {
    background: url(/images/flags/svg/ci.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ci {
    background: url(/images/flags/square/CI.png);
}

.svg-flag-co {
    background: url(/images/flags/svg/co.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-co {
    background: url(/images/flags/square/CO.png);
}

.svg-flag-cr {
    background: url(/images/flags/svg/cr.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-cr {
    background: url(/images/flags/square/CR.png);
}

.svg-flag-cu {
    background: url(/images/flags/svg/cu.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-cu {
    background: url(/images/flags/square/CU.png);
}

.svg-flag-cw {
    background: url(/images/flags/svg/cw.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-cw {
    background: url(/images/flags/square/CW.png);
}

.svg-flag-cv {
    background: url(/images/flags/svg/cv.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-cv {
    background: url(/images/flags/square/CV.png);
}

.svg-flag-cx {
    background: url(/images/flags/svg/cx.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-cx {
    background: url(/images/flags/square/CX.png);
}

.svg-flag-cz {
    background: url(/images/flags/svg/cz.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-cz {
    background: url(/images/flags/square/CZ.png);
}

.svg-flag-cm {
    background: url(/images/flags/svg/cm.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-cm {
    background: url(/images/flags/square/CM.png);
}

.svg-flag-de {
    background: url(/images/flags/svg/de.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-de {
    background: url(/images/flags/square/DE.png);
}

.svg-flag-dj {
    background: url(/images/flags/svg/dj.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-dj {
    background: url(/images/flags/square/DJ.png);
}

.svg-flag-dk {
    background: url(/images/flags/svg/dk.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-dk {
    background: url(/images/flags/square/DK.png);
}

.svg-flag-dz {
    background: url(/images/flags/svg/dz.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-dz {
    background: url(/images/flags/square/DZ.png);
}

.svg-flag-ee {
    background: url(/images/flags/svg/ee.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ee {
    background: url(/images/flags/square/EE.png);
}

.svg-flag-er {
    background: url(/images/flags/svg/er.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-er {
    background: url(/images/flags/square/ER.png);
}

.svg-flag-eh {
    background: url(/images/flags/svg/eh.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-eh {
    background: url(/images/flags/square/EH.png);
}

.svg-flag-et {
    background: url(/images/flags/svg/et.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-et {
    background: url(/images/flags/square/ET.png);
}

.svg-flag-eu {
    background: url(/images/flags/svg/eu.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-eu {
    background: url(/images/flags/square/EU.png);
}

.svg-flag-fi {
    background: url(/images/flags/svg/fi.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-fi {
    background: url(/images/flags/square/FI.png);
}

.svg-flag-fm {
    background: url(/images/flags/svg/fm.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-fm {
    background: url(/images/flags/square/FM.png);
}

.svg-flag-fr {
    background: url(/images/flags/svg/fr.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-fr {
    background: url(/images/flags/square/FR.png);
}

.svg-flag-fo {
    background: url(/images/flags/svg/fo.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-fo {
    background: url(/images/flags/square/FO.png);
}

.svg-flag-gb-eng {
    background: url(/images/flags/svg/gb-eng.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gb-eng {
    background: url(/images/flags/square/GB-ENG.png);
}

.svg-flag-gb-sct {
    background: url(/images/flags/svg/gb-sct.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gb-sct {
    background: url(/images/flags/square/GB-SCT.png);
}

.svg-flag-ga {
    background: url(/images/flags/svg/ga.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ga {
    background: url(/images/flags/square/GA.png);
}

.svg-flag-gb-nir {
    background: url(/images/flags/svg/gb-nir.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gb-nir {
    background: url(/images/flags/square/GB-NIR.png);
}

.svg-flag-gd {
    background: url(/images/flags/svg/gd.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gd {
    background: url(/images/flags/square/GD.png);
}

.svg-flag-ge {
    background: url(/images/flags/svg/ge.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ge {
    background: url(/images/flags/square/GE.png);
}

.svg-flag-gb {
    background: url(/images/flags/svg/gb.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gb {
    background: url(/images/flags/square/GB.png);
}

.svg-flag-gg {
    background: url(/images/flags/svg/gg.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gg {
    background: url(/images/flags/square/GG.png);
}

.svg-flag-gh {
    background: url(/images/flags/svg/gh.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gh {
    background: url(/images/flags/square/GH.png);
}

.svg-flag-gf {
    background: url(/images/flags/svg/gf.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gf {
    background: url(/images/flags/square/GF.png);
}

.svg-flag-gl {
    background: url(/images/flags/svg/gl.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gl {
    background: url(/images/flags/square/GL.png);
}

.svg-flag-gm {
    background: url(/images/flags/svg/gm.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gm {
    background: url(/images/flags/square/GM.png);
}

.svg-flag-gi {
    background: url(/images/flags/svg/gi.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gi {
    background: url(/images/flags/square/GI.png);
}

.svg-flag-gp {
    background: url(/images/flags/svg/gp.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gp {
    background: url(/images/flags/square/GP.png);
}

.svg-flag-gr {
    background: url(/images/flags/svg/gr.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gr {
    background: url(/images/flags/square/GR.png);
}

.svg-flag-gw {
    background: url(/images/flags/svg/gw.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gw {
    background: url(/images/flags/square/GW.png);
}

.svg-flag-gn {
    background: url(/images/flags/svg/gn.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gn {
    background: url(/images/flags/square/GN.png);
}

.svg-flag-gq {
    background: url(/images/flags/svg/gq.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gq {
    background: url(/images/flags/square/GQ.png);
}

.svg-flag-gu {
    background: url(/images/flags/svg/gu.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gu {
    background: url(/images/flags/square/GU.png);
}

.svg-flag-gy {
    background: url(/images/flags/svg/gy.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gy {
    background: url(/images/flags/square/GY.png);
}

.svg-flag-hk {
    background: url(/images/flags/svg/hk.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-hk {
    background: url(/images/flags/square/HK.png);
}

.svg-flag-hm {
    background: url(/images/flags/svg/hm.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-hm {
    background: url(/images/flags/square/HM.png);
}

.svg-flag-hn {
    background: url(/images/flags/svg/hn.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-hn {
    background: url(/images/flags/square/HN.png);
}

.svg-flag-ie {
    background: url(/images/flags/svg/ie.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ie {
    background: url(/images/flags/square/IE.png);
}

.svg-flag-il {
    background: url(/images/flags/svg/il.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-il {
    background: url(/images/flags/square/IL.png);
}

.svg-flag-hu {
    background: url(/images/flags/svg/hu.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-hu {
    background: url(/images/flags/square/HU.png);
}

.svg-flag-in {
    background: url(/images/flags/svg/in.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-in {
    background: url(/images/flags/square/IN.png);
}

.svg-flag-iq {
    background: url(/images/flags/svg/iq.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-iq {
    background: url(/images/flags/square/IQ.png);
}

.svg-flag-id {
    background: url(/images/flags/svg/id.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-id {
    background: url(/images/flags/square/ID.png);
}

.svg-flag-ir {
    background: url(/images/flags/svg/ir.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ir {
    background: url(/images/flags/square/IR.png);
}

.svg-flag-is {
    background: url(/images/flags/svg/is.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-is {
    background: url(/images/flags/square/IS.png);
}

.svg-flag-je {
    background: url(/images/flags/svg/je.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-je {
    background: url(/images/flags/square/JE.png);
}

.svg-flag-jm {
    background: url(/images/flags/svg/jm.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-jm {
    background: url(/images/flags/square/JM.png);
}

.svg-flag-it {
    background: url(/images/flags/svg/it.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-it {
    background: url(/images/flags/square/IT.png);
}

.svg-flag-jo {
    background: url(/images/flags/svg/jo.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-jo {
    background: url(/images/flags/square/JO.png);
}

.svg-flag-kg {
    background: url(/images/flags/svg/kg.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-kg {
    background: url(/images/flags/square/KG.png);
}

.svg-flag-ki {
    background: url(/images/flags/svg/ki.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ki {
    background: url(/images/flags/square/KI.png);
}

.svg-flag-jp {
    background: url(/images/flags/svg/jp.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-jp {
    background: url(/images/flags/square/JP.png);
}

.svg-flag-kn {
    background: url(/images/flags/svg/kn.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-kn {
    background: url(/images/flags/square/KN.png);
}

.svg-flag-ke {
    background: url(/images/flags/svg/ke.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ke {
    background: url(/images/flags/square/KE.png);
}

.svg-flag-km {
    background: url(/images/flags/svg/km.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-km {
    background: url(/images/flags/square/KM.png);
}

.svg-flag-kp {
    background: url(/images/flags/svg/kp.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-kp {
    background: url(/images/flags/square/KP.png);
}

.svg-flag-kr {
    background: url(/images/flags/svg/kr.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-kr {
    background: url(/images/flags/square/KR.png);
}

.svg-flag-kw {
    background: url(/images/flags/svg/kw.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-kw {
    background: url(/images/flags/square/KW.png);
}

.svg-flag-la {
    background: url(/images/flags/svg/la.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-la {
    background: url(/images/flags/square/LA.png);
}

.svg-flag-lb {
    background: url(/images/flags/svg/lb.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-lb {
    background: url(/images/flags/square/LB.png);
}

.svg-flag-lr {
    background: url(/images/flags/svg/lr.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-lr {
    background: url(/images/flags/square/LR.png);
}

.svg-flag-lc {
    background: url(/images/flags/svg/lc.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-lc {
    background: url(/images/flags/square/LC.png);
}

.svg-flag-lt {
    background: url(/images/flags/svg/lt.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-lt {
    background: url(/images/flags/square/LT.png);
}

.svg-flag-ls {
    background: url(/images/flags/svg/ls.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ls {
    background: url(/images/flags/square/LS.png);
}

.svg-flag-lv {
    background: url(/images/flags/svg/lv.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-lv {
    background: url(/images/flags/square/LV.png);
}

.svg-flag-ly {
    background: url(/images/flags/svg/ly.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ly {
    background: url(/images/flags/square/LY.png);
}

.svg-flag-lu {
    background: url(/images/flags/svg/lu.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-lu {
    background: url(/images/flags/square/LU.png);
}

.svg-flag-ma {
    background: url(/images/flags/svg/ma.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ma {
    background: url(/images/flags/square/MA.png);
}

.svg-flag-mc {
    background: url(/images/flags/svg/mc.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mc {
    background: url(/images/flags/square/MC.png);
}

.svg-flag-mf {
    background: url(/images/flags/svg/mf.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mf {
    background: url(/images/flags/square/MF.png);
}

.svg-flag-mg {
    background: url(/images/flags/svg/mg.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mg {
    background: url(/images/flags/square/MG.png);
}

.svg-flag-mh {
    background: url(/images/flags/svg/mh.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mh {
    background: url(/images/flags/square/MH.png);
}

.svg-flag-mk {
    background: url(/images/flags/svg/mk.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mk {
    background: url(/images/flags/square/MK.png);
}

.svg-flag-mn {
    background: url(/images/flags/svg/mn.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mn {
    background: url(/images/flags/square/MN.png);
}

.svg-flag-ml {
    background: url(/images/flags/svg/ml.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ml {
    background: url(/images/flags/square/ML.png);
}

.svg-flag-mm {
    background: url(/images/flags/svg/mm.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mm {
    background: url(/images/flags/square/MM.png);
}

.svg-flag-mo {
    background: url(/images/flags/svg/mo.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mo {
    background: url(/images/flags/square/MO.png);
}

.svg-flag-mq {
    background: url(/images/flags/svg/mq.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mq {
    background: url(/images/flags/square/MQ.png);
}

.svg-flag-mr {
    background: url(/images/flags/svg/mr.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mr {
    background: url(/images/flags/square/MR.png);
}

.svg-flag-mu {
    background: url(/images/flags/svg/mu.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mu {
    background: url(/images/flags/square/MU.png);
}

.svg-flag-mw {
    background: url(/images/flags/svg/mw.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mw {
    background: url(/images/flags/square/MW.png);
}

.svg-flag-mv {
    background: url(/images/flags/svg/mv.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mv {
    background: url(/images/flags/square/MV.png);
}

.svg-flag-nc {
    background: url(/images/flags/svg/nc.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-nc {
    background: url(/images/flags/square/NC.png);
}

.svg-flag-na {
    background: url(/images/flags/svg/na.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-na {
    background: url(/images/flags/square/NA.png);
}

.svg-flag-my {
    background: url(/images/flags/svg/my.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-my {
    background: url(/images/flags/square/MY.png);
}

.svg-flag-mz {
    background: url(/images/flags/svg/mz.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mz {
    background: url(/images/flags/square/MZ.png);
}

.svg-flag-ng {
    background: url(/images/flags/svg/ng.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ng {
    background: url(/images/flags/square/NG.png);
}

.svg-flag-nl {
    background: url(/images/flags/svg/nl.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-nl {
    background: url(/images/flags/square/NL.png);
}

.svg-flag-ne {
    background: url(/images/flags/svg/ne.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ne {
    background: url(/images/flags/square/NE.png);
}

.svg-flag-no {
    background: url(/images/flags/svg/no.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-no {
    background: url(/images/flags/square/NO.png);
}

.svg-flag-nr {
    background: url(/images/flags/svg/nr.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-nr {
    background: url(/images/flags/square/NR.png);
}

.svg-flag-np {
    background: url(/images/flags/svg/np.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-np {
    background: url(/images/flags/square/NP.png);
}

.svg-flag-nu {
    background: url(/images/flags/svg/nu.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-nu {
    background: url(/images/flags/square/NU.png);
}

.svg-flag-pa {
    background: url(/images/flags/svg/pa.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-pa {
    background: url(/images/flags/square/PA.png);
}

.svg-flag-nz {
    background: url(/images/flags/svg/nz.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-nz {
    background: url(/images/flags/square/NZ.png);
}

.svg-flag-ph {
    background: url(/images/flags/svg/ph.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ph {
    background: url(/images/flags/square/PH.png);
}

.svg-flag-pf {
    background: url(/images/flags/svg/pf.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-pf {
    background: url(/images/flags/square/PF.png);
}

.svg-flag-pg {
    background: url(/images/flags/svg/pg.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-pg {
    background: url(/images/flags/square/PG.png);
}

.svg-flag-pl {
    background: url(/images/flags/svg/pl.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-pl {
    background: url(/images/flags/square/PL.png);
}

.svg-flag-pm {
    background: url(/images/flags/svg/pm.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-pm {
    background: url(/images/flags/square/PM.png);
}

.svg-flag-pr {
    background: url(/images/flags/svg/pr.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-pr {
    background: url(/images/flags/square/PR.png);
}

.svg-flag-pk {
    background: url(/images/flags/svg/pk.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-pk {
    background: url(/images/flags/square/PK.png);
}

.svg-flag-pw {
    background: url(/images/flags/svg/pw.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-pw {
    background: url(/images/flags/square/PW.png);
}

.svg-flag-ps {
    background: url(/images/flags/svg/ps.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ps {
    background: url(/images/flags/square/PS.png);
}

.svg-flag-qa {
    background: url(/images/flags/svg/qa.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-qa {
    background: url(/images/flags/square/QA.png);
}

.svg-flag-re {
    background: url(/images/flags/svg/re.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-re {
    background: url(/images/flags/square/RE.png);
}

.svg-flag-ro {
    background: url(/images/flags/svg/ro.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ro {
    background: url(/images/flags/square/RO.png);
}

.svg-flag-ru {
    background: url(/images/flags/svg/ru.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ru {
    background: url(/images/flags/square/RU.png);
}

.svg-flag-rw {
    background: url(/images/flags/svg/rw.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-rw {
    background: url(/images/flags/square/RW.png);
}

.svg-flag-sc {
    background: url(/images/flags/svg/sc.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sc {
    background: url(/images/flags/square/SC.png);
}

.svg-flag-sb {
    background: url(/images/flags/svg/sb.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sb {
    background: url(/images/flags/square/SB.png);
}

.svg-flag-se {
    background: url(/images/flags/svg/se.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-se {
    background: url(/images/flags/square/SE.png);
}

.svg-flag-sd {
    background: url(/images/flags/svg/sd.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sd {
    background: url(/images/flags/square/SD.png);
}

.svg-flag-sg {
    background: url(/images/flags/svg/sg.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sg {
    background: url(/images/flags/square/SG.png);
}

.svg-flag-sh {
    background: url(/images/flags/svg/sh.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sh {
    background: url(/images/flags/square/SH.png);
}

.svg-flag-si {
    background: url(/images/flags/svg/si.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-si {
    background: url(/images/flags/square/SI.png);
}

.svg-flag-sj {
    background: url(/images/flags/svg/sj.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sj {
    background: url(/images/flags/square/SJ.png);
}

.svg-flag-sl {
    background: url(/images/flags/svg/sl.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sl {
    background: url(/images/flags/square/SL.png);
}

.svg-flag-sk {
    background: url(/images/flags/svg/sk.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sk {
    background: url(/images/flags/square/SK.png);
}

.svg-flag-so {
    background: url(/images/flags/svg/so.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-so {
    background: url(/images/flags/square/SO.png);
}

.svg-flag-sn {
    background: url(/images/flags/svg/sn.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sn {
    background: url(/images/flags/square/SN.png);
}

.svg-flag-sr {
    background: url(/images/flags/svg/sr.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sr {
    background: url(/images/flags/square/SR.png);
}

.svg-flag-ss {
    background: url(/images/flags/svg/ss.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ss {
    background: url(/images/flags/square/SS.png);
}

.svg-flag-st {
    background: url(/images/flags/svg/st.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-st {
    background: url(/images/flags/square/ST.png);
}

.svg-flag-sy {
    background: url(/images/flags/svg/sy.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sy {
    background: url(/images/flags/square/SY.png);
}

.svg-flag-sz {
    background: url(/images/flags/svg/sz.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sz {
    background: url(/images/flags/square/SZ.png);
}

.svg-flag-td {
    background: url(/images/flags/svg/td.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-td {
    background: url(/images/flags/square/TD.png);
}

.svg-flag-tf {
    background: url(/images/flags/svg/tf.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-tf {
    background: url(/images/flags/square/TF.png);
}

.svg-flag-tg {
    background: url(/images/flags/svg/tg.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-tg {
    background: url(/images/flags/square/TG.png);
}

.svg-flag-tj {
    background: url(/images/flags/svg/tj.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-tj {
    background: url(/images/flags/square/TJ.png);
}

.svg-flag-tk {
    background: url(/images/flags/svg/tk.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-tk {
    background: url(/images/flags/square/TK.png);
}

.svg-flag-th {
    background: url(/images/flags/svg/th.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-th {
    background: url(/images/flags/square/TH.png);
}

.svg-flag-tt {
    background: url(/images/flags/svg/tt.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-tt {
    background: url(/images/flags/square/TT.png);
}

.svg-flag-tn {
    background: url(/images/flags/svg/tn.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-tn {
    background: url(/images/flags/square/TN.png);
}

.svg-flag-to {
    background: url(/images/flags/svg/to.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-to {
    background: url(/images/flags/square/TO.png);
}

.svg-flag-tl {
    background: url(/images/flags/svg/tl.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-tl {
    background: url(/images/flags/square/TL.png);
}

.svg-flag-tv {
    background: url(/images/flags/svg/tv.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-tv {
    background: url(/images/flags/square/TV.png);
}

.svg-flag-tz {
    background: url(/images/flags/svg/tz.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-tz {
    background: url(/images/flags/square/TZ.png);
}

.svg-flag-tw {
    background: url(/images/flags/svg/tw.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-tw {
    background: url(/images/flags/square/TW.png);
}

.svg-flag-tr {
    background: url(/images/flags/svg/tr.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-tr {
    background: url(/images/flags/square/TR.png);
}

.svg-flag-ua {
    background: url(/images/flags/svg/ua.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ua {
    background: url(/images/flags/square/UA.png);
}

.svg-flag-uy {
    background: url(/images/flags/svg/uy.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-uy {
    background: url(/images/flags/square/UY.png);
}

.svg-flag-ug {
    background: url(/images/flags/svg/ug.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ug {
    background: url(/images/flags/square/UG.png);
}

.svg-flag-um {
    background: url(/images/flags/svg/um.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-um {
    background: url(/images/flags/square/UM.png);
}

.svg-flag-us {
    background: url(/images/flags/svg/us.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-us {
    background: url(/images/flags/square/US.png);
}

.svg-flag-vc {
    background: url(/images/flags/svg/vc.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-vc {
    background: url(/images/flags/square/VC.png);
}

.svg-flag-ve {
    background: url(/images/flags/svg/ve.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ve {
    background: url(/images/flags/square/VE.png);
}

.svg-flag-uz {
    background: url(/images/flags/svg/uz.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-uz {
    background: url(/images/flags/square/UZ.png);
}

.svg-flag-vu {
    background: url(/images/flags/svg/vu.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-vu {
    background: url(/images/flags/square/VU.png);
}

.svg-flag-vn {
    background: url(/images/flags/svg/vn.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-vn {
    background: url(/images/flags/square/VN.png);
}

.svg-flag-ye {
    background: url(/images/flags/svg/ye.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ye {
    background: url(/images/flags/square/YE.png);
}

.svg-flag-wf {
    background: url(/images/flags/svg/wf.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-wf {
    background: url(/images/flags/square/WF.png);
}

.svg-flag-ws {
    background: url(/images/flags/svg/ws.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ws {
    background: url(/images/flags/square/WS.png);
}

.svg-flag-yt {
    background: url(/images/flags/svg/yt.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-yt {
    background: url(/images/flags/square/YT.png);
}

.svg-flag-zm {
    background: url(/images/flags/svg/zm.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-zm {
    background: url(/images/flags/square/ZM.png);
}

.svg-flag-za {
    background: url(/images/flags/svg/za.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-za {
    background: url(/images/flags/square/ZA.png);
}

.svg-flag-as {
    background: url(/images/flags/svg/as.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-as {
    background: url(/images/flags/square/AS.png);
}

.svg-flag-zw {
    background: url(/images/flags/svg/zw.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-zw {
    background: url(/images/flags/square/ZW.png);
}

.svg-flag-cy {
    background: url(/images/flags/svg/cy.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-cy {
    background: url(/images/flags/square/CY.png);
}

.svg-flag-dm {
    background: url(/images/flags/svg/dm.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-dm {
    background: url(/images/flags/square/DM.png);
}

.svg-flag-eg {
    background: url(/images/flags/svg/eg.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-eg {
    background: url(/images/flags/square/EG.png);
}

.svg-flag-gb-wls {
    background: url(/images/flags/svg/gb-wls.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gb-wls {
    background: url(/images/flags/square/GB-WLS.png);
}

.svg-flag-im {
    background: url(/images/flags/svg/im.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-im {
    background: url(/images/flags/square/IM.png);
}

.svg-flag-kh {
    background: url(/images/flags/svg/kh.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-kh {
    background: url(/images/flags/square/KH.png);
}

.svg-flag-kz {
    background: url(/images/flags/svg/kz.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-kz {
    background: url(/images/flags/square/KZ.png);
}

.svg-flag-li {
    background: url(/images/flags/svg/li.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-li {
    background: url(/images/flags/square/LI.png);
}

.svg-flag-ms {
    background: url(/images/flags/svg/ms.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ms {
    background: url(/images/flags/square/MS.png);
}

.svg-flag-mt {
    background: url(/images/flags/svg/mt.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mt {
    background: url(/images/flags/square/MT.png);
}

.svg-flag-nf {
    background: url(/images/flags/svg/nf.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-nf {
    background: url(/images/flags/square/NF.png);
}

.svg-flag-pn {
    background: url(/images/flags/svg/pn.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-pn {
    background: url(/images/flags/square/PN.png);
}

.svg-flag-pt {
    background: url(/images/flags/svg/pt.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-pt {
    background: url(/images/flags/square/PT.png);
}

.svg-flag-tc {
    background: url(/images/flags/svg/tc.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-tc {
    background: url(/images/flags/square/TC.png);
}

.svg-flag-vg {
    background: url(/images/flags/svg/vg.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-vg {
    background: url(/images/flags/square/VG.png);
}

.svg-flag-xk {
    background: url(/images/flags/svg/xk.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-xk {
    background: url(/images/flags/square/XK.png);
}

.svg-flag-bn {
    background: url(/images/flags/svg/bn.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bn {
    background: url(/images/flags/square/BN.png);
}

.svg-flag-ht {
    background: url(/images/flags/svg/ht.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ht {
    background: url(/images/flags/square/HT.png);
}

.svg-flag-io {
    background: url(/images/flags/svg/io.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-io {
    background: url(/images/flags/square/IO.png);
}

.svg-flag-lk {
    background: url(/images/flags/svg/lk.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-lk {
    background: url(/images/flags/square/LK.png);
}

.svg-flag-om {
    background: url(/images/flags/svg/om.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-om {
    background: url(/images/flags/square/OM.png);
}

.svg-flag-sa {
    background: url(/images/flags/svg/sa.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sa {
    background: url(/images/flags/square/SA.png);
}

.svg-flag-sx {
    background: url(/images/flags/svg/sx.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sx {
    background: url(/images/flags/square/SX.png);
}

.svg-flag-vi {
    background: url(/images/flags/svg/vi.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-vi {
    background: url(/images/flags/square/VI.png);
}

.svg-flag-fk {
    background: url(/images/flags/svg/fk.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-fk {
    background: url(/images/flags/square/FK.png);
}

.svg-flag-md {
    background: url(/images/flags/svg/md.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-md {
    background: url(/images/flags/square/MD.png);
}

.svg-flag-mp {
    background: url(/images/flags/svg/mp.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mp {
    background: url(/images/flags/square/MP.png);
}

.svg-flag-ni {
    background: url(/images/flags/svg/ni.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ni {
    background: url(/images/flags/square/NI.png);
}

.svg-flag-py {
    background: url(/images/flags/svg/py.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-py {
    background: url(/images/flags/square/PY.png);
}

.svg-flag-af {
    background: url(/images/flags/svg/af.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-af {
    background: url(/images/flags/square/AF.png);
}

.svg-flag-bl {
    background: url(/images/flags/svg/bl.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bl {
    background: url(/images/flags/square/BL.png);
}

.svg-flag-bt {
    background: url(/images/flags/svg/bt.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bt {
    background: url(/images/flags/square/BT.png);
}

.svg-flag-ky {
    background: url(/images/flags/svg/ky.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ky {
    background: url(/images/flags/square/KY.png);
}

.svg-flag-tm {
    background: url(/images/flags/svg/tm.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-tm {
    background: url(/images/flags/square/TM.png);
}

.svg-flag-va {
    background: url(/images/flags/svg/va.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-va {
    background: url(/images/flags/square/VA.png);
}

.svg-flag-ad {
    background: url(/images/flags/svg/ad.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ad {
    background: url(/images/flags/square/AD.png);
}

.svg-flag-bm {
    background: url(/images/flags/svg/bm.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bm {
    background: url(/images/flags/square/BM.png);
}

.svg-flag-fj {
    background: url(/images/flags/svg/fj.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-fj {
    background: url(/images/flags/square/FJ.png);
}

.svg-flag-gs {
    background: url(/images/flags/svg/gs.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gs {
    background: url(/images/flags/square/GS.png);
}

.svg-flag-gt {
    background: url(/images/flags/svg/gt.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-gt {
    background: url(/images/flags/square/GT.png);
}

.svg-flag-bz {
    background: url(/images/flags/svg/bz.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bz {
    background: url(/images/flags/square/BZ.png);
}

.svg-flag-me {
    background: url(/images/flags/svg/me.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-me {
    background: url(/images/flags/square/ME.png);
}

.svg-flag-hr {
    background: url(/images/flags/svg/hr.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-hr {
    background: url(/images/flags/square/HR.png);
}

.svg-flag-sm {
    background: url(/images/flags/svg/sm.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sm {
    background: url(/images/flags/square/SM.png);
}

.svg-flag-do {
    background: url(/images/flags/svg/do.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-do {
    background: url(/images/flags/square/DO.png);
}

.svg-flag-pe {
    background: url(/images/flags/svg/pe.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-pe {
    background: url(/images/flags/square/PE.png);
}

.svg-flag-sv {
    background: url(/images/flags/svg/sv.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-sv {
    background: url(/images/flags/square/SV.png);
}

.svg-flag-mx {
    background: url(/images/flags/svg/mx.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-mx {
    background: url(/images/flags/square/MX.png);
}

.svg-flag-rs {
    background: url(/images/flags/svg/rs.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-rs {
    background: url(/images/flags/square/RS.png);
}

.svg-flag-bo {
    background: url(/images/flags/svg/bo.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-bo {
    background: url(/images/flags/square/BO.png);
}

.svg-flag-ec {
    background: url(/images/flags/svg/ec.svg) no-repeat center center;
    background-size: cover;
}

.no-svg .svg-flag-ec {
    background: url(/images/flags/square/EC.png);
}


/*! MYP_SCRIPT: templates/agura-dex-2022/css/dexstyle.css*/

.disabled-style {
    opacity: 0.5;
    color: grey;
}

.disabled-token {
    pointer-events: none;

}

.dex_comp .form-control:focus {
    padding-left: 10px !important;
}

.disabled-btn {
    pointer-events: none;
    opacity: 0.5;
}

.tokenItem {
    color: black;
}

.tokenItem:hover {
    cursor: default;
}

.headerDivider {
    border-left: 1px solid #6b9eff;
    border-right: 1px solid #6b9eff;
    opacity: 0.3;
    height: 28px;
}

.wallet-actions {
    display: flex;
    position: absolute;
    right: 20px;
    top: 10px;
}

.copy-wallet {
    margin-right: 7px;
}

#pair-selector .search-pairs {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 10px;
    min-height: 45px;
    align-items: center;
}

#loading_to {
    margin-right: 10px
}

#loading_from {
    margin-right: 10px
}

.add_liq_select {
    flex-direction: column;
}

.token-input {
    position: absolute;
    right: 0;
    padding: 7px;
}

#amount_load {
    display: flex;
    align-items: flex-start;
}

.hide {
    display: none;
}

.token_select {
    padding: 15px;
}

.token_select:hover {
    background-color: #fafafa;
    cursor: pointer;

}

.token_list_img, .token_image {
    width: 40px;
}

.dex_form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dex_comp .modal-body {
    height: 400px;
    overflow-y: scroll;
}

.token_row {
    padding: 5px 10px;
    color: black;
}

#svg_close-popup {
    width: 14px;
    height: 14px;
    fill: #f5b300;
    opacity: 1;
}

.dex .menu {
    padding: 20px;
    justify-content: center;
    display: flex;
}

.swapbox {
    display: flex;
    flex-direction: column;
}

#pair-selector .caro-item:hover {
    color: #d5d5d5;
}

#pair-selector .carousel-control-next-icon:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.001' height='18.001' viewBox='0 0 18.001 18.001'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%23154160%7D %3C/style%3E%3C/defs%3E%3Cpath id='sortUp' d='M-3902-12738a9.009 9.009 0 0 1-9-9 9.011 9.011 0 0 1 9-9 9.012 9.012 0 0 1 9 9 9.011 9.011 0 0 1-9 9zm-1-12.089a.833.833 0 0 0 0 .087v9a1 1 0 0 0 1 1 1 1 0 0 0 1-1v-8.983l3.192 3.189a1 1 0 0 0 .707.294 1 1 0 0 0 .708-.294.985.985 0 0 0 .293-.705 1 1 0 0 0-.293-.71l-4.949-4.946a.989.989 0 0 0-.708-.295.989.989 0 0 0-.708.295l-4.949 4.946a1 1 0 0 0-.3.714.982.982 0 0 0 .3.7.989.989 0 0 0 .708.295.989.989 0 0 0 .708-.295l3.292-3.293z' class='cls-1' transform='rotate(-90 4431.501 -8324.5)'/%3E%3C/svg%3E%0A") !important;
}

#pair-selector .carousel-control-prev-icon:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.001' height='18.001' viewBox='0 0 18.001 18.001'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%23154160%7D %3C/style%3E%3C/defs%3E%3Cpath id='sortUp' d='M-3902-12738a9.009 9.009 0 0 1-9-9 9.011 9.011 0 0 1 9-9 9.012 9.012 0 0 1 9 9 9.011 9.011 0 0 1-9 9zm-1-12.089a.833.833 0 0 0 0 .087v9a1 1 0 0 0 1 1 1 1 0 0 0 1-1v-8.983l3.192 3.189a1 1 0 0 0 .707.294 1 1 0 0 0 .708-.294.985.985 0 0 0 .293-.705 1 1 0 0 0-.293-.71l-4.949-4.946a.989.989 0 0 0-.708-.295.989.989 0 0 0-.708.295l-4.949 4.946a1 1 0 0 0-.3.714.982.982 0 0 0 .3.7.989.989 0 0 0 .708.295.989.989 0 0 0 .708-.295l3.292-3.293z' class='cls-1' transform='rotate(-90 4431.501 -8324.5)'/%3E%3C/svg%3E%0A") !important;
}

.dex_comp .btn-red {
    width: 200px;
    margin: 0 20px 0 20px;
}

.swapbox .form-control {
    width: 220px !important;
    padding-right: 40px;
}

.swapbox .form-control:focus {
    padding-right: 40px !important;
}

.swap-wrap {
    align-items: flex-end;
}

.add-liq-wrap {
    align-items: flex-start;
}

.dex_comp .btn-blue {
    width: 200px;
    margin: 20px;
}

.swapbox_select {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.token_row:hover {
    background-color: #fafafa;
    cursor: pointer;
}

.active-pair {
    font-weight: bold;
    color: grey;
}

.btn-red:focus {
    margin-bottom: 0px !important;
}

.padding-left-10 {
    padding-left: 10px;
}

.blur-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .15);
    backdrop-filter: blur(5px);
    z-index: 10000000
}

/*! MYP_SCRIPT: templates/shared-agura-2018//css/newFlags.css*/
.iti {
    position: relative;
    display: inline-block;
}

.iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.iti__hide {
    display: none;
}

.iti__v-hide {
    visibility: hidden;
}

.iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0;
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px;
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px;
}

.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}

.iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555;
}

.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px;
}

@media (max-width: 500px) {
    .iti__country-list {
        white-space: normal;
    }
}

.iti__flag-box {
    display: inline-block;
    width: 20px;
}

.iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
}

.iti__country {
    padding: 5px 10px;
    outline: none;
}

.iti__dial-code {
    color: #999;
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle;
}

.iti__flag-box, .iti__country-name {
    margin-right: 6px;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default;
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
}

.iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px;
}

.iti--container:hover {
    cursor: pointer;
}

.iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed;
}

.iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%;
}

.iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em;
}

.iti__flag {
    width: 20px;
}

.iti__flag.iti__be {
    width: 18px;
}

.iti__flag.iti__ch {
    width: 15px;
}

.iti__flag.iti__mc {
    width: 19px;
}

.iti__flag.iti__ne {
    width: 18px;
}

.iti__flag.iti__np {
    width: 13px;
}

.iti__flag.iti__va {
    width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-size: 5652px 15px;
    }
}

.iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px;
}

.iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px;
}

.iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px;
}

.iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px;
}

.iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px;
}

.iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px;
}

.iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px;
}

.iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px;
}

.iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px;
}

.iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px;
}

.iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px;
}

.iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px;
}

.iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px;
}

.iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px;
}

.iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px;
}

.iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px;
}

.iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px;
}

.iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px;
}

.iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px;
}

.iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px;
}

.iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px;
}

.iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px;
}

.iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px;
}

.iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px;
}

.iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px;
}

.iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px;
}

.iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px;
}

.iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px;
}

.iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px;
}

.iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px;
}

.iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px;
}

.iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px;
}

.iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px;
}

.iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px;
}

.iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px;
}

.iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px;
}

.iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px;
}

.iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px;
}

.iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px;
}

.iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px;
}

.iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px;
}

.iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px;
}

.iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px;
}

.iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px;
}

.iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px;
}

.iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px;
}

.iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px;
}

.iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px;
}

.iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px;
}

.iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px;
}

.iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px;
}

.iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px;
}

.iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px;
}

.iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px;
}

.iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px;
}

.iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px;
}

.iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px;
}

.iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px;
}

.iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px;
}

.iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px;
}

.iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px;
}

.iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px;
}

.iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px;
}

.iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px;
}

.iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px;
}

.iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px;
}

.iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px;
}

.iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px;
}

.iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px;
}

.iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px;
}

.iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px;
}

.iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px;
}

.iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px;
}

.iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px;
}

.iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px;
}

.iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px;
}

.iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px;
}

.iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px;
}

.iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px;
}

.iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px;
}

.iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px;
}

.iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px;
}

.iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px;
}

.iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px;
}

.iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px;
}

.iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px;
}

.iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px;
}

.iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px;
}

.iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px;
}

.iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px;
}

.iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px;
}

.iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px;
}

.iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px;
}

.iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px;
}

.iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px;
}

.iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px;
}

.iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px;
}

.iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px;
}

.iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px;
}

.iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px;
}

.iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px;
}

.iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px;
}

.iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px;
}

.iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px;
}

.iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px;
}

.iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px;
}

.iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px;
}

.iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px;
}

.iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px;
}

.iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px;
}

.iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px;
}

.iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px;
}

.iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px;
}

.iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px;
}

.iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px;
}

.iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px;
}

.iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px;
}

.iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px;
}

.iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px;
}

.iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px;
}

.iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px;
}

.iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px;
}

.iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px;
}

.iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px;
}

.iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px;
}

.iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px;
}

.iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px;
}

.iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px;
}

.iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px;
}

.iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px;
}

.iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px;
}

.iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px;
}

.iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px;
}

.iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px;
}

.iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px;
}

.iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px;
}

.iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px;
}

.iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px;
}

.iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px;
}

.iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px;
}

.iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px;
}

.iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px;
}

.iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px;
}

.iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px;
}

.iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px;
}

.iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px;
}

.iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px;
}

.iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px;
}

.iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px;
}

.iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px;
}

.iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px;
}

.iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px;
}

.iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px;
}

.iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px;
}

.iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px;
}

.iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px;
}

.iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px;
}

.iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px;
}

.iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px;
}

.iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px;
}

.iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px;
}

.iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px;
}

.iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px;
}

.iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px;
}

.iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px;
}

.iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px;
}

.iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px;
}

.iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px;
}

.iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px;
}

.iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px;
}

.iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px;
}

.iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px;
}

.iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px;
}

.iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px;
}

.iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px;
}

.iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px;
}

.iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px;
}

.iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px;
}

.iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px;
}

.iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px;
}

.iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px;
}

.iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px;
}

.iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px;
}

.iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px;
}

.iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px;
}

.iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px;
}

.iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px;
}

.iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px;
}

.iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px;
}

.iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px;
}

.iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px;
}

.iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px;
}

.iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px;
}

.iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px;
}

.iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px;
}

.iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px;
}

.iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px;
}

.iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px;
}

.iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px;
}

.iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px;
}

.iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px;
}

.iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px;
}

.iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px;
}

.iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px;
}

.iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px;
}

.iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px;
}

.iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px;
}

.iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px;
}

.iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px;
}

.iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px;
}

.iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px;
}

.iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px;
}

.iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px;
}

.iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px;
}

.iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px;
}

.iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px;
}

.iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px;
}

.iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px;
}

.iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px;
}

.iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px;
}

.iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px;
}

.iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px;
}

.iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px;
}

.iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px;
}

.iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px;
}

.iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px;
}

.iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px;
}

.iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px;
}

.iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px;
}

.iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px;
}

.iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px;
}

.iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px;
}

.iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px;
}

.iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px;
}

.iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px;
}

.iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px;
}

.iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px;
}

.iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px;
}

.iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px;
}

.iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px;
}

.iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px;
}

.iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px;
}

.iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px;
}

.iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px;
}

.iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px;
}

.iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px;
}

.iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px;
}

.iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px;
}

.iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px;
}

.iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px;
}

.iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px;
}

.iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px;
}

.iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px;
}

.iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px;
}

.iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px;
}

.iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px;
}

.iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px;
}

.iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px;
}

.iti__flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url(/images/flags/flags.png);
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url(/images/flags/flags.png);
    }
}

.iti__flag.iti__np {
    background-color: transparent;
}