.create-dialogplan-wrapper{
    width: 100%;
    display: inline-block;
    padding-left: 60px;
    padding-right: 60px;
    margin-top:4px;
}
.create-dialogplan-wrap, .edit-dialogplan-wrap, .edit-task-wrap{
    width: 100%;
    display: inline-block;
    background-color:#fff;
    padding-left: 20px;
    padding-bottom:17px;
}
.oprate-nyte-delmal #newdialogPlan {
    float: right;
    background-color: #fff;
    padding: 12px 16px 8px 10px;
    border-radius: 19.5px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    letter-spacing: 0.4px;
    /* margin-top: -20px; */
    margin-bottom: 37px;
    margin-right: 60px;
    cursor: pointer;
}
.oprate-nyte-delmal #newdialogPlan .filter-img-bg {
    margin-left: 0px;
    width: 25px;
    height: 20px;
    background-color: #ffffff;
    border-radius: 25px;
    display: inline-block;
}
.oprate-nyte-delmal #newdialogPlan #addCaseIcon {
    margin-top: 0px;
    margin-left: 2px;
    border-radius: 10px 10px;
    padding: 0px;
}
.oprate-nyte-delmal #newdialogPlan .txt {
    color: #368126;;
    font-weight: 800;
    font-size: 12px;
}
.dialogplan-wrap {
    width: 46.4%;
    display: inline-block;
    margin-left: 0px;
    margin-top: 20px;
}
.goal-title {
    width: 100%;
    padding-left: 20px;
    font-weight: 500;
    display: inline-block;
    padding-bottom: 5px;
    font-size: 12px;
}
.goal-input-wrap .write-goal-input {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 0.6px;
    color: #3c3c3c;
    width: 100%;
    padding: 10px 0px 10px 20px;
    min-height: 39px;
    border-radius: 2px;
    border: solid 1px #e5e5e5;
    background-color: #ffffff;
}
.confidential-milestone {
    display: inline-block !important;
    width:15%;
}
.confidential-milestone .fortroligt-text {
    position: relative !important;
    display: inline-block;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 500;
    margin-left:20px;
    top:-34px;
}
.confidential-milestone .radio-btn {
    margin-top: 14px !important;
    margin-left: 10px !important;
    position: absolute;
    cursor: pointer;
}
.confidential-milestone .info {
    margin-top: 10px !important;
    margin-left: 40px;
    position: absolute;
}
.create-dialogplan-btn {
    background-color: #9AC092;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    border-radius: 19.5px;
    padding: 13px 34px 11px 34px;
    margin: 0px;
    margin-left: 0px;
    cursor: pointer;
    display:inline-block;
}
.create-dialogplan-btn.active {
    background-color: #368126;
}
.kategory-title{
    width: 100%;
    padding-left: 20px;
    font-weight: 500;
    display: inline-block;
    padding-bottom: 4px;
    font-size: 12px;
}
.kategory-dropdown .dropdown-wrapper {
    width: 100%;
    position: relative;
    margin: 0px;
    float:none!important;
    display: inline-block;
}
.kategory-dropdown .dropdown-wrapper .collapse-arrow{
    top:9px!important;
}
.confidential-milestone .info img {
    width: 15px;
    height: 16px;
    margin-top: 1px;
}
.dialogplan-dropdown-wrap .dropdown-kategory-list li:hover, .show-more-option-dialogplan-wrapper-new .case-measure-option ul li:hover, .priority-list li:hover{
    color: #005826;
    background-color: #CDDFC9!important;
}
.oprate-nyte-delmal #newdialogPlan #closeCaseIcon {
    margin-top: 0px;
    margin-left: 3px;
    border-radius: 10px;
    padding: 0px;
    width: 17px;
}
.confidential-milestone .radio-btn.selected{
    background: url(/images/icon_checkmark_circular_checked.svg) no-repeat;
}
.kategory-dropdown .dropdown-wrapper .default-value-first{
    text-transform: inherit;
}
.show-more-option-dialogplan-wrapper-new{
    position: relative;
    float: right;
    padding-left: 16px;
    padding-top: 0px!important;
    padding-right: 38px;
}
.show-more-option-dialogplan-wrapper-new .show-more-option-icon {
    background: url('/images/icon_add_btn_circular_hex368126.svg') no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}
