/** Trumbowyg v2.25.1 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
#trumbowyg-icons,#trumbowyg-icons svg{height:0;width:0}#trumbowyg-icons{overflow:hidden;visibility:hidden}.trumbowyg-box *,.trumbowyg-box ::after,.trumbowyg-box ::before,.trumbowyg-modal *,.trumbowyg-modal ::after,.trumbowyg-modal ::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.trumbowyg-box svg,.trumbowyg-modal svg{width:17px;height:100%;fill:#222}.trumbowyg-box,.trumbowyg-editor{display:block;position:relative;border:1px solid #DDD;width:100%;min-height:300px}.trumbowyg-box .trumbowyg-editor{margin:0 auto}.trumbowyg-box.trumbowyg-fullscreen{background:#FEFEFE;border:none!important}.trumbowyg-editor,.trumbowyg-textarea{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;min-height:300px;width:100%;border-style:none;resize:none;outline:0;overflow:auto;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.trumbowyg-editor.trumbowyg-autogrow-on-enter,.trumbowyg-textarea.trumbowyg-autogrow-on-enter{-webkit-transition:height .3s ease-out;-o-transition:height .3s ease-out;transition:height .3s ease-out}.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor::before{color:transparent!important;text-shadow:0 0 7px #333}@media screen and (min-width:0 \0){.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(200,200,200,.6)!important}}@supports (-ms-accelerator:true){.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(200,200,200,.6)!important}}.trumbowyg-box-blur .trumbowyg-editor hr,.trumbowyg-box-blur .trumbowyg-editor img{opacity:.2}.trumbowyg-textarea{position:relative;display:block;overflow:auto;border:none;font-size:14px;font-family:Inconsolata,Consolas,Courier,"Courier New",sans-serif;line-height:18px}.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea{height:1px!important;width:25%;min-height:0!important;padding:0!important;background:0 0;opacity:0!important}.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea{display:block;margin-bottom:1px}.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor{display:none}.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea{opacity:.8;background:0 0}.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before{content:attr(placeholder);color:#999;pointer-events:none;white-space:break-spaces}.trumbowyg-button-pane{width:100%;min-height:36px;background:#ecf0f1;border-bottom:1px solid #d7e0e2;margin:0;padding:0 5px;position:relative;list-style-type:none;line-height:10px;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:11}.trumbowyg-button-pane::after{content:" ";display:block;position:absolute;top:36px;left:0;right:0;width:100%;height:1px;background:#d7e0e2}.trumbowyg-button-pane .trumbowyg-button-group{display:inline-block}.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg{color:transparent}.trumbowyg-button-pane .trumbowyg-button-group::after{content:" ";display:inline-block;width:1px;background:#d7e0e2;margin:0 5px;height:35px;vertical-align:top}.trumbowyg-button-pane .trumbowyg-button-group:last-child::after{content:none}.trumbowyg-button-pane button{display:inline-block;position:relative;width:35px;height:35px;padding:1px 6px!important;margin-bottom:1px;overflow:hidden;border:none;cursor:pointer;background:0 0;vertical-align:middle;-webkit-transition:background-color 150ms,opacity 150ms;-o-transition:background-color 150ms,opacity 150ms;transition:background-color 150ms,opacity 150ms}.trumbowyg-button-pane button.trumbowyg-textual-button{width:auto;line-height:35px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.trumbowyg-button-pane button.trumbowyg-disable,.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button){opacity:.2;cursor:default;pointer-events:none}.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before{background:#e3e9eb}.trumbowyg-button-pane button.trumbowyg-active,.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,.trumbowyg-button-pane button:not(.trumbowyg-disable):hover{background-color:#FFF;outline:0}.trumbowyg-button-pane .trumbowyg-open-dropdown::after{display:block;content:" ";position:absolute;top:25px;right:3px;height:0;width:0;border:3px solid transparent;border-top-color:#555}.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button{padding-left:10px!important;padding-right:18px!important}.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after{top:17px;right:7px}.trumbowyg-button-pane .trumbowyg-right{float:right}.trumbowyg-dropdown{max-width:300px;max-height:250px;overflow-y:auto;overflow-x:hidden;white-space:nowrap;border:1px solid #ecf0f1;padding:5px 0;border-top:none;background:#FFF;margin-left:-1px;-webkit-box-shadow:rgba(0,0,0,.1) 0 2px 3px;box-shadow:rgba(0,0,0,.1) 0 2px 3px;z-index:12}.trumbowyg-dropdown button{display:block;width:100%;height:35px;line-height:35px;text-decoration:none;background:#FFF;padding:0 20px 0 10px;color:#333!important;border:none;cursor:pointer;text-align:left;font-size:15px;-webkit-transition:all 150ms;-o-transition:all 150ms;transition:all 150ms}.trumbowyg-dropdown button:focus,.trumbowyg-dropdown button:hover{background:#ecf0f1}.trumbowyg-dropdown button svg{float:left;margin-right:14px}.trumbowyg-modal{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);max-width:520px;width:100%;height:350px;z-index:12;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.trumbowyg-modal-box{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);max-width:500px;width:calc(100% - 20px);padding-bottom:45px;z-index:1;background-color:#FFF;text-align:center;font-size:14px;-webkit-box-shadow:rgba(0,0,0,.2) 0 2px 3px;box-shadow:rgba(0,0,0,.2) 0 2px 3px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.trumbowyg-modal-box .trumbowyg-modal-title{font-size:24px;font-weight:700;margin:0 0 20px;padding:15px 0 13px;display:block;border-bottom:1px solid #EEE;color:#333;background:#fbfcfc}.trumbowyg-modal-box .trumbowyg-progress{width:100%;height:3px;position:absolute;top:58px}.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar{background:#2BC06A;width:0;height:100%;-webkit-transition:width 150ms linear;-o-transition:width 150ms linear;transition:width 150ms linear}.trumbowyg-modal-box .trumbowyg-input-row{position:relative;margin:15px 12px;border:1px solid #DEDEDE;overflow:hidden}.trumbowyg-modal-box .trumbowyg-input-infos{text-align:left;-webkit-transition:all 150ms;-o-transition:all 150ms;transition:all 150ms;width:150px;border-right:1px solid #DEDEDE;padding:0 7px;background-color:#fbfcfc;position:absolute;left:0;top:0;bottom:0}.trumbowyg-modal-box .trumbowyg-input-infos label{color:#69878f;overflow:hidden}.trumbowyg-modal-box .trumbowyg-input-infos label,.trumbowyg-modal-box .trumbowyg-input-infos label span{display:block;height:27px;line-height:27px;-webkit-transition:all 150ms;-o-transition:all 150ms;transition:all 150ms}.trumbowyg-modal-box .trumbowyg-input-infos .trumbowyg-msg-error{color:#e74c3c}.trumbowyg-modal-box .trumbowyg-input-html{padding:1px 1px 1px 152px}.trumbowyg-modal-box .trumbowyg-input-html,.trumbowyg-modal-box .trumbowyg-input-html input,.trumbowyg-modal-box .trumbowyg-input-html select,.trumbowyg-modal-box .trumbowyg-input-html textarea{font-size:14px}.trumbowyg-modal-box .trumbowyg-input-html input,.trumbowyg-modal-box .trumbowyg-input-html select,.trumbowyg-modal-box .trumbowyg-input-html textarea{-webkit-transition:all 150ms;-o-transition:all 150ms;transition:all 150ms;height:27px;line-height:27px;border:0;width:100%;padding:0 7px}.trumbowyg-modal-box .trumbowyg-input-html input:focus,.trumbowyg-modal-box .trumbowyg-input-html input:hover,.trumbowyg-modal-box .trumbowyg-input-html select:focus,.trumbowyg-modal-box .trumbowyg-input-html select:hover,.trumbowyg-modal-box .trumbowyg-input-html textarea:focus,.trumbowyg-modal-box .trumbowyg-input-html textarea:hover{outline:#95a5a6 solid 1px}.trumbowyg-modal-box .trumbowyg-input-html input:focus,.trumbowyg-modal-box .trumbowyg-input-html select:focus,.trumbowyg-modal-box .trumbowyg-input-html textarea:focus{background:#fbfcfc}.trumbowyg-modal-box .trumbowyg-input-html input[type=checkbox]{width:16px;height:16px;padding:0}.trumbowyg-modal-box .trumbowyg-input-html-with-checkbox{text-align:left;padding:3px 1px 1px 3px}.trumbowyg-modal-box .trumbowyg-input-error input,.trumbowyg-modal-box .trumbowyg-input-error select,.trumbowyg-modal-box .trumbowyg-input-error textarea{outline:#e74c3c solid 1px}.trumbowyg-modal-box .trumbowyg-input-error .trumbowyg-input-infos label span:first-child{margin-top:-27px}.trumbowyg-modal-box .error{margin-top:25px;display:block;color:red}.trumbowyg-modal-box .trumbowyg-modal-button{position:absolute;bottom:10px;right:0;text-decoration:none;color:#FFF;display:block;width:100px;height:35px;line-height:33px;margin:0 10px;background-color:#333;border:none;cursor:pointer;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif;font-size:16px;-webkit-transition:all 150ms;-o-transition:all 150ms;transition:all 150ms}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{right:110px;background:#2bc06a}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover{background:#40d47e;outline:0}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active{background:#25a25a}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{color:#555;background:#e6e6e6}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover{background:#fbfbfb;outline:0}.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active{background:#d5d5d5}.trumbowyg-overlay{position:absolute;background-color:rgba(255,255,255,.5);height:100%;width:100%;left:0;display:none;top:0;z-index:10}body.trumbowyg-body-fullscreen{overflow:hidden}.trumbowyg-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:99999}.trumbowyg-fullscreen .trumbowyg-editor,.trumbowyg-fullscreen.trumbowyg-box{border:none}.trumbowyg-fullscreen .trumbowyg-editor,.trumbowyg-fullscreen .trumbowyg-textarea{height:calc(100% - 37px)!important;overflow:auto}.trumbowyg-fullscreen .trumbowyg-overlay{height:100%!important}.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg{color:#222;fill:transparent}.trumbowyg-editor embed,.trumbowyg-editor img,.trumbowyg-editor object,.trumbowyg-editor video{max-width:100%}.trumbowyg-editor img,.trumbowyg-editor video{height:auto}.trumbowyg-editor img{cursor:move}.trumbowyg-editor canvas:focus{outline:0}.trumbowyg-editor.trumbowyg-reset-css{background:#FEFEFE!important;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif!important;font-size:14px!important;line-height:1.45em!important;color:#333}.trumbowyg-editor.trumbowyg-reset-css a{color:#15c!important;text-decoration:underline!important}.trumbowyg-editor.trumbowyg-reset-css blockquote,.trumbowyg-editor.trumbowyg-reset-css div,.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css p,.trumbowyg-editor.trumbowyg-reset-css ul{-webkit-box-shadow:none!important;box-shadow:none!important;background:0 0!important;margin:0 0 15px!important;line-height:1.4em!important;font-family:"Trebuchet MS",Helvetica,Verdana,sans-serif!important;font-size:14px!important;border:none}.trumbowyg-editor.trumbowyg-reset-css hr,.trumbowyg-editor.trumbowyg-reset-css iframe,.trumbowyg-editor.trumbowyg-reset-css object{margin-bottom:15px!important}.trumbowyg-editor.trumbowyg-reset-css blockquote{margin-left:32px!important;font-style:italic!important;color:#555}.trumbowyg-editor.trumbowyg-reset-css ul{list-style:disc}.trumbowyg-editor.trumbowyg-reset-css ol{list-style:decimal}.trumbowyg-editor.trumbowyg-reset-css ol,.trumbowyg-editor.trumbowyg-reset-css ul{padding-left:20px!important}.trumbowyg-editor.trumbowyg-reset-css ol ol,.trumbowyg-editor.trumbowyg-reset-css ol ul,.trumbowyg-editor.trumbowyg-reset-css ul ol,.trumbowyg-editor.trumbowyg-reset-css ul ul{border:none;margin:2px!important;padding:0 0 0 24px!important}.trumbowyg-editor.trumbowyg-reset-css hr{display:block;height:1px;border:none;border-top:1px solid #CCC}.trumbowyg-editor.trumbowyg-reset-css h1,.trumbowyg-editor.trumbowyg-reset-css h2,.trumbowyg-editor.trumbowyg-reset-css h3,.trumbowyg-editor.trumbowyg-reset-css h4{color:#111;background:0 0;margin:0!important;padding:0!important;font-weight:700}.trumbowyg-editor.trumbowyg-reset-css h1{font-size:32px!important;line-height:38px!important;margin-bottom:20px!important}.trumbowyg-editor.trumbowyg-reset-css h2{font-size:26px!important;line-height:34px!important;margin-bottom:15px!important}.trumbowyg-editor.trumbowyg-reset-css h3{font-size:22px!important;line-height:28px!important;margin-bottom:7px!important}.trumbowyg-editor.trumbowyg-reset-css h4{font-size:16px!important;line-height:22px!important;margin-bottom:7px!important}.trumbowyg-dark .trumbowyg-textarea{background:#111;color:#ddd}.trumbowyg-dark .trumbowyg-box{border:1px solid #343434}.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen{background:#111}.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before{text-shadow:0 0 7px #ccc}@media screen and (min-width:0 \0){.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(20,20,20,.6)!important}}@supports (-ms-accelerator:true){.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before{color:rgba(20,20,20,.6)!important}}.trumbowyg-dark .trumbowyg-box svg{fill:#ecf0f1;color:#ecf0f1}.trumbowyg-dark .trumbowyg-button-pane{background-color:#222;border-bottom-color:#343434}.trumbowyg-dark .trumbowyg-button-pane::after{background:#343434}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::after{background-color:#343434}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg{color:transparent}.trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::after{background-color:#2a2a2a}.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active,.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover{background-color:#333}.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after{border-top-color:#fff}.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg{color:#ecf0f1;fill:transparent}.trumbowyg-dark .trumbowyg-dropdown{border-color:#222;background:#333;-webkit-box-shadow:rgba(0,0,0,.3) 0 2px 3px;box-shadow:rgba(0,0,0,.3) 0 2px 3px}.trumbowyg-dark .trumbowyg-dropdown button{background:#333;color:#fff!important}.trumbowyg-dark .trumbowyg-dropdown button:focus,.trumbowyg-dark .trumbowyg-dropdown button:hover{background:#222}.trumbowyg-dark .trumbowyg-modal-box{background-color:#222}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title{border-bottom:1px solid #555;color:#fff;background:#3c3c3c}.trumbowyg-dark .trumbowyg-modal-box label{display:block;position:relative;margin:15px 12px;height:27px;line-height:27px;overflow:hidden}.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span{color:#eee;background-color:#2f2f2f;border-color:#222}.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error{color:#e74c3c}.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea{border-color:#e74c3c}.trumbowyg-dark .trumbowyg-modal-box label input{border-color:#222;color:#eee;background:#333}.trumbowyg-dark .trumbowyg-modal-box label input:focus,.trumbowyg-dark .trumbowyg-modal-box label input:hover{border-color:#626262}.trumbowyg-dark .trumbowyg-modal-box label input:focus{background-color:#2f2f2f}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{background:#1b7943}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus,.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover{background:#25a25a}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active{background:#176437}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{background:#333;color:#ccc}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus,.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover{background:#444}.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active{background:#111}.trumbowyg-dark .trumbowyg-overlay{background-color:rgba(15,15,15,.6)}
/** Trumbowyg v2.25.1 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */
.trumbowyg-dropdown-emoji{width:265px;padding:7px 0 7px 5px}.trumbowyg-dropdown-emoji svg{display:none!important}.trumbowyg-dropdown-emoji button{display:block;position:relative;float:left;height:26px;width:26px;padding:0;margin:2px;line-height:24px;text-align:center}.trumbowyg-dropdown-emoji button:focus::after,.trumbowyg-dropdown-emoji button:hover::after{display:block;position:absolute;top:-5px;left:-5px;height:27px;width:27px;background:inherit;-webkit-box-shadow:#000 0 0 2px;box-shadow:#000 0 0 2px;z-index:10;background-color:transparent}.trumbowyg .emoji{width:22px;height:22px;display:inline-block}
.trumbowyg-editor ul {
    list-style: disc;
}

/**
 * Trumbowyg v2.9.4 - A lightweight WYSIWYG editor
 * Trumbowyg plugin stylesheet
 * ------------------------
 * @link http://alex-d.github.io/Trumbowyg
 * @license MIT
 * @author Alexandre Demode (Alex-D)
 *         Twitter : @AlexandreDemode
 *         Website : alex-d.fr
 */

.trumbowyg-dropdown-foreColor,
.trumbowyg-dropdown-backColor {
  width: 276px;
  padding: 7px 5px; }
  .trumbowyg-dropdown-foreColor svg,
  .trumbowyg-dropdown-backColor svg {
    display: none !important; }
  .trumbowyg-dropdown-foreColor button,
  .trumbowyg-dropdown-backColor button {
    display: block;
    position: relative;
    float: left;
    text-indent: -9999px;
    height: 20px;
    width: 20px;
    border: 1px solid #333;
    padding: 0;
    margin: 2px; }
    .trumbowyg-dropdown-foreColor button:hover::after, .trumbowyg-dropdown-foreColor button:focus::after,
    .trumbowyg-dropdown-backColor button:hover::after,
    .trumbowyg-dropdown-backColor button:focus::after {
      content: " ";
      display: block;
      position: absolute;
      top: -5px;
      left: -5px;
      height: 27px;
      width: 27px;
      background: inherit;
      border: 1px solid #FFF;
      box-shadow: #000 0 0 2px;
      z-index: 10; }

/*!
 * Cropper.js v1.5.13
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2022-11-20T05:30:43.444Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.cropper-container img {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 75%);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%;
  }

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3);
  }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
  .cropper-center::after {
    background-color: #eee;
    content: " ";
    display: block;
    position: absolute;
  }

.cropper-center::before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px;
  }

.cropper-center::after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px;
  }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px;
  }

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px;
  }

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0;
  }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%;
  }

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px;
  }

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%;
  }

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px;
  }

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px;
  }

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px;
  }

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px;
  }

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px;
  }

@media (min-width: 768px) {

.cropper-point.point-se {
      height: 15px;
      width: 15px;
  }
    }

@media (min-width: 992px) {

.cropper-point.point-se {
      height: 10px;
      width: 10px;
  }
    }

@media (min-width: 1200px) {

.cropper-point.point-se {
      height: 5px;
      opacity: 0.75;
      width: 5px;
  }
    }

.cropper-point.point-se::before {
    background-color: #39f;
    bottom: -50%;
    content: " ";
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%;
  }

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.dropdown .datagridlist {
    min-height: 0;
    background: none;
    border: none;
    position: absolute;
}

.field {
    padding: 5px 5px 5px 5px;
    text-align: left;
}

.field.hidden,
.field.hidden input,
input.hidden {
    color: #E94A22 !important;
    border-color: #E94A22 !important;
    display: none;
}

textarea#Address {
    height: auto;
}

input.bad,
select.bad {
    color: #E94A22;
}

input[type='checkbox'] {
    margin-top: 5px;
}

.number {
    text-align: right;
}

.small {
    padding: 4px 12px;
    font-size: 13px;
}

.blocks > * {
    display: block;
}

.nowrap {
    white-space: nowrap;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    color: #4e84c4;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

select option {
    padding: 3px 0px;
}

.grid {
    overflow: auto;
}

.content > .header {
    position: relative;
    border: 2px solid #0186CD;
    border-top: none;
    min-height: 75px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.header .tabs {
    list-style: none;
    padding: 0;
    position: absolute;
    bottom: 0;
    display: table;
    width: 100%;
    z-index: 1;
    table-layout: fixed;
}

.header .tabs li {
    padding: 0px 2px;
    display: table-cell;
}

.header .tabs li a {
    background: #0186CD;
    color: #fff;
    font-weight: bold;
    padding: 4px 28px;
    display: block;
    border: 2px solid #0186CD;
    margin-bottom: -2px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.header .tabs li a:hover {
    background: #fff;
    border-color: #0186CD;
    color: #0186CD;
}

.header .tabs li a.active {
    background: #fff;
    color: #0186CD;
    padding-top: 8px;
}

.autofillkiller {
    border: none;
    background: transparent;
    width: 0;
    height: 0;
}

.space {
    margin-top: 20px;
}

.maincontent {
    margin: 0px auto;
    margin-top: 5px;
}

.subwrap {
    margin: 0px auto;
}

.header .controls a {
    display: inline-block;
}

.header h3 {
    display: inline-block;
    cursor: pointer;
    margin: 15px 0px 15px 15px;
}

.header .controls {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0px;
}

.header .controls > * {
    display: inline-block;
}

.header .controls script {
    display: none;
}

.info .content {
    padding: 10px;
    width: 300px;
    background: #eee;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

/*BEGIN: modal (remove)*/
.modal {
    position: absolute;
    background: url(/Resources/Internal/Images/cover.png);
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    z-index: 10;
}

.modal .container {
    width: 960px;
    background: #fff;
    border: 1px solid #0f537a;
    box-shadow: 1px 1px 1px -1px #164b69;
    margin: 50px auto;
    border-radius: 3px;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.modal form {
    border: none;
    padding: 0px;
    box-shadow: none;
}

.modal .header {
    min-height: 0px;
    padding: 10px;
    background-color: #1b9ae3;
    color: #eee;
    border-bottom: 1px solid #0f537a;
}

.error.modal .header {
    background: #FFE7BB;
    border-color: #E94A22;
}

.error.modal .container,
.error {
    border-color: #E94A22;
    color: #E94A22;
}

.modal .header h3 {
    margin: 0px;
}

.modal .container .content {
    padding: 15px;
}

.modal .container > .close {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 9px;
    right: 5px;
    cursor: pointer;
    display: block;
    padding: 0px;
    background: url(/Resources/Internal/Images/ico16.png) -368px -80px;
    border: none;
    box-shadow: none;
}

/*END: modal*/

.formtopcontrols, .topcontrols {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    height: auto;
    min-height: 60px;
    background-color: var(--main-color);
    box-shadow: inset 0 10px 30px -30px #000;
    padding: 0 60px;
}

.no-padding, .toppcontrols-no-padding .topcontrols {
    padding: 0;
}

.topcontrols-clean, .topcontrols-clean .topcontrols {
    background-color: transparent;
    box-shadow: none;
    min-height: 36px;
}

.topcontrols > div {
    padding: 5px 0;
}

.topcontrols > div > button:not(:last-child),
.topcontrols > div > input:not(:last-child) {
    margin-right: 10px;
}

.add .formtopcontrols,
.edit .formtopcontrols {
    display: none;
}

.formtopcontrols .edit .ico {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(/Resources/Internal/Images/ico16.png);
    background-position: -608px -80px;
    vertical-align: top;
}

.contents {
    padding: 10px;
}

.editor-field {
    position: relative;
}

.editor-field.max-width-200 {
    max-width: 200px
}

.datagridlist {
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.datagridlist.ready {
    background: none;
}

.ico.calc {
    background-image: url(/Resources/Internal/Images/ico16.png);
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 3px;
    background-position: -224px -48px;
}

.ico32 {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(/Resources/Internal/Images/ico32.png);
    border: none;
    padding: 0px;
    color: transparent;
}

.ico32.pdf {
    background: #858585;
    border: 1px solid #707070;
    box-shadow: 1px 1px 1px -1px #5a5a5a;
    outline: none;
    background-image: url(/Resources/Internal/Images/ico32.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.ico32.pdf:hover {
    background: #686868;
    border: 1px solid #4b4b4b;
    box-shadow: 1px 1px 1px -1px #4d4d4d;
    background-image: url(/Resources/Internal/Images/ico32.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.ico32.pdf:active {
    background: #686868;
    border: 1px solid #4b4b4b;
    box-shadow: 0px 0px 1px 1px #949494;
    background-image: url(/Resources/Internal/Images/ico32.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.ico32.print {
    background-position: -96px 0px;
}

.languages {
    width: auto;
    vertical-align: top;
}

.table-preview .table table {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#calc {
    border-radius: 10px;
    border: 2px solid #ddd;
    width: auto;
    display: inline-block;
    position: absolute;
    background: #333;
    z-index: 12;
    padding: 5px;
}

#calc table {
    width: auto;
    border: none;
    background-color: transparent;
}

#calc .display {
    border-radius: 10px;
    border: 2px solid #ddd;
    height: 48px;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
}

#calc td {
    width: 48px;
    padding: 2px;
    border: none;
}

.adddoc .ico {
    width: 16px;
    height: 16px;
    background-image: url(/Resources/Internal/Images/ico16.png);
    background-position: -592px -80px;
    vertical-align: top;
    display: inline-block;
}

.pages {
    position: absolute;
    z-index: 11;
    top: 0px;
}

.big,
.field.big,
.field.big > *,
.field.big label,
.field.big input {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
}

.quicklink > div {
    cursor: pointer;
    color: #0186CD;
    padding: 6px 10px;
}

.quicklink > span {
    cursor: pointer;
    color: #0186CD;
    padding: 6px 4px;
}

.quicklink div:hover {
    text-decoration: underline;
}

.quicklink span:hover {
    text-decoration: underline;
}

.delpadding > span {
    padding: 0px !important;
}

*.link,
input.link {
    color: #0186CD;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.link {
    color: #0186CD;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}


.centerwrap {
    text-align: center;
    width: 350px;
    margin: 0 auto;
}

.centerwrap .message {
    font-size: 17px;
    font-weight: bold;
}

.centerwrap .info {
    margin-top: 20px;
}

#companynames {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 10;
}

#companynames > div {
    border: 1px solid #ccc;
    border-width: 1px 0 1px 0;
    padding: 5px;
    cursor: pointer;
}

#companynames .selected {
    background-color: #ddd;
}

#companynames > div:hover {
    background-color: #eee;
}

.hide,
div.hide {
    display: none;
}

.buildver {
    color: #ccc;
    vertical-align: bottom;
}

.centerwrap #activate {
    margin-top: 30px;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
}

.fieldgroup {
    padding: 0px 5px 5px 5px;
    text-align: left;
}

#addcompany .fieldgroup {
    margin-top: 0px;
    padding-top: 0px;
}

#companydata .fieldgroup {
    margin-top: 0px;
    padding-top: 0px;
}

