/*
FDR: #90003E
FEB: #BEB511
SCI: #751B68
FGW: #004E92
UVA: #bc0031
*/
html, body
{
    margin: 0px;
    padding: 0px;
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 10pt;
    background: #DBDBDB;

}

h1
{
    margin: 0px;
    padding: 4px;
}

h2
{
    font-size: 26px;
}

a, a:visited
{
    text-decoration: none;
    color: #bc0031;
}

a:hover
{

    text-decoration: underline;
}

th
{
    text-align: left;
}

.overview th
{
    background: #c5c5c5;
}

.validator
{
    color: #D00;
}

#maincontainer
{
    margin: 0px;
}

#header
{
    color: #838383;
    height: 90px;
    background: #fff;
}

#mainmenu
{
    height: 50px;

    background: #333333;
}

.centerblock
{
    width: 1024px;
    margin: 0px auto;
    position: relative;
}

#header .centerblock
{
    background: url(../images/headerlogo-en.png) 12px 28px no-repeat;
    height: 90%;
}

.currentlogin
{
    position: absolute;
    top: 50px;
    right: 0px;
    width: 237px;


    text-align: right;

    font-size: 10pt;
    padding: 0px;
}

#header h1
{
    text-align: right;


    margin: 0px;
    padding: 0px;
    font-size: 18pt;
    font-weight: normal;
    position: absolute;
    right: 0px;
    top: 20px;

}

#toolbar h1, .toolbar_info
{
    font-size: 13px;
    color: white;
    font-weight: normal;
    padding: 10px 0px 0px 15px;
}

#toolbar
{
    height: 35px;
    position: relative;
    background: rgba(188,0,49,1); //#bc0031
}

.toolbar_info
{
    display: block;
}
#menu_actions
{
    position: absolute;
    right: 0px;
    top: 4px;
    height: 30px;
}


#selection_info
{
    min-width: 200px;
}
#page
{
    margin: 0px auto;
    background: white;
    padding: 15px 15px 40px 15px;
}

/* #page.timesheetpage */
/* { */

/*  position: absolute; */
/*  top: 175px;  */
/*  left: 50%; */
/*  width: 960px; */
/*  margin-left: -480px; */
/*  right: 0px; */
/*  bottom: 0px; */

/*  overflow: auto; */

/*  padding: 0px;    */
/* } */

/* .celleditor-container.celleditor-container-editable */
/* { */
/*  bottom: 0px; */
/*  top: 0px; */
/*  left: 0px; */
/*  right: 0px; */
/*  position: absolute;      */
/* } */

ul.radiolist{
    margin: 10px 0px;
    padding: 0px;
    list-style: none;
}

ul.menulist
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.menulist li
{
    float: left;
    list-style: none;

}

#mainmenu li a
{

    font-family: Arial;
    text-decoration: none;
    display: block;
    line-height : 50px;
    padding: 0 7px;
    font-weight: bold;
    font-size: 13px;
    color: white;


}
#mainmenu li.menu-active a
{

}

#mainmenu li a:hover
{
    background-color: #bc0031;
}
.clear
{
    clear: both;
}

table.legend{

    position: absolute;
    left: 600px;
    top: 220px;
    border-collapse: collapse;
}
table.legend td{
    border: 1px solid #CAF278;
    color: #0070C1;
    padding: 3px;
}
table.legend thead td{
    text-align: center;
    font-weight: bold;
    background-color: #DDD9C4;
    border-color: #DDD9C4;
}
div.kcode{
    padding: 5px;
    font-size: 10px;
}

#celltable
{
    border-collapse: collapse;
    min-width: 900px;
}

#celltable th
{
    background: #B3D0FE;
    font-weight: normal;
    padding: 0px 2px;
    text-align: center;
}


#celltable th, #celltable td
{
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 8pt;
    min-width: 40px;
}
#celltable th
{
    padding: 0px 6px;
}

#celltable .weekend th
{
    background: #92B5ED;
}


#celltable .holiday th
{
    background: #DFE18B;
}
#celltable .holiday-collective th
{
    background: #78bf91;
}

#celltable th.dayheader
{
    text-align: right;
    min-width: 10em;
    white-space: no-wrap;
}



#celltable .weekend td
{
    background: #D5E1F1;
}

#celltable .holiday td
{
    background: #FFFFAD;
}

#celltable .holiday-collective td
{
    background: #9edda3;
}

#celltable  td
{
    padding: 0.3em;
    height: 1.5em;
}
#celltable td.subtotal
{
    width: 3em;
}

#celltable td.total{
    padding: 7px;
    background-color: white;
    font-weight: bold;
}

