.case-detail-view.individiual-cases .width-col-three{width: 400px;}
.case-detail-view .filter-option-third{margin-right: 6.6%;position: absolute !important;}
.createSkaleringWrapper .skalering-title{
    font-size:12px;
    font-weight:500;
    line-height: 1.09;
    letter-spacing: 0.6px;
    color:#3c3c3c;
    padding-left:12px;
}
#createSkaleringWrap{
    float: left;
    width: 100%;
}
.filter-head-right #createNewSkalering.active .txt{color: #338e9e;}
.createSkaleringWrapper {
    min-height: 0px;
    margin-bottom: 0;
    background-color: #fff;
    float: left;
    width: 100%;
  }
  .case-detail-view #createNewSkalering .filter-img-bg img {
    margin-left: 1px;
    margin-top: 11px;
  }
  .case-detail-view #createNewSkalering #closeCaseIcon{
    margin-top: 13px;
  }
  .filter-head-right #createNewSkalering:hover {
    cursor: pointer;
  }
  .createSkaleringWrapper .skalering-input{
    border-radius: 2px;
    border: solid 1px #e5e5e5;
    padding: 11px 10px 9px 10px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.67;
    color: #3c3c3c;
    width:98%;
    margin-top:10px;
  }
  .createSkaleringWrapper table{
      margin-top: 30px;
      margin-left:20px;
      margin-bottom:25px!important;
      width: 98%;
  }
  .createSkaleringWrapper table .td-one{
      width:50%;
  }
  .createSkaleringWrapper table .td-two{
    width:50%;
}
.createSkaleringWrapper .save-skalering{
    border-radius: 19.5px;
    background-color: #f2f2f4;
    padding: 11px 0px 11px 0px;
    margin-left: 4px;
    color: #3c3c3c;
    font-size: 10px;
    float: right;
    margin-right: 10%;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    cursor: pointer;
    width: 130px;
    text-align: center;
    margin-top:27px;
    text-transform: uppercase;
}
.createSkaleringWrapper .save-skalering.active{
    background-color: #338e9e;
    color: #fff;
}
.createSkaleringWrapper .question-icon{
    background: rgba(0, 0, 0, 0) url("/images/question_icon.png") no-repeat scroll 0 0;
    cursor: pointer;
}
.createSkaleringWrapper .show-status{
    border-radius: 19.5px;
    background-color: #f2f2f4;
    padding: 11px 0px 11px 0px;
    margin-left: 4px;
    color: #3c3c3c;
    font-size: 10px;
    float: right;
   /* margin-right: 10%; */
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    cursor: pointer;
    width: 140px;
    text-align: center;
    margin-top:27px;
    text-transform: uppercase;
}
.createSkaleringWrapper .show-progress{
    border-radius: 19.5px;
    background-color: #f2f2f4;
    padding: 11px 0px 11px 0px;
    margin-left: 4px;
    color: #3c3c3c;
    font-size: 10px;
    float: right;
    margin-right: 10%;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    cursor: pointer;
    width: 140px;
    text-align: center;
    margin-top:27px;
    text-transform: uppercase;
}
.createSkaleringWrapper.edit .left-side{
    float:left;
}
.createSkaleringWrapper.edit .right-side{
    float:right;
}
.tr_cc_content_wrapper_wrap .right-side .filter-head-right #createNewSkalering{float: right;}
.top-bar-wrapper .right-side #createNewSkalering .filter-img-bg img {margin-left: 13px;margin-top: 13px;}
.top-bar-wrapper .right-side .filter-option-third {margin-right: 25px;float: left;width: 50px;text-align: center;}
.createSkaleringWrapper.edit table{
    margin-top: 10px;
}
.createSkaleringWrapper.edit table .col-one{
    padding-left: 25%;
    width: 70%;
    padding-top: 0px;
}
.createSkaleringWrapper.edit table .col-one img{margin-left:5px;margin-bottom:2px;}
.createSkaleringWrapper.edit table .col-two{
    width:30%;
}
.skaleringContent .colm-one{
    padding-top:none!important;
}
#top-bar {
    color: #fff;
    display: block;
    margin-left: 5%;
    margin-top: 0px;
    position: absolute;
    width: 1050px;
}
.skaleringContent #top-bar li {
    color: #000000;
    float: left;
    font-size: 12px;
    margin-top: 0px;
    text-align: center;
    line-height: 32px;
    height: 32px;
}
.skaleringContent #top-bar{
    list-style: none;;
}
.skaleringContent #top-bar li.first {
    width: 120px;
}
.skaleringContent #top-bar li.second {
    margin-left: 70px;
    width: 190px;
}
.skaleringContent #top-bar li.third {
    margin-left: 105px;
    width: 138px;
}
.skaleringContent #top-bar li.fourth {
    width: 146px;
    margin-left: 140px;
}
.skaleringContent #top-bar li.fifth {
   /* margin-left: 66px; */
    width: 103px;
    text-align: right;
}

.case-detail-view .show-more-option-comment-wrapper {
    position: relative;
    float: right;
}
.case-detail-view .show-more-option-comment-wrapper .show-more-option-icon {
    background: url(/images/icon_more_options_hex505050.svg) no-repeat;
    width: 17px;
    height: 4px;
    display: inline-block;
    cursor:pointer;
}

.case-detail-overview .show-more-option-comment-wrapper {
    position: relative;
    float: right;
}
.case-detail-overview .show-more-option-comment-wrapper .show-more-option-icon {
    background: url(/images/icon_more_options_hex505050.svg) no-repeat;
    width: 17px;
    height: 4px;
    display: inline-block;
    cursor:pointer;
}
/*.case-detail-view .pointer.skaleringView .lastcol {
    padding-right:27px;
}*/
.case-detail-overview .pointer.skaleringView .lastcol {
    padding-right:33px;
}

/*toggle switch*/
.switch6{border-radius:19.5px;background-color: #f2f2f4;width:310px;}
.switch6 .btn-primary{border-radius:19.5px;background-color: #338e9e!important;color: #ffffff!important;border-color:unset!important;border:none!important;}
.switch6-light > span, .switch-toggle > span {  color: #000000; }
.switch6-light span span, .switch6-light label, .switch-toggle span span, .switch-toggle label {  color: #3c3c3c;  } 

.switch-toggle a, 
.switch6-light span span { display: none; }

.switch6-light { display: block; height: 40px; position: relative; overflow: visible; padding: 6px 0px 0px 0px; margin-left:0px; margin-bottom:0px;cursor:pointer;}
.switch6-light * { box-sizing: border-box; }
.switch6-light a { display: block; transition: all 0.3s ease-out 0s; }

.switch6-light label, 
.switch6-light > span { line-height: 30px; vertical-align: middle;}

.switch6-light label {font-weight: 700; margin-bottom: 0px; max-width: 100%;}

/*.switch6-light input:focus ~ a, .switch6-light input:focus + label { outline: 1px dotted rgb(136, 136, 136);  color:#fff;} */
.switch6-light input { position: absolute; opacity: 0; z-index: 5; }
.switch6-light input:checked ~ a { right: 0%; }
.switch6-light > span { position: absolute; left: -100px; width: 100%; margin: 0px; padding-right: 100px; text-align: left; }
.switch6-light > span span { font-size:10px;position: absolute; top: 0px; left: 0px; z-index: 5; display: block; width: 50%; margin-left: 100px; text-align: center;font-weight:normal;text-transform: uppercase; }
.switch6-light > span span:last-child { left: 50%; }
.switch6-light a { position: absolute; right: 50%; top: 0px; z-index: 4; display: block; width: 50%; height: 100%; padding: 0px;}

#d1 {
    margin-left: 357px;
}
#d2 {
    margin-left: 498px;
}
#d3 {
    margin-left: 707px;
}
#d4 {
    margin-left: 847px;
}
.divider {
    background-color: unset!important;
    height: unset!important;
}
/*.divider {
    width: 3px;
    height: 84px;
    position: absolute;
    margin-top: 20px;
    display: block;
} */
.ruler {
    background: transparent url(/images/ruler_new.png) no-repeat scroll 0px 17px;
    margin: 0px 0px 0px 150px;
    width: 755px;
    height: 103px;
    position: absolute;
}

#procssbar {
    /* top: 210px; */
    top:95px;
    margin-left: 50px;
    display: block;
    position: absolute;
    z-index: 7;
 }
 .skaleringContent .ruler-col-div{
    margin-left:100px;
}
#ruler-wrapper {
    background: transparent url(/images/Scale_bar.svg) no-repeat scroll 0px 0px;
    height: 61px;
    width: 1100px;
    margin: 0;
    position: relative;
}
#ruler {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 0 0 0 0;
    height: 46px;
    margin: 0 9px 0 55px;
    width: 700px;
    position: relative;
    z-index: 1100;
}
#ruler span.scale {
    background-repeat: no-repeat;
    color: #3c3c3c;
    cursor: pointer;
    font-family: HelveticaNeue-CondensedBold;
    font-size: 14px;
    font-weight: 900;
    height: 32px;
    line-height: 33px;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 32px;
    z-index: 5;
    cursor: pointer !important;
}
#ruler span.selected{   background-image: url("/images/green_dot.svg") ; color: #fff!important;background-position: 1px 0px;}

#ruler span.v1{left:-16px;top:14px;}
#ruler span.v2{left: 95px;top:15px;}
#ruler span.v3{left: 205px;top:15px;}
#ruler span.v4{left: 315px;top:15px;}
#ruler span.v5{left: 425px;top:15px;}
#ruler span.v6{left: 534px;top:15px;}
#ruler span.v7{left: 644px;top:15px;}
#ruler span.v8{left: 754px;top:15px;}
#ruler span.v9{left: 864px;top:14px;}
#ruler span.v10{left: 974px;top:14px;}
#ruler.disabled-ruler span.scale {    cursor: default;}
#ruler-wrapper .ui-state-default, #ruler-wrapper .ui-widget-content .ui-state-default,#ruler-wrapper .ui-widget-header .ui-state-default {
    background: url("/images/ruler_handle.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #D3D3D3;
    color: #555555;
    font-weight: normal;
}
#ruler-wrapper .ui-slider-horizontal .ui-slider-handle {

    top: -0.3em;
    border:none;
    border: none;
    outline: none;
}
.case-detail-view .filter-head-wrap{border-bottom:0px!important;}
#ruler-wrapper .ui-slider .ui-slider-handle {
    margin-left:-19px;
    margin-top:-2px;
    cursor: default;
    height: 52px;
    position: absolute;
    width: 40px;
    z-index: 2;
    border-radius: 0 0 0 0;
    border:none;
    outline: none;
}
.skaleringContent .ruler-col{position: relative;}
.createSkaleringWrapper.edit{min-height:288px;}


