/* 
    Document   : arkivet.css
    Created on : 14.nov.2012, 15:25:22
    Author     : paalg
    Description:
        CSS-fil med forskjellige stylings for attestarkivet.
        
*/

/* gotten from yii wiki styling radio buttons */
DIV.compactRadioGroup { 
    padding-left: 1em; 

} 
.compactRadioGroup LABEL,
.compactRadioGroup INPUT { display: inline; }

/* Rules for file-tables */
table.file-table tr:nth-child(odd)  { background-color: #EAEAEA; }
table.file-table tr:nth-child(even) { background-color: #F8F8F8; }
table.file-table {
    border: 1px solid grey;
}
table.file-table tr th {
    border-bottom: 1px solid grey;
}

/* Styles for marking rows as expired or pending (controls) */
.grid-view table.items tr.yellow {
    background-color: #F9FF68;
}
.grid-view table.items tr.red {
    background-color: #f9c6ce;
}
.grid-view table.items tr.darkred {
    background-color: #FB8D9E;
}
.grid-view table.items tr.green {
    background-color: #3AC26E;
}
.grid-view table.items tr.kassert {
    background-color: #A1A1A1;
    text-decoration: line-through;
    color: #000;
}
.grid-view table.items tr.notfound {
    background-color: #A1A1A1;
}
.grid-view table.items tr.notinuse {
    background-color: #A1A1A1;
}
.grid-view table.items tr.strikethrough {
    text-decoration: line-through;
}

/* Sett alle overskrifter til venstrejustert som standard */
.grid-view table.items th {
    text-align: left;
}

/*
 * We have a problem with grid views when content is too wide to fit into the
 * tables. The best solutioni is to force break-word.
 * We went away from using fied table layout, because that hinders us from haveing
 * dynamical width of columns when content has different width.
 */
.grid-view table {
    /*table-layout: fixed;  do not expand width of table */
    word-wrap: break-word;  /* break text if too wide for column/cell */
}


/* Styling for rapporter med fargekoding på merknadslinjer. Brukt i rapport til kunde via epost. */
table.merknad_tabell tr.yellow {
    background-color: #F9FF68;
}
table.merknad_tabell tr.red {
    background-color: #FA7C83;
}
table.merknad_tabell tr.green {
    background-color: #3AC26E;
}
table.merknad_tabell tr th {
    border-bottom: 1px solid #ABABAB;
    border-right: 1px solid #ABABAB;
    background-color: #D2D2D2;
}
table.merknad_tabell {
    border: 1px solid #ABABAB;
    border-right: 0px solid #ABABAB; /* Fordi cellene også har høyre ramme */
}
table.merknad_tabell tr td {
    border-right: 1px solid #ABABAB;
}

div.html_report_unit {
    background-color: #E6E6E6;
    border: 1px solid black;
    padding: 10px;
    margin-top: 20px;
}

/* The checkbox in the report */
div.confirm_checkbox {
    border: 1px solid black;
    background-color: #FF8E8E;
    padding: 20px;
}
div.confirm_checkbox input[type=checkbox] {
    -o-transform:scale(1.4);
    margin-right: 15px;
}
div.confirm_checkbox input[type=submit] {
    margin-top: 10px;
}
div.confirm_checkbox label {
    font-weight:600;
}

/* Standardformatering for tabeller (må være av klasse "deault") */
table.default {
    background-color: #e3e3e3;
    border: 1px solid #808080;
}
table.default tr th {
    padding: 5px;
    border-bottom: 1px solid #808080;
    border-right: 1px solid #808080;
    color: black;
}
table.default tr th:last-of-type {
    border-right: none;
}
table.default tr td {
    padding: 5px;
}
table.default tr:nth-child(odd) {
    /*background-color: #808080;*/     
}
table.default tr:nth-child(even) {
    background-color: #f5f5f5;
}

div.feedback {
    background:#e6efc2;
    color:#264409;
    border: 1px solid #c6d880;
    padding: 5px;
}

div.error {
    background: #FF9494;
    border: 1px solid #FD6161;
    padding: 5px;
    margin-bottom: 5px;
    color: #7B0000;
}

/* 
  Slår av neste og forrige-knappene for månedsvelgeren.
  Burde egentlig slå av disse i js-koden, men finner ingen konfigurasjon 
  gjør dette.
*/

/* Denne ble merget inn, fix it!
a.monthpicker-hide-class { display: none; }
a.monthpicker-hide-class { display: none; }
*/
/*a.ui-datepicker-prev { display: none; }
a.ui-datepicker-next { display: none; }*/