div.kleurcode_0,
#celltable td.kleurcode_0,
div.select.status .selectItem[name='0']{
    color: yellow;
    background-color: red;
}
div.kleurcode_10,
#celltable td.kleurcode_10,
div.select.status .selectItem[name='10']{
    color: white;
    background-color: red;
}

div.kleurcode_15,
#celltable td.kleurcode_15,
div.select.status .selectItem[name='15']{
    color: blue;
    background-color: #CCCCFF;
}
div.kleurcode_25,
#celltable td.kleurcode_25,
div.select.status .selectItem[name='25']{
    color: white;
    background-color: #CCCCFF;
}

div.kleurcode_40,
#celltable td.kleurcode_40,
div.select.status .selectItem[name='40']{
    color: blue;
    background-color: gold;
}

div.kleurcode_45,
#celltable td.kleurcode_45,
div.select.status .selectItem[name='45']{
    color: yellow;
    background-color: #B9D854;
}
div.kleurcode_50, div.kleurcode_60,
#celltable td.kleurcode_50, #celltable td.kleurcode_60,
div.select.status .selectItem[name='50']{
    color: yellow;
    background-color: green;
}

div.kleurcode_70,
#celltable td.kleurcode_70,
div.select.status .selectItem[name='45']{
    color: #000000;
    background-color: #d98054;
}


div.select.status .selectItem:hover{
    background-color: blue !important;
    color: white !important;
}


.celleditor-container td, .celleditor-container th
{
    border: solid 1px #444;
}

.celleditor-container td
{
    text-align: right;
}

.btn
{
    background-repeat: no-repeat;
    background-position: 5px 50%;
    aborder: none;
    height: 16px;
    font-size: 13px;

    padding: 7px 15px 4px 15px;
    border: 1px;
    border-radius: 2px;
    padding-left: 35px;
    margin-left: 5px;
    background-color: #F3F3F3;

    cursor: pointer;
    color: black;
    display: inline-block;
}
a.btn:visited{
    color: black;
}
.btn:hover
{
    background-color: #fff;
    text-decoration: none;
}
.btn_save
{
    background-image: url(../images/document-save.png);
}
.btn_submit
{
    background-image: url(../images/internet-mail.png);
}
.btn_sign
{
    background-image: url(../images/signed.png);
}
.btn_deny
{
    background-image: url(../images/deny.png);
}
.btn_print
{
    background-image: url(../images/printer.png);
}
.btn_certificate
{
    background-image: url(../images/certificate.png);
}
.btn_archive
{
    background-image: url(../images/system-file-manager.png);
}


.icon
{
    background-repeat: no-repeat;
    background-position: 5px 50%;
    aborder: none;
    height: 26px;
    font-size: 13px;
    width: 28px;
    display: inline-block;
    margin-left: 5px;
}

.icon_save
{
    background-image: url(../images/document-save.png);
}
.icon_submit
{
    background-image: url(../images/internet-mail.png);
}
.icon_sign
{
    background-image: url(../images/signed.png);
}
.icon_deny
{
    background-image: url(../images/deny.png);
}
.icon_print
{
    background-image: url(../images/printer.png);
}
.icon_certificate
{
    background-image: url(../images/certificate.png);
}

.message{
    width: 300px;
    line-height: 40px;

    background: lightgreen;
    border: 1px solid black;
    border-radius: 6px;
    text-align: center;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.7);

}

#notify_message
{
    display: none;
    position: fixed;
    left: 50%;
    top: 0;
    z-index: 9999;
    width: 300px;
    height: 40px;
    padding: 20px;
    margin-left: -160px; /* width/2 - padding/2 */

    background: lightgreen;
    border-style: solid;
    border-color: black;
    border-width: 1px;
    border-top: 0px;
    border-radius: 0px 0px 6px 6px;
    text-align: center;
    box-shadow: 2px 2px 8px rgba(0,0,0,0.7);
}

#notify_message.notify_error
{
    background: #F88;
    height: 60px;
}

.timesheet-view .celleditor-container
{
    overflow: visible;
    background: none;
}

.timesheet-label
{
    width: 8em;
    font-weight: bold;
    float: left;
    padding: 5px 0px;
}

.timesheet-text
{
    width: 25em;
    float: left;
    overflow: hidden;
    padding: 5px 0px;
}


.timesheet-signatures
{
    text-align: right;
    position: relative;
}

.timesheet-signature
{
    margin: 0.65em;
    margin-left: 0em;
    width: 20em;
    background: #ddd;
    display: inline-block;
    vertical-align: bottom;
    position: relative;

}

