@import 'font-awesome-4.6.3/css/font-awesome.min.css';

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(Lato/Lato-Regular.ttf) format('truetype');
}
/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(Lato/Lato-Bold.ttf) format('truetype');
}

/*** Almennt ***/
body {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    padding: 8px;
}

a,
a.vv_white_gray {
    color: #000099;
    text-decoration: none;
}
a:hover,
a.vv_white_gray:hover {
    color: #D02631;
    text-decoration: none;
}

.grayBoxLink img[src*=".gif"] {
    vertical-align: middle;
}

td,
.td {
    font-family: 'Lato', Verdana, sans-serif;
    font-size: 12px;
    color: #404040;
}

input {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #404040;
}

td select {
    font-family: 'Lato', sans-serif;
    padding: 2px;
    font-size: 12px;
}

td input {
    font-family: 'Lato', sans-serif;
    padding: 4px;
    font-size: 12px;
}

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

.vrFormSubmitButton,
.vrFormSubmitButton2,
.vrFormCancelButton,
.vrFormButton,
.grayBoxLink {
    color: #404040;
    background-color: #f5f5f5;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 13px;
    border: solid 1px #DCDCDC;
    padding: 5px;
    cursor: pointer;
}

.vrFormSubmitButton:hover,
.vrFormSubmitButton2:hover,
.vrFormCancelButton:hover,
.vrFormButton:hover,
.grayBoxLink:hover {
    color: #D02631;
}

.vrFormLabel
{
    font-size: 14px;
    vertical-align: bottom;
    color: #404040;
    font-family: 'Lato', sans-serif;
    text-align: right;
    text-decoration: none
}

#tab {
    float:left;
    width:100%;

    line-height:normal;
    border-bottom: #9f9f9f 1px solid;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}
#tab ul {
    margin: 0;
    padding: 0 0 0;
    list-style: none;
}
#tab li {
    float: left;
    margin: 0;
    border: #DCDCDC 1px solid;

    background-color: #F5F5F5;
    padding: 10px;
    border-bottom: none;
}
#tab a {
    display:block;

    text-decoration:none;
    font-weight:bold;
    color: #404040;
}
#tab a:hover {
    color:#D02631;
}
#tab #current {

    border-bottom: #ffffff 1px solid;
    background-color: #DCDCDC;
}

.vrTableHeader {
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
    color: #404040;
    border: 0 white;
    font-family: 'Lato', sans-serif;
    background-color: #DCDCDC;
}

.vrTableHeaderCenter {
    font-weight: bold;
    font-size: 12px;
    vertical-align: middle;
    color: #404040;
    border: 0 white;
    font-family: 'Lato', sans-serif;
    background-color: #DCDCDC;
    text-align: center;
}

.vrTableRow td {
    font-size: 14px;
    vertical-align: middle;
    color: #404040;
    font-family: 'Lato', sans-serif;
}

.headerText {
    font-size: 18px;
    color: #404040;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1pt;
    height: 43px;
    vertical-align: middle;
    font-weight: 600;
}

