html { font-size: 125%; }



h1 img, #welcome img {
    float: right;
    margin: 0 25px 0 25px;
}

body {
    font-size: 50%;
    font-family: Arial, Helvetica, sans-serif;
    background: url(/PageUi/Img/bg-body.jpg) repeat-x;
    background-color: #D0D4AE;
    margin: 0;
    overflow-y: overlay;
    /*overflow-y: scroll;*/
}


form {
    border: 1px solid #999966;
    margin: 5px auto;
    padding: 5px;
    width: 99em;
    background-color: #FFF;
    position: relative;
}

h2, h3 { margin: 1em 0; }

h5 { margin: 0.5em 0; }

blockquote {
    padding: 0;
    margin: 0;
}

#login {
    background-color: #FFF;
    padding: 10px;
    border: 1px solid #CCC;
    background: #FFF url(/PageUi/img/bgFrame.jpg) repeat-x scroll 0 0;
    margin-bottom: 10px;
}

#login label { display: block; }

.demo, .order {
    background-color: #FFF;
    padding: 10px;
    margin-bottom: 10px;
}

.order a, .demo a {
    font-size: 1.2em;
    padding: 7px 10px 10px 30px;
    background: #FFF url(/PageUi/img/Icons/btnCircle.gif) no-repeat scroll 0 0;
}


#login label { display: block; }


#login input { margin-bottom: 6px; }

/* reset */

ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}
/* end reset */

ol li { list-style: decimal outside none; }



ul#my-rrs {
    background-image: url(/PageUI/Img/bg-header.jpg);
    background-position: 0 0;
    background-repeat: round;
    height: 190px;
    list-style: none;
}

ul#my-rrs li {
    padding: 5em 0.2em;
    display: inline;
    border: 0;
    float: Right;
}

ul#my-rrs li a { color: #000; }

#branches ul {
    overflow: hidden;
    position: absolute;
    left: 5px;
    top: 5px;
    margin: auto;
}

#branches p strong {
    overflow: hidden;
    position: absolute;
    width: max-content;
    left: 20px;
    top: 150px;
    margin: auto;
    font-weight: normal;
    font-size: 2.0em;
    color: #FFF;
}

#loggedin-content {
    position: relative;
    top: 80px;
    right: 10px;
}

#branches ul li {
    float: left;
    margin-right: 0.2em;
    color: #FFF;
    padding: 0.2em 0.3em;
    margin-bottom: 3px;
    border-right: 1px solid #FFF;
}

#branches ul li a {
    text-decoration: none;
    color: #FFF;
}

#branches p {
    display: inline;
    font-style: Italic;
    margin: px;
}

#branches strong { font-size: 1.4em; }

#main-content {
    overflow: hidden;
    width: 100%;
}

#side-bar {
    border: 0 none;
    float: left;
    margin: 0;
    padding: 0;
    width: 25em;
}

#side-bar li {
    border-bottom: 1px solid #CCC;
    padding: 0.5em 0;
    width: auto;
}

#side-bar a { text-decoration: none; }

#primary {
    background-color: #fff;
    width: 81em;
    float: right;
    font-family: Verdana;
    font-size: .9em;
    line-height: 2em;
    padding: 1em 0;
}

#primary .help-section h2,
#primary .help-section h3,
#primary h4 {
    color: #003333;
    font-family: Georgia;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
}

#news { margin: 10px 10px 0 0; }

#NewsArchiveAnchor { font-style: Italic; }

#calendar {
    border: 1px solid #CCC;
    padding: 10px;
    margin: 10px 10px 0 0;
    background: url(/PageUi/Img/bg-frame.png) repeat-x;
}

#calendar ul { clear: both; }

#calendar ul.views li {
    float: left;
    padding-right: 1em;
    font-style: Italic;
    color: #ccc;
}

.with-button {
    text-align: right;
    padding-right: 1em;
}

.with-button input { width: auto; }