.timesheet-signature-title
{
    display: block;
}

.timesheet-signature-date
{
    display: block;
    padding-top: 1.5em;
    margin-left: 6em;
    border-bottom: solid 1pt black;
}

.timesheet-signature-field
{
    display: block;
    height: 4em;
    background: #eee;
    border-bottom: solid 1pt black;
    text-align: left;
    padding: 20px;
}
.timesheet-legend th, .rightlegend .timesheet-legend th, td.rightlegend
{
    text-align: left;
}

.rightlegend h3{
    color: white;
    margin: 10px 0px 0px 5px;
    font-size: 16px;
}

.rightlegend table.history{
    max-width: 500px;
}
.rightlegend table.specialdays{
    max-width: 500px;
}

.celleditor-container table.history{
    border-collapse: collapse;
}
.celleditor-container table.history th{
    text-align: center;
    background-color: #eee;
    font-weight: 100;
     font-size: 8pt;
}
.celleditor-container table.history td{
    padding: 0.3em;
    text-align: left;
     font-size: 8pt;
}
.celleditor-container table.history tr > td:first-child{
    background-color: #eee;
    white-space: nowrap;
}

#celltable td.rightlegend
{
    vertical-align: top;
    min-width: 25em;
}
#celltable .rightlegend th, #celltable .rightlegend td
{
    color: white;
    padding: 0.1em;
    margin: 0.1em;
    background: none;
    text-align: left;
    vertical-align: top;
}
#celltable .timesheet-legend th { min-width: 5em; }
#celltable .timesheet-legend td { min-width: 20em;  }


#celltable .specialdays th
{
    font-weight: bold;
}



.timesheet-view  .celleditor-container
{

}

/* ---- */

.subtotal
{
    background: #D5ECEF;
    color: #444;
    font-weight: bold;
}
#celltable .weekend .subtotal
{
    background: #B4D1E0;
}

.celleditor-container #celltable  .celleditor-selected
{
    background: #162888;
    color: white;
}

.celleditor-container .celleditor-textfield
{
    padding: 4px;
    background: #F0F0FF;
    color: black;
    box-shadow: 0px 0px 6px rgba(0,0,128, 0.4);
    text-align: right;
    border: 2px solid #008;
    border-radius: 4px;
    margin-left: -2px;
    margin-top: -2px;
}

.error_message,
.celleditor-container .celleditor-error
{
    border: none;
    padding: 4px;
    width: 200px;
    height: 26px;
    font-size: 9pt;
    background: #FF8080;

    border-radius : 4px;
    border: solid red 2px;

    text-align: center;

}

.celleditor-editable
{
    background: white;
}
td.text
{
    background: white;
    text-align: left;
    white-space: nowrap;
}
td.number
{
    background: white;
    text-align: right;
    white-space: nowrap;
}

.celleditor-container
{
    position: relative;

}
#celltable{

    background: #444;
}

.sort_asc, .sort_desc
{
    text-decoration: underline;
}
/* ---- */


.overview
{
    border-collapse: collapse;
    min-width: 70%;
}

.overview td, .overview th
{
    border: solid 1px #c5c5c5;
    padding: 3px;
}

.overview td .ui-icon{
    display: inline-block;
    vertical-align: top;
}

.pager_bar a
{
    min-width: 1.5em;
    padding: 2px;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
    background: #eee;
    color: #999;
}

.pager_bar a.page_active
{
    background: #444;
    color: white;
}

#form_search > div,
#form_searchtasks > div,
#form_userss > div,
#form_report-search > div
{
    background: #eee;
    margin-top: 10px;

    padding: 10px;
    max-width: 500px;
}
a.sort_desc, a.sort_asc
{
    background-repeat: no-repeat;
    background-position: 100% 50%;
    padding-right: 20px;
}

a.sort_desc
{
    background-image: url(../images/bullet_arrow_down.png);
}

a.sort_asc
{
    background-image: url(../images/bullet_arrow_up.png);
}
tr.evenodd0
{
    background: #f8f8f8;
}
tr.evenodd1
{
    background: #f0f0f0;
}

#form_search input[type=text],
#form_userss input[type=text],
#form_searchtasks input[type=text]
{
    width: 160px;
}
#form_search select,
#form_searchtasks select,
#form_userss select
{
    width: 166px;
}

input.action, input.submitbutton
{
    padding: 3px;
    min-width: 140px;
}

.submitbutton
{

}


#page.loginpage
{
    top: 0px;
    color: white;
    min-height: 809px;
    background: #ccc;
}

