.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,.createSkaleringWrapper.add .left-side{
    float:left;
}
.createSkaleringWrapper.edit .right-side,.createSkaleringWrapper.add .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,.createSkaleringWrapper.add table{
    margin-top: 10px;
}
.createSkaleringWrapper.edit table .col-one,.createSkaleringWrapper.add table .col-one{
    padding-left: 1px;
    width: 70%;
    padding-top: 0px;
}
.createSkaleringWrapper.edit table .col-one img,.createSkaleringWrapper.add table .col-one img{margin-left:5px;margin-bottom:2px;}
.createSkaleringWrapper.edit table .col-two, .createSkaleringWrapper.add 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:8px;
}

/*toggle switch*/
.switch6{border-radius:19.5px;background-color: #f2f2f4;width:310px;margin-left: 0;}
.switch6 .btn-primary{border-radius:19.5px;background-color: #368126!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;height:30px;padding-top:0px; }
.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: 0px;
    display: block;
    position: absolute;
    z-index: 7;
 }
 .skaleringContent .ruler-col-div{
    margin-left:50px;
}
#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/grey_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,.createSkaleringWrapper.add{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{
    position: absolute;
    padding-top: 19px;
    width: 45%;
    padding-left:9.3%;
}

.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 .skalering-heading-tr { position: relative; }
.createSkaleringWrapper.edit .scale-heading-title,.createSkaleringWrapper.add .scale-heading-title{
    position:absolute;
    padding-top:19px;
    padding-left:9.3%;
    width:45%;
}
.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;
}