/* scaling graph */
.createSkaleringWrapper .scaling_graph_wrapper .area_graph_avg_wrapper {
    position: relative;
    height:500px;
}
.createSkaleringWrapper .scaling_graph_wrapper .chartAreaWrapper {
    margin-top: 20px;
    margin-left: 58px;
    width: 95%;
    min-height: 500px;
    background: linear-gradient(#FFFF, #FFFF, #ffffff);
    overflow-x: hidden;
   /* position: relative; */
    bottom:35px;
    padding-top:30px;
}
.scaling_graph_wrapper .scaling_left_panel {
    background-image: url(/images/Progression_graph_new.svg?27032018);
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    bottom: 195px;
    margin-left: 50px;
    width: 43px;
    height: 400px;
    top:36px;
}
.createSkaleringWrapper .participant_scaling_graph_wrapper {
    position: relative;
    clear: both;
}
.createSkaleringWrapper .scaling_graph_wrapper .bottom_line {
    /*border: 1px solid #e1e1e1;*/
    position: absolute;
    height: 0px;
    width: 582px;
    bottom: -2px;
    left: 36px;
}
.statusvurdering-check{
    color: white;
}

#ruler-wrapper .ui-slider .ui-slider-handle {
    margin-left: -19px;
    margin-top: -2px;
    cursor: default;
    height: 52px;
    position: absolute;
    width: 40px;
    z-index: 2;
    border-radius: 0 0 0 0;
    border: none;
    outline: none;
    background: transparent;
    top: -0.3em;
  }
  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background: transparent;
    left: 0;
    top: 0;
    height: 100%;
  }

  .skaleringContent .chartContainerAvg{
    /*border: 1px solid #E1E1E1;*/
  }
  .skaleringContent .graph-title{
      padding-bottom:10px;margin-left:10px;
}
.skaleringContent .chartContainerAvg .hr-one{
    margin-top:19px;
}
.skaleringContent .chartContainerAvg .hr-two{
    margin-top:27px;
}
.skaleringContent .chartContainerAvg .hr-three{
    margin-top:29px;
}
.skaleringContent .chartContainerAvg .hr-four{
    margin-top:28px;
}
.skaleringContent .chartContainerAvg .hr-five{
    margin-top:27px;
}
.skaleringContent .chartContainerAvg .hr-six{
    margin-top:28px;
}
.skaleringContent .chartContainerAvg .hr-seven{
    margin-top:27px;
}
.skaleringContent .chartContainerAvg .hr-eight{
    margin-top:28px;
}
.skaleringContent .chartContainerAvg .hr-nine{
    margin-top:27px;
}
.skaleringContent .chartContainerAvg .hr-ten{
    margin-top:28px;
}

ul.five_bar {visibility: hidden;}
.submenu_overlay{display:none;}
map[name="submenu_map"]{visibility: hidden;}

.graph-heading-title{
    margin-left: 273px;
}

.skalering-circle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 2.5px;
    color: #ffff;
}

.skalerning-info-popup .close {
    position: absolute;
    right: 10px;
    top: 6px;
    cursor: pointer;
}
.scale-heading-title img{
    cursor:pointer;
}
.skalerning-info-popup .close{
    cursor:pointer;
}
.skalerning-info-popup{
    position: absolute;
    padding: 20px 17px 20px 17px;
    background-color: #ffffff;
    width: 420px;
    z-index: 9999;
    box-shadow: 0 2px 8px 3px rgb(212 212 212/50%);
    top:-21px;
    left:90.6%;
}
.skalerning-info-popup .skalerning-desc{
    color: #000;
    margin-top:10px;
} 
.skalerning-info-popup .skalerning-info-close{
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}
.createSkaleringWrapper.edit .scale-heading-title{
    position:relative;
}
.skalerning-info-popup .skalerning-desc{
    line-height: 1.7;
    padding-left:4px;
}
.skalerning-info-popup .vurdering-title{
    font-weight:bold;
    margin-left:5px;
}
.skalerning-info-popup .skalerning-info-close img{
    margin-bottom:10px!important;
}
.skalering-udsat-popup{
    position: absolute;
    padding: 20px 17px 20px 17px;
    background-color: #ffffff;
    width: 420px;
    z-index: 9999;
    box-shadow: 0 2px 8px 3px rgb(212 212 212/50%);
    top:110px;
    left:280px;
}
.skalering-udsat-popup .skalering-udsat-title{
    font-weight:bold;
}
.skalering-udsat-popup .skalerning-udsat-close{
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
}
.skalering-udsat-popup .skalerning-udsat-close img{
    cursor:pointer;
    margin-bottom:10px;
}
.skalering-udsat-popup ul{
    padding-left: 25px;
    line-height: 1.7;
}
.skalering-udsat-popup p{
    margin-top:10px;
}
.scaling_ruler_show .second{
    cursor: pointer;
}

