.nav-pills > li > a {
    border-radius: 15px !important;
}
.modal-body > .rnr-pagewrapper > .panel {
    display: table;
    width: 100%;
    border-radius: 15px;
}
.input-group-addon {
    padding: 8px 12px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    color: #379509;
    text-align: center;
    background-color: #9ad7a6;
    border: 1px solid #ccc;
    border-radius: 10px 10 px 10px 10px !important;
}
.text-muted {
    color: #5fa21b;
    font-size: 16px;
    font-style: italic;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #fff;
    background-color: #5bc0de;
    border: 1px solid #5bc0de;
    border-bottom-color: transparent;
    cursor: default;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.4;
    border: 1px solid transparent;
    border-radius: 12px 12px 0px 0px;
}
.control-label, .checkbox {
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
}
.control-label, .help-block, .radio {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}
.panel-heading {
    color: #fff;
    background-color: #5bc0de;
    border-color: #3db5d8;
    border-radius: 15px;
}
.panel-info {
    border-color: #3db5d8;
    border-radius: 15px;
}
.alert-warning {
    background-color: #f5fced;
    border-color: #529406;
    color: #529406;
    border-radius: 15px;
}
/* Algemene modal content: alle popups afronden */
.modal-content {
  border-radius: 20px !important;
  overflow: hidden !important; /* voorkomt dat inhoud hoeken overlapt */
}

