*{
	--extrafont: MontRegular,Norms,MontSemiBold;
	--font:  Roboto, "Open Sans", Arial;
	--size: 13px;
	--h3size: 15px;
	--h4size: 13px;
	--darkgreen:#008D36;
	--labelgreen:#008D36;
	--darkgreenbg:#008D3680;
	--darkgreenhighold:#00af43;
	--darkgreenhigh:#008D36;
	--green: #51AD32;
	--lightgreen: #C7D300;
	--headgreen: #e7f2eb;
	---headgreen: #daebf9;
	--backgreen: #f7fbf8;
	--yellow: #FFEC00;
	--orange: #f0ad4e;
	--darkorange: #EB6608;
	--red: #d9534f;
	--lightred: #f3989e;
	--sb-track-color: #dddddd;
	/* --sb-thumb-color: #008D36; */
	--sb-thumb-color: #008d36;
	--sb-size: 10px;
	--radius: 10px;
	--smallradius: 5px;
	--btnradius: 5px;
	--menuradius: 5px;
	/* --shadow: none; */
	--shadow: 2px 2px 5px 0px #d8e4d6;
	--cardbg: #fff;
	--cardbg2: #fbfbfb;
	--cardmargin: 10px 5px;
	--cardborder: 0px solid #ccc;
	--textshadow: #286922;
	--side: 250px;
    --avatar: #008D36;
    --avatar-text: #286922;
}

body.grijs ,
body.blauw ,
.grijs * ,
.blauw * {
    --darkgreen: #00668d;
	--labelgreen:#008D36;
    --darkgreenbg: #2f00e980;
    --darkgreenhighold: #00af43;
    --darkgreenhigh: #005f8d;
    --green: #51AD32;
    --lightgreen: #C7D300;
    --headgreen: #d8e4ed;
    ---headgreen: #daebf9;
    --backgreen: #f7fbf8;
    --yellow: #FFEC00;
    --orange: #FAB900;
    --darkorange: #EB6608;
    --red: #d9534f;
    --lightred: #f3989e;
    --sb-track-color: #dddddd;
    /* --sb-thumb-color: #008D36; */
    --sb-thumb-color: #00668d;
    --sb-size: 10px;
    --radius: 3px;
	--smallradius: 0px;
	--btnradius: 5px;
	/* --shadow: 1px 1px 8px 0px #9ca6af; */
	--shadow: 2px 2px 3px 0px #9ca6af;
	--textshadow: #154e7b;
    --avatar: #00668d;
    --avatar-text: #154e7b;
}

body.elportal ,
.elportal * {
	--font: MontRegular,"Open Sans", Arial;
	--size: 14px;
	--h3size: 25px;
	--h4size: 20px;
    --darkgreen: #00668d;
	--labelgreen:#008D36;
    --darkgreenbg: #2f00e980;
    --darkgreenhighold: #00af43;
    --darkgreenhigh: #005f8d;
    --green: #51AD32;
    --lightgreen: #C7D300;
    --headgreen: #d8e4ed;
    --backgreen: #f7fbf8;
    --yellow: #FFEC00;
    --orange: #FAB900;
    --darkorange: #EB6608;
    --red: #d9534f;
    --lightred: #f3989e;
    --sb-track-color: #dddddd;
    --sb-thumb-color: #00668d;
    --sb-size: 6px;
    --radius: 4px;
	--smallradius: 0px;
	--btnradius: 5px;
	--shadow: none;
	--textshadow: #154e7b;
	--side: 200px;
    --avatar: #00668d;
    --avatar-text: #154e7b;
}

body.elportal.inv, .elportal.inv * {
    --avatar: #dfe4ee;
    --avatar-text: #46619738;
}

body.zwart, 
.zwart * {
    --darkgreen: #000;
    /* --labelgreen: #999; */
    --darkgreenbg: #999;
    --darkgreenhighold: #00af43;
    --darkgreenhigh: #999;
    --green: #999;
    --lightgreen: #999;
    --headgreen: #eee;
    ---headgreen: #fff;
    --backgreen: #fff;
    --yellow: #FFEC00;
    --orange: #FAB900;
    --darkorange: #EB6608;
    --red: #d9534f;
    --lightred: #f3989e;
    --sb-track-color: #dddddd;
    --sb-thumb-color: #555555;
    --sb-size: 10px;
    --radius: 3px;
    --smallradius: 0px;
    --btnradius: 5px;
    --shadow: none;
    --cardbg: #000;
    --cardbg2: #111;
	--textshadow: #353535;
}
.grijs * {
	--shadow: unset;
	--cardbg: #eee;
	--cardbg2: #ddd;
}


body {
    font-family: var(--font),"Helvetica Neue", Helvetica, Arial, sans-serif;
}

body::-webkit-scrollbar { width: var(--sb-size)}
body::-webkit-scrollbar-track { background: var(--sb-track-color); border-radius: 0px;}
body::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border-radius: 0px;}
@supports not selector(::-webkit-scrollbar) { body {scrollbar-color: var(--sb-thumb-color) var(--sb-track-color); } }

#sidebar-wrapper::-webkit-scrollbar { width: var(--sb-size)}
#sidebar-wrapper::-webkit-scrollbar-track { background: var(--sb-track-color); border-radius: 0px;}
#sidebar-wrapper::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border-radius: 0px;}
@supports not selector(::-webkit-scrollbar) { #sidebar-wrapper {scrollbar-color: var(--sb-thumb-color) var(--sb-track-color); } }

.scrollbar::-webkit-scrollbar { width: var(--sb-size)}
.scrollbar::-webkit-scrollbar-track { background: var(--sb-track-color); border-radius: 0px;}
.scrollbar::-webkit-scrollbar-thumb { background: var(--sb-thumb-color); border-radius: 0px;}
@supports not selector(::-webkit-scrollbar) { .scrollbar {scrollbar-color: var(--sb-thumb-color) var(--sb-track-color); } }

body.portal { 
	font-size: var(--size);
	/* overflow: auto; */
	padding-top: 0px;
	height:100vh;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	background: #f7f7f7;
}

body.portal.groen { 
	background: var(--backgreen);
	background: #f3f3f3;
}
body.portal.wit { 
	background: #fff;
}
body.portal.wit .sidebar-nav,
body.portal.wit .brand,
body.portal.wit .card { 
	border: 1px solid #ccc;
}

body.portal.wit2 { 
	background: #fff;
}
body.portal.wit2 .sidebar-nav,
body.portal.wit2 .brand,
body.portal.wit2 .card {
    border: 1px solid #eee;
    box-shadow: 1px 1px 7px #ccc;
}

body.portal.zwart { 
	background: #000;
}
body.portal.zwart .sidebar-nav,
body.portal.zwart .brand,
body.portal.zwart .card { 
	border: 1px solid #bbb;
	background:#000;
	color:#fff;
}



body.pop-modal {
		background: var(--backgreen);
}
.portal .container{ 
	width: 100%; 
	padding-bottom: 20px;
	/* padding-bottom: 70px; */
}

.portal.blauw .alert {
    border: 0px solid transparent;
	border-radius: var(--smallradius);
}

img {
	max-width: 100%;
}

.bold {
	font-weight: 700;
}
.italic {
    font-style: italic;
}

.noshow { display:none; }

.fixedtop {
    padding: 10px 15px 5px;
    width: 100%;
    position: sticky;
    top: 0px;
    /* margin-bottom: -25px; */
    z-index: 3;

	margin-bottom: 0px;
	background: var(--darkgreen);
	padding: 0;
}
.fixedtop .card {
    background: var(--darkgreen);
    border-radius: 0;
    margin: 0 !important;
}

.fixedtop .card a {
	color: #fff;
}

.card.sticky {
    position: sticky;
    top: 68px;
    z-index: 10;
}

.table-bordered > thead > tr.sticky th {
    position: sticky;
    top: 0px;
    z-index: 4;
    height: 70px;
    vertical-align: middle !important;
}


.card.sticky.pinned {
    /* border-bottom: 1px solid #444; */
    border-radius: 0;
    box-shadow: 0 8px 6px -5px #0009;
}
.card.sticky.pinned h3  {
	border-radius: 0;
}

.portal.blauw .fixedtop .card {
    background: #fff;
}
.portal.blauw .fixedtop .card a {
    color: var(--darkgreen);
}

.card.bordered {
    border: 2px solid var(--red);
    border-left: 15px solid  var(--red);
    border-right: 15px solid  var(--red);
}





.brand, 
.sidebar-nav,
#page-content-wrapper  {
    transition: all 0.5s ease;
	
}

.btn {
	/* border: none; */
	border-radius: var(--btnradius);
	/* padding: 6px 12px 3px; */
}
.btn {
    /* border: none; */
    border-radius: var(--btnradius);
    padding: 3px 8px;
    font-size: 12px;
}

.btn.btn-xs {
    padding: 1px 5px;
    /* padding: 3px 8px; */
}
.btn.btn-xxs,
.btn.btn-xss {
    padding: 0px 5px;
    font-size: 80%;
}
.btn.btn-xs .badge, .btn.btn-xs .badge {
    top: -1px;
    /* padding: 0px 3px; */
}

.btn.btn-xxs .badge, .btn.btn-xss .badge {
    top: 1px;
    padding: 0px 3px;
}

.btn .badge.badge-danger  {
	background-color: var(--red); 
	color: #fff; 
	
}

.btn.btn-default { 
	border: 1px solid #ccc;
}
.btn-block {
    display: block;
    width: 100%;
    white-space: normal;
}
	
.btn-info {
    color: #fff;
    background-color: var(--darkgreen);
    border-color: var(--darkgreen);
    background-color: var(--labelgreen);
    border-color: var(--labelgreen);
}

.btn-14 {
	font-size: 14px;
}

.hover, .pointer {
	cursor: pointer;
}

.cantoggle {
	/* display:none; */
}
h3 .in {
    font-size: 34px;
    margin-top: -11px;
    /* background: #f5fbf7; */
    /* border-radius: 10px; */
    width: 34px;
    height: 34px;
    text-align: center;
}

h3:has(.in) {
	cursor: pointer;
}

a {
    color: var(--darkgreen);
    text-decoration: none;
}

.wlabel {
    min-width: 170px;
    display: inline-block;
    padding: 4px;
    font-size: 12px;
	/* border-radius: var(--btnradius); */
}
.smalllabel .wlabel {
    min-width: 100px;
}
.label {
	border-radius: var(--btnradius);
}
label.col-form-label {
    margin: 6px 0 0 0;
}
.mtop6 {
    margin-top: 6px;
}
.ptop6 {
    padding-top: 6px !important;
}
.ptop12 {
    padding-top: 12px !important;
}

h3 .wlabel {
    margin-left: 12px;
}
.badge, .wlabel .badge {
    margin-left: 10px;
    background: #fff;
    color: #333;
    padding: 2px 6px 1px;
    font-weight: normal;
    border-radius: var(--btnradius);
    font-size: 11px;
}


.label { padding: 4px 8px; }
.label-white { background-color: #fff; border:1px solid #aaa; color: #333; padding: 3px 7px; }
.label-success { background-color: var(--labelgreen); }
.label-none { background-color: #fff; color: #222; border: 1px solid #222; padding: 3px 7px; }
.alert-info { background-color: var(--backgreen); border-color: var(--darkgreen); }
.btn-primary { background-color: var(--darkgreen);}
.btn-success { background-color: var(--labelgreen);}
.label-block { display:inline-block; }
.btn-white { background-color: #fff; border-color:#bbb; color: #333; }
.btn-blue { background-color: #2788fb; border-color:#2788fb; color: #fff; }
.btn.btn-blue:hover { background-color: #3590fb; border-color:#2788fb; color: #fff; }
.progress-bar-success { background-color: var(--labelgreen); }

/*
.label-info { background-color: var(--red); }
.label-warning { background-color: var(--orange); }
.label-danger { background-color: var(--red); }
.btn-warning { background-color: var(--orange);}
.btn-danger { background-color: var(--red);}
*/

.imgwrapper {
	padding: 10px 40px;
}
.imgwrapper img {
    max-width: 100%;
    height: auto !important;
}

.filelist {
	padding: 0;
}
.filelist ul, .filelist  li {
    list-style-type: none;
    /* border: 1px solid #3f3f3f; */
	padding-left: 0px;
}

.filelist  li { 
	padding-left:25px ;
}
.filelist  li li { 
	padding-left:5px ;
}

.ignoreme { 
	padding: 10px;
	background: #f7f7f7;
	margin: 5px 0;
}

.filelist li li,
ul#s-l-base li {
    margin: 4px;
    background: #eee;
    padding: 5px 10px;
    border-left: 10px solid #018F38;
	/* color:#fff; */
}
ul.thefiles  {
	padding: 0;
}
.thefiless li {
    list-style-type: none;
    margin: 4px;
    background: #eee;
    padding: 5px 10px;
    border-left: 10px solid #018F38;
}

.mb10 > div { margin-bottom: 10px }

.getmessage {
    cursor: pointer;
	color: #000;
	font-weight: 700;
}
.getmessage.read {
    cursor: pointer;
	color: #888;
	font-weight: 400;
}
.delmessage {
    cursor: pointer;
	color: #f00;
	width: 1px;
}
.archivemessage {
    cursor: pointer;
	color: #aaa;
	width: 1px;
}


/* message reading */

.message-card {
    padding: 15px 0;
}

.m_head {
    padding: 15px 15px;
	margin-bottom: 20px;
    background: #f9f9f9;
	color: #000;
	border-radius: 10px;
}
.m_body {
    padding: 15px 25px;
	/* margin-bottom: 20px; */
    background: #f9f9f9;
	color: #000;
	border-radius: 10px;
}

.m_subject {
    font-style: normal;
    color: #000;
	font-weight: 700;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 10px 5px;
	background: #eee;
}

.m_vanaan {
    font-style: italic;
	font-weight: 700;
	padding: 5px;
}

.m_timestamp::after {
	clear:both;
	display: table;
	content: " ";
}
.m_timestamp {
    font-style: italic;
	padding: 5px;
}
.m_timestamp .m_sent {
    float: left;
}
.m_timestamp .m_received {
    float: right;
}
.m_timestamp .m_received .m_not {
	color: #f00;
}

.badge-info {
    background-color: #b94a48;
    margin: -8px 0 0 0px;
}
.badge-info:hover {
  background-color: #953b39;
}

.badge.badge-msgs {
    margin: -15px -7px  0 -7px;
    background: #e75959;
    color: #fff;
    font-family: var(--font);
    padding: 4px 9px 2px;
}

.m_replybutton {
    text-align: right;
    margin: 20px 0;
}


#s-l-hint {
    background: #fff;
    border-left: 10px solid #f00;
	/* color:#fff; */
}
.filelist li li a, ul#s-l-base li a {
	/* color: #fff; */
}
#s-l-placeholder, #s-l-base {
    list-style-type: none;
}
.ignoreme .h4 {
    font-weight: 600;
    margin: 1px 5px;
    font-size: 14px;
}


.card-a {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
    /* float: left; */
}
.top-right {
    position: absolute;
    right: 16px;
    top: 20px;
}
.pcard .top-right {
    top: 8px;
    right: 8px;
}

@media (min-width: 1200px) {
	.container:has(.m_Mijn) {
		width: 95%;
	}
}


.checkbox-inline input[type="checkbox"] {
    margin-left: -20px;
    margin-right: 5px;
    margin-top: 0;
    position: relative;
    vertical-align: middle;
}
.align-middle {
    vertical-align: middle !important;
}


.m_Mijn {
    /* max-width: 90vw; */
    /* margin: auto; */
    /* overflow: auto; */
}

.m_Mijn a {
    /* color: #009138; */
}
small.btw {
    font-size: 70%;
	color:red;
}
small.perc {
    font-size: 70%;
    vertical-align: middle;
}

label {
	font-weight: 400;
}

table td .fa {
    /* font-size: 1.2em; */
    /* margin-right: 8px; */
    /* margin-bottom: 10px; */
}


.doedit .btn {
    padding: 2px 6px 0px;
}
.doedit .label {
    font-size: 90%;
    font-weight: 400;
}

/* filter stuff */
.input-group-btn .btn-group {
    display: flex !important;
}
.btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
}
.btn-group .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn-group .form-horizontal .btn[type="submit"] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form-group {
    margin-bottom: 5px;
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.form-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
input.form-control.changed {
    background: #fff0f0;
}

@media screen and (min-width: 768px) {
    #adv-search {
        width: 375px;
        /* margin: 0 auto; */
    }
}
#adv-search.active {
    background: #fbf5f5;
    padding: 5px;
    border: 2px solid red;
    border-radius: var(--smallradius);
}