.help-section,
.activity,
.activity ul {
    clear: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

.activity { margin-left: -2em; }

.activity ul li { padding: 1em 0 1em 1em; }

.activity li.group { padding: 0 0 0 1.5em; }

.activity li.group h4 {
    width: 77%;
    margin: 1em 0 0 0;
}

.activity li.paragraph {
    margin: 0 0 20px;
    padding: 0;
}

.activity li.paragraph .inure-block {
    margin: 0 0 20px -10px;
    padding: 0;
    
    border-left: 2px solid #999999;

    padding: 0 0 0 10px;
}


.activity li.paragraph th,
.activity li.paragraph td { font-size: 0.9em; }

/*Table styles*/
.activity .tabell-1 th {
    background-color:  #eee;
    vertical-align: bottom;
}

.activity .tabell-1 th,
.activity .tabell-1 td {
    border: 1px dotted #ccc;
}

#DefinitionContent { font-size: 12px; }

#DefinitionContent .close {
    font-size: 12px;
    display: block;
    text-align: right;
}

.help-section-description,
#DefinitionContent p { font-size: 12px; }

.help-section-description,
.statute-definition,
.group-definition,
.report-description {
    background-color: #FFFFCC;
    border: 1px solid #336633;
    clear: both;
    margin: 10px 0 8px;
    padding: 8px;
}

.hidden-paragraph .paragraph-content {
    color: #999;
    text-decoration: line-through;
}

.hidden-paragraph a { color: #999; }

.expires {
    color: #CCC;
    text-decoration: line-through;
}

.expires a { color: #CCC; }

.expires a.definition { border-bottom: 1px dotted #CCC; }

#toc {
    border: 1px solid #999966;
    padding: 10px;
    margin-top: 5px;
}

#toc h3 {
    font-family: Georgia;
    font-size: 1.8em;
    font-weight: normal;
}


#toc a {
    color: #000;
    font-family: Georgia;
    font-size: 1.1em;
    line-height: 1.5em;
    text-decoration: none;
}

#toc li { padding: 0; }

.comments-block {
    overflow: hidden;
    overflow: hidden;
    margin-top: 3px;
    margin-bottom: 10px;
}

.deviation-container,
.comment-container {
    border: 0.5px solid #b7b7b7;
    clear: both;
    width: 500px;
    margin: 0 0 10px
}

div.comment-open { background-position: 4px -30px; }

.deviation-container h5,
.comment-container h5 { font-style: italic; }

.deviation-container .comment,
.comment-container .comment { margin: 10px; word-break: break-word; }

.deviation-container .comment-editor,
.comment-container .comment-editor {
    background-color: #D4D0C8;
    border: 1px solid #336633;
    margin: 1em;
    overflow: hidden;
    width: 450px;
}

.deviation-container .comment-editor .mceLayout,
.comment-container .comment-editor .mceLayout { width: 450px !important; }

    .deviation-container .comment-editor input,
    .comment-container .comment-editor input {
        float: right;
        margin: 10px 10px 10px;
    }

.with-button {
    text-align: right;
    padding-right: 1em;
}

.critical-rule-marker {
    font-weight: bold;
    color: #990000;
    font-style: italic;
    text-indent: -500px;
}