select.option {
    height: 32px;
}

.gridtopdf {
    background: #858585;
    border: 1px solid #707070;
    box-shadow: 1px 1px 1px -1px #5a5a5a;
    outline: none;
    background-image: url(/Resources/Internal/Images/ico32.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.gridtopdf.ico32:hover {
    background: #686868;
    border: 1px solid #4b4b4b;
    box-shadow: 1px 1px 1px -1px #4d4d4d;
    background-image: url(/Resources/Internal/Images/ico32.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.gridtopdf.ico32:active {
    background: #686868;
    border: 1px solid #4b4b4b;
    box-shadow: 0px 0px 1px 1px #949494;
    background-image: url(/Resources/Internal/Images/ico32.png);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#companies .items {
    margin: 2px;
    margin-top: 5px;
    padding: 5px;
    background: #232425;
    width: 99%;
}

#companies table,
#companies td {
    border-color: #232425;
    padding-left: 7px;
}

#companies tr {
    height: 30px;
}

#companies tr:nth-child(odd) {
    background: #2c2d2f;
}

#companies tr:nth-child(even) {
    background: #29292b;
}

.flex-container {
    display: flex;
    align-items: center;
}

.flex-container-row {
    flex-direction: row;
}

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

.flex-align-start {
    align-items: flex-start;
}

.flex-align-stretch {
    align-items: stretch;
}

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

.flex0 {
    flex: 0;
}

.flex1 {
    flex: 1;
}

.flex2 {
    flex: 2;
}
.flex3 {
    flex: 3;
}

.js-wizard-step {
    display: none;
}

.js-wizard-step.active {
    display: block;
}
.global-instant-help-text {
    color: #999;
    font-size: 14px;
}

/*BEGIN: body*/
html {
    width: 100%;
    height: 100%;
}
body {
    /*if 100% then login ok and menu has unneneeded right space..otherwise login has unneeded right space and menu ok*/
    width: 100%;
    height: auto;
    min-height: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: var(--tooltip-color);
    background-color: #ededed;
}
body.move {
	cursor: move!important;
}
/*END: body*/

/*BEGIN: tables*/
table {
	border-width: 0px;
	border-spacing: 0;
	border-collapse: collapse;
	border-style: solid;
	border-color: #ddd;
	width: 100%;
}
table .controls {
	width: 1px;
	white-space: nowrap;
	max-width: none;
}
table thead td {
	background: #eee;
}
tbody:focus {
	outline: none;
}
table:focus {
	outline: none;
}
table th {
	background: #eee;
}
table .controls.intable {
	position: static;
	width: 1px;
}
table td.first {
	padding-left: 20px;
}
/*END: tables*/

/*BEGIN: remove later*/
h3 {
    margin: 5px;
    font-weight: normal;
}
/*END: remove later*/

/*#TODO*/
#payouts .editor-field input:disabled {
/*    background-color: #ddd;
    color: grey;
    border: 0px;*/
}

input[type="text"].global-text-input--bad-value {
    color: #DD4B39;
    border-color: #DD4B39;
}

.avg-basic-fee-panel-scope-2020 .no-data-div {
    position: absolute;
    top: 50%;
    display: none;
    font-size: 20px;
    width: 100%;
    text-align: center;
    color: #919191;
}

.avg-basic-fee-panel-scope-2020 .chart-title-div {
    display: inline-block;
    color: var(--main-txt-color);
    font-size: 14px;
    font-weight: 500;
    padding: 18px;
    margin-left: -20px;
    padding-left: 20px;
}

.avg-basic-fee-panel-scope-2020 .avg-chart-year-link-div {
    position: absolute;
    top: 19px;
    right: 0;
    display: inline-block;
    padding-right: 50px;
}

.avg-basic-fee-panel-scope-2020 .avg-chart-year-link-div > a {
    color: #294AFF;
}

.avg-basic-fee-panel-scope-2020 .avg-chart-year-link-div > a.year-link--inactive {
    text-decoration: none;
    color: var(--main-txt-color);
}

.counter-panel-scope-2020 {
    padding: 0 15px 15px 0;
    justify-content: space-between;
    flex-wrap: wrap;
}

.counter-panel-scope-2020 .counter-image-div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-width: 60px;
    height: 60px;
    background-color: #DEFFE2;
    border-radius: 50%;
    margin-right: 10px;
}

.counter-group-div {
    margin: 15px auto 0 15px;
}

.counter-div {
    font-size: 19px;
}

.counter-panel-scope-2020 .contract-image {
    width: 20px;
    content: url(/Resources/Internal/Images/2020/img-contract.svg)
}

.counter-panel-scope-2020 .vacation-image {
    width: 30px;
    content: url(/Resources/Internal/Images/2020/img-sun.svg);
}

.counter-panel-scope-2020 .incapacity-image {
    width: 30px;
    content: url(/Resources/Internal/Images/2020/img-thermometer.svg);
}

.dashboard-scope-2020 .dashboard-active-company-tab-scope-2020 {
  padding: 36px 60px;
}
.dashboard-scope-2020 .panels-main-div,
.dashboard-scope-2020 .panels-right-div,
.dashboard-scope-2020 .panels-left-div {
  display: flex;
  flex-direction: row;
  gap: 36px;
}
.dashboard-scope-2020 .panels-main-div #js-event-calendar-widget,
.dashboard-scope-2020 .panels-right-div #js-event-calendar-widget,
.dashboard-scope-2020 .panels-left-div #js-event-calendar-widget {
  width: 300px;
}
.dashboard-scope-2020 .panels-main-div #js-market-msg-widget,
.dashboard-scope-2020 .panels-right-div #js-market-msg-widget,
.dashboard-scope-2020 .panels-left-div #js-market-msg-widget {
  width: 400px;
}
.dashboard-scope-2020 .panels-left-div {
  flex-direction: column;
}
.dashboard-scope-2020 .dashboard-panel-widget-scope-2020 {
  min-height: 652px;
  height: calc(100vh - 200px);
}
.dashboard-scope-2020 .dashboard-panel-widget-scope-2020 .content-div {
  height: calc(100vh - 252px);
  min-height: 600px;
}
.dashboard-scope-2020 .nav-container-div {
  background-color: var(--main-color);
  padding: 0 60px;
  align-items: flex-start;
}
.dashboard-scope-2020 .nav-container-div .btn {
  margin-top: 12px;
  margin-left: 15px;
}
.dashboard-scope-2020 .panels-footer {
  height: 50px;
}
.dashboard-scope-2020 .panels-footer .show-all-link {
  background: url(/Resources/Internal/Images/2020/icon-show-all-green.svg) no-repeat 0 center;
  padding-left: 47px;
  font-weight: 500;
  font-size: 14px;
  color: var(--menu-font-color);
  text-decoration: none;
}
.dashboard-scope-2020 .panels-footer .show-all-button {
  padding: 7px 20px 8px;
  cursor: pointer;
  border-radius: 25px;
  font-family: 'Droid Sans', sans-serif;
  font-size: 15px;
  color: #fff;
  background-color: #00A65A;
  text-decoration: none;
}
@media (max-width: 1440px) {
  .dashboard-scope-2020 .dashboard-active-company-tab-scope-2020 {
    padding: 15px;
  }
  .dashboard-scope-2020 .nav-container-div {
    padding: 0 15px;
  }
  .dashboard-scope-2020 .panels-main-div,
  .dashboard-scope-2020 .panels-right-div,
  .dashboard-scope-2020 .panels-left-div {
    gap: 15px;
  }
  .dashboard-scope-2020 .panels-main-div #js-market-msg-widget,
  .dashboard-scope-2020 .panels-right-div #js-market-msg-widget,
  .dashboard-scope-2020 .panels-left-div #js-market-msg-widget {
    width: 300px;
  }
}
@media (max-width: 1024px) {
  .dashboard-scope-2020 .dashboard-panel-widget-scope-2020 {
    min-height: 352px;
    height: auto;
    max-height: 552px;
  }
  .dashboard-scope-2020 .dashboard-panel-widget-scope-2020 .content-div {
    min-height: 300px;
    height: auto;
    max-height: 500px;
  }
  .dashboard-scope-2020 .dashboard-active-company-tab-scope-2020,
  .dashboard-scope-2020 .nav-container-div {
    padding: 15px;
  }
  .dashboard-scope-2020 .panels-main-div,
  .dashboard-scope-2020 .panels-right-div,
  .dashboard-scope-2020 .panels-left-div {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .dashboard-scope-2020 .panels-main-div #js-market-msg-widget,
  .dashboard-scope-2020 .panels-right-div #js-market-msg-widget,
  .dashboard-scope-2020 .panels-left-div #js-market-msg-widget,
  .dashboard-scope-2020 .panels-main-div #js-event-calendar-widget,
  .dashboard-scope-2020 .panels-right-div #js-event-calendar-widget,
  .dashboard-scope-2020 .panels-left-div #js-event-calendar-widget {
    width: 100%;
  }
}

.dashboard-company-list-tab-scope-2020 {
    padding: 30px 15px 0;
}

.dashboard-company-list-tab-scope-2020 .unpaid-table {
    display: none;
    margin-top: 10px;
    table-layout: fixed;
}

.dashboard-company-list-tab-scope-2020 .unpaid-table tr {
    border-bottom: 1px dotted grey;
}

.dashboard-company-list-tab-scope-2020 .unpaid-table tr:nth-child(1) {
    border-top: 1px dotted grey;
}

.dashboard-company-list-tab-scope-2020 .unpaid-table tr:last-child {
    border-bottom: 0;
}

.dashboard-company-list-tab-scope-2020 .unpaid-table > tr:hover {
    background-color: #f4f5f9;
}

.dashboard-company-list-tab-scope-2020 .unpaid-table td {
    border-right: unset;
}

@media (min-width: 1000px) {
    .dashboard-company-list-tab-scope-2020 {
        padding: 36px 60px 60px;
    }
}

.dashboard-user-list-tab-scope-2020 {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
}

/*BEGIN: toolbar-div*/
.dashboard-user-list-tab-scope-2020 .topcontrols {
    margin-bottom: 36px;
}

.dashboard-user-list-tab-scope-2020 .panel-container-div {
    float: left;
    width: 50%;
}

.dashboard-user-list-tab-scope-2020 .companies-panel {
    margin-right: 18px;
}

.dashboard-user-list-tab-scope-2020 .users-panel {
    margin-left: 18px;
}

@media (max-width: 1000px) {

    .dashboard-user-list-tab-scope-2020 .panel-container-div {
        width: 100%;
    }

    .dashboard-user-list-tab-scope-2020 .companies-panel,
    .dashboard-user-list-tab-scope-2020 .users-panel {
        margin: 0;
    }

    .dashboard-user-list-tab-scope-2020 .users-panel {
        margin-top: 10px;
    }

}

/*END: panels*/

/*BEGIN: table*/



.dashboard-user-list-tab-scope-2020 .tr {
    cursor: pointer;
    border-bottom: 1px solid var(--calendar-ui-picker-border);
    border-left: 4px solid transparent;
}

.dashboard-user-list-tab-scope-2020 .tr:hover {
    background: var(--dashboard-unreaded-msg);
    border-left-color: var(--bg-color);
}

.dashboard-user-list-tab-scope-2020 .tr > td {
    font-size: 14px;
    color: var(--main-txt-color);
    height: 60px;
}

.dashboard-user-list-tab-scope-2020 .tr > td:first-child {
    padding-left: 30px;
    font-weight: 500;
}

.dashboard-user-list-tab-scope-2020 .tr--selected {
    background: var(--table-bg) !important;
    border-left-color: #2EB336;
}

.dashboard-user-list-tab-scope-2020 .tr--selected:first-child {
    box-shadow: inset 0px 10px 30px -30px var(--input-color);
}

.dashboard-user-list-tab-scope-2020 .tr--droppable * {
    cursor: pointer !important;
}

.dashboard-user-list-tab-scope-2020 .tr--droppable:hover {
    background-color: var(--dashboard-bg-golden);
}

.dashboard-user-list-tab-scope-2020 .tr--included {
    /*font-weight: bold;*/
}

.dashboard-user-list-tab-scope-2020 .table--no-drop * {
    cursor: no-drop;
}

/*END: table*/

/*BEGIN: controls*/

.dashboard-user-list-tab-scope-2020 .btn-td {
    width: 85px;
    text-align: right;
    padding-right: 30px;
}

.dashboard-user-list-tab-scope-2020 .add-btn,
.dashboard-user-list-tab-scope-2020 .delete-btn,
.dashboard-user-list-tab-scope-2020 .edit-btn {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
}

.dashboard-user-list-tab-scope-2020 .add-btn {
    display: inline-block;
    background-color: #2EB336;
    background-image: url(/Resources/Internal/Images/2020/icon-plus-small-white.svg);
}

.dashboard-user-list-tab-scope-2020 .add-btn:hover {
    background-color: #008800;
}

.dashboard-user-list-tab-scope-2020 .delete-btn {
    display: none;
    margin-left: 20px;
    border: 1px solid var(--calendar-ui-picker-border);
    background-color: var(--content-bg-color);
    background-image: url(/Resources/Internal/Images/2020/icon-trash-small-red.svg);
}

.dashboard-user-list-tab-scope-2020 .delete-btn:hover {
    background-color: #ff6a6a;
    border: 1px solid #ff6a6a;
    background-image: url(/Resources/Internal/Images/2020/icon-trash-small-white.svg);
}

.dashboard-user-list-tab-scope-2020 .edit-btn {
    display: none;
    border: 1px solid var(--calendar-ui-picker-border);
    background-color: var(--content-bg-color);
    background-image: url(/Resources/Internal/Images/2020/icon-pencil-small-grey.svg);
}

.dashboard-user-list-tab-scope-2020 .edit-btn:hover {
    background-color: #008800;
    border: 1px solid #008800;
    background-image: url(/Resources/Internal/Images/2020/icon-pencil-small-white.svg);
}

.dashboard-user-list-tab-scope-2020 .table--buttons-hidden .add-btn,
.dashboard-user-list-tab-scope-2020 .table--buttons-hidden .delete-btn,
.dashboard-user-list-tab-scope-2020 .table--buttons-hidden .edit-btn {
    display: none !important;
}

.dashboard-user-list-tab-scope-2020 .tr--included .add-btn {
    display: none;
}

.dashboard-user-list-tab-scope-2020 .tr--included .delete-btn {
    display: inline-block;
}

.dashboard-user-list-tab-scope-2020 .tr--included .edit-btn {
    display: inline-block;
}

/*END: controls*/


/*BEGIN: list header*/
.dashboard-user-list-tab-scope-2020 .list-header-div {
    display: table;
    table-layout: auto;
    background-color: var(--content-bg-color);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    box-sizing: border-box;
}

.dashboard-user-list-tab-scope-2020 .filter-label {
    display: table-cell;
    white-space: nowrap;
    color: var(--main-txt-color) !important;
    font-weight: 500;
    font-size: 16px;
}

.dashboard-user-list-tab-scope-2020 .filter-input-wrapper-div {
    display: table-cell;
    position: relative;
    width: 411px;
}

.dashboard-user-list-tab-scope-2020 .filter-input {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    border-color: var(--calendar-ui-picker-border);
    width: 100%;
    height: 36px;
    font-size: 14px;
    background: var(--input-bg-color);
    color: var(--input-color);
}

/*END: list header*/

/*BEGIN: draggable*/
.dashboard-user-list-tab-scope-2020 .draggable-helper {
    color: #01bd67;
    background-color: var(--content-bg-color);
    padding: 10px;
    border-radius: 25px;
    border: 1px solid #01bd67;
    pointer-events: none;
}

/*END: draggable*/

.dashboard-user-list-tab-scope-2020 .table-scroll-div {
    height: 500px;
    background-color: var(--content-bg-color);
    overflow-y: auto;
    box-shadow: inset 0px 10px 30px -30px var(--input-color);
}

@media (min-width: 1000px) {

    .dashboard-user-list-tab-scope-2020 {
        padding: 60px;
        padding-top: 36px;
    }
}

@media (max-width: 630px) {

    .dashboard-user-list-tab-scope-2020 .btn-margin-responsive {
        display: block;
        margin-bottom: 10px;
    }

}
.getting-started-div-2020 {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: var(--main-txt-color);
}

.getting-started-div-2020 ul {
    list-style: disc;
    margin: 0;
    padding: 0;
}

.getting-started-div-2020 li {
    list-style-image: url(/Resources/Internal/Images/2020/list-dash.svg);
    margin-bottom: 10px;
}

.getting-started-div-2020 div.close-div {
    display: none;
}

.getting-started-div-2020[max-width~="700px"] {
    padding: 15px;
}

    .getting-started-div-2020 img {
        max-height: 80px;
        vertical-align: middle;
        bottom: 10px;
        position: relative;
    }
.gl-aktiva-export-scope .help-div {
    margin: 5px 5px 10px;
}

.gl-aktiva-export-scope .action-separator-hr {
    display: inline-block;
    width: 330px;
    border: 0;
    border-top: 1px solid #dbdbdb;
    position: relative;
    top: 3px;
}

.gl-aktiva-export-scope .noticeable-button {
    display: block;
    margin: 20px auto;
}