/* end filter stuff */

.panel {
	border-radius: 0;
	box-shadow: none;
	border: 0;
	/* background: #eee; */
}
.panel-default > .panel-heading {
	/* background: #3e8fde; */
	background: #fff;
	border-radius: 0;
	/* color: #fff; */
	color: #333;
	min-height: 55px;
}

.panel-heading h4 {
	/* color: #fff; */
}
.no.panel-body {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.table {
	background: #fff;
}
.table-nonfluid {
   width: auto !important;
   margin: auto;
  
}
.table tr > th {
	/* font-size:110%; */
    background: var(--headgreen);
    background: #fff;

}
.table tr.grey {
    background: #fffafa;
}

.table.high tr > th {
    background: var(--headgreen);
	white-space: nowrap;
}
.table.high tr > td {
	white-space: nowrap;
}
.grijs .table tr > th {
    background: transparent;

}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px 8px;
	border: none;
}
#rtable.table>tbody>tr>td{
	border-top: 1px solid #ddd;
}
.table.table-nopad>tbody>tr>td, .table.table-nopad>tbody>tr>th, .table.table-nopad>tfoot>tr>td, .table.table-nopad>tfoot>tr>th, .table.table-nopad>thead>tr>td, .table.table-nopad>thead>tr>th {
    padding: 1px 0px;
	/* border: none; */
}
.table th.right,
.table td.right {
	text-align: right;
}
	
	
.table>thead>tr>th {
    /* padding: 26px 12px; */
    padding: 12px 12px;
	border: 1px solid #fff;
}
.table-borderless tr, .table-borderless td, .table-borderless th {
	border: none !important;
}
.table-mono, .mono {
	font-family: monospace;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd !important;
}

.table-responsive {
    scrollbar-width: thin;
}

.table.click-tr tr td {
	cursor: pointer;
}

.table tr:first-child td {
  border-top: none;
}
.table.table-max {
	width: max-content;
}

   
.bg-info,
tr.info td {
	background: #ffbe76 !important;
}
/* ---- */
body.modal-open {
    overflow: visible;
	padding-right:0px !important;
	margin-right:0px !important;
}

select.input-sm, select.form-group-sm .form-control {
	width: 95%;
}
.alert {
    border-radius: var(--radius);
	margin: 10px 5px;
}
.card .alert {
	margin: 10px 0px;
}

.alert a {
	color: inherit;
	font-weight: 900;
}
.green {
	color: green !important;
}
.red a,
.red {
	color: red !important;
}
.purple {
	color: purple !important;
}
.orange {
	color: orange !important;
}
.grey, .gray {
	color: grey !important;
}
.notfound {
	color: #888;
	background: #eee;
}
.wrong {
	color: #f00;
	background: #fee;
}

.strike {
	text-decoration: line-through;
}
td.bggreen, td.bggreen a {
	color: #fff;
	background: #27ae60 !important;
}
td.bglightgreen, td.bglightgreen a {
	color: #222;
	background: #a1d9b9 !important;
}
input.bgred{
	/* color: #000; */
	background: #fee !important;
}
td.bgred, td.bgred a {
	color: #fff;
	background: #f77 !important;
}
td.bgred, td.bgred a {
	color: #222;
	background: #ffcdcd !important
}
td.bggrey, td.bggrey a {
	color: #222;
	background: #fbf8d6 !important
}
.card.bgred, .card.bgred a {
	color: #222;
	background: #ffcdcd !important
}