.critical-paragraph, .critical-paragraph a { color: #990000; }


div.paragraph-options,
div.group-options {
    border: 1px solid #ccc;
    background-color: #fff;
    background-image: url(/pageUI/img/toggle-open-close.png);
    background-position: -38px 9px;
    background-repeat: no-repeat;
    float: right;
    margin: 0 0 0 5px;
    padding: 0;
}

div.paragraph-options {
    padding: 5px 0;
}

div.paragraph-options li,
div.group-options li {
    padding: 2px 8px 3px 1px;
    margin: 0;
}


div.paragraph-options a,
div.group-options a {
    color: #333;
    font-size: 0.8em;
    display: block;
}

div.group-options { margin-top: -20px; }

div.open { background-position: 4px -33px; }

div.paragraph-options ul.paragraph-options,
div.group-options ul.group-options {
    overflow: hidden;
    margin-bottom: 10px;
}

.paragraph-options a,
.group-options a { }

.paragraph-options h5,
.group-options h5 {
    cursor: pointer;
    padding-left: 15px;
    padding-right: 8px;
    font-size: 0.8em;
}

.paragraph-options h5 { margin: 0; }

.js .paragraph-options h5,
.js .group-options h5 { cursor: pointer; }

li.highlited { outline: 1px dashed green; }

.critical-rule-marker {
    font-weight: 700;
    color: Red;
}

a.definition {
    background-color: #FFFFCC;
    text-decoration: none;
    border-bottom: 1px dotted green;
}

a.edit-group {
    background: transparent url(/PageUI/Img/Icons/Editgroup.png) no-repeat 0 0;
    padding-left: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
}

a.edit-deviation {
    background: transparent url(/PageUI/Img/Icons/Impostion.png) no-repeat 0 0;
    padding-left: 35px;
    padding-top: 15px;
}

a.edit-comment {
    background: transparent url(/PageUI/Img/Icons/Comment.png) no-repeat 0 0;
    padding-left: 35px;
    padding-top: 18px;
}

a.hide-paragraph {
    background: transparent url(/PageUI/Img/Icons/Block.png) no-repeat 0 0;
    padding-left: 20px;
    padding-top: 0;
}

a.mark-critical,
a.unmark-critical {
    background: transparent url(/PageUI/Img/Icons/Critical.png) no-repeat 0 0;
    padding-left: 20px;
    padding-top: 0;
}

.critical-rule-marker {
    background: transparent url(/PageUI/Img/Icons/Critical-large.png) no-repeat 0 0;
    padding-left: 25px;
    padding-top: 0;
    padding-bottom: 10px;
}


.edit-list {
    font-size: .8em;
    width: 100%;
}


.report .group { padding: 0 10px; }

.report .group-definition { display: none; }

.report h3 { margin-bottom: 1em; }

.report h4 {
    padding: 0;
    margin: 0;
}


.report .group-definition {
    background-color: #FFF;
    border: none;
    font-style: Italic;
    clear: both;
    margin: 0;
    padding: 0;
}

.report .paragraph-options { display: none; }

ul.comment-controls { padding: 0; }

ul.comment-controls li {
    display: inline;
    float: left;
    padding: 0;
    margin: 0;
    width: 100px;
}

ul.comment-controls li h5 {
    cursor: pointer;
    margin-right: 15px;
    padding-left: 0;
    margin-top: 0;
    padding-top: 5px;
    font-style: Italic;
    font-family: Arial;
    font-weight: normal;
    font-size: 1.0em;
    color: #666;
}

ul.comment-controls li h5.has-comment {
    background: transparent url(/PageUI/Img/Icons/Comment.png) no-repeat 0 0;
    background-position: 100% 3px;
    width: 85px;
    margin-right: 5px;
}

ul.comment-controls li h5.has-deviation {
    background: transparent url(/PageUI/Img/Icons/Deviation.png) no-repeat 0 0;
    background-position: 100% 3px;
    width: 83px;
}
/*Styles only for Firefox browser*/
@-moz-document url-prefix() {
    ul.comment-controls li h5.has-deviation {
        width: 86px;
    }
    ul.comment-controls li h5.has-comment {
        width: 88px;
    }
}

/*Författningar*/

.dynamic-statute-category-list li h4 { margin-bottom: 5px; }

.dynamic-statute-category-list .statutes,
.statute-category-list .statutes {
    background-color: #EDEEDC;
    padding: 1px 10px 10px;
}

.dynamic-statute-category-list .statute-links,
.statute-category-list .statute-links { background-color: #FFFFFF; }

/*kalender*/

ul.paging {
    margin: 20px 0;
    clear: both;
}



#calendar .paging li {
    display: inline;
    margin-right: 10px;
    font-style: Italic;
}



#calendar a.previous {
    background: transparent url(/PageUI/Img/Icons/Arrow-Right.png) no-repeat 98% 7px;
    padding: 10px;
    border: 1px solid #CCC;
    padding-right: 28px;
}