@keyframes displaceContent {
  from {
    transform: translateY(0em);
  }
  to {
    transform: translateY(1em);
  }
}
.main-navigation-placeholder {
  height: 60px;
}
#js-main-logic-div.mobile-menu-is-open {
  display: none;
}
.show-debug-bar-button {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.drawer-div {
  position: fixed;
  background-color: var(--content-bg-color);
  margin-top: 0;
  border-radius: 0;
  z-index: 12;
  transition-duration: 0.5s;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 0;
  font-size: 14px;
  font-weight: 500;
}
.drawer-div .button-bar-div,
.drawer-div .header-div {
  background-color: var(--content-bg-color);
  height: 60px;
  display: flex;
  width: 100%;
  align-items: center;
  color: var(--main-txt-color);
  box-shadow: 0 6px 12px var(--company-shadow);
}
.drawer-div .button-bar-div .menu-label,
.drawer-div .header-div .menu-label {
  flex: 1;
  padding-left: 30px;
}
.drawer-div .button-bar-div .close-btn-div,
.drawer-div .header-div .close-btn-div {
  display: flex;
  align-items: center;
}
.drawer-div .button-bar-div .close-btn-div .close-btn-label-div,
.drawer-div .header-div .close-btn-div .close-btn-label-div {
  padding-right: 10px;
}
.drawer-div .button-bar-div .close-btn-div .g-close-circle-btn-30,
.drawer-div .header-div .close-btn-div .g-close-circle-btn-30 {
  display: block;
  margin-right: 30px;
}
.drawer-div .button-bar-div .close-btn-div .g-close-mobile-menu-btn,
.drawer-div .header-div .close-btn-div .g-close-mobile-menu-btn {
  display: none;
}
.main-navigation-scope-2020.main-navigation-div {
  font-size: 14px;
  font-weight: 500;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3;
  background-color: var(--menu-bg-color);
  box-shadow: 0 6px 10px var(--menu-box-shadow);
  color: var(--menu-font-color);
  height: 60px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.main-navigation-scope-2020.main-navigation-div .mobile-menu-header-div {
  display: none;
}
.main-navigation-scope-2020.main-navigation-div .main-nav-company-widget-scope-2020 .opener-div {
  white-space: nowrap;
  justify-content: left;
}
.main-navigation-scope-2020.main-navigation-div .company-separator {
  flex: 0.1;
}
.main-navigation-scope-2020.main-navigation-div .icon-separator {
  flex: 1;
}
.main-navigation-scope-2020.main-navigation-div .nav-tab:first-child .opener-div .label-div {
  padding-right: 30px;
}
.main-navigation-scope-2020.main-navigation-div .opener-div {
  display: flex;
  align-items: center;
  white-space: nowrap;
  cursor: pointer;
  width: 100%;
  justify-content: center;
  background-repeat: repeat-x;
  background-position-y: bottom;
}
.main-navigation-scope-2020.main-navigation-div .opener-div .label-icon-div {
  min-width: 22px;
  height: 60px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
}
.main-navigation-scope-2020.main-navigation-div .opener-div .label-icon-div.company-icon {
  width: 30px;
  background-image: url(/Resources/Internal/Images/2020/icon-vertical-dots-grey.svg);
}
.main-navigation-scope-2020.main-navigation-div .opener-div .label-icon-div.dashboard-icon {
  background-image: url(/Resources/Internal/Images/2020/icon-dashboard-grey.svg);
}
.main-navigation-scope-2020.main-navigation-div .opener-div .label-icon-div.gear-icon {
  background-image: url(/Resources/Internal/Images/2020/icon-gear-grey.svg);
}
.main-navigation-scope-2020.main-navigation-div .opener-div .label-icon-div.cart-icon {
  background-image: url(/Resources/Internal/Images/2020/icon-shopping-cart-white.svg);
}
.main-navigation-scope-2020.main-navigation-div .opener-div .label-div {
  line-height: 18px;
  padding: 0 10px 0 5px;
  background-repeat: no-repeat;
  background-position: right 40px top 50%;
}
.main-navigation-scope-2020.main-navigation-div .close-btn-label-div {
  right: 75px;
}
.main-navigation-scope-2020.main-navigation-div .dropdown-div {
  background-color: var(--content-bg-color);
  position: fixed;
  top: 60px;
  display: none;
  z-index: 12;
  padding-bottom: 20px;
}
.main-navigation-scope-2020.main-navigation-div .nav-tab {
  flex: 0;
}
.main-navigation-scope-2020.main-navigation-div .nav-tab .opener-div {
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  min-width: 60px;
  background-clip: padding-box;
}
.main-navigation-scope-2020.main-navigation-div .nav-tab .opener-div:hover {
  background-image: url(/Resources/Internal/Images/square-hover.png);
}
.main-navigation-scope-2020.main-navigation-div .nav-icon {
  max-width: 60px;
  flex-grow: 0.3;
  flex-shrink: 10;
  flex-basis: 0;
  min-width: 45px;
}
.main-navigation-scope-2020.main-navigation-div .nav-icon .opener-div {
  padding: 0;
  border: none;
}
.main-navigation-scope-2020.main-navigation-div .nav-icon .opener-div .label-icon-div {
  height: 60px;
  max-width: 60px;
}
.main-navigation-scope-2020.main-navigation-div .nav-icon .opener-div .label-div {
  display: none;
}
.main-navigation-scope-2020.main-navigation-div .nav-icon .opener-div.green {
  background-color: #2eb336;
}
.main-navigation-scope-2020.main-navigation-div .nav-icon .opener-div:hover {
  background-color: #008700;
}
.main-navigation-scope-2020.main-navigation-div .nav-icon .opener-div:hover.green {
  background-color: #008800;
}
.main-navigation-scope-2020.main-navigation-div .nav-icon .opener-div:hover .gear-icon {
  background-image: url(/Resources/Internal/Images/2020/icon-gear-white.svg);
}
.main-navigation-scope-2020.main-navigation-div .nav-icon .opener-div:hover.cart-icon {
  background-image: url(/Resources/Internal/Images/2020/icon-shopping-cart-white.svg);
}
.main-navigation-scope-2020 .mobile-menu-header-div {
  display: none;
  height: 50px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.14);
  width: 100%;
}
.main-navigation-scope-2020 .mobile-menu-header-div .flex0 {
  align-self: baseline;
}
.main-navigation-scope-2020 .mobile-menu-header-div span {
  padding-left: 15px;
}
.main-navigation-scope-2020 .opener-div.opener-div--selected,
.main-navigation-scope-2020 .nav-tab.active .opener-div {
  background-image: url(/Resources/Internal/Images/square-active.png);
}
.main-navigation-scope-2020 .icon-dashboard {
  background-image: url(/Resources/Internal/Images/2020/icon-dashboard-grey.svg);
}
.main-navigation-scope-2020 .active .icon-dashboard {
  background-image: url(/Resources/Internal/Images/2020/icon-dashboard-green.svg);
}
@media (max-width: 1439px) {
  .main-navigation-scope-2020 .nav-tab:not(.nav-tab-always-with-label) .opener-div .label-div {
    display: none;
  }
}
@keyframes slideDown {
  from {
    transform: translateY(-100vh);
  }
  to {
    transform: translateY(0);
  }
}
@media (max-width: 1024px) {
  .main-navigation-placeholder {
    height: 50px;
  }
  .drawer-div {
    top: 0;
    z-index: 30;
  }
  .drawer-div .button-bar-div,
  .drawer-div .header-div {
    height: 50px;
  }
  .drawer-div .button-bar-div .close-btn-label-div,
  .drawer-div .header-div .close-btn-label-div {
    display: none;
  }
  .drawer-div .button-bar-div .close-btn-div,
  .drawer-div .header-div .close-btn-div {
    padding-right: 0;
  }
  .drawer-div .button-bar-div .close-btn-div .g-close-circle-btn-30,
  .drawer-div .header-div .close-btn-div .g-close-circle-btn-30 {
    display: none;
  }
  .drawer-div .button-bar-div .close-btn-div .g-close-mobile-menu-btn,
  .drawer-div .header-div .close-btn-div .g-close-mobile-menu-btn {
    display: block;
  }
  .main-navigation-scope-2020.main-navigation-div {
    flex-direction: column;
    z-index: 10;
    top: 0;
    height: 50px;
  }
  .main-navigation-scope-2020.main-navigation-div.mobile-menu-is-open {
    height: calc(100vh);
    overflow-y: auto;
    animation-name: slideDown;
    animation-duration: 1s;
  }
  .main-navigation-scope-2020.main-navigation-div.mobile-menu-is-open .main-nav-company-widget-scope-2020 {
    display: none;
  }
  .main-navigation-scope-2020.main-navigation-div.mobile-menu-is-open .mobile-menu-header-div {
    display: flex;
  }
  .main-navigation-scope-2020.main-navigation-div.mobile-menu-is-open .open-mobile-menu-btn {
    display: none;
  }
  .main-navigation-scope-2020.main-navigation-div.mobile-menu-is-open .dropdown-div {
    top: 0;
  }
  .main-navigation-scope-2020.main-navigation-div .nav-tab,
  .main-navigation-scope-2020.main-navigation-div .nav-icon {
    flex-grow: 0;
    width: 100%;
    max-width: none;
    border-bottom: 1px solid var(--menu-dropdown-bg-hov-sec);
  }
  .main-navigation-scope-2020.main-navigation-div .nav-tab .opener-div,
  .main-navigation-scope-2020.main-navigation-div .nav-icon .opener-div {
    padding: 0;
    background-repeat: repeat-y;
    background-position-x: left;
    justify-content: left;
    border-left: none;
  }
  .main-navigation-scope-2020.main-navigation-div .nav-tab .opener-div:hover,
  .main-navigation-scope-2020.main-navigation-div .nav-icon .opener-div:hover {
    background-color: var(--menu-dropdown-bg-hov-sec);
    color: #2EB336;
    background-image: url(/Resources/Internal/Images/square-hover.png);
  }
  .main-navigation-scope-2020.main-navigation-div .nav-tab .opener-div:hover .gear-icon,
  .main-navigation-scope-2020.main-navigation-div .nav-icon .opener-div:hover .gear-icon {
    background-image: url(/Resources/Internal/Images/2020/icon-gear-grey.svg);
  }
  .main-navigation-scope-2020.main-navigation-div .nav-tab .opener-div .label-icon-div,
  .main-navigation-scope-2020.main-navigation-div .nav-icon .opener-div .label-icon-div {
    height: 50px;
    width: 50px;
  }
  .main-navigation-scope-2020.main-navigation-div .nav-tab .opener-div .label-icon-div.company-icon,
  .main-navigation-scope-2020.main-navigation-div .nav-icon .opener-div .label-icon-div.company-icon {
    background-position-x: center;
    border-right: 1px solid var(--table-expand-border);
    margin-right: 9px;
  }
  .main-navigation-scope-2020.main-navigation-div .nav-tab .opener-div .label-div,
  .main-navigation-scope-2020.main-navigation-div .nav-icon .opener-div .label-div {
    display: block;
    line-height: 50px;
    width: 100%;
  }
  .main-navigation-scope-2020.main-navigation-div .company-separator,
  .main-navigation-scope-2020.main-navigation-div .icon-separator {
    display: none;
  }
  .main-navigation-scope-2020.main-navigation-div .main-nav-company-widget-scope-2020 .opener-div:hover {
    color: var(--menu-font-color);
    background-color: var(--menu-bg-color);
    background-image: none;
  }
  .main-navigation-scope-2020.main-navigation-div .dropdown-div {
    position: relative;
  }
  .main-navigation-scope-2020.main-navigation-div .flex1,
  .main-navigation-scope-2020.main-navigation-div .flex0 {
    flex-grow: 0;
  }
  .main-navigation-scope-2020.open-mobile-menu-btn {
    display: block;
  }
}

.market-msg-panel-scope-2020 {
    padding: 20px;
    overflow-y: auto;
    box-sizing: border-box;
    width: 100%;
}

.messages-container {
    display: flex;
    flex-direction: column-reverse;
}
.no-msg-div {
    display: none;
}
.message-list:empty + .no-msg-div {
    display:block !important;
}

.drawer-div .market-msg-panel-scope-2020{
    max-width: 480px;
}

.market-msg-panel-scope-2020 > .img-div {
    height: 138px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url(/Resources/Internal/Images/2020/img-marketing-messages.svg);
}

.market-msg-panel-scope-2020 .msg-list-title-div {
    font-size: 16px;
    font-weight: 500;
    color: var(--menu-font-color);
    padding: 20px 0;
}

.market-msg-panel-scope-2020 .no-msg-div {
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
    color: #919191;
}

.market-msg-panel-scope-2020 .unread-msg-list-div {
    border-bottom: 1px solid var(--dashboard-unreaded-msg);
}

.market-msg-panel-scope-2020 .unread-msg-div,
.market-msg-panel-scope-2020 .read-msg-div {
    padding: 6px 12px;
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    border: 1px solid #DFE1E6;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    margin-bottom: 25px;
}

.market-msg-panel-scope-2020 .read-msg-div {
    background-color: #F4F5F9;
}

.market-msg-panel-scope-2020 .mark-read-btn-div {
    position: absolute;
    right: 10px;
    top: -15px;
    display: none;
}

.market-msg-panel-scope-2020 .msg-summary-div {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    margin-top: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 60px;
}

.market-msg-panel-scope-2020 .msg-title-div {
    margin-top: 10px;
    margin-bottom: 10px;
    border-left: 2px solid #2EB336;
    padding-left: 10px;
    color: #000;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
}
.modal,
.modal-widget-scope-2020,
.modal-msg-widget-scope-2020,
.modal-confirmation-widget-scope-2020,
.periods-modal-widget-scope-2020 {
  display: flex;
  flex-direction: column;
}
.modal.background-div,
.modal-widget-scope-2020.background-div,
.modal-msg-widget-scope-2020.background-div,
.modal-confirmation-widget-scope-2020.background-div,
.periods-modal-widget-scope-2020.background-div {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  min-height: 100%;
  z-index: 10;
}
.modal .modal-div,
.modal-widget-scope-2020 .modal-div,
.modal-msg-widget-scope-2020 .modal-div,
.modal-confirmation-widget-scope-2020 .modal-div,
.periods-modal-widget-scope-2020 .modal-div {
  margin: auto;
  position: relative;
  background-color: var(--modal-bg);
  border-radius: 4px;
  max-width: 1420px;
  width: calc(100vw - 60px);
}
.modal .modal-div .header-div,
.modal-widget-scope-2020 .modal-div .header-div,
.modal-msg-widget-scope-2020 .modal-div .header-div,
.modal-confirmation-widget-scope-2020 .modal-div .header-div,
.periods-modal-widget-scope-2020 .modal-div .header-div {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 60px;
  cursor: move;
  overflow: hidden;
  background-color: var(--modal-header);
  color: var(--menu-font-color);
  display: flex;
  align-items: center;
  width: 100%;
}
.modal .modal-div .header-div .header-title-div,
.modal-widget-scope-2020 .modal-div .header-div .header-title-div,
.modal-msg-widget-scope-2020 .modal-div .header-div .header-title-div,
.modal-confirmation-widget-scope-2020 .modal-div .header-div .header-title-div,
.periods-modal-widget-scope-2020 .modal-div .header-div .header-title-div {
  padding-left: 20px;
  font-size: 18px;
  font-weight: 500;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}
.modal .modal-div .header-div .close-div,
.modal-widget-scope-2020 .modal-div .header-div .close-div,
.modal-msg-widget-scope-2020 .modal-div .header-div .close-div,
.modal-confirmation-widget-scope-2020 .modal-div .header-div .close-div,
.periods-modal-widget-scope-2020 .modal-div .header-div .close-div {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 20px;
  flex: 0;
  white-space: nowrap;
}
.modal .modal-div .header-div .close-div .close-label-div,
.modal-widget-scope-2020 .modal-div .header-div .close-div .close-label-div,
.modal-msg-widget-scope-2020 .modal-div .header-div .close-div .close-label-div,
.modal-confirmation-widget-scope-2020 .modal-div .header-div .close-div .close-label-div,
.periods-modal-widget-scope-2020 .modal-div .header-div .close-div .close-label-div {
  font-size: 16px;
  font-weight: 500;
}
.modal .modal-div .header-div .close-div .close-btn,
.modal-widget-scope-2020 .modal-div .header-div .close-div .close-btn,
.modal-msg-widget-scope-2020 .modal-div .header-div .close-div .close-btn,
.modal-confirmation-widget-scope-2020 .modal-div .header-div .close-div .close-btn,
.periods-modal-widget-scope-2020 .modal-div .header-div .close-div .close-btn {
  margin-left: 10px;
}
.modal .modal-div .loading-spinner-div,
.modal-widget-scope-2020 .modal-div .loading-spinner-div,
.modal-msg-widget-scope-2020 .modal-div .loading-spinner-div,
.modal-confirmation-widget-scope-2020 .modal-div .loading-spinner-div,
.periods-modal-widget-scope-2020 .modal-div .loading-spinner-div {
  padding: 50px 0 10px;
}
.modal .modal-div .message-div,
.modal-widget-scope-2020 .modal-div .message-div,
.modal-msg-widget-scope-2020 .modal-div .message-div,
.modal-confirmation-widget-scope-2020 .modal-div .message-div,
.periods-modal-widget-scope-2020 .modal-div .message-div {
  font-size: 26px;
  padding: 0 5px 15px 5px;
  display: inline-block;
  color: var(--main-txt-color);
}
.modal .modal-div .content-div,
.modal-widget-scope-2020 .modal-div .content-div,
.modal-msg-widget-scope-2020 .modal-div .content-div,
.modal-confirmation-widget-scope-2020 .modal-div .content-div,
.periods-modal-widget-scope-2020 .modal-div .content-div {
  padding: 20px;
  box-shadow: inset 0 10px 30px -30px var(--modal-shadow);
  font-size: 14px;
  color: var(--main-txt-color);
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  overflow-x: hidden;
}
.modal .modal-div .content-div .topcontrols,
.modal-widget-scope-2020 .modal-div .content-div .topcontrols,
.modal-msg-widget-scope-2020 .modal-div .content-div .topcontrols,
.modal-confirmation-widget-scope-2020 .modal-div .content-div .topcontrols,
.periods-modal-widget-scope-2020 .modal-div .content-div .topcontrols,
.modal .modal-div .content-div .reptopcontrols,
.modal-widget-scope-2020 .modal-div .content-div .reptopcontrols,
.modal-msg-widget-scope-2020 .modal-div .content-div .reptopcontrols,
.modal-confirmation-widget-scope-2020 .modal-div .content-div .reptopcontrols,
.periods-modal-widget-scope-2020 .modal-div .content-div .reptopcontrols,
.modal .modal-div .content-div .datagridlist.periods,
.modal-widget-scope-2020 .modal-div .content-div .datagridlist.periods,
.modal-msg-widget-scope-2020 .modal-div .content-div .datagridlist.periods,
.modal-confirmation-widget-scope-2020 .modal-div .content-div .datagridlist.periods,
.periods-modal-widget-scope-2020 .modal-div .content-div .datagridlist.periods {
  padding: 5px;
}
.modal .modal-div .content-div img,
.modal-widget-scope-2020 .modal-div .content-div img,
.modal-msg-widget-scope-2020 .modal-div .content-div img,
.modal-confirmation-widget-scope-2020 .modal-div .content-div img,
.periods-modal-widget-scope-2020 .modal-div .content-div img {
  max-width: 100%;
}
.modal .modal-div .content-div .quicklink > div,
.modal-widget-scope-2020 .modal-div .content-div .quicklink > div,
.modal-msg-widget-scope-2020 .modal-div .content-div .quicklink > div,
.modal-confirmation-widget-scope-2020 .modal-div .content-div .quicklink > div,
.periods-modal-widget-scope-2020 .modal-div .content-div .quicklink > div {
  padding: 6px 5px;
}
.modal .modal-div .content-div .cols,
.modal-widget-scope-2020 .modal-div .content-div .cols,
.modal-msg-widget-scope-2020 .modal-div .content-div .cols,
.modal-confirmation-widget-scope-2020 .modal-div .content-div .cols,
.periods-modal-widget-scope-2020 .modal-div .content-div .cols {
  display: flex;
}
.modal .modal-div .content-div .cols.cols-top-23,
.modal-widget-scope-2020 .modal-div .content-div .cols.cols-top-23,
.modal-msg-widget-scope-2020 .modal-div .content-div .cols.cols-top-23,
.modal-confirmation-widget-scope-2020 .modal-div .content-div .cols.cols-top-23,
.periods-modal-widget-scope-2020 .modal-div .content-div .cols.cols-top-23 {
  position: relative;
  top: -23px;
}
.modal .modal-div .content-div .table-widget-scope-2020,
.modal-widget-scope-2020 .modal-div .content-div .table-widget-scope-2020,
.modal-msg-widget-scope-2020 .modal-div .content-div .table-widget-scope-2020,
.modal-confirmation-widget-scope-2020 .modal-div .content-div .table-widget-scope-2020,
.periods-modal-widget-scope-2020 .modal-div .content-div .table-widget-scope-2020 {
  margin: 0 5px;
}
.modal .modal-div .responsive-text-align,
.modal-widget-scope-2020 .modal-div .responsive-text-align,
.modal-msg-widget-scope-2020 .modal-div .responsive-text-align,
.modal-confirmation-widget-scope-2020 .modal-div .responsive-text-align,
.periods-modal-widget-scope-2020 .modal-div .responsive-text-align {
  text-align: right;
}
.modal .modal-div .buttons-div,
.modal-widget-scope-2020 .modal-div .buttons-div,
.modal-msg-widget-scope-2020 .modal-div .buttons-div,
.modal-confirmation-widget-scope-2020 .modal-div .buttons-div,
.periods-modal-widget-scope-2020 .modal-div .buttons-div,
.modal .modal-div .controls,
.modal-widget-scope-2020 .modal-div .controls,
.modal-msg-widget-scope-2020 .modal-div .controls,
.modal-confirmation-widget-scope-2020 .modal-div .controls,
.periods-modal-widget-scope-2020 .modal-div .controls {
  padding: 0;
  height: auto;
  text-align: right;
}
.modal .modal-div .buttons-div.buttons-left,
.modal-widget-scope-2020 .modal-div .buttons-div.buttons-left,
.modal-msg-widget-scope-2020 .modal-div .buttons-div.buttons-left,
.modal-confirmation-widget-scope-2020 .modal-div .buttons-div.buttons-left,
.periods-modal-widget-scope-2020 .modal-div .buttons-div.buttons-left,
.modal .modal-div .controls.buttons-left,
.modal-widget-scope-2020 .modal-div .controls.buttons-left,
.modal-msg-widget-scope-2020 .modal-div .controls.buttons-left,
.modal-confirmation-widget-scope-2020 .modal-div .controls.buttons-left,
.periods-modal-widget-scope-2020 .modal-div .controls.buttons-left {
  text-align: left;
}
.modal .modal-div .buttons-div .btn,
.modal-widget-scope-2020 .modal-div .buttons-div .btn,
.modal-msg-widget-scope-2020 .modal-div .buttons-div .btn,
.modal-confirmation-widget-scope-2020 .modal-div .buttons-div .btn,
.periods-modal-widget-scope-2020 .modal-div .buttons-div .btn,
.modal .modal-div .controls .btn,
.modal-widget-scope-2020 .modal-div .controls .btn,
.modal-msg-widget-scope-2020 .modal-div .controls .btn,
.modal-confirmation-widget-scope-2020 .modal-div .controls .btn,
.periods-modal-widget-scope-2020 .modal-div .controls .btn {
  margin: 5px;
}
.modal-confirmation-widget-scope-2020 .buttons-div {
  text-align: left;
}
.modal-xxl .modal-div {
  max-width: 1420px;
}
.modal-xl .modal-div {
  max-width: 1200px;
}
.modal-lg .modal-div {
  max-width: 1000px;
}
.modal-md .modal-div {
  max-width: 800px;
}
.modal-sm .modal-div {
  max-width: 600px;
}
.modal-xs .modal-div {
  max-width: 400px;
}
@media (max-width: 768px) {
  .modal .modal-div,
  .modal-widget-scope-2020 .modal-div,
  .periods-modal-widget-scope-2020 .modal-div {
    margin: 5px auto;
    width: calc(100vw - 30px);
  }
  .modal .modal-div .content-div .cols,
  .modal-widget-scope-2020 .modal-div .content-div .cols,
  .periods-modal-widget-scope-2020 .modal-div .content-div .cols {
    flex-direction: column;
  }
  .modal .modal-div .content-div .cols .responsive-text-align,
  .modal-widget-scope-2020 .modal-div .content-div .cols .responsive-text-align,
  .periods-modal-widget-scope-2020 .modal-div .content-div .cols .responsive-text-align {
    text-align: left;
  }
  .modal .modal-div .content-div .cols.cols-top-23,
  .modal-widget-scope-2020 .modal-div .content-div .cols.cols-top-23,
  .periods-modal-widget-scope-2020 .modal-div .content-div .cols.cols-top-23 {
    top: 0;
  }
}

/*BEGIN: modal widget css override*/

    .package-comparsion-modal-scope .modal-div {
        width: 60%;
    }

    @media (max-width: 800px) {

        .package-comparsion-modal-scope .modal-div {
            width: 100%;
        }

    }

/*END: modal widget style override*/

/*BEGIN: package comparsion table*/

    .package-comparsion-table {
        background-color: #fff;
        border: 1px solid #DBDBDB;
        font-size: 14px;
    }

    table.package-comparsion-table th {
        background-color: #f1f1f1;
        padding: 10px;
    }

    .package-comparsion-table th font {
        color: #666;
    }

    .package-comparsion-table td {
        padding: 10px;
    }

    .package-comparsion-table tbody > tr:nth-child(even) {
        background-color: #f4f5f9;
    }

/*END: package comparsion table*/

.report-order-scope-2020 .hasDatepicker:read-only,
.report-order-scope-2020 .hasDatepicker:read-only:hover {
  background: var(--input-bg-disabled-light);
  border-color: var(--input-border-disabled-light);
  opacity: 0.5;
}
.report-order-scope-2020 .report-title-div {
  font-weight: 500;
  font-size: 16px;
  padding: 36px 60px;
  background-color: var(--content-bg-color);
  box-shadow: inset 0 10px 30px -30px #000;
}
.report-order-scope-2020 .breadcrumb-span-1 {
  color: #919191;
}
.report-order-scope-2020 .breadcrumb-span-2 {
  color: var(--main-txt-color);
}
.report-order-scope-2020 .filter-list-div {
  padding-top: 41px;
  background-color: var(--content-bg-color);
  padding-left: 60px;
  padding-right: 60px;
}
.report-order-scope-2020 .report-button-div {
  text-align: right;
  padding-top: 30px;
  padding-bottom: 30px;
}
.report-order-scope-2020 .report-button-div > * {
  margin-left: 15px;
}
.report-order-scope-2020 .toggle-filters-div {
  border-top: 1px solid var(--icon-border);
  padding-left: 60px;
  padding-right: 60px;
  background: var(--content-bg-color);
  line-height: 60px;
  font-size: 14px;
  font-weight: 500;
  color: var(--main-txt-color);
  cursor: pointer;
}
.report-order-scope-2020 .toggle-rep-filters-btn {
  vertical-align: middle;
  margin-right: 10px;
}
.report-order-scope-2020 .filter-div {
  margin: 5px;
  display: inline-block;
}
.report-order-scope-2020 .filter-div--size-4 {
  width: 400px;
}
.report-order-scope-2020 .filter-label {
  margin-bottom: 5px;
  display: block;
}
.report-order-scope-2020 .option-row-div {
  display: table;
  table-layout: fixed;
  width: 650px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.report-order-scope-2020 .option-row-div > * {
  display: table-cell;
}
.report-order-scope-2020 .filter-shortcut-list-div {
  border: 1px solid var(--icon-border);
  border-left: 0;
  border-right: 0;
  background-color: var(--content-bg-color);
  padding: 11px 60px;
}
.report-order-scope-2020 .filter-shortcut-list-div label {
  color: var(--main-txt-color);
  cursor: pointer;
}
.report-order-scope-2020 .filter-shortcut-div {
  color: var(--main-txt-color);
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  line-height: 18px;
  padding-right: 10px;
  border-right: 1px solid #000;
  margin-right: 10px;
}
.report-order-scope-2020 .filter-shortcut-div:last-child {
  border-right: 0;
}
.report-order-scope-2020 .filter-shortcut-div:hover {
  color: #2EB336;
}
.report-order-scope-2020 .checkbox-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-top: 30px;
}
.report-order-scope-2020 .w30 {
  width: 30%;
}
.report-order-scope-2020 .dropdown {
  /*padding-top: 5px*/
}
.report-order-scope-2020 .radioInput-center {
  vertical-align: top;
}
.report-order-scope-2020 .checkbox-container-modified {
  display: flex;
  margin-left: 25px;
  margin-right: 25px;
  padding-top: 12px;
}
.report-order-scope-2020 .checkbox-container-modified-no-margin {
  display: flex;
  padding-top: 12px;
}
.report-order-scope-2020 .c-padding-top-5-div {
  padding-top: 5px;
}
.report-display-scope-2020 {
  padding: 36px 60px;
}
.report-display-scope-2020.no-padding {
  padding: 0;
}
.report-display-scope-2020 .reportview,
.report-display-scope-2020.reportview {
  padding: 20px;
  background-color: var(--content-bg-color);
  margin-top: 5px;
  overflow: auto;
  border: 1px solid var(--content-border);
}
.report-display-scope-2020 .reportview .bb,
.report-display-scope-2020.reportview .bb {
  border-bottom: 1px solid var(--report-border);
}
.report-display-scope-2020 .reportview .bt,
.report-display-scope-2020.reportview .bt {
  border-top: 1px solid var(--report-border);
}
.report-display-scope-2020 .reportview .bl,
.report-display-scope-2020.reportview .bl {
  border-left: 1px solid var(--report-border);
}
.report-display-scope-2020 .reportview .br,
.report-display-scope-2020.reportview .br {
  border-right: 1px solid var(--report-border);
}
.report-display-scope-2020 .reportview .repheader,
.report-display-scope-2020.reportview .repheader,
.report-display-scope-2020 .reportview .repsubheader,
.report-display-scope-2020.reportview .repsubheader {
  font-size: small;
  font-family: Arial;
  height: 18px;
  background-color: var(--report-bg-header);
}
.report-display-scope-2020 .reportview table,
.report-display-scope-2020.reportview table {
  border: none;
  table-layout: auto;
}
.report-display-scope-2020 .reportview table .repline,
.report-display-scope-2020.reportview table .repline {
  height: 18px;
}
.report-display-scope-2020 .reportview table .repline:nth-child(odd),
.report-display-scope-2020.reportview table .repline:nth-child(odd),
.report-display-scope-2020 .reportview table .repline.odd,
.report-display-scope-2020.reportview table .repline.odd {
  background: var(--content-bg-odd-color);
}
.report-display-scope-2020 .reportview table .repline:nth-child(odd):hover,
.report-display-scope-2020.reportview table .repline:nth-child(odd):hover,
.report-display-scope-2020 .reportview table .repline.odd:hover,
.report-display-scope-2020.reportview table .repline.odd:hover {
  background: var(--report-bg-hover);
}
.report-display-scope-2020 .reportview table .repline:nth-child(even),
.report-display-scope-2020.reportview table .repline:nth-child(even),
.report-display-scope-2020 .reportview table .repline.even,
.report-display-scope-2020.reportview table .repline.even {
  background: var(--content-bg-color);
}
.report-display-scope-2020 .reportview table .repline:nth-child(even):hover,
.report-display-scope-2020.reportview table .repline:nth-child(even):hover,
.report-display-scope-2020 .reportview table .repline.even:hover,
.report-display-scope-2020.reportview table .repline.even:hover {
  background: var(--report-bg-hover);
}
.report-display-scope-2020 .reportview table tr.repheader.repheader-wrapped td,
.report-display-scope-2020.reportview table tr.repheader.repheader-wrapped td {
  white-space: normal;
  word-wrap: break-word;
}
.report-display-scope-2020 .reportview table tr.repheader.repheader-wrapped td.td-long,
.report-display-scope-2020.reportview table tr.repheader.repheader-wrapped td.td-long {
  min-width: 100px;
}
.report-display-scope-2020 .reportview table tr.reptotals,
.report-display-scope-2020.reportview table tr.reptotals {
  height: 22px;
}
.report-display-scope-2020 .reportview table tr.reptotals > td,
.report-display-scope-2020.reportview table tr.reptotals > td {
  font-weight: bold;
}
.report-display-scope-2020 .reportview table th,
.report-display-scope-2020.reportview table th,
.report-display-scope-2020 .reportview table td,
.report-display-scope-2020.reportview table td {
  border: none;
  background: transparent;
  padding: 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-family: Arial, sans-serif;
  box-shadow: none;
}
.report-display-scope-2020 .reportview table th.force-wrap,
.report-display-scope-2020.reportview table th.force-wrap,
.report-display-scope-2020 .reportview table td.force-wrap,
.report-display-scope-2020.reportview table td.force-wrap {
  white-space: normal;
  word-wrap: break-word;
}
.report-display-scope-2020 .reportview table th.grheader,
.report-display-scope-2020.reportview table th.grheader,
.report-display-scope-2020 .reportview table td.grheader,
.report-display-scope-2020.reportview table td.grheader {
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 3px;
}
.report-display-scope-2020 .reportview table th.reportname,
.report-display-scope-2020.reportview table th.reportname,
.report-display-scope-2020 .reportview table td.reportname,
.report-display-scope-2020.reportview table td.reportname {
  font-weight: bold;
  padding-bottom: 5px;
  font-size: 19px;
}
.report-display-scope-2020 .reportview .badvalue,
.report-display-scope-2020.reportview .badvalue {
  color: #E94A22;
}
.report-annual .reportview .repheader,
.report-annual.reportview .repheader,
.report-annual .reportview .repsubheader,
.report-annual.reportview .repsubheader {
  height: 25px;
}
.report-annual .reportview .report-controls,
.report-annual.reportview .report-controls {
  padding-bottom: 10px;
}
.report-annual .reportview table th,
.report-annual.reportview table th,
.report-annual .reportview table td,
.report-annual.reportview table td {
  text-align: center;
  line-height: 25px;
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.report-annual .reportview table th.c-sectionname,
.report-annual.reportview table th.c-sectionname,
.report-annual .reportview table td.c-sectionname,
.report-annual.reportview table td.c-sectionname {
  font-size: 15px;
}
.report-annual .reportview table th.c-sectionname-bold,
.report-annual.reportview table th.c-sectionname-bold,
.report-annual .reportview table td.c-sectionname-bold,
.report-annual.reportview table td.c-sectionname-bold {
  font-size: 15px;
  font-weight: bold;
}
.report-annual .reportview table th.c-sectionname-s-bold,
.report-annual.reportview table th.c-sectionname-s-bold,
.report-annual .reportview table td.c-sectionname-s-bold,
.report-annual.reportview table td.c-sectionname-s-bold {
  font-size: 13px;
  font-weight: bold;
}
.report-annual .reportview table th.c-majordata,
.report-annual.reportview table th.c-majordata,
.report-annual .reportview table td.c-majordata,
.report-annual.reportview table td.c-majordata {
  font-size: 17px;
  font-weight: bold;
}
.report-annual .reportview table th.c-reportname,
.report-annual.reportview table th.c-reportname,
.report-annual .reportview table td.c-reportname,
.report-annual.reportview table td.c-reportname {
  font-weight: bold;
  font-size: 22px;
}
.report-annual .reportview table th.c-reportname div.c-align-left,
.report-annual.reportview table th.c-reportname div.c-align-left,
.report-annual .reportview table td.c-reportname div.c-align-left,
.report-annual.reportview table td.c-reportname div.c-align-left {
  font-size: 17px;
}
.report-annual .reportview table th.c-no-line,
.report-annual.reportview table th.c-no-line,
.report-annual .reportview table td.c-no-line,
.report-annual.reportview table td.c-no-line {
  line-height: 0px;
}
.report-annual .reportview table th.w05,
.report-annual.reportview table th.w05,
.report-annual .reportview table td.w05,
.report-annual.reportview table td.w05 {
  width: 5%;
}
.report-annual .reportview table th.w06,
.report-annual.reportview table th.w06,
.report-annual .reportview table td.w06,
.report-annual.reportview table td.w06 {
  width: 6.25%;
}
.report-annual .reportview table th.w07,
.report-annual.reportview table th.w07,
.report-annual .reportview table td.w07,
.report-annual.reportview table td.w07 {
  width: 7.5%;
}
.report-annual .reportview table th.w10,
.report-annual.reportview table th.w10,
.report-annual .reportview table td.w10,
.report-annual.reportview table td.w10 {
  width: 10%;
}
.report-annual .reportview table th.w12,
.report-annual.reportview table th.w12,
.report-annual .reportview table td.w12,
.report-annual.reportview table td.w12 {
  width: 12.5%;
}
.report-annual .reportview table th.w15,
.report-annual.reportview table th.w15,
.report-annual .reportview table td.w15,
.report-annual.reportview table td.w15 {
  width: 15%;
}
.report-annual .reportview table th.w25,
.report-annual.reportview table th.w25,
.report-annual .reportview table td.w25,
.report-annual.reportview table td.w25 {
  width: 25%;
}
.report-annual .reportview table th.w30,
.report-annual.reportview table th.w30,
.report-annual .reportview table td.w30,
.report-annual.reportview table td.w30 {
  width: 30%;
}
.report-annual .reportview table th.w60,
.report-annual.reportview table th.w60,
.report-annual .reportview table td.w60,
.report-annual.reportview table td.w60 {
  width: 60%;
}
.report-remainings .reportview .repheader,
.report-remainings.reportview .repheader {
  font-size: 16px;
}
.report-remainings .reportview table .c-align-center,
.report-remainings.reportview table .c-align-center {
  text-align: center;
}
.report-remainings .reportview table.c-w40,
.report-remainings.reportview table.c-w40 {
  width: 40%;
}
.report-remainings .reportview table th.c-w05,
.report-remainings.reportview table th.c-w05,
.report-remainings .reportview table td.c-w05,
.report-remainings.reportview table td.c-w05 {
  width: 5%;
}
.report-remainings .reportview table th.c-w16,
.report-remainings.reportview table th.c-w16,
.report-remainings .reportview table td.c-w16,
.report-remainings.reportview table td.c-w16 {
  width: 16%;
}
.report-remainings .reportview table th.c-w33,
.report-remainings.reportview table th.c-w33,
.report-remainings .reportview table td.c-w33,
.report-remainings.reportview table td.c-w33 {
  width: 33%;
}
.report-remainings .reportview table th.c-w00,
.report-remainings.reportview table th.c-w00,
.report-remainings .reportview table td.c-w00,
.report-remainings.reportview table td.c-w00 {
  width: 100%;
}
.report-remainings .reportview table th.b,
.report-remainings.reportview table th.b,
.report-remainings .reportview table td.b,
.report-remainings.reportview table td.b {
  font-weight: bold;
}
.report-insuredpersoninfo .reportview .repheader,
.report-insuredpersoninfo.reportview .repheader,
.report-insuredpersoninfo .reportview .repsubheader,
.report-insuredpersoninfo.reportview .repsubheader {
  height: 25px;
}
.report-insuredpersoninfo .reportview .report-controls,
.report-insuredpersoninfo.reportview .report-controls {
  padding-bottom: 10px;
}
.report-insuredpersoninfo .reportview table th,
.report-insuredpersoninfo.reportview table th,
.report-insuredpersoninfo .reportview table td,
.report-insuredpersoninfo.reportview table td {
  text-align: center;
  line-height: 25px;
  padding: 0;
}
.report-insuredpersoninfo .reportview table th.c-sectionname,
.report-insuredpersoninfo.reportview table th.c-sectionname,
.report-insuredpersoninfo .reportview table td.c-sectionname,
.report-insuredpersoninfo.reportview table td.c-sectionname {
  font-size: 15px;
  text-align: left;
  padding-left: 5px;
}
.report-insuredpersoninfo .reportview table th.c-sectionname-center,
.report-insuredpersoninfo.reportview table th.c-sectionname-center,
.report-insuredpersoninfo .reportview table td.c-sectionname-center,
.report-insuredpersoninfo.reportview table td.c-sectionname-center {
  font-size: 15px;
  text-align: center;
}
.report-insuredpersoninfo .reportview table th.c-sectionname-bold,
.report-insuredpersoninfo.reportview table th.c-sectionname-bold,
.report-insuredpersoninfo .reportview table td.c-sectionname-bold,
.report-insuredpersoninfo.reportview table td.c-sectionname-bold {
  font-size: 15px;
  font-weight: bold;
  text-align: left;
}
.report-insuredpersoninfo .reportview table th.c-sectionname-bold-center,
.report-insuredpersoninfo.reportview table th.c-sectionname-bold-center,
.report-insuredpersoninfo .reportview table td.c-sectionname-bold-center,
.report-insuredpersoninfo.reportview table td.c-sectionname-bold-center {
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.report-insuredpersoninfo .reportview table th.c-data,
.report-insuredpersoninfo.reportview table th.c-data,
.report-insuredpersoninfo .reportview table td.c-data,
.report-insuredpersoninfo.reportview table td.c-data {
  font-size: 13px;
  text-align: left;
  padding-left: 5px;
}
.report-insuredpersoninfo .reportview table th.c-data-center,
.report-insuredpersoninfo.reportview table th.c-data-center,
.report-insuredpersoninfo .reportview table td.c-data-center,
.report-insuredpersoninfo.reportview table td.c-data-center {
  font-size: 13px;
  text-align: center;
}
.report-insuredpersoninfo .reportview table th.c-data-center-bold,
.report-insuredpersoninfo.reportview table th.c-data-center-bold,
.report-insuredpersoninfo .reportview table td.c-data-center-bold,
.report-insuredpersoninfo.reportview table td.c-data-center-bold {
  font-size: 13px;
  text-align: center;
  font-weight: bold;
}
.report-insuredpersoninfo .reportview table th.w15,
.report-insuredpersoninfo.reportview table th.w15,
.report-insuredpersoninfo .reportview table td.w15,
.report-insuredpersoninfo.reportview table td.w15 {
  width: 15%;
}
.report-insuredpersoninfo .reportview table th.w20,
.report-insuredpersoninfo.reportview table th.w20,
.report-insuredpersoninfo .reportview table td.w20,
.report-insuredpersoninfo.reportview table td.w20 {
  width: 20%;
}
.report-insuredpersoninfo .reportview table th.w25,
.report-insuredpersoninfo.reportview table th.w25,
.report-insuredpersoninfo .reportview table td.w25,
.report-insuredpersoninfo.reportview table td.w25 {
  width: 25%;
}
.report-insuredpersoninfo .reportview table th.w30,
.report-insuredpersoninfo.reportview table th.w30,
.report-insuredpersoninfo .reportview table td.w30,
.report-insuredpersoninfo.reportview table td.w30 {
  width: 30%;
}
.report-insuredpersoninfo .reportview table th.w50,
.report-insuredpersoninfo.reportview table th.w50,
.report-insuredpersoninfo .reportview table td.w50,
.report-insuredpersoninfo.reportview table td.w50 {
  width: 50%;
}
.report-insuredpersoninfo .reportview table th.w100,
.report-insuredpersoninfo.reportview table th.w100,
.report-insuredpersoninfo .reportview table td.w100,
.report-insuredpersoninfo.reportview table td.w100 {
  width: 100%;
}
.report-attendancelist .report-controls {
  padding-right: 0;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-bottom: 10px;
}
.report-attendancelist .report-controls button {
  margin-right: 5px;
}
.report-attendancelist .reportview table,
.report-attendancelist.reportview table {
  table-layout: auto;
  width: auto;
}
.report-attendancelist .reportview table th,
.report-attendancelist.reportview table th,
.report-attendancelist .reportview table td,
.report-attendancelist.reportview table td {
  text-align: center;
  line-height: 25px;
  font-size: 13px;
  padding: 0;
}
.report-attendancelist .reportview table th.w100,
.report-attendancelist.reportview table th.w100,
.report-attendancelist .reportview table td.w100,
.report-attendancelist.reportview table td.w100 {
  width: 100px;
}
.report-attendancelist .reportview table th.w125,
.report-attendancelist.reportview table th.w125,
.report-attendancelist .reportview table td.w125,
.report-attendancelist.reportview table td.w125 {
  width: 125px;
}
.report-attendancelist .reportview table th.w150,
.report-attendancelist.reportview table th.w150,
.report-attendancelist .reportview table td.w150,
.report-attendancelist.reportview table td.w150 {
  width: 150px;
}
.report-attendancelist .reportview table th.w200,
.report-attendancelist.reportview table th.w200,
.report-attendancelist .reportview table td.w200,
.report-attendancelist.reportview table td.w200 {
  width: 200px;
}
.report-attendancelist .reportview table th.c-bold,
.report-attendancelist.reportview table th.c-bold,
.report-attendancelist .reportview table td.c-bold,
.report-attendancelist.reportview table td.c-bold {
  font-weight: bold;
}
.reportview.kdinf table th,
.reportview.kdinf table td {
  white-space: normal;
}
.report-greenery-3 input:disabled {
  /*        background-color: #dedede;
        opacity: 0.5;
        color: grey;*/
}
@media (max-width: 767px) {
  .report-order-scope-2020 .filter-div--size-4 {
    width: 100%;
  }
}

.contract-view-scope .flexClass {
  display: flex;
}
.contract-view-scope .margin-bottom-10 {
  margin-bottom: 5px;
}
.contract-view-scope .border {
  border-bottom: 1px solid #DFE1E6;
  margin: 10px 0px;
}
.contract-view-scope .lg-divider {
  height: 5px;
}
.contract-view-scope #preferedzus[disabled='disabled'] {
  color: var(--input-label-color) !important;
  text-decoration: none !important;
}
.contract-view-scope #preferedzus[disabled='disabled']:hover {
  text-decoration: none !important;
}
.contract-view-scope .chkInput {
  display: inherit;
  background: var(--input-checkbox-bg);
  border: 1px var(--input-bg-disabled) solid;
  border-width: 1px 0px 1px 1px;
}
.contract-view-scope .chkInput:has(input:checked) {
  background: var(--input-checkbox-checked-bg);
  border: 1px var(--input-border-disabled-light) solid;
  border-width: 1px 0px 1px 1px;
}
.contract-view-scope .hasDatepicker:read-only,
.contract-view-scope .hasDatepicker:read-only:hover {
  /*        background: var(--input-bg-disabled-light);
        border-color: var(--input-border-disabled-light);*/
}
.contract-view-scope .select-widget-scope-2020.disabled > .visible-input {
  background-color: var(--input-bg-color);
  /*opacity: 0.6;*/
  color: var(--input-color) !important;
}
.contract-view-scope input:disabled,
.contract-view-scope input:disabled:hover,
.contract-view-scope input:read-only {
  /*        border: 1px solid var(--input-border-disabled-light);
        background-color: var(--input-bg-disabled-light);
        color: #808080;*/
}
.contract-view-scope .js-contracts-select-widget .scroll-div {
  position: fixed;
  width: unset;
}
.contract-view-scope .checkbox-container.div {
  margin-top: 0px;
}
.contract-view-scope .checkbox-container.input {
  margin-top: 11px;
}
.contract-view-scope .checkbox-container.label {
  margin-top: 8px;
}
.contract-view-scope .c-no-left-padding {
  padding-left: 0px;
}
.contract-view-scope .c-no-left-right-padding {
  padding-left: 0px;
  padding-right: 0px;
}
.contracts-order-scope .datagridlist {
  padding-left: 60px;
  padding-right: 60px;
}
.contracts-order-scope .datagridlist .table-widget-scope-2020 {
  margin: 0px;
}
.contracts-order-scope .c-filter-list {
  padding-right: 60px;
  padding-left: 60px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.contracts-order-scope .c-filter-list .c-filter-sm {
  width: 220px;
}
.contracts-order-scope .c-filter-list .c-filter-lg {
  width: 280px;
}
.contracts-order-scope .c-filter-list .c-filter-item {
  padding-left: 5px;
  padding-right: 5px;
}
.contracts-order-scope .c-filter-list .c-filter-item:last-child {
  padding-right: 0px;
}
.contracts-order-scope .c-filter-list .c-contracts-periods-list-div {
  padding-top: 35px;
}
.contracts-order-scope .c-filter-list .c-contracts-periods-list-div label {
  color: var(--main-txt-color);
  cursor: pointer;
}
.contracts-order-scope .c-filter-list .c-contracts-period-div {
  color: var(--main-txt-color);
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  line-height: 18px;
  border-right: 1px solid var(--main-txt-color);
  padding-left: 0px;
}
.contracts-order-scope .c-filter-list .c-contracts-period-div:last-child {
  border-right: 0;
}
.contracts-order-scope .c-filter-list .c-contracts-period-div:hover {
  color: #2EB336;
}
.contracts-order-scope .c-filter-list .c-contracts-dates-input-list-div {
  display: flex;
}
.contracts-order-scope .c-filter-list .c-right-padding {
  padding-right: 60px;
}

.absences-modal-scope {
  /*    #editAvgCalcs {
        border-width: 1px 1px 1px var(--theme-input-disable-border-size);
    }*/
  /*.table-widget-scope-2020 .hasDatepicker:read-only {
        opacity: 1;
    }*/
}
.absences-modal-scope input.disabled {
  pointer-events: none;
  opacity: 0.5;
  border-width: var(--theme-input-disable-border-size);
}
.absences-modal-scope .percentageBase-scope {
  display: flex;
  align-items: center;
}
.absences-modal-scope .percentageBase-scope label {
  padding-top: 2px;
  width: 16%;
}
.absences-modal-scope .percentageBase-scope input {
  margin-left: 4px;
}
.absences-modal-scope .hourlyBase-scope {
  display: flex;
  align-items: center;
}
.absences-modal-scope .hourlyBase-scope label {
  padding-top: 2px;
  width: 16%;
}
.absences-modal-scope .hourlyBase-scope input {
  margin-left: 4px;
}
.absences-modal-scope .manualChangesRadio-scope {
  display: flex;
  align-items: center;
  margin-left: 1px;
}
.absences-modal-scope .manualChangesRadio-scope label {
  padding-top: 2px;
}
.absences-modal-scope .c-additional-option-chckbox {
  width: 140px;
}
.absences-modal-scope .c-additional-option-chckbox .flex-container {
  padding-top: 5px;
}
.absences-modal-scope .c-additional-option-chckbox .flex-container label {
  width: 120px;
}
.absences-modal-scope .absences-info-label {
  color: gray;
  margin-left: 5px;
}
.absences-modal-scope .bottom-right {
  vertical-align: bottom;
  text-align: right;
}
.absences-modal-scope .no-left-padding {
  padding-left: 0px;
}
.absences-modal-scope .date-widget-scope-2020 .hasDatepicker:read-only {
  /*        background: var(--input-bg-disabled-light) !important;
        border-color: var(--input-border-disabled-light);*/
  border-width: var(--theme-input-disable-border-size);
}
.absences-modal-scope .table-widget-scope-2020 .data-table tbody > tr.disabled,
.absences-modal-scope .table-widget-scope-2020 .title-table tbody > tr.disabled {
  /*        background-color: #f9fafc;*/
}
.absences-modal-scope .table-widget-scope-2020 .data-table tbody > tr.disabled .date-widget-scope-2020 .hasDatepicker:read-only,
.absences-modal-scope .table-widget-scope-2020 .title-table tbody > tr.disabled .date-widget-scope-2020 .hasDatepicker:read-only {
  /*            background: var(--input-bg-disabled-light) !important;
            border: none;*/
}
.absences-modal-scope .c-message-div {
  margin-right: 5px;
}
.absences-equivalent-scope .width70 {
  width: 70%;
}
.absences-equivalent-scope .c-message-div {
  margin-right: 5px;
}
.absences-import-scope .c-message-div {
  margin-right: 5px;
}
.absences-report-scope .width10 {
  width: 10%;
}
.absences-report-scope .width20 {
  width: 20%;
}
.absences-report-scope .c-message-div {
  margin-right: 5px;
}
.absences-remotes-scope .c-message-div {
  margin-right: 5px;
}
.absences-order-scope .datagridlist {
  padding-left: 60px;
  padding-right: 60px;
}
.absences-order-scope .datagridlist .table-widget-scope-2020 {
  margin: 0px;
}
.absences-order-scope .c-filter-list {
  padding-right: 60px;
  padding-left: 60px;
  padding-bottom: 20px;
  padding-top: 20px;
}
.absences-order-scope .c-filter-list .c-filter-sm {
  width: 220px;
}
.absences-order-scope .c-filter-list .c-filter-lg {
  width: 280px;
}
.absences-order-scope .c-filter-list .c-filter-item {
  padding-left: 5px;
  padding-right: 5px;
}
.absences-order-scope .c-filter-list .c-filter-item:last-child {
  padding-right: 0px;
}
.absences-order-scope .c-filter-list .c-absence-periods-list-div {
  padding-top: 35px;
}
.absences-order-scope .c-filter-list .c-absence-periods-list-div label {
  color: var(--main-txt-color);
  cursor: pointer;
}
.absences-order-scope .c-filter-list .c-absence-period-div {
  color: var(--main-txt-color);
  cursor: pointer;
  font-size: 14px;
  display: inline-block;
  line-height: 18px;
  border-right: 1px solid var(--main-txt-color);
  padding-left: 0px;
}
.absences-order-scope .c-filter-list .c-absence-period-div:last-child {
  border-right: 0;
}
.absences-order-scope .c-filter-list .c-absence-period-div:hover {
  color: #2EB336;
}
.absences-order-scope .c-filter-list .c-absence-dates-input-list-div {
  display: flex;
}
.absences-order-scope .c-filter-list .c-right-padding {
  padding-right: 60px;
}

.salaries-scope .cancel-button-label-span {
    vertical-align: bottom;
}

@media (max-width: 1000px) {
    .salaries-scope .cancel-button-label-span {
        display: none;
    }
}

.salaries-scope-2020 .cancel-button-label-span {
    vertical-align: bottom;
}

@media (max-width: 1000px) {

    .salaries-scope-2020 .cancel-button-label-span {
        display: none;
    }

}

/*BEGIN: filter-drawer*/

.salaries-scope-2020 .filter-drawer-content-div {
    background: var(--content-bg-color);
    padding: 30px;
}

.salaries-scope-2020 .filter-drawer-content-div > label {
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
}

.salaries-scope-2020 .filter-drawer-content-div > label:first-child {
    margin-top: 0;
}

/*END: filter-drawer*/


.settings-content-scope-2020.settings-drawer-div {
    padding-top: 20px;
    width: 420px;
    box-sizing: border-box;
}

.settings-content-scope-2020.side-menu {
    background-color: var(--content-bg-color);
    min-height: calc(100vh - 60px);
    width: 420px;
}

.settings-content-scope-2020 .dropdown-opener-div {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 16px;
    color: var(--main-txt-color);
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right 40px top 50%;
    background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-up-green.svg);
}

.settings-content-scope-2020 .dropdown-opener-div--is-closed {
    background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-down-green.svg);
}