#page.loginpage a {
    color: white;
}

.fac-logo{
    width: 450px;
    height: 81px;
    margin:auto;
    background: url(../images/logo-fnwi.png);
    background-size: 100% 100%;
    margin-bottom:15px;

}
.loginblockcontainer
{
    background: #ccc url(../images/login-bg.png) center bottom no-repeat;
    margin: 0;
    padding: 0 0 190px 0;
}

.loginblock
{
    box-sizing: border-box;
    padding:40px 15px;
    background: rgba(0,0,0,0.2); /*of: #820231*/
    color: black;
    width: 612px;
    margin: 40px auto 10px auto;
    text-align: center;
}

.loginblock form{
    padding:20px;
    background: rgba(0,0,0,0.2); /*of #680227*/
    width: 370px;
    margin: auto;
    color:white;

}

.loginblock input
{
    width: 230px;
    height: 24px;
    margin-bottom: 8px;
    border:none;
    padding: 6px;
    border-radius: 1px;
}
.loginblock input:active,.loginblock input:focus{
    box-shadow: inset 1px 1px 6px 2px rgba(0,0,0,0.15);
}

.loginblock th
{
    width: 110px;
    font-weight: normal;
    font-size: 14px;
}
.loginblock p
{
    margin: 4px 0px;
}
.loginblock .validator
{
    background: orange none repeat scroll 0 0;
    border: 2px solid white;
    border-radius: 3px;
    color: white;
    display: block;
    line-height: 20px;
    padding: 5px 13px;
}
.buttoncell input
{
    float: right;
    width: auto;

}

.loginblock .submitbutton
{
    padding: 3px 15px;
    min-width: auto;
    width: 130px;
    height: 35px;
    background: rgba(0,0,0,0.5);
    font-size: 14px;
    color:white;
    cursor: pointer;
}

.loginpage h1
{
    text-align: center;
}

.saml-login-block {
    padding: 20px;
    margin-bottom: 20px;
}

.saml-login-block a {
    color: white;
    padding: 15px 30px;
    background: rgba(0,0,0,0.5);
    font-size: 18px;
    cursor: pointer;
}

.saml-login-block a:hover {
    text-decoration: none;
}

.login-separator:before {
    content: 'OR';
}

.login-separator{
    height: 30px;
    color: white;
    font-weight: bold;
}

.pdflink
{
    background: url(../images/pdf-icon.png) 0 50% no-repeat;
    height: 25px;
    margin: 2px;
    padding-top: 5px;
    display: inline-block;
    padding-left: 35px;
}

.col{
    display: table-cell;
    vertical-align: top;
    padding: 5px 15px 0px 0px;
}

.statuscell
{
    width: 450px;
}
img.stamp{
    position: absolute;
    bottom: -3em;
    right: 1em;
    height: 10em;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
}

.wps-legend
{
    border-collapse: collapse;

}
.wps-legend td, .wps-legend  th
{
    border: solid 1px gray;
    padding: 2px 10px;
}

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

.sub-disabled td {
    color: gray;
}
.notificationlistwrap {
    width: 1060px;
    max-height: 200px;
    overflow-y: auto;
    border: solid 1px gray;
}
.notificationlist {
    width: 1024px;
    border-collapse: collapse;
    max-height: 200px;
    overflow-y: auto;
}
.notificationlist td, .notificationlist th {
    border: solid 1px gray;
    padding: 4px;
    cursor: default;
}


.notificationlist th {
    background: gray;
    color: white;
}

.notificationlist tr.nl-active td {
    background: #60869e;
}

#nl-preview {
    margin-top: 1em;
    width: 1022px;
    height: 800px;
    border: solid 1px #444;
}

.formerrors li {
    color: red;
    list-style: none;
    margin: 0;
    padding: 0;
}

.formerrors {
    list-style: none;
    margin: 0;
    padding: 0;
}
.basicform table {
    border-collapse: collapse;
}
.basicform textarea {
    width: 400px;
    height: 100px;
}
.basicform td,  .basicform th {

    padding: 5px 5px 0 5px;
}
.locations {
    border-collapse: collapse;
}
.locations td, .locations th {
    vertical-align: top;
    border: solid 1px gray;
    padding: 4px;

}

tr.highlight-row {
    background-color: #92a6f3;
}

.corona-info {
    border: solid 2px #ac862a;
    border-radius: 3px;
    background: #fdd386;
    font-size: 10pt;
    padding: 10px 20px;
}

.alert-error {
    border: solid #e86666 3px;
    border-radius: 5px;
    padding: 10px 5px;

    background-color: #e7a4a4;
}