a.next {
    background: transparent url(/PageUI/Img/Icons/Arrow-Left.png) no-repeat 2px 8px;
    border: 1px solid #CCC;
    padding: 10px 10px 10px 25px;
}

.demo ul li {
    padding: 0 0 0 15px;
    font-size: 1.2em;
    background: transparent url(/PageUI/Img/Icons/bullet.gif) no-repeat 0 5px;
}

.dynamic-statute-category-list .more-activities,
.dynamic-statute-category-list .view-desc,
.dynamic-statute-category-list .view-comment,
.dynamic-statute-category-list .more-open,
.dynamic-statute-category-list .more,
.statute-category-list .more-activities,
.statute-category-list .view-desc,
.statute-category-list .view-comment,
.statute-category-list .more-open,
.statute-category-list .more {
    background: transparent url(/PageUI/Img/toggle-open-close.png) no-repeat scroll -40px 4px;
    display: block;
    padding: 0 0 0 15px;
    font-size: 0.98em;
}

.dynamic-statute-category-list a.panel-open,
.statute-category-list a.panel-open { background-position: 0 -36px; }

.dynamic-statute-category-list .statute-links,
.dynamic-statute-category-list .statute-comment,
.dynamic-statute-category-list .statute-desc,
.statute-category-list .statute-links,
.statute-category-list .statute-comment,
.statute-category-list .statute-desc {
    background-color: #FFFFCC;
    border: 1px dotted #000000;
    padding: 10px;
}

#primary .statute ul.statute-category-list li h4 {
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    margin-right: 10px;
}

ul.statutes { margin-bottom: 10px; }

ul.statutes li {
    margin-top: 10px;
    color: #000;
}

ul.statutes li a { color: #000; }

p.load-message {
    background: #FFF url(/PageUI/Img/loadingAnimation.gif) no-repeat 50% 100%;
    padding-bottom: 30px;
}

.activity li.paragraph .sanction-level {
    margin-right: 7px;
    margin-top: 5px;
    float: left;
}

.activity li.paragraph .paragraph-content { padding-top: 0; }

.paragraph-content ol li,
.paragraph-content ul li { padding: 0; }

.paragraph-content li ol li { list-style: lower-alpha; }

.statute-comment .textbox,
.statute-comment .button { display: block; margin-top: 2px;}

.statute-comment .textbox {
    height: 75px;
    width: 300px;
}

#activity-display-type {
    text-align: left;
    margin: 1em 0 1em 0;
    font: bold 11px verdana, arial, sans-serif;
    border-bottom: 1px solid #999966;
    list-style-type: none;
    padding: 3px 10px 3px 10px;
}

#activity-display-type li {
    font-size: 1em;
    display: inline;
}

#activity-display-type li {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    padding: 0;
}

#activity-display-type li span,
#activity-display-type li a {
    padding: 3px 4px;
    border: 1px solid #999966;
    background-color: #D0D4AE;
    color: #666;
    margin-right: 0;
    text-decoration: none;
    border-bottom: none;
}

#activity-display-type li a { font-weight: normal; }

#activity-display-type li span {
    background-color: #fff;
    color: #000;
    position: relative;
    top: 1px;
    padding-top: 4px;
}

#activity-display-type li a:hover { background: #fff; }

.help-section .group-options { font-size: 1.3em; }


dt, dd {
    font-size: 12px;
    color: #033;
}

.paragraph-meta-data dt {
    float: left;
    font-weight: bold;
    margin-right: 10px;
    padding: 5px;
    width: 150px;
}

.paragraph-meta-data dd {
    margin: 2px 0;
    padding: 5px 0;        
}

.paragraph-meta-data span {
    display: inline-block;
}

.-activity li.paragraph .inure {
    border-left: 2px solid #999999;
    margin-left: -10px;
    padding: 0 0 0 10px;
    
}

.activity li.paragraph .inure-date {
    font-size: 10px;
    color: #999;
    padding: 5px 0 0 0;
    text-decoration: none;
    display: inline-block;
}


.rss-link {
    text-align: right;
    margin-top: -18px;
}