.container-josa .container-fluid .navbar-default{background-image: linear-gradient(to left, #6ebfce, #338e9e);}
.container-josa .container-fluid .navbar-default .navbar-nav > li.active > a{color: #338e9e;}
.container-josa .container-fluid .navbar-default .navbar-nav > li.nav-sag > a{background-color: #338e9e;border: 1px solid #338e9e;}
.search-ad-participant #search-result li {color: #338e9e;}
.search-ad-participant ul li .highlight {color:#338e9e;}
.search-ad-participant #search-result li a{color: #338e9e;}
.search-ad-participant #search-result li:hover {color:#6ebfce;}
.create-new-case-content .case-individual-btn .txt{color: #338e9e;}
.create-new-case-content .case-search-btn.active{background-color: #338e9e;}
.create-new-case-content .case-individual-btn.active{border: solid 1px #338e9e;}
.dropdown-case-card-list {box-shadow: 0 2px 8px 0 rgba(165, 232, 220, 0.5);border: solid 1px #6ebfce;}
.case-memos-overview .default-case-memos-view .case-memo-save-btn.active{background-color: #338e9e;}
.case-memos-overview .case-memos-listing-wrapper .case-memo-comment-option {border: solid 1px #6ebfce;}
.case-memos-overview .memo_delete_confirm_popup .name {color: #338e9e;}
.case-memos-overview .memo_delete_confirm_popup .comment-delete-confirm-btn {background-color: #338e9e;}
.case-memos-overview .memo_not_seen_popup .name {color: #338e9e;}
.case-memos-overview .memo-add-confirm-popup .name {color: #338e9e;}
.confirm-btn-active{background-color: #338e9e !important;}
.huskeseddel-search .serach-list li{color: #338e9e;}
.huskeseddel-dropdown .dropdown-case-card-list{box-shadow: 0 2px 8px 0 rgba(165, 232, 226, 0.5);border: solid 1px #a4eaf0;}
.huskeseddel-dropdown .dropdown-case-card-list li:hover {background-color: rgba(85, 217, 221, 0.05);color: #338e9e;}
.huskesedler_delete-confirm-btn{background-color: #338e9e;}
.gem-active{background-color:#338e9e !important;}
.huskeseddel-search .search-list li:hover{background-color: rgba(109, 227, 227, 0.05); color: #6ebfce;}
#addMemoForm #search-result li {color: #338e9e;}
#addMemoForm #search-result li .highlight {color:#338e9e}
#addMemoForm #search-result li:hover {background-color: rgba(104, 199, 209, 0.05);color:#80cece;}
.case-memo-heading-btn{color: #338e9e;;}
.case-borger-btn .txt{color: #338e9e;}
.case-borger-btn.active{border: solid 1px #338e9e;}
.case-generelle-btn .txt{color: #338e9e;}
.case-generelle-btn.active{border: solid 1px #338e9e;}
.light-case_memo-count-label.active{border: solid 1px #338e9e;}
.list-popup-delete-memo {background-color: #338e9e;}
.joCaseCommentRow .read-memo{color:#338e9e;}
.user-name-short-txt{color: #338e9e;}
.user-profile-wrapper .logout-btn a{color: #338e9e;}
.user-profile-wrapper .logout-txt{  color: #338e9e;}

.delete-all-case-card-popup .delete-all-save-btn {background-color: #338e9e;}
.view-more-txt{color: #338e9e;}
.view-less-txt {color: #338e9e;}
.user-name-short-txt{color: #338e9e;}
.user-profile-wrapper .save-profile-btn{background-color: #338e9e;}
.user-setting-wrapper .setting-sub-heading{color: #338e9e;}
.create-new-case-content .case-group-btn.active{border: solid 1px #338e9e;}
.create-new-case-content .create-case-without-cpr .btn {background-color: #338e9e; }
.dropdown-user-location-list li:hover{background-color: rgba(75, 209, 214, 0.05);color: #338e9e;}
.change-location-popup .selected-area {color: #338e9e;}
.change-location-popup .confirm-btn {background-color: #338e9e;}
.checked .case-number-form-input-txt-small{color: #338e9e;}
.case-number-create-menu-right .create-case-btn{background-color: #338e9e;}
.add-relationship-btn{color: #338e9e;}
.popup-wrapper .popup-btn{background-color: #338e9e;}
.date-picker-parent-wrapper .add-date-btn.active{background-color: #338e9e;}
.case-detail-view .td-txt-normal.selected{color: #338e9e;}
.child-profile .edit-form-btn{background-color: #338e9e;}
.save-setting-btn.active{background-color: #338e9e;}
.blue-border {border-left: 2px solid #338e9e;}
.case-detail-view .del_btn.active, .case-detail-overview .del_btn.active  { color: #338e9e;}
.create-new-case-wrapper .create-btn{background-color: #338e9e;}
.blue-txt{color: #338e9e;}
.create-template-btn.active{background-color: #338e9e;}
.create-template-btn-backend.active{background-color: #338e9e;}
.dropdown-case-card-list-case {border: 1px solid #74cecf;}
.dropdown-case-card-list-case li:hover{color: #338e9e;}
.dropdown-case-card-list-template {border: 1px solid #79c6c7;}
.dropdown-case-card-list-template li:hover{background-color: rgba(75, 202, 214, 0.05);color: #338e9e;}
.dropdown-case-card-list-brev {border: 1px solid #75c0c1;}
.dropdown-case-card-list-brev li:hover{background-color: rgba(75, 202, 214, 0.05);color: #338e9e;}
.dropdown-case-card-list-skema {border: 1px solid #78c3c4;}
.dropdown-case-card-list-skema li:hover{background-color: rgba(75, 202, 214, 0.05);color: #338e9e;}
.filter-head-right #createNewTemple.active .txt{color: #338e9e;}
.note-dropdown-case-card-list-case li:hover{background-color: rgba(75, 202, 214, 0.05);color: #338e9e;}
.note-dropdown-case-card-list-template li:hover{background-color: rgba(75, 202, 214, 0.055);color: #338e9e;}
.save-draft-btn.active{background-color: #338e9e;}
.journalist-note-btn.active{background-color: #338e9e;}
.filter-head-right #createNewNote.active .txt {color: #338e9e;}
.save-draft-popup .draft-save-btn{background-color: #338e9e;}
.datePickerDraft .default-delete-text{color: #338e9e;}

.dropdown-case-card-list li:hover{background-color: rgba(75, 214, 214, 0.05);color: #338e9e;}
.attachment-dropdown-case-card-list-case {border: 1px solid #6ecec6;}
.attachment-dropdown-case-card-list-case li:hover{background-color: rgba(75, 214, 214, 0.05);color: #338e9e;}
.attachment-dropdown-list li:hover{background-color: rgba(75, 202, 214, 0.05);color: #338e9e;}
.addAttachmentWrapper .middle-section .right-part .right-save-draft-btn.active{color: #338e9e;}
.addAttachmentWrapper .middle-section .right-part .attach-file-btn.active{background-color: #338e9e;}
.addAttachmentWrapper .bottom-section #attachmentList ul li{color: #338e9e;}
.filter-head-right #createNewDocument.active .txt{color: #338e9e;}

.td-createNoteWrap .edit-bottom-wrapper div.active{background-color:#338e9e;}
.td-createNoteWrap .edit-bottom-wrapper div{color: #338e9e;}

.backToDraft{color: #338e9e;}
.td-attachWrap .edit-attach-bottom-wrapper div{color: #338e9e;}
.td-attachWrap .edit-attach-bottom-wrapper div.active-attach{background-color: #338e9e;}

.addAttachmentWrapper .bottom-section #editAttachmentList ul li{color: #338e9e;}
.searched-txt{color: #338e9e;}
.reffrence-search .create-btn{background-color: #338e9e;}
.measure-search .create-btn.active{background-color: #338e9e;}
.blue-color{color: #338e9e;}

.gem-btn{background-color: #338e9e;}
.saveMeasureFormEditClass .blueTxt{color: #338e9e;}
.annuler-btn .txt{color: #338e9e;}
.slet-btn .txt{color: #338e9e;}

.diagnose-search .date-for-diagnose-txt{color: #338e9e;}
.diagnose-search .create-btn{background-color: #338e9e;}

.add-relation-form-wrapper .info-txt.active {color: #338e9e;}

.add-relation-form-wrapper .relation-closed-btn {color: #338e9e;}
.edit-draft-popup .draft-save-btn{background-color: #338e9e;}
.edit-form-draft-popup .draft-template-save-btn{background-color: #338e9e;}
.sibling-info-text-histo{color: #338e9e;}
.save-popup-attachment .private-label, .save-popup-attachment-edit .private-label, .save-popup-note .private-label, .save-popup-note-edit .private-label, .delete-relation-popup .private-label {color: #338e9e;}
.save-popup-attachment .draft-save-btn, .save-popup-attachment-edit .draft-save-btn, .save-popup-note .draft-save-btn, .save-popup-note-edit .draft-save-btn, .delete-relation-popup .draft-save-btn, .save-popup-event .draft-save-btn{background-color: #338e9e;}
.save-popup-event .private-label {color: #338e9e;}
.datePickerAttachmentDraft .default-delete-text{color: #338e9e;}
.save-draft-popup-attachment .edit-draft-save-btn {background-color: #338e9e;} 
#editAttachmentList a.pdf-link{color: #338e9e;}
.add-relation-form-wrapper .save-relation-btn.active{background-color: #338e9e;}
#showCreatedCases .blue-txt-no-arrow{color: #338e9e;}
.tr_measureformlist_wrap td.listtd{box-shadow: 0 -6px 6px -6px rgba(133, 195, 198, 0.3);}
.deletePopup .delete-note-btn{background-color: #338e9e;}
.deletePopup .delete-note-btn-child{background-color: #338e9e;}
.deletePopup .delete-note-btn-child{text-align: center; width: 99px;margin: 40px auto;text-transform: uppercase;border-radius: 19.5px;background-color: #338e9e;font-family: 'Roboto', sans-serif;font-size: 10px;font-weight: 500;line-height: 1.2;letter-spacing: 0.6px;color: #ffffff;padding: 13px 15px 14px 15px;}
.deletePopup .delete-note-btn-child:hover{cursor: pointer;}
.calculation_btn.active{  color: #338e9e; }
.calculation_btn_list.active{color: #338e9e;}
.measure-search .reference-create-btn.active {background-color: #338e9e;}

.highlighted-row td{border-bottom: 1px solid #338e9e;border-top: 1px solid #338e9e !important;}
.highlighted-row td:first-child{border-left: 1px solid #338e9e;}
.highlighted-row td:last-child{border-right: 1px solid #338e9e;}
.measure-search .diagnosis-create-btn.active{background-color: #338e9e;}
#dtsMother #editablContent .edit-form-btn.active{background-color: #338e9e;}
#updateStamInfo input{background-color: #338e9e;}
.save-edit-draft-popup-attachment .draft-save-btn{background-color: #338e9e;}
.save-edit-draft-popup-attachment .edit-draft-save-btn {background-color: #338e9e;}
.add-relation-form-wrapper .relation-delete-btn {color:#338e9e;}
#dtsFather #editablMaleContent .edit-form-btn.active{background-color: #338e9e;}

.serach-reset-btn{color: #338e9e;}
.serach-btn{background-color: #338e9e;}
#dtsChild #editChildContent .edit-form-btn.active{background-color: #338e9e;}
.search-filter-wrapper .dropdown-case-card-list{box-shadow: 0 2px 8px 0 rgb(212 212 212 / 50%);border: solid 1px rgba(51,142,158,0.25);}
.search-filter-wrapper .selectedCaseCard .list-li-text{color: #338e9e;}

.select-period-popup{box-shadow: 0 2px 8px 0 rgb(212 212 212 / 50%);border: solid 1px rgba(51,142,158,0.25);}

.search-ad-participant #search-result li {color:#3c3c3c;}
.search-ad-participant ul li .highlight {color:#338e9e;}
.search-ad-participant #search-result li:hover {color:#338e9e;}
.search-ad-participant #search-result li a{color: #338e9e;}
.search-ad-participant #search-result li a:hover {color:#a0dde9; }
.select-period-popup .blue-bg{background-color: #338e9e;}
.select-period-popup .blue-bg1{background-color: #338e9e;border: solid 1px #338e9e;}
#csvChild #editChildContent .edit-form-btn.active{background-color: #338e9e;}
.remove-reminder-date{color: #338e9e;}
.deleteAttachPopup .delete-note-btn{background-color: #338e9e;}
.search-home-sec-wrapper .selectedCaseCard .list-li-text {color: #338e9e;}
.overview-page .search-third-sec-wrap .dropdown-case-card-list {box-shadow: 0 2px 8px 0 rgba(130, 223, 220, 0.5);border: solid 1px #a5e1e8;}
.delete-case-card-popup .delete_card_name{color: #338e9e;}
.delete-case-card-popup .delete-save-btn {background-color: #338e9e;}

.case-number-wrap .case-number-left .delete_options {border: solid 1px #90ddd4;}

.delete-all-case-card-popup .delete_card_name{ color: #338e9e;}
.delete-all-case-card-popup .delete-all-save-btn {background-color: #338e9e;}
.tr_cc_content_wrapper_wrap .showCaseCardActivityTd .open_all_activity{color: #338e9e;}
.tr_cc_content_wrapper_wrap .showCaseCardActivityTd .closed_all_activity{color: #338e9e;}
.case-detail-view #addAttachmentWrap .attachment-format-list .attachment-dropdown-list{border: 1px solid #a5e7e8;}

.tr_cc_content_wrapper_wrap .attachment-format-list .attachment-dropdown-list{border: 1px solid #a5e1e8;}
.without-measure-activity-data .open_all_activity {color: #338e9e;}
.without-measure-activity-data .closed_all_activity {color: #338e9e;}
.template-form-wrapper.form-ppv .save-template-form.active{background-color:#338e9e;border: solid 1px #338e9e;}
.save-template-draft-popup .template-draft-save-btn {background-color: #338e9e;}
.datePickerTemplateDraft1 .default-delete-text {color: #338e9e;}
.delete-measure-popup .draft-save-btn{background-color: #338e9e;}
.delete-measure-popup .delete-measure-btn{background-color: #338e9e;}
.save-popup-note .private-date-label{color: #338e9e;}


.insti_stu_tilfoj{color: #338e9e;}

.insti_stu_tilfoj_save,.insti_stu_tilfoj_close{color:#338e9e;}

.insti_email_tilfoj{color: #338e9e;}

.insti_email_tilfoj_save{color:#338e9e;}

.insti_tlf_tilfoj{color: #338e9e;}

.insti_tlf_tilfoj_save,.insti_tlf_tilfoj_close{color:#338e9e;}

.women_oral_consent_save{color:#338e9e;}
.men_oral_consent_save{color:#338e9e;}
.csv_oral_consent_save{color:#338e9e;}
.dts_oral_consent_save{color:#338e9e;}
.women_oral_consent_delete{color:#338e9e;}
.men_oral_consent_delete{color:#338e9e;}
.csv_oral_consent_delete{color:#338e9e;}
.dts_oral_consent_delete{color:#338e9e;}
.school_email_tilfoj{color: #338e9e;}
.school_email_tilfoj_save{color:#338e9e;}
.school_tlf_tilfoj{color: #338e9e;}
.insti_homepage_tilfoj{color: #338e9e;}
.insti_homepage_tilfoj_save,.insti_homepage_tilfoj_close{color:#338e9e;}
.insti_location_tilfoj{color: #338e9e;}
.insti_location_tilfoj_save,.insti_location_tilfoj_close {color:#338e9e;}
.progress-bar {background-image: linear-gradient(to left, #6ebfce, #338e9e);}
.ui-datepicker-current-day .ui-state-active { background: #338e9e !important;}
.add_new_dialogue_file{color: #338e9e;}
.send_sagsgrundlag_popup .txt{ color: #338e9e; }
.send_sagsgrundlag_popup .send_sagsgrundlag_btn {background-color: #338e9e;}
.deleteMultiAttachment .delete-attachment-btn {background-color: #338e9e;}
.event-popup-icon .event-appearance-list a.pdf-link {color: #338e9e;}
.activity-event-listing .close_event {background-color: #338e9e;}        
.event_appearance-list li:hover {background-color: rgba(75, 214, 212, 0.05);color: #338e9e;}
.user-logout-btn {background-color: #338e9e;}
.case-card-date-change-popup .add-date-btn.active{ background-color: #338e9e;}
.case-card-measure-date-change-popup .add-date-btn.active{ background-color: #338e9e;}
.case-detail-overview .change-responsible-person-popup .confirm-btn.active{background-color: #338e9e;} 
.case-detail-overview .hour_history_popup .save_editted_hours {color: #338e9e; }
.date-picker-parent-wrapper .edit-date-btn.active{background-color: #338e9e;}
.dropdown-location-list li:hover{background-color: rgba(75, 214, 212, 0.05);color: #338e9e;}
.add-relation-form-wrapper.add .ext-cpr-search.active, .add-relation-form-wrapper.edit .ext-cpr-search.active {background-color: #338e9e;}
.measure-case-card-list-wrapper .dropdown-choose-hold li:hover{background-color: rgba(75, 214, 212, 0.05);color: #338e9e;}
.individual_list .statusList {box-shadow: 0 2px 8px 0 rgba(212, 212, 212, 0.5);border: solid 1px #6ebfce;}
.change_status_popup .status_name {color:#338e9e;}
.change_status_popup .confirm_btn {background-color: #338e9e;}
.case-detail-view.group-cases #addAttachmentWrap .attachment-format-list .attachment-dropdown-list{border: 1px solid #6ebfce;}
.isSecretNumberLabel {color: #338e9e !important;}
.share_activity_popup .confirm_share {background-color: #338e9e;}
.share_activity_popup .section .half .dropdown-wrapper .citizen_list {border: solid 1px #6ebfce;}
.share_activity_popup .section .half .dropdown-wrapper .external_list {border: solid 1px #6ebfce;}
.share_activity_popup .section.second .participant .option_wrapper {border: solid 1px #6ebfce;}
.confirm_share_popup .confirm {background-color: #338e9e;}
.confirm_share_popup .cancel {color:#338e9e;}
.confirm_draft_popup .confirm {background-color: #338e9e;}
.share_form .via_josa.selected{
   color:#338e9e!important;
}
.share_form .pdf.selected{
    color:#338e9e!important;
}
.case-without-cpr .save-btn.active {background-color: #338e9e;}
.case-without-cpr .cancel-btn.active {color: #338e9e;}
.case-without-cpr ul.schoolNameList li:hover , .case-without-cpr ul.instiNameList li:hover {background-color: rgba(75, 181, 214, 0.05);color: #338e9e;}
.delete_location_popup .delete_location_name{color: #338e9e;}
.delete_location_popup .delete_confirm_btn {background-color: #338e9e;}
.deceased_parent_popup .name,.deceased_citizen_popup .name {color: #338e9e;}
.afventer-popup .search-list li{
    color: #338e9e;
}
.afventer-popup .search-list li:hover{
    background-color: #338e9e;
    color: #60bdb7;
}
.afventer-popup .afventer-gem.active{
    background-color: #338e9e;
}

.afventer-edit-popup .afventer-tilfoj-btn.active{
background-color: #338e9e;
}

.afventer-edit-popup .search-list li{

    color: #338e9e;
}
.afventer-edit-popup .search-list li:hover{
    background-color: rgba(75, 202, 214, 0.05);
    color: #6ebfce;
}

.afventer-edit-popup .afventer-gem.active{
    background-color: #338e9e;
}
.afventer-edit-tilfoj {color: #338e9e;}
.activity_access_popup .txt {color: #338e9e;}
.overview-page #renderPart .pagination > li > a, .overview-page #renderPart .pagination > li > span{color: #338e9e;}
.overview-page #renderPart .pagination > .active > a, .overview-page #renderPart .pagination > .active > a:focus, .overview-page #renderPart .pagination > .active > a:hover, .overview-page #renderPart .pagination > .active > span, .overview-page #renderPart .pagination > .active > span:focus, .overview-page #renderPart .pagination > .active > span:hover{background-color: #338e9e;border-color: #338e9e;}
.searchTheKey{box-shadow: 0 2px 8px 0 rgba(165, 232, 225, 0.5);border: solid 1px #6ebfce;}
.share_form .share-form-to-pdf {color: #338e9e;}
.memo-reminder-icon{
    border: 2px solid #6ebfce;
}
.case-detail-overview.dts-page.individiual-cases .measure-search-dropdown-first .dropdown-case-card-list li:hover{color:#338e9e;}
.case-detail-overview.dts-page.individiual-cases .measure-search-dropdown-two .dropdown-case-card-list li:hover{color:#338e9e;}
.case-detail-overview.dts-page.individiual-cases .measure-search-dropdown-three .dropdown-case-card-list li:hover{color:#338e9e;}
.case-detail-overview.csv-page.individiual-cases .measure-search-dropdown-first .dropdown-case-card-list li:hover{color:#338e9e;}
.case-detail-overview.csv-page.individiual-cases .measure-search-dropdown-two .dropdown-case-card-list li:hover{color:#338e9e;}
.case-detail-overview.csv-page.individiual-cases .measure-search-dropdown-three .dropdown-case-card-list li:hover{color:#338e9e;}
.share_activity_popup .selected-person-tilfoj.active{
    background-color: #338e9e;
}
.familymember.dtsGardian .editablGardianContent .edit-form-btn.active{background-color: #338e9e;}
.addAttachmentWrapper .attach-file-btn.active{background-color: #338e9e!important;}

.can-trash-top-content-wrapper .can-trash-right-label{color: #338e9e!important;
}
.case-comments-trash-table .show-more-option-comments-trash-wrapper .comments-trash-option {border: solid 1px #6ebfce;}
.stamdata-trash-table .show-more-option-stamdata-wrapper .stamdata-option {border: solid 1px #6ebfce;}
.activities-trash-table .show-more-option-activities-trash-wrapper .activities-trash-option {border: solid 1px #6ebfce;}
.can-trash-content-popup .trash-can-delete-btn {background-color: #338e9e!important;}
.can-trash-content-popup .all-trash-can-delete-btn {background-color: #338e9e!important;}
.form-btn-save-draft.active{background-color: #338e9e!important;}
.form-btn-send-case.active{background-color: #338e9e!important;}
.form-btn-slet.active{color: #338e9e!important;}
.form-btn-edit,.form-btn-reminder,.form-btn-close{color: #338e9e;}
.backend-form-wrap .form-to-pdf {color: #338e9e;}
.backend-form-wrap .form-btn-save-draft.active, .backend-form-wrap .form-receiver.active, .backend-form-wrap .form-journalizer.active {background-color: #338e9e;}
.deletePopup .delete-activity-btn {
    background-color: #338e9e;
}
.show-template{
    color: #338e9e !important;
}
.form-template-recipient-content-popup .confirm_share {background-color: #338e9e;}
.form-template-recipient-content-popup .section .full .dropdown-wrapper ul {border: solid 1px #6ebfce;}
.form-template-recipient-content-popup .section .full .dropdown-wrapper ul li:hover { background-color: rgba(75, 214, 209, 0.05); color: #338e9e;}
.form-template-recipient-content-popup .confirm_template_share {background-color: #338e9e;}
.save-popup-skema .draft-save-btn{background-color: #338e9e;}
.save-popup-skema .private-label {color: #338e9e;}
.share_activity_popup .wrapper .search-ext-tunnellist-participant #tunnellist-ext-result li {/*color: rgba(75, 214, 209, 0.05);*/}
.share_activity_popup .wrapper .search-ext-tunnellist-participant  ul li .highlight {color: rgb(75, 214, 209, 0.05);}

.share_activity_popup .wrapper .search-ext-tunnellist-cvr-participant #tunnellist-cvr-ext-result li {color:#6ebfce!important;}
.share_activity_popup .wrapper .search-ext-tunnellist-cvr-participant  ul li .highlight {display: inline-block;color: rgb(75, 214, 209, 0.05);}
.share_activity_popup .wrapper .search-ext-ad-participant #search-ext-result li {color: rgba(75, 214, 209, 0.05);}
.share_activity_popup .wrapper .search-ext-ad-participant  ul li .highlight {color: rgb(75, 214, 209, 0.05);}
.form-template-recipient-content-popup .section .half .dropdown-wrapper ul {border: solid 1px #6ebfce;}
.form-template-recipient-content-popup .search-external-participant #search-external-result li {color: rgba(75, 214, 209, 0.05);}
.form-template-recipient-content-popup .search-external-participant #search-external-result ul li .highlight {color: rgb(75, 214, 209, 0.05);}
.form-template-recipient-content-popup .section.second .participant .option_wrapper {border: solid 1px #6ebfce;}
.form-template-recipient-content-popup .selected-person-tilfoj.active {background-color: #338e9e;}
.tilfoj-fill {color: #338e9e!important;}
#attachedList ul li {color: #338e9e!important;}
#attachedList ul li a{color:#338e9e!important;}
.share-rapport-btn-slet.active{color: #338e9e!important}
.actor-overview .table2 .options {border: solid 1px #6ebfce!important;}
.actor-overview .ext_user_popup .final-save-btn.active {background-color: #338e9e!important;}
.actor-overview .ext_user_popup .citizen-list-wrapper-externalparticipant ul.externalparticipant_list {border: solid 1px #6ebfce!important;}
.actor-overview .ext_user_popup .citizen-list-wrapper-externalparticipant ul.externalparticipant_list li.option:hover {background-color: rgba(75, 214, 209, 0.05);color: #338e9e!important;}
.actor-overview .ext_user_popup .other-relation ul.relation_list li.add_citizen:hover {background-color: rgba(75, 214, 209, 0.05);color: #338e9e!important;}
.actor-overview .ext_user_popup .other-relation ul.relation_list {border: solid 1px #6ebfce!important;}
.actor-overview .ext_user_popup .participant .option_wrapper {border: solid 1px #6ebfce!important;}
.confirm_consent_popup .confirm {background-color: #338e9e;}
.confirm_consent_popup .cancel {color:#338e9e;}
.actor-overview .ext_user_edit_popup .citizen-list-wrapper-externalparticipant ul.externalparticipant_list li.option:hover {background-color: rgba(75, 214, 209, 0.05);color: #338e9e!important;}
.actor-overview .ext_user_edit_popup .other-relation ul.relation_list li.add_citizen:hover {background-color: rgba(75, 214, 209, 0.05);color: #338e9e!important;}
.actor-overview .ext_user_edit_popup .participant .option_wrapper {border: solid 1px #6ebfce!important;}
.actor-overview .share_activity_list_popup .confirm_share {background-color: #338e9e!important;}
.delete-ext-user-popup .delete-btn, .delete-shared-activity-popup .delete-btn {background-color: #338e9e!important;}
.case-comments-overview .default-case-comments-view .case-comment-save-btn.active{background-color: #338e9e;}
.case-comments-overview .case-comments-listing-wrapper .case-comment-option {border: solid 1px #6ebfce!important;}
.case-comments-overview .comment_delete_confirm_popup .name {color: #338e9e;}
.case-comments-overview .comment_delete_confirm_popup .comment-delete-confirm-btn {background-color: #338e9e;}
.case-comments-overview .comment_not_seen_popup .name {color: #338e9e;}
.case-memos-overview .default-case-memos-view .case-memo-save-btn.active{background-color: #338e9e;}
.case-memos-overview .case-memos-listing-wrapper .case-memo-comment-option {border: solid 1px #338e9e;}
.case-memos-overview .memo_delete_confirm_popup .name {color: #338e9e;}
.case-memos-overview .memo_delete_confirm_popup .comment-delete-confirm-btn {background-color: #338e9e;}
.case-memos-overview .memo_not_seen_popup .name {color: #338e9e;}
.case-memos-overview .memo-add-confirm-popup .name {color: #338e9e;}
.confirm-btn-active{background-color: #338e9e !important;}
.huskeseddel-search .serach-list li{color: rgba(75, 214, 209, 0.05);}
.huskeseddel-dropdown .dropdown-case-card-list{
    box-shadow: 0 2px 8px 0 rgba(165, 226, 232, 0.5);
    border: solid 1px #6ebfce;
}
.huskeseddel-dropdown .dropdown-case-card-list li:hover {
    background-color: rgba(75, 214, 209, 0.05);
    color: #338e9e!important;
}
.huskesedler_delete-confirm-btn{

background-color: #338e9e!important;
}
.gem-active{
    background-color:#338e9e !important;
}
.huskeseddel-search .search-list li:hover{
    background-color: rgba(75, 214, 209, 0.05);
    color: #338e9e!important;
}
.case-memo-heading-btn{color: #338e9e!important;}

.case-borger-btn .txt{color: #338e9e!important;}
.case-borger-btn.active{border: solid 1px #338e9e!important;}

.case-generelle-btn .txt{color: #338e9e!important;}
.case-generelle-btn.active{border: solid 1px #338e9e!important;}
.light-case_memo-count-label.active{border: solid 1px #338e9e!important;}
.light-case_memo-count-label.active.grey-background{border:1px solid #ddd!important;}

.list-popup-delete-memo {
    background-color: #338e9e!important;
}
.joCaseCommentRow .read-memo{color:#338e9e!important;}
.case-without-cpr .cpr-save-btn.active{background-color: #338e9e!important;}
.case-without-cpr .cpr-search-btn.active{background-color: #338e9e!important;}
.case-without-cpr .change_case_citizen_confirm_popup .confirm_btn {background-color: #338e9e!important;}

.citizen-calendar-list-wrapper-first .dropdown-case-card-list-case{border: solid 1px #6ebfce!important; }
.citizen-calendar-list-wrapper-second .event-dialogue-case-card-measure-list{border: solid 1px #6ebfce!important;}
.event-dialogue-case-card-measure-list li:hover {background-color: rgba(75, 214, 209, 0.05);color: #338e9e!important;}
.create-activity-btn.active{background-color: #338e9e!important;}
.search-ext-ad-participant #search-ext-result li {color: #338e9e!important;}
.search-ext-ad-participant  ul li .highlight {color: #338e9e!important;}
.add-ext-with-cpr .user-table-view .ext-cpr-search.active{background-color: #338e9e!important;}
.add-ext-with-cpr .user-table-view .ext-cancle-btn{color: #338e9e!important;}
.add-ext-with-cpr .user-table-view .ext-save-btn.active{background-color: #338e9e!important;}

.add-ext-without-cpr .user-table-view .ext-cancle-btn{color: #338e9e!important;}
.add-ext-without-cpr .user-table-view .ext-save-btn.active{background-color: #338e9e!important;}
#addEventAttachmentList a.pdf-link, #editEventAttachmentList a.pdf-link {color: #338e9e!important;}
.add-ext-with-cvr .user-table-view .ext-cancle-btn{color: #338e9e;}
.add-ext-with-cvr .user-table-view .ext-save-btn.active{background-color: #338e9e!important;}

.dropdown-wrapper .select.dropdown-active .select-element.default-value{
    border: 1px solid #6ebfce!important;
}

.dropdown-wrapper .select .dropdown-target{
    border: 1px solid #6ebfce!important;
}

.dropdown-wrapper .dropdown-target .select-element:hover{
    background-color: rgba(75, 214, 209, 0.05);
    color: #338e9e!important;
}

.dropdown-wrapper .select-multiple .select-element.active{
    color: #338e9e!important;
}

.top-wrapper button.show-datalimit{
    color: #338e9e!important;    
}
.icon-bar .result-type{
    color: #338e9e!important;
}
.filter-summary .filter-summary-line:first-child > div{
    border-top: 1px solid #338e9e!important;
}
.case-detail-view #dialogueNoteAttachmentDetails .pointer.docView td:nth-child(4){
    padding: left 8px!important;
}

@media only screen and (max-device-width: 1366px){
    /*.skaleringContent .ruler-col-div{
        margin-left:86px;
    }*/
    /*#procssbar {
        margin-left:35px;
    }*/
    /* .chartContainerAvg{
        width:900px!important;
    }
    .canvasjs-chart-container .canvasjs-chart-canvas:first-child{
        width:auto!important;
    } */
}

@media only screen and (min-device-width: 1367px) and (max-device-width: 1920px){
    /*.skaleringContent .ruler-col-div{
        margin-left:174px;
    }*/
     /* .chartContainerAvg{
        width:1200px!important;
    } 
    .canvasjs-chart-container .canvasjs-chart-canvas:first-child{
        width:1200px!important;
    } */
}
@media only screen and (min-device-width: 1921px){
    /*.skaleringContent .ruler-col-div{
        margin-left:45.2%;
    }*/
    /*#procssbar {
        margin-left:42.5%;
    }*/
     /* .chartContainerAvg{
        width:1400px!important;
    } 
    .canvasjs-chart-container .canvasjs-chart-canvas:first-child{
        width:1400px!important;
    } 
     .canvasjs-chart-container .canvasjs-chart-canvas:first-child{
        height: 400px !important;
    } */
}

.no-skalering-circle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 2.5px;
}

.container-content.overview-page .td-txt-normal.skalering-marker{
    padding-left:39px!important;
}
.canvasjs-chart-container .canvasjs-chart-canvas:first-child{height:463px!important; width: 578px!important;} 
#createSkaleringWrap.create{float: left;width: 100%;padding-left:60px;padding-right:60px;}
.createSkaleringWrapper.edit table{
    margin-left:0px;
    width:100%;
}
.createSkaleringWrapper .skalering-input::placeholder{color:#3c3c3c;}
.createSkaleringWrapper .skalering-input::-moz-placeholder{color:#3c3c3c;}
.container-content.overview-page .td-txt-normal.skalering-marker a:hover{text-decoration: none;}

/*attachment type */
.pointer.docView .show-more-option-case-wrapper {
    position: relative;
    float: right;
    padding-right: 20px;
  }
  .pointer.docView .show-more-option-icon {
      background: url('/images/icon_more_options_hex505050.svg') no-repeat;
      width: 17px;
      height: 4px;
      display: inline-block;
  }
  .pointer.docView .case-activity-option{
      border-radius: 2px;
      box-shadow: 0 2px 8px 0 rgba(212, 212, 212, 0.5);
      border: solid 1px rgba(51,142,158,0.25);
      padding: 0;
      padding-top: 0px;
      padding-top: 0px;
      padding-top: 0px;
      padding-top: 0px;
      position: absolute;
      padding-top: 30px;
      width: 150px;
      text-align: left;
      right: -6px;
      top: -6px;
      z-index: 1111;
      background-color: #ffffff;
  }
  .pointer.docView .case-activity-option img{
      position: absolute;
      top: 13px;
      right: 5px;
      opacity: 0.6;
      cursor: pointer;
      margin-top: 0px!important;
      padding-right:20px!important;
      margin-bottom:0px!important;
  }
  .pointer.docView .case-activity-option ul{
      background-color: #fff;
      list-style: none;
      margin: 0;
      padding: 0;
      color: #3c3c3c;
  }
  .pointer.docView .case-activity-option ul li{
      padding: 8px 0 8px 14px;
  }
   .show-more-option-comment-wrapper .attach-file-btn{
      background-color: #fff!important;
      color:#3c3c3c!important;
      border-radius: 19.5px;
      float: unset!important;
      margin: 0px!important;
      padding: 0px!important;
      font-family: 'Roboto', sans-serif;
      font-size: 10px;
      font-weight: normal!important;
      line-height: 1.2;
      letter-spacing: 0.6px;
  } 
  .pointer.docView .case-activity-option ul li:hover{
      color: #338e9e;
      background-color: rgba(75, 87, 214, 0.05);
      cursor: pointer;
      font-weight:500;
  }
  .addAttachmentWrapper .middle-section.for-edit{
      margin:10px 0px 0px 0px!important;
  }
  .pointer.docView .attach-date-td .date-txt:first-child {
    text-decoration: underline;
  }
  
  /* note type */
  .pointer.noteView .note-date-td .date-txt:first-child{text-decoration: underline;}
  .pointer.noteView .show-more-option-note-wrapper {
      position: relative;
      float: right;
      padding-right: 20px;
    }
    .pointer.noteView .show-more-option-icon {
        background: url('/images/icon_more_options_hex505050.svg') no-repeat;
        width: 17px;
        height: 4px;
        display: inline-block;
    }
    .pointer.noteView .note-activity-option{
        border-radius: 2px;
        box-shadow: 0 2px 8px 0 rgba(212, 212, 212, 0.5);
        border: solid 1px rgba(51,142,158,0.25);
        padding: 0;
        padding-top: 0px;
        padding-top: 0px;
        padding-top: 0px;
        padding-top: 0px;
        position: absolute;
        padding-top: 30px;
        width: 150px;
        text-align: left;
        right: -6px;
        top: -6px;
        z-index: 1111;
        background-color: #ffffff;
    }
    .pointer.noteView .note-activity-option img{
        position: absolute;
        top: 13px;
        right: 5px;
        opacity: 0.6;
        cursor: pointer;
        margin-top: 0px!important;
        padding-right:20px!important;
        margin-bottom:0px!important;
    }
    .pointer.noteView .note-activity-option ul{
        background-color: #fff;
        list-style: none;
        margin: 0;
        padding: 0;
        color: #3c3c3c;
    }
    .pointer.noteView .note-activity-option ul li{
        padding: 8px 0 8px 14px;
    }
     .show-more-option-comment-wrapper .attach-file-btn{
        background-color: #fff!important;
        color:#3c3c3c!important;
        border-radius: 19.5px;
        float: unset!important;
        margin: 0px!important;
        padding: 0px!important;
        font-family: 'Roboto', sans-serif;
        font-size: 10px;
        font-weight: normal!important;
        line-height: 1.2;
        letter-spacing: 0.6px;
    } 
    .pointer.noteView .note-activity-option ul li:hover{
        color: #338e9e;
        background-color: rgba(75, 87, 214, 0.05);
        cursor: pointer;
        font-weight:500;
    }
    .addAttachmentWrapper .middle-section.for-edit{
        margin:10px 0px 0px 0px!important;
    }
    .show-more-option-note-wrapper .journalist-note-btn{
      border-radius: unset!important;
      background-color: #fff!important;
      float: unset;
      margin: 0px!important;
      padding: 8px 0px 8px 14px!important;
      font-family: 'Roboto', sans-serif;
      font-size: 12px!important;
      font-weight: normal!important;
      line-height: 1.2;
      letter-spacing: 0.6px;
      color: #3c3c3c!important;
    }
    .show-more-option-note-wrapper .journalist-note-btn:hover{
      color: #338e9e!important;
      background-color: rgba(75, 87, 214, 0.05)!important;
      cursor: pointer;
      font-weight: 500!important;
    }
  
    /* template type */
  
    .pointer.templateContent .template-date-td .date-txt:first-child{text-decoration: underline;} 
    .pointer.templateContent .show-more-option-template-wrapper {
      position: relative;
      float: right;
      padding-right: 20px;
    }
    .pointer.templateContent .show-more-option-icon {
        background: url('/images/icon_more_options_hex505050.svg') no-repeat;
        width: 17px;
        height: 4px;
        display: inline-block;
    }
    .pointer.templateContent .template-activity-option{
        border-radius: 2px;
        box-shadow: 0 2px 8px 0 rgba(212, 212, 212, 0.5);
        border: solid 1px rgba(51,142,158,0.25);
        padding: 0;
        padding-top: 0px;
        padding-top: 0px;
        padding-top: 0px;
        padding-top: 0px;
        position: absolute;
        padding-top: 30px;
        width: 150px;
        text-align: left;
        right: -6px;
        top: -6px;
        z-index: 1111;
        background-color: #ffffff;
    }
    .pointer.templateContent .template-activity-option img{
        position: absolute;
        top: 13px;
        right: 5px;
        opacity: 0.6;
        cursor: pointer;
        margin-top: 0px!important;
        padding-right:20px!important;
        margin-bottom:0px!important;
    }
    .pointer.templateContent .template-activity-option ul{
        background-color: #fff;
        list-style: none;
        margin: 0;
        padding: 0;
        color: #3c3c3c;
    }
    .pointer.templateContent .template-activity-option ul li{
        padding: 8px 0 8px 14px;
    }
    .pointer.templateContent .template-activity-option ul li:hover{
      color: #338e9e !important;
      background-color: rgba(75, 87, 214, 0.05);
      cursor: pointer;
      font-weight:500;
  }
  .show-more-option-template-wrapper .form-btn-slet {
      width: unset!important;
      height: unset!important;
      border-radius: unset!important;
      border: none!important;
      display: block;
      text-align: left;
      font-family: 'Roboto', sans-serif!important;
      font-size: 12px!important;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: unset!important;
      letter-spacing: 0.2px!important;
      color: #3c3c3c!important;
      padding-top: 13px;
      float:unset;
    }
    .show-more-option-template-wrapper .form-btn-slet:hover{
      color: #338e9e!important;
      background-color: rgba(75, 87, 214, 0.05);
      cursor: pointer;
      font-weight:500;
    }
  
    .show-more-option-template-wrapper .form-btn-save-draft.for-edit {
      float: unset;
      margin-right: 0px !important;
      border-radius: unset;
      border: none;
      padding: 8px 10px;
      font-family: 'Roboto', sans-serif;
      font-size: 12px;
      font-weight: normal;
      line-height: unset !important;
      letter-spacing: 0.2px;
      color: #3c3c3c;
      background-color: #fff;
    }

    .case-number-menu-left .stamdata-underline{
        width: 120px;
        height: 3px;
        background-color: #fff;
        margin-left: 25px;
        margin-top:48px;
    }

    .case-number-menu-right .inlineblock.post-tab{
        padding-bottom: 12px;
        position: relative;
        cursor: pointer;
        float: left;
        top: 15px;
        left: 85px;
        width: 20%;
    }

    .case-number-menu-right .menu-tab{
        padding-top: 15px;
        background-color: #3c3c3c;
        padding-bottom: 12px;
        padding-left: 19px;
        position:relative;
        cursor:pointer;
    }
    .case-number-menu-right .menu-tab img{margin-right:19px;}
    .case-number-menu-right .menu-options{
        position:absolute;
        background-color:#3c3c3c;
        /* width:250px; */
        width:69%;
        z-index: 1111;
        /* margin-left:108px; */
        margin-left: 30.5%; /*29.5%;*/
    }
    .case-number-menu-right .menu-options ul{list-style:none;padding:0px;margin-bottom:0px;}
    .case-number-menu-right .menu-options ul li{
        color:#fff;
        font-size:10px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .case-number-menu-right .menu-options ul li a{
        color:#fff;
    }
    .case-number-menu-right .menu-options ul li .bell-icon{
        padding-right: 10px;
        padding-left: 15px;
        
    }
     
    .case-number-menu-right .menu-options ul li .huskeseddel-txt{
        /* padding-right: 98px; */
        /*padding-right:39%;*/
    }
    .case-number-menu-right .menu-options ul li .remark-icon{
        padding-right: 10px;
        padding-left: 15px;
    }
    .case-number-menu-right .menu-options ul li .remark-txt{
        /* padding-right: 125px; */
        padding-right:45%;
    }
    .case-number-menu-right .menu-options ul li .actor-icon{
        padding-right: 10px;
        padding-left: 15px;
    }
    .case-number-menu-right .menu-options ul li .actor-txt{
        /* padding-right: 160px; */
        padding-left:0%;
    }
    .case-number-menu-right .menu-options ul li .papirkurv-icon{
        padding-right: 10px;
        padding-left: 15px;
    }
    .case-number-menu-right .menu-options ul li .papirkurv-txt{
        padding-left: 0px;
    }
    .case-number-menu-right .menu-options ul li:hover{
        background-color:#606060;
        font-weight:bold;
        cursor: pointer;
    }
    .case-number-menu-right .menu-options ul li a:hover{
        text-decoration: none;
    }
    .case-number-menu-right .menu-options .menu-close{
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .case-number-menu-right .huskeseddel-underline{
        height: 3px;
        background-color: #fff;
    }
    .case-number-menu-right .comments-underline{
        height: 3px;
        background-color: #fff;
    }
    .case-number-menu-right .participant-underline{
        height: 3px;
        background-color: #fff;
    }
    .case-number-menu-right .recyclebin-underline{
        height: 3px;
        background-color: #fff;
    }
    .case-number-menu-right .tab-view{
        padding-top:13px;
        height:43px;
        margin-right:20px;
    }
    .case-number-menu-right .tab-view span{
        color:#fff;
        font-size:10px;
        padding-left:8px;
        padding-right:8px;
    }
    .case-number-menu-right .tab-view div{
        height:3px;
        background-color:#fff;
        margin-top:15px;
    }
    .case-number-menu-middle .status-underline{
        height: 3px;
        background-color: #fff;
        width:80px;
        margin-top:5px;
    }
    .cpr-menu-group-wrap .inlineblock{height:43px;}
    .cpr-menu-group-wrap .inlineblock .cpr-menu-txt{padding-top:20px;}
    .case-number-menu-right .menu-options .open-memo a{padding-top:18px;padding-bottom:19px;}
    .case-number-menu-right .menu-options .open-comments a{/*padding-right:36px;*/padding-top:16px;padding-bottom:17px;}
    .case-number-menu-right .menu-options .open-actor a{/*padding-right:60px;*/padding-top:17px;padding-bottom:18px;}

    .case-number-menu-right .menu-options .open-memo { position: relative; }
    .case-number-menu-right .menu-options .open-memo .menu-close { position: absolute; top: 0; right: 10%; }
    
    .navbar-nav.nav-left { width: 65%; }
    .baseSearch { padding-left: 25.6%; }
    
    @media only screen and (min-device-width: 1367px) and (max-device-width: 1800px){
        .case-number-menu-right .menu-options ul li .huskeseddel-txt{
            /*padding-right: 56%;*/
        }
         .navbar-nav .search-in-top{
            margin-left: 315px;
            margin-left: unset;
        } 
        .cpr-menu-group-wrap{
            /*padding-left: 297px;*/
        }
        .navbar-nav .search-in-top .search-inactive{
            left: 100%;
        }
        .navbar-nav .search-in-top .search-active{
            left: 100%;
        }
        .search-ad-participant.search-in-top #search-result{
            width: 100%;
        }
    }

    @media only screen and (min-device-width: 1801px) and (max-device-width: 1920px){
        .case-number-menu-right .menu-options ul li .huskeseddel-txt{
            /*padding-right: 59%;*/
        }
        .navbar-nav .search-in-top{
            margin-left: 375px;
            margin-left: unset;
        } 
        .cpr-menu-group-wrap{
            /*padding-left: 309px;*/
        }
        .navbar-nav .search-in-top .search-inactive{
            left: 100%;
        }
        .navbar-nav .search-in-top .search-active{
            left: 100;
        }
        .search-ad-participant.search-in-top #search-result{
            width: 51.6%;
        }
    }

    @media only screen and (min-device-width: 1921px){
        .case-number-menu-right .menu-options ul li .huskeseddel-txt{
            /*padding-right: 73.5%;*/
        }
         .navbar-nav .search-in-top{
            margin-left: unset;
        } 
        .cpr-menu-group-wrap{
            /*padding-left: 502px;*/
        }
        .navbar-nav .search-in-top .search-inactive{
            left: 100%;
        }
        .navbar-nav .search-in-top .search-active{
            left: 100%;
        }
        .search-ad-participant.search-in-top #search-result{
            width: 31.9%;
            margin-left:765px;
        } 
    }
    .createSkaleringWrapper.edit table .help-img img{
        margin-left: 3px;
        margin-bottom: 2px;
    }
    .pointer.skaleringView .show-more-option-skale-wrapper {
        position: relative;
        float: right;
        padding-right: 20px;
    }
    .pointer.skaleringView .show-more-option-icon {
        background: url('/images/icon_more_options_hex505050.svg') no-repeat;
        width: 17px;
        height: 4px;
        display: inline-block;
    }
    .pointer.skaleringView .skale-activity-option {
        border-radius: 2px;
        box-shadow: 0 2px 8px 0 rgba(212, 212, 212, 0.5);
        border: solid 1px rgba(51,142,158,0.25);
        padding: 0;
          padding-top: 0px;
        padding-top: 0px;
        padding-top: 0px;
        padding-top: 0px;
        padding-top: 0px;
        position: absolute;
        padding-top: 30px;
        width: 150px;
        text-align: left;
        right: -6px;
        top: -6px;
        z-index: 1111;
        background-color: #ffffff;
    }
    .pointer.skaleringView .skale-activity-option img {
        position: absolute;
        top: 13px;
        right: 5px;
        opacity: 0.6;
        cursor: pointer;
        margin-top: 0px !important;
        padding-right: 20px !important;
        margin-bottom: 0px !important;
    }
    .pointer.skaleringView .skale-activity-option ul {
        background-color: #fff;
        list-style: none;
        margin: 0;
        padding: 0;
        color: #3c3c3c;
    }
    .pointer.skaleringView .skale-activity-option ul li {
        padding: 8px 0 8px 14px;
    }
    .pointer.skaleringView .skale-activity-option ul li:hover {
        color: #338e9e;
        background-color: rgba(75, 87, 214, 0.05);
        cursor: pointer;
        font-weight: 500;
    }
    .pointer.skaleringView .skale-activity-option img {
        position: absolute;
        top: 13px;
        right: 5px;
        opacity: 0.6;
        cursor: pointer;
        margin-top: 0px !important;
        padding-right: 20px !important;
        margin-bottom: 0px !important;
    }
    .show-more-option-note-wrapper .backToDraft, .show-more-option-case-wrapper .backToDraft, .show-more-option-template-wrapper .backToDraft{
        float: unset;
        margin-right: 0px;
        border-radius: unset;
        border: none;
        padding: 0px;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.4;
        letter-spacing: 0.2px;
        color: #3c3c3c;
        display: block;
        width: unset;
        text-align: left;
        cursor: pointer;
        margin-top:0px;
      }

      .deleteSkaleringPopup .delete-skalering-btn {
        text-align: center;
        width: 99px;
        margin: 40px auto;
        text-transform: uppercase;
        border-radius: 19.5px;
        background-color: #338e9e;
        font-family: 'Roboto', sans-serif;
        font-size: 10px;
        font-weight: 500;
        line-height: 1.2;
        letter-spacing: 0.6px;
        color: #ffffff;
        padding: 13px 15px 14px 15px;
        cursor:pointer;
      }

      .case-number-menu-right .menu-tab .menu-active{
          margin-right:16px!important;
      }
      .datePickerAttachmentReminder .default-delete-text {
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 1.09;
        letter-spacing: 0.6px;
        color: #338e9e;
        cursor: pointer;
        text-align: center;
        text-decoration: underline;
      }

      .section-can-trash-content .data-list{padding-left:0px!important;padding-right:0px!important;}
      .share_activity_popup .btn-section{float:right;}
      .share_activity_popup .share-pdf{
        color: #fff!important;
        border: unset !important;
        background-color: #338e9e;
        float:left;
        width: 89px;
        height: 33px;
        border-radius: 19.5px;
        display: inline-block;
        text-align: center;
        font-family: "Roboto";
        font-size: 10px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 0.6px;
        padding: 10px 23px 10px 23px;
        cursor: pointer;
        margin-right:15px;
      }
      .share_activity_popup .open-share{
        color: #338e9e;
        width: 89px;
        height: 33px;
        border-radius: 19.5px;
        border: solid 1px #338e9e;
        display: inline-block;
        text-align: center;
        font-family: "Roboto";
        font-size: 10px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: 0.6px;
        padding: 10px 23px 10px 23px;
        cursor: pointer;
        float: right;
      }
      .share_activity_popup .section-one{
          padding-bottom:30px;
          padding-top:30px;
      }

      .datePickerAttachmentReminder label {
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 20px;
        color: #3c3c3c;
        width: 100%;
        margin: 20px auto 30px auto;
        text-align: center;
        line-height: 0.6;
      }
      .datePickerAttachmentReminder .border {
        width: 100%;
        clear: both;
        border-radius: 2px;
        border: solid 1px #e5e5e5;
        padding: 20px;
          padding-top: 20px;
        padding-top: 25px;
      }
      .datePickerAttachmentReminder {
        left: 343px;
        top: 6%;
        padding: 20px 87px 20px 87px;
        background-color: #ffffff;
        width: 498px;
        position: absolute;
        z-index: 10;
      }
      .datePickerSkabelonReminder {
        left: 343px;
        top: 6%;
        padding: 20px 87px 20px 87px;
        background-color: #ffffff;
        width: 498px;
        position: absolute;
        z-index: 10;
      }
      .datePickerSkabelonReminder label {
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 20px;
        color: #3c3c3c;
        width: 100%;
        margin: 20px auto 30px auto;
        text-align: center;
        line-height: 0.6;
      }
      .datePickerSkabelonReminder .border {
        width: 100%;
        clear: both;
        border-radius: 2px;
        border: solid 1px #e5e5e5;
        padding: 20px;
        padding-top: 20px;
        padding-top: 20px;
        padding-top: 25px;
      }
      .datePickerSkabelonReminder .default-delete-text {
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 1.09;
        letter-spacing: 0.6px;
        color: #338e9e;
        cursor: pointer;
        text-align: center;
        text-decoration: underline;
      }

      .datePickerSkabelonReminder {
        left: 343px;
        top: 6%;
        padding: 20px 87px 20px 87px;
        background-color: #ffffff;
        width: 498px;
        position: absolute;
        z-index: 10;
      }
      .datePickerSkabelonReminder label {
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 20px;
        color: #3c3c3c;
        width: 100%;
        margin: 20px auto 30px auto;
        text-align: center;
        line-height: 0.6;
      }
      .datePickerSkabelonReminder .border {
        width: 100%;
        clear: both;
        border-radius: 2px;
        border: solid 1px #e5e5e5;
        padding: 20px;
        padding-top: 20px;
        padding-top: 20px;
        padding-top: 25px;
      }
      .datePickerSkabelonReminder .default-delete-text {
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 1.09;
        letter-spacing: 0.6px;
        color: #338e9e;
        cursor: pointer;
        text-align: center;
        text-decoration: underline;
      }

      /*skalering reminder*/
      .datePickerSkaleringReminder {
        left: 343px;
        top: 6%;
        padding: 20px 87px 20px 87px;
        background-color: #ffffff;
        width: 498px;
        position: absolute;
        z-index: 10;
      }
      .datePickerSkaleringReminder label {
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 20px;
        color: #3c3c3c;
        width: 100%;
        margin: 20px auto 30px auto;
        text-align: center;
        line-height: 0.6;
      }
      .datePickerSkaleringReminder .border {
        width: 100%;
        clear: both;
        border-radius: 2px;
        border: solid 1px #e5e5e5;
        padding: 20px;
        padding-top: 20px;
        padding-top: 20px;
        padding-top: 25px;
      }
      .datePickerSkaleringReminder .default-delete-text {
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 1.09;
        letter-spacing: 0.6px;
        color: #338e9e;
        cursor: pointer;
        text-align: center;
        text-decoration: underline;
      }

      .datePickerSkaleringReminder {
        left: 343px;
        top: 6%;
        padding: 20px 87px 20px 87px;
        background-color: #ffffff;
        width: 498px;
        position: absolute;
        z-index: 1002;
      }
      .datePickerSkaleringReminder label {
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 20px;
        color: #3c3c3c;
        width: 100%;
        margin: 20px auto 30px auto;
        text-align: center;
        line-height: 0.6;
      }
      .datePickerSkaleringReminder .border {
        width: 100%;
        clear: both;
        border-radius: 2px;
        border: solid 1px #e5e5e5;
        padding: 20px;
        padding-top: 20px;
        padding-top: 20px;
        padding-top: 25px;
      }
      .datePickerSkaleringReminder .default-delete-text {
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 1.09;
        letter-spacing: 0.6px;
        color: #338e9e;
        cursor: pointer;
        text-align: center;
        text-decoration: underline;
      }
    
    .createNoteWrapper .middle-section .note-textarea{float: none!important;}
    .title-data-note{margin-left:-61px;}
    .new-jornalize-divider{margin-left: -68px; margin-right: -67px;}

    .familymember#dtsChild .sibling-info-popup {width: 130px;padding: 11px 20px 0 10px;margin-top: -16px;/*margin-right: -8px;*/}
    #dtsChild .sibling-info-popup,.sibling-info-popup-close {    position: absolute;
        right: 10px;
        top: 7px;
    }
    #dtsChild .sibling-info-popup{width: 300px; padding: 35px 20px 6px!important; margin-top: 2px!important; margin-left: 0px; margin-right: -70px;position: absolute;height:auto;background-color: #ffffff;z-index: 9;text-align: left;box-shadow: 0 2px 8px 0 rgba(212, 212, 212, 0.5);} 
    /* for note css */
    .noteDetailView .note-textarea .notearea_date{
        float:left;
        margin-top:-18px;
        padding-right:10px;
        padding-top: 10px;
        border-bottom: 1px solid #338E9E;
        color: #338E9E;
        width: 5em !important;
        font-size: 12px !important;
        cursor:pointer;
    }
    .noteDetailView .note-textarea .title-data-note span{
        border-bottom: none !important;
        color: #000 !important;
    }
    .noteDetailView .note-textarea .notearea_user{
        float:left;
        margin-top:-18px;
        padding-right:110px;
        /* padding-left:150px; */
        padding-top: 10px;
        color: #000 !important;
        font-size: 12px !important;
    
    }
    .noteDetailView .note-textarea .notearea_delete{
        float:right;
        margin-top:-18px;
        padding-top:10px;
        border-bottom: 2px solid #338E9E;
    }
    .noteDetailView .note-textarea .notearea_delete a{
        color: #338E9E !important;
    }
    .note-textarea .textareadiv p{
        margin-top: 0px !important;
    }
    .noteDetailView .note-textarea .notearea_user span{
    border-bottom: 1px solid #000 !important;
    }
    
    .noteDetailView .notearea_date{
        float:left;
        margin-top:-18px;
        padding-right:10px;
        padding-top: 30px;
        border-bottom: 1px solid #61B5C4;
        color: #338E9E;
        width: 5em !important;
        font-size: 12px !important;
    
    }
    .noteDetailView .notearea_user{
        float:left;
        margin-top:-18px;
        padding-right:110px;
        padding-left:65px;
        padding-top: 30px;
        color: #000 !important;
        font-size: 12px !important;
    
    }
    .noteDetailView .notearea_user span{
        border-bottom: 1px solid #000 !important;
    }
    .noteDetailView .multiple-note-hr {
        position :absolute;
        width: 99.2%;
        bottom:35px;
        border-bottom:1px solid #cfcccc;
        margin-right: 30px;
    }
    .noteDetailView .note-textarea li{
        display: inline-block!important;
    }
    .noteDetailView .note-textarea ul{
        list-style-type: none !important;
    }
    .share_popup {z-index: 1010;}
    .case-detail-view .search-ad-participant #search-result {width: 100%;}
    #renderCanTrashData {z-index: 1010;}
    .create-new-case-memo-content {z-index: 1010;}
    .confirm_share_popup {z-index: 1010;}

    .overview-page table .name-col-dashboard {padding: 11px 8px 11px 30px!important;}

    .pointer.vedhaft .show-more-option-note-wrapper {
        position: relative;
        float: right;
        padding-right: 20px;
      }
    .pointer.vedhaft .show-more-option-icon {
        background: url('/images/icon_more_options_hex505050.svg') no-repeat;
        width: 17px;
        height: 4px;
        display: inline-block;
    }
    .pointer.vedhaft .note-activity-option{
        border-radius: 2px;
        box-shadow: 0 2px 8px 0 rgba(212, 212, 212, 0.5);
        border: solid 1px rgba(51,142,158,0.25);
        padding: 0;
        padding-top: 0px;
        padding-top: 0px;
        padding-top: 0px;
        padding-top: 0px;
        position: absolute;
        padding-top: 30px;
        width: 150px;
        text-align: left;
        right: -6px;
        top: -6px;
        z-index: 1111;
        background-color: #ffffff;
    }
    .pointer.vedhaft .note-activity-option img{
        position: absolute;
        top: 13px;
        right: 5px;
        opacity: 0.6;
        cursor: pointer;
        margin-top: 0px!important;
        padding-right:20px!important;
        margin-bottom:0px!important;
    }
    .pointer.vedhaft .note-activity-option ul{
        background-color: #fff;
        list-style: none;
        margin: 0;
        padding: 0;
        color: #3c3c3c;
    }
    .pointer.vedhaft .note-activity-option ul li{
        padding: 8px 0 8px 14px;
    }
        .show-more-option-comment-wrapper .attach-file-btn{
        background-color: #fff!important;
        color:#3c3c3c!important;
        border-radius: 19.5px;
        float: unset!important;
        margin: 0px!important;
        padding: 0px!important;
        font-family: 'Roboto', sans-serif;
        font-size: 10px;
        font-weight: normal!important;
        line-height: 1.2;
        letter-spacing: 0.6px;
    } 
    .pointer.vedhaft .note-activity-option ul li:hover{
        color: #338e9e;
        background-color: rgba(75, 87, 214, 0.05);
        cursor: pointer;
        font-weight:500;
    }

    .pointer.vedhaft .show-more-option-case-wrapper {
        position: relative;
        float: right;
        padding-right: 20px;
        }
        .pointer.vedhaft .show-more-option-icon {
            background: url('/images/icon_more_options_hex505050.svg') no-repeat;
            width: 17px;
            height: 4px;
            display: inline-block;
        }
        .pointer.vedhaft .case-activity-option{
            border-radius: 2px;
            box-shadow: 0 2px 8px 0 rgba(212, 212, 212, 0.5);
            border: solid 1px rgba(51,142,158,0.25);
            padding: 0;
            padding-top: 0px;
            padding-top: 0px;
            padding-top: 0px;
            padding-top: 0px;
            position: absolute;
            padding-top: 30px;
            width: 150px;
            text-align: left;
            right: -6px;
            top: -6px;
            z-index: 1111;
            background-color: #ffffff;
        }
        .pointer.vedhaft .case-activity-option img{
            position: absolute;
            top: 13px;
            right: 5px;
            opacity: 0.6;
            cursor: pointer;
            margin-top: 0px!important;
            padding-right:20px!important;
            margin-bottom:0px!important;
        }
        .pointer.vedhaft .case-activity-option ul{
            background-color: #fff;
            list-style: none;
            margin: 0;
            padding: 0;
            color: #3c3c3c;
        }
        .pointer.vedhaft .case-activity-option ul li{
            padding: 8px 0 8px 14px;
        }
        .pointer.vedhaft .case-activity-option ul li:hover{
        color: #338e9e;
        background-color: rgba(75, 87, 214, 0.05);
        cursor: pointer;
        font-weight:500;
    }
    .noteDetailView .note-textarea .notearea_date.no-note{margin-top:-33px;}
    .noteDetailView .note-textarea .notearea_user.no-note{margin-top:-31px;padding-left: 128px;}
    .skalering-circle a{
        padding: 0px !important;
        color: #fff;
    }
    .overview-page #myTableId_5 .skalering-circle, .overview-page #myTableId_2 .skalering-circle{
        cursor: pointer;
        margin-top: 11px;
        margin-bottom: 11px;
        display:inline-block;
    }
    .overview-page #myTableId_5 .empty-anchor, .overview-page #myTableId_2 .empty-anchor{
        padding: 0px !important;
        float: left;
        width: 17%;
        height: 42px;
    }
    .overview-page #myTableId_5 .empty-span, .overview-page #myTableId_2 .empty-span{
        width: 100%;
        display: inline-block;
        height:100%;
    }
    .overview-page #myTableId_5 .empty-anchor2, .overview-page #myTableId_2 .empty-anchor2{
        padding: 0px !important;
        float: right;
        width: 74%;
        height: 42px;
    }
    .overview-page #myTableId_5 .empty-span2, .overview-page #myTableId_2 .empty-span2{
        width: 100%;
        display: inline-block;
        height:100%;
    }
    .overview-page #myTableId_5 .no-skalering-circle, .overview-page #myTableId_2 .no-skalering-circle{
        display: inline-block;
    }
    .overview-page #myTableId_5 td.age-col a, .overview-page #myTableId_5 .update-date a, .overview-page #myTableId_2 td.age-col a, .overview-page #myTableId_2 .accessed-date a{padding-left:8px!important;}
    .overview-page #myTableId_5 .skalering-circle-wrapper, .overview-page #myTableId_2 .skalering-circle-wrapper{
        display: inline-block;
        width:8.8%;
    }
    
    .post-notification-icon {
        position: absolute;
        width: 6px;
        height: 6px;
        background-color: #4bd697;
        border-radius: 50%;
        left: -15px; 
        right: 87px;
        top: 6px;
        z-index: 1;
        border: 2px solid #414141;
        padding: 3px;
    }
    .post-notification-cnt{
        font-size: 10px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        display: inline-block;
        position: absolute;
        left: 35px;
        bottom: 0px;
        top: 5px;
    }
    @-moz-document url-prefix() {
        .case-number-menu-right .menu-options{
            margin-left:31%;
        }
    }