.h a {
  width: 295px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.nowrap {
  white-space: nowrap !important;
}
table.nowrap td {
  white-space: nowrap !important;
}

.inreply {
	padding: 5px 0px 3px 7px;
	border-left: 3px solid #f77;
	background: #f9f0f0;
	color: #666;
}
.inreply .inreply {
	border-left: 3px solid #27ae60;
	background: #ddffeb;
}
.inreply .inreply .inreply {
	border-left: 3px solid #77f;
	background: #e8e8fa;
}
.inreply .inreply .inreply .inreply {
	border-left: 3px solid #999;
	background: #eee;
}
.replyhead {
	font-size: 12px;
	font-style:italic;
	font-weight: bold;
}
/*
.panel td a {
	display: block;
	text-decoration: none;
}
.panel td .card-view a {
	display: inline;
}
*/
.input-sm {
	height: 25px;
}
.bg {
	padding: 5px 20px;
	font-size: 22px;
	font-weight: bold;
	border-radius:3px;
}

.filtercard, .selectorcard {
    margin: 10px 0 20px;
    width: fit-content;
    display: inline-block;
}
.selectorcard {
}
.radiosel {
	float: right;
    text-align: right;
    border-bottom: 1px solid #ccc;
    padding: 7px 5px 0px 10px;
    margin-right: 3px;
    border-radius: var(--radius);
	background: #f9f9f9;
}
.radiosel.active {
	border-bottom: 1px solid #ff0000;
	background: #fbf5f5;
}
.__card {
    border-radius: 5px;
    margin: 10px 0 20px;
    padding: 8px 20px 20px;
    background: #fff;
    overflow: hidden;
    font-size: 90%;
    /* box-shadow: 0px 3px 12px #e6e9ef; */
    border: 1px solid #eee;
    box-shadow: 0 12px 12px -12px #aaa;
}

.card {
	clear: both;
    border: var(--cardborder);
    border-radius: var(--radius);
    margin: var(--cardmargin);
    padding: 15px 20px;
    background: var(--cardbg);
    /* overflow: hidden; */
	box-shadow: var(--shadow); 
}

.card:after {
  content: "";
  display: table;
  clear: both;
}
.card.lightgrey {
	background: #f7f7f7;
}
.card.nopadding {
    padding: 8px 7px 8px;
}

.card .card {
    background: #fbfbfb;
    background: var(--cardbg2);
	border: none;
	box-shadow: none;
}

.ncard.small {
    width: auto;
    display: inline-block;
    background: #eee;
    /* padding: 10px 40px; */
    padding: 10px 20px;
    margin: 0 10px 0 0;
}

.card.small {
    background: #eee;
    padding: 0px 20px 3px;
    margin: 0 10px 0 0;
    text-align: center;
	border-radius: var(--smallradius);
}
.agenda.card.small {
    background: #eee;
    background: var(--headgreen);
    padding: 0px 20px 3px;
    margin: 0 0 10px 0  ;
    text-align: center;
	border-radius: var(--smallradius);
	/* border-radius: 10px; */
	overflow: hidden;
}
.agenda.card h5 {
    padding: 5px 0 2px;
    background: var(--darkgreen);
    font-weight: 400;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    margin: 0px -20px 0px;
    text-align: center;
    color: #fff;
}

.card.autocard {
    width: fit-content;
}

.card.grey {
	background: #eeeeee;
}

.wizard .highlight {
    background: #d3ebca;
    color: #333;
    padding: 7px;
	border-radius: var(--radius);
}

.elportal .card.alert ,
.elportal .card .card.alert ,
.card.highlight {
    background: #f2e2df;
	color: #333;
}
.elportal .card.alert h3 ,
.elportal .card .card.alert h3 ,
.card.highlight h3 {
    border-color: #d9534f;
}
.card.highlight.noedit {
    background: #c25d54;
    color: #fff;
    font-size: 15px;
}
.card.highlight.red {
    background: #c25d54;
    color: #fff;
    font-size: 15px;
}

.card.highlight.green {
    background: #e7f2eb;
	color: #333;
}
.card.highlight.green h3 {
    border-color: #51AD32;
}

.card .card.highlight {
	padding: 8px 20px 8px;
	/* margin: 0 -5px; */
}
.card.agenda {
	font-size: 100%;
}
.card .card-body h3 {
    /* margin: -8px -20px 5px -20px; */
}

.card .card h3 {
    background: var(--headgreen);
    border-bottom: 3px solid var(--darkgreen);
    margin: -15px -20px 20px;
    padding: 10px 20px;
}

.nocard h3 {
    /* margin: -8px -20px 10px -20px; */
    padding: 0px 10px 10px;
    color: #555 !important;
	font-weight: 900;
	border-bottom:1px solid #ddd;
	font-size: 18px;
}
/*
.card h3 {
    margin: -15px -20px 15px -20px;
    padding: 15px 20px 10px;
    color: #555 !important;
    font-weight: 900;
    border-bottom: 1px solid #ddd;
    font-size: var(--h3size);
    background: var(--headgreen);
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}
*/
.card h3 {
    margin: -15px 0px 15px 0px;
    padding: 15px 0px 10px;
    color: #555 !important;
    font-weight: 900;
    border-bottom: 2px solid var(--darkgreen);
    font-size: var(--h3size);
    /* background: var(--headgreen); */
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
}



.card.wizard h3 {
    //margin: -19px -25px 10px -25px;
    margin: -10px 0px 10px 0px;
    border-radius: 0;
}

.card h3 .btn {
    margin-top: -5px;
}

._old_card h5 {
    padding: 7px;
    color: #555 !important;
    font-weight: 900;
    border-bottom: 1px solid #fff;
    font-size: 14px;
    margin: -8px -20px 5px;
    background: #ddd;
    text-align: center;
}

.card table {
    margin-bottom: 5px;
    /* table-layout: fixed; */
    /* width: calc(100% - 30px); */
	background: transparent;
}
.card table.table-full,
.card table table {
    table-layout: auto;
    width: 100%;
}

.card.pg {
    max-height: calc(100vh - 240px);
    overflow: auto;
}

.selectbox {
    margin-bottom: 10px;
    max-height: 200px;
    overflow: auto;
    padding: 3px 0 10px 10px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    margin-left: -20px;
    margin-right: 5px;
    margin-top: 0;
    position: relative;
    /* vertical-align: text-bottom; */
}

.checkbox-inline label {
	font-weight: 400;
}

.itemplugin {
	margin: 2px 0 0 0;
}
.title {
	font-weight:800;
}
.extra {
	margin-bottom: 5px;
}
.locked {
	background-color: #eee;
	padding: 5px 10px;
	margin: -10px;
	border-radius: var(--radius);
}

.reacttable {
	width: auto !important;
}
.rate {
	width: 55px;
}
.plus {
	font-weight: bold;
	color: #007700;
}
.minus {
	font-weight: bold;
	color: #ff0000;
}
.chapter {
	font-weight: bold;
	padding-top: 13px;
}

.verthead table {
	/* width: 95%; */
	
}
hr.small {
    height: 2px;
    margin: 0;
    /* background: var(--darkgreen); */
    /* border: navajowhite; */
}


tr.odd td, tr.even td {
}
tr.odd {

}
tr.even {

}
td hr {
    height: 2px;
    margin: 0;
    background: var(--darkgreen);
    border: navajowhite;
}

tr.te {
	font-weight: 900;
}
tr.bottom td { 
    padding-bottom: 10px !important;
}
tr.top td { 
    padding-top: 10px !important;
}
oneline {
	height: 20px;
}
.verthead thead th {
	height: 80px;
	width: 30px;
	min-width: 30px;
	max-width: 30px;
	position: relative;
	vertical-align: bottom;
	padding: 0;
	font-size: 12px;
	line-height: 0.8;
}
.verthead th > div{
	position: relative;
	top: 0px;
	left: 15px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
	height: 100%;
	-ms-transform:skew(-45deg,0deg);
	-moz-transform:skew(-45deg,0deg);
	-webkit-transform:skew(-45deg,0deg);
	-o-transform:skew(-45deg,0deg);
	transform:skew(-45deg,0deg);
	overflow: hidden;
}

.verthead th span {
	-ms-transform:skew(45deg,0deg) rotate(315deg);
	-moz-transform:skew(45deg,0deg) rotate(315deg);
	-webkit-transform:skew(45deg,0deg) rotate(315deg);
	-o-transform:skew(45deg,0deg) rotate(315deg);
	transform:skew(45deg,0deg) rotate(315deg);
	position: absolute;
	bottom: 30px; /* 40 cos(45) = 28 with an additional 2px margin*/
	left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
	display: inline-block;
	width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
	text-align: left;
	white-space: nowrap; /*whether to display in one line or not*/
}

.verthead th, .verthead td {
	padding: 2px !important;
	border: none !important;
}
.verthead td input.first {
	width: 325px;
}
.verthead td select.first {
	width: 325px;
}
.verthead td textarea.first {
	max-width: 325px;
	width: 325px;
	height: 30px;
}
.verthead td input.c10 {
	width: 40px;
}
.verthead td .checkbox-inline {
	margin-top: 2px;
}

.checkbox.any {
    margin-bottom: 0px;
    margin-top: -4px;
}

.check {
    margin-bottom: 0px;
    margin-top: 2px;
}

textarea.remarks {
	font-size: 16px;
	width: 100%;
	max-width: 100%;
	height: 230px;
	background: #f7f7f7;
	border: none;
	border-left: 5px solid #018F38;
	padding: 10px;
	
}
textarea.remarks:focus-visible {
    outline-color: #018F38;
}


span.correctie {
    color: #D9534F;
    display: inline-block;
    font-weight: bold;
    padding-right: 25px;
    padding-top: 4px;
    text-align: right;
    width: 100%;
}
button.add_corr {
	float: right;
	margin-top: 5px;
	margin-right: 2px;
}

.s01 { background: #27ae60 !important; color:#fff !important; padding: 0 5px; font-style:italic;}
.s02 { background: #d35400 !important; color:#fff !important; padding: 0 5px; text-decoration:underline;}
.s03 { background: #2980b9 !important; color:#fff !important; padding: 0 5px; font-weight:bold;}
.s04 { background: #c0392b !important; color:#fff !important; padding: 0 5px; font-weight:bold;text-decoration:underline;}
.s05 { background: #2c3e50 !important; color:#fff !important; padding: 0 5px;}

.s01,
.s02,
.s03,
.s04,
.s05{ 
	background: #edd !important; color:#000 !important; padding: 1px 5px;
}

.s01:before,
.s02:before,
.s03:before,
.s04:before,
.s05:before {
	content: "[";
    margin-right: 3px;
	font-style: normal;
	font-weight: normal;
	text-decoration: initial;
}
.s01:after,
.s02:after,
.s03:after,
.s04:after,
.s05:after {
	content: "]";
    margin-left: 3px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

input.multi {

}
.messages .wysiwyg-editor {
	min-height: 16em;
	max-height: 44.5em;
}


td {
	-webkit-transition: all 0.25s ease 0;
	-moz-transition: all 0.25s ease 0;
	-o-transition: all 0.25s ease 0;
	transition: all 0.25s ease 0;
}
td .wysiwyg-editor {
	/* padding: 5px; */
	min-height: 3.5em;
	max-height: 44.5em;
	
}
.td .wysiwyg-container {
	border: none;
	margin: -8px;
}
.wysiwyg-toolbar {
	color: #ddd;
}
.wysiwyg-plugin-list {
    max-height: 16em;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
}
.wysiwyg-plugin-list a,
.wysiwyg-plugin-list a:link,
.wysiwyg-plugin-list a:visited {
    display: block;
    color: black;
    padding: 5px 10px;
    text-decoration: none;
    cursor: pointer;
}
.wysiwyg-plugin-list a:hover {
    color: HighlightText;
    background-color: Highlight;
}


.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    text-decoration: none;
    /* background-color: var(--darkgreenhigh); */
    color: #333;
}
.nav-tabs > li > a {
    padding: 6px 10px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	cursor: pointer;
}

.clickable-row {	
	cursor: pointer;
}

.mainsub {
    /* margin-top: 15px; */
    position: relative;
}

.nav-tabs {
    /* border: 1px solid #ddd; */
    /* background: #f7f7f7; */
    padding: 5px 5px 0;
    border-radius: 5px 5px 0 0;
    /* font-size: 90%; */
    font-weight: bold;
}

.mainsub.nav-tabs {
    border-top: 0px solid #ddd;
    padding-top: 10px;
    /* font-size: 85%; */
}

.mainsub.nav-tabs {
	border: none;
}

.nav-pills > li > a {
	font-weight: 700;
    padding: 3px 10px;
    margin-right: 2px;
    border-radius: var(--btnradius);
	color: #222;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: var(--darkgreen);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    /* background-color: #f7f7f7; */
	color: red;
}


.form-control {
    /* padding: 4px 7px; */
    /* height: auto; */
    /* font-weight: 400; */
}

.form-control.postcode {
	width: 75px;
	display:inline-block;
}
.form-control.huisnummer {
	width: 75px;
	display:inline-block;
}
.form-control.toevoeging {
	width: 75px;
	display:inline-block;
}

th.small {
	width: 100px;
	font-size: 14px;
}
th.thmedium {
	width: 235px;
	/* font-size: 14px; */
}
th.nw, td.nw {
	white-space: nowrap;
}
.table th.vert, .table td.vert {
	writing-mode: vertical-lr;
}
.table th.middle, .table td.middle {
	vertical-align: middle;
}

td.nw {
	/* width: 250px; */
	width: 190px;
}

#logtable td.nw, #logtable td.nwp {
	max-width: 800px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#logtable td.nws, #logtable td.nws {
	max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

td.max250 {
	max-width: 250px;
	overflow: auto;
	scrollbar-width: thin;
}
td.nwm {
	/* width: 250px; */
	min-width: 190px;
}
th.nwp,
td.nwp {
	white-space: nowrap;
	width: 1%;
}
th.center,
td.center {
	text-align: center;
}

td.b {
	font-weight: 700;
}
td.th {
	font-weight: 700;
	max-width: 250px;
	white-space: normal !important;
}
.usertable td.th {
	width: 120px;
}

.table tr th.month2, td.month2 { background: #eee; }
.table tr th.month1, td.month1 { background: #f7f7f7; }

.view { 
	padding-bottom:20px; 
}
#map,#pano {
	/* height:350px; */
	height:440px;
	width:100%;
	background:#eee;
	margin-bottom:20px; 
}
#map.low,#pano.low {
	height:310px;
}
.frame #map,.frame #pano {
	height:350px;
	margin-bottom:0px; 
}



@media screen and (max-width: 468px) {
	.view { display: none; }
}



/* energie labels */

.energy-label {
  position: relative;
  color: #fff;
  background: #ababab;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 32px;
  height: 32px;
  display: inline-block;
  margin-right: 18px;
}

.energy-label:after, .energy-label:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.energy-label:after {
  border-color: rgba(136, 183, 213, 0);
  border-width: 16px;
  margin-top: -16px;
}
.energy-label-not,
span[class*=energy-label-not] {
  background-color: #e3e3e3;
  color: #000;
}

.energy-label.energy-label-not:after,
span[class*=energy-label-not]:after {
  border-left-color: #e3e3e3;
}

.energy-label.energy-label- {
    display: none ;
}

.energy-label-G {
  background-color: #e5051f;
}

.energy-label.energy-label-G:after {
  border-left-color: #e5051f;
}

.energy-label-F {
  background-color: #e9601f;
}

.energy-label.energy-label-F:after {
  border-left-color: #e9601f;
}

.energy-label-E {
  background-color: #fabd25;
}

.energy-label.energy-label-E:after {
  border-left-color: #fabd25;
}

.energy-label-D {
  background-color: #fcef32;
}

.energy-label.energy-label-D:after {
  border-left-color: #fcef32;
}

.energy-label-C {
  background-color: #c5d52b;
}

.energy-label.energy-label-C:after {
  border-left-color: #c5d52b;
}

.energy-label-B {
  background-color: #0ca841;
}

.energy-label.energy-label-B:after {
  border-left-color: #0ca841;
}

.energy-label-A,
span[class*=energy-label-A] {
  background-color: #009649;
}

.energy-label.energy-label-A:after,
span[class*=energy-label-A]:after {
  border-left-color: #009649;
}

table .energy-label {
    line-height: 24px;
    height: 24px;
    padding-left: 14px;
    padding-right: 14px;
    margin-right: 16px;
}
table .energy-label:after {
  border-width: 12px;
  margin-top: -12px;
}

.energy-label i {
  position: absolute;
  top: 10px;
  left: 35px;
  z-index: 1;
  font-size: 10px;
}

table .energy-label i {
  font-size: 10px;
  top: 2px;
  left: 21px;
}

a.h4span {
	/* float: right; */
	color: #333;
	margin-right: 10px;
	margin-left: 10px;
}

/* nav tabs mobile */


@media (max-width: 767px) {
  .nav-tabs.nav-tabs-dropdown,
  .nav-tabs-dropdown {
    border: 1px solid #dddddd;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
	margin-bottom: 10px;
	padding: 0;
  }
  .nav-tabs.nav-tabs-dropdown::after,
  .nav-tabs-dropdown::after {
    content: "☰";
    position: absolute;
    top: 8px;
    right: 15px;
    z-index: 2;
    pointer-events: none;
  }
  .nav-tabs.nav-tabs-dropdown.open a,
  .nav-tabs-dropdown.open a {
    position: relative;
    display: block;
  }
  .nav-tabs.nav-tabs-dropdown.open > li.active > a,
  .nav-tabs-dropdown.open > li.active > a {
    background-color: #eeeeee;
  }
  .nav-tabs.nav-tabs-dropdown li,
  .nav-tabs-dropdown li {
    display: block;
    padding: 0;
    vertical-align: bottom;
	float:none !important;
	margin: 0;
  }
  .nav-tabs.nav-tabs-dropdown > li > a,
  .nav-tabs-dropdown > li > a {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    border-color: transparent;
  }
  .nav-tabs.nav-tabs-dropdown > li > a:focus,
  .nav-tabs-dropdown > li > a:focus,
  .nav-tabs.nav-tabs-dropdown > li > a:hover,
  .nav-tabs-dropdown > li > a:hover,
  .nav-tabs.nav-tabs-dropdown > li > a:active,
  .nav-tabs-dropdown > li > a:active {
    border-color: transparent;
  }
  .nav-tabs.nav-tabs-dropdown > li.active > a,
  .nav-tabs-dropdown > li.active > a {
    display: block;
    border-color: transparent;
    position: relative;
    z-index: 1;
    background: #fff;
  }
  .nav-tabs.nav-tabs-dropdown > li.active > a:focus,
  .nav-tabs-dropdown > li.active > a:focus,
  .nav-tabs.nav-tabs-dropdown > li.active > a:hover,
  .nav-tabs-dropdown > li.active > a:hover,
  .nav-tabs.nav-tabs-dropdown > li.active > a:active,
  .nav-tabs-dropdown > li.active > a:active {
    border-color: transparent;
  }
}

@media only screen and (max-width: -800px) {
    
    /* Force table to not be like tables anymore */
	#rtable table, 
	#rtable thead, 
	#rtable tbody, 
	#rtable th, 
	#rtable td, 
	#rtable tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#rtable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#rtable tr {
		border: 1px solid #ccc;
		border-bottom: 1px solid #ccc !important;
		padding: 8px 0;
	}

	#rtable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 35%; 
		white-space: normal;
		text-align:left;
	}
	#rtable.table>tbody>tr>td, 
	#rtable.table>tbody>tr>th, 
	#rtable.table>thead>tr>td, 
	#rtable.table>thead>tr>th {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
 
	#rtable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 32%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#rtable td:before { content: attr(data-title); }
}

/* drag & drop */
#drop-target {
    text-align: center;
    color: #999;
    font-size: 18px;
    min-height: 310px;
    line-height: 1.5;
    cursor: pointer;
    max-width: 100%;
    border: 3px dashed rgba(0,0,0,.125);
    border-radius: 0.25rem;
    background: #f9f9f9;
    padding-top: 100px;
}
#drop-target.dragover {
	background: #eee;
	border-color: #f00;
}
.moxie-shim {
	display:none;
}
/* end drag & drop */

.drag {
    border: 1px dashed #f00 !important;
	background: #ffefef !important;
	/* box-shadow: inset 0 0 0 3px #f00; */

}


.doedit { cursor:pointer; width: 1px; }
.nopass { color: #f00; font-size: 80%; display:block; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	
}

/* .card [class^="col-"].has(input) { */
/* .card [class^="col-"]:has(select), */
/* 
.card [class^="col-"]:has(input) { 
	padding-left:5px;
	padding-right:5px;
}
*/
.row {
	margin-left: -5px;
	margin-right: -5px;
}
.card.spadding [class^="col-"] { 
	padding-left:5px;
	padding-right:5px;
}
	
.nopaddingform {
    padding-right: 6px;
    padding-left: 6px;
}
.bigtable {
	overflow: auto;
    border-radius: var(--radius);
    margin: 10px 0 20px;
    padding: 8px 20px 20px;
    background: #fff;
    /* font-size: 90%; */
	height:77vh;
	height:calc(100vh - 120px);
	scrollbar-width: thin;
}
.bigtable td {
	white-space: nowrap;
}
.bigtable a {
	/* color: #000; */
	text-decoration: none;
	/* color: inherit; */
}
.midtable {
	overflow: auto;
    border-radius: var(--radius);
    /* margin: 10px 0 20px; */
    /* padding: 8px 20px 20px; */
    background: #fff;
    /* font-size: 90%; */
	/* max-height:77vh; */
	scrollbar-width: thin;
}
.midtable td {
	white-space: nowrap;
}
.midtable a {
	/* color: #000; */
	text-decoration: none;
}
.btn-large {
    padding: 5px 13px;
    font-size: 110%;
}
.btn-small {
    padding: 1px 3px;
    border: 1px solid #eee;
    background: #eee;
    font-size: 80%;
}
.btn-smaller,
.btn-delete {
    padding: 4px 4px;
    font-size: 80%;
    line-height: 1;
}
table#onlinetable,
table#rtable {
    /* font-size: 90%; */
	table-layout:auto;
	/* width: 100%; */
}
.table-hover > tbody > tr{ 
	/* background: #fff; */
	/* background: #fff4; */
	background: transparent;
}

table#onlinetable.table-fixed {
    table-layout: fixed;
	width: 100%;
	min-width: 1350px;
}

table#ntable thead,
table#rtable thead {
    color: #fff;
    background: #018F38!important;
}