.feed {
    margin-left: 3px;
    padding: 0 0 0 19px;
    background: url("../Img/feed-icon-14x14.png") no-repeat 0 50%;
}

.statute .statute-category-list .statutes .statute-comment,
.statute .statute-category-list .statutes .statute-desc,
.statute .statute-links,
.statute-category-list ul.statutes {
    display: none;
}

.report-description {
    font-size: 1.3em;
    margin-top: -6px;
}

.is-menu-main-container{ width: 80px; margin: 6px 0}
.is-menu-main-container label{ display: inline;}
.is-menu-main-container input[type="checkbox"]{ float: right;}

.slt-url {
    background-color:antiquewhite;
    font-size:13px;
}

.slt-url-small {
    color: darkblue;
    margin-left: 10px;
}

.rss-list-dropdown-label{
    width:30em;
    display:block;
}
.paragraph-view-sfs-header {
    float: left;
    width: auto !important;
    margin-bottom: 10px !important;
}
.paragraph-view-sfs-title {
    float: left;
    width: auto !important;
    margin-bottom: 10px !important;
    margin-right: 20px !important;
}
#print-button {
    float: right;
    width: 36px;
    height: 36px;
    border: none;
}
#print-button-report-page {
    float: right;
    width: 36px;
    height: 36px;
    border: none;
    position: relative;
    top: -5px;
}
.branche-title,
.report-label {
    display: none;
}

.headerButton {
    background-color:transparent;
    background-repeat:no-repeat;
    border:none;
    cursor:pointer;
    text-decoration:underline;
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    width: 100%
}

.headerButtonUp {
    background-image: url('../Img/icon-arrow-up.png');
    background-position: right;
    -ms-background-size: 13px 20px;
    background-size: 13px 20px;
}

.headerButtonDown {
    background-image: url('../Img/icon-arrow-down.png');
    background-position: right;
    -ms-background-size: 13px 20px;
    background-size: 13px 20px;
}

.hidden-comment {
    display: none;
}
.statute-comment .text-editor textarea {
    font-family: Verdana;
    font-size: 1em;
}

.edit-list td {
    padding-right: 0;
}

.fs_search_notfound {
    border-color: red;
}

.fs_search_notfound p {
    color: red;
}

.broken-links-box{
	width:15px;
	height:15px;
}

.broken-links-updated {
    border: 1px solid #ccc;
    float: right;
    margin: -20px 0 0 5px;
    padding: 0 10px 0 10px;
    cursor: default;
}

.broken-links-updated h5 {
    font-size: 1.0em;
    font-weight: normal;
}
.no-error-details{
    color: black;
}
 
.paragraph-box{
	background:bisque;
}
.definition-box{
	background:beige;
}
.statute-box{
	background:white;
}

.agenda-row{
    clear: both;
    margin: 0;
    padding: 0;
}

.agenda-cell{
    float: left;
    width: 12%;
    text-align: left;
    margin-left: 10px;
}
.activity-statute {
    border: 1px solid #999966;
    padding: 10px;
    margin-top: 5px;
}
.activity-statute h3 {
    font-size: 12px;
}
#activityCaption {
    color: #003333;
    font-family: Georgia;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
}
.collapsed div {
  display: none;
}
.collapsed-div {
    margin-top: -15px !important;
}
.collapsed-div h5 {
    font-size: 1.0em;
}

.word-table-definitions {
    width: 20%;
}
.definition-table-definitions {
    width: 73%;
}
.edit-table-definitions {
    width: 7%;
}

/*Group edit buttons on the Group Edit page*/
.group-btns-container { display: inline-block }

.view-group-btn {
    position: relative;
    text-align: right;
    top: -65px;
}

.move-group-btn-top-container {
    margin-bottom: 5px;
    text-align: center
}

.move-group-btn-bottom-container { text-align: center }

