@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
/* CSS Document  */

/*:root {
	--bannerblue{ color: #0071bc;}
	--heavenblue{ color:#03a9fa;}	
	--navyblue{ color: #415165;}
	--greyblue{color: #bfcbd9;}
	--bootstrapblue{color:#428bca;}
	--darkgrey{color:#494949;}
	--pencilgrey{ color: rgba(65,81,101,0.6)}
	--blueish{color:4e75ad;}
	--lightish{ color:#6f8fa;}
	--fs:{ font-size: 14px;	}
	--fc:{color: #4a4a4a;}
	--fcdark{ color: #363636;}
		}
}*/
 /* bulma colors 
White	$white	$white	hsl(0, 0%, 100%)	$black	hsl(0, 0%, 4%)
Black	$black	$black	hsl(0, 0%, 4%)	$white	hsl(0, 0%, 100%)
Light	$light	$white-ter	hsl(0, 0%, 96%)	$grey-darker	hsl(0, 0%, 21%)
Dark	$dark	$grey-darker	hsl(0, 0%, 21%)	$white-ter	hsl(0, 0%, 96%)
Primary	$primary	$turquoise	hsl(171, 100%, 41%)	#fff	#fff
Link	$link	$blue	hsl(217, 71%, 53%)	#fff	#fff
Info	$info	$cyan	hsl(204, 86%, 53%)	#fff	#fff
Success	$success	$green	hsl(141, 53%, 53%)	#fff	#fff
Warning	$warning	$yellow	hsl(48, 100%, 67%)	rgba(0, 0, 0, 0.7)	rgba(0, 0, 0, 0.7)
Danger	$danger	$red	
*/


