body, html {
    margin: 0;
    padding: 0;
    /*background: #fff url(/images/ui/menu-background.png) top left repeat-y;*/
    position: relative;
    border: 0;
    /*height: 100%;*/
    /*min-height: 100%;*/
    /*min-width: 960px;*/
    min-width: 200px;
    font-family: DMSans;
    line-height: 1;
}

body.testmode {
    background-color: #FFCB00;
    padding-right: 10px;
}

body.testmode .testmode-message {
    background: #FFCB00;
    color: #AA1818;
    font-size: 24px;
    padding: 5px 0;
    text-align: center;
}

body {
    /*background-color: #F2F2F2;*/
    /*background-color: #BFD0D5;*/
    background-color: #F2EEEA;
    /*background-image: url(/images/iso-linjer-v2.svg);*/
    /*background-image: linear-gradient(#0083BA, white);*/
    /*background-image: linear-gradient(#0083BA, #F2F2F2);*/
    background-repeat: no-repeat;
    background-attachment: scroll;
}

textarea {
    background-color: white;
}

/****** COMMON ******/

.clickable {
    cursor: pointer;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.margin-center {
    margin-left: auto;
    margin-right: auto;
}

.bold {
    font-weight: bold;
}


/****** LAYOUT ******/

/* header */
div#top-header {
    position: relative;
    width: 100%;
    min-height: 100px;
    overflow: hidden;
}

div#top-header table {
    border: 0;
    width: 100%;
    height: 100px;
}

div#top-header table td#top-left {
    background: #fff url(/images/ui/top-fade-left.png) top right repeat-y;
    padding: 20px 10px 0 0;
    text-align: right;
}

div#top-header table td#top-left img#top-logo {
    width: 80px;
}

div#top-header table td#top-left div {
    font-family: DMSans;
    font-size: 11px;
    color: #555;
    margin-top: 20px;
}

div#top-header table td#top-middle {
    width: 700px;
    background: #fff url(/images/banners/banner.png) no-repeat center bottom;
}

div#top-header table td#top-right {
    background: #fff url(/images/ui/top-fade-right.png) repeat-y;
    vertical-align: top;
}

div#top-header table td#top-right div#top-login-header {
    padding: 2px 4px 4px 10px;
    border-bottom: 1px solid #ccc;
    font-size: 11px;
    color: #0079a4;
}

div#top-header table td#top-right div#top-login-header a {
    display: block;
    float: right;
    background: url(images/flags/se.png) no-repeat;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    margin-right: 3px;
}
div#top-header table td#top-right div#top-login-header a.sv {
}
div#top-header table td#top-right div#top-login-header a.en {
    background-image: url(images/flags/gb.png);
}
div#top-header table td#top-right div#top-login-header a.fi {
    background-image: url(images/flags/fi.png);
}

div#top-header table td#top-right div#top-login-header b {
    display: inline-block;
    margin-top: 10px;
}

div#top-header table td#top-right div#top-login-information {
    padding: 4px 4px 0 10px;
    font-size: 11px;
    color: #1f3366; /*line-height: 16px;*/
}


div#top-header table td#top-right div#top-login-information img {
    vertical-align: middle;
}

div#top-header table td#top-right div#top-login-action {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 2px 4px 2px 10px;
    font-size: 11px;
    color: #1f3366;
    line-height: 16px;
}

/* top-bar */
div#top-bar {
    width: 100%;
    height: 12px;
    position: relative;
    background: url(/images/ui/top-gray-bar.png) top left repeat-x;
}

div#top-bar div#top-bar-button-area {
    position: absolute;
    top: 0;
    right: 0;
    height: 35px;
    background: url(/images/ui/top-gray-bar-big.png) top left repeat-x;
    min-width: 125px;
    z-index: 100;
}

div#top-bar div#top-bar-button-area div#top-bar-button-area-start {
    position: absolute;
    top: 0;
    left: -30px;
    width: 30px;
    height: 35px;
    background: url(/images/ui/top-gray-bar-big-cap.png) top left no-repeat;
}

div#top-bar div#top-bar-breadcrumb {
    position: absolute;
    height: 21px;
    left: 300px;
    top: 12px;
    right: 0;
    background: url(/images/ui/breadcrumb-bar.png) top left repeat-x;
    z-index: 50;
}

