﻿
#content-area {
    max-width: 100% !important;
}

.container-aanmaken .gegevens-col .gegevens-input-large {
    max-width: 600px !important;
}

.grid-container-columns:hover .column-container-wrap, .grid-container-columns.active .column-container-wrap {
    height: 0px;
}

.column-container {
	width: 250px !important;
}

.fa-ellipsis-h {
    font-size: 24px !important;
    vertical-align: bottom;
    height: 22px !important;
}


header h1 a.h1 {
    width: 150px !important;
}

.login-container img {
    width: auto !important;
}

#ValidationSummary{
    color:red;
}
.k-tooltip-content{
    background-color:#FFFFFF;
}
.k-widget.k-tooltip
{
    background-color:#FFFFFF;
}

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #4d6992;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

 #main-panel
{
    left:0px;
}

 .disabled
 {
      background: #c6c6c6 !important;
 }

 .k-grid .k-virtual-scrollable-wrap td
{
   white-space: nowrap;
}

 .KendoGridRowRed {
     background: rgba(255, 0, 0, 0.12) !important;
 }

 .KendoGridRowGreen {
     background: rgba(74, 149, 79, 0.12) !important;
 }

 .KendoGridRowOrange {
     background: rgba(230, 115, 0, 0.12) !important;
 }

 .KendoGridRowGrey {
     background: rgba(193, 192, 192, 0.55) !important;
 }

 .HtmlText {
    text-indent: 0pt !important;
    display: inherit !important;
    flex-direction: inherit !important;
 }

 .k-edit-cell input[type="checkbox"] {
     float: none;
 }


 #content-area {
    height: 91vh;
}

 
#settingMain div.white-background.container-aanmaken {
    height: 100% !important;
}

 #content-area div.settingMain {
    height: 100% !important;
}

#content-area form div.white-background {
    height: 92vh !important; 
 }

/* Validation for form module */
#content-area .field-validation-error-forms, * .field-validation-error-forms {
  color: black;
  margin-left: 5px; }

/* ItemTemplate Classes*/
.Templ_Main {
    font-size: 14px !important;
}
.Templ_S{
    margin:2px;
    font-style: italic;
}
.Templ_B{
    margin:2px;
    font-weight:bold;
}
.it-img{
	width:80px;
	float:left;
}
.it-placeholder{
	float:left;
}
.it-title{
	font-family:'Open Sans';
	height:24px;
}
.it-title span{
	font-weight:bold;
}
.it-title p{
	font-size:13px;
	margin:0px !important;
    width: 100% !important;
}
.it-text {
	font-family:'Open Sans';
	font-size:12px;
	clear:both;
}
.it-text div{
	float:left;
}
.it-text i{
	height:18px;
	transform:scale(0.8);
	margin-right:5px;
	margin-top:4px;
}
.it-fa{
	width:26px;
}
.reqdiv p{
      font-size: 25px !important;
      color: red;
  float: right;
  text-align: right;
  line-height: 0px !important;
  width: 0%;
}

.lb-container .lb-nav {
    position: relative !important;
}

.k-multiselect-wrap li {
    padding: .1em 2.3em 0em .4em !important;
}

li[role=menuitem] {
    text-align: left;
}

.cellFontColorGreen {
    color: #2bc12b;
    font-weight:bold;
}

.cellFontColorRed {
    color: red;
    font-weight: bold;
}

span.inputWeekYear{
    visibility: hidden;
    margin-left: -75px;
}

span.inputWeekYear {
    visibility: hidden;
    margin-left: -75px;
}


span.inputWeekYear .k-select {
    visibility: visible;
}

.KendoGridRowlightGreen {
    background: rgb(60, 179, 113) !important;
}