input.clsVV {
    padding: 2px;
    border: 1px solid #DCDCDC;
    color: #404040 !important;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

h1 {
    font-family: 'Lato', sans-serif
}
h2 {
    font-family: 'Lato', sans-serif
}
h3 {
    font-size: 12px;
    color: #666666;
    font-family: 'Lato', sans-serif
}
h4 {
    font-size: 12px;
    color: #666666;
    text-indent: 3pt;
    font-family: 'Lato', sans-serif
}

.clsVVFyrirsogn {
    font-weight: bold;
    font-size: 12px;
    margin-left: 5px;
    color: #000000;
    font-family: 'Lato', sans-serif;
}

p {
    font-family: 'Lato', sans-serif;
}

table {
    font-size: 14px;
    line-height: 18px;
    font-family: 'Lato', sans-serif !important;
}

.clsTitleBody {
    background-color: #000000;
}
.clsTitleBody a {
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    line-height: 16px;
    font-family: 'Lato', sans-serif;
    text-decoration: none
}
.clsTitleBody a:hover {
    text-decoration: none;
}

.clsTitleText {
    padding-right: 10px;
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    line-height: 16px;
    font-family: 'Lato', sans-serif
}

.clsContentsBody {
    background-color: #bbccbb
}
.clsContentsBody img {
    vertical-align: bottom
}

.clsContentsTitle {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    color: #663333;
    font-family: 'Lato', sans-serif;
    text-decoration: none
}
.clsContentsTitle a {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    color: #663333;
    font-family: 'Lato', sans-serif;
    text-decoration: none
}
.clsContentsTitle a:hover {
    color: #000000;
    text-decoration: underline
}

.clsContentsMenu {
    font-weight: normal;
    font-size: 13px;
    text-transform: none;
    color: #663333;
    font-family: Times New Roman, 'Lato', sans-serif;
    text-decoration: none
}
.clsContentsMenu a {
    font-weight: normal;
    font-size: 13px;
    text-transform: none;
    color: #663333;
    font-family: Times New Roman, 'Lato', sans-serif;
    text-decoration: none
}
.clsContentsMenu a:hover {
    color: #000000;
    text-decoration: underline
}

.clsTableControl {
    border: 0 #ffffff;
}
.clsTableControl tr {
    border: 0 #ffffff;
}
.clsTableControl td,
.clsTableControl th {
    border: 0 #ffffff;
}

.clsTableControlHaus {
    border: 0 #ffffff;
}
.clsTableControlHaus tr {
    border: 0 #ffffff;
}
.clsTableControlHaus td {
    border: 0 #ffffff;
}

.clsViewCurrentRecord .vrTableRow td {
    font-size: 12px;
    vertical-align: top;
    color: #000000;
    font-family: 'Lato', sans-serif;
    text-align: left
}
.clsViewCurrentRecord .vrTableRow .clsFieldValue {
    font-weight: bold;
    font-size: 12px;
    vertical-align: top;
    color: #000000;
    font-family: 'Lato', sans-serif;
    text-align: left
}

.clsBoldTextInRow {
    font-weight: bold;
    font-size: 11px;
    vertical-align: top;
    color: #404040;
    font-family: 'Lato', sans-serif;
    background-color: #ffffff;
    text-align: left
}

.clsGrayTextInRow {
    font-size: 12px;
    vertical-align: top;
    color: grey;
    font-family: 'Lato', sans-serif;
    background-color: #ffffff;
    text-align: left
}

.clsFocusTableRow td {
    font-size: 14px;
    vertical-align: top;
    color: #404040;
    font-family: 'Lato', sans-serif;
    background-color: #d8e3e8;
    text-align: left
}

.clsCurrentTableRow td {
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    background-color: #ededed;
    color: #404040;
    vertical-align: middle;
}

.clsTableColumnCheckbox {
    vertical-align: middle;
    margin: auto auto auto auto;
    border-style: none !important;
    display: block
}

.vrTableHeader {
    text-align: left
}

.vrTableHeaderRight {
    padding-left: 2px;
    font-weight: bold;
    font-size: 12px;
    vertical-align: bottom;
    color: #404040;
    border: 0 white;
    font-family: 'Lato', sans-serif;
    background-color: #DCDCDC;
    text-align: right
}
.vrTableHeader a {
    font-weight: 600;
    font-size: 12px;
    vertical-align: middle;
    color: #404040;
    font-family: 'Lato', sans-serif;
    text-decoration: none
}

.vrTableHeaderRed {
    padding-left: 2px;
    font-weight: bold;
    font-size: 12px;
    vertical-align: bottom;
    color: #404040;
    border: 0 white;
    font-family: 'Lato', sans-serif;
    background-color: #DCDCDC;
    text-align: left
}
.vrTableHeaderRed a {
    font-weight: bold;
    font-size: 12px;
    vertical-align: bottom;
    color: #404040;
    font-family: 'Lato', sans-serif;
    text-align: left;
    text-decoration: none
}

.vvTableHeaderLitill {
    padding-left: 5px;
    font-weight: bold;
    font-size: 12px;
    vertical-align: bottom;
    color: #404040;
    border: 0 white;
    font-family: 'Lato', sans-serif;
    background-color: #DCDCDC;
    text-align: left
}
.vvTableHeaderLitill a {
    font-weight: bold;
    font-size: 10px;
    vertical-align: bottom;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    text-align: left;
    text-decoration: none
}

.vrTableHeaderBlargrunnur {
    padding-left: 5px;
    font-weight: bold;
    font-size: 12px;
    vertical-align: bottom;
    color: #ffffff;
    border: 0 white;
    font-family: 'Lato', sans-serif;
    background-color: #818181;
    text-align: left
}

.clsContentsFont {
    font-size: 12px;
    color: #000000;
    font-family: 'Lato', Helvetica, Geneva, sans-serif;
    text-decoration: none
}

.clsFlipaTafla {
    width: 100%
}

.clsFlipaLina {
    background-color: #ffffff
}
.clsFlipaMain {
    background-color: #ffffff
}
.clsFlipaContent {
    border-right: #9f9f9f 1px solid;
    border-left: #9f9f9f 1px solid;
    border-bottom: #9f9f9f 1px solid;
    font-size: 12px;
    width: 100%;
    font-family: 'Lato', sans-serif;
    text-align: left
}
.clsFlipi {
    padding: 2px 5px;
    background-color: #ededed;
    border-width: 0;
}
.clsFlipi a {
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
    font-family: 'Lato', sans-serif;
    text-decoration: none
}
.clsValinnFlipi {
    padding: 2px 5px;
    background-color: #b1b1b1;
    border-width: 0;
}
.clsValinnFlipi a {
    font-weight: normal;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    text-decoration: none
}
.clsFlipiGreen {
    padding: 2px 5px;
    background-color: #ededed;
    border-width: 0;
}
.clsFlipiGreen a {
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #666666;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
}

.clsFlipar a:hover {
    text-decoration: none;
}
.clsTitill {
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: #000000;
    font-family: 'Lato', sans-serif;
    background-color: #bbccbb;
    text-align: left;
    text-decoration: none
}
.clsTitill td {
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: #000000;
    font-family: 'Lato', sans-serif;
    background-color: #bbccbb;
    text-align: left;
    text-decoration: none
}
.clsEditVVForm {
    font-weight: normal;
    font-size: 12px;
    color: #000000;
    font-family: 'Lato', sans-serif;
    text-align: right;
    text-decoration: none
}

textarea.clsVV {
    border: #cccccc 1px solid;
    overflow: hidden;
    color: #404040;
}
select.clsVV {
    border: #cccccc 1px solid;
    color: #404040;
}
option.clsVV {
    border: #cccccc 1px solid;
}
input.clsVVradio {
    border: medium none;
}
input.clsVVcheckbox {
    border: 1px none;
}

.vrFormLabelLeft {
    font-weight: normal;
    font-size: 14px;
    vertical-align: top;
    color: #000000;
    font-family: 'Lato', sans-serif;
    text-align: left;
    text-decoration: none
}

.vrFormTableContainer {
    font-size: 20px;
    color: yellow
}

.vrFormCommandLink {
    border: 1px solid #666666;
    border-right-width: 2px;
    border-bottom-width: 2px;
    padding: 0 5px;
    margin-top: 10px;
    color: #262728;
    background-color: #E6E6E6;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size: 11px;
}
.vrFormCommandLink:hover {
    text-decoration: underline;
    color: red;
}

.PANEL table {
    padding: 0 10px 0 0;
}
.almanak {
    font-weight: normal;
    font-size: 11px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    color: #000000;
    font-family: 'Lato', sans-serif;
    text-align: left;
    text-decoration: none
}
.almanak td {
    vertical-align: top
}

.almanaktitlecell {
    font-weight: bold;
    font-size: 11px;
    vertical-align: top;
    color: #ffffff;
    font-family: 'Lato', sans-serif;
    background-color: #b1b1b1;
}
.almanakdaycell {
    font-weight: bold;
    font-size: 10px;
    vertical-align: top;
    color: #000000;
    font-family: 'Lato', sans-serif;
    text-decoration: none
}
.almanakdisableddaycell {
    font-weight: normal;
    font-size: 10px;
    vertical-align: top;
    color: #e0e0e0;
    text-decoration: none
}
.almanakdaycell a {
    font-weight: bold;
    font-size: 10px;
    vertical-align: top;
    color: #000000;
    font-family: 'Lato', sans-serif;
    text-decoration: none
}
.almanakdisableddaycell a {
    font-weight: normal;
    font-size: 10px;
    vertical-align: top;
    color: #e0e0e0;
    text-decoration: none
}
.almanakraudurdagur a {
    font-weight: normal;
    font-size: 10px;
    vertical-align: top;
    color: #ff0000;
    font-family: 'Lato', sans-serif;
    text-decoration: none
}
.almanakraudurdagur a {
    font-weight: normal;
    font-size: 10px;
    vertical-align: top;
    color: #ff0000;
    font-family: 'Lato', sans-serif;
    text-decoration: none
}
.almanakskyldumaeting {
    font-weight: bold;
    font-size: 11px;
    vertical-align: top;
    color: #000000;
    font-family: 'Lato', sans-serif;
    text-decoration: none
}
.almanakfrjalsmaeting {
    font-weight: normal;
    font-size: 11px;
    vertical-align: top;
    color: #000000;
    font-family: 'Lato', sans-serif;
    text-decoration: none
}
.almanakskyldumaeting a {
    font-weight: bold;
    font-size: 11px;
    vertical-align: top;
    color: #000000;
    font-family: 'Lato', sans-serif;
    text-decoration: none
}
.almanakfrjalsmaeting a {
    font-weight: normal;
    font-size: 11px;
    vertical-align: top;
    color: #000000;
    font-family: 'Lato', sans-serif;
    text-decoration: none
}

.clsOlokidHref a {
    color: #666666
}
.clsFallHref a {
    color: #cc0000
}
.clsMetidHref a {
    color: #999933
}
.clsLokidHref a {
    color: #336633
}
.clsUrsognHref a {
    color: #cc6666
}
.clsAetlunHref a {
    color: #000000
}
.clsOlokidHref {
    color: #666666
}
.clsFallHref {
    color: #cc0000
}
.clsMetidHref {
    color: #999933
}
.clsLokidHref {
    color: #336633
}
.clsAetlunHref {
    color: #000000
}
.clsUrsognHref {
    color: #cc6666
}
.clsNamsferillMedal td {
    font-size: 11px;
    vertical-align: top;
    color: #000000;
    font-family: 'Lato', sans-serif;
    background-color: #bbccbb;
    text-align: left;
}
.clsStadfestMaeting {
    color: #006699;
}
.clsSkradForfoll {
    color: #cc0000;
}
.pageBreak {
    page-break-after: always;
}
.kladdiHaus {
    font-weight: normal;
    font-size: 9px;
    font-family: 'Lato', sans-serif;
}
.clsOddTableRowSmall td {
    font-size: 12px;
    vertical-align: middle;
    color: #404040;
    font-family: 'Lato', sans-serif;
    background-color: #ffffff;

}
.clsEvenTableRowSmall td {
    font-size: 12px;
    vertical-align: middle;
    color: #404040;
    font-family: 'Lato', sans-serif;
    background-color: #ededed;

}
.clsFocusTableRowSmall td {
    font-size: 12px;
    vertical-align: top;
    color: #404040;
    font-family: 'Lato', sans-serif;
    background-color: #d8e3e8;
}
.clsFocusTableRowSmallSimtal td {
    font-size: 12px;
    vertical-align: top;
    color: #404040;
    font-family: 'Lato', sans-serif;
    background-color: #abc3cd;
}
.clsErrorTableRowSmall td {
    font-size: 12px;
    vertical-align: top;
    color: #404040;
    font-family: 'Lato', sans-serif;
    background-color: #d64f3c;
}
.clsFocusTableRowSmallKostnStadur td {
    font-size: 12px;
    vertical-align: top;
    color: #404040;
    font-family: 'Lato', sans-serif;
    background-color: #cae8cb;
}
.clsFocusTableRowSmallRed td {
    font-size: 12px;
    vertical-align: top;
    color: #404040;
    font-family: 'Lato', sans-serif;
    background-color: #F6DBE3
}
.clsErrorText {
    font-size: 10px;
    color: #404040;
    font-family: 'Lato', sans-serif
}
.clsMonnunMannad {
    font-size: 2pt;
    vertical-align: bottom;
    color: #000099;
    line-height: 6px;
    font-family: 'Lato', sans-serif;
    background-color: #000099
}
.clsMonnunOMannad {
    font-size: 2pt;
    vertical-align: bottom;
    color: #ff0000;
    line-height: 6px;
    font-family: 'Lato', sans-serif;
    background-color: #ff0000
}
.clsMonnunOMannadLagi {
    font-size: 2pt;
    vertical-align: bottom;
    color: #009900;
    line-height: 6px;
    font-family: 'Lato', sans-serif;
    background-color: #009900
}
.clsMonnunOsk {
    font-size: 2pt;
    vertical-align: bottom;
    color: #ffcc00;
    line-height: 6px;
    font-family: 'Lato', sans-serif;
    background-color: #ffcc00
}
.clsMonnunOfmannad {
    font-size: 2pt;
    vertical-align: bottom;
    color: #990099;
    line-height: 6px;
    font-family: 'Lato', sans-serif;
    background-color: #990099
}
.clsMonnunOfoskad {
    font-size: 2pt;
    vertical-align: bottom;
    color: #ff9933;
    line-height: 6px;
    font-family: 'Lato', sans-serif;
    background-color: #ff9933
}
.clsMonnunMannadP {
    font-size: 12px;
    color: #000099;
    font-family: 'Lato', sans-serif
}
.clsMonnunOMannadP {
    font-size: 12px;
    color: #ff0000;
    font-family: 'Lato', sans-serif
}
.clsMonnunOMannadLagiP {
    font-size: 12px;
    color: #009900;
    font-family: 'Lato', sans-serif
}
.clsMonnunOskP {
    font-size: 12px;
    color: #cc9900;
    font-family: 'Lato', sans-serif
}
.clsMonnunOfmannadP {
    font-size: 12px;
    color: #990099;
    font-family: 'Lato', sans-serif
}
.clsMonnunOfoskadP {
    font-size: 12px;
    color: #ff6600;
    font-family: 'Lato', sans-serif
}
.clsMonnunTimiR {
    line-height: 6px;
    font-weight: bold;
    font-size: 7pt;
    font-family: 'Lato', sans-serif;
    text-align: right
}
.clsMonnunTimiL {
    line-height: 6px;
    font-weight: bold;
    font-size: 7pt;
    font-family: 'Lato', sans-serif;

    color: grey;
}
.clsMonnunTimiC {
    line-height: 6px;
    font-weight: bold;
    font-size: 7pt;
    font-family: 'Lato', sans-serif;

}
.clsMonnunTimi {
    font-size: 2pt;
    vertical-align: bottom;
    color: #000099;
    line-height: 6px;
    font-family: 'Lato', sans-serif;
    background-color: #000099
}

.clsMonnunTable {
    padding-left: 1px;
    margin: 0;
    vertical-align: bottom;
    border: 1px solid #CCCCCC;
}
.clsMonnunTable td
{
    padding-left: 1px;
    margin: 0;
    vertical-align: bottom;
    border: 1px solid #CCCCCC;
}

.clsMonnunInnriTable
{
    padding-left: 1px;
    margin: 0;
    vertical-align: bottom;
    border: 1px solid #FFFFFF;
}
.clsMonnunInnriTable td
{
    padding-left: 1px;
    margin: 0;
    vertical-align: bottom;
    border: 1px solid #FFFFFF;
}
.clsRight {
    text-align: right
}

/* CLS TABLE ROW BEGIN */
.clsLowerHeaderTableRow td,
.clsOddTableRow td,
.clsTableRowOdd td,
.clsStmTableRow td,
.clsEvenTableRow td,
.clsTableRowEven td,
.clsTableRowFocus td,
.clsTableRowFocus,
.clsTableRow td,
    /* 14px class is for enforcing 14px font size since .clsTableRow will use 12px font size by default */
.clsTableRow-14px td {
    font-size: 14px;
    vertical-align: middle;
    color: #404040;
    font-family: 'Lato', sans-serif;
}

.clsLowerHeaderTableRow td,
.clsOddTableRow td,
.clsTableRowOdd td,
.clsStmTableRow td,
.clsTableRow td {
    background-color: #ffffff;
}

.clsTableRow td,
.clsTableRowEven td,
.clsTableRowOdd td,
.clsTableRowFocus td,
.clsTableRowFocus {
    font-size: 12px;
    vertical-align: top;
}

.clsLowerHeaderTableRow td {
    text-align: left
}

.clsEvenTableRow td,
.clsTableRowEven td,
.clsTableRow-14px:nth-child(even) td,
.clsTableRow:nth-child(even) td {
    background-color: #ededed;
}

.clsTableRowFocus td,
.clsTableRowFocus {
    background-color:  #d8e3e8;
}

/* CLS TABLE ROW END */

.vrTableHeaderSmall {
    padding-left: 5px;
    font-weight: bold;
    font-size: 9px;
    vertical-align: bottom;
    color: #ffffff;
    border: 0 white;
    font-family: 'Lato', sans-serif;
    background-color: #DCDCDC;
    text-align: left
}

.clsBgGreen td {
    background-color: #009900;
}

.headerLine {
    background-color: #DDE2E2;
}

.clsFrontFont {
    color: #666666;
    font-family: 'Lato', sans-serif;
}
.clsBorderGrayIFrame {
    border: #9f9f9f 1px solid;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}


/*must have 2 styles for the tabs because if they expand to two lines
the style must be different (no background image)*/
#tabFirstRow {
    float:left;
    width:100%;
    background:#ffffff repeat-x bottom;
    font-size: 12px;
    line-height:normal;
    list-style:none;
    font-family: 'Lato', sans-serif;
}
#tabFirstRow ul {
    margin:0;
    padding:0 0 0;
    list-style:none;
}
#tabFirstRow li {
    float:left;
    margin:0;
    list-style:none;
    border: #DCDCDC 1px solid;
    background-color: #F5F5F5;
    padding: 10px;
    border-bottom: none;
}
#tabFirstRow a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #404040;
}
#tabFirstRow a:hover {
    color: rgb(208, 38, 49);
}
#tabFirstRow #current {
    border-bottom: #ffffff 1px solid;
    background-color: #DCDCDC;
}
#tabFirstRow #current a {
    color: #404040;
}
#tabFirstRow #hasInsert a{
    display:block;
    color: #404040;
}
#tabFirstRow #hasInsert a:hover {
    color: rgb(208, 38, 49);
}