table#ntable thead,
table#rtable thead {
    color: #333;
    background: #ddd!important;
}
table#ntable th,
table#rtable th {
    border-bottom: 2px solid #018F38;
}
table#onlinetable td.small {
	width: 390px;
	white-space: nowrap;
	font-size: 100%;
}
table#rtable td.small,
table#rtable th.small {
	width: 190px;
	white-space: nowrap;
	font-size: 100%;
}
table#onlinetable td.small.nw,
table#rtable td.small.nw ,
table#rtable th.small.nw {
	/* width: 110px; */
	width: 95px;
}
table#onlinetable td.very.small,
table#rtable td.very.small,
table#rtable th.very.small {
	//width: 10px;
	width: 1%;
	/* width: 110px; */
	white-space: nowrap;
	font-size: 100%;
}
table#onlinetable td,
table#rtable td {
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

table#rtable td h4 {
	background: #f7f7f7;
	padding: 20px;
	margin: -10px;
}


table#rtable td {
    vertical-align: middle;
	height:65px;
}
table#onlinetable td {
    vertical-align: middle;
}

#remarks pre.bc {
    text-wrap: auto;
    word-break: normal;
    max-height: 300px;
}

div#remarks.flow .bc {
    max-height: 300px;
    overflow: auto;
    text-wrap: revert;
    word-break: unset;
}

blockquote.bc {
	/* font-size: 16px; */
	/* border-color: var(--darkgreen); */
	/* background: #f7f7f7; */
}
pre.bc {
	border: none;
    font-size: 14px;
    border-left: 5px solid var(--darkgreen);
    background: #f7f7f7;
    line-height: 1.2;
    font-family: monospace;
    padding: 10px 20px;
	overflow: auto;
}



.modal-dynamic ,
.modal-fullscreen {
  padding: 0 !important;
}

.modal-fullscreen .modal-dialog {
  width: 90%;
  max-width: 1400px;
  height: 90%;
  margin: 2% auto;
  /* padding: 0; */
}
.modal-fullscreen .modal-body {
    position: relative;
    padding: 0px;
    height: calc(100% - 80px);
}

.modal-dynamic .modal-content, .modal-fullscreen .modal-content {
    height: 100%;
    min-height: 100%;
    overflow: auto;
    background: #fbfbfb;
    border: none;
}

.modal-fullscreen .modal-content iframe {
	position: relative;
	width: 100%;
}

.modal-dynamic .modal-dialog {
	width: 90%;
	max-width: 1800px;
	margin: 2% auto;
}
.modal-dynamic .modal-body {
    position: relative;
    padding: 0px;
}
.modal-dynamic .modal-content iframe {
	position: relative;
	width: 100%;
}


.modal-header .close {
    margin: 0px;
    font-size: 32px;
	line-height: 32px;
    color: #fff;
	/* background: #018F38; */
	background: #cd5c5c;
    opacity: 1;
	border: 1px solid #fff;
	width:40px;
	height:40px;
	border-radius: 50%;
	
}
.modal-header {
    /* background: #018f38; */
    /* color: #fff; */
    background: #fff;
    color: #555;
}

.modal-title {
    margin-left: 30px;
    line-height: 1.6;
	font-weight: 900;
}

.note-statusbar {
	display: none;
}


.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

span.weekn ,
a.weekn {
	font-size: 16px;
	background: orange;
	color: #fff;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
}
span.weekn {
	border: 1px solid orange;
	background: none;
	color: #444;
}

table.calendar .card h4 {
	margin:0;
}
table.calendar .card {
	background: #eee;
	border-radius: 2px;
	padding: 5px;
	cursor: pointer;
	border:none;
}
table.calendar .today .card {
	background: #fff;
}

table.calendar {
  font-family: sans-serif;
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  table-layout: fixed;
  margin-bottom: 50px;
}

table.calendar thead tr th {
	background: #018F38!important;
	/* background: #626E7E; */
	color: #fff;
	padding: 0.5em;
	overflow: hidden;
	text-align: center;
}
table.calendar thead tr th:first-child {
	border-radius: 3px 0 0 0;
}
table.calendar thead tr th:last-child {
	border-radius: 0 3px  0 0;
}
table.calendar thead tr th .day {
    display: block;
    font-size: 14px;
    height: 30px;
    margin: 0 auto 5px;
    padding: 5px;
    line-height: 1.6;
	vertical-align: middle;
}

table.calendar tbody tr td.today {
  background: #eee;
}
table.calendar tbody tr {
  background: #fff;
}
table.calendar tbody tr td {
	border-bottom: 1px solid #ccc;
	text-align: center;
	vertical-align: top;
	border-left: 1px solid #ccc;
	position: relative;
	height: 120px;
	/* cursor: pointer; */
	padding: 0px 15px;
}
table.calendar tbody tr td:last-child {
  border-right: 1px solid #ccc;
}

@media (max-width: 27em) {
  table.calendar thead tr th {
    font-size: 65%;
  }
  table.calendar thead tr th .day {
    display: block;
    font-size: 1.2em;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: 0 auto 5px;
    padding: 5px;
  }
  table.calendar thead tr th .day.active {
    background: #d1d5db;
    color: #626E7E;
  }
}

tr.deleted {
    color: #ccc;
    font-style: italic;
	text-decoration: line-through 	
}


td.deleted {
    font-style: italic;
    color: red;
    text-decoration: line-through;
}

tr.wel-adviseur {
	/* border-left: 4px solid transparent; */
}
tr.geen-adviseur {
	/* border-left: 2px solid #ff0000; */
	/* border-left: 4px solid transparent; */
	position: relative;
}
tr.geen-adviseur:after{
    content: '';
    position: absolute;
    left: 0px;
    top: 10%;
    height: 80%;
    border-left: 4px solid #e5051f;
}

span.label.label- {
    color: #000;
}
.label a {
	color: inherit;
	text-decoration: none;
}
.delfile {
	margin: 0 10px;
	cursor: pointer;
}
.refresh-ep {
	margin: 0 10px;
	cursor: pointer;
}

.task {
    background: #f9f9f9;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.onlineloader {
    display: inline;
    width: 100px;
    height: 20px;
    position: relative;
    margin-left: 30px;
    top: -6px;
}

.onlineloader div {
  position: absolute;
  top: 10px;
  right: 0px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #018F38;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.onlineloader div:nth-child(1) {
  left: 8px;
  animation: onlineloader1 0.6s infinite;
}
.onlineloader div:nth-child(2) {
  left: 8px;
  animation: onlineloader2 0.6s infinite;
}
.onlineloader div:nth-child(3) {
  left: 32px;
  animation: onlineloader2 0.6s infinite;
}
.onlineloader div:nth-child(4) {
  left: 56px;
  animation: onlineloader3 0.6s infinite;
}
@keyframes onlineloader1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes onlineloader3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes onlineloader2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


/*!
 * 
 * Super simple WYSIWYG editor v0.8.20
 * https://summernote.org
 *
 *
 * Copyright 2013- Alan Hong and contributors
 * Summernote may be freely distributed under the MIT license.
 *
 * Date: 2021-10-14T21:15Z
 *
 */