.settings-content-scope-2020 .user-account-link {
    background-image: none;
}

.settings-content-scope-2020 .dropdown-opener-div > * {
    display: inline-block;
    vertical-align: middle;
}

.settings-content-scope-2020 .dropdown-div {
    margin-bottom: 30px;
}

.settings-content-scope-2020 .menu-item-div {
    cursor: pointer;
    color: var(--main-txt-color);
    padding: 7px 40px;
    font-size: 14px;
}

    .settings-content-scope-2020 .menu-item-div:hover,
    .settings-content-scope-2020 .menu-item-div--selected {
        background-color: var(--menu-dropdown-bg-hov);
        color: #008800;
    }

.settings-content-scope-2020 .menu-item-div--selected {
    padding-left: 55px;
    background-repeat: no-repeat;
    background-position: left 40px top 50%;
    background-image: url(/Resources/Internal/Images/2020/icon-direction-right-green.svg);
}

.settings-content-scope-2020 .icon-company-data,
.settings-content-scope-2020 .icon-general-settings,
.settings-content-scope-2020 .icon-dimensions,
.settings-content-scope-2020 .icon-personal,
.icon-user-settings {
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: center;
    width: 30px;
    height: 30px;
}

.icon-user-settings {
    background-image: url(/Resources/Internal/Images/2020/icon-user-grey.svg);
}