/*Styles only for Internet Explorer 10 & 11 for Group edit buttons*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .group-btns-container { display: block; }

    .view-group-btn {
        position: relative;
        float: right;
        top: -122px;
    }

    .move-group-btn-top-container {
        text-align: center;
        position: relative;
        left: 27px;
        top: -55px;
        float: right;
    }

    .move-group-btn-bottom-container {
        text-align: center;
        position: relative;
        left: 168px;
        top: -23px;
        float: right;
    }
}
/*End Styles only for Internet Explorer 10 & 11 for Group edit buttons*/
/*End Group edit buttons on the Group Edit page*/

.deviation-not-approved-span-icon {
    color: #e2564c;
    background-image: url(/PageUI/Img/Icons/cancel.png);
    background-size: 21px;
    background-repeat: no-repeat;
    padding: 0.5px 0 4px 25px;
    -webkit-appearance: slider-horizontal;
    cursor: default;
    vertical-align: text-top;
}

/*Styles only for Internet Explorer 10 & 11 browsers*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .deviation-not-approved-span-icon {
        background-size: 19px 100%;
        padding: 2px 0 3px 25px;
    }
}

/*Styles only for Microsoft Edge browser*/
@supports (-ms-ime-align: auto) {
    .deviation-not-approved-span-icon {
        background-size: 19px;
        padding: 2px 0 5px 25px;
    }
}

/*Styles only for Firefox browser*/
@-moz-document url-prefix() {
    .deviation-not-approved-span-icon {
        background-size: 20px;
        padding: 2px 0 6px 25px;
    }
}

.deviation-approved-span-icon {
    color: green;
    background-image: url(/PageUI/Img/Icons/success.png);
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 0 0 3px 25px;
    -webkit-appearance: slider-horizontal;
    cursor: default;
    vertical-align: text-top;
}

/*Styles only for Internet Explorer 10 & 11 browsers*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .deviation-approved-span-icon {
        background-size: 20px 100%;
        padding: 0 0 5px 25px;
    }
}

/*Styles only for Microsoft Edge browser*/
@supports (-ms-ime-align: auto) {
    .deviation-approved-span-icon {
        background-size: 18px;
        padding: 2px 0 5px 25px;
    }
}

/*Styles only for Firefox browser*/
@-moz-document url-prefix() {
    .deviation-approved-span-icon {
        padding: 2px 0 6px 25px;
    }
}

.current-deviation-list-icon {
    font-weight: bold;
}

/*Styles for deviation items list container*/
.deviation-approved-list-icon {
    color: green;
    background-image: url(/PageUI/Img/Icons/success.png);
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 0 0 5px 23px;
    -webkit-appearance: slider-horizontal;
    margin-left: 7px;
    cursor: default;
}

/*Styles only for Internet Explorer 10 & 11 browsers*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .deviation-approved-list-icon {
        background-size: 20px 100%;
        padding: 0 0 4px 23px;
    }
}

/*Styles only for Microsoft Edge browser*/
@supports (-ms-ime-align: auto) {
    .deviation-approved-list-icon {
        background-size: 19px;
        padding: 3px 0 6px 23px;
    }
}

.deviation-not-approved-list-icon {
    color: #e2564c;
    background-image: url(/PageUI/Img/Icons/cancel.png);
    background-size: 21px 100%;
    background-repeat: no-repeat;
    padding: 0 0 3px 24px;
    -webkit-appearance: slider-horizontal;
    margin-left: 6px;
    cursor: default;
}

/*Styles only for Firefox browser*/
@-moz-document url-prefix() {
    .deviation-approved-list-icon {
        background-size: 19px;
        padding: 2px 0 5px 24px;
    }

    .deviation-not-approved-list-icon {
        background-size: 20px 100%;
        padding: 2px 0 5px 24px;
    }
}

/*Styles only for Microsoft Edge browser*/
@supports (-ms-ime-align: auto) {
    .deviation-not-approved-list-icon {
        background-size: 20px 100%;
        padding: 3px 3px 3px 23px;
    }
}