@font-face{font-display:auto;font-family:summernote;font-style:normal;font-weight:400;src:url(font/summernote.eot?#iefix) format("embedded-opentype"),url(font/summernote.woff2) format("woff2"),url(font/summernote.woff) format("woff"),url(font/summernote.ttf) format("truetype")}[class*=" note-icon"]:before,[class^=note-icon]:before{text-rendering:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;speak:none;display:inline-block;font-family:summernote;font-size:inherit;font-style:normal;text-decoration:inherit;text-transform:none;vertical-align:middle}.note-icon-fw{text-align:center;width:1.25em}.note-icon-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.note-icon-pull-left{float:left}.note-icon-pull-right{float:right}.note-icon.note-icon-pull-left{margin-right:.3em}.note-icon.note-icon-pull-right{margin-left:.3em}.note-icon-align:before{content:"\ea01"}.note-icon-align-center:before{content:"\ea02"}.note-icon-align-indent:before{content:"\ea03"}.note-icon-align-justify:before{content:"\ea04"}.note-icon-align-left:before{content:"\ea05"}.note-icon-align-outdent:before{content:"\ea06"}.note-icon-align-right:before{content:"\ea07"}.note-icon-arrow-circle-down:before{content:"\ea08"}.note-icon-arrow-circle-left:before{content:"\ea09"}.note-icon-arrow-circle-right:before{content:"\ea0a"}.note-icon-arrow-circle-up:before{content:"\ea0b"}.note-icon-arrows-alt:before{content:"\ea0c"}.note-icon-arrows-h:before{content:"\ea0d"}.note-icon-arrows-v:before{content:"\ea0e"}.note-icon-bold:before{content:"\ea0f"}.note-icon-caret:before{content:"\ea10"}.note-icon-chain-broken:before{content:"\ea11"}.note-icon-circle:before{content:"\ea12"}.note-icon-close:before{content:"\ea13"}.note-icon-code:before{content:"\ea14"}.note-icon-col-after:before{content:"\ea15"}.note-icon-col-before:before{content:"\ea16"}.note-icon-col-remove:before{content:"\ea17"}.note-icon-eraser:before{content:"\ea18"}.note-icon-float-left:before{content:"\ea19"}.note-icon-float-none:before{content:"\ea1a"}.note-icon-float-right:before{content:"\ea1b"}.note-icon-font:before{content:"\ea1c"}.note-icon-frame:before{content:"\ea1d"}.note-icon-italic:before{content:"\ea1e"}.note-icon-link:before{content:"\ea1f"}.note-icon-magic:before{content:"\ea20"}.note-icon-menu-check:before{content:"\ea21"}.note-icon-minus:before{content:"\ea22"}.note-icon-orderedlist:before{content:"\ea23"}.note-icon-pencil:before{content:"\ea24"}.note-icon-picture:before{content:"\ea25"}.note-icon-question:before{content:"\ea26"}.note-icon-redo:before{content:"\ea27"}.note-icon-rollback:before{content:"\ea28"}.note-icon-row-above:before{content:"\ea29"}.note-icon-row-below:before{content:"\ea2a"}.note-icon-row-remove:before{content:"\ea2b"}.note-icon-special-character:before{content:"\ea2c"}.note-icon-square:before{content:"\ea2d"}.note-icon-strikethrough:before{content:"\ea2e"}.note-icon-subscript:before{content:"\ea2f"}.note-icon-summernote:before{content:"\ea30"}.note-icon-superscript:before{content:"\ea31"}.note-icon-table:before{content:"\ea32"}.note-icon-text-height:before{content:"\ea33"}.note-icon-trash:before{content:"\ea34"}.note-icon-underline:before{content:"\ea35"}.note-icon-undo:before{content:"\ea36"}.note-icon-unorderedlist:before{content:"\ea37"}.note-icon-video:before{content:"\ea38"}.note-editor{position:relative}.note-editor .note-dropzone{background-color:#fff;color:#87cefa;display:none;opacity:.95;position:absolute;z-index:100}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:700;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:none}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor .note-editing-area .note-editable img.note-float-left{margin-right:10px}.note-editor .note-editing-area .note-editable img.note-float-right{margin-left:10px}.note-editor.note-airframe,.note-editor.note-frame{border:1px solid #00000032}.note-editor.note-airframe.codeview .note-editing-area .note-editable,.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-airframe.codeview .note-editing-area .note-codable,.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-airframe .note-editing-area,.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-airframe .note-editing-area .note-editable,.note-editor.note-frame .note-editing-area .note-editable{word-wrap:break-word;overflow:auto;padding:10px}.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false],.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false]{background-color:#8080801d}.note-editor.note-airframe .note-editing-area .note-codable,.note-editor.note-frame .note-editing-area .note-codable{background-color:#222;border:none;border-radius:0;box-shadow:none;-ms-box-sizing:border-box;box-sizing:border-box;color:#ccc;display:none;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;margin-bottom:0;outline:none;padding:10px;resize:none;width:100%}.note-editor.note-airframe.fullscreen,.note-editor.note-frame.fullscreen{left:0;position:fixed;top:0;width:100%!important;z-index:1050}.note-editor.note-airframe.fullscreen .note-resizebar,.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-airframe .note-status-output,.note-editor.note-frame .note-status-output{border:0;border-top:1px solid #e2e2e2;color:#000;display:block;font-size:14px;height:20px;line-height:1.42857143;margin-bottom:0;width:100%}.note-editor.note-airframe .note-status-output:empty,.note-editor.note-frame .note-status-output:empty{border-top:0 solid transparent;height:0}.note-editor.note-airframe .note-status-output .pull-right,.note-editor.note-frame .note-status-output .pull-right{float:right!important}.note-editor.note-airframe .note-status-output .text-muted,.note-editor.note-frame .note-status-output .text-muted{color:#777}.note-editor.note-airframe .note-status-output .text-primary,.note-editor.note-frame .note-status-output .text-primary{color:#286090}.note-editor.note-airframe .note-status-output .text-success,.note-editor.note-frame .note-status-output .text-success{color:#3c763d}.note-editor.note-airframe .note-status-output .text-info,.note-editor.note-frame .note-status-output .text-info{color:#31708f}.note-editor.note-airframe .note-status-output .text-warning,.note-editor.note-frame .note-status-output .text-warning{color:#8a6d3b}.note-editor.note-airframe .note-status-output .text-danger,.note-editor.note-frame .note-status-output .text-danger{color:#a94442}.note-editor.note-airframe .note-status-output .alert,.note-editor.note-frame .note-status-output .alert{background-color:#f5f5f5;border-radius:0;color:#000;margin:-7px 0 0;padding:7px 10px 2px}.note-editor.note-airframe .note-status-output .alert .note-icon,.note-editor.note-frame .note-status-output .alert .note-icon{margin-right:5px}.note-editor.note-airframe .note-status-output .alert-success,.note-editor.note-frame .note-status-output .alert-success{background-color:#dff0d8!important;color:#3c763d!important}.note-editor.note-airframe .note-status-output .alert-info,.note-editor.note-frame .note-status-output .alert-info{background-color:#d9edf7!important;color:#31708f!important}.note-editor.note-airframe .note-status-output .alert-warning,.note-editor.note-frame .note-status-output .alert-warning{background-color:#fcf8e3!important;color:#8a6d3b!important}.note-editor.note-airframe .note-status-output .alert-danger,.note-editor.note-frame .note-status-output .alert-danger{background-color:#f2dede!important;color:#a94442!important}.note-editor.note-airframe .note-statusbar,.note-editor.note-frame .note-statusbar{background-color:#8080801d;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top:1px solid #00000032}.note-editor.note-airframe .note-statusbar .note-resizebar,.note-editor.note-frame .note-statusbar .note-resizebar{cursor:ns-resize;height:9px;padding-top:1px;width:100%}.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{border-top:1px solid #00000032;margin:1px auto;width:20px}.note-editor.note-airframe .note-statusbar.locked .note-resizebar,.note-editor.note-frame .note-statusbar.locked .note-resizebar{cursor:default}.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar,.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar{display:none}.note-editor.note-airframe .note-placeholder,.note-editor.note-frame .note-placeholder{padding:10px}.note-editor.note-airframe{border:0}.note-editor.note-airframe .note-editing-area .note-editable{padding:0}.note-popover.popover{display:none;max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.note-popover.popover .arrow{left:20px!important}.note-toolbar{position:relative}.note-editor .note-toolbar,.note-popover .popover-content{margin:0;padding:0 0 5px 5px}.note-editor .note-toolbar>.note-btn-group,.note-popover .popover-content>.note-btn-group{margin-left:0;margin-right:5px;margin-top:5px}.note-editor .note-toolbar .note-btn-group .note-table,.note-popover .popover-content .note-btn-group .note-table{min-width:0;padding:5px}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker{font-size:18px}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{cursor:pointer;height:10em;position:absolute!important;width:10em;z-index:3}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;height:5em;position:relative!important;width:5em;z-index:1}.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;height:1em;position:absolute!important;width:1em;z-index:2}.note-editor .note-toolbar .note-style .dropdown-style blockquote,.note-editor .note-toolbar .note-style .dropdown-style pre,.note-popover .popover-content .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre{margin:0;padding:5px 10px}.note-editor .note-toolbar .note-style .dropdown-style h1,.note-editor .note-toolbar .note-style .dropdown-style h2,.note-editor .note-toolbar .note-style .dropdown-style h3,.note-editor .note-toolbar .note-style .dropdown-style h4,.note-editor .note-toolbar .note-style .dropdown-style h5,.note-editor .note-toolbar .note-style .dropdown-style h6,.note-editor .note-toolbar .note-style .dropdown-style p,.note-popover .popover-content .note-style .dropdown-style h1,.note-popover .popover-content .note-style .dropdown-style h2,.note-popover .popover-content .note-style .dropdown-style h3,.note-popover .popover-content .note-style .dropdown-style h4,.note-popover .popover-content .note-style .dropdown-style h5,.note-popover .popover-content .note-style .dropdown-style h6,.note-popover .popover-content .note-style .dropdown-style p{margin:0;padding:0}.note-editor .note-toolbar .note-color-all .note-dropdown-menu,.note-popover .popover-content .note-color-all .note-dropdown-menu{min-width:337px}.note-editor .note-toolbar .note-color .dropdown-toggle,.note-popover .popover-content .note-color .dropdown-toggle{padding-left:5px;width:20px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette{display:inline-block;margin:0;width:160px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child{margin:0 5px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title{border-bottom:1px solid #eee;font-size:12px;margin:2px 7px;text-align:center}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select{border-radius:5px;cursor:pointer;font-size:11px;margin:3px;padding:0 3px;width:100%}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover{background:#eee}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row{height:20px}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn{display:none}.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn{border:1px solid #eee}.note-editor .note-toolbar .note-para .note-dropdown-menu,.note-popover .popover-content .note-para .note-dropdown-menu{min-width:228px;padding:5px}.note-editor .note-toolbar .note-para .note-dropdown-menu>div+div,.note-popover .popover-content .note-para .note-dropdown-menu>div+div{margin-left:5px}.note-editor .note-toolbar .note-dropdown-menu,.note-popover .popover-content .note-dropdown-menu{min-width:160px}.note-editor .note-toolbar .note-dropdown-menu.right,.note-popover .popover-content .note-dropdown-menu.right{left:auto;right:0}.note-editor .note-toolbar .note-dropdown-menu.right:before,.note-popover .popover-content .note-dropdown-menu.right:before{left:auto!important;right:9px}.note-editor .note-toolbar .note-dropdown-menu.right:after,.note-popover .popover-content .note-dropdown-menu.right:after{left:auto!important;right:10px}.note-editor .note-toolbar .note-dropdown-menu.note-check a i,.note-popover .popover-content .note-dropdown-menu.note-check a i{color:#00bfff;visibility:hidden}.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i,.note-popover .popover-content .note-dropdown-menu.note-check a.checked i{visibility:visible}.note-editor .note-toolbar .note-fontsize-10,.note-popover .popover-content .note-fontsize-10{font-size:10px}.note-editor .note-toolbar .note-color-palette,.note-popover .popover-content .note-color-palette{line-height:1}.note-editor .note-toolbar .note-color-palette div .note-color-btn,.note-popover .popover-content .note-color-palette div .note-color-btn{border:0;border-radius:0;height:20px;margin:0;padding:0;width:20px}.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover,.note-popover .popover-content .note-color-palette div .note-color-btn:hover{transform:scale(1.2);transition:all .2s}.note-modal .modal-dialog{border-radius:5px;box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0}.note-modal .form-group{margin-left:0;margin-right:0}.note-modal .note-modal-form{margin:0}.note-modal .note-image-dialog .note-dropzone{border:4px dashed #d3d3d3;color:#d3d3d3;font-size:30px;line-height:4;margin-bottom:10px;min-height:100px;text-align:center}@-moz-document url-prefix(){.note-modal .note-image-input{height:auto}}.note-placeholder{color:gray;display:none;position:absolute}.note-handle .note-control-selection{border:1px solid #000;display:none;position:absolute}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{background-color:#000;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);filter:alpha(opacity=30);height:100%;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;width:100%}.note-handle .note-control-selection .note-control-handle,.note-handle .note-control-selection .note-control-holder,.note-handle .note-control-selection .note-control-sizing{border:1px solid #000;height:7px;width:7px}.note-handle .note-control-selection .note-control-sizing{background-color:#000}.note-handle .note-control-selection .note-control-nw{border-bottom:none;border-right:none;left:-5px;top:-5px}.note-handle .note-control-selection .note-control-ne{border-bottom:none;border-left:none;right:-5px;top:-5px}.note-handle .note-control-selection .note-control-sw{border-right:none;border-top:none;bottom:-5px;left:-5px}.note-handle .note-control-selection .note-control-se{bottom:-5px;cursor:se-resize;right:-5px}.note-handle .note-control-selection .note-control-se.note-control-holder{border-left:none;border-top:none;cursor:default}.note-handle .note-control-selection .note-control-selection-info{background-color:#000;border-radius:5px;bottom:0;color:#fff;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);filter:alpha(opacity=70);font-size:12px;margin:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;padding:5px;right:0}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{max-height:150px;overflow:auto;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{background-color:#428bca;clear:both;color:#fff;cursor:pointer;display:block;font-weight:400;line-height:1.4;outline:0;text-decoration:none;white-space:nowrap}body .note-fullscreen-body,html .note-fullscreen-body{overflow:hidden!important}

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}
.select2-container{min-width:95%;}

.select2-container--default em {
    color: #999;
}
.select2-container--default .select2-results__option--highlighted em {
    color: white !important;
}

.select2-container .select2-selection--single {
    height: 35px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    /* min-width: 220px; */
    line-height: 31px;
}

.select2-results__option {
    padding: 8px;
    font-size: 14px;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 390px;
    overflow-y: auto;
}

/* Croppie */
.croppie-container {
    width: 100%;
    height: 100%;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
}


.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
	max-width: 350px;
    margin: 15px auto;
    text-align: center;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/* sidemenu */

.brand {
    color: #fff;
    text-align: center;
    /* margin: 30px 10px 20px 10px; */
    margin: 0px 10px 20px 10px;
    /* margin: 30px 0px 20px 15px; */
    background: #05547b;
    background: var(--darkgreenbg);
    padding: 1px 0 15px;
    border-radius: var(--radius);
	box-shadow: var(--shadow); 
}
.brand a {
	text-decoration: none;
}
.brand h3 {
	font-size: 16px;
	font-weight:900;
}
#wrapper {
    padding-left: 0;
    /* -webkit-transition: all 0.5s ease; */
    /* -moz-transition: all 0.5s ease; */
    /* -o-transition: all 0.5s ease; */
    transition: all 0.5s ease;
	/* display: none; */
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    margin-top: 13px;
    overflow-y: auto;
    /* background: #05547b; */
    transition: all 0.5s ease;
    /* background: #008d36; */
}

#sidebar-wrapper a {
	color: #fff;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}
.toggleMenu {
    text-align: center;
    color: var(--darkgreen);
    font-size: 30px;
    padding: 10px 0;
    border-bottom: 1px solid var(--darkgreen);
    cursor: pointer;
}
.sidebar-nav li.toggleMenu {
    border-radius: 0;
    margin-bottom: 10px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    margin: 0 10px;
    padding: 20px 0;
    list-style: none;
    border-radius: var(--radius);
    overflow: hidden;
    /* margin-bottom: 100px; */
    background: var(--darkgreenbg);
    /* background: #fff; */
	box-shadow: var(--shadow); 

}


.sidebar-nav li.active {
    background: var(--darkgreenhigh);
    /* background: var(--yellow) !important; */
}
.sidebar-nav li.active a {
	/* color: var(--darkgreen) !important; */
}

.sidebar-nav li {
    text-indent: 2px;
    line-height: 34px;
}


.sidebar-nav li {
    line-height: 24px;
    margin: 0px 15px 2px;
    border-radius: var(--menuradius);
    overflow: hidden;
}

.sidebar-nav li .fa-menu {
    margin-right: 20px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 400;
    vertical-align: middle;
    width: 28px;
    text-align: center;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #fff;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff !important;
    background: rgba(255,255,255,0.2);
    background: var(--darkgreenhigh);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}


/* wit menu test */

#sidebar-wrapper .sidebar-nav {
    background: var(--cardbg);
    border: var(--cardborder);
}
#sidebar-wrapper .sidebar-nav li a {
    color: var(--darkgreen);
}

#sidebar-wrapper .sidebar-nav li a:hover {
    color: var(--darkgreen) !important;
    background: #eee;
}

#sidebar-wrapper .sidebar-nav li.active
#sidebar-wrapper .sidebar-nav li.active:hover {
    background: var(--darkgreenhigh);
}
#sidebar-wrapper .sidebar-nav li.active a,
#sidebar-wrapper .sidebar-nav li.active a:hover {
    background: var(--darkgreenhigh);
	color: #fff !important;
}

#sidebar-wrapper .brand {
    background: var(--cardbg);
    border: var(--cardborder);
}
#sidebar-wrapper .brand a {
    color: var(--darkgreen);
}



@media(min-width:768px) {
	

    #wrapper {
        padding-left: var(--side);
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: var(--side);
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        /* padding: 20px 20px 20px 2px; */
        padding: 5px 20px 20px 2px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

.msgdatum {
	padding: 0 20px 10px;
	/* border-bottom: 1px solid #ddd; */
	margin-bottom: 5px;
}
.table-full td {
    border-bottom: 1px solid #ddd !important;
}

/* bessy table */
table.table-bessy tr td {
	border-bottom:1px solid #ddd;
}
table.table-bessy tr td:first-child {
	font-weight: 700;
}

.card.semi {
	max-width: 510px;
	width: 100%;
	padding: 30px;
	/* background: #0003; */
	/* color:#fff; */
	background: #fff7;
	color:#1162a4;
	font-weight: 600;
	box-shadow: none;
}
.card.semi label,
.card.semi a {
	/* color:#fff; */
	font-weight: 600;
	color:#1162a4;
}

.l_body_back {
	background: #222;
	/* background: #009138; */
}
.l_body {
	background-image:url(/modules/plugin/login.jpg?t=1);
	height:100vh;
	background-size: cover;
	background-position: center center;
	z-index:-1;
	filter: blur(6px);
	-webkit-filter: blur(6px);
}
.l_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.l_box h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 900;
    text-shadow: 9px 7px 8px #000;
}

.auditforms label {
    font-weight: 600;
    color: #0075ff;
    font-size: 14px;
    font-style: normal;
    /* padding-left: 5px; */
}
.auditforms .radio-inline {
    font-weight: 600;
    font-size: 14px;
    color: #444;
	accent-color: #777;
}
.auditforms .radio-inline.goed {
	accent-color: #09a909;
	/* color: green; */
}
.auditforms .radio-inline.fout {
	accent-color: red;
	/* color: red; */
}

.auditforms .dblabel {
    color: #888;
    font-size: 9px;
    position: absolute;
    right: 22px;
    top: 14px;
	/* display:none; */
}
.resize-height {
  resize: vertical;
  overflow: auto;
}

.curlabel {
    /* font-weight: 600; */
    font-size: 70%;
    float: right;
    margin-top: 4px;
    font-style: italic;
}
.needlabel {
	color: #ff0000;
}

.swal2-popup {
    min-width: 500px;
}


.auditforms label.actionUpload {
    display: block;
    /* position: relative; */
    /* background-color: purple; */
    /* color: white; */
    /* padding: 10px 15px; */
    /* border-radius: 3px; */
    /* border: 1px solid #cccccc; */
    /* font-size: 16px; */
    /* font-weight: bold; */
    display: block;
    cursor: pointer;
    margin: 0 auto;
    /* width: 200px; */
    margin-bottom: 10px;
    /* text-transform: uppercase; */
    /* text-decoration: none; */
}

.auditforms input[type=file] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	display:none;
	background: #000a;
	z-index: 99998;
}
  
#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 99999;
	width: 120px;
	height: 120px;
	margin: -76px 0 0 -76px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #3498db;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



#pageoverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9100;
    width: 100vw;
    height: 100vh;
    display: none;
    background-color: rgba(0,0,0,0.75);
	/* background-image:url(/modules/plugin/groningen-blurred.jpg?t=1); */
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;	
	overflow: hidden;
}

#pageoverlay .pagespinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
  color: #fff;
}
#pageoverlay .pagetext h3 {
    font-size: 42px;
	
}
#pageoverlay .pagetext {
	display:none;
    position: absolute;
    top: calc(50% + 60px);
    font-weight: 400;
    padding: 0 50px;
    font-size: 22px;
    /* color: #ccc; */
}