.settings-content-scope-2020 .icon-company-data {
    background-size: 33px;
    background-image: url(/Resources/Internal/Images/2020/icon-company-grey.svg);
}

.settings-content-scope-2020 .icon-general-settings {
    background-image: url(/Resources/Internal/Images/2020/icon-gear-grey.svg);
}

.settings-content-scope-2020 .icon-dimensions {
    background-image: url(/Resources/Internal/Images/2020/icon-dimensions-grey.svg);
}

.settings-content-scope-2020 .icon-personal {
    background-image: url(/Resources/Internal/Images/2020/icon-user-grey.svg);
}

.settings-content-scope-2020 .breadcrumb-container-div {
    background-color: var(--bg-color);
    display: flex;
    flex-direction: row;
    font-size: 16px;
    align-items: center;
    gap: 10px;
    min-height: 60px;
    z-index: 1;
    max-width: 100%;
}

.settings-content-scope-2020 .breadcrumb-div-1 {
    display: inline-block;
    color: #727272;
}

.settings-content-scope-2020 .breadcrumb-div-2 {
    display: inline-block;
    color: var(--main-txt-color);
    font-weight: bold;
}

.settings-content-scope-2020.settings-editor-div {
    align-self: start;
    padding: 0px 60px 0;
    box-sizing: border-box;
    background-color: var(--bg-color);
    max-width: 100%;
}

.settings-content-scope-2020 .settings-editor-ul {
    width: 100%;
    max-width: 100%;
}

.settings-content-scope-2020 .settings-editor-ul > li {
    display: none;
}

.settings-content-scope-2020 .sheet-form {
    background-color: var(--content-bg-color);
    border-radius: 5px;
    padding: 40px;
    box-shadow: 0px 0px 10px 0.1px var(--content-box-shadow);
}

.settings-content-scope-2020 .multi-sheet-form > div {
    background-color: var(--content-bg-color);
    border-radius: 5px;
    padding: 40px;
    box-shadow: 0px 0px 10px 0.1px var(--content-box-shadow);
    margin-bottom: 20px;
}

.settings-content-scope-2020 .import-help-div {
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.settings-content-scope-2020 .field {
    padding: 10px;
}

.settings-content-scope-2020 .form-horizontal-line-div {
    height: 1px;
    background-color: var(--icon-border);
    margin: 20px 10px;
}

.settings-content-scope-2020 .form-footer-buttons-div {
    text-align: right;
    margin-right: 10px;
    margin-top: 20px;
}
.help-center-scope-2020 .loader-div {
    display: none;
    background-image: url(/Resources/Internal/Images/green-spinner-32.gif);
    height: 32px;
    width: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
}

.help-center-scope-2020.level2 .chapter-list-page-div,
.help-center-scope-2020.level3 .chapter-list-page-div,
.help-center-scope-2020 .chapter-container,
.help-center-scope-2020.level1 .chapter-container,
.help-center-scope-2020 .subchapter-container,
.help-center-scope-2020.level1 .subchapter-container
{
    display: none;
}

.help-center-scope-2020.level2 .chapter-container,
.help-center-scope-2020.level3 .subchapter-container
{
    display: block;
}

.help-center-scope-2020 .img-div {
    height: 247px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url(/Resources/Internal/Images/2020/img-help.svg);
    margin: 0 auto -20px;
}

.help-center-scope-2020 .contact-info-div {
    background: #2EB336;
    color: white;
    padding: 20px;
    border-radius: 5px;
    margin: 20px 30px 0;
    font-size: 14px;
}

.help-center-scope-2020 .contact-info-div > span {
    display: block;
    height: 20px;
}

.help-center-scope-2020 .main-chapter-scroll-div {
    text-align: center;
    margin: 20px 30px 0;
    overflow-y: auto;
}

.help-center-scope-2020 .main-chapter-button {
    height: unset;
    min-height: 49px;
    color: var(--main-txt-color);
    background-color: transparent;
    border: 1px solid var(--calendar-ui-picker-border);
    border-radius: 5px;
    display: block;
    text-align: left;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    background-repeat: no-repeat;
    background-position: right 20px top 50%;
    background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-down-green.svg);
}

.help-center-scope-2020 .main-chapter-button--is-open {
    background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-up-green.svg);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.help-center-scope-2020 .subchapter-dropdown-div {
    max-height: 0;
    overflow: hidden;
    transition: .3s ease-in-out;
    padding: 0 20px;
    border: 1px solid transparent;
    margin-bottom: 20px;
}

.help-center-scope-2020 .subchapter-dropdown-div--is-open {
    border-color: var(--calendar-ui-picker-border);
    padding: 20px;
    max-height: 400px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: -1px;
}

.help-center-scope-2020 .subchapter-dropdown-item-div {
    text-align: left;
    font-size: 14px;
    color: var(--main-txt-color);
    margin-bottom: 12px;
    cursor: pointer;
}

.help-center-scope-2020 .subchapter-dropdown-item-div:hover {
    color: #2EB336;
}

.help-center-scope-2020 .subchapter-dropdown-item-div:last-child {
    margin-bottom: 0;
}

.help-center-scope-2020 .back-button {
    height: 60px;
    color: var(--main-txt-color);
    border-bottom: 1px solid var(--calendar-ui-picker-border);
    width: 100%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left 30px top 50%;
    background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-left-green.svg);
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    padding-left: 50px;
}

.help-center-scope-2020 .chapter-header-div {
    color: #2EB336;
    border-bottom: 1px solid var(--calendar-ui-picker-border);
    padding: 30px;
    font-size: 25px;
}

.help-center-scope-2020 .chapter-content {
    max-height: 100%;
    overflow-y: auto;
    padding: 10px 30px 30px 30px;
}

@media (max-height: 600px) {
    .help-center-scope-2020 .img-div {
       display: none;
    }
}

@media (max-height: 400px) {
    .help-center-scope-2020 .contact-info-div {
       display: none;
    }
}
/*BEGIN: modal widget css override*/

    .license-upgrade-modal-scope .modal-div {
        width: 60%;
    }

    @media (max-width: 1510px) {

        .license-upgrade-modal-scope .modal-div {
            width: 50%;
        }

    }

    @media (max-width: 800px) {

        .license-upgrade-modal-scope .modal-div {
            width: 100%;
        }

    }

/*END: modal widget style override*/

.license-upgrade-modal-scope .licence-upgrade-form {
    background-color: #fff;
    margin: -10px;
    padding: 10px;
}

.license-upgrade-modal-scope table {
    font-size: 14px;
}

/*BEGIN: layout*/

    .license-upgrade-modal-scope .layout-div {
        margin: 20px;
        margin-right: 20px;
    }

    .license-upgrade-modal-scope .layout-div:after {
        content: "";
        display: table;
        clear: both;
    }

    .license-upgrade-modal-scope .column-div-1,
    .license-upgrade-modal-scope .column-div-2 {
        float: left;
        box-sizing: border-box;
        height: 100%;
    }

    .license-upgrade-modal-scope .column-div-1 {
        width: 50%;
    }

    .license-upgrade-modal-scope .column-div-2 {
        padding-left: 20px;
        width: 50%;
    }

    @media (max-width: 1510px) {

        .license-upgrade-modal-scope .column-div-1,
        .license-upgrade-modal-scope .column-div-2 {
            width: 100%;
        }

        .license-upgrade-modal-scope .column-div-2 {
            padding: 0;
            margin-top:20px;
        }
    }

/*END: layout*/

/*BEGIN: current contract table*/

    .license-upgrade-modal-scope .current-contract-table {
        table-layout: fixed
    }

    .license-upgrade-modal-scope .current-contract-table th {
        padding-bottom: 6px;
    }

    .license-upgrade-modal-scope .current-contract-table th:nth-child(1),
    .license-upgrade-modal-scope .current-contract-table td:nth-child(1){
        text-align: left;
    }

    .license-upgrade-modal-scope .current-contract-table th:nth-child(2),
    .license-upgrade-modal-scope .current-contract-table td:nth-child(2){
        text-align: right;
    }

    .license-upgrade-modal-scope .current-contract-table tr {
        border-bottom: 1px solid #ddd;
    }

/*END: current contract table*/
    
/*BEGIN: general panels*/

    .license-upgrade-modal-scope .panel-div {
        border: 1px solid #DBDBDB;
        background-color: white;
        box-shadow: 0px 0px 10px 0.1px #eaeaea;
    }

    .license-upgrade-modal-scope .contract-panel-div,
    .license-upgrade-modal-scope .employee-amount-choice-panel-div,
    .license-upgrade-modal-scope .package-choice-panel-div {
        height: 160px;
        margin-bottom: 20px;
    }

    .license-upgrade-modal-scope .add-users-panel-div {
        height: 175px;
    }

    .license-upgrade-modal-scope .panel-header-div {
        border-bottom: 1px solid #DBDBDB;
        line-height: 32px;
        font-size: 14px;
        font-weight: bold;
        background-color: #f1f1f1;
        color: #666;
        padding-left: 10px;
    }

    .license-upgrade-modal-scope .panel-content-div {
        padding: 10px;
        text-align: center;
    }

/*END: general panels*/

/*BEGIN: slider-panels*/

    .license-upgrade-modal-scope .package-choice-div,
    .license-upgrade-modal-scope .employee-amount-choice-div {
        padding-top: 40px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 40px;
    }

    .license-upgrade-modal-scope .ui-slider-horizontal .ui-slider-range {
        background-color: #00A65A;
    }

    .license-upgrade-modal-scope .ui-corner-all {
        border-radius: 32px;
    }

    .license-upgrade-modal-scope .ui-slider .ui-slider-handle {
        cursor: pointer;
    }

    /*BEGIN: employee slider*/

    .license-upgrade-modal-scope .employee-scale-div {
        margin-left: 35px;
        margin-top: 10px;
    }

    .license-upgrade-modal-scope .employee-scale-div > span {
        text-align: center;
        color: #00A65A;
        cursor: pointer;
    }

    .license-upgrade-modal-scope .employee-scale-div > span.selected {
        font-weight: bold;
        text-decoration: underline;
    }

    /*END: employee slider*/

    /* BEGIN: package slider */

    .license-upgrade-modal-scope .package-scale-div {
        margin-left: 8px;
        margin-top: 10px;
        text-align: center;
        cursor: pointer;
    }

    .license-upgrade-modal-scope .package-scale-div > span {
        color: #00A65A;
    }

    .package-scale-div > span.selected {
        font-weight: bold;
        text-decoration: underline;
    }

    /* END: package slider */

/*END: slider-panels*/

/*BEGIN: shopping cart panel*/

    .license-upgrade-modal-scope .shopping-cart-panel-div {
        height: 720px;
    }

    .license-upgrade-modal-scope .shopping-cart-content-div {
        text-align: center;
    }

    .license-upgrade-modal-scope .shopping-cart-content-div button {
        width: 70%;
        margin-top: 10px;
    }

    @media (max-width: 1510px) {

        .license-upgrade-modal-scope .shopping-cart-content-div button {
            width: 52%;
        }

    }

    .license-upgrade-modal-scope .shopping-help-div {
        line-height: 0.5;
        margin-bottom: 20px;
        font-size: 13px;
    }

    @media (max-width: 1510px) {

        .license-upgrade-modal-scope .shopping-cart-panel-div {
            height: unset;
            padding-bottom: 10px;
        }

        .license-upgrade-modal-scope .shopping-help-div {
            display: none;
        }

    }

/*END: shopping cart panel*/

/*BEGIN: shopping cart table*/

    .license-upgrade-modal-scope .shopping-cart-table-div {
        margin-top: 40px;
        min-height: 300px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .license-upgrade-modal-scope .shopping-cart-table {
        table-layout: fixed;
    }

    /*BEGIN: header*/
    .license-upgrade-modal-scope .shopping-cart-header-tr-1 {
        border-bottom: 2px solid #00A65A;
        font-size: 17px;
    }

    .license-upgrade-modal-scope .shopping-cart-header-tr-2 {
        height: 20px;
    }

    .license-upgrade-modal-scope th {
        background: none;
    }

    .license-upgrade-modal-scope .shopping-cart-item-th {
        text-align: left;
    }


    .license-upgrade-modal-scope .shopping-cart-amount-th {
        text-align: center;
        width: 180px;
    }


    .license-upgrade-modal-scope .shopping-cart-price-th {
        text-align: right;
        width: 80px;
    }
    /*END: header*/

    /*BEGIN: body*/

    .license-upgrade-modal-scope .shopping-cart-table > tbody > tr {
        display: none;
        border-bottom: 1px solid #ddd;
    }
    /*END: body*/

    /*BEGIN: footer*/
    .license-upgrade-modal-scope .summary-label-td {
        text-align: left;
        padding-left: 40px;
    }

    .license-upgrade-modal-scope .summary-number-td {
        text-align: right;
    }

    .license-upgrade-modal-scope .total-sum-tr {
        border-bottom: 0;
        display: none;
        color: #00A65A;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: bold;
    }
    /*END: footer*/

/*END: shopping cart table*/



.license-upgrade-modal-scope .minus-div,
.license-upgrade-modal-scope .plus-div {
    border: 2px solid #00A65A;
    border-radius: 32px;
    width: 32px;
    height: 32px;
    font-size: 32px;
    line-height: 32px;
    cursor: pointer;
    vertical-align: middle;
    color: #00A65A;
    transition: all 0.5s;
    margin: 0px 10px;
    user-select: none;
    text-align: center;
    display: inline-block;
}

.license-upgrade-modal-scope .minus-div:hover,
.license-upgrade-modal-scope .plus-div:hover {
    color: #fff;
    background-color: #00A65A;
}

.license-upgrade-modal-scope .minus-div:hover > .minus-button-hr {
    background: white;
}

.license-upgrade-modal-scope .minus-button-hr {
    width: 50%;
    height: 2px;
    background: #00A65A;
    border: 0;
}

.login-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  gap: 30px;
  padding: 30px 0;
}
.login-container .login-side-spacer {
  flex: 1;
}
.login-container .logic-div {
  width: 403px;
  max-height: 590px;
}
.login-container .login-banner-scope {
  display: block;
  width: 690px;
  max-width: 690px;
  max-height: 590px;
  height: 590px;
  background-repeat: no-repeat;
  border-radius: 5px;
  position: relative;
  background-color: var(--main-color);
  background-size: calc(690px);
}
.login-container .login-banner-scope .tagline-div {
  padding: 50px 0px 0px 50px;
  color: var(--main-txt-color);
  font-size: 36px;
  line-height: 46px;
  /*max-width: 600px;*/
}
.login-container .login-banner-scope .tagline-div blockquote p,
.login-container .login-banner-scope .tagline-div p {
  margin-block-start: 10px;
  margin-block-end: 10px;
}
.login-container .login-banner-scope .logo-div {
  position: absolute;
  background-color: var(--content-bg-color);
  height: 56px;
  width: 195px;
  bottom: 39px;
  right: 0px;
  background-image: url(/Resources/Internal/Images/2020/360_logo_kp.svg);
  background-repeat: no-repeat;
  background-position: 22px 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media (max-width: 768px) {
  .login-container .login-banner-scope {
    display: none;
  }
  .login-container .logic-div {
    max-height: initial;
  }
  .login-container.preview .login-banner-scope {
    display: block;
  }
}

.vacation-comp-view-scope .field
{
    padding: 5px 10px 5px 10px;
}
.vacation-comp-view-scope .vline {
    width: 1px;
    background-color: #d4d6e2;
}

/*BEGIN: Old companies?*/
#companies {
	vertical-align: middle;
	white-space: nowrap;
}

#companies .down {
	pointer-events: none;
}
#companies .list {
	position: absolute;
	z-index: 12;
	padding: 15px;
	background-color: #232425;
	border: 0px;
	min-width: 300px;
	margin-left: -5px;
	padding-top: 10px;
	border-radius: 0px;
	box-shadow: 1px 1px 1px -1px #686868;
}
#companies .list .controls {
	width: auto;
	table-layout: auto;
}
#companies .list .select {
	width: 1px;
}
#companies .list .selected {
	background-color: #858585;
	border: 1px solid #232425;
	color: #ffffff;
	text-shadow: 1px 1px #6f6f6f;
}
#companies .itemsscroll {
	max-height: 350px;
	overflow-y: auto;
	width: auto;
}
#companies .list .item {
	cursor: pointer;
}

#addcompany {
	margin-top: 15px;
}
/*END: Old companies?*/

textarea {
	height: auto;
	resize: none;
	background: var(--input-bg-color);
	color: var(--input-color);
	border: 1px solid var(--icon-border);
}

input:disabled,
input:disabled:hover,
input:read-only,
select:disabled,
textarea:read-only,
textarea:disabled,
select:disabled:hover,
textarea:disabled:hover {
/*    border-width: 1px 0px 0px 0px;
    border-color: #edecea;*/
/*	opacity: 0.60;*/
}

.tooltip-editing-enabled {
    background-color: #ff1d48 !important;
}

.translation-editing-enabled {
    background-color: orange !important;
}

.chart-widget-scope {
    position: relative;
    height: 100%;
}

.chart-widget-scope .bg-div {
    position: absolute;
    background: var(--chart-bg);
    width: 100%;
    bottom: 0;
    height: 100%;
}

.chart-widget-scope .bar-col-container-div {
    width: 100%;
    height: 100%;
    position: absolute;
}

.chart-widget-scope .bar-div {
    height: 200px;
    width: 5px;
    background-color: #2EB336;
    position: absolute;
    bottom: 0;
}

@media (min-width: 768px) {

    .chart-widget-scope .bar-div {
        width: 20px;
    }

    .chart-widget-scope .bar-month-div {
        width: 20px;
    }

}

.chart-widget-scope .bar-col-div {
    float: left;
    width: 8%;
    position: relative;
    height: 100%;
}

.chart-widget-scope .bar-col-div:first-child {
    margin-left: 4%;
}

.chart-widget-scope .bar-month-div {
    text-align: center;
    position: absolute;
    width: 5px;
    bottom: -25px;
}

.chart-widget-scope .y-guide-div {
    height: 111px;
    width: 100%;
    border-top: 1px solid var(--icon-border);
    box-sizing: border-box;
}

.chart-widget-scope .y-guide-div:last-child {
    border-bottom: 1px solid  var(--icon-border);
}

.chart-widget-scope .y-guide-label-div {
    position: relative;
    top: -8px;
    right: 50px;
    width: 40px;
    text-align: right;
}

.checkbox-widget-scope {
    width: 20px;
    height: 20px;
    border: 1px solid var(--input-label-color);
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
}

.checkbox-widget-scope.selected {
    background-image: url(/Resources/Internal/Images/2020/icon-checkbox-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #2EB336;
    border-color: #2EB336;
}

.dark-layer-widget-scope-2020.dark-layer-div {
    position: absolute;
    top: 0;
    background: rgba(0, 0, 0, 0.2);;
    width: 100%;
    height: 100%;
    display: none;
}
.dashboard-panel-widget-scope-2020.main-div {
    border: 1px solid var(--content-border);
    position: relative;
    background-color: var(--content-bg-color);
    box-shadow: 0px 0px 10px 0.1px var(--content-box-shadow);
    box-sizing: border-box;
}

.dashboard-panel-widget-scope-2020 .header-div {
    line-height: 50px;
    font-size: 14px;
    background-color: var(--dashboard-header-bg-color);
}

.dashboard-panel-widget-scope-2020 .title-div {
    margin: 0px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--menu-font-color);
    font-weight: 500;
}

.dashboard-panel-widget-scope-2020 .content-div {
    background-color: transparent;
    overflow: auto;
}