/*Styles only for Internet Explorer 10 & 11 browsers*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .deviation-not-approved-list-icon {
        background-size: 20px 100%;
        padding: 2px 0 3px 24px;
    }
}

.deviation-list-item-container {
    width: 100%;
    padding-left: 10px;
    padding-bottom: 5px;
}

.deviation-list-item-container:nth-of-type(1) { padding-top: 3px; }

.current-link-button {
    font-weight: 900;
    color: #003333;
}

/*End Styles for deviation items list container*/

.approved-checkbox-container, .companyusers-dropdown-container, .last-monitoring-date-container, .previous-comments-container, .previous-comments-container-header {
    width: 100%;
    padding-left: 10px;
    padding-bottom: 7px;
}

.create-new-deviation-comment-link-button {
    width: max-content;
    padding-bottom: 7px;
    color: #999966;
    display: block;
}

.deviation-approved-checkbox input[type="checkbox"] {
    margin-left: 15px;
    vertical-align: middle;
}

.company-users-dropdown-list {
    width: 175px;
    margin-right: 10px;
}

.last-monitoring-date-textbox { margin-right: 10px; }

/*Styles only for Firefox browser*/
@-moz-document url-prefix() {
    .company-users-dropdown-list { margin-left: 7px; }
    .last-monitoring-date-textbox {
        width: 169px !important;
        margin-left: 7px;
    }
}

.active-group-link-button { color: #336633; }

/*Close button for closing deviation comment container*/
.comment-container-close {
    position: relative;
    float: right;
    top: 7px;
    right: 7px;
    width: 25px;
    height: 25px;
    opacity: 0.5;
}

.comment-container-close:hover { opacity: 1; }

.comment-container-close:before, .comment-container-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 15px;
    width: 2px;
    background-color: #333;
}

.comment-container-close:before { transform: rotate(45deg); }

.comment-container-close:after { transform: rotate(-45deg); }
/*End Close button for closing deviation comment container*/

.group-comment-link-edit, .create-new-deviation-comment-link-button-edit { color: #0c0c03; font-weight: bold}

.edit-link-icon-span {
    background-image: url(/PageUI/Img/Icons/edit.svg);
    background-size: 19px;
    background-repeat: no-repeat;
    padding: 1px 0 8px 25px;
    margin-left: 5px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: inherit;
}

.create-new-deviation-comment-link-button-edit:after {
    color: #0c0c03;
    background-image: url(/PageUI/Img/Icons/edit.svg);
    background-size: 19px;
    background-repeat: no-repeat;
    padding: 1px 0 8px 25px;
    margin-left: 5px;
    vertical-align: -webkit-baseline-middle;
    vertical-align: inherit;
    content: '\A';
    white-space: pre;
}

.deviation-comment-report {
    display: none;
    background-color: rgb(255, 255, 204);
    border: 0.5px solid #b7b7b7;
    padding: 0 10px 0 10px;
    width: 92%;
    overflow-wrap: break-word;
}
/*Styles only for Microsoft Edge browser*/
@supports (-ms-ime-align: auto) {
    .deviation-comment-report {
        margin-top: 5px;
    }
}
/*Styles only for Internet Explorer 10 & 11 browsers*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .deviation-comment-report {
        margin-top: 5px;
    }
}
/*Styles only for Firefox browser*/
@-moz-document url-prefix() {
    .deviation-comment-report {
        margin-top: 4px;
    }
}

.deviation-approving-icon {
        height: 19px;
        vertical-align: middle;
    }

    .critical-icon {
        vertical-align: bottom;
    }

    .report-settings-options-container {
        font-size: 1.3em;
    }

    .generate-report-button {
        background-color: white;
        border: 2px solid #e7e7e7;
        color: black;
        padding: 7px 7px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 1.4em;
        margin: 5px 0 5px 5px;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        cursor: pointer;
    }

        .generate-report-button:hover {
            background-color: #e7e7e7;
        }

    .deviation-list-item-header-container {
        width: max-content;
        cursor: pointer;
        background: transparent url(/PageUI/Img/toggle-open-close.png) no-repeat scroll -42px 4px;
        display: block;
        padding-left: 10px;
    }

    .panel-open {
        background-position: -2px -36px;
    }