div#top-bar div#top-bar-breadcrumb div#top-bar-breadcrumb-cap {
    position: absolute;
    left: -26px;
    top: 0px;
    width: 26px;
    height: 21px;
    background: url(/images/ui/breadcrumb-bar-cap.png) top left no-repeat;
}

div#top-bar div#top-bar-breadcrumb ol {
    list-style: none;
    font-size: 11px;
    color: #204655;
    margin-top: 5px;
}

div#top-bar div#top-bar-breadcrumb ol li {
    float: left;
    margin-right: 4px;
}

div#top-bar div#top-bar-breadcrumb ol li.last-breadcrumb {
    color: #007fac;
    font-weight: bold;
}

div#top-bar div#top-bar-breadcrumb ol span.next-breadcrumb {
    color: #444;
    font-weight: bold;
}


/* menu */

div#menu {
    float: left;
    width: 180px;
    padding-top: 8px;
}

div#menu ol {
    list-style: none;
}

div#menu ol li {
    color: #235162;
    padding: 8px 4px 4px 8px;
    font-size: 11px;
    font-family: DMSans;
    font-weight: bold;
    cursor: pointer;
}

div#menu ol li:hover {
    color: #fff;
}

div#menu ol li.selected {
    background: #fff url(/images/ui/menu-fade-white.png) top left repeat-x;
    border-bottom: 1px solid #ccc;
}

div#menu ol li.selected:hover {
    color: #235162;
}

div#menu div.white {
    margin-top: 12px;
    background: #fff url(/images/ui/menu-background-gray.png) top left repeat-y;
    border-bottom: 1px solid #ccc;
}
div#menu div.white ol li:hover {
    color: #009edc;
}
div#menu div.white ol {
    background: url(/images/ui/menu-fade-gray.png) top left repeat-x;
}

div#menu ol.white li {
    background-color: #fff;
}


/* content */
div#content {
    /*margin: 25px 8px 8px 188px;*/
    margin-left: 220px;
    /*background: #fff;*/
    /*min-height: 400px;*/
}

div#content div.header {
    padding: 25px 8px 8px 15px;
    border-bottom: 1px solid #ccc;
}

div#content table.content {
    width: 100%;
    height: 100%;
}

div#content table.content td {
    vertical-align: top;
    empty-cells: show;
}

div#content table.content td.main {
    /*width: 100%;*/ /*width: 99%;*/
}

div#content table.content td.main h3 {
    /*margin: 16px 4px 8px 8px;*/
    font-weight: bold;
    /*text-decoration: underline;*/
}

div#content table.content td.main .section {
    border-bottom: 1px solid #ccc;
    padding: 8px;
}

div#content table.content td.main p {
    /*padding: 0 8px 4px 8px;*/
}

div#content table.content td.main table.section {
    display: block;
    width: 100%;
}

div#content table.content td.main table.section.form td {
    position: relative;
    padding: 16px 4px 16px 4px;
}

div#content table.content td.main table.section.form td span {
    font-family: DMSans;
    font-weight: bold;
    color: #003745;
    font-size: 16px;
    font-weight: normal;
}

div#content table.content td.main table.section.form td .value {
    margin-top: 2px;
    line-height: 16px;
    font-size: 13px;
}

div#content table.content td.main .section h3 {
    margin: 2px 2px 2px 0;
}

div#content table.content td.main .section p {
    font-size: 14px;
    margin: 4px 2px 2px 0px;
}

div#content table.content td.main .section.last {
    border-bottom: none;
}

div.main-content {
    
}

div.main-content div.modern-page .page-content table.form {
    margin: 0;
}

div.main-content div.modern-page .page-sidebar {
    /*width: 300px;*/
    float: right;
    min-height: 300px;
}

div.main-content div.modern-page .page-content {
    /*margin-right: 20px;
    padding-top: 10px;*/
}

div#content table.content td.sidebar,
div.main-content div.modern-page .page-sidebar {
    position: relative; /*float: right;*/
    min-height: expression(document.body.clientHeight - 202);
    padding-bottom: 8px;
    background-color: #f1f1f1;
    width: 300px;
}

div#content table.content td.sidebar div.fade,
div.main-content div.modern-page .page-sidebar div.fade {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: url(/images/ui/fade-right.png) top left repeat-y;
}