#pageoverlay .pageloader {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 6rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
#pageoverlay .pageloader:before,
#pageoverlay .pageloader:after {
	content: "";
	position: absolute;
	border-radius: 50%;
	animation: pulsOut 1.8s ease-in-out infinite;
	filter: drop-shadow(0 0 1rem rgba(255, 255, 255, 0.75));
}
#pageoverlay .pageloader:before {
	width: 100%;
	padding-bottom: 100%;
	box-shadow: inset 0 0 0 1rem #fff;
	animation-name: pulsIn;
}
#pageoverlay .pageloader:after {
	width: calc(100% - 2rem);
	padding-bottom: calc(100% - 2rem);
	box-shadow: 0 0 0 0 #fff;
}

@keyframes pulsIn {
0% {
	  box-shadow: inset 0 0 0 1rem #fff;
	  opacity: 1;
}
50%, 100% {
	  box-shadow: inset 0 0 0 0 #fff;
	  opacity: 0;
}
}

  @keyframes pulsOut {
    0%, 50% {
      box-shadow: 0 0 0 0 #fff;
      opacity: 0;
    }
    100% {
      box-shadow: 0 0 0 1rem #fff;
      opacity: 1;
    }
  }
      



.progress { background: #ddd; margin: auto;}
.progress .progress-bar {}

.progress-xl { height: 34px;margin: auto;}
.progress-xl .progress-bar {line-height: 34px;}

.progress-sm { height: 18px;margin: auto;}
.progress-sm .progress-bar {line-height: 18px;}


.service_upload {
    border: 0px solid #ddd;
    padding: 10px 20px;
    margin: 5px 5px 5px 0;
    display: inline-block;
    background: #ddd;
    border-radius: 5px;
    color: #333;
}
.service_upload.small  {
    padding: 5px 7px;
}
.service_upload.mini  {
    padding: 3px 7px;
	font-size:11px;
}
.service_upload.complete {
    background: var(--labelgreen);
    color: #fff;
}
.service_upload.pending {
    background: var(--red);
    color: #fff;
}
.service_upload.concept {
    background: var(--orange);
    color: #fff;
}
.service_upload.future {
    background-image: repeating-linear-gradient(312deg, var(--red), var(--red) 10px,var(--orange) 10px, var(--orange) 20px);
    color: #fff;
}

.service_upload a {
	color: inherit;
	text-decoration: none;
}

/* simpleScrolbar */

.ss-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  float: left;
}

.ss-content {
  height: 100%;
  width: calc(100% + 18px);
  padding: 0 0 0 0;
  position: relative;
  overflow-x: auto;
  overflow-y: scroll;
  box-sizing: border-box;
}

.ss-content.rtl {
  width: calc(100% + 18px);
  right: auto;
}

.ss-scroll {
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  width: 9px;
  border-radius: 4px;
  top: 0;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.25s linear;
}

.ss-hidden {
  display: none;
}

.ss-container:hover .ss-scroll,
.ss-container:active .ss-scroll {
  opacity: 1;
}

.ss-grabbed {
  -o-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.agenda.adviseur, .agenda.eigenaar, .agenda.hoofd {
    display: block;
    padding: 3px 10px;
    width: 100%;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
	border-radius:5px;
	margin-bottom: 5px;
	text-align: center;
}
.agenda img.caluser {
    height: 80px;
    width: 80px;
    max-width: 80px;
    border-radius: 50%;
    border: 2px solid #aaa;
    background: #fff;
}
.agenda i.caluser.fa  {
    font-size: 72px;
    border: 1px solid #aaa;
    height: 80px;
    width: 80px;
    vertical-align: middle;
    border-radius: 50%;
    background: #fff;
    color: #aaa;
}

.agenda.hoofd {
    /* border-bottom: 1px solid #ddd; */
	width: 100%;
	font-weight: 700;
	font-style: italic;
	background: #f6f6f6;
}
.agenda.eigenaar {
    /* border-bottom: 1px solid #ddd; */
	width: 100%;
	background: #888;
	color: #fff;
	font-weight: 400;
}
.agenda.adviseur {
	border: 1px solid #ccc;
}

.holiday {
	visibility: hidden;
	display:flex;
	justify-content: flex-end;
	color: red;
	padding:10px;
	border-radius:50%;
	background: #eee;
	margin-left: auto;
	width: fit-content;
}
.day_num:hover > .holiday {
	visibility: visible;
}
td.closed {
	background: #f8e8e8;
}
.filler {
    height: 30px;
}

.projectdesc {
	font-weight: 700;
	padding: 0 10px;
	background: #fff;
	border-radius: 10px;
	margin-bottom: 10px;
}
.projectcount {
    font-style: italic;
	/* color: #900; */
	padding: 0 10px;
	justify-content: bottom;
}

.popover { 
	min-width:500px;
	max-width:800px;
}
.popover-content {
    padding: 9px 14px;
    max-height: 90vh;
    overflow-x: hidden;
}

/* .popover-content {background: #edf7f1;} */
.card h3.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.h100 { height: 100px; }
.h150 { height: 150px; }
.h200 { height: 200px; }
.h250 { height: 250px; }
.h300 { height: 300px; }
/* .w100 { width: 100px; } */
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }



.row-flex {display: flex;flex-wrap: wrap;}
.row-flex.nogrow [class*=col-] {flex-grow: 0;}
.row-flex .card {height: calc(100% - 20px);}

.row-flex [class*=col-xs-1]{flex:1 0 8.3333333333%}.row-flex [class*=col-xs-1]:last-child{flex:0 0 8.3333333333%}.row-flex [class*=col-xs-2]{flex:2 0 16.6666666667%}.row-flex [class*=col-xs-2]:last-child{flex:0 0 16.6666666667%}.row-flex [class*=col-xs-3]{flex:3 0 25%}.row-flex [class*=col-xs-3]:last-child{flex:0 0 25%}.row-flex [class*=col-xs-4]{flex:4 0 33.3333333333%}.row-flex [class*=col-xs-4]:last-child{flex:0 0 33.3333333333%}.row-flex [class*=col-xs-5]{flex:5 0 41.6666666667%}.row-flex [class*=col-xs-5]:last-child{flex:0 0 41.6666666667%}.row-flex [class*=col-xs-6]{flex:6 0 50%}.row-flex [class*=col-xs-6]:last-child{flex:0 0 50%}.row-flex [class*=col-xs-7]{flex:7 0 58.3333333333%}.row-flex [class*=col-xs-7]:last-child{flex:0 0 58.3333333333%}.row-flex [class*=col-xs-8]{flex:8 0 66.6666666667%}.row-flex [class*=col-xs-8]:last-child{flex:0 0 66.6666666667%}.row-flex [class*=col-xs-9]{flex:9 0 75%}.row-flex [class*=col-xs-9]:last-child{flex:0 0 75%}.row-flex [class*=col-xs-10]{flex:10 0 83.3333333333%}.row-flex [class*=col-xs-10]:last-child{flex:0 0 83.3333333333%}.row-flex [class*=col-xs-11]{flex:11 0 91.6666666667%}.row-flex [class*=col-xs-11]:last-child{flex:0 0 91.6666666667%}.row-flex [class*=col-xs-12]{flex:12 0 100%}.row-flex [class*=col-xs-12]:last-child{flex:0 0 100%}
@media (min-width:768px){.row-flex [class*=col-sm-1]{flex:1 0 8.3333333333%}.row-flex [class*=col-sm-1]:last-child{flex:0 0 8.3333333333%}.row-flex [class*=col-sm-2]{flex:2 0 16.6666666667%}.row-flex [class*=col-sm-2]:last-child{flex:0 0 16.6666666667%}.row-flex [class*=col-sm-3]{flex:3 0 25%}.row-flex [class*=col-sm-3]:last-child{flex:0 0 25%}.row-flex [class*=col-sm-4]{flex:4 0 33.3333333333%}.row-flex [class*=col-sm-4]:last-child{flex:0 0 33.3333333333%}.row-flex [class*=col-sm-5]{flex:5 0 41.6666666667%}.row-flex [class*=col-sm-5]:last-child{flex:0 0 41.6666666667%}.row-flex [class*=col-sm-6]{flex:6 0 50%}.row-flex [class*=col-sm-6]:last-child{flex:0 0 50%}.row-flex [class*=col-sm-7]{flex:7 0 58.3333333333%}.row-flex [class*=col-sm-7]:last-child{flex:0 0 58.3333333333%}.row-flex [class*=col-sm-8]{flex:8 0 66.6666666667%}.row-flex [class*=col-sm-8]:last-child{flex:0 0 66.6666666667%}.row-flex [class*=col-sm-9]{flex:9 0 75%}.row-flex [class*=col-sm-9]:last-child{flex:0 0 75%}.row-flex [class*=col-sm-10]{flex:10 0 83.3333333333%}.row-flex [class*=col-sm-10]:last-child{flex:0 0 83.3333333333%}.row-flex [class*=col-sm-11]{flex:11 0 91.6666666667%}.row-flex [class*=col-sm-11]:last-child{flex:0 0 91.6666666667%}.row-flex [class*=col-sm-12]{flex:12 0 100%}.row-flex [class*=col-sm-12]:last-child{flex:0 0 100%}}
@media (min-width:992px){.row-flex [class*=col-md-1]{flex:1 0 8.3333333333%}.row-flex [class*=col-md-1]:last-child{flex:0 0 8.3333333333%}.row-flex [class*=col-md-2]{flex:2 0 16.6666666667%}.row-flex [class*=col-md-2]:last-child{flex:0 0 16.6666666667%}.row-flex [class*=col-md-3]{flex:3 0 25%}.row-flex [class*=col-md-3]:last-child{flex:0 0 25%}.row-flex [class*=col-md-4]{flex:4 0 33.3333333333%}.row-flex [class*=col-md-4]:last-child{flex:0 0 33.3333333333%}.row-flex [class*=col-md-5]{flex:5 0 41.6666666667%}.row-flex [class*=col-md-5]:last-child{flex:0 0 41.6666666667%}.row-flex [class*=col-md-6]{flex:6 0 50%}.row-flex [class*=col-md-6]:last-child{flex:0 0 50%}.row-flex [class*=col-md-7]{flex:7 0 58.3333333333%}.row-flex [class*=col-md-7]:last-child{flex:0 0 58.3333333333%}.row-flex [class*=col-md-8]{flex:8 0 66.6666666667%}.row-flex [class*=col-md-8]:last-child{flex:0 0 66.6666666667%}.row-flex [class*=col-md-9]{flex:9 0 75%}.row-flex [class*=col-md-9]:last-child{flex:0 0 75%}.row-flex [class*=col-md-10]{flex:10 0 83.3333333333%}.row-flex [class*=col-md-10]:last-child{flex:0 0 83.3333333333%}.row-flex [class*=col-md-11]{flex:11 0 91.6666666667%}.row-flex [class*=col-md-11]:last-child{flex:0 0 91.6666666667%}.row-flex [class*=col-md-12]{flex:12 0 100%}.row-flex [class*=col-md-12]:last-child{flex:0 0 100%}}
@media (min-width:1200px){.row-flex [class*=col-lg-1]{flex:1 0 8.3333333333%}.row-flex [class*=col-lg-1]:last-child{flex:0 0 8.3333333333%}.row-flex [class*=col-lg-2]{flex:2 0 16.6666666667%}.row-flex [class*=col-lg-2]:last-child{flex:0 0 16.6666666667%}.row-flex [class*=col-lg-3]{flex:3 0 25%}.row-flex [class*=col-lg-3]:last-child{flex:0 0 25%}.row-flex [class*=col-lg-4]{flex:4 0 33.3333333333%}.row-flex [class*=col-lg-4]:last-child{flex:0 0 33.3333333333%}.row-flex [class*=col-lg-5]{flex:5 0 41.6666666667%}.row-flex [class*=col-lg-5]:last-child{flex:0 0 41.6666666667%}.row-flex [class*=col-lg-6]{flex:6 0 50%}.row-flex [class*=col-lg-6]:last-child{flex:0 0 50%}.row-flex [class*=col-lg-7]{flex:7 0 58.3333333333%}.row-flex [class*=col-lg-7]:last-child{flex:0 0 58.3333333333%}.row-flex [class*=col-lg-8]{flex:8 0 66.6666666667%}.row-flex [class*=col-lg-8]:last-child{flex:0 0 66.6666666667%}.row-flex [class*=col-lg-9]{flex:9 0 75%}.row-flex [class*=col-lg-9]:last-child{flex:0 0 75%}.row-flex [class*=col-lg-10]{flex:10 0 83.3333333333%}.row-flex [class*=col-lg-10]:last-child{flex:0 0 83.3333333333%}.row-flex [class*=col-lg-11]{flex:11 0 91.6666666667%}.row-flex [class*=col-lg-11]:last-child{flex:0 0 91.6666666667%}.row-flex [class*=col-lg-12]{flex:12 0 100%}.row-flex [class*=col-lg-12]:last-child{flex:0 0 100%}}


div.logviewWrapper {
    overflow: scroll;
    background: #fff;
    max-height: calc(100vh - 430px);
    padding: 10px;
    width: 100%;
}

div.logline {
    padding: 2px 5px 2px 5px;
    font-family: monospace;
    font-size: 14px;
    white-space: nowrap;
    letter-spacing: 1.1px;
    margin-bottom: 1px;
}

div.logline.even {
    background: #f3f3f3;
}

.newline {
    background: #fff7e1 !important;
}

.color .lognotice {
    color: #333333;
}

.color .logerror {
    color: #EA2027;
    font-weight: bold;
}

.color .logwarning {
    color: #FF4400;
}

.color .logdeprecated {
    color: #C337F7;
}

.color .newline {
    background: #fff7e1 !important;
}

.elportal .card.error ,
.elportal .card .card.error ,
.card.error {
    background-color: #fbd0d0 !important;
    color: #000 !important;
    padding: 10px;
    margin-bottom: 10px;
}

.elportal .card.success ,
.elportal .card .card.success ,
.card.success {
    background-color: #d0fbd5 !important;
    color: #000 !important;
    padding: 10px;
    margin-bottom: 10px;
}
.errorlevel {
    background-color: #e84118;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
}

.messagelevel {
    background-color: #40739e;
    color: #fff;
    padding: 10px;
    margin-bottom: 10px;
}
.tooltip {
	/* position: fixed; */
}

.tooltip-inner {
    text-align: left !important;
    min-width: 100px;
    max-width: 100%; 
}
	
.nopadding.card hr {
    margin: 10px 0 0;
    border-top: 1px solid #d9534f7d;
    border-top: 1px solid #ccc;
}
.concept-row.card.nopadding {
    background: transparent;
	box-shadow: none;
}