#tabFirstRow #current a:hover {
    color: rgb(208, 38, 49);
}

/* datepicker */
.dpDiv {}
/* the table (within the div) that holds the date picker calendar */
.dpTable {
    font-family: 'Lato', Helvetica, sans-serif;
    font-size: 11px;

    color: #505050;
    background-color: #ffffff;
    border: 1px solid #666666;
    border-collapse: separate;
}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {}
/* a table cell that holds a date number (either blank or 1-31) */
.dptd,
.dpTD{
    border: 1px solid #cccccc;
}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlighttd {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dptdHover,
.dpTDHover {
    background-color: #ffffff;
    border: 1px solid #888888;
    cursor: pointer;
    color: red;
}
/* the table cell that holds the name of the month and the year */
.dpTitletd {}
/* a table cell that holds one of the forward/backward buttons */
.dpButtontd {}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtontd {}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDaytd,
.dpDayTD {
    background-color: #c3c3c3;
    color: white;
    font-weight: bold;
}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
    font-size: 10px;
    color: #666666;
    font-weight: bold;
}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
    color: #336699;
    font-weight: bold;
}
/* the forward/backward buttons at the top */
.dpButton {
    font-family: 'Lato', Helvetica, sans-serif;
    padding: 0;
    cursor: pointer;
}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
    font-family: 'Lato', Helvetica, sans-serif;
    border: #666666 1px solid;
    font-size: 10px;
    color: #666666;
    background: #E6E6E6;
    font-weight: normal;
}