div#content table.content td.sidebar h1,
div.main-content div.modern-page .page-sidebar h1 {
    font-size: 17px;
    margin: 12px 8px 8px 8px;
}

div#content table.content td.sidebar p,
div.main-content div.modern-page .page-sidebar p {
    font-size: 12px;
    line-height: 22px;
    padding: 0 16px 8px 10px;
}

div#content table.content td.sidebar ol li,
div.main-content div.modern-page .page-sidebar ol li {
    padding-left: 12px;
}

div#content table.content td.sidebar a.extra,
div.main-content div.modern-page .page-sidebar a.extra {
    text-decoration: none;
    color: #006E96;
    font-weight: bold;
    font-size: 10px;
    display: block;
    text-align: right;
    margin: 4px;
}

div#content ol li, div#content table div.deviation {
    padding: 12px 4px 12px 12px;
    font-size: 14px;
    line-height: 20px;
}

div#content ol li b {
    color: #003745;
}

div#content table.content td.sidebar ol li:hover,
div.main-content div.modern-page .page-sidebar ol li:hover {
    background-color: #f5f5f5;
}

div#content table.content td.sidebar ol li.plain:hover,
div.main-content div.modern-page .page-sidebar ol li.plain:hover {
    background-color: transparent;
}

div#content ol li .check, div#content ol li .inactive, div#content .itemlist .checked .check {
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    width: 16px;
    background: transparent url(../images/ui/done.png) center left no-repeat;
    display: none;
}

div#content ol li.checked, div#content .itemlist .checked {
    background-color: #eee;
}
div#content ol li.checked .check, div#content .itemlist .checked .check {
    display: block;
}
  
div#content ol li.inactive {
    background-color: #eee;
}
div#content ol li.inactive b {
    color: #515151;
}
div#content ol li .inactive {
    background: url(../images/ui/inactive.png) center left no-repeat;
}

div.alphabet-index {
    padding-top: 5px;
    padding-left: 10px;
    font-size: 18px;
    
}

div.alphabet-index .char-selected {
    color: #1F3366;
    font-weight: bold;
    text-decoration: none;
}

div.alphabet-index .char-notselected {
    color: #006E96;
    text-decoration: none;
}

/*.eventForm .eventUsers {
    padding: "0 0 0 8px";
}

.eventForm .eventUsers > div
{
    padding: 8px;
    background-color: initial;
    text-decoration: none;
}

.eventForm .eventUsers > div.selected {
    background-color: #eef;
    text-decoration: underline;
}*/

/***** SPECIAL ******/
/*div#messages {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}*/

/***** Issues *****/

table.table {
    margin: 0;
    padding: 0;
    width: 100%;
}

table.table thead tr th {
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding: 8px 4px 3px;
    font-size: 16px;
    font-family: DMSans;
    font-weight: 900;
    color: black;
}

table.table tbody tr td {
    font-family: DMSans;
    font-size: 14px;
    padding: 8px 4px 8px 4px;
    cursor: pointer;
}

table.table tbody tr.row2 td {
    background-color: #fafafa;
}

.lnk_logout {
    background: url(/images/icons/logout.png) no-repeat;
    display: inline-block;
    padding: 2px 0 3px 20px;
}

.ui-slider .ui-slider-handle {
    cursor: e-resize !important;
}


div#content table.table.certification-plan {
    /* width:100%;border:1px solid #ccc;  border-collapse: separate;*/
    border-collapse: separate;
    /*margin-top: -8px;*/
    font-family: Raleway, sans-serif;
    font-size: 16px;
}
div#content table.table.certification-plan tr {
}
div#content table.table.certification-plan tr th {
    text-align: center;
}
div#content table.table.certification-plan tr td {
    text-align: center;
    vertical-align: middle;
    cursor: inherit;
    height: 24px;
    border-bottom: 1px solid #ccc;
}
div#content table.table.certification-plan tr td:first-child{
    border-left: 1px solid #ccc;
}
div#content table.table.certification-plan tr td:last-child{
    border-right: 1px solid #ccc;
}

div#content table.table.certification-plan tbody tr:nth-child(even){
    /*background-color: #edf2f4;*/
}

div#content table.table.certification-plan tr th.removed {
    color:#696969;
}
div#content table.table.certification-plan tr td.removed {
    background:#E1E1E1;
     opacity: 0.4;
     filter:Alpha(Opacity=40);
}