h3.closed {
    /* background-color: #f9f9f9; */
}


[class^="col-"] { 
	padding-left:5px !important;
	padding-right:5px !important;
}

.beng.new a,
.portefeuille.adres a,
.portfolio.toevoegen a,
.projecten.toevoegen a,
.relaties.toevoegen a,
.relaties.relatie-toevoegen a,
.objecten.excel a,
.objecten.adres a {
    background-color: var(--darkgreenhigh);
    color: #fff;
}
table#onlinetable td.bs-checkbox, 
table#rtable td.bs-checkbox {
    width: 1% !important;
}

.daylimit {
    max-height: 600px;
    overflow: auto;
    scrollbar-width: thin;
}

div:where(.swal2-container) .swal2-html-container {
    font-size: 16px !important;
}
.dayrow .fa { 
	margin-left: 20px; 
}
.thumbs img {
	padding: 2px;
	height: 90px;
	width: auto;
	max-width: 30%;
}
span.buttons {
    margin-top: 10px;
    margin-right: 10px;
    display: inline-block;
}


.folders {
    display: flex;
    flex-wrap: wrap;
	padding-bottom: 200px;
}

.images {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 200px;
    flex-direction: column;
}

a.folder {
    width: calc(25% - 30px);
	width: calc((100% / 2) - 30px);
    display: inline-block;
    font-size: 16px;
    text-align: center;
    padding: 42px 10px;
    border: 1px solid #ccc;
    margin: 15px;
    color: #111;
    text-decoration: none;
    border-radius: var(--radius);
}
a.folder.verplicht {
    /* background: #fdf7f7; */
    background: #fffcfc;
}
@media (min-width:768px){ a.folder {width: calc((100% / 2) - 30px);}}
@media (min-width:992px){ a.folder {width: calc((100% / 3) - 30px);}}
@media (min-width:1200px){a.folder {width: calc((100% / 4) - 30px);}}
@media (min-width:1600px){a.folder {width: calc((100% / 6) - 30px);}}
@media (min-width:2000px){a.folder {width: calc((100% / 7) - 30px);}}
@media (min-width:2800px){a.folder {width: calc((100% / 9) - 30px);}}



.ffile:hover ,
.folder:hover {
	background: #f7f7f7;
	font-weight: 700;
}

.fa.red {
	color: red;
}
.fa-1x {
    font-size: 18px;
    line-height: 1.3;
}
.folder .fa {
    font-size: 52px;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
	width: 90px;
	color: #aaa;
}
.folder.verplicht .fa {
	color: #e16161;
    border-color: #e16161;
}
.folder .open.fa {
    /* color: #fff; */
    background: #f4f9f4;
    border-color: #008000;
    color: #008000;
}



.ffile {
	position: relative;
    width: calc((100% / 2) - 10px);
    display: inline-block;
    font-size: 14px;
    text-align: center;
    /* padding: 22px 10px; */
    border: 1px solid #ccc;
    margin: 5px;
    color: #111;
    text-decoration: none;
    border-radius: var(--radius);
    word-wrap: break-word;
}
.ffile a {
    text-decoration: none;
}
.ffile a {
    text-decoration: none;
    display: inline-block;
    padding: 30px 30px 15px;
	width: 100%;
	height: 100%;
}

.ffile small {
    font-size: 10px;
    color: #aaa;
}

.ffile.selected {
    background: #ffe7e7;
    filter: opacity(0.5);
}
.batchdel {
	display: none;
}

@media (min-width:768px){ .ffile {width: calc((100% / 2) - 10px);}}
@media (min-width:992px){ .ffile {width: calc((100% / 3) - 10px);}}
@media (min-width:1200px){.ffile {width: calc((100% / 4) - 10px);}}
@media (min-width:2000px){.ffile {width: calc((100% / 5) - 10px);}}
@media (min-width:2800px){.ffile {width: calc((100% / 7) - 10px);}}

@media (min-width:1600px){.ffile {nwidth: calc((100% / 6) - 10px);}}
@media (min-width:2000px){.ffile {nwidth: calc((100% / 7) - 10px);}}
@media (min-width:2800px){.ffile {nwidth: calc((100% / 8) - 10px);}}

.dfile {
	position: absolute;	
	right: 5px;
	top: 5px;
	display: none;
}
.rfile {
	position: absolute;	
	left: 5px;
	top: 5px;
	display: none;
}
.dwnfile {
	position: absolute;	
	left: 35px;
	top: 5px;
	display: none;
}
.ffile:hover .dwnfile,
.ffile:hover .rfile,
.ffile:hover .dfile {
    display: block;
	animation: fadeIn 0.5s;
}

.ffile .fa {
	font-size: 34px;
}
.ffile .dwnfile .fa ,
.ffile .rfile .fa ,
.ffile .dfile .fa {
	font-size: 14px;
}
.dropdown-menu li.head {
    background: var(--darkgreen);
	color:#fff;
    padding: 10px 15px;
    margin: -5px 0 5px;
}

.makfile {
    position: relative;
    width: calc(25% - 5px);
    display: flex;
    font-size: 10px;
    text-align: center;
    padding: 12px 10px;
    border: 1px solid #ccc;
    margin: 5px 5px 0 0;
    color: #111;
    text-decoration: none;
    border-radius: var(--radius);
    word-wrap: break-word;
    flex-wrap: wrap;
    justify-content: space-evenly;
	align-self: stretch;
	line-height:1;
	background: #f9f9f9;
}
.makfile .btn {
    height: calc(100% - 20px);
    display: flex;
    align-content: stretch;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 0;
    border: honeydew;
}
.makfile .fa {
    font-size: 4vw;
    color: grey;
    padding: 1rem 0;
}

tr.invoiced {
    background: #f7f7f7;
}

.invoiced span {
	color: #999;
	font-style: italic;
	text-decoration: line-through;
	margin-left: 16px;
}
.invoiced span.idate {
	font-style: normal;
	font-size: 80%;
    text-decoration: none;
	margin: 0;
	color: #222;
	font-weight: 700;
}



@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.geen-adviseur,
.wel-adviseur {
	transition-duration: 0.2s;
}
.lastdetail {
	background:var(--headgreen) !important;
	/* background:var(--darkgreen) !important; */
	/* color:#fff; */
}
.label-lg {
	font-size: 100%;
}
.label-xs {
    font-size: 11px;
    font-weight: 300;
    padding: 4px 4px;
    margin: 0px 2px;
}


.card.pcard {
    border: 3px solid var(--headgreen);
    border-radius: var(--radius);
    border-radius: var(--smallradius);
    /* overflow: hidden; */
	text-align: center;
	background: var(--headgreen) !important;
	transition: transform .2s; /* Animation */
	position: relative;
}
.card.pcard:hover {
    /* border: 1px solid var(--darkgreen); */
    /* border: 5px solid var(--cardbg); */
    box-shadow: 0px 0px 6px 0px var(--darkgreen);
    transform: scale(1.1);
    z-index: 999;
}
.card.pcard:hover a {
    text-decoration: none;
}
.card.pcard h3 {
    border-top-left-radius: var(--smallradius);
    border-top-right-radius: var(--smallradius);
	border-bottom: none;
}


.card.pcard hr {
    margin: 0 0 10px;
	border-color: #36658a;
}
.card.pcard .fa-user-circle,
.card.pcard .fa-building,
.card.pcard .fa-briefcase,
.card.pcard .fa-home {
    font-size: 62px;
    color: var(--darkgreen);
}

.agenda.checkbox label {
    padding: 9px 20px;
}
.seltime {
	cursor: pointer;
}
#modal-content .flatpickr-calendar.inline {
    margin: auto;
    width: 130px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.blauw .bootstrap-table .fixed-table-container .table tfoot th .both, .bootstrap-table .fixed-table-container .table thead th .both {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%2394adc2"><path d="m103.05877,41.4c9.37707,-12.5 24.60541,-12.5 33.98248,0l96.02113,128c6.90152,9.2 8.92696,22.9 5.17614,34.9s-12.45274,19.8 -22.20489,19.8l-192.04225,-0.1c-9.67713,0 -18.45406,-7.8 -22.20489,-19.8s-1.65036,-25.7 5.17614,-34.9l96.02113,-128l0.07501,0.1zm0,429.3l-96.02113,-128c-6.90152,-9.2 -8.92696,-22.9 -5.17614,-34.9s12.45274,-19.8 22.20489,-19.8l192.04225,0c9.67713,0 18.45406,7.8 22.20489,19.8s1.65036,25.7 -5.17614,34.9l-96.02113,128c-9.37707,12.5 -24.60541,12.5 -33.98248,0l-0.07501,0z"/></svg>');
}
.blauw .bootstrap-table .fixed-table-container .table tfoot th .asc, .bootstrap-table .fixed-table-container .table thead th .asc {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%2300668d"><path d="m136.9496,41.4c-9.3763,-12.5 -24.60342,-12.5 -33.97972,0l-96.01334,128c-6.90096,9.2 -8.92624,22.9 -5.17572,34.9s12.45173,19.8 22.20309,19.8l192.02668,0c9.67634,0 18.45256,-7.8 22.20309,-19.8s1.65023,-25.7 -5.17572,-34.9l-96.01334,-128l-0.07501,0z"/></svg>');
}
.blauw .bootstrap-table .fixed-table-container .table tfoot th .desc, .bootstrap-table .fixed-table-container .table thead th .desc {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%2300668d"><path d="m136.94959,471.6c-9.3763,12.5 -24.60342,12.5 -33.97972,0l-96.01334,-128c-6.90096,-9.2 -8.92624,-22.9 -5.17572,-34.9s12.45173,-19.8 22.20308,-19.8l192.02667,0c9.67634,0 18.45256,7.8 22.20308,19.8s1.65023,25.7 -5.17572,34.9l-96.01334,128l-0.07501,0z"/></svg>');
}

.tooltip-inner {
    max-width: 300px;
    width: max-content;
    padding: 10px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px;
	font-size: 14px;
}
span.orglabel.energy-label {
    /* filter: grayscale(1); */
}

a.bootpopup.btn.btn-default.opened {
    background: #ddd;
	pointer-events: none;
}
a.bootpopup.opened, 
a.bootpopup.opened .wlabel {
    background: #ddd;
	pointer-events: none;
}

div#timeline {
    max-height: 600px;
    overflow: auto;
}
#timeline .result {
	text-align: center;
	background: var(--headgreen);
	font-weight: 700;
	margin-bottom: 5px;
	padding: 5px;
}


/* tree view */