/* Header van modal: bovenhoeken afronden */
.modal-header {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

/* Footer van modal: onderhoeken afronden */
.modal-footer {
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

/* (Optioneel) PHPRunner specifieke popup container classes */
.popup-container, .rnr-modal {
  border-radius: 20px !important;
}
.footerlist{
    padding-left:15px;
    cursor:pointer;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    color: #fcfcfc;
}
.kanban-board {
	color: #fff !important;
	position: relative;
	float: left;
	background-image: linear-gradient(#a6a6a6, #7f7f7f, #595959 70%) !important;
    background-repeat: no-repeat !important;
	transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	border-radius: 15px !important;
}
.todobody{
	background-image: linear-gradient(#a6a6a6, #7f7f7f, #595959 80%) !important;
	transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #d9edf7;
    border-color: #d9edf7;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff8a6;
    opacity: 1;
}
.r-noti-body {
    font-size: 14px !important;
}
.badge-warning {
    font-size: 19px !important;
}
.fa-bell {
    font-size: 30px !important;
}
.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 8px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
    background-color: #f5fced;
    background-image: none;
    border: 1px solid #333;
    border-radius: 12px 12px 12px 12px !important;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 2px 2px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
{
    border-radius: 10px !important;
}
.navbar-default .navbar-nav > li > a
{
    color: rgba(255, 255, 255, 0.75);
    border-radius: 10px;
}
.bs-welcome-item
{
    border-radius: 18px !important;
    border-color: #555 !important;
    background: #e8ebec !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    width: 252px;
    margin: 15px;
    margin-bottom: 30px;
    margin-top: 0;
}
.btn,
button,
input[type="button"],
input[type="submit"],
.function-list a.main {
    border-radius: 15px !important;
}
.r-left-collapsed {
    border-radius: 15px !important;
}
[data-itemid=snippet]{
	margin-left:0px!important;
}
.kanban-board .kanban-drag {
    min-height: 0px !important;
}

body {
  min-height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.div_boardname{
	color:white;
	font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;
	font-size: 18px;
  font-weight: 700;
  line-height: 32px;
	cursor:pointer;
}
.home{
	color:white;
	font-size:20px;
	margin-top: 3px;
	padding-right:12px;
	cursor:pointer;
}

[data-itemid="edit_header"], [data-itemid="view_header"]{
	display:none !important;
}
.assignUser{
	width:30px;
	height: 30px;
  border-radius: 50%;
	display:block;
	margin-left:188px;
	margin-top:5px;

}
.assignText:hover{
	background-color:#c1c7d0;
	cursor:pointer;
}
.assignText{
	cursor:pointer;
	background-color:#dfe1e6;
	font-size:20px;
	color:#172b4d;
	text-align:center;
	padding-top:1px;
}
.divAssignUser{
	padding-top:5px;
	padding-bottom:4px;
	margin-bottom:-3px;
}
.function-login{
	background-image: url("../../images/todo2.jpg");
	background-size:100%;
	background-repeat: no-repeat;
}
@media (max-width: 767px) {
    .kanban-container{
        width:100% !important;
    }
    .kanban-board{
        margin-bottom:10px;
        float: none;
    }
    .addnewboard{
        margin-left:10px !important;
		}
    .add_new_board{
        width:100% !important;
    } 
		[data-id^=board_]:first-child{
        margin-top:60px;
    }
}
@media print {
	.input-group, #add_new_list, footer, .bgcolor_row{
	display: none;
	}
	.kanban-board, .kanban-item{
		border: 1px solid black;
	}
	.kanban-item{
		width:180px !important
	}
	.kanban-board{
		width:200px !important
	}
	.assignUser{
		margin-left:138px !important;
	}
	[data-id^=board_]:first-child{
        margin-top:0px !important;
  }
}

[data-itemid="loginform_register_link"]>a, [data-itemid="loginform_register_link"]>a:hover{
	color:darkblue;
}

// code from business template ResourceCalendar
html, body, #container {
    width: 100%;
    margin: 0;
    padding: 0;
}
.cal_tooltip{
	border: 1px solid lightgray;
	position: absolute;
	background-color: white;
	width: 270px;
	height:80px;
	padding:5px;
	font-size:12px;
	display:none;
}
td:not(.dp_not_in_month).dp_disabled{
	color: #708090 !important;
	background-color: #FFC0CB !important;
  border: 1px solid white !important;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  color: #708090 !important;
	background-color: #FFC0CB !important;
  border: 1px solid white !important;
}
#edit1_startdate_0 div.bootstrap-datetimepicker-widget.bottom, #edit1_enddate_0 div.bootstrap-datetimepicker-widget.bottom{
	display:none !important;
}
.day.active{
	background-color:#6495ED !important;
}
td.startday{
	background-color:#6495ED !important;
	color:white !important;
}
.periodday{
		background-color:#AFEEEE !important;
}
.margintop,.ui-datepicker-trigger{
	margin-top:-1px;
}
input.currDate{
	display:inherit !important; 
	width:100px !important;
}
.input-group-addon{
	cursor:pointer;
}

@media (max-width: 768px) {
	#mCSB_1{
		height:auto;
	}
	.dateTitle{
		padding-top:10px;
	}
	.margintop{
		padding-left:7px !important;
		padding-right:7px !important;
	}
	.resNavDivTd{
		text-align:center;
	}
}
.dateTitle{
	font-size:20px;
}
@media (min-width: 768px) {
	.dateTitle{
		padding-left: 15%;
		width: 70%;;
	}
	.resNavDivTable{
		display:inline-table;
	}
	.resNavDivTd{
		display:table-cell;
	}
}

.miniColors{
    display: inline-block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		width: 150px !important;
}


.tpicker{
	width:140px;
	padding:0px 6px;
}

[data-itemid="username_label"], [data-itemid="password_label"]{
	width:200px !important;
}
[data-fieldname="showTitle"]>label{
	width: 185px!important;
}
td.lightcell{
	background-color:#80eefb !important;
}
td.curr_day{
	background-color:#cbe1ff !important;
}
td.pathEvant:not(.curr_day){
	background-color:#cfffd5 !important;
}
td.blank_class{
	opacity:0.2;
}

// end ResourceCalendar code

// code from business template ResourceCalendar
html, body, #container {
    width: 100%;
    margin: 0;
    padding: 0;
}
.cal_tooltip{
	border: 1px solid lightgray;
	position: absolute;
	background-color: white;
	width: 270px;
	height:80px;
	padding:5px;
	font-size:12px;
	display:none;
}
td:not(.dp_not_in_month).dp_disabled{
	color: #708090 !important;
	background-color: #FFC0CB !important;
  border: 1px solid white !important;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover {
  color: #708090 !important;
	background-color: #FFC0CB !important;
  border: 1px solid white !important;
}
#edit1_startdate_0 div.bootstrap-datetimepicker-widget.bottom, #edit1_enddate_0 div.bootstrap-datetimepicker-widget.bottom{
	display:none !important;
}
.day.active{
	background-color:#6495ED !important;
}
td.startday{
	background-color:#6495ED !important;
	color:white !important;
}
.periodday{
		background-color:#AFEEEE !important;
}
.margintop,.ui-datepicker-trigger{
	margin-top:-1px;
}
input.currDate{
	display:inherit !important; 
	width:100px !important;
}
.input-group-addon{
	cursor:pointer;
}

@media (max-width: 768px) {
	#mCSB_1{
		height:auto;
	}
	.dateTitle{
		padding-top:10px;
	}
	.margintop{
		padding-left:7px !important;
		padding-right:7px !important;
	}
	.resNavDivTd{
		text-align:center;
	}
}
.dateTitle{
	font-size:20px;
}
@media (min-width: 768px) {
	.dateTitle{
		padding-left: 15%;
		width: 70%;;
	}
	.resNavDivTable{
		display:inline-table;
	}
	.resNavDivTd{
		display:table-cell;
	}
}

.miniColors{
    display: inline-block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		width: 150px !important;
}


.tpicker{
	width:140px;
	padding:0px 6px;
}

[data-itemid="username_label"], [data-itemid="password_label"]{
	width:200px !important;
}
[data-fieldname="showTitle"]>label{
	width: 185px!important;
}
td.lightcell{
	background-color:#80eefb !important;
}
td.curr_day{
	background-color:#cbe1ff !important;
}
td.pathEvant:not(.curr_day){
	background-color:#cfffd5 !important;
}
td.blank_class{
	opacity:0.2;
}