div#content table.table.certification-plan tr.required {
}
div#content table.table.certification-plan tr.required td {
}

div#content table.table.certification-plan tr.once {
}
div#content table.table.certification-plan tr.once td {
}

div#content table.table.certification-plan tr.optional {
}
div#content table.table.certification-plan tr.optional td {
}
div#content table.table.certification-plan tr th.current, table.table.certification-plan tr td.current {
    background: #FEF3DD;
}
div#content table.table.certification-plan tr th.current {
    border-left: 1px solid #FFAE00;
    border-right: 1px solid #FFAE00;
    border-top: 1px solid #FFAE00;
}
div#content table.table.certification-plan tr td.current {
    border-left: 1px solid #FFAE00;
    border-right: 1px solid #FFAE00;
}
div#content table.table.certification-plan tr td.current.last {
    border-bottom: 1px solid #FFAE00;
}
.icon-done, .icon-done-big, .icon-edit, .icon-invalid, .icon-warning, .icon-None, .icon-Completed, .icon-Planned, .icon-RePlanned, .icon-Comment, .icon-checkmark {
    background: url('../images/ui/done.png') no-repeat;
    display: block;
    height: 16px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    width: 16px;
}
.icon-done {
    background-image: url('../images/ui/done.png');
}
.icon-edit {
    background-image: url('../images/icons/edit.gif');
}
.icon-checkmark {
    background-image: url('../images/icons/checkmark.png');
    display: inline-block;
}
.icon-whaat {
    background-image: url('../images/ui/done.png');
}
.icon-invalid {
    background-image: url('../images/icons/cross.png');
}
.removed .icon-invalid {
    background-image: url('../images/icons/CertificationPlanCommentType/cross_inactive.png');
}
.icon-warning {
    background-image: url('../images/icons/warning.gif');
}

.icon-None {
    background-image: url('../images/icons/CertificationPlanCommentType/document.png');
}
.icon-Completed {
    background-image: url('../images/icons/CertificationPlanCommentType/Completed.png');
}
.icon-Planned {
    background-image: url('../images/icons/CertificationPlanCommentType/Planned.png');
}
.icon-RePlanned {
    background-image: url('../images/icons/CertificationPlanCommentType/RePlanned.png');
}
.icon-Comment {
    background-image: url('../images/icons/CertificationPlanCommentType/Comment.png');
}

.removed .icon-None {
    background-image: url('../images/icons/CertificationPlanCommentType/document_inactive.png');
}
.removed .icon-Completed, .icon-done.inactive {
    background-image: url('../images/icons/CertificationPlanCommentType/Completed_inactive.png');
}
.removed .icon-Planned {
    background-image: url('../images/icons/CertificationPlanCommentType/Planned_inactive.png');
}
.removed .icon-RePlanned {
    background-image: url('../images/icons/CertificationPlanCommentType/RePlanned_inactive.png');
}
.removed .icon-Comment {
    background-image: url('../images/icons/CertificationPlanCommentType/Comment_inactive.png');
}




.icon-Valid, .icon-Invalid, .icon-Planned, .icon-RePlanned, .icon-ValidForPeriod {
    background: url('../images/ui/done.png') no-repeat;
    display: block;
    height: 16px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    width: 16px;
}

.icon-Invalid {
    background-image: url('../images/icons/cross.png');
}
.removed .icon-Invalid, .icon-Invalid.inactive {
    background-image: url('../images/icons/CertificationPlanCommentType/cross_inactive.png');
}

.icon-Valid {
    background-image: url('../images/icons/CertificationPlanCommentType/Completed.png');
}
.removed .icon-Valid, .icon-Valid.inactive, .icon-ValidForPeriod {
    background-image: url('../images/icons/CertificationPlanCommentType/Completed_inactive.png');
}

.icon-Planned {
    background-image: url('../images/icons/CertificationPlanCommentType/Planned.png');
}
.icon-RePlanned {
    background-image: url('../images/icons/CertificationPlanCommentType/RePlanned.png');
}

.lnkTabortKoppling {
    float:right; 
    padding-right:35px; 
    padding-top:1px
}




/* 3-year plan start */


.revisionsWrapper
{
}

.revisions
{
    color: #235162;    
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;

}

.revisionContainer { 
    display:inline-block; 
    vertical-align:top;

}