/*STYLES FOR THE NEW DATE PICKER END HERE /Birna v/nytt utlit sept. 2006*/

.prenta {
    display: none;
}

.wtlprojectinput {
    width: 100%;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
}

.wtlprojectinput_booked {
    width: 100%;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    text-align:right;
    border: #B1B1B1 1px solid;
}
.wtlcaseprojectinput {
    width: 100%;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
}

.wtl_week_sum_day {
    width: 1cm;
    margin: 1px;
    border: #666666 1px solid;
}
.wtl_week_booked_day {
    width: 1cm;
    margin: 1px;
}
.wtl_weekTableHeader {
    font-weight: bold;
    font-size: 11px;
    color: #404040;
    font-family: 'Lato', sans-serif;
    float:left;
    width: 14%;
    background: transparent;
    border: 0 none white;
    padding-top: 6px;
    padding-bottom:0;


}
.wtl_weekTableHeader_notbold {
    font-size: 10px;
    color:  #666666;
    font-family: 'Lato', sans-serif;
    width: 1cm;
    background: transparent;
    border: 0 none white;
    padding-bottom:0;
}

/* TAB fyrir JSF */
.vrTab {
    float:left;
    width:100%;
    background:#ffffff url("../img/flipar/bg.gif") repeat-x bottom;
    line-height:normal;
    border:0 solid white;
}