/* buster colors */
.is-red{ color: #a500000 ; }
.is-green{ color: green;}
.bgr-green{ background-color: green;}
.btn-green{ background-color: green; color: white;}
.is-lime {color: #96c53e; }
/* blue */
.is-blue{ color: #0071bc; }
.bgr-blue{  background-color:  #0071bc; }
.is-banner{ color: #0071bc; }
.bgr-banner{ background-color: #0071bc; }
.is-heaven{ color: #03a9f4;}
.bgr-heaven{ background-color:  #03a9f4;}
.is-bluegrey{ color:#bfcbd9; }
.bgr-bluegrey{ background-color: #bfcbd9; }
.is-navy{ color:#03a9f4; }
.is-input{ color: #494949; }
.is-darkgrey{ color: #494949; }
.is-pencilcolor{ color: rgba(65,81,101,0.6); }
.is-btn-blue {color:#4e75ad; }
.is-lil-blue {color:#f6f8fa; }
.is-bootstrapblue {color:#428bca; }
/* bulma overrule*/
.is-primary {color:#428bca; }

.is-gold {color: goldenrod}
.is-silver {color: silver}
.is-orange {color:coral}
.is-red {color:red}
.is-green {color:green}
.is-olive { color:olivedrab }
.is-lightgrey {color:lightgray}
.is-grey {color: #999 }
.is-midgrey{ color: #666 }
.is-darkgrey{ color: #333 }
.is-mederigreen{ color: #004228; }
.is-mederiblue{ color: #00aeef; }
.hidden{ display: none}
.block{ display: block}
.is-background{
background-color: rgb(247,247,250); 
background: linear-gradient(111deg, rgba(247,247,250,1) 0%, rgba(246,248,250,0.6) 53%, rgba(250,250,250,1) 100%); 
background-size: cover;	
}


/* HTML background*/
html{
background: rgb(247,247,250);
background: linear-gradient(111deg, rgba(247,247,250,1) 0%, rgba(246,248,250,0.6) 53%, rgba(250,250,250,1) 100%);
background-size: cover;
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: black;
}

/* headers */
h1{
	font-size: 2rem;
	color: #004228;
}
 h2{
	font-size: 1.7rem;
	color: #004228;
}
h3{
	font-size: 1.5rem;
	
}

 /* confirm*/
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
	background: rgb(247,247,250);
	border: solid 1px #bfcbd9;
	color: #494949;
	/*max-width: 450px;*/
	
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
	color: #415165;
}
.jconfirm .jconfirm-box div.jconfirm-title-c:before {
	/*content: '\f12a   ';*/
	/*font-weight: 300; !* grip cta*!*/
	/*font-family: 'Font Awesome 5 Pro';*/
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon{
	  font-size: 14px !important; 
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{
	font-weight: 500;
	text-transform: none;
}
.jconfirm .jconfirm-box .jconfirm-buttons button{
	padding: 6px 8px;
	line-height: inherit;
	border-radius: 0px;
	min-height: 1em;
}
.button.is-mederi{  background-color: #00aeef;
	color: white;
	
}
.button.is-mederi:hover{
	color: #004228;
}

.btn-confirm {
	background: #f6f8fa; 
	color: #4e75ad;
}
.btn-confirm:hover {
	color: #f6f8fa;
	background: #4e75ad;
}


button.btn-confirm-blue{
	color: #f6f8fa;
	background: #0071bc;
}
button.btn-confirm-blue:hover{
	color: #fff;
	background: #0071bc;
}
button.btn-confirm-navy{
	color: #f6f8fa;
	background: #4e75ad;
}
button.btn-confirm-navy:hover{
	color: #fff;
	background: #4e75ad;
}

button.btn-confirm-red{
	color: white;
	background: red;
}
button.btn-confirm-red:hover{
	color: red;
	background: white;
}
 button.btn-confirm-orange{
	color: white;
	background: orange;
}
button.btn-confirm-orange:hover{
	color: black;
	background: orange;
}
 button.btn-confirm-green{
	color: black;
	background: green;
}
button.btn-confirm-orange:hover{
	color: white;
	background: green;
}


/* BOOTSTRAP REQUIRED */
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
	border-top: 0;
}
.table > tbody + tbody {
	border-top: 2px solid #dddddd;
}
.table .table {
	background-color: #ffffff;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
	padding: 5px;
}
.table-bordered {
	border: 1px solid #dddddd;
}
.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 #dddddd;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
	border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
	background-color: #f5f5f5;
}
table col[class*="col-"] {
	position: static;
	float: none;
	display: table-column;
}
table td[class*="col-"], table th[class*="col-"] {
	position: static;
	float: none;
	display: table-cell;
}

/* BULMA*/
/* clean */
div, span, nav {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

column {
	padding: 0px;
}

/* FORMS*/
div.legend {
	color: #415165;
	font-weight: 600;
	height: 18px;
	margin-bottom: 7px;
	margin-top: 7px;
	text-decoration: underline;
	text-decoration-skip-ink: auto;
	text-decoration-color: #bfcbd9;
}
input {
	color: #494949;
	margin-bottom: 8px;
	padding-left: 5px;
}
input.input:focus {
	border: solid 1px #03a9f4;
}
.icon:focus{
	color: #03a9f4;
	
}

.buster-select {
	padding: 3px 5px;
	height: 32px;
	width: 100%;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: solid 1px #bfcbd9;
}
.buster-text:focus {
	border: solid 1px #03a9f4;
}
/* icons in form*/
div.control.has-icons-left span.icon.is-small.is-left i {
	color: #4e75ad;
}
div.control.has-icons-left span.icon.is-small.is-right i {
	color: #4e75ad;
}
/*select2*/
.select2-container--default .select2-selection--single {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: solid 1px #bfcbd9;
	/*border-top: none;*/
	color: #494949;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	background: #f6f8fa;
	border: solid 1px #bfcbd9;
}
.select2-container--default .select2-results > .select2-results__options {
	border: solid 1px #bfcbd9;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #FFF;
	border-bottom: none;
}
/* selec2 tags */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #03a9f4;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid 1px #bfcbd9;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #f6f8fa;
	color: #4e75ad;
}
/* hover*/
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #03a9f4;
}
/* title item*/
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #0071bc;
	font-size: 14px;
}
/* arrow*/
.select2-container--default .select2-selection--single .select2-selection__arrow {
	color: #0071bc;
}

/* tooltip */

/**
airNote
 */
.airNote-container{
	border:1px solid #bfcbd9;
	overflow: auto;
	padding: 5px;
}
.airNote-container:focus-within{
	border:1px solid #03a9f4;
}

/* tipr tooltip 3rd party*/
.tipr_content {
	background: #f6f8fa;
	color: #4e75ad;
	border: solid 1px #bfcbd9;
	padding: 5px;
	border-radius: 2px;
}
.tipr_container_above, .tipr_container_below {
	display: none;
	position: absolute;
	z-index: 1000;
}
.tipr_point_above, .tipr_point_below {
	position: relative;
	background: #f1f1f1;
	border: 1px solid #f1f1f1;
	border-radius: 3px;
}
.tipr_point_above:after, .tipr_point_below:after {
	position: absolute;
	pointer-events: none;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	border-width: 7px;
	left: 50%;
	margin-left: -7px;
}
.tipr_point_above:after {
	top: 100%;
	border-top-color: #bfcbd9;
}
.tipr_point_below:after {
	bottom: 100%;
	border-bottom-color: #f1f1f1;
}
/* confirm*/
.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {
	background: #FFF;
	border: solid 1px #bfcbd9;
	color: #494949;
	/*max-width: 450px;*/
	
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
	color: #415165;
}
.jconfirm .jconfirm-box div.jconfirm-title-c:before {
	/*content: '\f12a   ';*/
	/*font-weight: 300; !* grip cta*!*/
	/*font-family: 'Font Awesome 5 Pro';*/
}
.btn-confirm {
	background: #f6f8fa;
	color: #4e75ad;
}
.btn-confirm:hover {
	color: #f6f8fa;
	background: #4e75ad;
}
/* datapicker org*/

label.error{
	color: red;
}

#ui-datepicker-div {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: none;
}
.jq-datepicker .ui-datepicker {
	background: #fafafa;
	width: 174px;
	border: 1px solid #ccc;
	font-size: 11px;
	position: relative;
	padding: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.ui-datepicker {
	background: #fff;
	border: 2px solid #999;
	font-size: 11px;
	position: relative;
	padding: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.ui-datepicker .ui-widget-header {
	background: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 0;
	padding: 0;
}
.ui-datepicker .ui-datepicker-title {
	text-align: center;
	font-weight: bold;
	margin: 12px 0;
}
.ui-datepicker .ui-datepicker-prev {
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin-left: 2px;
	background: none !important;
	border: 0 !important;
	margin-top: 10px;
	position: relative;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover {
	font-weight: bold;
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
	display: none;
}
.ui-datepicker .ui-datepicker-prev:hover {
	background: #bfcbd9 !important;
}
.ui-datepicker .ui-datepicker-prev:hover:before {
	color: #000;
}
.ui-datepicker .ui-datepicker-prev:before {
	content: "\f104";
	font-family: "FontAwesome";
	display: block;
	position: absolute;
	left: 7px;
	top: 2px;
	color: #444;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: none !important;
	border: 0 !important;
	margin-top: 10px;
	margin-right: 2px;
	position: relative;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.ui-datepicker .ui-datepicker-next.ui-state-hover {
	font-weight: bold;
}
.ui-datepicker .ui-datepicker-next .ui-icon {
	display: none;
}
.ui-datepicker .ui-datepicker-next:hover {
	background: #bfcbd9 !important;
}
.ui-datepicker .ui-datepicker-next:hover:before {
	color: #000;
}
.ui-datepicker .ui-datepicker-next:before {
	content: "\f105";
	font-family: "FontAwesome";
	display: block;
	position: absolute;
	right: 7px;
	top: 2px;
	color: #444;
}
.ui-datepicker .ui-datepicker-calendar {
	margin-bottom: 2px;
	margin-left: 0;
}
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	width: 24px;
	padding: 0;
}
.ui-datepicker .ui-datepicker-calendar th {
	color: #777;
	padding: 0;
}
.ui-datepicker .ui-datepicker-calendar th span {
	display: block;
	padding: 0;
	width: 24px;
}
.ui-datepicker .ui-datepicker-calendar td {
	padding: 0;
}
.ui-datepicker .ui-datepicker-calendar td:hover > a {
	background: #0071bc;
	text-decoration: none;
	color: #fff;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a {
	background: #0071bc;
	color: #fff;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month:hover > a {
	background: #62a7e7;
	text-decoration: none;
	color: #fff;
}
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month > a {
	color: #999;
}
.ui-datepicker .ui-datepicker-calendar td > a {
	padding: 2px 0;
	width: 24px;
	display: block;
	border: 0;
	background: none;
	text-align: center;
}
datepicker.datepicker-dropdown {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.datepicker.datepicker-dropdown:before, .datepicker.datepicker-dropdown:after {
	border: 0;
}
.datepicker.datepicker-dropdown .datepicker-days td, .datepicker.datepicker-dropdown .datepicker-days th, .datepicker.datepicker-dropdown .datepicker-days span, .datepicker.datepicker-dropdown .datepicker-years td, .datepicker.datepicker-dropdown .datepicker-years th, .datepicker.datepicker-dropdown .datepicker-years span, .datepicker.datepicker-dropdown .datepicker-months td, .datepicker.datepicker-dropdown .datepicker-months th, .datepicker.datepicker-dropdown .datepicker-months span {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.datepicker.datepicker-dropdown .datepicker-days .active, .datepicker.datepicker-dropdown .datepicker-years .active, .datepicker.datepicker-dropdown .datepicker-months .active {
	background: #0071bc;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.datepicker.datepicker-dropdown .datepicker-days .active:hover, .datepicker.datepicker-dropdown .datepicker-years .active:hover, .datepicker.datepicker-dropdown .datepicker-months .active:hover {
	background: #03a9f4;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.daterangepicker:before, .daterangepicker:after {
	border: 0 !important;
}
.daterangepicker th, .daterangepicker td, .daterangepicker td:hover, .daterangepicker td.active, .daterangepicker .calendar {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.daterangepicker .active {
	background: #0071bc;
	background-image: none !important;
}
/* bustertweaks  */
.datepicker {
	border: solid 1px #03a9f4;
	background: #f6f8fa;
	margin-top: -1px;
	min-height: 18px;
}
div.datepicker-days, div.datepicker-months, div.datepicker-years {
	border: none;
	color: #415165;
}
div.datepicker-days table, div.datepicker-months table, div.datepicker-years table {
	border: none;
}
div.datepicker-days table>thead>tr:first-child, div.datepicker-months table>thead>tr:first-child, div.datepicker-years table>thead>tr:first-child {
	border-bottom: solid 1px #0071bc;
}
div.datepicker-days table>tbody>tr>td.day:hover, div.datepicker-months table>tbody>tr>td>span.month:hover, div.datepicker-years table>tbody>tr>td>span.year:hover {
	background: #03a9f4;
	color: white;
}
div.datepicker-days th.switch, div.datepicker-months th.switch, div.datepicker-years th.switch {
	color: #0071bc;
}
div.datepicker-days th.switch:hover, div.datepicker-months th.switch:hover, div.datepicker-years th.switch:hover {
	color: #415165;
	background: white;
}
div.datepicker-days th.prev::before, div.datepicker-months th.prev::before, div.datepicker-years th.prev::before {
	content: '\f0d9';
	font-weight: 300; /* add square*/
	font-family: 'Font Awesome 5 Pro';
	color: #0071bc;
}
div.datepicker-days th.next::before, div.datepicker-months th.next::before, div.datepicker-years th.next::before {
	content: '\f0da';
	font-weight: 300; /* add square*/
	font-family: 'Font Awesome 5 Pro';
	color: #0071bc;
}
/* DATATABLES*/
div#page_wrapper.dataTables_wrapper {
	padding-top: 10px;
}
/* btns and filters*/
div#content div#page_wrapper.dataTables_wrapper.no-footer div.dt-buttons {
	width: 50%;
	float: left;
	margin-top: 0px;
	padding-top: 0px;
}
div.dataTables_filter {
	width: 25%;
	text-align: right;
	float: right;
}
.dataTables_filter input {
	margin-bottom: 0;
	padding: 4px 0;
	text-indent: 8px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #bfcbd9;
	display: inline;
	background: #f6f6f6;
	margin-left: 0 !important;
	width: 84px !important;
	-webkit-transition: width 0.3s ease;
	transition: width 0.3s ease;
	height: 31px;
}
.dataTables_filter input:focus {
	background: #fff;
	border: 1px solid #03a9f4;
	width: 160px !important;
}
/**
dataTables button
 */
.dt-buttons {
	display: inline-block;
	margin: 10px 10px 10px 0px;
}
.dt-button {
	color: #4e75ad;
	background: #f6f8fa;
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 5px 9px;
	filter: none;
}
.dt-button:hover {
	background: #4e75ad;
	color: #f6f8fa;
}

/* pagination */
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.3em;
  padding: 0.4em 0.8em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #0071bc !important;
  border: 1px solid transparent;
  border-radius: 0px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
 color: #FFF;
background: #0071bc;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #0071bc !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
   
background: #0071bc;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
   color: white !important;
background: #0071bc;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
	.dataTables_paginate.paging_simple_numbers span a.paginate_button.current{
		  color: white !important;
	}	

/* BUTTONS*/
/* action buttons*/
.btn {
	background: #f6f8fa;
	color: #4e75ad;
	padding: 5px 9px;
	min-width: 25px;
	border: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	filter: none;
	margin: 0px;
}

/*  TABLES*/

.table {
	width: 100%;
	margin: 0;
	padding: 0;
}
.table td, .table th {
	padding: 2px;
	vertical-align: middle;
}
.table.table-hover tr:hover > td {
	background: #f8f8f8;
}
.table .with-checkbox {
	width: 10px;
	vertical-align: middle;
}
.table .with-checkbox input {
	margin-left: 4px;
	margin-top: 0;
}
.table.dataTable {
	margin-bottom: 10px;
	clear: both;
}
.table.dataTable.dataTable-grouping .group {
	background: #e6e6e6;
	border-top: 2px solid #ccc;
}
.table.dataTable.dataTable-grouping .group.expanded-group {
	background: url("../img/expanded-group.jpg") no-repeat left center #e6e6e6;
	padding-left: 33px;
}
.table.dataTable.dataTable-grouping .group.expanded-group:hover {
	cursor: pointer;
}
.table.dataTable.dataTable-grouping .group.collapsed-group {
	background: url("../img/collapsed-group.jpg") no-repeat left center #e6e6e6;
	padding-left: 33px;
}
.table.dataTable.dataTable-grouping .group.collapsed-group:hover {
	cursor: pointer;
}
.table.dataTable .sorting_asc {
	background: url("../img/sorting-asc.png") no-repeat right center #eee;
}
.table.dataTable .sorting_desc {
	background: url("../img/sorting-desc.png") no-repeat right center #eee;
}
.table.dataTable .sorting {
	background: url("../img/sorting.png") no-repeat right center #eee;
}
.table.dataTable .sorting, .table.dataTable .sorting_desc, .table.dataTable .sorting_asc {
	padding-right: 30px;
	white-space: nowrap;
}
.table.dataTable.dataTable-scroll-x {
	border-collapse: separate;
	max-width: none;
}
.table.dataTable.dataTable-scroll-x * {
	box-sizing: initial;
}
.table.dataTable.dataTable-scroll-x td, .table.dataTable.dataTable-scroll-x th {
	white-space: nowrap;
}
.table.dataTable th:focus {
	outline: none;
}
.table.dataTable.dataTable-reorder th:hover {
	cursor: move;
}
table.kmotoolstable {
	border: solid 1px #bfcbd9;
	color: #415165;
	padding: 0px;
	margin: 0px;
	line-height: 1;
}
.table.kmotoolstable thead {
	color: #4e75ad;
}
.table.kmotoolstable thead td {
	border-bottom: 1px solid #bfcbd9;
}

/* drag */

.table.kmotoolstable td.drag {
	width: 2%;
	text-align: center;
	cursor: move;
}
.table.kmotoolstable td.drag:after {
	content: '\f142';
	font-weight: 300; /* light*/
	font-family: 'Font Awesome 5 Pro';
}
/* hover*/
.table.kmotoolstable tr:hover {
	background: rgba(191,203,217,0.3);	/* blue grey bfcbd9 30%*/
}

/**
Select2 Drop Down for ckeditor
 */
.cke_dialog_ui_input_select {
	width: 100%;
}

/*.select2-container {*/
	/*z-index: 10010;*/
/*}*/

.select2-container .select2-selection--single {
	position: relative;
}

/* select dropdown tweak in datatable ( filtre)  */ 
select.zk{
		width: 100%;
		background:#eee;
		font-weight: 500;
		 color: #000;
		 
	}
	/* select filter header in datatable */
th.sorting_disabled {	background:#eee; padding: 0px 
} 
.zk > option{ color: #000;
font-family: 'Roboto', sans-serif;
}






div.zoekbox{
	border: solid 1px #0071bc;
}

div.zoekbox table.table tr {
	background-color: skyblue;
	color: black;
	}
div.zoekbox table.table tr hover {
	background-color: skyblue;
	color: white;
	}


/* table 50 50 */
td.left{ padding-right: 5px; width: 50%; }
td.right{ padding-left: 5px;  width: 50%; }
td.is-33{padding-left: 5px; width: 33% }

/* layouts zorgaanvraag */
/*span in table */
/* tweaks padding*/
div.columns.is-list{
border-bottom: solid 1px rgba(0,66,40,0.4);
margin: 5px;
margin-top: 0.5rem	
}
div.columns.is-list:hover{ 
color:#004228;	
}

div.columns.is-list div.column{
	padding: 0.25rem;
}
div.columns.is-list2{
border-bottom: none;
margin: 5px;
margin-top: 0.5rem	
}
div.columns.is-list:hover{ 
color:#004228;	
}

div.columns.is-list div.column{
	padding: 0.25rem;
}
/* front end*/
#MederiContainer{ 
padding-left: 10px;
padding-right: 10px;
	
}
#HeaderMederi{ 
padding-top: 1rem;
border-bottom: solid 1px #00aeef;
font-size: 14px;	
}

#MederiContact{ 
text-align: right;
}

#ContentMederi{
	padding-top: 1rem;
}

div span.legend{
	color: #03a9f4;
	font-weight: 500;
}

/* mobile */
@media screen and (max-width: 960px) {
#MederiContact{ 
text-align: left;
}	
} 

