/*

    CHEMICAL-ONLINE-SERVICE
    C + P 2016

*/

body 
{
    width: 100%;
    min-height: 400px;
    font-family: 'Roboto', Verdana;
    font-size: 12px;
	padding-bottom: 50px;
}

/*** ACTION PANEL *****/

#page-options 
{
    float: right;
    margin-right: 10px;
}

#page-options a
{
    font-size: 32px;
    color: #689f68;    
}

.cpx-container .f24
{
    color: #689f68;    
}


.big20 {
    font-size: 20px !important;
    font-weight: bold !important; 
    top: 5px !important;
    margin-right: 5px;
}

#page-options a:hover, .cpx-container a:hover 
{
    color: #426642;    
}

#frmupdate {
	display: block;
	margin-bottom: 25px;
}

/**********************/

/*** TABEL OVERSIGT ***/

.detail-header-cols 
{
    font-weight: bold !important;    
}

.detail-col1, .lbl
{
    width: 25%;    
    min-width: 170px;
    vertical-align: top;
}

.detail-col2 
{
    width: 75%;    
	max-width: 900px;
    vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
}

/************************/
    .full-width {
        display: inline-block;
        width: 100%;
    }

    .float-container {
        margin-top: 5px;
        min-height: 20px;
        width: 100%;
    }


.float-left 
{
    display: inline;
    margin-right: 10px;
    margin-bottom: 10px;    
}

.hidden 
{
    display: none;    
}    

.lightup 
{
    cursor: pointer; 
}

.mb5 
{
    margin-bottom: 5px;    
}

.clear 
{
    clear: both;    
}

h2 a
{
    color: #494949;
    font-weight: bold;
    text-decoration: none;    
}

h2 a:hover
{
    text-decoration: underline;    
}

.text-input, .input-text, .http-input { 
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    color: #494949; 
    /*background-image: url(/cosbase/gfx/bg-text.png); */
    background-position: left top;
    background-repeat:  no-repeat;
    height: 24px;
    line-height: 22px;
    text-indent: 5px;
    width: 300px;

    height: 24px;
    padding: 3px 6px;
    font-size: 14px;
    line-height: 1.0em;
    color: #555555;
    vertical-align: middle;
    border: 1px solid #494949;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

    
}

.search-filter { 
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    color: #494949; 
    background-image: url(/cosbase/gfx/bg-search.png); 
    background-position: left top;
    background-repeat:  no-repeat;
    height: 24px;
    line-height: 22px;
    text-indent: 20px;
    width: 280px;
    height: 24px;
    padding: 3px 6px;
    font-size: 14px;
    line-height: 1.0em;
    color: #555555;
    vertical-align: middle;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}



.short-text { 
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    color: #494949; 
    /*background-image: url(/cosbase/gfx/bg-text.png); */
    background-position: left top;
    background-repeat:  no-repeat;
    height: 20px;
    line-height: 20px;
    text-indent: 5px;
    width: 100px;
}

.glyphicon-user:after
{
    position: absolute;
    z-index: 1001;
    bottom: 12px;
    left: 0px;
    height: 16px;
    width: 12px;
    /*content: url(/gfx/shortcut.png);*/
}

.flag {
    position: relative;
    min-width: 12px;
    min-height: 16px;
    margin-bottom:5px;
}

.flag:after
{
    position: absolute;
    z-index: 1001;
    height: 11px;
    width: 11px;
    bottom: 0px;
    left: 0px;
/*    content: url(/gfx/shortcut.png);*/
}

.dd-flag {
    min-width: 23px;
    height: 16px;
    margin-top: 7px;
    margin-left: 10px;
}

.dd-flag:after
{
    position: absolute;
    z-index: 1001;
    height: 11px;
    width: 11px;
    bottom: 0px;
    left: 0px;
    /*content: url(/gfx/shortcut.png);*/
}