.dashboard-panel-widget-scope-2020 .content-div--loading {
    background-image: url(/Resources/Internal/Images/green-spinner-32.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%; 
}

.dashboard-panel-widget-scope-2020 .close-div {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0px;
    border-left: 1px solid var(--content-bg-color);
    height: 50px;
    width: 40px;
    background-image: url(/Resources/Internal/Images/2020/icon-close-small-grey.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.dashboard-widget-scope-2020.main-div {
    border-radius: 4px;
    position: relative;
    box-shadow: 0px 0px 10px 0.1px var(--content-box-shadow);
}

.dashboard-widget-scope-2020 .header-div {
    line-height: 50px;
    font-size: 14px;
    background-color: var(--dashboard-header-bg-color);
    display: none;
}

.dashboard-widget-scope-2020 .title-div {
    margin: 0px 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000;
    font-weight: 500;
}

.dashboard-widget-scope-2020 .content-div--loading {
    background-image: url(/Resources/Internal/Images/green-spinner-32.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%; 
}

.dashboard-widget-scope-2020.solid-theme.main-div {
    background-color: var(--content-bg-color);
}

.dashboard-widget-scope-2020.outline-theme.main-div {
    border: 1px solid var(--content-bg-color);
    background-color: var(--content-bg-color);
}

.dashboard-widget-scope-2020[max-width~="700px"] .content-div {
    display: block;
    width: 100%;
}

.dashboard-widget-scope-2020[max-width~="700px"] .close-div {
    display: block;
    border-top: 1px solid var(--dashboard-close-border);
    border-left: 0;
    height: 40px;
    width: 100%;
    background-position: right 15px top 50%;
    background-image: url(/Resources/Internal/Images/2020/icon-close-small-grey.svg);
    background-repeat: no-repeat;
    cursor: pointer;
}

.dashboard-widget-scope-2020[max-width~="700px"].main-div {
    display: block;
    width: 100%;
}

.dashboard-widget-scope-2020.main-div {
    display: table;
    width: 100%;
}

.dashboard-widget-scope-2020 .content-div {
    background-color: transparent;
    display: table-cell;
    width: unset;
    box-sizing: border-box;
}

.dashboard-widget-scope-2020 .close-div {
    cursor: pointer;
    top: 0;
    right: 0px;
    border-left: 1px solid var(--dashboard-close-border);
    width: 40px;
    background-image: url(/Resources/Internal/Images/2020/icon-close-small-grey.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: table-cell;
}

.drawer-widget-scope-2020 {
    height: 44px;
}

.drawer-widget-scope-2020.drawer-div--open {
    top: 60px;
    width: 480px;
}

@media (max-width: 1000px) {

    .drawer-widget-scope-2020.drawer-div {
        top: 0;
    }

    .drawer-widget-scope-2020.drawer-div--open {
        width: 100%;
    }
}
.dropdown-actions-widget-scope.transparent-container-div {
    width: 100px;
    position: absolute;
    cursor: pointer;
    padding-top: 15px;
}

.dropdown-actions-widget-scope .action-div {
    border-bottom: 1px solid var(--content-border);
    padding: 10px;
    text-align: center;
    color: var(--tooltip-color);
}

.dropdown-actions-widget-scope .action-div:hover {
    font-weight: bold;
}

.dropdown-actions-widget-scope .action-div:last-child {
    border-bottom: 0;
}

.dropdown-actions-widget-scope .bottom-bubble-div {
    position: relative;
    background: var(--content-bg-color);
    box-shadow: 0px 0px 15px 2px var(--tooltip-shadow);
    border-radius: 5px;
}

.dropdown-actions-widget-scope .bottom-bubble-div {
    border-top: 8px solid #00A65A;
}

.dropdown-actions-widget-scope .bottom-bubble-div:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #00A65A;
    border-top: 0;
    margin-left: -10px;
    margin-top: -18px;
}

.flat-modal-widget-scope-2020.background-div {
    position: absolute;
    background: url(/Resources/Internal/Images/dark-transparent-background.png);
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    z-index: 10;
}

.flat-modal-widget-scope-2020 .modal-div {
    margin: 50px auto;
    position: relative;
    background-color: #f4f5f9;
    border-radius: 4px;
}

.flat-modal-widget-scope-2020 .header-div {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    line-height: 60px;
    height: 60px;
    cursor: move;
    overflow: hidden;
    background-color: #fff;
    color: #000;
    display: table;
    width: 100%;
}

.flat-modal-widget-scope-2020 .header-title-div,
.flat-modal-widget-scope-2020 .close-div {
    display: table-cell;
    vertical-align: middle;
}

.flat-modal-widget-scope-2020 .header-title-div {
    padding-left: 20px;
    font-size: 18px;
    font-weight: 500;
}

.flat-modal-widget-scope-2020 .close-div {
    text-align: right;
    padding-right: 20px;
}

.flat-modal-widget-scope-2020 .close-label-div {
    line-height: 60px;
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 500;
}

.flat-modal-widget-scope-2020 .close-btn {
    vertical-align: middle;
    margin-left: 10px;
}


.flat-modal-widget-scope-2020 .content-div {
    padding: 20px;
    margin: 0;
    box-shadow: inset 0px 10px 30px -30px #000;
}

.flat-modal-widget-scope-2020 .loading-spinner-div {
    padding-top: 50px;
    padding-bottom: 10px;
}

.fold-card {
  width: 100%;
  background-color: var(--content-bg-color);
  box-shadow: 0px 6px 10px var(--table-shadow);
  border-radius: 4px;
}
.fold-card .fold-card-header {
  display: flex;
  align-items: center;
  flex-direction: row;
  background-color: var(--dashboard-header-bg-color);
  color: var(--main-txt-color);
  height: 50px;
  padding: 0 20px;
  border-radius: 4px 4px 0 0;
  font-weight: 500;
  cursor: pointer;
}
.fold-card .fold-card-title {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.fold-card .fold-card-content {
  width: calc(100% - 60px);
  padding: 30px;
  line-height: 25px;
}
.fold-card .fold-card-content.no-padding {
  width: 100%;
  padding: 20px 0;
}
.fold-card .topcontrols {
  box-shadow: none;
}
.fold-card .fold-card-content--loading {
  background-image: url("/Resources/Internal/Images/green-spinner-32.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.fold-card.fold-card-collapsed .fold-card-header {
  background-color: var(--content-bg-color);
  border-radius: 4px;
}
.fold-card.fold-card-collapsed .fold-card-content {
  display: none;
}

body.is-full-screen .full-screen-widget-scope-2020 {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
}

.full-screen-widget-scope-2020 .enter-div {
    padding: 10px;
    text-align: center;
    cursor: pointer;
    text-decoration: underline;
    color: #4e84c4;
}

.full-screen-widget-scope-2020 .exit-div,
body.is-full-screen .enter-div,
body.is-full-screen .main-navigation-div
{
    display: none;
}

body.is-full-screen .exit-div {
    display: block;
}

.full-screen-widget-scope-2020 .icon-close {
    background-position-x: calc( (100vw - 180px) /2);
}

@media (min-width: 1200px) {
    .full-screen-widget-scope-2020 .enter-div {
        display: none;
    }
}

.help-box-widget-greenery-3.main-div {
    border: 1px solid #DBDBDB;
    position: relative;
    background-color: transparent;
}

.help-box-widget-greenery-3 div.content-div {
    padding-right: 35px;
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: transparent;
    font-size: 14px;
}

.help-box-widget-greenery-3 .content-div--loading {
    background-image: url(/Resources/Internal/Images/green-spinner-32.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%; 
}

.help-box-widget-greenery-3 div.close-div {
    position: absolute;
    cursor: pointer;
    display: block;
    padding: 0px;
    width: 16px;
    height: 16px;
    top: 8px;
    right: 10px;
    margin: 0px;
    border: none;
    border-radius: 0px;
    transition: all 0.3s;
    font-size: 16px;
    color: lightgray;
}

.modal-loader-widget-scope.dark-layer-div {
    position: absolute;
    background: var(--loader-shadow);
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    z-index: 10;
}

.modal-loader-widget-scope .loader-div {
    width: 300px;
    background: var(--content-bg-color);
    top: 30%;
    position: fixed;
    right: 50%;
    margin-right: -150px;
}

.modal-loader-widget-scope .msg-div {
    text-align: center;
    padding: 20px;
    color: var(--tooltip-color);
    font-weight: bold;
}

.modal-loader-widget-scope .spinner-div {
    min-height: 80px;
    background-image: url(/Resources/Internal/Images/green-spinner-32.gif);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-color: transparent;
}
.multi-select-widget-scope-2020.main-div {
    position: relative;
}

.multi-select-widget-scope-2020.main-div * {
    box-sizing: border-box;
}
.multi-select-widget-scope-2020.main-div.disabled {
    opacity: 0.6 !important;
}
.multi-select-widget-scope-2020 .visible-input {
    height: 36px;
    width: 100%;
    /*    font-family: "Droid Sans", sans-serif;*/
    font-size: 14px;
    padding-left: 15px;
    padding-right: 40px;
    border: 1px solid var(--icon-border);
    cursor: pointer;
    background: var(--input-bg-color);
    color: var(--input-color);
}

.multi-select-widget-scope-2020 .visible-input:hover, 
.multi-select-widget-scope-2020 .visible-input:active {
    border-color: #2EB336;
}

.multi-select-widget-scope-2020 .dark-border,
.multi-select-widget-scope-2020 .dark-border:hover {
    border-color: #727272;
}

.multi-select-widget-scope-2020.disabled > .visible-input {
    background-color: var(--input-bg-disabled-light);
    pointer-events: none;
    color: #808080 !important;
    border: 1px solid var(--input-border-disabled-light) !important;
    /*opacity: 0.5;*/
}

.multi-select-widget-scope-2020 .arrow-div {
    position: absolute;
    right: 15px;
    top: 0;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    width: 10px;
    height: 100%;
    background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-down-green.svg);
    transition-duration: 0.2s;
    transition-property: transform;
}

.multi-select-widget-scope-2020.disabled .arrow-div {
    background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-down-grey.svg);
}

.multi-select-widget-scope-2020 .arrow-div--rotated {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.multi-select-widget-scope-2020 .icon-triangle-down:before {
    content: "";
}

.multi-select-widget-scope-2020 .dropdown-div {
    cursor: pointer;
    display: none;
    position: absolute;
    z-index: 100;
    width: 100%;
    border: 1px solid #727272;
    border-top: 0;
}

.multi-select-widget-scope-2020 .choose-selection-div {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 15px;
    padding-right: 40px;
    background: var(--input-bg-color);
    color: var(--input-color);
    border-bottom: 1px solid var(--icon-border);
    font-weight: 500;
}

.multi-select-widget-scope-2020 .multi-checkbox-div {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 1px;
}

.multi-select-widget-scope-2020 .check-all-span {
    font-size: 14px;
}

.multi-select-widget-scope-2020 .scroll-div {
    font-size: 14px;
    max-height: 252px;
    overflow-y: auto;
}

.multi-select-widget-scope-2020 .row-div {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 15px;
    padding-right: 40px;
    color: var(--input-color);
    background-color: var(--content-bg-color);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.multi-select-widget-scope-2020 .row-div:hover {
    background-color: var(--calendar-ui-hover);
}

.multi-select-widget-scope-2020 .row-div--selected {
    background-color: var(--selectbox-bg-selected);
}

.multi-select-widget-scope-2020 .row-checkbox {
    margin-left: 0;
    margin-right: 10px;
}

.multi-select-widget-scope-2020 .row-checkbox:active {
    background-color: #2EB336;
}
.main-nav-icon-dropdown-widget-scope-2020 .calculator-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-calculator-grey.svg);
}

.main-nav-icon-dropdown-widget-scope-2020 .opener-div--selected > .calculator-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-calculator-green.svg);
}

.main-nav-icon-dropdown-widget-scope-2020 .pause-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-pause-grey.svg);
}

.main-nav-icon-dropdown-widget-scope-2020 .opener-div--selected > .pause-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-pause-green.svg);
}

.main-nav-icon-dropdown-widget-scope-2020 .lock-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-lock-grey.svg);
}

.main-nav-icon-dropdown-widget-scope-2020 .opener-div--selected > .lock-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-lock-green.svg);
}

.main-nav-icon-dropdown-widget-scope-2020 .long-arrow-up-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-long-arrow-up-grey.svg);
}

.main-nav-icon-dropdown-widget-scope-2020 .opener-div--selected > .long-arrow-up-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-long-arrow-up-green.svg);
}

.main-nav-icon-dropdown-widget-scope-2020 .gear-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-gear-grey.svg);
}

.main-nav-icon-dropdown-widget-scope-2020 .opener-div--selected > .gear-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-gear-green.svg);
}

.main-nav-icon-dropdown-widget-scope-2020 .admin-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-user-orange.svg);
}

.main-nav-icon-dropdown-widget-scope-2020 .opener-div--selected > .admin-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-user-orange.svg);
}

.main-nav-icon-dropdown-widget-scope-2020 .category-title-div {
    margin: 30px 30px 10px;
}

.main-nav-icon-dropdown-widget-scope-2020 .item-div {
    padding-left: 30px;
    padding-right: 30px;
    white-space: nowrap;
    line-height: 32px;
    cursor: pointer;
}

.main-nav-icon-dropdown-widget-scope-2020 .item-div--has-bottom-separator {
    border-bottom: 4px solid #c1c1c1;
}

.main-nav-icon-dropdown-widget-scope-2020 .item-div:hover,
.main-nav-icon-dropdown-widget-scope-2020 .item-div--is-selected {
    background: var(--menu-dropdown-bg-hov);
    color: #2EB336;
}

.main-nav-icon-dropdown-widget-scope-2020 .item-div--is-selected {
    background-image: url(/Resources/Internal/Images/2020/icon-angle-right-green.svg);
    background-repeat: no-repeat;
    background-position-y: 12px;
    background-position-x: 30px;
    padding-left: 45px;
}

@media (max-width: 1024px) {

    .main-nav-icon-dropdown-widget-scope-2020 .label-div--has-arrow-down {
        background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-down-green.svg);
    }

    .main-nav-icon-dropdown-widget-scope-2020 .label-div--has-arrow-up {
        background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-up-green.svg);
    }

    .main-nav-icon-dropdown-widget-scope-2020 .dropdown-div {
        position: initial !important;
    }

    .main-nav-icon-dropdown-widget-scope-2020 .category-title-div {
        margin-left: 15px;
        margin-right: 15px;
    }

    .main-nav-icon-dropdown-widget-scope-2020 .item-div {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.main-nav-company-widget-scope-2020 .label-div {
    width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main-nav-company-widget-scope-2020 .drawer-div--open {
    background-color: var(--bg-color);
    width: 480px;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 60px);
}

.main-nav-company-widget-scope-2020 .scrollable-div {
    overflow: hidden;
    overflow-y: auto;
}

.main-nav-company-widget-scope-2020 .button-bar-div {
    flex-shrink: 0;
}

.main-nav-company-widget-scope-2020 .add-btn-div {
    display: table-cell;
    font-weight: 500;
    color: var(--main-txt-color);
    vertical-align: middle;
    font-size: 14px;
}

.main-nav-company-widget-scope-2020 .add-btn-div {
    flex-grow: 1;
    padding-left: 30px;
    min-width: 200px;
    cursor: pointer;
}

.main-nav-company-widget-scope-2020 .add-btn-div:hover {
    color: #2EB336;
}

.main-nav-company-widget-scope-2020 .add-btn-div > button {
    margin-right: 15px;
    vertical-align: middle;
}

.main-nav-company-widget-scope-2020 .delete-box-div {
    background-color: transparent;
    padding: 0 30px 30px;
}

.main-nav-company-widget-scope-2020 .delete-box-button-bar-div {
    margin-top: 10px;
    text-align: right;
}

.main-nav-company-widget-scope-2020 .delete-box-msg-div {
    color: #919191;
    margin-bottom: 10px;
}

.main-nav-company-widget-scope-2020 .search-div {
    
    padding-top: 8px;
    padding-bottom: 8px;
    display: table;
    width: 100%;
}

.main-nav-company-widget-scope-2020 .search-btn-div,
.main-nav-company-widget-scope-2020 .search-input-div {
    display: table-cell;
    vertical-align: middle;
}

.main-nav-company-widget-scope-2020 .search-btn-div {
    padding-left: 30px;
    width: 30px;
}

.main-nav-company-widget-scope-2020 .search-input-div {
    padding-right: 30px;
}

.main-nav-company-widget-scope-2020 .search-input {
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    font-size: 15px;
    border: 0 solid;
    background-color: transparent;
    color: var(--main-txt-color)
}

.main-nav-company-widget-scope-2020 .company-row,
.main-nav-company-widget-scope-2020 .company-tr table.company-data-table {
    height: 70px;
}

.main-nav-company-widget-scope-2020 .company-tr {
    cursor: pointer;
    border-bottom: 1px solid var(--input-border-color);
    border-left: 6px solid var(--content-bg-color);
    background-color: var(--content-bg-color);
}

.main-nav-company-widget-scope-2020 .company-tr:last-child {
    border-bottom: 0;
}

.main-nav-company-widget-scope-2020 .company-tr:hover,
.main-nav-company-widget-scope-2020 .company-tr--is-selected {
    background-color: var(--dashboard-unreaded-msg);
    border-left: 6px solid #2EB336;
}

.main-nav-company-widget-scope-2020 .company-name-td {
    padding-left: 30px;
    color: var(--main-txt-color);
}

.main-nav-company-widget-scope-2020 .company-name-td,
.main-nav-company-widget-scope-2020 .company-env-td,
.main-nav-company-widget-scope-2020 .company-id-td {
    border: 0;
    font-size: 16px;
    vertical-align: middle;
}

.main-nav-company-widget-scope-2020 .company-env-td,
.main-nav-company-widget-scope-2020 .company-id-td {
    color: #D9BA2E;
    padding-left: 5px;
    padding-right: 5px;
}

.main-nav-company-widget-scope-2020 .company-login-date-div {
    border: 0;
    font-size: 12px;
    vertical-align: middle;
    color: #7d7777;
}

.main-nav-company-widget-scope-2020 .company-id-td {
    width: 60px;
}

.main-nav-company-widget-scope-2020 .company-env-td {
    width: 26px;
}


.main-nav-company-widget-scope-2020 .delete-icon-div {
    color: #00A65A;
    font-size: 15px;
    padding-left: 8px;
    padding-right: 8px;
}

.main-nav-company-widget-scope-2020 .company-delete-td {
    padding-right: 30px;
    width: 30px;
    vertical-align: middle;
}

.main-nav-company-widget-scope-2020 .company-tr--has-deletebox {
    height: auto;
}

.main-nav-company-widget-scope-2020 .company-tr--has-deletebox > td {
    padding-top: 8px;
    padding-bottom: 8px;
}

.main-nav-company-widget-scope-2020 .company-env-td-s {
    color: #2EB336;
}

.main-nav-company-widget-scope-2020 .company-env-td-a {
    color: #ff0000;
}

.main-nav-company-widget-scope-2020 .company-env-td-t {
    color: #294AFF;
}

.main-nav-company-widget-scope-2020 .sort-div-admin > span:hover {
    color: #2EB336;
}

.main-nav-company-widget-scope-2020 .sort-div-admin > span.admin-sort-order--selected {
    color: var(--main-txt-color);
    text-decoration: underline;
}

.main-nav-company-widget-scope-2020 .sort-div-admin > span {
    display: table-cell;
    cursor: pointer;
}

.main-nav-company-widget-scope-2020 .sort-div-admin {
    text-align: center;
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 1px solid var(--input-border-color);
    border-right-style: none;
    border-left-style: none;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: var(--bg-color);
}

.main-nav-company-widget-scope-2020 .open-aktiva-link {
    display: block;
    cursor: pointer;
    text-decoration: none;
    height: 70px;
    line-height: 70px;
    background-color: #294AFF;
    border-radius: 0;
    color: #fff;
    background-image: url(/Resources/Internal/Images/2020/360_logo_white.svg);
    background-repeat: no-repeat;
    background-size: 140px;
    background-position: right 30px top 8px;
    text-align: left;
    padding-left: 30px;
}
@media (max-width: 1670px) {

    .main-nav-company-widget-scope-2020 .label-div {
        width: 160px;
    }
}

@media (max-width: 1300px) {

    .main-nav-company-widget-scope-2020 .label-div {
        width: 140px;
    }
}

@media (max-width: 1160px) {

    .main-nav-company-widget-scope-2020 .label-div {
        width: 100px;
    }
}

@media (max-width: 1024px) {

    .main-nav-company-widget-scope-2020 .label-div {
        width: 300px;
    }
    
    .main-nav-company-widget-scope-2020 .drawer-div--open {
        width: 100%;
        height: 100%;
    }
    .main-nav-company-widget-scope-2020 .company-tr table.company-data-table {
        height: 50px
    }
    .main-nav-company-widget-scope-2020 .company-name-td,
    .main-nav-company-widget-scope-2020 .company-env-td,
    .main-nav-company-widget-scope-2020 .company-id-td {
        font-size: 14px;
    }

    .main-nav-company-widget-scope-2020 .open-aktiva-link {
        height: 50px;
        line-height: 50px;
    }

    .main-nav-company-widget-scope-2020 .open-aktiva-link {
        background-position: right 30px top 14px;
    }
}
.main-nav-dropdown-widget-scope-2020 .calculator-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-calculator-grey.svg);
}

.main-nav-dropdown-widget-scope-2020 .opener-div--selected > .calculator-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-calculator-green.svg);
}

.main-nav-dropdown-widget-scope-2020 .pause-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-pause-grey.svg);
}

.main-nav-dropdown-widget-scope-2020 .opener-div--selected > .pause-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-pause-green.svg);
}

.main-nav-dropdown-widget-scope-2020 .lock-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-lock-grey.svg);
}

.main-nav-dropdown-widget-scope-2020 .opener-div--selected > .lock-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-lock-green.svg);
}

.main-nav-dropdown-widget-scope-2020 .long-arrow-up-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-long-arrow-up-grey.svg);
}

.main-nav-dropdown-widget-scope-2020 .opener-div--selected > .long-arrow-up-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-long-arrow-up-green.svg);
}

.main-nav-dropdown-widget-scope-2020 .gear-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-gear-grey.svg);
}

.main-nav-dropdown-widget-scope-2020 .opener-div--selected > .gear-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-gear-green.svg);
}

.main-nav-dropdown-widget-scope-2020 .admin-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-user-orange.svg);
}

.main-nav-dropdown-widget-scope-2020 .opener-div--selected > .admin-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-user-orange.svg);
}

.main-nav-dropdown-widget-scope-2020 .category-title-div {
    margin: 30px 30px 10px;
}

.main-nav-dropdown-widget-scope-2020 .item-div {
    font-size: 14px;
    font-weight: 500;
    color: var(--menu-dropdown-item-color);
    padding-left: 30px;
    padding-right: 30px;
    white-space: nowrap;
    line-height: 32px;
    cursor: pointer;
}

.main-nav-dropdown-widget-scope-2020 .item-div--has-bottom-separator {
    border-bottom: 4px solid #c1c1c1;
}

.main-nav-dropdown-widget-scope-2020 .item-div:hover,
.main-nav-dropdown-widget-scope-2020 .item-div--is-selected {
    background: var(--menu-dropdown-bg-hov);
    color: #2EB336;
}

.main-nav-dropdown-widget-scope-2020 .item-div--is-selected {
    background: url(/Resources/Internal/Images/2020/icon-angle-right-green.svg) no-repeat;
    background-position-y: center;
    background-position-x: 30px;
    padding-left: 45px;
}

@media (max-width: 1024px) {

    .main-nav-dropdown-widget-scope-2020 .label-div--has-arrow-down {
        background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-down-green.svg);
    }

    .main-nav-dropdown-widget-scope-2020 .label-div--has-arrow-up {
        background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-up-green.svg);
    }

    .main-nav-dropdown-widget-scope-2020 .category-title-div {
        margin-left: 15px;
        margin-right: 15px;
    }

    .main-nav-dropdown-widget-scope-2020 .item-div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-nav-dropdown-widget-scope-2020 .item-div--is-selected {
        background-position-x: 15px;
        padding-left: 30px;
    }
}
.main-nav-help-widget-scope-2020 .label-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-question-mark-grey.svg);
}

.main-nav-help-widget-scope-2020 .opener-div:hover .label-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-question-mark-white.svg);
}

.main-nav-help-widget-scope-2020.drawer-div {
    right: 0;
    top: 60px;
    transition: width .5s;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 60px);
}

.main-nav-help-widget-scope-2020.drawer-div--open {
    width: 480px;
}

@media (max-width: 1024px) {

    .main-nav-help-widget-scope-2020 .opener-div:hover .label-icon-div {
        background-image: url(/Resources/Internal/Images/2020/icon-question-mark-grey.svg);
    }

    .main-nav-help-widget-scope-2020.drawer-div {
        top: 0;
        max-height: 100vh;
    }

    .main-nav-help-widget-scope-2020.drawer-div--open {
        width: 100%;
    }
}

#js-drawer-scroll-div.market-msg-panel-scope-2020 {
    height: auto;   
}

.main-nav-market-msg-widget-scope-2020 .label-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-bell-grey.svg);
}

.main-nav-market-msg-widget-scope-2020 .opener-div:hover .label-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-bell-white.svg);
}

.main-nav-market-msg-widget-scope-2020 .label-icon-div--unread {
    background-image: url(/Resources/Internal/Images/2020/icon-bell-grey-and-dot.svg);
}

.main-nav-market-msg-widget-scope-2020 .opener-div:hover .label-icon-div--unread {
    background-image: url(/Resources/Internal/Images/2020/icon-bell-white-and-dot.svg);
}

.main-nav-market-msg-widget-scope-2020.drawer-div {
    width: 0;
    position: fixed;
    z-index: 10;
    right: 0;
    top: 60px;
    transition-duration: .5s;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 60px); 
}

.main-nav-market-msg-widget-scope-2020.drawer-div--open {
    width: 480px;
}

.main-nav-market-msg-widget-scope-2020 .close-btn-label-div {
    right: 75px;
}

@media (max-width: 1024px) {

    .main-nav-market-msg-widget-scope-2020 .opener-div:hover .label-icon-div {
        background-image: url(/Resources/Internal/Images/2020/icon-bell-grey.svg);
    }

    .main-nav-market-msg-widget-scope-2020 .opener-div:hover .label-icon-div--unread {
        background-image: url(/Resources/Internal/Images/2020/icon-bell-grey-and-dot.svg);
    }

    .main-nav-market-msg-widget-scope-2020.drawer-div {
        top: 0;
    }

    .main-nav-market-msg-widget-scope-2020.drawer-div--open {
        width: 100%;
    }
}

.main-nav-period-widget-scope-2020 .label-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-calendar-grey.svg);
}

.main-nav-period-widget-scope-2020 .dropdown-div {
    overflow: hidden;
    max-height: 290px;
    overflow-y: auto;
}