/* Remove jQuery UI */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background: none;
    background-color: white;
}
.ui-button-text{
    display: none;
}
.ui-button-text-only .ui-button-text{
    padding: 0;
    margin: 0;
}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{
    background: none;
    background-color: white !important;
    border: none;
    border-radius: 2px;
}
.ui-dialog .ui-dialog-title{
    color: #235162;
}
div.ui-dialog{
    border: none;
    border-radius: 2px;
}

/*.ui-button-icon-primary.ui-icon.ui-icon-closethick{
    background: none;
    font-family: 'Glyphicons Halflings';
    font-size: 24px;
    color: red;
}
.ui-button-icon-primary.ui-icon.ui-icon-closethick:before{
    content: "\e014";
}*/








.revision
{
    background: white;
    margin: 5px;
    padding: 10px;
    width: 230px;
}
.revisionHead
{
    font-weight:bold;
    height: 42px;
    padding: 5px;
}
.certplan2 .revisionHead {
    font-weight: bold;
    height: 18px;
    padding: 5px;
}
.revisionContent
{
    padding-left: 5px;
}

.revisionContent > span {
    white-space: normal;
}

.revisionRow
{
}
.revisionChoice
{    
    background: none repeat scroll 0 0 #e5ecf0;
    margin: 5px;
    padding: 5px;    
    white-space: normal;  
    border-radius: 5px;
}
.textAreaContainer
{
    border: 1px solid #ccc;
    height: 16px;
    width:100%;
    padding:2px;
    display:block;
}
.revisionChoice select
{
    width: 100%;
}

.revisionChoice table
{
    width: 95%;
    text-align: left;
}
.revisionChoice table th
{
    padding-bottom: 5px;
}

.revisionContent textarea
{
    width: 100%;
    resize:none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.addRevisionChoice
{
    background-color: #e5ecf0;
    display: block;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 16px;
    cursor:pointer;
    border-radius: 5px;
}
.plannedActivity
{
}
.plannedActivity .revision
{
}
.plannedActivity .revisionHead
{
}
.plannedActivity .revisionContent
{
}


/* AUDIT QUESTIONS */
.kenlist .audit-questions {
    width:100%;
}
.kenlist .audit-questions tr td {
    padding: 8px;
}
.kenlist .audit-questions tr.even {
    /*background: #edf2f4;*/
}
.kenlist .audit-questions tr.hasInlineEdit {
    border-bottom: 0px;
}

.kenlist{
    padding: 15px;
}
.kenlist .audit-questions > tbody > tr{
    border: 1px solid #ccc;
}


/* DEVIATIONS */
.kenlist .deviations {
    width:100%;
}
.kenlist .deviations tr.even {
    /*background: #edf2f4;*/
}

/* CONTACTS */
.kenlist .contacts {
    width: 100%;
}
.kenlist .contacts .customer {
    border-bottom: 1px solid #ccc;
    padding: 8px 4px 8px 8px;
    font-size: 14px;
    line-height: 18px;
}
.kenlist .contacts tr.even{
    /*background: #edf2f4;*/
}


/* 3-year plan end */


.loader {
     background: url(../Images/ui/spinner.gif) no-repeat; 
     width: 64px; 
     height: 64px; 
     position: absolute; 
     z-index: 999999999;
}

.loader-container {
     margin: 0;
}

.loader-body-change {
    overflow: hidden;
}

.print-button {
    background: url(../Images/icons/print.png) no-repeat;
    width: 22px;
    height: 22px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: -4px;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Printable Period */

.printableperiod-page ul {
    list-style: none;
}

/* Printable Period end */

/* Data tables */

.altrowcolor-table tr:nth-child(even) {background: #ffffff}
.altrowcolor-table tr:nth-child(odd) {background: #fafafa}

/* Data tables end */


.update-contact-info {
    min-width: 1190px;
}
input{
    font-family: Raleway, sans-serif;
}
input.date{
    padding: 2px 2px 2px 5px;
}

td.main h2{
    padding-left: 8px;
    padding-top: 8px;
}
td.main form, td.main p{
    padding-left: 12px;
}
td.main .KUI-form form{
    padding-left: 0px;
}

table.form textarea{
    margin-top: 4px;
}

.btn-status {
    font-size:11px;
    padding: 2px 5px;
    /*color: #fff !important;*/
    border-radius: 4px;
    font-weight: 900;
    text-align: center;
    white-space: nowrap;
    max-width: 80px;
    line-height: 13px;
    vertical-align: middle;
    border: 2px solid black;
}
.btn-status.green {
    border-color: #475D45;
    color: #475D45 !important;
}
    .btn-status.red {
        border-color: #AA6B48;
        color: #AA6B48 !important;
    }
textarea{
    font-family: Raleway, sans-serif;
}
.header h1{
    margin-bottom: 5px;
}

td.main{
    padding: 15px;
}
td.main > ol, 
td.sidebar > ol,
#customers > ol,
#membersForm > ol,
#standardsForm > ol{
    border: none;
    border-top: 1px solid #ccc;
}
#standardsForm{
    padding: 0 !important;
}
td.main li, 
td.sidebar li{
    border: none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
td.main li:nth-child(2n){
    /*background-color: #edf2f4;*/
}


td.administration > table.section{
    padding: 0;
}
td.administration > table.section.form td{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.contact-info{
    margin-bottom: 15px;
}
.contact-info .input-container{
    display: inline-block;
    min-height: 75px;
    padding-top: 5px;
    padding-right: 5px;
}
.contact-info .line{
    padding-top: 10px;
}

td.review{
    padding-left: 15px;
}
table.review-table{
    width: 99%;
}
table.review-table table.form{
    width: 100%;
}

.header-padding{
    /*padding-top: 15px;
    padding-bottom: 5px;*/
}



li.field{
    border: none !important;
}

td.main li.field:nth-child(2n){
    background-color: white;
}
.member-button-list{
    overflow: hidden;
}
.member-button-list > button,
.member-button-list > a{
    float: right;
    margin-bottom: 5px;
}

#internalNotesForm{
    width: 100%;
}

#auditrouter .KUI-form{
    padding-left: 0px;
}
#auditrouter h2, 
#auditrouter h3{
    padding-left: 0px;
}
#auditrouter td.main{
    padding-bottom: 0px;
}