.date-input, .input-date, .period {
    cursor:pointer;
    background-image: url(/cosbase/gfx/cal_icon.gif);
    background-repeat:no-repeat;background-position: 5px;
	text-indent: 25px;
	width: 120px;
    height: 25px;
	border: solid 1px #494949;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}

.date-input:hover, .date-input:focus, .period {
	border: solid 1px #494949 !important;
}

.btnless {
	border-style: none;
	background-color: transparent;
}

.btnless0 {
	border-style: none;
	background-color: transparent;
}



.green-icon {
    color: #689f68;
    font-size: 16px;
}

.green {
    color: #689f68;
}



.btn-select     
{
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    color: #ffffff; 
    background-color: #339933; 
    border: solid 2px white;
    width: 150px;
    cursor: pointer;
}

.btn-cos {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 16px;
    font-weight: bold;
    color: #fff; 
    background-color: #689f68;
    border: solid 1px green;
	padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    width: 100%;
    white-space: nowrap;
}



.onoff {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    color: #999999; 
    background-color: #fff;
    border: solid 1px #999999;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    margin-top: 10px;
}

.onoff:hover {
    background-color: #f5f5f5; 
	color: black;
}

.btn-order 
{
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    color: #ffffff; 
    background-color: #339933;
    border-style: none;
    height: 30px;
    line-height: 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    margin-top: 10px;
}

.btn-selected 
{
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    color: #ffffff; 
    background-color: #993333; 
    border: solid 2px white;
    width: 150px;
    cursor: pointer;
}

.textarea-input, .input-textarea { 
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    color: #494949; 
    /*background-image: url(/cosbase/gfx/bg-text.png); */
    background-position: left top;
    background-repeat:  no-repeat;
    height: 75px;
    line-height: 20px;
    text-indent: 5px;
    width: 100%;
    min-width: 200px;
    max-width: 400px;
    border-top: 1px solid #494949;
    border-left: 1px solid #494949;
    border-bottom: 1px solid #494949;
    border-right: 1px solid #494949;
}

.file-input { 
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    color: #494949; 
    /*background-image: url(/cosbase/gfx/bg-text.png);*/ 
    background-position: left top;
    background-repeat:  no-repeat;
    height: 24px;
    line-height: 20px;
    text-indent: 5px;
    min-width: 280px;
    max-width: 500px;
    width: 400px;
    margin-bottom: 10px;
    text-indent: 20px;

    border-top: 1px solid #494949;
    border-left: 1px solid #494949;
    border-bottom: 1px solid #494949;
    border-right: 1px solid #494949;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 

    background-color: transparent;

    opacity: 0.9;

    cursor: pointer;
}

.onfile {
    display: block;
    position: absolute;
    left: 20px;
    top: 5px;
}

.onfile:hover {
    color: #689f68;
}

.file-container {
    height: 30px;
    width: 560px;
    position: relative;
}

.file-input::file-selector-button {
    position: absolute;
    right: 325px;
    font-size: 16px;
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    border: 2px solid #689f68;
    font-weight: bold;
    min-width: 100px;
    color: white;
    padding: .2em .4em;
    border-radius: .2em;
    background-color: #689f68;
    transition: 1s;
    margin-bottom: 15px;
    float: right;
    margin-right: -50px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}

.file-input::file-selector-button:hover {
  background-color: #689f68;
  border: 2px solid #000;
}

.email-input { 
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    color: #494949; 
    /*background-image: url(/cosbase/gfx/bg-text.png);*/ 
    background-position: left top;
    background-repeat:  no-repeat;
    height: 20px;
    line-height: 20px;
    text-indent: 5px;
    width: 300px;
}

.http-input { 
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    color: #494949; 
    /*background-image: url(/cosbase/gfx/bg-text.png);*/ 
    background-position: left top;
    background-repeat:  no-repeat;
    height: 20px;
    line-height: 20px;
    text-indent: 5px;
    width: 300px;
}

.tlf-input { 
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    color: #494949; 
    /*background-image: url(/cosbase/gfx/bg-text.png);*/ 
    background-position: left top;
    background-repeat:  no-repeat;
    height: 20px;
    line-height: 20px;
    text-indent: 5px;
    width: 100px;
}

.input-format, .http-input, .tlf-input
{
    height: 24px;
    padding: 6px 0px;
    font-size: 14px;
    line-height: 1.0em;
    color: #555555;
    vertical-align: middle;
    border: 1px solid #494949;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.textarea-input
{
    padding: 6px;
    font-size: 14px;
    line-height: 1.0em;
    color: #555555;
    vertical-align: middle;
    border: 1px solid #494949;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select-input {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    color: #494949; 
    /*background-image: url(/cosbase/gfx/bg-text.png);*/ 
    background-position: left top;
    background-repeat:  no-repeat;
    height: 25px;
    line-height: 20px;
    text-indent: 5px;
    width: 305px;
    border-top: 1px solid #494949;
    border-left: 1px solid #494949;
    border-bottom: 1px solid #494949;
    border-right: 1px solid #494949;

}

.select-input-customer {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 14px;
    color: #494949; 
    height: 30px;
    padding: 2px;
    line-height: 20px;
    text-indent: 5px;
    width: 305px;
    border: 1px solid #494949;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px; 
    border-radius: 0px; 
}


.multiple-input {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    color: #494949; 
    /*background-image: url(/cosbase/gfx/bg-text.png);*/ 
    background-position: left top;
    background-repeat:  no-repeat;
    text-indent: 5px;
    width: 215px;
    border-top: 1px solid #494949;
    border-left: 1px solid #494949;
    border-bottom: 1px solid #494949;
    border-right: 1px solid #494949;
}

.apb-text-input { 
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    color: #494949; 
    /*background-image: url(/cosbase/gfx/bg-text.png);*/ 
    background-position: left top;
    background-repeat:  no-repeat;
    height: 20px;
    line-height: 20px;
    text-indent: 5px;
    width: 300px;
}

.apb-textarea-input { 
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    color: #494949; 
    /*background-image: url(/cosbase/gfx/bg-text.png);*/ 
    background-position: left top;
    background-repeat:  no-repeat;
    height: 50px;
    line-height: 20px;
    text-indent: 5px;
    width: 300px;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.apb-btn-duplicate {
    margin-top: 5px;
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    color: #ffffff; 
    background-color: #339933; ;
    border-top: solid 2px #004400;
    border-left: solid 2px #004400;
    border-bottom: solid 2px #D2FADA;
    border-right: solid 2px #D2FADA;
    width: 300px;
}

.template-poster {
    width: 310px;
    margin-right: 10px;
    margin-bottom: 10px;
    min-height: 150px;
    float: left;
    padding: 5px;
}

.bgcolor-on {
    background-color: #f5f5f5; /*#D2FADA;*/
}

.bgcolor-off {
    background-color: #ffffff;
}

.bold {
	font-weight: bold;
}

.box 
{
    background-color: #ffffff;
}

.box a 
{
    font-family: 'Roboto', Verdana;
    font-size: 12px;
    color: Black;
    font-weight: bold;
    text-decoration: none;        
}

.box a:hover
{
    text-decoration: underline;        
}

.box:hover {
    background-color: #f5f5f5; /*#D2FADA;*/
}

.hr-line {
    background-color: lawngreen;
    height: 2px;
    min-height: 2px;
}

.required {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    color: red;
}

.lbl {
    text-align: right;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.row-padding {
    margin-top: 5px;
}

form 
{
	margin-left:  auto;
	margin-right: auto;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 13px;
	vertical-align: baseline;
	background: transparent;
}

.filter  
{
    word-spacing: -3px;
}

.nofilter {
	color: #666666;
    white-space: nowrap;
}

.cwrap 
{
    text-decoration:underline;    
    max-width: 100%;
    height: 16px;
    max-height: 16px;

    margin-bottom: 0px;
    margin-right: 0px;
    
    webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;   
}

.page 
{
    width: 1230px;
    margin-left: auto;
    margin-right: auto;
    background-position: -55px -55px; 
    min-height: 400px; 
    /*
    background-image: url(/files/images/baggrund.png); 
    background-repeat: no-repeat;
    */
}

#block-topmenu li 
{

}

#section-logo 
{
    min-height: 60px;
    height: 60px;    
    min-width: 300px;
    top: 25px;
    left: 0px;
    position: absolute;
}

#logo-img 
{
    display: inline-block;
    margin-right: 5px;
}

#logo-text 
{
    display: inline-block;
    min-width: 100px; max-width: 275px; 
}

#language-box
{
        position: absolute;
        top: -5px;
        left: 300px;
        z-index: 10;
        display: none;
    /*float: left;        */
}

.language 
{
    /*float: left;*/
    position: relative;
    min-height: 16px;
    margin-right: 10px;    
    min-width: 20px;
}

.lan-admin 
{
    float: left;
    margin-right: 5px;    
    width: 52px;
}

#section-top
{
    position: relative;    
    min-height: 150px;
    /*background-color: #cccccc;*/
}

#section-bottom 
{
    position: relative;    
    /*background-color: #eeeeee;-*/
}

#section-mid 
{
    width: 100%;
    position: relative;
    min-height: 400px;
    margin-bottom: 50px;
    /*background-color: #dddddd;*/
}


/* SITEMENU STRUCTURE */
#siteMenu 
{
    position: absolute;
    right: 0px;    
    top: 25px;
	clear: both;
	min-height: 31px;
	width: 950px;
}

.selected > a, .selected
{
    font-weight: bold !important;    
}

/* SITE MENU LINKS */ 

.sitemenu-default 
{
    color: Black;    
}

.sitemenu-selected 
{
    color: Black;    
    font-weight: bold;
}

/* COS MENU */
#topMenu 
{
    position: absolute;
    left: 0px;    
    top: 100px;
    border-bottom: 1px solid #494949;
}


/* LEFT MENU */

#column1 
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 175px;
    min-height: 200px;
    height: 200px;
   
}

#column2
{
/*
    position: absolute;
    top: 0px;
    left: 25px;
*/
	margin-left: 0px;
    width: 100%;
    min-height: 400px;
    /*
    border-top: 1px solid seagreen;
    border-left: 1px solid seagreen;
    */
}

.col-header 
{
    background-color: #cccccc;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #aaaaaa;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #bbbbbb;
}

.col-data 
{
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #aaaaaa;
}

.p-col-header-ASC 
{
    background-image: url(/cosbase/gfx/ASC.gif);
    background-repeat: no-repeat;
    background-position: right center;    
    padding-right: 15px;
    cursor: pointer;
    white-space: nowrap;
}

.p-col-header-DESC 
{
    background-image: url(/cosbase/gfx/DESC.gif);
    background-repeat: no-repeat;
    background-position: right center;    
    padding-right: 15px;
    cursor: pointer;
    white-space: nowrap;
}

#block-content 
{
    padding: 0px;
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: 10px;
}

#block-content img 
{
    /* CHROME BLOWS !!! */
   /* max-width: 100%;     */
}

div > img, h1 > img
{
   max-width: 100%;
}


/*
#column2 a {
    color:#339933;
}
*/
hr {
    background-color: #339933;
    border-color: #339933;
    color: #339933;
}

th {
    text-align: left;
}

td {
    font-size: 13px;
    text-align: left;
}

.white {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

/* LOGIN */

.section-login {
    position: absolute;
    right: 0px;
    top: 25px;
    width: 100%;
    min-width: 70px;
    max-width: 300px;
    min-height: 40px;
    text-align: left;
    margin-right: 10px;
    margin-bottom: 10px;
    clear: both;
    /*overflow: hidden;*/
}

/* VALGT ARBEJDSSTED */

#login 
{
    position: absolute;
    top: 0px;
    right: 0px;    
    width: 32px;
}


#workplace 
{
    position: absolute;
    left: 0px;
    top: 18px;
    width: 220px;
    min-height: 20px;
    text-align: right;
    font-family: 'Roboto', Verdana;
    font-size: 12px;
}

#lbl-login {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 220px;
    min-height: 20px;
    text-align: right;
}

.lbl-info, .lbl-header, .detail-header-cols {
	color: #494949;
	font-weight: bold;
}

.o-lbl-info {
	color: #66cc55 !important;
	font-weight: bold;
}


#loginform 
{
    min-height: 50px; 
}    

#login 
{
    cursor: pointer;    
    color: Silver;
}

#login:hover
{
    cursor: pointer;    
    color: black;
}


.formitem 
{
    height: 30px;    
}
    
#login-toggle 
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    border-left: solid 1px silver;
    border-top:  solid 1px silver;
    -webkit-box-shadow: #666666 3px 3px 3px;
    -moz-box-shadow: #666666 3px 3px 3px; 
    box-shadow: #666666 3px 3px 3px;

    width: 50px;
    height: 16px;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

#login-toggle:hover 
{
    background-color: #339933;
    color: White;   
}

.loginname-input, .logincode-input, .loginmail-input { 
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    color: #494949; 
    background-position: left top;
    background-repeat:  no-repeat;
    height: 34px !important;
    line-height: 34px;
    text-indent: 25px;
    min-width: 200px;
    max-width: 280px;
    width: 100%;
    border: solid 1px #494949;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    /*
    -webkit-box-shadow: #666666 3px 3px 3px;
    -moz-box-shadow: #666666 3px 3px 3px; 
    box-shadow: #666666 3px 3px 3px;
    */
}

.loginname-input { 
    background-image: url(/gfx/icon-username.png); 
    background-position: 2px center;
    background-repeat:  no-repeat;
}

.logincode-input { 
    background-image: url(/gfx/icon-password.png); 
    background-position: 2px center;
    background-repeat:  no-repeat;
}

.loginmail-input { 
    background-image: url(/gfx/icon-mail.png); 
    background-position: 3px 3px;
    background-repeat:  no-repeat;
}

.btn-login {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    color: #ffffff; 
    background-color: #339933;
    border-style: none;
    min-width: 65px;
    height: 24px;
    line-height: 16px;
}

/* VALGT KUNDE */
#customer-selector
{
    position: absolute;
    left: 250px;
    top: 70px;
    width: 350px;
    height: 50px;
    min-height: 50px;
    text-align: left;
    font-family: 'Roboto', Verdana;
    font-size: 14px;
    white-space: nowrap;
}

form {
    padding: 0px;
    margin: 0px;
}

.filter {
	color:white;
}

a.filter {
	color:white;
}

.filter a {
    color: black;
}

.filter a:hover {
	color:black !important;
}


.m1-default, .m1-default a, a.m1-default
{
    color: black;   
    text-decoration: none;
}

.m1-selected, .m1-selected a, a.m1-selected
{
    color: black;   
    font-weight: bold;
    text-decoration: none;
}

.m2-default 
{
    font-weight: normal;    
}

.m2-selected 
{
    font-weight: bold;
}

.wp-link 
{
    color: Black;
    color: #4a934a;
    text-decoration: underline;    
}

.wp-selector {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 200px;
}


.produkt_menu_blok > li 
{
    padding-top: 5px;    
}

.produkt_menu_blok > .produkt_menu_blok {
	

}

.page-header 
{
    color: #494949;
    padding-top: 0px;
    margin-top: 0px;
    font-size: 20px;    
    line-height: 32px;
    /*
    border-bottom: 1px solid #000 !important;
    */
}

.block-header 
{
    padding-top: 0px;
    margin-top: 0px;
    font-size: 1.0em;    
    line-height: 1.0em;
}

#detail-menu 
{
    margin-bottom: 10px;    
}

#detail-menu a
{
    color: Black;
    text-decoration: none;    
}

#detail-menu a:hover
{
    color: Black;
    text-decoration: underline;    
}

.action-menu-selected 
{
    font-weight: bold;    
}

#page-selector1 
{
    margin-top: 5px;
    float: left;    
}

#page-selector1 a
{
    color: Black;
    text-decoration: none;    
    font-size: 1.0em;
}

#page-selector1 a:hover
{
    color: Black;
    text-decoration: underline;    
}

.pager 
{
    margin-bottom: 10px !important;    
    text-align: left;
}

.pager .glyphicon 
{
    top: 2px;
}

.pager .glyphicon:hover 
{
    color: red;    
}

#page-selector2 
{
    margin-top: 10px !important;
}

#page-selector2 a
{
    color: Black;
    text-decoration: none;    
    font-size: 1.0em;
}

#page-selector2 a:hover
{
    color: Black;
    text-decoration: underline;    
}

.pager > li 
{
    margin-right: 5px;    
    margin-bottom: 5px;
}

.pager > li > a > span 
{
    height: 20px;    
}

.pager_selected 
{
    font-weight: bold;    
    color: #689f68 !important;
}

.pager-header 
{
    font-weight: bold;    
}

#frmsearch 
{
    width: 100%;
    min-width: 320px;
    max-width: 1080px;    
    float: left;
}

fieldset 
{
    border-style: none;    
    padding-bottom: 10px;
}

legend 
{
    /*
    background-image: url(/cosbase/gfx/spyglass.gif); 
    background-position: left center;
    background-repeat:  no-repeat;
    */
    cursor: pointer;    
}

#excel 
{
    float: right;
/*    position: absolute;
    top: 0px;
    right: 0px;    
*/
}

.excel 
{
    float: right;
    margin-bottom: 5px;
    height: 16px;
    /*
    position: absolute;
    top: 20px;
    right: 20px;    
    */
}

.icon-excel 
{
    background-image: url(/cosbase/gfx/xexcel.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-top: 16px;
    padding-left: 16px;
}

.notul, .checkbox-select 
{
    padding: 0px;
    margin: 0px;    
    list-style: none;
}

.notli 
{
    padding: 0px;
    margin: 0px;    
    list-style: none;
    line-height: 22px;
}

.dep-choice-c1 {
    width:400px;float:left;margin-right:5px;margin-bottom:5px;
}

.dep-choice-c2 {
    width:400px;float:left;margin-bottom:5px;
}

.chk-float 
{
    float: left;    
}

.pv-row 
{
    width: 100%;    
    min-height: 20px;
    font-size: 13px;
}

.pv-lbl {
    width: 210px;
    padding: 5px;    
    padding-left: 0px;
    float: left;
    text-align: right;
}

.pv-obj 
{
    width: 600px;
    padding: 5px;    
    padding-right: 0px;
    float: left;
}

.clear 
{
    clear: both;    
}

.pv-language 
{
    width: 16px;
    height: 13px;    
}

.selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
.selectable li { margin: 3px; padding: 0.4em; font-size: 1.0em; min-height: 18px; }
.selectable li:hover, .productline:hover 
{
    background-color: #ffffef;    
}

.btn-cos, .btn-upload-y, .btn-close, .btn-update, .btn-submit, .btn-login, .btn-select, .btn-green, .btn-exit
 {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 16px;
    font-weight: bold;
    color: #fff; 
    background-color: #68A068;
    border: solid 2px #68A068;
	padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    min-width: 100px;
    white-space: nowrap;
    transition: 0.5s;
}

.btn-disabled
 {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 16px;
    font-weight: bold;
    color:  #ddd; 
    background-color: Silver;
    border: solid 2px silver;
	padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    min-width: 100px;
    white-space: nowrap;
    transition: 0.5s;
}


.btn-cos:hover, .btn-upload-y:hover, .btn-close:hover, .btn-update:hover, .btn-submit:hover, .btn-login:hover, .btn-select:hover, .btn-green:hover, .btn-exit:hover {
  border: 2px solid #000;
}

.btn-green {
    max-width: 200px;
}

.btn-search
{
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 16px;
    font-weight: bold;
    color: #fff; 
    background-color: #68A068;
    border: solid 1px #68A068;
	padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px; 
    border-radius: 15px; 

    min-width: 100px;
    max-width: 150px;
    white-space: nowrap;
}



.btn-search-x, .btn-upload {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    background-color: #ffd800;
    border-color: #ffd800;
    border-top: solid 2px #ffea78;
    border-left: solid 2px #ffea78;
    border-bottom: solid 2px #d6ac06;
    border-right: solid 2px #d6ac06;
    cursor: pointer;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 100px;

    background: #ffd800;
    /*
    background: -webkit-linear-gradient(top, #ffea78, #ffd800);
    background: -moz-linear-gradient(top, #ffea78, #ffd800);
    background: -o-linear-gradient(top, #ffea78, #ffd800);
    background: linear-gradient(to bottom, #ffea78, #ffd800);
    */
    background: -webkit-linear-gradient(top, #ffffaf, #d0d04c);
    background: -moz-linear-gradient(top, #ffffaf, #d0d04c);
    background: -o-linear-gradient(top, #ffffaf, #d0d04c);
    background: linear-gradient(to bottom, #ffffaf, #d0d04c);
    color: black;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);

    -webkit-box-shadow: #666666 3px 3px 3px;
    -moz-box-shadow: #666666 3px 3px 3px; 
    box-shadow: #666666 3px 3px 3px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}

.btn-close-x {

    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    background-color: #00aa00;
    color: #a0ffa0;
    border-top: solid 2px #ff9999;
    border-left: solid 2px #a0ffa0;
    border-bottom: solid 2px #b20000;
    border-right: solid 2px #b20000;
    cursor: pointer;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 100px;

    background: #00aa00;
    background: -webkit-linear-gradient(top, #00ee00, #006600);
    background: -moz-linear-gradient(top, #00ee00, #006600);
    background: -o-linear-gradient(top, #00ee00, #006600);
    background: linear-gradient(to bottom, #00ee00, #006600);
    border-color: #5d0000;
    color: white;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);

    -webkit-box-shadow: #666666 3px 3px 3px;
    -moz-box-shadow: #666666 3px 3px 3px; 
    box-shadow: #666666 3px 3px 3px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px; 
    margin-left: auto;
    margin-right: auto;
}

.btn-green-x {

    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    background-color: #00aa00;
    color: #a0ffa0;
    border-top: solid 2px #ff9999;
    border-left: solid 2px #a0ffa0;
    border-bottom: solid 2px #b20000;
    border-right: solid 2px #b20000;
    cursor: pointer;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 100px;

    background: #00aa00;
    background: -webkit-linear-gradient(top, #00ee00, #006600);
    background: -moz-linear-gradient(top, #00ee00, #006600);
    background: -o-linear-gradient(top, #00ee00, #006600);
    background: linear-gradient(to bottom, #00ee00, #006600);
    border-color: #5d0000;
    color: white;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);

    -webkit-box-shadow: #666666 3px 3px 3px;
    -moz-box-shadow: #666666 3px 3px 3px; 
    box-shadow: #666666 3px 3px 3px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px;
    
}


.btn-delete-x {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    background-color: #aa0000;
    color: #ffa0a0;
    border-top: solid 2px #ff9999;
    border-left: solid 2px #ffa0a0;
    border-bottom: solid 2px #b20000;
    border-right: solid 2px #b20000;
    cursor: pointer;
    padding: 2px;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 100px;

    background: #aa0000;
    background: -webkit-linear-gradient(top, #ee0000, #660000);
    background: -moz-linear-gradient(top, #ee0000, #660000);
    background: -o-linear-gradient(top, #ee0000, #660000);
    background: linear-gradient(to bottom, #ee0000, #660000);
    border-color: #5d0000;
    color: white;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);

    -webkit-box-shadow: #666666 3px 3px 3px;
    -moz-box-shadow: #666666 3px 3px 3px; 
    box-shadow: #666666 3px 3px 3px;

    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important; 
    border-radius: 5px !important; 
}

.btn-delete, .btn-close 
 {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 16px;
    font-weight: bold;
    color: #fff; 
    background-color: #BC4749;
    border: solid 1px green;
	padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    min-width: 200px;
    max-width: 300px;
    white-space: nowrap;


    background: #BC4749 !important;
    border-color: #BC4749;
    border: 1px solid #BC4749;
    color: white;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);

    -webkit-box-shadow: #000 0px;
    -moz-box-shadow: #000 0px; 
    box-shadow: #000 0px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}

.btn-delete-sds 
 {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 16px;
    font-weight: bold;
    color: #fff; 
    background-color: #BC4749;
    border: solid 1px green;
	padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    min-width: 100px;
    max-width: 150px;
    white-space: nowrap;
    width: 150px;

    background: #BC4749 !important;
    border-color: #BC4749;
    border: 1px solid #BC4749;
    color: white;
    font-weight: bold;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);

    -webkit-box-shadow: #000 0px;
    -moz-box-shadow: #000 0px; 
    box-shadow: #000 0px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}



.btn-logoff
 {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 16px;
    font-weight: bold;
    color: #fff; 
    background-color: #BC4749;
    border: solid 1px green;
	padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    min-width: 100px;
    max-width: 300px;
    white-space: nowrap;


    background: #BC4749 !important;
    border-color: #BC4749;
    border: 1px solid #BC4749;
    color: white;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);

    -webkit-box-shadow: #000 0px;
    -moz-box-shadow: #000 0px; 
    box-shadow: #000 0px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}



.btn-file-delete {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    background-color: #aa0000;
    color: #ffa0a0;
    border-top: solid 2px #ff9999;
    border-left: solid 2px #ffa0a0;
    border-bottom: solid 2px #b20000;
    border-right: solid 2px #b20000;
    cursor: pointer;
    padding: 2px;
    padding-left: 2px;
    padding-right: 2px;

    background: #aa0000;
    background: -webkit-linear-gradient(top, #00ee00, #660000);
    background: -moz-linear-gradient(top, #ee0000, #660000);
    background: -o-linear-gradient(top, #ee0000, #660000);
    background: linear-gradient(to bottom, #ee0000, #660000);
    border-color: #5d0000;
    color: white;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);

    -webkit-box-shadow: #666666 3px 3px 3px;
    -moz-box-shadow: #666666 3px 3px 3px; 
    box-shadow: #666666 3px 3px 3px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 
}

.btn-delete-file {
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    background-color: #aa0000;
    color: #ffa0a0;
    border-top: solid 2px #ff9999;
    border-left: solid 2px #ffa0a0;
    border-bottom: solid 2px #b20000;
    border-right: solid 2px #b20000;
    cursor: pointer;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;

    background: #aa0000;
    background: -webkit-linear-gradient(top, #00ee00, #660000);
    background: -moz-linear-gradient(top, #ee0000, #660000);
    background: -o-linear-gradient(top, #ee0000, #660000);
    background: linear-gradient(to bottom, #ee0000, #660000);
    border-color: #5d0000;
    color: white;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);

    -webkit-box-shadow: #999 3px 3px 3px;
    -moz-box-shadow: #999 3px 3px 3px; 
    box-shadow: #999 3px 3px 3px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px; 
    border-radius: 15px; 
}



.btn-update-x, .btn-submit-x, .btn-login-x, .btn-select-x 
{
    /*
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    */
    font-family: 'Roboto', Verdana, Geneva, Arial, helvetica, sans-serif; 
    font-size: 13px;
    font-weight: bold;
    color: #a0ffa0;
    cursor: pointer;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-right: 10px;

    background: #00aa00;
    /*
    background: -webkit-linear-gradient(top, #00ee00, #006600);
    background: -moz-linear-gradient(top, #00ee00, #006600);
    background: -o-linear-gradient(top, #00ee00, #006600);
    background: linear-gradient(to bottom, #00ee00, #006600);
    */
    background: -webkit-linear-gradient(top, #d7ebca, #08a041);
    background: -moz-linear-gradient(top, #d7ebca, #08a041);
    background: -o-linear-gradient(top, #d7ebca, #08a041);
    background: linear-gradient(to bottom, #d7ebca, #08a041);
    
    border-color: #08a041;
    color: white;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    min-width: 100px;

    -webkit-box-shadow: #666666 3px 3px 3px;
    -moz-box-shadow: #666666 3px 3px 3px; 
    box-shadow: #666666 3px 3px 3px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    border-radius: 5px; 

	-webkit-border-radius: 5px !important; 
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
}

.btn-update > a {
	color: white;
	font-weight: bold;
}

.btn-update > a:hover {
	color: white;
	font-weight: bold;
	text-decoration: none;
}


.exec-block {
	padding-bottom: 10px;
	padding-left: 8px !important;
}

tr > th:first-child
{
    -webkit-border-radius: 4px 0px 0px 0px;
    -moz-border-radius: 4px 0px 0px 0px; 
    border-radius: 4px 0px 0px 0px; 
}

/*, td:first-child */

tr > th:last-child
{
    -webkit-border-radius: 0px 4px 0px 0px;
    -moz-border-radius: 0px 4px 0px 0px; 
    border-radius: 0px 4px 0px 0px; 
}

.file-list dl 
{
    clear: both;   
    height: 15px; 
}

.file-list dt 
{
    float: left;    
}

.file-list dd 
{
    float: right;    
}

.ui-state-default
{
    border-color: #689f68;    
}

.print-x 
{
    margin-left: auto;
    margin-right: auto;    
}


.print-x, .print-columns-x
{
    -web-kit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    padding-bottom: 5px;
}

.print-columns-2 {
    column-count: 2;
    padding-bottom: 5px;
}

.print-columns-3 {
    column-count: 3;
    padding-bottom: 5px;
}


.columns-x-150 
{
    -web-kit-column-width: 150px;
    -moz-column-width: 150px;
    column-width: 150px;
    padding-bottom: 25px;
    column-gap: 15px;
    column-rule-style: outset;
    column-rule-color: #eee;
    column-rule-width: 2px;
}

.columns-x-150 > div
{
    -webkit-break-inside: avoid-column;
    -moz-break-inside: avoid-column;
    break-inside: avoid-column;
    column-break-inside: avoid-column;
    -webkit-column-break-inside: avoid-column;
    -moz-column-break-inside: avoid-column;
    page-break-inside: avoid-column;
    -webkit-page-break-inside: avoid-column;
    -moz-page-break-inside: avoid-column;
}

.print-x2
{
    padding-bottom: 5px;
    column-count: 2;
}

.print-x > .print-option, .print-x2 > .print-option, .print-columns-x > .print-option
{

    -webkit-break-inside: avoid-column;
    -moz-break-inside: avoid-column;
    break-inside: avoid-column;
}

.ellips {
	width: 240px;
	white-space: nowrap;
	overflow: hidden;
/*	text-overflow: ellipsis;*/
}

.print-label-ellipsis {
    position: relative; 
    top: 10px; 
    width: 200px; 
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

.nobr {
    white-space:nowrap;
}

.sds-archive {
    margin-top: 15px;
    color: #999;
}
.sds-archive-link {
    color: #999;
}
.sds-current, .csi-current {
    font-weight: bold;
}

.print-option
{
    position: relative;
    margin-bottom: 10px;    
    width: 100%;
    -webkit-break-inside: avoid-column;
    -moz-break-inside: avoid-column;
    break-inside: avoid-column;
    /*display: inline-block;*/
	/*white-space: nowrap;*/
    /*overflow: hidden;*/
    cursor: pointer;
	text-overflow: ellipsis;
}


@media screen and (min-width:640px)  {
    .print-x > .print-option
    {
        text-align: center;
    }
}

@media screen and (max-width:640px)  {
    .print-x > .print-option
    {
        text-align: left;
    }
    /*
    .print-x, .print-columns-x
    {
        -web-kit-column-width: 300px;
        -moz-column-width: 300px;
        column-width: 300px;
        padding-bottom: 15px;
    }
    */
    .filler 
    {
        display: none;    
    }
    
}


.print-option > label
{
    margin-left: 0px;        
}

label 
{
    margin-left: 5px;        
	display: inline-block;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}



.lanimg 
{
    height: 16px;    
}

@media screen and (min-width:1px) and (max-width:766px) {

    tr > th:first-child
    {
        -webkit-border-radius: 4px 0px 0px 0px;
        -moz-border-radius: 4px 0px 0px 0px; 
        border-radius: 4px 0px 0px 0px; 
    }

    tr > th:last-child
    {
        -webkit-border-radius: 0px 4px 0px 0px;
        -moz-border-radius: 0px 4px 0px 0px; 
        border-radius: 0px 4px 0px 0px; 
    }

    #option-print 
    {
        display: none;    
    }
   
}

@media screen and (min-width:481px) and (max-width:766px) {

    tr > th:first-child
    {
        -webkit-border-radius: 4px 0px 0px 0px;
        -moz-border-radius: 4px 0px 0px 0px; 
        border-radius: 4px 0px 0px 0px; 
    }

    tr > th:last-child
    {
        -webkit-border-radius: 0px 4px 0px 0px;
        -moz-border-radius: 0px 4px 0px 0px; 
        border-radius: 0px 4px 0px 0px; 
    }

}

@media screen and (min-width:1px) and (max-width:767px) {

    #column2 {
        margin-left: 0px;
    }

    th {
        font-size: 13px;
        text-align: left;
    }

    td {
        font-size: 13px;
        text-align: left;
    }

    tr > th:first-child
    {
        -webkit-border-radius: 4px 0px 0px 0px;
        -moz-border-radius: 4px 0px 0px 0px; 
        border-radius: 4px 0px 0px 0px; 
    }

    tr > th:last-child
    {
        -webkit-border-radius: 0px 4px 0px 0px;
        -moz-border-radius: 0px 4px 0px 0px; 
        border-radius: 0px 4px 0px 0px; 
    }


    .page-header 
    {
        color: #494949;
        padding-top: 0px !important;
        margin-top: 0px !important;
        font-size: 20px !important;    
        line-height: 32px !important;
        /*border-bottom: 1px solid #000;*/
    }
    
    /*** TABEL OVERSIGT ***/

    .detail-header-cols 
    {
        font-weight: bold !important;    
    }

    .detail-col1, .lbl 
    {
        width: 25%;    
        min-width: 100px;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
    }

    .detail-col2 
    {
        width: 75%;    
    }

    /*** ACTION PANEL *****/

    #page-options 
    {
        position: absolute;
        top: 0px;
        right: 5px;
        text-align: right;        
    }

    #page-options a 
    {
        font-size: 32px;
        color: silver;    
        margin-left: 10px;
    }

    #page-options a:hover, #page-options a:focus, #page-options a:active  
    {
        color: #689f68;    
    }

    /**********************/


    .page 
    {
        width: 100%;    
        background-image: none;
    }
    
    #loginform 
    {
        display: block;
        float: right;        
        width: 100%;
    }

    .glyphicon-user:after
    {
        position: absolute;
        z-index: 1001;
        bottom: 12px;
        left: 0px;
        height: 16px;
        width: 12px;
        content: "";
    }

    .nb3
    {
        /*display: none;    */
    }

    .section-login {
        position: absolute;
        z-index: 1;
        /*
        left: 50px;
        top: -54px;
        */
        right: 0px;
        top: 0px;

        width: 40px;
        max-width: 40px;
        min-height: 40px;
        text-align: left;
        margin-right: 10px;
        margin-bottom: 10px;
        clear: both;
        overflow: hidden;
        /*
        display: none;
        */
    }
    
    #login 
    {
        position: absolute;
        z-index: 0;
        top: 0px;
        right: 0px;    
    }
    
    .glyphicon-user 
    {
        font-size: 1.0em;    
    }
    
    .login 
    {
        top: 0px !important;
        margin: 0px !important;
        padding: 0px !important;
        font-size: 32px !important;
    }
    
    .nav .login 
    {
        font-size: 1em !important;    
        padding: 10px 10px !important;
    }
    
    #lbl-login {display:none;}
    #workplace {display:none;}
    
    #section-mid 
    {
        width: 100%;
        position: relative;
        top: 0px;
        left: 0px;
        min-height: 100px;
        float: left;
        padding: 10px;
        padding-left: 0px;
        padding-top: 0px;
        /*border: solid 1px red;*/
    }


    #column1 
    {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        float: left;    
    }

    #column2 
    {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        float: left;    
    }

    #topMenu 
    {
        position: relative;
        left: auto;    
        top: -10px;
        float: left;
        margin-right: 10px;
        margin-bottom: 0px;
        width: 100%;
        border-bottom: 1px solid #494949;
    }

    #siteMenu 
    {
        position: relative;
        left: auto;
        top: auto;
    	min-height: 50px;
        width: 100%;
        float: left;    
        margin-right: 10px;
    }

    #section-top 
    {
        width: 100%;
        position: relative;
        min-height: 100px;
        margin-right: 10px;
        margin-bottom: 0px;
        clear: both;
        /*background-color:#dddddd;*/
        /*border: solid 1px #666666;*/
    }

    #section-logo 
    {
        min-height: 40px;
        width: 500px;
        top: auto;
        left: auto;
        position: relative;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        clear: both;
    }


    /*
    #siteMenu ul li
    {
	    float: left;
        list-style-type: none;	
    }
    */

    #logo-img 
    {
        margin-top: 10px;
        text-align: left;  
        margin-left: 0px;
        margin-top: 0px;
    }

    #logo-text 
    {
        margin-top: 10px;
        margin-left: 0px;
        text-align: left;
    }

    #language-box
    {
        width: 100px;
        min-height: 25px;
        position: absolute;
        top: 20px;
        left: 220px;
        z-index: 10;
        display: block;
    }
    
    #language-picker 
    {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }
    
    #language-picker > li
    {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    
    #language-picker > li > a > img 
    {
        min-height: 16px;    
        min-width: 24px;
        max-width: 100%;
    }

    .language 
    {
        /*float: left;*/
        margin-right: 10px;    
        margin-bottom: 5px;
        min-height: 24px;
    }
    
    .lanimg 
    {
        height: 24px;    
    }

    .columns-3xs 
    {
        -web-kit-column-width: 16px;
        -moz-column-width: 16px;
        column-width: 16px;
    }

    .columns-3xs > div
    {
        -webkit-break-inside: avoid-column;
        -moz-break-inside: avoid-column;
        break-inside: avoid-column;
        margin-bottom: 10px;
    }
    
    div 
    {
        
    }
    
    .float-left 
    {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;    
    }

    .interactive
    {
        position: absolute;
        z-index: 1001;
        bottom: 12px;
        left: 0px;
        height: 16px;
        width: 12px;
        /*content: url(/gfx/shortcut.png);*/
    }

    .flag:after
    {
        cursor: pointer;
        position: absolute;
        z-index: 1001;
        bottom: 4px;
        left: 0px;
        height: 16px;
        width: 12px;
        /*content: url(/gfx/shortcut.png);*/
    }

}

@media screen and (min-width:1px) and (max-width:480px) {

    #loginform, #forgotten 
    {
        float: none;        
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 175px;
    }
    
    #search-cosid, #search-fk_anvendelse_id, #search-kodenr, #search-ekstra_nummer1, #search-ekstra_nummer2, #search-mk_gruppestoffer_kandidatlisten, #search-mk_produkttype, #search-mk_indholdsstoffer_cas, #search-mk_h_saetninger_clp, #search-mk_maerkning_clp, #search-mk_klassificering_clp, #search-farlighed_brand_og_eksplosion, #search-farlighed_sundhed, #search-farlighed_miljoe, #search-fk_tilstand_id, #search-mk_gruppestoffer_kraeftlisten, #search-es
    {
        display: none;    
    } 

}

@media screen and (min-width:400px) and (max-width:640px) {

    #loginform, #forgotten 
    {
        float: none;        
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 175px;
    }

}

@media screen and (min-width:640px) and (max-width:1280px)  {

}

@media screen and (min-width:1280px) {


}

	.x150 {
		-web-kit-column-width: 200px !important;
		-moz-column-width: 200px !important;
		column-width: 200px !important;
		padding-bottom: 5px !important;
	}

    .columns-x 
    {
        -web-kit-column-width: 233px;
        -moz-column-width: 233px;
        column-width: 233px;
        padding-bottom: 15px;
    }

    .columns-x > ul > li
    {
        -webkit-break-inside: avoid-column;
        -moz-break-inside: avoid-column;
        break-inside: avoid-column;
    }
    
    .columns-x-item 
    {
        position: relative;
        margin-bottom: 10px;    
        width: 100%;
        -webkit-break-inside: avoid-column;
        -moz-break-inside: avoid-column;
        break-inside: avoid-column;
        display: inline-block;
    }

    .panel-x 
    {
        position: relative;
        margin-bottom: 0px;    
        width: 99%;
        -webkit-break-inside: avoid-column;
        -moz-break-inside: avoid-column;
        break-inside: avoid-column;
        display: inline-block;
    }

.adminkeys {
    background-color: silver;
    font-size: 16px;
    padding: 10px;
    margin: 0px;
    margin-top: 25px;
}

.admin-keys {
    border: solid 1px silver;
    padding: 10px;
}


.directlink:before 
{
    /*content: url(/gfx/shortcut.png);*/
    padding-right: 5px;
}

.directlink-red:before 
{
    /*content: url(/gfx/shortcut-red.png);*/
    padding-right: 5px;
}

.directlink:hover, .directlink-red:hover
{
    background-color: #ffffe0;    
}

.table-search 
{
    margin-left: 10px;    
    margin-right: 10px;
}

#pm_0 li, #pm_0 .dep
{
    display: block;
    min-height:32px; 
    clear:both;    
	border-bottom: 2px solid #f5f5f5;
}

#pm_0 li:hover, #pm_0 .dep:hover
{
    background-color: #ffffa0 !important;
}

#pm_0 li:nth-child(even)
{
    /*background-color: #f5f5f5; */
}
#pm_0 li:nth-child(odd)
{
   /*background-color: #fff;*/
}


.table-list, .table-lookup {
    width: 100%;
}

.table-list > tbody > td {
    font-size: 13px !important;
}

.table-list > tbody > th > a, .table-lookup  > tbody > th > a {
    color: #494949;
}

.table-list th {
    color: #494949;
    text-align: left;
    border-bottom: solid 1px black;
}

.table-detail, .table-lookup
{
    width: 100%;
}

.table-detail th {
    padding-top: 15px;
    color: #494949;
    text-align: left;
    border-bottom: solid 1px black;
}

.table-edit {
	width: 100%;
    margin-bottom: 15px;
}

.table-edit > tbody > tr:nth-child(even) td, .table-list > tbody > tr:nth-child(even) td
{
    background-color: #ffffff ; /*#D2FADA;*/
}
.table-edit > tbody > tr:nth-child(odd) td, .table-list > tbody > tr:nth-child(odd) td
{
   background-color: #f5f5f5;
}

.table-lookup > tbody > tr:nth-child(even) td
{
    background-color: #ffffff !important;
    padding: 5px;
}
.table-lookup > tbody > tr:nth-child(odd) td  
{
    background-color: #f5f5f5 !important;
    padding: 5px;
}




.table-edit > tbody > tr:nth-child(even) th, .table-list > tbody > tr:nth-child(even) th
{
	text-align: left;
    border-bottom: solid 1px black;
}
.table-edit > tbody > tr:nth-child(odd) th, .table-list > tbody > tr:nth-child(odd) th   
{
	text-align: left;
    border-bottom: solid 1px black;
}

.table-edit tr:first-child th {
	font-size: 16px !important;
}

.table-edit > tbody > tr > td 
{
    padding-top: 5px;
    padding-bottom: 5px;    
}

.table-edit th {
    padding-top: 15px;
    color: #68A068;
}

.table-content {
	border-collapse: collapse;
	padding: 5px;
}

.table-content td {
	padding: 5px;
}

.popup {
	max-width: 640px;
}

.table-search > .form-group:nth-child(even) 
{
   /* background-color: #d2fada;*/
}
.table-search > .form-group:nth-child(odd) 
{
    /*background-color: #fff;*/
}

.table-search > .form-group 
{
    margin-top: 0px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-bottom: 0px;    
}

.search-control input[type="checkbox"] 
{
    width: 1.0em;
    height:  1.0em;    
}

.search-control 
{
    
}

.ml10 
{
    margin-left: 5px;    
    margin-bottom: 5px;
}

.columns-x 
{
    -web-kit-column-width: 300px;
    -moz-column-width: 300px;
    column-width: 300px;
    padding-bottom: 15px;
}

.columns-x > .x-item
{
    -webkit-break-inside: avoid-column;
    -moz-break-inside: avoid-column;
    break-inside: avoid-column;
}

.x-item 
{
    margin-bottom: 10px;
    padding: 5px;    
}

.fields-ordering-info, .print-info 
{
    font-style: italic;    
    color: #999999;
    font-size: 13px;
}

.print-option > .glyphicon 
{
    color: #689f68 !important;    
}

.round 
{
    /*
    -webkit-box-shadow: #666666 3px 3px 3px;
    -moz-box-shadow: #666666 3px 3px 3px; 
    box-shadow: #666666 3px 3px 3px;
    */
    background-color: #68A068; 
    border: none 0;
    color: White;

    height: 24px;
    width: 24px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px; 
    border-radius: 12px; 
    text-align: center;
    padding: 0px;
}

.round > .glyphicon-plus
{
    padding: 0px;
    margin: 0px;
    top: -1px;
    left: 0px;
}

#display-name  {
    width: 100%;
    max-width: 240px;
    height: 24px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.4285;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #494949;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.ul-toggler  
{
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    padding-bottom: 2px;
    font-size: 13px;
    margin-right: 10px;
    cursor: pointer;
}

.block 
{
    display: block;    
}

.btn, .nav > li > a, a, .form-control, .login {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.row-toggle-detail {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.row-toggle-detail > .row-toggle-item {
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

/* clc */

.clc-color-0, .clc-color-4 {
    font-size: 2em;
    color: Silver;
}

.clc-color-1 {
    font-size: 2em;
    color: #689f68;
}

.clc-color-2 {
    font-size: 2em;
    color: #ddd654;
}

.clc-color-3 {
    font-size: 2em;
    color: Red;
}

.frm-submit-row {
    margin-bottom: 25px;
    padding-bottom: 25px;
}

/*
.dialogscroll {
	height: 700px;
	width: 90%;
	overflow-y: scroll; 
	overflow-x: hidden;			
}
*/

.ui-button-text {
	display: none;
}

.subheader {
    color: #494949 !important;
}

.section-header {
    color: #494949 !important;
    border-bottom: 1px dashed #666666 !important;
}


.developer-sql, .developer {
    margin-top: 10px;
	clear: both;
    border: 1px solid #cccccc;
	padding: 5px;
	background-color: #eeeeee;
	color: #999999;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.p-l-0 {
	padding-left: 0px !important;
}

label {
	text-transform:  none;
}

.padbottom {
	padding-top: 0px;
	padding-bottom: 15px;
}

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

.dashboard {
  list-style: none;
}

.dashboard li::before {
  content: "\2022";
  font-weight: bold;
  font-size: 1.25em;
  display: inline-block; 
  width: 0.75em;
  margin-left: -0.5em;
}

.dashboard .none::before {
	content: "";
	width: 0px;
	list-style-type: none;
	text-align: center;
	margin-left: 0px;
}
.dashboard .red::before {
  color: red;
}
.dashboard .green::before {
  color: #689f68;
}
.dashboard .yellow::before {
  color: #ffd800;
}
.dashboard .silver::before {
  color: silver;
}
.dashboard .blue::before {
  color: darkblue;
}

.dashboard .white {
	text-transform: capitalize;
	font-weight: normal;
}

.process-copy-pnumber {
	clear: both;
    border: 1px solid silver;
	padding: 10px;
	background-color: #ffffe0;
	color: #494949;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	margin-bottom: 15px;
}

.disabled {
	background-color: #dddddd !important;
	border-color: #cccccc !important;
	color: #999999 !important;
	font-weight: normal !important;
	font-style: italic;
}

.th1, .nowrap {
	white-space: nowrap;
}

.th2 {
	white-space: nowrap;
}

.fw-normal li label, .fw-normal label, .checkbox-select li label {
	font-weight: normal !important;
}

.badge-success {
	background-color: #4a934a !important;
}

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

.padding-left {
	padding-left: 5px;
}

.ok-button {
	border: none;
	background-color: transparent;
	height: 32px;
	line-height: 16px; 
	color: silver !important;
}

.button-active {
	border: none;
	background-color: transparent;
	height: 32px;
	line-height: 16px; 
	color: #689f68 !important;
	text-decoration: none;
	font-weight: bold;
}

.button-inactive {
	border: none;
	background-color: transparent;
	height: 32px;
	line-height: 16px; 
	color: #689f68 !important;
}

.button-inactive:hover {
	border: none;
	background-color: transparent;
	height: 32px;
	line-height: 16px; 
	color: #689f68 !important;
	text-decoration: underline;
}


.ok-button > .glyphicon-ok {
	color: silver !important;
}

.ok-button:hover {
	color: #689f68 !important;
}

.silver-icon a {
	color: silver !important;
}

.silver-icon a:hover {
	color: #689f68 !important;
}

.ok-button > .glyphicon-ok:hover {
	color: #689f68 !important;
}

.ok-btn-selected {
	border: none;
	background-color: transparent;
	height: 32px;
	line-height: 16px; 
	color: #689f68 !important;
}

.white-link a {
	color: white;
}

.white-link a:hover {
	font-weight: bold;
	color: white;
}

button:focus {
	outline: 0 none;
}

.fw-normal {
	border-bottom: 2px solid #f5f5f5;
}

.prt-o {
    display: inline !important;
}

.prt-f {
    display: inline-block !important;
	font-size: 13px;
}

.prt-fx {
    display: inline-block !important;
	font-size: 13px;
    width: 290px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}


.static {
	cursor: not-allowed;
}

.valign-top {
	vertical-align: top;
}

.table-apb td {
	vertical-align: top;
}

.avichem-data {
	font-family: Arial;
    font-style: italic;    
	font-size: 13px;
	color: #666;
	border: dotted 1px silver;
    border-radius: 4px;
	padding: 5px;
	margin-bottom: 5px;
	background-color: #f9f9f9;
}

.modified-date {
	font-family: Arial;
    font-style: italic;    
	font-size: 13px;
	text-align: right;
	color: #999999;
}

.created-by, .modified-by {
	font-family: Arial;
    font-style: italic;    
	font-size: 13px;
	color: #666;
	border: dotted 1px silver;
    border-radius: 4px;
	padding: 10px;
	margin-top: 15px;
	margin-left: 55px;
	background-color: #f9f9f9;
	width: 580px;
}

.created-by, .modified-by {
	font-family: Arial;
    font-style: italic;    
	font-size: 13px;
	color: #666;
	border: dashed 1px silver;
    border-radius: 4px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 55px;
	background-color: #f9f9f9;
	width: 580px;
}

.custom-apb {
	color: red !important;


}

.border-red {
	border: solid 1px red;
	padding: 5px;
}

.row-header {
    color: #494949;
    font-weight: bold;
    border-bottom: solid 1px #494949;
    font-size: 16px;
}

.row-header-x {
	background-color: #66cc55;
	color: white;
	font-weight: bold;
	font-size: 13px;
}

.row-header {
    padding-top: 25px;
    background-color: white;
    color: #494949;
}

.row-header > td, .row-header > th {
    margin-top: 25px;
}

.row-header-edit > th {
    padding-top: 15px;
    color: #68A068;
}

.detail-header-cols {
	font-size: 13px;

}

.w-cmd-icon {
	color: white;
	font-size: 24px !important;
}

.edit-icon-bgw {
    color: #494949;
    font-size: 24px !important;
}

.edit-icon-bgw:hover {
    color: #689f68;
}


.top-link:hover {
    background-color: silver !important;
}

.top-link > a {
    color: white !important;
}

.top-link > a:hover {
    color: black !important;
}

/* TIGHT */


.col-cs-1,
.col-cs-2,
.col-cs-3,
.col-cs-4,
.col-cs-5,
.col-cs-6,
.col-cs-7,
.col-cs-8,
.col-cs-9,
.col-cs-10,
.col-cs-11,
.col-cs-12 {
  position: relative;
  min-height: 1px;
}

.col-cs-1,
.col-cs-2,
.col-cs-3,
.col-cs-4,
.col-cs-5,
.col-cs-6,
.col-cs-7,
.col-cs-8,
.col-cs-9,
.col-cs-10,
.col-cs-11 {
  float: left;
}

.col-cs-1 {
  width: 8.333333333333332%;
}

.col-cs-2 {
  width: 16.666666666666664%;
}

.col-cs-3 {
  width: 25%;
}

.col-cs-4 {
  width: 33.33333333333333%;
}

.col-cs-5 {
  width: 41.66666666666667%;
}

.col-cs-6 {
  width: 50%;
}

.col-cs-7 {
  width: 58.333333333333336%;
}

.col-cs-8 {
  width: 66.66666666666666%;
}

.col-cs-9 {
  width: 75%;
}

.col-cs-10 {
  width: 83.33333333333334%;
}

.col-cs-11 {
  width: 91.66666666666666%;
}

.col-cs-12 {
  width: 100%;
}

.sort-off {
    color: silver;
}

.filter {
    white-space: nowrap;
}

.filter:hover > .sort-off {
    color: #689f68;
}

.ap-left, .ap-right {
    padding-top: 25px !important;
}

.ap-left > .btn-update, .ap-left > .btn-delete {
    width: 200px;
}


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

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

.o-lbl-info {
	color: #68A068 !important;
	font-weight: bold;
}

.cos-bg1 {
    background-color: #426642;
}

.cos-bg2 {
    background-color: #68a068;
}

.cos-bg3 {
    background-color: #BEDBAF;
}


.cos-fg0 {
    color: #494949;
}

.cos-fg1 {
    color: #426642;
}

.cos-fg2 {
    color: #68a068;
}

.cos-fg3 {
    color: #426642;
}

/* PAGES */

.table-e-cospedia .td1 {
    width: 100px;
}

.lbl-wrapper  input[type="radio"] {
    position: absolute;
    top: -3px;
    left: 3px;
}

.border-green {
    border-color: #68A068 !important;
    background-color:#ffffaf !important;
}

.box-green a:hover {
    color: white !important;
}

.rounded {
    margin-left: 10px;
    border-radius: 15px;
    background-color: white;
}

/* POPUP X  */

.popupx-table {
	width: 100%;
    margin-bottom: 15px;
}

.popupx-table td {
    font-size: 14px;
}

.popupx-table td:first-child {
    font-size: 32px;
    width: 64px;
}

.popupx a {
    font-family: 'Roboto', Geneva, Arial, helvetica, sans-serif; 
    font-size: 14px;
    margin-left: 0px;
    font-weight: normal;
}

.popupx-label {
    font-family: 'Roboto', Geneva, Arial, helvetica, sans-serif; 
    font-size: 14px;
    margin-left: 0px;
    font-weight: normal;
}

.popupx-separator {
    width: 100%;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: solid 1px #494949;
    margin-top: 15px;
    margin-bottom: 15px;
}

.popupx-separator-green {
    width: 100%;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: solid 2px #68a068;
    margin-bottom: 15px;
}


.popupx-header {
    font-family: 'Roboto', Geneva, Arial, helvetica, sans-serif; 
    color: #68a068;
    font-weight: 600;
    padding-bottom: 0.5em;
    letter-spacing: 2px;
}

.popupx-header-login {
    font-family: 'Roboto', Geneva, Arial, helvetica, sans-serif; 
    color: #494949;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}


.popupx-info {
    font-size: 13px;
    font-family: 'Roboto', Geneva, Arial, helvetica, sans-serif; 
    color: #999999;
    padding-left: 10px;
}

.popupx-info:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.popupx-menu > li {
    text-indent: 0px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* TAB TRIGGER */

.trigger-tabs-pager {
    float: right;
}

.trigger-tabs-pager > button {
    color: silver;
}

.txt-tabs-counter {
    width: 25px;
    text-align: center;
    border-style: none;
    background-color: transparent;
    font-size: 16px;
    font-weight: bold;
}

.btn-tabs-pager {
    height: 30px;
    width: 30px;
}

.btn-tabs-pager:hover {
    background-color: #d7ebca !important;
}

.btn-tabs-active {
    color: black !important;
}

/* CONTROL PANEL X */

.bg-legend {
    float: left; 
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 15px;
    margin-right: 10px;
}

.bg-info {
    float: left; 
    height: 32px;
    line-height: 32px;
}

.emoji-float-right {
    margin-right: 10px;
    line-height: 32px;
    margin-top: -2px;
    grid-column-start: 1;
    width: 32px;
    max-width: 32px;
}

.color-me-red {
    color: red !important;
}

.cpx-inner-ul {
    padding-left: 20px;
}

.cpx-2-1-1 {
    float: left;
    width: 810px;
}

.cpx-2-1-2 {
    float: left;
    width: 390px;
}

.cpx-bgcolor-0 {
    background-color: #b4d1a5 !important;
    color: white;
}

.cpx-row {
    height: 32px;
    line-height: 32px;
    clear: both;
    margin-bottom: 15px;
}

.cpx-bgcolor-1 {
    background-color: #68A068 !important;
    color: white;
}

.cpx-block {
    border-top:  solid 1px silver;
    padding-top: 5px;
}

.cpx-table {
	width: 100%;
    border-bottom: 1px solid silver;
}

.cpx-table-tabs {
	width: 100%;
    margin-bottom: 0px;
}

.cpx-table td, .cpx-table-tabs td {
    font-size: 14px;
}

.cpx-table td:first-child {
    font-size: 32px;
    width: 64px;
}

.cpx a {
    font-family: 'Roboto', Geneva, Arial, helvetica, sans-serif; 
    font-size: 14px;
    margin-left: 0px;
    font-weight: normal;
}

.cpx-label {
    font-family: 'Roboto', Geneva, Arial, helvetica, sans-serif; 
    font-size: 14px;
    margin-left: 0px;
    font-weight: normal;
}

.cpx-separator {
    width: 100%;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: solid 1px #494949;
    margin-top: 15px;
    margin-bottom: 15px;
}

.cpx-separator-green {
    width: 100%;
    height: 2px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: solid 2px #68a068;
    margin-bottom: 15px;
}


.cpx-header {
    font-family: 'Roboto', Geneva, Arial, helvetica, sans-serif; 
    color: #494949;
    font-weight: 600;
    padding-bottom: 0.5em;
    letter-spacing: 2px;
}

.cpx-header-tabs {
    font-family: 'Roboto', Geneva, Arial, helvetica, sans-serif; 
    font-size: 16px;
    color: #494949;
    font-weight: 600;
    letter-spacing: 2px;
}


.cpx-header-login {
    font-family: 'Roboto', Geneva, Arial, helvetica, sans-serif; 
    color: #494949;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
}


.cpx-info {
    font-size: 13px;
    font-family: 'Roboto', Geneva, Arial, helvetica, sans-serif; 
    color: #999999;
    padding-left: 10px;
}

.grid-columns-1 {
    display: grid;
    grid-template-columns: auto; 
}

.grid-columns-2 {
    display: grid;
    grid-template-columns: auto auto; 
}

.grid-columns-3 {
    display: grid;
    grid-template-columns: auto auto auto; 
}

.cpx-grid {
    display: grid;
    grid-template-columns: 14fr 2fr 1fr; 
}

.cpx-grid-2 {
    display: grid;
    grid-template-columns: 14fr 1fr 3fr 2fr; 
}

.cpx-grid-3 {
    display: grid;
    grid-template-columns: 1fr 10fr  1fr; 
}

.cpx-obs {
    line-height: 32px;
    font-size: 24px;
    text-align: right;
    grid-column-start: 3;
}

.cpx-obs-inline {
    display: inline-block;
    float: left;
    line-height: 32px;
    font-size: 24px;
    text-align: right;
    grid-column-start: 3;
}

.f24 {
    line-height: 32px;
    font-size: 24px;
    top: 4px !important;
}


.cpx-info:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.cpx-menu > li {
    text-indent: 0px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.cpx-num-float {
    display: inline-block;
    float: right;
    font-size: 20px;
    line-height: 20px;
}

.cpx-num-active {
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    text-align: right;
}

.cpx-num-passive {
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
    text-align: right;
}

.cpx-menu > li:not(:first-child) { 
    border-top: 1px solid silver;
}

.margin-15 {
    margin-left: 15px;
}


.cpx-menu {
    border-collapse: collapse;
}

.cpx-menu > li {
    text-indent: 0px !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border-collapse: collapse;
}

.cpx-menu > li:hover {
    background-color: #d7ebca;
}

.cpx-link {
    padding-left: 10px;
    padding-right: 5px;
}

.cpx-icon-box {
    background-color: #68a068;
    width: 64px;
    height: 64px;
    padding: 5px;
    border-radius: 7px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.cpx-icon-header {
    font-size: 16px;
}

.max-100 {
    max-width: 100% !important; 
}

.checkbox-container {
    font-weight: normal;
}

.cpx-lbl-control {
    font-size: 16px;
}

.cpx-control {
    cursor: pointer;
}

.cpx-editor input:checked ~ .checkbox-container {
    display: block;
    color: #689f68 !important;
    font-weight: bold;
}

.cpx-group {
    display: block;
    float: none;
    clear: both;
    font-size: 24px;
    text-align: center;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.cpx-container {
    position: relative;
    background-color: #f2f7f0;
    padding: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0px;
}

.cpx-container:after
{
    content: ".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.cpx-panel {
    position: relative;
    padding: 10px;
    margin-left: 0px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 15px;
    background-color: white;
    float: left;
    width: 390px;
    min-height: 300px;
}

.cpx-panel-50 {
    position: relative;
    padding: 10px;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 15px;
    border-radius: 15px;
    background-color: white;
    width: 390px;
    min-height: 300px;
}

.col-33 {
    float: left;
    width: 390px !important;
    margin-right: 15px;
}

.col-50 {
    float: left;
    width: 390px !important;
    margin-right: 15px;
}

.cpx-panel-100 {
    position: relative;
    padding: 10px;
    margin-left: 0px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 15px;
    background-color: white;
    float: left;
    width: 390px;
    min-height: 928px;
}

.cpx-panel-2x {
    position: relative;
    padding: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    border-radius: 15px;
    background-color: white;
    float: left;
    width: 795px;
    min-height: 300px;
}

@media screen and (min-width: 768px) and (max-width: 1048px) {
    .page {
        width: 100%;
    }
    .cpx-panel {
        position: relative;
        padding: 10px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 15px;
        border-radius: 15px;
        background-color: white;
        float: left;
        width: 47%;
        min-height: 300px;
    }

    .cpx-panel-50 {
        position: relative;
        width: 95%;
    }

    .cpx-panel-2x {
        position: relative;
        padding: 10px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 15px;
        border-radius: 15px;
        background-color: white;
        float: left;
        width: 96%;
        min-height: 300px;
    }
}

.topMenu {
    width: 1230px;
}

@media screen and (min-width: 1px) and (max-width: 767px) {
    .cpx-panel {
        padding: 10px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 15px;
        border-radius: 15px;
        background-color: white;
        float: left;
        width: 95%;
        min-height: 300px;
    }

    .cpx-panel-2x {
        padding: 10px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 15px;
        border-radius: 15px;
        background-color: white;
        float: left;
        width: 95%;
        min-height: 300px;
    }

    .cpx-panel-50 {
        width: 95%;
    }
    .cpx-2-1-1, .cpx-2-1-2 {
        width: 100%;
    }

    .topMenu {
        width: 100%;
    }

}

.cpx-header {
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
}

.cpx-subtitle {
    font-size: 16px;
    padding-top: 5px;
}

.cpx-counter {
    font-size: 32px;
}

.cpx-pager {
    float: right;
}

.cpx-userdata {
    margin-left: 10px;
}

.form-item {
    margin-bottom: 15px;
    text-align: center;
}

.td-valign-bottom {
    vertical-align: bottom;
}

.td-valign-middle {
    vertical-align: middle;
}

.pos-bottom-left {
    position: absolute;
    left: 0px;
    bottom: 15px;
}

.pos-bottom-right {
    position: absolute;
    right: 0px;
    bottom: 15px;
}

.top5 {
    margin-top: 5px;
}

.ml15 {
    margin-left: 25px;
}

.mr15 {
    margin-right: 25px;
}

.popupx-menu > li {
    cursor: pointer;
}

.popupx-menu > li:hover {
    background-color: #d7ebca;
}

.center-bug {
    width: 600px;
    margin-right:  auto;
    margin-left: auto;
}

/* SAGSBEHANDLING */

.block-comment, .cw-client, .cw-support, .cw-frame {
    border: solid 1px #999 !important;
    border-radius: 5px !important;
    color: #666!important; 
    font-size: 13px !important;
    padding: 10px !important;
    padding-top: 2px !important;
    margin-bottom: 10px !important;
    margin-right: 20px !important;
}

.block-header, .cw-client-legend, .cw-support-legend, .cw-legend {
    color: #666 !important;
    font-size: 13px !important;
    font-style: italic !important;
    margin-bottom: 0px !important;
    padding: 5px !important;
}

.block-message, .cw-client-text, .cw-support-text, .cw-frame p {
    padding: 5px !important;
    margin-bottom: 2px !important;
    padding-bottom: 2px !important;
    margin-top: 0px !important;
}

.cw-frame-client, .cw-frame-support, .cw-frame {
    max-width: 900px;
    border: solid 1px #999;
    border-radius: 5px;
    color: #666;
    font-size: 13px;
    padding: 10px;
    padding-top: 2px;
    margin-bottom: 10px;
    margin-right: 20px;
}

.cw-legend-client, .cw-legend-support, .cw-legend {
    color: #666;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 0px;
    padding: 5px;
}

.cw-frame-client p, .cw-frame-support p, .cw-frame p {
    border: dotted 1px #666;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 2px;
    padding-bottom: 2px;
    margin-top: 0px;
}

.cw-support-text {
    font-weight: bold;
}

.cw-frame-support {
    color: black;
}



.cw-frame-support {
    color: black;
}

.lanpicker {
    position: absolute;
    top: 2px;
    right: 20px;
}

#adm-panel {
    position: absolute; 
    right: 35px; 
    z-index: 10001;
    width: 32px;
}

td {
    vertical-align: top;
    position: relative;
}

td .required {
    display: inline-block;
    z-index: 100;
    vertical-align: top;
}

.url-link, .new-window {
    cursor: pointer;
}

.new-window:hover {
    color: darkred;
    text-decoration: underline;
}

.data-filler, .product-lookup {
    padding: 5px;
}

#loginboxit {
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.5), 0 6px 40px 0 rgba(0, 0, 0, 0.25);
    border: solid 1px #cccccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px; 
    border-radius: 15px; 
    width: 320px;
    height: 320px;
}

.cos-grid-icon-description {
    display: grid;
    grid-template-columns: 1fr 15fr; 
}

.cos-col-1 {
    grid-column-start: 1;
}

.cos-col-2 {
    grid-column-start: 2;
}

.cos-grid-icon-description-header {
    padding-top: 0px;
    margin-top: 7px;
}

.zero-margin-left {
    margin-left: 0px !important;
}

.cos-h1, .cos-h2, .cos-h3, .cos-h4, .cos-a {
    color: #68a068;
}