.vrTabLeft {
    font-size:75%;
    background:url("../img/flipar/norm_left.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    border-bottom: #9f9f9f 1px solid;
    line-height:normal;
    width:100%;
}

.vrTabLeft a {
    color:#666666;
    text-decoration:none;
}

.vrTabCenter {
    float:left;
    font-size:75%;
    display:block;
    background:url("../img/flipar/norm_right.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    font-weight:bold;
    line-height:normal;
    border:0 solid white;
    border-bottom: #9f9f9f 1px solid;
}

.vrTabCenter a {
    color:#666666;
    text-decoration:none;
}

.vrTabCenter a:hover {
    color:rgb(0,0,0);
    text-decoration:none;
}

.vrTabLeftSelected {
    font-size:75%;
    background-image:url("../img/flipar/norm_left_on.gif");
    margin:0;
    padding:0 0 0 9px;
    line-height:normal;
}

.vrTabCenterSelected {
    float:left;
    font-size:75%;
    display:block;
    background:url("../img/flipar/norm_right_on.gif") no-repeat right top;
    padding:5px 20px 4px 6px;
    line-height:normal;
    font-weight:bold;
    text-decoration:none;
    color:#333;
    border-bottom:1px solid White;
}

form.vrForm .vrFormGridFields {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5px 3fr;
    grid-template-columns: 1fr 3fr;
    grid-gap: 5px;
}

.vrHighlightElementError {
    border-color: #CC0000 !important;
}

.vrErrors {
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

.vrError {
    margin-bottom: 2px;
}

.vrErrorTitle {
    color: #CC0000;
    font-weight: bold;
    margin-right: 5px;
}

.vrErrorMessage {
    color: #CC0000;
}
.vrVisibilityHidden{
    visibility: hidden;
}

/* This is at the bottom to override the specificity of other selectors */
.vrFormSubmitButton:disabled,
.vrFormSubmitButton2:disabled,
.vrFormCancelButton:disabled,
.vrFormButton:disabled,
.grayBoxLink:disabled,
input.clsVV:disabled,
button.clsVV:disabled,
textarea.clsVV:disabled,
select.clsVV:disabled,
select.clsVV option:disabled {
    color: rgba(0,0,0,0.3);
    cursor: default;
    background-color: #F5F5F5;
}
/*
    Overrides for important,
    this was done since it's not sure why important was needed on the input.clsVV
    class to begin with. If we remove it, it might break something
*/
input.clsVV:disabled {
    color: rgba(0,0,0,0.3) !important;
}

.nav-link {
    background-color: #007bff;
    color: white;
}
.nav-link:hover {
    background-color: #0069d9;
    border-color: #0062cc;
    color: #fff;
}