body{
    font-family: arial,verdana, sans-serif;
    line-height: 1;
}

/* input number, get rid of arrows
   Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.deleteProject{
    cursor:pointer;
}
.deleteProject:hover{
    color: #CC0000;
}

a object{
    pointer-events: none;
}


/* TIMEWRITETABLE */

/* input number, get rid of arrows
   Firefox */
   input[type=number] {
    -moz-appearance: textfield;
  }

.ts-tableProjecten {
    border-collapse: collapse;
    margin-left: 0 auto;
    margin-right: 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
    width: 1140px;
    font-size: 0.9em;
    font-family: sans-serif;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.ts-tableProjecten thead tr {
    background-color: #2296dd;
    color: #ffffff;
    text-align: center;
}

.ts-tableProjecten th,
.ts-tableProjecten td {
    padding: 12px 15px;
}

.ts-tableProjecten tbody tr {
    border-bottom: 1px solid #dddddd;
}


.ts-groeprij {
    cursor:pointer;
    color:#155a84;
}

.ts-projectrij {
    font-weight:600;
    color: #155a84;
}

.ts-activiteitrij{ 
    background-color: #eae6e6;
    color: #663300;
}


/* 
.ts-tableProjecten tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
} */

.ts-rijeindtotaal{
    border-top: 2px solid #2296dd;
    color: #2296dd
}

/* .ts-tableProjecten tbody tr:last-of-type {
    border-bottom: 2px solid #2296dd;
} */

.ts-tableProjecten tbody tr.active-row {
    font-weight: bold;
    color: #2296dd;
}

.ts-urenvak{
    width:60px;
    text-align: center;
}

.ts-totaal {
    outline: none !important;
    background-color: transparent;
    box-shadow: none;
    border:0;
    text-align: center;
    font-weight:600;
    opacity:0.66;
}

.ts-headtitel{
    width:45%;
    text-align: left;
}

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

.ts-groeptitel{
    text-transform: uppercase;
}

.ts-projecttitel{
    text-indent:20px;
    cursor:pointer;
}

.ts-activiteittitel{
    text-indent:40px;
}

.ts-inputtotaal{
    text-align: center;
    outline: none !important;
    background-color: #fff;
    box-shadow: none;
    border:0;
}

.ts-projectarrow{
    color:#808080;
}

.ts-gridcell{
    padding:5px;
    text-align: center;
}

.ts-submit{
    background-color: #2296dd;
    border:none;
    color: white;
    padding:8px 32px;
    text-decoration: none;
    cursor:pointer;
    float:right;
    margin-bottom: 25px;
}

  /* TIMEWRITETABLE */ 

.ts-afgesloten{
    color: #CC0000;
    display:none;
}

.ts-checkboxnonvisible{
    color:silver;
    display: none;
}

.ts-urenaanwezig{
    background-color: rgb(245, 245, 245);
}

.ts-projectgroep{
    background-color: #fdfbda;
    cursor:pointer; 
}

.ts-groephide{
    display:none;
}
.ts-groepshow{
    display:block;
}

.nonVisible{
    display:none;
}

.visible{
    display: table-row;
}

.ts-selectdatewidget{
    display: inline-block;
}

select[name$="_day"].ts-selectdatewidget {
    width: 60px;
}
select[name$="_month"].ts-selectdatewidget {
    width: 120px;
}
select[name$="_year"].ts-selectdatewidget {
    width: 80px;
}

.overlayProjectRij{
    display:none;
}

.btn-showAddProject{
    background-color: white;
    border-color: #dddddd;
    color: #1f86c7;
    font-weight: 600;
}

.btn-showAddProject:hover{
    color: #2980B9;
    border-color: #2980B9;;
}

#SearchButton{
    background-color: #cc6600;
    height:30px;
    color: rgb(66, 66, 66);
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin:0;
}

#SearchButton:hover{
    background-color: #b35900;
    color: #2980B9;
}

#SearchText{
    height:30px;
    font-size: 12pt;
    padding-left: 10px;
    border: 0;
    margin:0;
    margin-top:0px;
}

#weekpicker_week{
    width: 90px;
    height: 36px;
    border: 1px solid;
    border-color: #dddddd;
    border-width: 1px;
    color: #1f86c7;
    font-weight: 600;
    cursor: pointer;
    border-radius: 5px;
    padding-left: 10px;
}

#weekpicker_week:hover{
    color:rgb(59, 59, 59);
}

.btn-closeAddProject{
    background-color: #fff;
    margin: 0;
    padding: 0;
    height: 22px;
    width: 22px;
    font-weight: 600;
}

.btn-closeAddProject:hover{
    background-color: #ffe6cc;
    color: #2980B9;
}