.main-nav-period-widget-scope-2020 .month-row-div {
    font-size: 14px;
    padding: 0px 30px;
    white-space: nowrap;
    line-height: 32px;
    cursor: pointer;
    color: var(--menu-dropdown-item-color);
}

.main-nav-period-widget-scope-2020 .add-div {
    padding: 18px 30px 16px;
    cursor: pointer;
}

.main-nav-period-widget-scope-2020 .add-div:hover {
    background-color: var(--menu-dropdown-bg-hov);
}

.main-nav-period-widget-scope-2020 .add-div:first-child {
    border-bottom: 1px solid var(--menu-dropdown-bg-hov);
}

.main-nav-period-widget-scope-2020 .add-div:last-child {
    border-top: 1px solid var(--menu-dropdown-bg-hov);
}

.main-nav-period-widget-scope-2020 .add-label-div {
    font-size: 14px;
    background-position-y: center;
    background: url(/Resources/Internal/Images/2020/icon-plus-small-green.svg) no-repeat;
    font-weight: 500;
    padding-left: 20px;
}

.main-nav-period-widget-scope-2020 .new-month-label-div {
    font-size: 14px;
    margin-top: 10px;
}

.main-nav-period-widget-scope-2020 .month-row-div:hover,
.main-nav-period-widget-scope-2020 .month-row-div--selected {
    background-color: var(--menu-dropdown-bg-hov);
    color: #01bd67;
}

@media (max-width: 1024px) {

    .main-nav-period-widget-scope-2020 .dropdown-div {
        position: initial !important;
    }

}

.main-nav-user-widget-scope-2020 .label-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-user-grey.svg);
}

.main-nav-user-widget-scope-2020 .opener-div:hover .label-icon-div {
    background-image: url(/Resources/Internal/Images/2020/icon-user-white.svg);
}
.main-nav-user-widget-scope-2020.drawer-div {
    right: 0;
    top: 60px;
}

.main-nav-user-widget-scope-2020.drawer-div--open {
    width: 480px;
}

.main-nav-user-widget-scope-2020 .ui-div {
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 60px);
}

.main-nav-user-widget-scope-2020 .choose-lang-div > * {
    display: table-cell;
    vertical-align: bottom;
}

.main-nav-user-widget-scope-2020 .row-a,
.main-nav-user-widget-scope-2020 .choose-lang-div {
    font-size: 15px;
    padding: 0px 30px;
    white-space: nowrap;
    border-bottom: 1px solid var(--menu-border-bottom);
    height: 70px;
    cursor: pointer;
    text-decoration: none;
    display: table;
    width: 100%;
    color: var(--tooltip-head-color);
}

.main-nav-user-widget-scope-2020 .choose-lang-div {
    height: 50px;
    padding: 0;
}

.main-nav-user-widget-scope-2020 .row-a:hover {
    background-color: #008800;
    color: #fff;
    border-color: #008800;
}

.main-nav-user-widget-scope-2020 .row-a > * {
    display: table-cell;
    vertical-align: middle;
}

.main-nav-user-widget-scope-2020 .row-a > *:before {
    content: "";
}

.main-nav-user-widget-scope-2020 .distinct-background {
    color: #fff;
    background-color: #FF6A6A;
    border: 0;
}

.main-nav-user-widget-scope-2020 .distinct-green {
    color: #fff;
    background-color: #2eb336;
    border: 0;
}

    .main-nav-user-widget-scope-2020 .distinct-green:hover {
        background-color: #008800;
    }


.main-nav-user-widget-scope-2020 .row-icon-span {
    color: #44B4EE;
    padding-right: 10px;
}

.main-nav-user-widget-scope-2020 .row-a:hover .row-icon-span {
    color: #fff;
}

.main-nav-user-widget-scope-2020 .icon-user,
.main-nav-user-widget-scope-2020 .icon-question-mark,
.main-nav-user-widget-scope-2020 .icon-shopping-cart,
.main-nav-user-widget-scope-2020 .icon-guide,
.main-nav-user-widget-scope-2020 .icon-log-out,
.main-nav-user-widget-scope-2020 .icon-teamviewer,
.main-nav-user-widget-scope-2020 .icon-smile {
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: center;
    width: 30px;
}

.main-nav-user-widget-scope-2020 .icon-user {
    background-image: url(/Resources/Internal/Images/2020/icon-user-grey.svg);
}

.main-nav-user-widget-scope-2020 .icon-question-mark {
    background-image: url(/Resources/Internal/Images/2020/icon-question-mark-grey.svg);
}

.main-nav-user-widget-scope-2020 .icon-shopping-cart {
    background-image: url(/Resources/Internal/Images/2020/icon-shopping-cart-white.svg);
}

.main-nav-user-widget-scope-2020 .icon-guide {
    background-image: url(/Resources/Internal/Images/2020/icon-guide-grey.svg);
}

.main-nav-user-widget-scope-2020 .icon-log-out {
    background-image: url(/Resources/Internal/Images/2020/icon-log-out-grey.svg);
}

.main-nav-user-widget-scope-2020 .icon-teamviewer {
    background-image: url(/Resources/Internal/Images/2020/icon-teamviewer-grey.svg);
}

.main-nav-user-widget-scope-2020 .icon-smile {
    background-image: url(/Resources/Internal/Images/2020/icon-smile-grey.svg);
}

.main-nav-user-widget-scope-2020 .row-a:hover .icon-user {
    background-image: url(/Resources/Internal/Images/2020/icon-user-white.svg);
}

.main-nav-user-widget-scope-2020 .row-a:hover .icon-question-mark {
    background-image: url(/Resources/Internal/Images/2020/icon-question-mark-white.svg);
}

.main-nav-user-widget-scope-2020 .row-a:hover .icon-guide {
    background-image: url(/Resources/Internal/Images/2020/icon-guide-white.svg);
}

.main-nav-user-widget-scope-2020 .row-a:hover .icon-log-out {
    background-image: url(/Resources/Internal/Images/2020/icon-log-out-white.svg);
}

.main-nav-user-widget-scope-2020 .row-a:hover .icon-teamviewer {
    background-image: url(/Resources/Internal/Images/2020/icon-teamviewer-white.svg);
}

.main-nav-user-widget-scope-2020 .row-a:hover .icon-smile {
    background-image: url(/Resources/Internal/Images/2020/icon-smile-white.svg);
}

.main-nav-user-widget-scope-2020 .software-version-div {
    bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 70px;
    color: #DFE1E6;
    font-size: 14px;
    white-space: nowrap;
}

@media (max-width: 1024px) {
    .main-nav-user-widget-scope-2020 .opener-div:hover .label-icon-div {
        background-image: url(/Resources/Internal/Images/2020/icon-user-grey.svg);
    }

    .main-nav-user-widget-scope-2020.drawer-div {
        top: 0;
    }

    .main-nav-user-widget-scope-2020.drawer-div--open {
        width: 100%;
    }
}
#userlangbar-2020 .choose-lang-div {
    display: inline-block;
}

#userlangbar-2020 .lang-div {
    display: inline-block;
    font-size: 14px;
    color: var(--input-label-color);
    padding-bottom: 13px;
    cursor: pointer;
    margin-right: 20px;
}

#userlangbar-2020 .lang-div.selected {
    border-bottom: solid 4px #2EB336;
    color: #2EB336;
    font-weight: 500;
}

#userlangbar-2020 .lang-div:hover {
    font-weight: 500;
}

#userlangbar-2020 .lang-div:last-child {
    margin-right: 0;
}
.layout-widget-scope.right-div {
    /*If youtube video is watched on fullscreen then layout is broken. 
    !important fixes this problem*/
    position: absolute !important;
    right: 0;
    top: 0;
    display: none;
}

@media (max-width: 800px) {

    .layout-widget-scope.center-div {
        min-width: 300px;
    }

}

.layout-widget-scope .right-content-div {
    display: table-cell;
    box-shadow: 0px 0px 15px 5px #ddd;
}

.layout-widget-scope .right-toggle-button-container-div {
    width: 30px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.layout-widget-scope .right-toggle-button-div {
    background-color: #D4D6E2;
    height: 60px;
    width: 30px;
    cursor:pointer;
    line-height: 60px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

/*BEGIN: center-and-right-full layout*/
.layout-widget-scope.center-and-right-full.center-div {
    margin-right: 400px;
}

.layout-widget-scope.center-and-right-full.right-div {
    width: 360px;
    display: table;
}

.layout-widget-scope.center-and-right-full .right-content-div {

}
/*END: center-and-right-full layout*/

/*BEGIN: center-and-right-toggle layout*/
.layout-widget-scope.center-and-right-toggle.center-div {
    margin-right: 40px;
}

.layout-widget-scope.center-and-right-toggle.right-div {
    display: table;
}

.layout-widget-scope.center-and-right-toggle .right-content-div {
    display: none;
}
/*END: center-and-right-toggle layout*/

/*BEGIN: center layout*/
.layout-widget-scope.center-only.center-div {
    margin-right: 120px;
}

@media (max-width: 1290px) {

    .layout-widget-scope.center-only.center-div {
        margin-right: 35px;
    }

}

.layout-widget-scope.center-only.right-div {
    display: none;
}
/*END: center layout*/
.loader-widget-scope .loader-div {
    width: 300px;
    background: var(--content-bg-color);
    margin: 150px auto;
    position: relative;
}

.loader-widget-scope .msg-div {
    text-align: center;
    padding: 20px;
    color: var(--tooltip-color);
    font-weight: bold;
}

.loader-widget-scope .spinner-div {
    min-height: 80px;
    background-image: url(/Resources/Internal/Images/green-spinner-32.gif);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-color: transparent;
}

.modal-widget-scope-2020 .modal-div.modal-2fa {
  width: initial;
  text-align: center;
}
.modal-widget-scope-2020 .modal-div.modal-2fa .qr-code {
  height: 240px;
  width: 240px;
}
.modal-widget-scope-2020 .modal-div.modal-2fa .error-message {
  color: #0186CD;
  text-align: right;
}
.modal-widget-scope-2020 .modal-div.modal-2fa .input-boxes {
  display: flex;
  gap: 10px;
}
.modal-widget-scope-2020 .modal-div.modal-2fa .input-boxes input {
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 20px;
  user-select: all;
  caret-color: transparent;
}

.message-widget-scope.main-div {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
}

.message-widget-greenery-3.main-div {
    color: #0186CD;
}

.profile-picture {
  position: relative;
  width: 100%;
  max-width: 320px;
  float: left;
  line-height: 0;
}
.profile-picture img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.profile-picture .profile-picture-edit-container {
  width: 100%;
  position: absolute;
  top: 0;
}
.profile-picture .profile-picture-edit-container button + button {
  margin-left: 5px;
}
.profile-picture .profile-picture-edit-container .flex0 {
  align-self: flex-end;
}
.profile-picture .profile-picture-edit-container .flex1 span {
  line-height: 14px;
}
.profile-picture .profile-picture-edit-container div {
  margin: 10px;
}

.select-widget-scope-2020.main-div {
    position: relative;
}

.select-widget-scope-2020.main-div * {
    box-sizing: border-box;
}
.select-widget-scope-2020.main-div.disabled {
    opacity: 0.5 !important;
}
.select-widget-scope-2020 .visible-input {
    height: 36px;
    width: 100%;
    /*    font-family: "Droid Sans", sans-serif;*/
    font-size: 14px;
    padding: 11px 40px 11px 15px;
    border: 1px solid var(--icon-border);
    cursor: pointer;
    background: var(--input-bg-color);
    color: var(--input-color);
}

.select-widget-scope-2020 .visible-input:hover, 
.select-widget-scope-2020 .visible-input:active {
    border-color: #2EB336;
}

.select-widget-scope-2020 .dark-border,
.select-widget-scope-2020 .dark-border:hover {
    border-color: #727272;
}

.select-widget-scope-2020.disabled > .visible-input {
    background-color: var(--input-bg-disabled-light);
    pointer-events: none;
    color: #808080 !important;
    border: 1px solid var(--input-border-disabled-light) !important;
/*    opacity: 0.5;*/
}

.select-widget-scope-2020 .arrow-div {
    position: absolute;
    right: 15px;
    top: 0;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    width: 10px;
    height: 100%;
    background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-down-green.svg);
    transition-duration: 0.2s;
    transition-property: transform;
}

.select-widget-scope-2020.disabled .arrow-div {
    background-image: url(/Resources/Internal/Images/2020/icon-short-arrow-down-grey.svg);
}

.select-widget-scope-2020 .arrow-div--rotated {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.select-widget-scope-2020 .icon-triangle-down:before {
    content: "";
}

.select-widget-scope-2020 .scroll-div {
    display: none;
    position: absolute;
    border: 1px solid #727272;
    border-top: 0;
    cursor: pointer;
    width: 100%;
    z-index: 100;
    font-size: 14px;
    max-height: 252px;
    overflow-y: auto;
}

.select-widget-scope-2020 .row-div {
    padding: 9px 40px 9px 15px;
    color: var(--input-color);
    background-color: var(--content-bg-color);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.select-widget-scope-2020 .row-div:hover {
    background-color: var(--selectbox-bg-hover);
}

.select-widget-scope-2020 .row-div--selected {
    background-color: var(--selectbox-bg-selected);
}
.select-widget-scope.main-div {
    position: relative;
}

.select-widget-scope.main-div * {
    box-sizing: border-box;
}

.select-widget-scope .visible-input,
.select-widget-scope .dropdown-row-div {
    padding-left: 10px;
    padding-right: 10px;
}

.select-widget-scope .visible-input,
.select-widget-scope .scroll-div,
.select-widget-scope .dropdown-row-div {
    border-color: #ddd;
}

.select-widget-scope .visible-input {
    height: 32px;
	width: 100%;
    font-family: "Droid Sans", sans-serif;
	font-size: 15px;
    padding: 0px 10px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
}
.select-widget-scope .visible-input {
    height: 32px;
    width: 100%;
    font-family: "Droid Sans", sans-serif;
    font-size: 15px;
    padding: 0px 10px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
}

.select-widget-scope .visible-input:hover, 
.select-widget-scope .visible-input:active {
    border-color: #3da2d6;
}

.select-widget-scope.disabled .visible-input {
    background-color: #dedede;
    pointer-events: none;
}

.select-widget-scope .arrow-div {
    position: absolute;
    right: 6px;
    top: 10px;
    font-size: 12px;
    pointer-events: none;
}

.select-widget-scope .scroll-div {
    display: none;
    position: absolute;
    border-width: 0;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    cursor: pointer;
    width: 100%;
    z-index: 100;
    font-size: 15px;
    max-height: 252px;
    overflow-y: auto;
}

.select-widget-scope .row-div {
    padding: 10px;
    color: #666;
    background-color: #f2f7ff;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-bottom-color: #d4d4d4;
}

.select-widget-scope .row-div--selected {
    background-color: #d8ecff;
}
.select-panel-widget-greenery-3.main-div {
    position: relative;
}

.select-panel-widget-greenery-3.main-div * {
    box-sizing: border-box;
}

.select-panel-widget-greenery-3 .visible-input,
.select-panel-widget-greenery-3 .dropdown-row-div {
    padding-left: 10px;
    padding-right: 10px;
}

.select-panel-widget-greenery-3 .visible-input,
.select-panel-widget-greenery-3 .scroll-div,
.select-panel-widget-greenery-3 .dropdown-row-div {
    border-color: #ddd;
}

.select-panel-widget-greenery-3 .visible-input {

	width: 100%;
    font-family: "Droid Sans", sans-serif;
	font-size: 15px;
    padding: 15px;
    cursor: pointer;
    background-color: #00A65A;
    color: white;
}

.select-panel-widget-greenery-3 .triangle-icon-div {
    position: absolute;
    right: 6px;
    top: 16px;
    font-size: 12px;
    pointer-events: none;
    color: white;
}

.select-panel-widget-greenery-3 .scroll-div {
    display: none;
    position: absolute;
    border-width: 0;
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    cursor: pointer;
    width: 100%;
    z-index: 100;
    font-size: 15px;
    max-height: 252px;
    overflow-y: auto;
    box-shadow: 5px 2px 20px 0px #a7a7a7;
}

.select-panel-widget-greenery-3 .row-div {
    padding: 10px;
    color: #666;
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    border-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-bottom-color: #d4d4d4;
}

.select-panel-widget-greenery-3 .row-div:hover,
.select-panel-widget-greenery-3 .row-div--selected {
    background-color: #01bd67;
    color: white;
}
/*BEGIN: drawer*/

.side-panel-widget-scope-2020.drawer-div {
    width: 0;
    position: absolute;
    z-index: 12;
    right: 0px;
    top: 48px;
    transition-duration: .5s;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: #fff;
    height: initial;
}

.side-panel-widget-scope-2020.drawer-div--open {
    width: 480px;
}

.side-panel-widget-scope-2020 .header-div {
    position: relative;
    height: 60px;
    line-height: 60px;
    box-shadow: 0;
    padding-left: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #edecea;
    box-sizing: border-box;
}

.side-panel-widget-scope-2020 .close-btn-label-div {
    line-height: 60px;
    display: inline-block;
    position: absolute;
    right: 75px;
}

.side-panel-widget-scope-2020 .close-btn {
    position: absolute;
    right: 30px;
    top: 15px;
}

/*END: drawer*/

@media (max-width: 1000px) {

    .side-panel-widget-scope-2020.drawer-div {
        top: 0;
    }

    .side-panel-widget-scope-2020.drawer-div--open {
        width: 100%;
    }

    .side-panel-widget-scope-2020 .header-div {
        position: relative;
        height: 50px;
        line-height: 50px;
        box-shadow: 0px 6px 12px rgba(0,0,0, .14);
        padding-left: 15px;
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }

    .side-panel-widget-scope-2020 .close-btn {
        right: 0;
        top: 0;
    }

}

.sortable-widget-scope .containerList {
  display: flex;
  margin-top: 10px;
}
.sortable-widget-scope .containerList ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 1px solid var(--input-border-color);
}
.sortable-widget-scope .containerList li {
  background-color: var(--sortable-bg);
  padding: 6px 8px;
  cursor: pointer;
  display: inline-block;
  border: 1px solid var(--sortable-bg);
}
.sortable-widget-scope .containerList li:hover {
  border: 1px solid #2EB336;
}
.sortable-widget-scope .containerList .custom {
  max-height: 300px;
  overflow: auto;
  min-height: 35px;
}
.sortable-widget-scope .containerList .custom li {
  display: list-item;
  margin: 2px 2px 4px 2px;
}
.sortable-widget-scope .lines {
  padding: 5px;
  flex: 1;
}
.sortable-widget-scope .lines .list {
  margin-bottom: 30px;
  margin-left: 20px;
}
.sortable-widget-scope .lines .list:last-child {
  margin-bottom: 0px;
}
.sortable-widget-scope .lines ul {
  min-height: 34px;
  display: flex;
}
.sortable-widget-scope .lines li {
  flex: 1;
  margin-left: 4px;
  margin: 2px 2px 2px 3px;
}
.sortable-widget-scope .lines li:first-child {
  margin-left: 2px;
}
.sortable-widget-scope .lines li ~ .lines .li {
  flex: 1;
}
.sortable-widget-scope .ui-sortable-helper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sortable-widget-scope #searchInputContainer {
  position: relative;
  margin-bottom: 10px;
}
.sortable-widget-scope #searchInput {
  padding-right: 30px;
}
.sortable-widget-scope #searchInput::placeholder {
  font-size: small;
  color: var(--tooltip-head-color);
  font-style: italic;
}
.sortable-widget-scope .search-icon {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.sortable-widget-scope .ui-sortable-placeholder {
  border: 1px solid #008700 !important;
  background-color: var(--content-box-shadow) !important;
}
.sortable-widget-scope #line1List:empty::before,
.sortable-widget-scope #line2List:empty::before,
.sortable-widget-scope #line3List:empty::before {
  color: #999;
  font-style: italic;
  padding: 8px;
}
.sortable-widget-scope #availableSalaryTypesList.emptyList::after {
  color: #999;
  font-style: italic;
  position: relative;
  top: 8px;
  left: 8px;
}