.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,.createSkaleringWrapper.add 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;}

    .createSkaleringWrapper.edit table .help-img img,.createSkaleringWrapper.add 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;
    }


      .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;
      }

      /*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;
      }
    
    
.skaleringType_option { /*padding-right: 150px;*/display:inline-block;width:26.4%;}
.skaleringType_option .dropdown-wrapper { /*padding-right: 150px;*/ width: 100%; position: relative;padding-top:10px;}
.skaleringType_option .dropdown-wrapper #skaleringType {  width: 100%; text-transform: none;cursor: pointer;}
.skaleringType_option .dropdown-wrapper .dropdown-skalering-option  { top: 45px; border-radius: 2px; box-shadow: 0 2px 8px 0 rgba(165, 174, 232, 0.5); border: solid 1px #9ac092; background-color: #ffffff;width: 100%;  position: absolute;z-index:10; }
.skaleringType_option .dropdown-wrapper .dropdown-skalering-option li { font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 0.86; letter-spacing: 0.4px; color: #3c3c3c; list-style: none; padding: 9px 0 9px 20px; width: 250px; cursor: pointer; }

.newScalingFormTr { margin-top: 200px;}
.newScalingFormTr .comment-wrap { width: 100%; display: block;}
.newScalingFormTr .comment-span { width: 46.7%; display: inline-block; float: left;}
.newScalingFormTr .comment-span .comment-title { width: 100%; padding-bottom: 10px; padding-left: 21px; font-weight: 500; display: inline-block;}
.newScalingFormTr .comment-span .comment-text {width: 92.9%;float: left;margin: 0 0px 0 0px;  border-radius: 2px;border: solid 1px #e5e5e5;background-color: #ffffff;padding: 9px 28px 10px 21px;outline: none;cursor:pointer;}
.newScalingFormTr .save-new-skalering, .newScalingFormTr  .save-edit-skalering {color: #ffffff;
    padding: 10px 0px 10px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    border-radius: 25px;
    background-color: #9AC092;
    margin-top: 36px;
    margin-left: 5%;
    float:left;
    text-align: center;
    width:120px;
}
.newScalingFormTr .save-new-skalering.active, .newScalingFormTr .save-edit-skalering.active {    background-color: #368126; cursor: pointer;}

.newScalingFormTr .cancel-edit-skalering {
    color: #368126;
    padding: 10px 0px 10px 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.6px;
    border-radius: 25px;
    margin-top: 36px;
    margin-left: 1%;
    float:left;
    text-align: center;
    width:120px;
    background-color: #ffffff; 
    cursor: pointer;
    border: 1px solid #368126;
}

.skaleringGradeList tr {height:37px;}
.skaleringGradeList th { }
.skaleringGradeList tr td  {padding: 8px; line-height: 1.42857143; vertical-align: top; color: #3c3c3c; background-color: rgb(228, 228, 233);font-size:12px;}
.skaleringType_option .dropdown-wrapper #skaleringType{
    margin-bottom:0px;
    margin-top:0px;
}
.skalering-pdf-print tr{border:none!important;}
.skaleringType_option .dropdown-wrapper .collapse-arrow{top:20px;}
.skaleringType_option .dropdown-wrapper .dropdown-skalering-option li:hover{
    color: #005826;
    background-color: #CDDFC9!important;
}
.createSkaleringWrapper.edit .ruler-col,.createSkaleringWrapper.add .ruler-col{padding-left:0px;}
.skaleringContent .td-attachWrap{padding-bottom: 30px;}
.skaleringListTable{margin-bottom:0px;}
.skaleringListTable th{
    padding-top:30px!important;
    background-color:#fff!important;
}
.skaleringListTable td:first-child, .skaleringListTable th:first-child{padding-left:21px!important;}
.skaleringListTable .th-one{width: 18%;}
.skaleringListTable .th-two{width: 15%;}
.skaleringListTable .th-three{width: 10%;}
.skaleringListTable .th-four{width: 47%;}
.skaleringListTable .th-five{width: 10%;}
.skaleringGradeList .skaleringListTable{margin-bottom:0px!important;}
.show-more-option-skalering-wrapper {
    position: relative;
    float: right;
    padding-right: 10px;
    top: 0px;
}
.show-more-option-skalering-wrapper .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-skalering-wrapper .skalering-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: 124px;
    text-align: left;
    right: 0px;
    top: 0px;
    z-index: 1111;
    background-color: #ffffff;
    border: solid 1px #368126 !important;
    cursor:pointer;
}
.show-more-option-skalering-wrapper .skalering-option img {
    padding-right: 10px;
    float:right;
}
.show-more-option-skalering-wrapper .skalering-option ul {
    background-color: #fff;
    list-style: none;
    margin: 0;
      margin-top: 0px;
    padding: 0;
    color: #3c3c3c;
}
.show-more-option-skalering-wrapper .skalering-option ul li {
    padding: 8px 0 8px 14px;
}
.show-more-option-skalering-wrapper .skalering-option ul li:hover {
    background-color: #CDDFC9;
    cursor: pointer;
}
.delete_grade_popup {
    padding: 20px 17px 20px 17px;
    background-color: #ffffff;
    width: 400px;
    z-index: 10;
    height: 181px;
}
.delete_grade_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_grade_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_grade_popup .message {
    text-align: center;
    font-size: 16px;
}
.delete_grade_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;
}

.delete_skalering_popup {
    padding: 20px 17px 20px 17px;
    background-color: #ffffff;
    width: 500px;
    z-index: 10;
    height: 181px;
}
.delete_skalering_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_skalering_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_skalering_popup .message {
    text-align: center;
    font-size: 16px;
}
.delete_skalering_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;
    text-transform: uppercase;
}
.show-more-option-skalering-activity-wrapper {
    position: relative;
    float: right;
    padding-right: 20px;
}
.show-more-option-skalering-activity-wrapper .show-more-option-icon {
    background: url(/images/icon_more_options_hex505050.svg) no-repeat;
    width: 17px;
    height: 4px;
    display: inline-block;
    cursor: pointer;
    margin-top: 9px;
    margin-bottom: 25px;
}
.show-more-option-skalering-activity-wrapper .skalering-option {
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgba(212, 212, 212, 0.5);
    border: solid 1px #368126;
    padding: 0;
    position: absolute;
    padding-top: 30px;
    width: 150px;
    text-align: left;
    right: -6px;
    top: -6px;
    z-index: 1111;
    background-color: #ffffff;
}
.show-more-option-skalering-activity-wrapper .skalering-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-skalering-activity-wrapper .skalering-option ul {
    background-color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #3c3c3c;
}
.show-more-option-skalering-activity-wrapper .skalering-option ul li {
    padding: 8px 0 8px 14px;
}
.show-more-option-skalering-activity-wrapper .skalering-option ul li:hover {
    background-color: #CDDFC9;
    cursor: pointer;
    font-weight: 500;
}
.no-show{display:none!important;}
.moder-activity-loadwait-popup{
    padding: 40px 17px 20px 17px;
    background-color: #ffffff;
    width: 400px;
    z-index: 10;
    height: 160px;
    position: fixed;
}
.moder-activity-loadwait-popup label {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 0.6;
    color: #3c3c3c;
    width: 100%;
    margin: 16px auto 30px auto;
    text-align: center;
}
.moder-activity-loadwait-popup .load-icon{
    text-align: center;
}

.ruler-overlay {
    position: absolute;
    z-index: 9999;
/*    background-color: rgba(0, 0, 0, 0.7);*/
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.5;
}
.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;
    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!important;
}
.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: #005826;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;}
.createNoteWrapper .middle-section .note-textarea{float: none!important;}
.title-data-note{margin-left:-61px;}
.new-jornalize-divider{margin-left: -68px; margin-right: -67px;}