.show-more-option-dialogplan-wrapper-new .case-measure-option {
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgba(212, 212, 212, 0.5);
    border: solid 1px #a5aee8;
    position: absolute;
    padding-top: 0px;
    width: 120px;
    text-align: left;
    right: 31px;
    top: 3px;
    z-index: 1111;
    background-color: #ffffff;
    border: solid 1px #368126 !important;
}
.show-more-option-dialogplan-wrapper-new .case-measure-option img {
    padding-left: 78px;
    float: right;
    background: #368126;
    border-radius: 10px 10px;
    width: 18px;
    height: 18px;
    padding: 3px 3px;
    margin: 3px 6px 10px 10px;
}
.show-more-option-dialogplan-wrapper-new .case-measure-option ul {
    background-color: #fff;
    list-style: none;
    margin: 0;
    margin-top: 0px;
    padding: 0;
    color: #3c3c3c;
    margin-top: 20px !important;
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgb(165 174 232 / 50%);
    border: solid 1px #368126;
}
.show-more-option-dialogplan-wrapper-new .case-measure-option ul li {
    padding: 8px 0 8px 14px;
    list-style: none;
    color: #3c3c3c;
    text-align: left;
}
.priority-wrap{
    position:relative;
}
.select-priority {
    border-radius: 19.5px;
    border: solid 1px #3c3c3c;
    padding-top: 1px;
    display: inline-block;
    height: 20px;
    width: 20px;
    text-align: center;
    cursor:pointer;
}
.priority-list{
    background-color: #fff;
    list-style: none;
    margin: 0;
    margin-top: 0px;
    padding: 0;
    color: #3c3c3c;
    margin-top: -27px !important;
    width:40px;
    position:absolute;
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgb(165 174 232 / 50%);
    border: solid 1px #368126;
    margin-left: -10px;
    z-index:10;
}
.priority-list li{
    list-style: none;
    color: #3c3c3c;
    padding: 6px 0px 5px 9px;
    cursor:pointer;
}
.priority-list li .priority-option{
    border-radius: 19.5px;
    border: solid 1px #3c3c3c;
    padding-top: 1px;
    display: inline-block;
    height: 20px;
    width: 20px;
    text-align: center;
    padding-right: 1px;
}
.show-more-option-dialogplan-wrapper, .show-more-option-task-wrapper-new{
    position: relative;
    float: left;
    padding-left: 16px;
}
.show-more-option-dialogplan-wrapper .show-more-option-icon, .show-more-option-task-wrapper-new  .show-more-option-icon{
    background: url('/images/icon_more_options_hex505050.svg') no-repeat;
    width: 17px;
    height: 4px;
    display: inline-block;
    cursor: pointer;
}
.show-more-option-dialogplan-wrapper .case-measure-option {
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgba(212, 212, 212, 0.5);
    border: solid 1px #a5aee8;
    position: absolute;
    padding-top: 7px;
    width: 120px;
    text-align: left;
    right: 0px;
    top: 0px;
    z-index: 1111;
    background-color: #ffffff;
    border: solid 1px #368126 !important;
    left: 0;
}
.show-more-option-dialogplan-wrapper .case-measure-option ul, .show-more-option-task-wrapper-new .case-task-option ul {
    background-color: #fff;
    list-style: none;
    margin:0;
    padding: 0;
    color: #3c3c3c;
    margin-top: 20px !important;
}
.show-more-option-dialogplan-wrapper .case-measure-option ul li {
    padding: 8px 0 8px 14px;
}
.prioriry-td{padding-left: 28px!important;}
.dialogplan-list table{margin-bottom:0px;}
.dialogplan-list .width-col-one {width: 15% !important;}
.dialogplan-list .width-col-two{width:33%!important;}
.dialogplan-list .width-col-three{width:12%!important;}
.dialogplan-list .width-col-four{width:10%!important;}
.dialogplan-list .width-col-five{width:10%!important;}
.dialogplan-list .width-col-six{width:10%!important;text-align:center;}
.dialogplan-list .lastcol{padding-right:20px;}
.dialogplan-list table td{border-top:3px solid #f2f2f4!important;vertical-align: middle!important;}
.create-dialogplan-wrapper .dialogplan-list .radio-btn{margin-top:0px!important;}
.show-more-option-dialogplan-wrapper .more-option, .show-more-option-task-wrapper-new .case-task-option{
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgba(212, 212, 212, 0.5);
    border: solid 1px #a5aee8;
    position: absolute;
    padding-top: 7px;
    width: 120px;
    text-align: left;
    right: 0px;
    top: 0px;
    z-index: 1111;
    background-color: #ffffff;
    border: solid 1px #368126 !important;
    left: 0;
    margin-top:-7px;
    cursor:pointer;
}
.show-more-option-dialogplan-wrapper .more-option img, .show-more-option-task-wrapper-new .case-task-option img {
    padding-left: 15px;
}
.show-more-option-dialogplan-wrapper .more-option ul, .show-more-option-task-wrapper-new .case-task-option ul {
    background-color: #fff;
    list-style: none;
    margin: 0;
    margin-top: 0px!important;
    padding: 0;
    color: #3c3c3c;
}
.show-more-option-dialogplan-wrapper .more-option ul li, .show-more-option-task-wrapper-new .case-task-option ul li{
    padding: 8px 0 8px 14px;
}
.show-more-option-dialogplan-wrapper .more-option ul li:hover, .show-more-option-task-wrapper-new .case-task-option ul li:hover{
    background-color: #CDDFC9;
    cursor: pointer;
}
.show-more-option-dialogplan-wrapper .more-option ul .slet, .show-more-option-task-wrapper-new .case-task-option ul .slet{color:red;}
.show-more-option-dialogplan-wrapper .more-option-list, .show-more-option-task-wrapper-new .case-task-option-list{margin-top:0px!important;}
.delete_dialogplan_popup{
    padding: 20px 17px 20px 17px;
    background-color: #ffffff;
    width: 400px;
    z-index: 10;
    height: 181px;
}
.delete_dialogplan_popup .close-popup {
    background: url("/images/icon_close_circular_stroke.svg") no-repeat;
    position: absolute;
    right: 0;
    width: 23px;
    height: 24px;
    top: -30px;
    cursor: pointer;
}
.delete_dialogplan_popup label {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 0.6;
    color: #3c3c3c;
    width: 100%;
    margin: 16px auto 30px auto;
    text-align: center;
}
.delete_dialogplan_popup .message {
    text-align: center;
    font-size: 16px;
}
.delete_dialogplan_popup .confirm-btn {
    text-align: center;
    width: 140px;
    margin: 20px auto 0px auto;
    border-radius: 19.5px;
    background-color: #368126;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #ffffff;
    padding: 13px 15px 14px 15px;
    cursor: pointer;
}
.editCaseCardMeasureTr{border-top:2px solid #fff;}
.kategory-dropdown .dropdown-wrapper .default-value-first{
    margin-top:0px!important;
    margin-bottom:0px!important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.dialogplan-annuler{
    background-color: #e0e0e0;
    color: #3c3c3c;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    border-radius: 19.5px;
    padding: 11px 40px 13px 39px;
    margin: 0px;
    cursor: pointer;
    display:inline-block;
    margin-left: 30%;
}
.edit-dialogplan-btn {
    background-color: #9AC092;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    border-radius: 19.5px;
    padding: 13px 19px 11px 21px;
    margin: 0px;
    margin-left: 0px;
    cursor: pointer;
    display:inline-block;
    width:150px;
}
.dropdown-kategory-list{
    width: 100%;
    position: absolute;
    z-index: 99;
    background-color: #fff;
    list-style: none;
    padding-left: 0px;
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgb(165 174 232 / 50%);
    border: solid 1px #368126;
}
.dialogplan-list .list-wrapper{padding-left: 29px;padding-top: 20px;}
table{width:100%;}
.goal-input-wrap .write-goal-input{
    width:97.6%;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 0.6px;
    color: #3c3c3c;
    padding: 10px 0px 10px 20px;
    min-height: 39px;
    border-radius: 2px;
    border: solid 1px #e5e5e5;
    background-color: #ffffff;
    float:left;
}
.dialogplan-list .list-wrapper th{padding-bottom:10px;padding-left: 20px;font-size:12px!important;}
.dialogplan-wrap th{padding-bottom:10px;padding-left: 20px;font-size:12px!important;}
.new-category{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 0.6px;
    color: #3c3c3c;
    width: 100%;
    padding: 10px 0px 10px 20px;
    min-height: 39px;
    border-radius: 2px;
    border: solid 1px #e5e5e5;
    background-color: #ffffff;
}
.kategory-dropdown .dropdown-kategory-list{
    width: 100%;
    position: absolute;
    z-index: 99;
    background-color: #fff;
    list-style: none;
    padding-left: 0px;
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgb(165 174 232 / 50%);
    border: solid 1px #368126;
}
.kategory-dropdown .dropdown-kategory-list li{
    padding: 5px 0 5px 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 1.5;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.6px;
    cursor: pointer;
}
.kategory-dropdown .dropdown-kategory-list li:hover{
    color: #005826;
    background-color: #CDDFC9!important;
}
.list-wrapper .last-row td, .dialogplan-wrap .last-row td{
    padding-top:10px;
    padding-bottom:20px;
}
.confidential-milestone .fortroligt-text{
    position: relative !important;
    display: inline-block;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 500;
    margin-left: 20px;
}
.confidential-milestone .radio-btn {
    margin-top: 4px !important;
    margin-left: -101px !important;
    position: absolute;
    cursor: pointer;
}
.confidential-milestone .info {
    margin-top: 0px !important;
    margin-left: -69px;
    position: absolute;
}
.dialogplan-wrap {
    width: 100%;
    display: inline-block;
    margin-left: 0px;
    margin-top: 20px;
}
.create-dialogplan-wrap{
    width: 99.9%;
    display: inline-block;
    background-color:#fff;
    padding-left: 29px;
    padding-bottom:38px;
}
table th {
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #3c3c3c;
}
.create-dialogplan-wrap .th-one, .edit-dialogplan-wrap .th-one{width:47.6%}
.create-dialogplan-wrap .th-two, .edit-dialogplan-wrap .th-two{width:21.8%}
.create-dialogplan-wrap .th-three, .edit-dialogplan-wrap .th-three{width:15%;}
.create-dialogplan-wrap .th-four, .edit-dialogplan-wrap .th-four{width:15%;}
.create-dialogplan-wrap .goal-input-wrap .write-goal-input{width: 97.7%!important;}
@-moz-document url-prefix() {
    .confidential-milestone .info {
        position: absolute;
      }
      .task-wrap .responsible-wrap{position: relative!important;}
      .responsible-person-list {width: 97%!important;}
      .task-wrap .responsible-wrap .collapse-arrow{top: 40px!important;}
      .responsible-dropdown-wrapper {
        position: inherit!important;
      }
      .kategory-dropdown .dropdown-wrapper .collapse-arrow {
        top: 9px !important;
     }
     .kategory-dropdown .dropdown-wrapper{
        width: 100%;
        display: inline-block;
     }
     .edit-dialogplan-wrap .confidential-milestone .info{margin-top: 1px !important;}
}
table tr td:hover{box-shadow:none!important;}
table tr td.border-shadow{box-shadow:none!important;}
#showTableId_one, #showTableId_two, #showTableId_three{cursor:pointer;}
.highlighted-row {
    background-color: rgb(203,223,201) !important;
}
.dialogplan-list .radio-btn{margin-top:5px!important;margin-left: 0px}
.edit-dialogplan-wrap table td{border-top:none!important;}
.dialogplan-list .highlighted-row td:first-child{
    padding: 8px 8px 8px 30px!important;
}
.edit-dialogplan-btn.active {
    background-color: #368126;
}
.edit-dialogplan-wrap .kategory-dropdown .dropdown-wrapper .default-value-first:hover{
	cursor:auto;
}
.task-wrap{width:100%;}
.task-wrap .task-wrapper-one{width:100%;display: inline-block;}
.task-wrap .subgoal-text-wrap{width:41%;display: inline-block;padding-bottom: 10px;float:left;}
.task-wrap .responsible-wrap{width:25%;display: inline-block;padding-left: 10px;padding-bottom: 10px;}
.task-wrap .btn-wrap{
    width:33%;
    display: inline-block;
   /* left: 4%; */
    position: relative;
    padding-left: 103px;
    left:0;
}
.task-wrap .subgoal-text-wrap span{width:100%;display: inline-block;}
.task-wrap .subgoal-text-wrap .task-name{
    width:100%;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 0.6px;
    color: #3c3c3c;
    padding: 10px 0px 10px 20px;
    min-height: 39px;
    border-radius: 2px;
    border: solid 1px #e5e5e5;
    background-color: #ffffff;
}
/*.task-wrap .responsible-wrap .default-value{width:100%;display: inline-block;position: relative;}*/
.task-wrap .responsible-wrap .default-value{
    border-radius: 2px;
    border: solid 1px #e5e5e5;
    background-color: #ffffff;
    padding: 12px 0 12px 20px;
    width: 100%;
    display: inline-block;
    margin-top: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #3c3c3c;
    margin-bottom: 0px;
    height: 39px;
    position: relative;
    cursor:pointer;
}
.task-wrap .responsible-wrap .collapse-arrow{
    position: absolute;
    top: 0px;
    right: 15px;
    cursor:pointer;
}
.task-wrap .subgoal-text-wrap .subgoal-txt, .task-wrap .responsible-wrap .responsible-txt{
    padding-bottom:10px;
    padding-left:21px;
    font-size:12px;
    font-weight:500;
    display:inline-block;
}
.task-annuler {
    background-color: #e0e0e0;
    color: #3c3c3c;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    border-radius: 19.5px;
   /* padding: 11px 39px 13px 39px; */
    cursor: pointer;
    display: inline-block;
    margin-right: 20px;
    position: relative;
    top: 0px;
    width: 38.4%;
    text-align: center;
    padding: 11px 0px 13px 0px;
}
.create-task-btn, .edit-task-btn {
    background-color: #9AC092;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    border-radius: 19.5px;
   /* padding: 13px 34px 11px 34px; */
    display: inline-block;
    position: relative;
    top: 0px;
    text-align: center;
    padding: 11px 0px 13px 0px;
}
.responsible-dropdown-wrapper{position: relative;}
.responsible-person-list {
    width: 100%;
    position: absolute;
    z-index: 99;
    background-color: #fff;
    list-style: none;
    padding-left: 0px;
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgb(165 174 232 / 50%);
    border: solid 1px #368126;
}
.responsible-person-list li {
    padding: 5px 0 5px 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.6px;
    cursor: pointer;
}
.responsible-person-list li:hover{
    color: #005826;
    background-color: #CDDFC9 !important;
}
.task-wrap .calender-wrap{width:25%;display:inline-block;margin-top: -17px;}
.note-text-wrap{width:41%;display:inline-block;float:left;margin-top: -17px;}
.note-text-wrap .note-txt{width:100%;}
.note-text-wrap .note-text{width:100%;}
.calender-wrap .note-title, .note-text-wrap .note-txt {
    width: 100%;
    padding-left: 20px;
    font-weight: 500;
    display: inline-block;
    padding-bottom: 5px;
    font-size: 12px;
}
.periode-date{
    display: block;
    width: 100%;
    border: 1px solid #e2e2e5;
    padding: 12px 0px 11px 20px;
    color: #3c3c3c;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.09;
    letter-spacing: 0.6px;
    cursor:pointer;
}
#periodeDateTxt{
    width: 85%;
    display: inline-block;
}
.note-text-wrap .note-text{
    width:100%;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 0.6px;
    color: #3c3c3c;
    padding: 10px 0px 10px 20px;
    min-height: 39px;
    border-radius: 2px;
    border: solid 1px #e5e5e5;
    background-color: #ffffff;
    float:left;
}
.calender-wrap{
    padding-left: 10px;
}
.select-task-period-title {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 0.86;
    letter-spacing: 0.4px;
    color: #3c3c3c;
}
.select-task-period-calendar{
    padding-bottom: 29.5px;
    float: left;
    width: 100%;
}
.date-picker-parent-wrapper.monthly-task-from-date {
    position: relative;
    width: 100%;
    padding: 0 14px;
    background-color: #ffffff;
    z-index: 10;
}
.date-picker-parent-wrapper.monthly-task-from-date .ui-datepicker {
    width: 100%;
}
.select-task-period-bottom {
    border-top: solid 1px #e5e5e5;
    background-color: #ffffff;
    padding-top: 29.5px;
    float: left;
    width: 100%;
    padding-bottom: 25px;
    text-align: center;
}
.select-task-period-popup .blue-bg, .select-edittask-period-popup .blue-bg {
    background-color: #005826;
}
.select-task-period-rectangle {
    margin: 2px;
    border-radius: 4px;
    border: solid 1px #e5e5e5;
    padding: 10px 3px 10px 2px;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #000000;
    width: 31%;
    display: inline-block;
    cursor:pointer;
}
.select-task-period-popup .blue-bg span, .select-edittask-period-popup .blue-bg span {
    color: #ffffff;
}
.select-task-period-popup .from-date-default, .select-edittask-period-popup .from-date-default {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: #000000;
}
.select-task-period-popup .to-date-default, .select-edittask-period-popup .to-date-default {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: #000000;
}
.select-task-period-rect {
    margin: 2px;
    border: solid 1px #e5e5e5;
    font-family: 'Roboto', sans-serif;
    font-size: 8px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    background-color: #eee;
    width: 30%;
    display: inline-block;
}
.select-task-period-title-wrap {
    float: left;
    width: 100%;
    padding: 14px 14px 0 14px;
}
.select-task-period-popup, .select-edittask-period-popup {
    box-shadow: 0 2px 8px 0 rgb(212 212 212 / 50%);
    border: solid 1px rgba(51,142,158,0.25);
    width: 21.6%;
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgba(165, 174, 232, 0.5);
    border: solid 1px #9ac092;
    background-color: #ffffff;
    z-index: 9;
    position: absolute;
    float: left;
    margin-top: -40px;
  /*  margin-left:34.5%; */
}
.select-task-period-popup .save-date-default, .select-edittask-period-popup .save-date-default {
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: #999999;
    padding: 4px;
}
.task-period-date-title {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.4px;
}
.date-picker-parent-wrapper.monthly-task-to-date {
    position: relative;
    width: 100%;
    padding: 0 14px;
}
.select-task-period-popup .blue-bg1, .select-edittask-period-popup .blue-bg1 {
    background-color: #005826;
    border: solid 1px #005826;
    color: #ffffff;
    cursor: pointer;
}
.date-picker-parent-wrapper.monthly-task-to-date .ui-datepicker, .date-picker-parent-wrapper.monthly-task-from-date .ui-datepicker {
    width: 100%;
}
.select-task-period-popup .blue-bg1 span, .select-edittask-period-popup .blue-bg1 span {
    color: #ffffff;
}
.task-listing-wrapper .col-one{width: 15%;padding-left: 30px !important;}
.task-listing-wrapper .col-two{width: 33%;}
.task-listing-wrapper .col-three{width: 22%;}
.task-listing-wrapper .col-four{width: 10%;padding-left: 23px;}
.task-listing-wrapper .col-five{width: 10%;}
.task-listing-wrapper .col-six{width: 10%;}
.task-list-td{padding:0px!important;}
.task-listing-wrapper td.select-attachment{padding-left: 35px;}
.task-listing-wrapper td.followUp{padding-left:29px;}
.closed-case-wrapper .showClosedCases.finished .dark-count{left:112px;}

.goal-input-wrap{
    width: 47.9%;
    float: left;
}
.kategory-dropdown{
    width: 22%;
    display: inline-block;
}
.new-category-wrap{
    width: 22%;
    margin-left: 47.9%;
    margin-top: 10px;
}
.dialogplan-wrap .td-four, .edit-dialogplan-wrap .td-four{
    width: 14%;
    display: inline-block;
}
.edit-dialogplan-wrap .new-category-wrap{
    width: 51%;
}
.edit-dialogplan-wrap .new-category-wrap input{
    width: 43.1%;
}
.dialogplan-list .alle-mine{margin-bottom: 16px;margin-top: 0px !important;}
.dialogplan-list{padding-top: 30px !important;}
.closed-case-wrapper h2.horizon-line{
    width: 92.2%;
    margin: 40px 0 20px 60px;
}
.edit-dialogplan-wrap .confidential-milestone .info {
    margin-top: 1px !important;
}
.closed-case-wrapper .showClosedCases.aborted .dark-count{left:123px;}
#newdialogPlan.first-goal{margin-top: -5px!important;}
.note-popup .slet-note{
    position: absolute;
    bottom: -60px;
    right: 0;
    text-transform: uppercase;
    border-radius: 19.5px;
    background-color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #544bd6;
    padding: 13px 25px 14px 25px;
    margin-right: 120px;
    cursor:pointer;
}
.note-popup{
    top: 257px;
    left: 34%;
    position: fixed;
    padding: 20px;
    background-color: #ffffff;
    width: 498px;
    z-index: 10;
}
.note-popup .save-note{
    position: absolute;
    bottom: -60px;
    right: 0;
    text-transform: uppercase;
    border-radius: 19.5px;
    background-color: #f2f2f4;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #797979;
    padding: 13px 25px 14px 25px;
    cursor:pointer;
}
.note-popup label {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 0.6;
    color: #3c3c3c;
    width: 100%;
    margin: 16px auto 0 auto;
    text-align: center;
}
.note-popup .edit-note{
    width:100%;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 0.6px;
    color: #3c3c3c;
    padding: 10px 0px 10px 20px;
    border-radius: 2px;
    border: solid 1px #e5e5e5;
    background-color: #ffffff;
    margin-top:30px;
    margin-bottom:10px;
}
.note-popup .close-note{
    background: url("/images/icon_close_circular_stroke.svg") no-repeat;
    position: absolute;
    right: 0;
    width: 23px;
    height: 24px;
    top: -30px;
    cursor:pointer;
}
.note-active, .note-inactive{cursor:pointer;margin-left: 19px;}
.note-popup .save-note.active{
    background-color: #368126;
    color: #fff;
}
.note-popup .text{
    position: relative;
  top: 22px;
  left: 3px;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
}
.task-wrap .task-wrapper-two, .task-wrap .task-wrapper-three{width:100%;display: inline-block;}
.task-responsible-wrapper{
    position: relative;
    margin-right: 10px;
    display: inline-block;
    top: 0px;
}
.task-wrap .responsible-name {
    font-size: 12px;
    border-radius: 2px;
    border: solid 1px #e5e5e5;
    line-height: 39px;
    display: inline-block;
    padding-left: 16px;
    padding-right: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    background-color: #DCEBD8;
}
.task-wrap .responsible-close {
    background: url(/images/icon_close_btn.svg) no-repeat;
    width: 13px;
    height: 14px;
    position: absolute;
    top: 15px;
    right: 10px;
    display: inline-block;
}
.task-responsible-wrapper{margin-left:41.8%;}
.create-task-btn.active, .edit-task-btn.active{
    cursor: pointer;
    background-color: #368126;
}
.edit-task-wrapper table td{border-top:none!important;}
.show-more-option-task-wrapper-new{padding-left:16px;}
.task-listing-wrapper .col-six{padding-left: 29px;}
.delete_goaltask_popup{
    padding: 20px 17px 20px 17px;
    background-color: #ffffff;
    width: 400px;
    z-index: 10;
    height: 181px;
}
.delete_goaltask_popup .close-popup {
    background: url("/images/icon_close_circular_stroke.svg") no-repeat;
    position: absolute;
    right: 0;
    width: 23px;
    height: 24px;
    top: -30px;
    cursor: pointer;
}
.delete_goaltask_popup label {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 0.6;
    color: #3c3c3c;
    width: 100%;
    margin: 16px auto 30px auto;
    text-align: center;
}
.delete_goaltask_popup .message {
    text-align: center;
    font-size: 16px;
}
.delete_goaltask_popup .confirm-btn {
    text-align: center;
    width: 140px;
    margin: 20px auto 0px auto;
    border-radius: 19.5px;
    background-color: #368126;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #ffffff;
    padding: 13px 15px 14px 15px;
    cursor: pointer;
}
.task-listing-wrapper td.followUp .status_dot{
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 30px;
}
.task-listing-wrapper td.followUp .status_text{
    margin-left: 24px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}


.change_task_status_popup{
    top: 257px;
    left: 34%;
    position: fixed;
    padding: 20px;
    background-color: #ffffff;
    width: 498px;
    padding-bottom: 40px;
    z-index: 10;
}

.change_task_status_popup .kategory-dropdown{
    width: 100%;
}
.change_task_status_popup .confirm-btn{
    text-align: center;
    width: 140px;
    margin: 7px auto 0px 315px;
    border-radius: 19.5px;
    background-color: #368126;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #ffffff;
    padding: 13px 15px 14px 15px;
    cursor: pointer;
}
.change_task_status_popup label {

    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 0.6;
    color: #3c3c3c;
    width: 100%;
    margin: 16px auto 0 auto;
    text-align: center;
}
.change_task_status_popup .close-popup{
    background: url("/images/icon_closed_black.svg") no-repeat;
    position: absolute;
    right: 0;
    width: 30px;
    height: 24px;
    top: 15px;
    cursor:pointer;
}
.change_task_status_popup .confirm-btn.active{
    background-color: #368126;
    color: #fff;
}

.change_task_status_popup .task-date{
    position: relative;
    margin-left: 0px!important;
    display: block;
}

.change_task_status_popup .datepicker-img{
    position: absolute;
    display: inline-block;
    top: 7px;
    width: 19px;
    right: 12px;
    height: 19px;
}
.change_task_status_popup .date-picker-parent-wrapper{
    width: 458px;
    margin-top: 192px;
    border: 1px solid green;
}
.change_task_status_popup .close-text{
    margin-left: -37px;
    margin-top: 1px;
}
.change_task_status_popup .status_text{
    margin-left: 19px;
    padding-bottom: 5px;
    font-family: 'Roboto', sans-serif;  
}
.change_task_status_popup .date-title{
    position: inherit;
    margin-top:15px;
    margin-left: 19px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 6px;
    height: 20px;
}

.task-wrapper-three .task-responsible-wrapper:last-child{margin-bottom:20px;}
.task-listing-wrapper td.note-icon-td{padding-left:10px!important;}
.dialogplan-list .green-bg{background-color: rgb(203,223,201) !important;}
.goal-name-td, .task-name-td{padding-right:13px;padding-left:8px!important;}
.responsible-td, .evaluate-select{padding-left:8px!important;}
.print-select{padding-left: 14px!important;}
.ui-datepicker {
     width: 100%!important; 
}
.ui-datepicker table th{
    padding: 0.7em 0.3em!important;
}
.select-edittask-period-popup{width:21.9%!important;}
.dialogplan-list .width-col-seven{width:10%!important;}
.dialogplan-list .measurecounter.open-task{background-color: rgb(203,223,201) !important;height: 60px;}
.dialogplan-list .measurecounter{cursor:pointer;height: 60px;}


.task-listing-wrapper td.followUp .status_dot.yellow{
    background-color: #DED16F;
}
.task-listing-wrapper td.followUp .status_dot.grey{
    background-color: #E4E4E9;
}
.task-listing-wrapper td.followUp .status_dot.orange{
    background-color: #DE946F;
}
.task-listing-wrapper td.followUp .status_dot.green{
    background-color: #368126;
}

.change_task_status_popup .calendar{
    width: 100%;
    font-family: 'Roboto', sans-serif;
    color: #368126;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.86;
    letter-spacing: 0.4px;
    height: 39px;
    cursor: pointer;
    padding: 18px;
    border: solid 1px #e5e5e5;
}
.change_task_status_popup .date-picker-parent-wrapper .date-picker-close {
    background: url(/images/icon_close_13x13.svg) no-repeat;
    position: absolute;
    right: 10px;
    width: 23px;
    height: 24px;
    top: 20px;
    
}
.change_task_status_popup .datepicker-img{
    cursor: pointer;
}
.editCaseCardMeasureTr .confidential-milestone .fortroligt-text{
    top:-35px;
}
.editCaseCardMeasureTr .confidential-milestone .radio-btn{
    margin-left: -100px !important;
}
.editCaseCardMeasureTr .confidential-milestone .info {
    margin-top: 0px !important;
    margin-left: -9px;
}
.editCaseCardMeasureTr .confidential-milestone .info img{
    margin-top: 3px;
    margin-left: -60px;
}
.editCaseCardMeasureTr .dialogplan-annuler{
    width:150px;
    padding: 11px 40px 13px 43px;
}
.editCaseCardMeasureTr .new-category-wrap{
    margin-left:48%;
}

.evaluer_popup{
    top: 257px;
    left: 34%;
    position: fixed;
    padding: 20px;
    background-color: #ffffff;
    width: 498px;
    padding-bottom: 40px;
    z-index: 10;
}
.evaluer_popup label {

    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 0.6;
    color: #3c3c3c;
    width: 100%;
    margin: 16px auto 0 auto;
    text-align: center;
}
.evaluer_popup .close-text{
    margin-left: -37px;
    margin-top: 1px;
}
.evaluer_popup .close-popup{
    background: url("/images/icon_closed_black.svg") no-repeat;
    position: absolute;
    right: 0;
    width: 30px;
    height: 24px;
    top: 15px;
    cursor:pointer;
}
.evaluer_popup .date-title{
    position: inherit;
    margin-top:15px;
    margin-left: 19px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 6px;
    height: 20px;
}
.evaluer_popup .datepicker-img {
    position: absolute;
    display: inline-block;
    top: 168px;
    width: 19px;
    right: 32px;
    height: 19px;
    cursor: pointer;
}
.evaluer_popup .confirm-btn.active {
    background-color: #368126;
    color: #fff;
}
.evaluer_popup .confirm-btn {
    text-align: center;
    width: 140px;
    margin: 86px auto 0px 315px;
    border-radius: 19.5px;
    background-color: #368126;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #ffffff;
    padding: 13px 15px 14px 15px;
    cursor: pointer;
}
.evaluer_popup .status_text {
    margin-left: 19px;
    padding-bottom: 5px;
    font-family: 'Roboto', sans-serif;
  }
.evaluer_popup .kategory-dropdown .dropdown-wrapper .collapse-arrow {
    top: 11px !important;
    left: 428px;
  }
.evaluer_popup .dropdown-wrapper .default-value-first {
    border-radius: 2px;
    border: solid 1px #e5e5e5;
    background-color: #ffffff;
    padding: 12px 0 12px 20px;
    width: 457px;
    display: inline-block;
    margin-top: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #3c3c3c;
    margin-bottom: 3px;
    text-transform: uppercase;
    height: 39px;
    text-transform: inherit;
  }
.evaluer_popup .kategory-dropdown .dropdown-wrapper .default-value-first {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
  }
.evaluer_popup .kategory-dropdown .dropdown-kategory-list li {
    padding: 5px 0 5px 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 1.5;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.6px;
    cursor: pointer;
  }
.evaluer_popup .kategory-dropdown .dropdown-kategory-list {
    width: 457px;
    position: absolute;
    z-index: 99;
    background-color: #fff;
    list-style: none;
    padding-left: 0px;
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgb(165 174 232 / 50%);
    border: solid 1px #368126;
  }
.evaluer_popup .kommenter{
    width: 100%;
    position: absolute;
    margin-top: 18px;
  }
.evaluer_popup .kommenter .kommenter-input{
    width: 457px;
    position: inherit;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border-radius: 2px;
    text-transform: inherit;
    display: inline-block;
    color: #3c3c3c;
    border: solid 1px #e5e5e5;
    padding: 12px 0 12px 20px;
    line-height: 1.2;
    letter-spacing: 0.6px;
    margin-bottom: 3px;
    margin-top: 5px;
    cursor:pointer;
  }

.evaluer_popup .kommenter-title{
    position: inherit;
    margin-top:-22px;
    margin-left: 19px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 6px;
    height: 20px;
  }
.evaluer_popup .date-picker-parent-wrapper {
    width: 458px;
    margin-top: 76px;
    border: 1px solid green;
  }
.evaluer_popup .date-picker-parent-wrapper .date-picker-close {
    background: url(/images/icon_close_13x13.svg) no-repeat;
    position: absolute;
    right: 10px;
    width: 23px;
    height: 24px;
    top: 20px;
  }

.activate_goal_popup {
    top: 257px;
    left: 34%;
    position: fixed;
    padding: 20px;
    background-color: #ffffff;
    width: 464px;
    z-index: 10;
}
.activate_goal_popup label {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 0.6;
    width: 100%;
    margin: 16px auto 0 auto;
    text-align: center;
  }

.activate_goal_popup .text {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 0.6;
    color: #3c3c3c;
    margin-left: 78px;
    margin-top: 24px;
    text-align: center;
    display: inline-block;
}

.activate_goal_popup .activate-goal {
    text-align: center;
    display: inline-block;
    margin: 30px auto 0px 145px;
    width: 135px;
    border-radius: 19.5px;
    background-color: #368126;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #ffffff;
    padding: 13px 15px 14px 15px;
    cursor: pointer;
}
.activate_goal_popup .close-note {
    background: url("/images/icon_close_circular_stroke.svg") no-repeat;
    position: absolute;
    right: 0;
    width: 23px;
    height: 24px;
    top: -30px;
    cursor: pointer;
}

.kommentar_popup{
    top: 257px;
    left: 34%;
    position: fixed;
    padding: 20px;
    background-color: #ffffff;
    width: 528px;
    z-index: 10;
}
.kommentar_popup .edit-comment {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 0.6px;
    color: #3c3c3c;
    padding: 10px 0px 10px 20px;
    border-radius: 2px;
    border: solid 1px #e5e5e5;
    background-color: #ffffff;
    margin-top: 30px;
    margin-bottom: 10px;
}
.kommentar_popup label {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 0.6;
    width: 100%;
    margin: 16px auto 0 auto;
    text-align: center;
}
.kommentar_popup .close-comment {
    background: url("/images/icon_close_circular_stroke.svg") no-repeat;
    position: absolute;
    right: 0;
    width: 23px;
    height: 24px;
    top: -30px;
    cursor: pointer;
}
[contentEditable=true]:empty:not(:focus):before {
    content: attr(data-text);
}
.comment-active{
    cursor: pointer;
}
.comment-td{padding-left:19px;}
.finished-task-list .width-col-one, .aborted-task-list .width-col-one, .ongoing-task-list .width-col-one{width:17%!important;}
.finished-task-list .width-col-two, .aborted-task-list .width-col-two, .ongoing-task-list .width-col-two{width:37.5%!important;}
.finished-task-list .width-col-seven, .aborted-task-list .width-col-seven, .ongoing-task-list .width-col-seven{width:22.7%!important;}
.finished-task-list .width-col-five, .aborted-task-list .width-col-five, .ongoing-task-list .width-col-five{width:13.6%!important;}
.finished-task-list .width-col-eight, .aborted-task-list .width-col-eight, .ongoing-task-list .width-col-eight{width:9.2%!important;}
.finished-task-list .comment-td, .aborted-task-list .comment-td{padding-left:46px;}
.finished-task-list .comment-th, .aborted-task-list .comment-th{padding-left:24px;}
.un-short-bg{
    background-color: #fff;
    display: inline-block;
    background-color: #fff;
    border-radius: 30px;
    height: 29px;
    width: 29px;
    display: inline-block;
    text-align: center;
    position: relative;
    top: 5px;
    padding-left: 0px;
    border: 1px solid #5e9b4d;
    margin-right: 10px;
  }
  .un-short-txt {
  font-family: Helvetica;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  color: #005826;
  font-size: 14px;
  position: inherit;
  bottom: 5px;
  }
.create-task-btn{
    width: 42.8%;
}
.edit-task-btn{
    width:41.4%;
}
.Kommentar-afholdt-popup {
    top: 257px;
    left: 34%;
    position: fixed;
    padding: 20px;
    background-color: #ffffff;
    width: 498px;
    z-index: 10;
  }
  .Kommentar-afholdt-popup .close-note {
    background: url("/images/icon_close_circular_stroke.svg") no-repeat;
    position: absolute;
    right: 0;
    width: 23px;
    height: 24px;
    top: -30px;
    cursor: pointer;
  }
  .Kommentar-afholdt-popup label {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 0.6;
    color: #3c3c3c;
    width: 100%;
    margin: 16px auto 0 auto;
    text-align: center;
  }
  .Kommentar-afholdt-popup .edit-note {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: 0.6px;
    color: #3c3c3c;
    padding: 10px 0px 10px 20px;
    border-radius: 2px;
    border: solid 1px #e5e5e5;
    background-color: #ffffff;
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .Kommentar-afholdt-popup .slet-note {
    position: absolute;
    bottom: -60px;
    right: 0;
    text-transform: uppercase;
    border-radius: 19.5px;
    background-color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #544bd6;
    padding: 13px 25px 14px 25px;
    margin-right: 120px;
    cursor: pointer;
  }
  .Kommentar-afholdt-popup .save-note {
    position: absolute;
    bottom: -60px;
    right: 0;
    text-transform: uppercase;
    border-radius: 19.5px;
    background-color: #f2f2f4;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #797979;
    padding: 13px 25px 14px 25px;
  }
  .Kommentar-afholdt-popup .save-note.active{
    background-color: #368126;
    cursor: pointer;
    color:white;
  }
  .dialogplan-pdf-popup{
    top: 93px;
    left: 576.5px; 
    position: fixed;
    padding: 20px 17px 20px 17px;
    background-color: #ffffff;
    width: 400px;
    z-index: 10;
  }
  .dialogplan-pdf-popup .close-popup {
    background: url("/images/icon_close_circular_stroke.svg") no-repeat;
    position: absolute;
    right: 0;
    width: 23px;
    height: 24px;
    top: -30px;
    cursor: pointer;
}
.dialogplan-pdf-popup .confirm{
    text-align: center;
    width: 120px;
    border-radius: 19.5px;
    background-color: #9AC092;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #ffffff;
    padding: 10px 15px 12px 15px;
    cursor: pointer;
    float:right;
}
.dialogplan-pdf-popup .confirm.active{background-color: #368126;}
.dialogplan-pdf-popup .title{
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
}
.dialogplan-pdf-popup .view-pdf{
    text-align: center;
    width: 100px;
    border-radius: 19.5px;
    background-color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #368126;
    padding: 10px 15px 10px 15px;
    cursor: pointer;
    border: 1px solid #ddd;
    float:left;
}
.dialogplan-pdf-popup .message, .dialogplan-pdf-popup .email{
    text-align: center;
}
.dialogplan-pdf-popup .email{margin-bottom:30px;}
.pdf-of-dialogplan{
    float: right;
    margin-right: 70px;
    margin-top: 10px;
    text-decoration: underline;
    font-size:12px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2;
    letter-spacing: 0.6px;
    cursor:pointer;
}
.dialogplan-list .radio-btn.selected{
    background: url(/images/icon_checkmark_circular_checked.svg) no-repeat;
}
.dialogplan-pdf-popup .view-pdf a{
    color:#368126;
    text-decoration: none;
}
.dialogplan-pdf-popup .view-pdf a:hover{
    color:#3c3c3c;
    text-decoration: none;
}
.kategory-info-img{
    margin-left:10px;
    margin-top:-4px;
    cursor:pointer;
}
.dialogplan-kategory-info-popup{
    top: 93px;
    left: 576.5px; 
    position: fixed;
    padding: 20px 20px 20px 25px;
    background-color: #ffffff;
    width: 400px;
    z-index: 10;
}
.dialogplan-kategory-info-popup .top-wrapper{
    margin-bottom:20px;
}
.dialogplan-kategory-info-popup .kategory-info-title{
    float: left;
    font-weight: bold;
}
.dialogplan-kategory-info-popup .close-btn-div{
    float:right;
}
.dialogplan-kategory-info-popup .close-popup{
    margin-left: 10px;
    margin-top: -4px;
    cursor:pointer;
}
.dialogplan-kategory-info-popup .message-div{
    margin-top:20px;
    display: inline-block;
}
.dialogplan-kategory-info-popup a.link{text-decoration: underline;}
.external-class .dialogplan-list .measurecounter.open-task {
    background-color: #DBDDF7!important;
    height: 60px;
}
.external-class .measurecounter.moderactivities.clicked {
    background-color: #DBDDF7;
}