.responsive-tree {
	overflow:auto;
	padding-bottom: 40px;
}
.tree {
	width: max-content;
	margin: auto;
}
.tree ul {
    padding: 20px 0 0 0; 
	position: relative;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 20px 4px 0 0;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

/*We will use ::before and ::after to draw the connectors*/

.tree li::before, .tree li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 1px solid #222;
	width: 50%; height: 20px;
}
.tree li::after{
	right: auto; left: 50%;
	border-left: 1px solid #222;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
	display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child{ padding-top: 0; float:none;}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after{
	border: 0 none;
}
/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before{
	border-right: 1px solid #222;
	border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
}
.tree li:first-child::after{
	border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 1px solid #222;
	width: 0; height: 20px;
}

.tree li a{
	border: 1px solid #222;
	padding: 5px 5px;
	text-decoration: none;
	color: #222;
	/* font-family: arial, verdana, tahoma; */
	font-size: 11px;
	display: inline-block;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	/* letter-spacing: -0.5px; */
}
.tree li a.parent{
	background: #eee;
}
.tree li a.user{
	background: #efe;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover+ul li a {
	background: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
/*Connector styles on hover*/
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
	border-color:  #94a0b4;
}

.tree .label {
    font-size: 100%;
    padding: 1px 3px;
    color: #666;
    border: 1px solid #222;
    background: #f7f7f7;
    width: 100%;
    display: inline-block;
}

.avatar {
    background: var(--avatar);
    color: #fff;
    height: 150px;
    width: 150px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
	font-weight:900;
	margin: auto;
	overflow: hidden;
	text-shadow: var(--avatar-text)1px 1px,
    var(--avatar-text)2px 2px,
    var(--avatar-text)3px 3px,
    var(--avatar-text)4px 4px,
    var(--avatar-text)5px 5px,
    var(--avatar-text)6px 6px,
    var(--avatar-text)7px 7px,
    var(--avatar-text)8px 8px,
    var(--avatar-text)9px 9px,
    var(--avatar-text)10px 10px,
    var(--avatar-text)11px 11px,
    var(--avatar-text)12px 12px,
    var(--avatar-text)13px 13px,
    var(--avatar-text)14px 14px,
    var(--avatar-text)15px 15px,
    var(--avatar-text)16px 16px,
    var(--avatar-text)17px 17px,
    var(--avatar-text)18px 18px,
    var(--avatar-text)19px 19px,
    var(--avatar-text)20px 20px,
    var(--avatar-text)21px 21px,
    var(--avatar-text)22px 22px,
    var(--avatar-text)23px 23px,
    var(--avatar-text)24px 24px,
    var(--avatar-text)25px 25px,
    var(--avatar-text)26px 26px,
    var(--avatar-text)27px 27px,
    var(--avatar-text)28px 28px,
    var(--avatar-text)29px 29px,
    var(--avatar-text)30px 30px,
    var(--avatar-text)31px 31px,
    var(--avatar-text)32px 32px,
    var(--avatar-text)33px 33px,
    var(--avatar-text)34px 34px,
    var(--avatar-text)35px 35px,
    var(--avatar-text)36px 36px,
    var(--avatar-text)37px 37px,
    var(--avatar-text)38px 38px,
    var(--avatar-text)39px 39px,
    var(--avatar-text)40px 40px,
    var(--avatar-text)41px 41px,
    var(--avatar-text)42px 42px,
    var(--avatar-text)43px 43px,
    var(--avatar-text)44px 44px,
    var(--avatar-text)45px 45px,
    var(--avatar-text)46px 46px,
    var(--avatar-text)47px 47px,
    var(--avatar-text)48px 48px,
    var(--avatar-text)49px 49px,
    var(--avatar-text)50px 50px,
    var(--avatar-text)51px 51px,
    var(--avatar-text)52px 52px,
    var(--avatar-text)53px 53px,
    var(--avatar-text)54px 54px,
    var(--avatar-text)55px 55px,
    var(--avatar-text)56px 56px,
    var(--avatar-text)57px 57px,
    var(--avatar-text)58px 58px,
    var(--avatar-text)59px 59px,
    var(--avatar-text)60px 60px,
    var(--avatar-text)61px 61px,
    var(--avatar-text)62px 62px,
    var(--avatar-text)63px 63px,
    var(--avatar-text)64px 64px,
    var(--avatar-text)65px 65px,
    var(--avatar-text)66px 66px,
    var(--avatar-text)67px 67px,
    var(--avatar-text)68px 68px,
    var(--avatar-text)69px 69px,
    var(--avatar-text)70px 70px;

}
.avatar80 {
    border: 5px solid var(--darkgreen);
    background: #bbb;
    color: #fff;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 900;
    margin: auto;
}
 .mleft10 {
	 margin-left: 10px;
 }
	 
.theimg {
}

.should-delete {
    background: #b8c3bc !important;
}
.getmessage.current {
    background: var(--headgreen);
}
.unread-messages {
    border-radius: var(--radius);
    margin: 10px 5px;
    border: 2px solid var(--darkgreen);
    padding: 20px;
}
td .cv {
    padding: 10px;
    font-weight: 700;
    display: none;
    background: #eee;
    line-height: 2;
}
tr.newlines {
	font-weight: 700;
	background: #f7f7f7 !important;
	color: #f00;
}
tr.new {
	font-weight: 700;
	/* background: #f7f7f7 !important; */
	color: #f00;
}
span.copymsg {
	display: none;
    margin-right: 7px;
    background: var(--darkgreen);
    /* background: #222; */
    color: #fff;
    padding: 3px 10px;
    border-radius: 4px;
}
.alert h3 {
    margin: 0px 0px 15px 0px;
    font-weight: 900;
    font-size: var(--h3size);
}

.label-margin {
	margin: 0px 0 5px 3px;
}
.margin20 {
	margin: 0 0 20px 0;
}
.baghulp {
	background: #eee;
	padding: 15px;
	margin: 5px 0;
}

label.toggle{
	position: relative;
	cursor: pointer;
}

.toggle input[type="radio"]{
	position: absolute;
	right: 9000px;
}

.toggle input[type="radio"] + .label-text:before {
	content: "\f096";
	content: "\f10c";
    font-family: "FontAwesome";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    /* width: 1em; */
    display: inline-block;
    margin-right: 5px;
	vertical-align: bottom;
}

.toggle input[type="radio"]:checked + .label-text:before{
	content: "\f14a";
	content: "\f192";
	color: var(--darkgreen);
}

.toggle input[type="radio"] + .label-text{
	margin-right: 12px;
}




body.elportal {
	background: #f3f2ee;
}
.elportal .org-fixedtop {
    padding: 10px 15px 5px;
    width: calc(100% - var(--side) );
    position: sticky;
    top: 0px;
	left: var(--side);
    z-index: 3;
    margin-bottom: 0px;
    background: #fff;
    /* padding: 0; */
}
.elportal .fixedtop {
    padding: 10px 15px 5px;
    width: 100%;
    position: sticky;
    top: 0px;
	left: 0px;
    z-index: 3;
    margin-bottom: 0px;
    background: #fff;
    /* padding: 0; */
}

.nonelportal .fixedtop .card {
    background: #fff;
    background-image: url(eplogo.jpg);
    background-repeat: no-repeat;
    padding-left: 270px;
    background-position: left center;
}

.elportal .fixedtop .card a {
    color: #999;
}

.elportal .fixedtop .card a .toptext {
    display:none;
}

.elportal .sidebar-nav li.toggleMenu {
	display:none;
}

.elportal #org-sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    /* left: var(--side); */
    width: var(--side);
    height: 100%;
    /* margin-left: -var(--side); */
    margin-top: 0px;
    overflow-y: auto;
	top: 0;
	background: rgb(234 241 247);
}
.elportal #sidebar-wrapper {
    z-index: 1000;
    width: var(--side);
    height: 100%;
    margin-top: 0px;
    overflow-y: auto;
	background: rgb(234 241 247);
}
.elportal.inv #sidebar-wrapper {
	background: #35609b;
	background: #00668d;
	
}
.elportal #sidebar-wrapper .brand {
    color: #fff;
    text-align: center;
    margin: 20px 10px 10px 10px;
    background: transparent;
    box-shadow: none;
}
.elportal.inv #sidebar-wrapper .brand a {
    color: #fff;
}

.elportal #sidebar-wrapper .brand h3 {
    display: none;
}


.elportal #sidebar-wrapper .sidebar-nav {
    background: transparent;
    border: none;
    box-shadow: none;
	padding: 10px 20px;
}
.elportal #sidebar-wrapper .sidebar-nav li {
	text-align: center;
    line-height: 24px;
    margin: 0px 12px 5px;
    border-radius: var(--menuradius);
    overflow: hidden;
}
.elportal #sidebar-wrapper .sidebar-nav li .fa-menu {
	font-size: 21px;
    line-height: 1.2;
    font-weight: 400;
    vertical-align: middle;
    width: 28px;
    text-align: center;
    margin: auto;
    display: block;
}

.elportal #sidebar-wrapper .nav > li > a {
    padding: 7px 1px;
	font-size: 12px;
}
.elportal.inv #sidebar-wrapper .nav > li > a {
    background: transparent !important;
    color: #fff;
}
.elportal #sidebar-wrapper .sidebar-nav li a:hover {
    color: var(--darkgreen) !important;
    background: #fff;
    /* color: #fff !important;  */
    /* background: #468bae; */
}
.elportal.inv #sidebar-wrapper .sidebar-nav li.active a,
.elportal.inv #sidebar-wrapper .sidebar-nav li a:hover {
    background: #fff !important;
    color: #35609b !important;
}

.elportal #page-content-wrapper {
	padding: 20px;
	background: #f3f2ee;
}

.elportal .card.topsub {
	padding: 20px;
	background: #eeedeb;
}
.elportal .topsub .nav-pills > li > a {
    font-weight: 400;
    padding: 3px 6px;
    margin-right: 2px;
    border-radius: 0;
    background-color: transparent;
    color: #666;
}

.elportal .topsub .nav-pills > li.active > a, 
.elportal .topsub .nav-pills > li.active > a:hover, 
.elportal .topsub .nav-pills > li.active > a:focus {
    color: #222;
    background-color: transparent;
	border-bottom: 3px solid #333;
}

.elportal .nav-tabs {
    border: 0px solid #ddd;
}

.elportal .avatar {
    /* background: var(--avatar); */
    color: #fff;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    font-weight: 900;
    margin: auto;
    overflow: hidden;
}

.elportal .card {
    clear: both;
    border: var(--cardborder);
    border-radius: var(--radius);
    margin: var(--cardmargin);
    padding: 15px 20px;
    background: var(--cardbg);
    box-shadow: var(--shadow);
}

.elportal .card .card  {
	background: #f8f8f8;
}
.elportal .card:has(.card)  {
	/* background: #f8f8f8; */
}

.elportal .innercard {
    clear: both;
    border: var(--cardborder);
    border-radius: var(--radius);
    margin: var(--cardmargin);
    padding: 15px 20px;
    background: var(--cardbg);
    box-shadow: var(--shadow);	
	background: #f8f8f8;
}


.elportal .card.sticky {
    /* top: 78px; */
	transition: all 0.2s ease;
}
.elportal .card.sticky.pinned {
	margin-left: -20px;
	margin-right: -20px;

}

.elportal .card.highlight {
    /* background: #f2e2df; */
    /* color: #333; */
}
.elportal .card.highlight.red,
.elportal .card.highlight.noedit {
    background: #f2e2df;
    color: #333;
}

.elportal .card h3 {
    margin: -15px -20px 15px -20px;
    padding: 15px 20px 10px 20px;
    color: #222 !important;
    font-weight: 400;
    border-bottom: 1px solid #999;
    font-size: var(--h3size);
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
	background: transparent;

	/* background: #f9fbfc; */
    /* border-bottom: 0px solid #999; */
    /* font-size: 18px; */
    /* font-weight: 700; */
}
.elportal .card h3 .label-pill {
	font-size: 8px;
}
.elportal .card h3 .label-small {
    font-size: 12px;
    font-weight: 300;
    padding: 6px 10px;
}


.elportal .card h4 {
    font-size: var(--h4size);
    font-weight: 600;
    border-bottom: 1px solid #999;
}


.elportal .card h3.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
	font-weight: 700;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}


.elportal .fa-pencil:before {
    content: "\f142";
}
.old_elportal .card h3 .btn {
    margin-top: 0px;
    font-size: 22px;
    color: #888;
    border: none;
    background: #eee;
    padding: 0 14px;
}

.elportal .card h3 .btn {
    margin-top: 0px;
    /* font-size: 12px; */
    color: #333;
    border: 1px solid #ddd;
    background: #fff;
    padding: 2px 6px 0px;
}

.elportal .card h3 .btn:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.elportal .service_upload.complete {
    /* background: #aaa; */
    /* color: #fff; */
}
.elportal .card.bordered {
    border: 2px solid var(--red);
    border-left: 15px solid  var(--red);
    border-right: 15px solid  var(--red);
}
.extrabar { display: none; }
.elportal .extrabar { display: block; }

.elportal .nav-tabs > li.active > a, 
.elportal .nav-tabs > li.active > a:hover, 
.elportal .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: transparent;
    border: 2px solid transparent;
    border-bottom-color: red;
}

.elportal .beng.new a, 
.elportal .portefeuille.adres a, 
.elportal .portfolio.toevoegen a, 
.elportal .projecten.toevoegen a, 
.elportal .relaties.toevoegen a, 
.elportal .relaties.relatie-toevoegen a, 
.elportal .objecten.excel a,
.elportal .objecten.adres a {
    background-color: var(--darkgreenhigh) !important;
    color: #fff !important;
    border-radius: var(--radius) !important;
}

.elportal .service_upload.small  {
    /* padding: 10px 20px; */
}


.audit-toggle {
	text-align: right;
	background: #f7f7f7;
	padding: 10px;
	font-size: 12px;
}

.custom-file-upload input[type="file"] {
    display: none;
}
.custom-file-upload {
    display: inline-block;
    padding: 1px 6px;
    cursor: pointer;
}
.custom-file-upload:hover {
	color: red;
}
.audit-details .table th, .audit-details .table td {
    vertical-align: middle;
    /* padding: 2px 10px; */
}



.buttonmenu {
	font-family: monospace;
	/* text-align: center; */
    border-bottom: 4px solid var(--darkgreen);
    padding: 5px;
    margin: 0 0 15px 0;
    background: #eee;
}

.auditforms .form-control:required:invalid {
	border-color: red;
}
.auditforms .radio-nkt:has(input:required:invalid) {
	border: 1px solid red;
}

tr.layout-elportal {
    /* background: #eaf1f7 !important;; */
}
tr.layout-elportal.inv {
    background: #a6cde7 !important;
}
tr.layout-groen {
    background: #f7fff7 !important;;
}
tr.layout-default {
    background: #fff !important;;
}


.fixed-table-toolbar {
	min-height:45px;
}
.fixed-table-toolbar.sticky {
    position: sticky;
    top: 83px;
    background: #f7f7f7;
    z-index: 999;
    padding: 0 10px;
    /* border-bottom: 1px solid #ccc; */
	/* margin-bottom: 3px; */
}

.card .sticky {
	 /* border-collapse: separate;  */
 }
.card .sticky thead {
    position: sticky;
    top: 80px;
    width: 100%;
	z-index: 999;

}
.card .sticky thead th {
	background: #f7f7f7;
}
.card div .sticky thead {
    top: -8px;
}
.card.bigtable .sticky thead {
    top: -17px;
}

.radio-nkt {
    padding: 7px 3px 4px;
    border: 1px solid #ccc;
    border-radius: var(--radius);
}

.marker-pin {
	width: 30px;
	height: 30px;
	border-radius: 50% 50% 50% 0;
	background: #c30b82;
	position: absolute;
	transform: rotate(-45deg);
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -15px;
}

.marker-pin::after {
    display: inline-block;
    content: '';
    width: 26px;
    height: 26px;
    margin: 2px 0 0 2px;
    background: #fffb;
    position: absolute;
    border-radius: 50%;
}

.custom-div-icon i.awesome {
    margin: 13px 7px;
    font-size: 15px;
    position: relative;
    color: #444;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
    overflow: auto;
    height: auto;
}


.adviseur span.buttons { display: none; }
.adviseur span.adviseur.buttons { display: inline-block; }

.selectdate {
    width: fit-content;
    font-size: 14px;
    border: 1px solid #008d35;
    border-radius: var(--radius);
    background: #e5f4ea;
    display: inline-block;
    margin: -5px 5px 0;
    vertical-align: middle;
}

.who {
    margin-bottom: 200px;
    margin: 35px 10px 120px;
    font-size: 10px;
    line-height: 1;
    position: relative;
    bottom: 10px;
    left: 0px;
}
.who div {
    border-radius: var(--radius);
    padding: 10px;
    background: #f7fcff;

}
.who b {
    font-size: 12px;
}

.table-scroller {
    width: 100%;
    overflow: auto;
}

.even-week {
    background: #fbfbfb !important;
}
.week-omzet {
	background-color:#fbf8ff !important;
	color:#100;
	font-weight:900;
	
}
.table-omzet thead th:first-child {
   position: sticky;
   left: 0;
   z-index: 2;
}

.table-omzet tr td:first-child {
   position: sticky;
   left: 0;
   width: 180px;
   z-index: 2;
   background: #fff;
}

.fc-daygrid-day-events .fc-event-title-container {
	max-width: 80%;
}
.fc-event-main {
    overflow: hidden;
	white-space: pre;
}
.fc-daygrid-day-events .fc-event-main{
    max-height: 39px;
}

input.fchecks {
    pointer-events: none;
}

.queue {
	display: block;
	font-weight: 800;
	text-align: center;
	background: #eee;
	color: #f00;
	padding: 15px;
	border-radius: var(--radius);
	margin: 5px 0;
}
.pincode {
    font-size: 150%;
    font-weight: 900;
    margin: 10px auto;
    padding: 2px 10px;
    border: 1px solid #ccc;
    width: fit-content;
    text-align: center;
    background: #fff;
    border-radius: var(--radius);
}