.glyph-color{
    color: #aaa;
}
.glyph-color.primary{
    color: #0083BA;
}
.glyph-color.danger{
    color: #A62709;
}

.clear-css{
    color: black;
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
}

.divide-line{
    border-top: 1px solid #ccc;
    width: 100%;
}

.clear-padding{
    padding: 0 !important;
}

.header-bottom{
    padding-bottom: 15px;
}

.newAudit p.value{
    padding-left: 0 !important;
}

.newAudit .standards{
    padding-top: 5px;
}

.padding-form{
    padding-left: 15px !important;
}

/* */

.info-icon {
    color: rgb(62, 143, 193);
    font-size: 14px;
    vertical-align: bottom;
    margin-bottom: 3px;
}

.form-input-area {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    padding: 0.5rem;
    border-color: #d9d9d9 #ccc #b3b3b3;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #333;
    width: 100%;
}

.warning-text {
    color: #8F3C0D;
}

/* Layout */
#content-space {
    padding: 0px 15px 15px 15px;
    max-width: 1320px;
    margin: auto;
}

/*@@media (min-width:768px) {
    #content-space {
        display: grid;
        gap: 1rem;
        grid-template-columns: minmax(0, 1fr) 20rem;
        min-height: 0;
        min-width: 0;
    }
}*/

/*#content {
    background-color: #fff;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}*/

.main-content {
    background-color: #fff;
    padding: 0px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}


.top-things-bar {
    background-color: #0B5673;
    height: 114px;
    position: sticky;
    top: 0px;
    z-index: 1000;
}

.top-things-bar .top-things-info {
    padding-left: 15px;
    padding-right: 15px;
    /*padding-left: 54px;
    padding-right: 5px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    width: 100%;
    height: 100%;
    color: white;
    max-width: 1320px;
    margin: auto;
}

.footer-bar {
    height: 52px;
    width: 100%;
    display: flex;
}

.footer-bar .footer-info {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.footer-bar .footer-info .footer-item {
    white-space: nowrap;
    flex-shrink: 0;
    color: #272727;
}

.footer-bar .footer-info .footer-item a {
    color: #272727;
    text-decoration: none;
}

.footer-bar .footer-info .footer-item a:hover {
    text-decoration: underline;
}