.table-widget-scope-2020.horizontal-scroll-div {
  overflow-x: auto;
}
.table-widget-scope-2020 td {
  padding: 0 15px;
  border: 0 solid var(--table-border);
  border-right-width: 1px;
  border-left-width: 1px;
  color: var(--main-txt-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.table-widget-scope-2020 td input[readonly="readonly"],
.table-widget-scope-2020 td input[readonly=""] {
  color: var(--table-input-disable-color);
  cursor: default;
  opacity: 1;
}
.table-widget-scope-2020 td[data-fieldname="BaseOtherCompanyValue"] input[readonly="readonly"],
.table-widget-scope-2020 td[data-fieldname="BaseOtherCompanyValue"] input[readonly=""],
.table-widget-scope-2020 td[data-fieldname="SicknessValue"] input[readonly="readonly"],
.table-widget-scope-2020 td[data-fieldname="SicknessValue"] input[readonly=""] {
  width: 10px;
  height: 16px;
  background-image: url(/Resources/Internal/Images/ico16.png);
  background-position: -115px -33px;
  background-repeat: no-repeat;
  padding: 0px;
  display: flex;
  margin-left: auto;
  cursor: pointer;
}
.table-widget-scope-2020 td[data-fieldname="BaseOtherCompanyValue"] input[readonly="readonly"] > input:focus,
.table-widget-scope-2020 td[data-fieldname="BaseOtherCompanyValue"] input[readonly=""] > input:focus,
.table-widget-scope-2020 td[data-fieldname="SicknessValue"] input[readonly="readonly"] > input:focus,
.table-widget-scope-2020 td[data-fieldname="SicknessValue"] input[readonly=""] > input:focus,
.table-widget-scope-2020 td[data-fieldname="BaseOtherCompanyValue"] input[readonly="readonly"] > input:hover,
.table-widget-scope-2020 td[data-fieldname="BaseOtherCompanyValue"] input[readonly=""] > input:hover,
.table-widget-scope-2020 td[data-fieldname="SicknessValue"] input[readonly="readonly"] > input:hover,
.table-widget-scope-2020 td[data-fieldname="SicknessValue"] input[readonly=""] > input:hover {
  border: 0px;
}
.table-widget-scope-2020 td[data-fieldname="Content"] p img {
  width: 60px;
}
.table-widget-scope-2020 td[data-fieldname="Content"] a {
  pointer-events: none;
}
.table-widget-scope-2020 td[data-fieldname="Content"].td-limit-h72,
.table-widget-scope-2020 td[data-fieldname="Content"].td-limit-h72 > * {
  overflow: hidden;
  max-height: 72px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-widget-scope-2020 td[data-fieldname="Content"] iframe {
  width: 60px;
  height: 40px;
}
.table-widget-scope-2020 td:first-child {
  border-left-color: transparent;
}
.table-widget-scope-2020 td:last-child {
  border-right-color: transparent;
}
.table-widget-scope-2020 td > .dropdown,
.table-widget-scope-2020 td > input {
  margin-left: -15px;
  width: calc(100% + 28px);
}
.table-widget-scope-2020 td > .dropdown > input:focus,
.table-widget-scope-2020 td > input > input:focus,
.table-widget-scope-2020 td > .dropdown > input:hover,
.table-widget-scope-2020 td > input > input:hover {
  border: 1px solid #2EB336;
  /*#3da2d6*/
}
.table-widget-scope-2020 td > input:focus,
.table-widget-scope-2020 td > input:hover {
  border: 1px solid #2EB336;
  /*#3da2d6*/
}
.table-widget-scope-2020 td.no-padding {
  padding: 0;
}
.table-widget-scope-2020 .title-table {
  table-layout: fixed;
}
.table-widget-scope-2020 .data-table,
.table-widget-scope-2020 .title-table {
  table-layout: fixed;
}
.table-widget-scope-2020 .data-table tbody > tr,
.table-widget-scope-2020 .title-table tbody > tr {
  background-color: var(--table-bg);
}
.table-widget-scope-2020 .data-table tbody > tr:nth-child(odd),
.table-widget-scope-2020 .title-table tbody > tr:nth-child(odd) {
  background-color: var(--table-bg-odd);
}
.table-widget-scope-2020 .data-table tbody > tr:hover,
.table-widget-scope-2020 .title-table tbody > tr:hover {
  background-color: var(--table-bg-selected);
}
.table-widget-scope-2020 .data-table tbody > tr.expanded-row,
.table-widget-scope-2020 .title-table tbody > tr.expanded-row {
  background-color: var(--table-bg);
}
.table-widget-scope-2020 .data-table.static-table tbody > tr,
.table-widget-scope-2020 .title-table.static-table tbody > tr,
.table-widget-scope-2020 .data-table.static-table thead > tr,
.table-widget-scope-2020 .title-table.static-table thead > tr {
  background-color: var(--table-bg);
  pointer-events: none;
}
.table-widget-scope-2020 .data-table.static-table tbody > tr a,
.table-widget-scope-2020 .title-table.static-table tbody > tr a,
.table-widget-scope-2020 .data-table.static-table thead > tr a,
.table-widget-scope-2020 .title-table.static-table thead > tr a {
  pointer-events: initial;
}
.table-widget-scope-2020 .data-table.static-table tbody > tr:hover,
.table-widget-scope-2020 .title-table.static-table tbody > tr:hover,
.table-widget-scope-2020 .data-table.static-table thead > tr:hover,
.table-widget-scope-2020 .title-table.static-table thead > tr:hover {
  background-color: var(--table-bg);
}
.table-widget-scope-2020 .data-table.static-table tbody > tr:nth-child(odd),
.table-widget-scope-2020 .title-table.static-table tbody > tr:nth-child(odd),
.table-widget-scope-2020 .data-table.static-table thead > tr:nth-child(odd),
.table-widget-scope-2020 .title-table.static-table thead > tr:nth-child(odd),
.table-widget-scope-2020 .data-table.static-table tbody > tr:nth-child(odd):hover,
.table-widget-scope-2020 .title-table.static-table tbody > tr:nth-child(odd):hover,
.table-widget-scope-2020 .data-table.static-table thead > tr:nth-child(odd):hover,
.table-widget-scope-2020 .title-table.static-table thead > tr:nth-child(odd):hover {
  background-color: var(--table-bg-odd);
}
.table-widget-scope-2020 .data-table.static-table tbody > tr:nth-child(odd):hover,
.table-widget-scope-2020 .title-table.static-table tbody > tr:nth-child(odd):hover,
.table-widget-scope-2020 .data-table.static-table thead > tr:nth-child(odd):hover,
.table-widget-scope-2020 .title-table.static-table thead > tr:nth-child(odd):hover,
.table-widget-scope-2020 .data-table.static-table tbody > tr:nth-child(odd):hover:hover,
.table-widget-scope-2020 .title-table.static-table tbody > tr:nth-child(odd):hover:hover,
.table-widget-scope-2020 .data-table.static-table thead > tr:nth-child(odd):hover:hover,
.table-widget-scope-2020 .title-table.static-table thead > tr:nth-child(odd):hover:hover {
  background-color: var(--table-bg-odd);
}
.table-widget-scope-2020 .summary-table {
  table-layout: fixed;
}
.table-widget-scope-2020 .summary-table td input:not([type=checkbox]) {
  margin-left: -15px;
  margin-right: -15px;
}
.table-widget-scope-2020 .summary-table input.error {
  color: red;
}
.table-widget-scope-2020 .title-th,
.table-widget-scope-2020 thead > th {
  padding: 5px 15px;
  height: 26px;
  vertical-align: middle;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  text-align: left;
  white-space: normal;
  background-color: var(--table-bg-header);
  color: var(--menu-font-color);
  border: 0 solid var(--table-border);
  border-right-width: 1px;
  border-left-width: 1px;
  line-height: 18px;
}
.table-widget-scope-2020 .title-th.text-center,
.table-widget-scope-2020 thead > th.text-center {
  text-align: center;
}
.table-widget-scope-2020 .title-th:first-child,
.table-widget-scope-2020 thead > th:first-child {
  border-top-left-radius: 4px;
  border-left-color: transparent;
}
.table-widget-scope-2020 .title-th:last-child,
.table-widget-scope-2020 thead > th:last-child {
  border-top-right-radius: 4px;
  border-right-color: transparent;
}
.table-widget-scope-2020 .title-th.darker,
.table-widget-scope-2020 thead > th.darker {
  filter: brightness(0.9);
}
.table-widget-scope-2020 .th--border-bottom {
  border-bottom: 1px solid var(--table-border);
}
.table-widget-scope-2020 .width-reference-th,
.table-widget-scope-2020 .hidden-summary-td,
.table-widget-scope-2020 .visible-summary-td {
  padding: 0 15px;
  border: 0 solid transparent;
  border-right-width: 1px;
  border-left-width: 1px;
}
.table-widget-scope-2020 .visible-summary-td {
  background-color: #2EB336;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.table-widget-scope-2020 .visible-summary-td.left-bottom-round4 {
  border-bottom-left-radius: 4px;
}
.table-widget-scope-2020 .visible-summary-td.right-bottom-round4 {
  border-bottom-right-radius: 4px;
}
.table-widget-scope-2020 .width-reference-tr {
  height: 0;
}
.table-widget-scope-2020 .hidden-cell {
  width: 0;
  padding: 0;
  border: 0 transparent !important;
  text-indent: -9999px;
}
.table-widget-scope-2020 .hidden-cell * {
  display: none;
}
.table-widget-scope-2020 tr {
  height: 36px;
  cursor: pointer;
}
.table-widget-scope-2020 td input[type="text"],
.table-widget-scope-2020 th input[type="text"] {
  background-color: transparent;
}
.table-widget-scope-2020 td input[type="text"][readonly=""]:hover,
.table-widget-scope-2020 th input[type="text"][readonly=""]:hover,
.table-widget-scope-2020 td input[type="text"][readonly="readonly"]:hover,
.table-widget-scope-2020 th input[type="text"][readonly="readonly"]:hover,
.table-widget-scope-2020 td input[type="text"][disabled=""]:hover,
.table-widget-scope-2020 th input[type="text"][disabled=""]:hover,
.table-widget-scope-2020 td input[type="text"][disabled="disabled"]:hover,
.table-widget-scope-2020 th input[type="text"][disabled="disabled"]:hover,
.table-widget-scope-2020 td input[type="text"][readonly=""]:focus,
.table-widget-scope-2020 th input[type="text"][readonly=""]:focus,
.table-widget-scope-2020 td input[type="text"][readonly="readonly"]:focus,
.table-widget-scope-2020 th input[type="text"][readonly="readonly"]:focus,
.table-widget-scope-2020 td input[type="text"][disabled=""]:focus,
.table-widget-scope-2020 th input[type="text"][disabled=""]:focus,
.table-widget-scope-2020 td input[type="text"][disabled="disabled"]:focus,
.table-widget-scope-2020 th input[type="text"][disabled="disabled"]:focus {
  border-color: transparent;
}
.table-widget-scope-2020 td .date-widget-scope *,
.table-widget-scope-2020 th .date-widget-scope * {
  background-color: transparent;
  border-color: transparent;
}
.table-widget-scope-2020 td.ellipsis,
.table-widget-scope-2020 th.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-widget-scope-2020 td.darker:not(.title-th):not(.hidden-summary-td),
.table-widget-scope-2020 th.darker:not(.title-th):not(.hidden-summary-td) {
  background-color: #abaeb81c;
}
.table-widget-scope-2020 .scroll-div {
  overflow-y: auto;
  max-height: 320px;
  box-shadow: 0 6px 10px var(--table-shadow);
}
.table-widget-scope-2020 tr.selectedrow {
  background-color: #c9eafb;
}
.table-widget-scope-2020 tr.selectedrow td.darker {
  background-color: var(--table-bg-selected) !important;
}
.table-widget-scope-2020 .visible-summary-disabled-input {
  color: #fff;
}
.table-widget-scope-2020 .scroll-div,
.table-widget-scope-2020 .title-table,
.table-widget-scope-2020 .summary-table {
  min-width: 768px;
}
.datagrid input {
  border: 1px solid transparent;
  width: calc(100% - 2px);
}
.datagrid input:hover {
  border: 1px solid #2EB336;
  /*#3da2d6*/
}
.datagrid select {
  border: none;
}
.datagrid table .groupname td {
  pointer-events: none;
  font-weight: 500;
  background: #e0e2ea;
}
.datagrid table .groupname:hover td {
  background: #eee;
}
.datagrid table tr.expanded-row-content > td,
.datagrid table tr.expanded-row-content > td:hover {
  background: var(--content-bg-color);
  pointer-events: none;
  border-bottom: 1px solid var(--table-expand-border);
  padding: 15px;
}
.datagrid table tr.expanded-row-actions > td,
.datagrid table tr.expanded-row-actions > td:hover {
  background: var(--content-bg-color);
  pointer-events: none;
  border-bottom: 1px solid var(--table-expand-border);
  padding: 15px;
}
.datagrid table tr.expanded-row-actions > td > button,
.datagrid table tr.expanded-row-actions > td:hover > button {
  pointer-events: auto;
}
.datagrid table tr.selectedrow > td {
  background-color: var(--table-bg-selected);
}
.invoiceview .datagridlist .item {
  cursor: pointer;
}
.messagestatusview {
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-lg .table-widget-scope-2020 .scroll-div,
.table-lg .table-widget-scope-2020 .title-table,
.table-lg .table-widget-scope-2020 .summary-table {
  min-width: 1500px;
}
.table-md .table-widget-scope-2020 .scroll-div,
.table-md .table-widget-scope-2020 .title-table,
.table-md .table-widget-scope-2020 .summary-table,
.table-md .table-widget-scope-2020 .data-table {
  min-width: 1200px;
}
.table-sm .table-widget-scope-2020 .scroll-div,
.table-sm .table-widget-scope-2020 .title-table,
.table-sm .table-widget-scope-2020 .summary-table {
  min-width: 940px;
}
.table-xs .table-widget-scope-2020 .scroll-div,
.table-xs .table-widget-scope-2020 .title-table,
.table-xs .table-widget-scope-2020 .summary-table {
  min-width: 600px;
}
.main-nav-dropdown-widget-scope-2020.table-filter-menu .item-div {
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  margin: 0 -10px;
}
.table-filter-menu {
  margin-top: 8px;
}

.chars-left {
    width: 100%;
    color: grey;
    font-size: 12px;
    text-align: right;
}
.tab-widget-scope {
  width: 100%;
  box-sizing: border-box;
}
.tab-widget-scope.flex-tabs {
  display: flex;
  flex-direction: row;
}
.tab-widget-scope .tab {
  font-family: 'Inter', sans-serif;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  padding-bottom: 17px;
  padding-top: 21px;
  color: var(--menu-font-color);
  margin-right: 40px;
  font-weight: 500;
  font-size: 14px;
  opacity: 1;
}
.tab-widget-scope .tab:hover {
  text-decoration: none;
}
.tab-widget-scope .tab-wrapper--selected .tab {
  position: relative;
  color: #2EB336;
  border-bottom-width: 4px !important;
  border-bottom-style: solid !important;
  border-bottom-color: #2EB336 !important;
}
.tab-widget-scope.round-sm-theme .tab-wrapper--selected .tab {
  background: #2EB336 0 0 no-repeat padding-box;
  color: #FFFFFF;
  border: none !important;
}
.tab-widget-scope.round-sm-theme .tab {
  background: var(--content-bg-color) 0 0 no-repeat padding-box;
  border-radius: 14px;
  height: 23px;
  margin: 4px 10px 4px 0;
  font-size: 12px;
  line-height: 23px;
  padding: 0 10px;
}
.tab-widget-scope.round-sm-theme .tab:hover {
  background-color: #2EB336;
  color: #FFFFFF;
}
.tab-widget-scope.spinner-div {
  height: 16px;
  background-image: url("/Resources/Internal/Images/green-spinner-16.gif");
  background-color: transparent;
  display: inline-block;
  width: 16px;
  margin-left: 5px;
  position: absolute;
}
.tab-widget-scope .tab-wrapper {
  display: table-cell;
}
@media (max-width: 1024px) {
  .tab-widget-scope.flex-tabs {
    flex-direction: column;
    align-items: stretch;
  }
  .tab-widget-scope .tab-wrapper {
    display: block;
    margin-top: 15px;
    width: 100%;
  }
  .tab-widget-scope .tab-wrapper:first-child {
    margin-top: 0;
  }
  .tab-widget-scope.default-theme .tab {
    margin-right: 0;
    border: 1px solid var(--icon-border);
    padding: 8px 0;
  }
  .tab-widget-scope .tab-wrapper--selected > .tab {
    color: #fff;
    background-color: #2EB336;
    border: 1px solid #2EB336;
    font-weight: normal;
  }
}

.tooltip-widget-scope.tooltip-div {
	position: absolute;
	font-size: 15px;
	color: var(--tooltip-color);
	z-index: 100;
}

.tooltip-widget-scope .top-bubble-div,
.tooltip-widget-scope .right-bubble-div,
.tooltip-widget-scope .bottom-bubble-div,
.tooltip-widget-scope .left-bubble-div {
	position: relative;
	background: white;
    box-shadow: 0px 0px 15px 2px #c5c5c5;
    
}

.tooltip-widget-scope .top-bubble-div {
    border-bottom: 12px solid #00A65A;
}

.tooltip-widget-scope .right-bubble-div {
    border-left: 12px solid #00A65A;
}

.tooltip-widget-scope .bottom-bubble-div {
    border-top: 12px solid #00A65A;
}

.tooltip-widget-scope .left-bubble-div {
    border-right: 12px solid #00A65A;
}


.tooltip-widget-scope .top-bubble-div:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top-color: #00A65A;
	border-bottom: 0;
	margin-left: -15px;
	margin-bottom: -25px;
}

.tooltip-widget-scope .right-bubble-div:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-right-color: #00A65A;
	border-left: 0;
	margin-top: -15px;
	margin-left: -25px;
}

.tooltip-widget-scope .bottom-bubble-div:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-bottom-color: #00A65A;
	border-top: 0;
	margin-left: -15px;
	margin-top: -25px;
}

.tooltip-widget-scope .left-bubble-div:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-left-color: #00A65A;
	border-right: 0;
	margin-top: -15px;
	margin-right: -25px;
}

.tooltip-widget-scope .scroll-div {
    overflow-y: auto;
    padding: 10px;
    font-size: 13px;
}

.tooltip-widget-scope .scroll-div p {
    margin: 5px; 
}
.tooltip-widget-dark-2020 {
    position: absolute;
    z-index: 100;
}

.tooltip-widget-dark-2020 .top-bubble-div,
.tooltip-widget-dark-2020 .right-bubble-div,
.tooltip-widget-dark-2020 .bottom-bubble-div,
.tooltip-widget-dark-2020 .left-bubble-div {
	position: relative;
	background: #000;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}

/*.tooltip-widget-dark-2020 .top-bubble-div {
    border-bottom: 12px solid #000;
}

.tooltip-widget-dark-2020 .right-bubble-div {
    border-left: 12px solid #000;
}

.tooltip-widget-dark-2020 .bottom-bubble-div {
    border-top: 12px solid #000;
}

.tooltip-widget-dark-2020 .left-bubble-div {
    border-right: 12px solid #000;
}*/


.tooltip-widget-dark-2020 .top-bubble-div:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: #000;
	border-bottom: 0;
	margin-left: -5px;
	margin-bottom: -5px;
}

.tooltip-widget-dark-2020 .right-bubble-div:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-right-color: #000;
	border-left: 0;
	margin-top: -5px;
	margin-left: -5px;
}

.tooltip-widget-dark-2020 .bottom-bubble-div:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-bottom-color: #000;
	border-top: 0;
	margin-left: -5px;
	margin-top: -5px;
}

.tooltip-widget-dark-2020 .left-bubble-div:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #000;
	border-right: 0;
	margin-top: -5px;
	margin-right: -5px;
}

.tooltip-widget-dark-2020 .scroll-div {
    overflow-y: auto;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
}

.tooltip-widget-dark-2020 .scroll-div p {
    margin-left: 0; 
    margin-right: 0;
}

.tooltip-widget-light-2020 {
    position: absolute;
    z-index: 100;
}

.tooltip-widget-light-2020 .top-bubble-div,
.tooltip-widget-light-2020 .right-bubble-div,
.tooltip-widget-light-2020 .bottom-bubble-div,
.tooltip-widget-light-2020 .left-bubble-div {
	position: relative;
	background: var(--content-bg-color);
	box-shadow: 0px 0px 15px 2px var(--tooltip-shadow);
	border-radius: 5px;
}

/*.tooltip-widget-light-2020 .top-bubble-div {
    border-bottom: 12px solid #000;
}

.tooltip-widget-light-2020 .right-bubble-div {
    border-left: 12px solid #000;
}

.tooltip-widget-light-2020 .bottom-bubble-div {
    border-top: 12px solid #000;
}

.tooltip-widget-light-2020 .left-bubble-div {
    border-right: 12px solid #000;
}*/


.tooltip-widget-light-2020 .top-bubble-div:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top-color: var(--main-txt-color);
	border-bottom: 0;
	margin-left: -5px;
	margin-bottom: -5px;
}

.tooltip-widget-light-2020 .right-bubble-div:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-right-color:var(--main-txt-color);
	border-left: 0;
	margin-top: -5px;
	margin-left: -5px;
}

.tooltip-widget-light-2020 .bottom-bubble-div:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-bottom-color: var(--main-txt-color);
	border-top: 0;
	margin-left: -5px;
	margin-top: -5px;
}

.tooltip-widget-light-2020 .left-bubble-div:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: var(--main-txt-color);
	border-right: 0;
	margin-top: -5px;
	margin-right: -5px;
}

.tooltip-widget-light-2020 .scroll-div {
    overflow-y: auto;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
}

.tooltip-widget-light-2020 .scroll-div p {
    margin-left: 0; 
    margin-right: 0;
}


.tooltip-widget-light-2020 .scroll-div p:first-child {
    font-size: 14px;
    background-repeat: no-repeat;
    padding-top: 33px;
    /*background-position-x: center;
    background-position-y: center;*/
    background-image: url(/Resources/Internal/Images/2020/icon-light-bulb-green.svg);
}
	.tooltip-widget-light-2020 .scroll-div p:first-child strong {
		color: var(--tooltip-head-color) !important;
	}
body.main-layout-scope-2020 {
    background-color: var(--bg-color);
}

.main-layout-scope-2020 .subnav > .content {
    padding-top: 0;
}

.main-layout-scope-2020 .subnav > .content > li {
    margin-top: 0 !important;
}

.gridfactory-title-div-2020 {
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 0 !important;
    font-size: 16px !important;
    color: var(--main-txt-color);
}

.main-layout-scope-2020 .formtopcontrols {
    padding: 0 60px 0 60px;
    margin: 0 -60px 0 -60px;
}


@media (max-width: 1000px) {

    .main-layout-scope-2020 .formtopcontrols {
        padding-left: 15px;
        padding-right: 15px;
    }

}
.dependent-scope .c-radio-modified {
  padding-top: 37px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dependent-scope .c-field-flex1-modified1 {
  flex: 1;
}
.dependent-scope .c-field-flex1-modified2 {
  flex: 1;
  padding-left: 10px;
}
@media (max-width: 1439px) {
  .dependent-scope .c-field-flex1-modified1 {
    flex: unset;
    padding-right: 10px;
  }
  .dependent-scope .c-field-flex1-modified2 {
    flex: unset;
    padding-left: 0px;
    padding-right: 10px;
  }
}

.employee-scope .employee-container-main {
  max-width: 1920px;
  margin: 20px auto;
  box-sizing: border-box;
}
.employee-scope .side-col {
  width: 380px;
  padding-left: 60px;
}
.employee-scope .main-col {
  width: calc(100% - 380px - 60px - 60px - 36px);
  padding-left: 36px;
}
.employee-scope .tab-row {
  flex-direction: row;
}
.employee-scope .tab-row .inactive {
  height: 33px;
}
.employee-scope .tab-row .inactive label {
  font-size: 12px;
  font-weight: 500;
}
.employee-scope .field-no-padding {
  padding: 5px 0;
}
.employee-scope .field-no-padding + .field-no-padding {
  padding: 5px 0 5px 10px;
}
.employee-scope .card {
  width: 100%;
  background-color: var(--content-bg-color);
  box-shadow: 0px 6px 10px var(--table-shadow);
  border-radius: 4px;
}
.employee-scope .card-header {
  background-color: var(--dashboard-header-bg-color);
  color: #000000;
  width: calc(100% - 40px);
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-radius: 4px 4px 0 0;
  font-weight: 500;
}
.employee-scope .card-content {
  width: calc(100% - 60px);
  min-height: 60px;
  padding: 30px;
  line-height: 25px;
}
.employee-scope .margin-bottom-36 {
  margin-bottom: 36px;
}
.employee-scope .margin-bottom-10 {
  margin-bottom: 10px;
}
.employee-scope .profile-card {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  max-width: 320px;
}
.employee-scope .profile-card-header {
  font-size: 16px;
  font-weight: 500;
  color: var(--main-txt-color);
  padding-bottom: 20px;
}
.employee-scope .profile-card-label {
  border-top: 1px solid var(--icon-border);
  padding-top: 10px;
  color: var(--profile-label-color);
}
.employee-scope .profile-card-field {
  font-size: 14px;
  color: var(--input-color);
  padding-bottom: 10px;
}
.employee-scope .tag-green {
  border-left: 2px solid #2EB336;
  color: #919191;
  font-size: 12px;
  line-height: 12px;
  padding-left: 12px;
  margin-bottom: 20px;
}
.employee-scope .card-child-block {
  border-bottom: 1px solid var(--icon-border);
  margin-bottom: 30px;
  padding-bottom: 20px;
}
.employee-scope .card-child-block-top {
  border-top: 1px solid var(--icon-border);
  padding-top: 30px;
}
.employee-scope .card-child-block-end {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 20px;
}
.employee-scope .separator {
  border-bottom: 1px solid var(--icon-border);
  margin: 20px 0;
}
.employee-scope .profile-picture {
  margin-right: 20px;
}
.employee-scope .message-address,
.employee-scope .message-taxes {
  color: #0186CD;
  font-size: 13px;
  font-weight: bold;
  text-align: right;
}
@media (max-width: 1439px) {
  .employee-scope .side-col {
    width: calc(100% - 40px);
    padding-left: 20px;
  }
  .employee-scope .main-col {
    width: calc(100% - 40px);
    padding-left: 20px;
  }
  .employee-scope .employee-container-main {
    margin: 20px auto;
  }
  .employee-scope .profile-picture {
    margin-right: 20px;
  }
  .employee-scope .tab-row {
    flex-direction: column;
  }
  .employee-scope .tab-row .tab-widget-scope .tab-wrapper {
    display: block;
    margin-top: 15px;
    width: 100%;
  }
  .employee-scope .tab-row .tab-widget-scope .tab-wrapper:first-child {
    margin-top: 0;
  }
  .employee-scope .field-no-padding + .field-no-padding {
    padding: 5px 0 5px 0;
  }
  .employee-scope .cols:not(.topcontrols) > * {
    display: block;
    width: 100%;
  }
  .employee-scope .c-padding-top-60-div {
    padding-top: 60px;
  }
}

.employee-expand-row .cell25 {
  align-self: start;
  flex-basis: 25%;
  flex-grow: 0;
  padding: 15px;
}
.employee-expand-row .cell25 div {
  padding-top: 8px;
}
@media (max-width: 1000px) {
  .employee-expand-row .flex-container-row {
    flex-wrap: wrap;
  }
  .employee-expand-row .flex-container-row .cell25 {
    flex-basis: 50%;
    flex-grow: 1;
  }
}

.user-account-container {
  max-width: 1420px;
  padding: 0 60px;
  margin: 0 auto;
}
.user-account-container .sheet-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.user-account-container .sheet-form .group {
  display: flex;
  flex-direction: row;
}
.user-account-container .sheet-form .group .g-title-div-1 {
  color: var(--user-color);
}
.user-account-container .sheet-form .group .flex1 {
  margin-bottom: 20px;
}
.user-account-container .sheet-form .group .btn-container {
  align-self: flex-end;
}
.user-account-container .sheet-form .group .description {
  margin-top: 16px;
}
.user-account-container .sheet-form .group .description .master-user-info > div {
  padding: 5px;
}
.user-account-container .btn {
  min-width: 300px;
}
@media (max-width: 768px) {
  .user-account-container {
    padding: 0 15px;
  }
  .user-account-container .sheet-form .group {
    flex-direction: column;
  }
  .user-account-container .sheet-form .group .btn-container {
    align-self: stretch;
  }
  .user-account-container .sheet-form .group .btn-container .btn {
    width: 100%;
  }
}