@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
/* CSS Document  */

/* 1. COLORS  */ 
/* buster colors */
.is-red{ color: #a500000 ; }
.is-green{ color: green;}
.is-lime {color: #96c53e; }
/* blue */
.is-blue{ color: #0071bc; }
.is-banner{ color: #0071bc; }
.is-heaven{ color: #03a9f4;}
.is-bluegrey{ 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 }

.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;	
}

/* 2. BULMA  hacks */
/* clean */
div, span, nav {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/*panes */
#panes {
	margin-top: 5px;
}
column {
	padding: 0px;
}
/* LEFT PANE*/
#leftPane {
	margin-left: 0px;
	padding-left: 0px;
}
.note-editable img{
	padding: 10px;
}
#leftPane ul {
	margin-left: 0px;
	padding-left: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	position: relative;
	font-size: 12px;
	border:solid 1px #bfcbd9
}
#leftPane ul > li {
	padding: 5px;
	float: left;
	display: block;
	width: 100%;
	background: #f6f8fa;
	color: #415165;
	border: solid 1px #bfcbd9;
	border-top: none;
}
#leftPane div.col-md-3 ul > li:first-child {
	border-top: solid 1px #bfcbd9;
}
#leftPane ul > li>i {
	min-width: 25px;
	color: #0071bc;
}
#leftPane div.col-md-3 ul > li.active {
	background: #0071bc;
	color: #FFF;
	border: solid 1px #f6f8fa;
}
#leftPane ul > li.active >i {
	color: #FFF;
}
#leftPane ul > li:hover {
	background: #4e75ad;
	color: #FFF;
	border-bottom: solid 1px #f6f8fa;
}
#leftPane ul > li:hover >i {
	color: #FFF;
}

#leftPane ul > li.active{
	background: #4e75ad;
	color: #FFF;
	border-bottom: solid 1px #f6f8fa;
}

/* container hacks  */
.container {
 flex-grow:1;
 margin:0 auto;
 position:relative;
 width:auto
}
.container.is-fluid {
 max-width:none!important;
 padding-left:20px;
 padding-right:20px;
 width:100%
}
@media screen and (min-width:1024px) {
 .container {
  max-width:984px
 }
}
@media screen and (max-width:1215px) {
 .container.is-widescreen:not(.is-max-desktop) {
  max-width:1175px
 }
}
@media screen and (max-width:1407px) {
 .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
  max-width:1364px
 }
}
@media screen and (min-width:1216px) {
 .container:not(.is-max-desktop) {
  max-width:1174px
 }
}
@media screen and (min-width:1408px) {
 .container:not(.is-max-desktop):not(.is-max-widescreen) {
  max-width:1364px
 }
}








/* 3.  HTML components  */
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;

}

body{
font-family: 'Open Sans', sans-serif !important;
font-size: 12px !important;	
}

/* Navbar */ 
.navbar {
	max-height: 80px;
	background-color: #0071bc;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px !important;
}


/* desktop navbar tweaks*/
@media screen and (min-width: 960px) {
div.topnav-item.navbar-item.has-dropdown.is-hoverable a.navbar-link.is-active {
	color: #fff;
	background-color: #0071bc;
}
div.topnav-item.navbar-item.has-dropdown.is-hoverable a.navbar-link.is-active:hover {
	color: #bfcbd9;
}
.navbar-dropdown {
	padding: 0px;
}
a.navbar-item:hover {
	color: #fff;
	background: #0071bc;
}
.navbar-item, .navbar-link {
	padding: 2px 10px;
	font-size: 13px;
}
.navbar-dropdown .navbar-item {
	margin: 0px;
}

}
a.navbar-item:hover {
	color: #fff;
	background: #0071bc;
}
.navbar-dropdown .navbar-item:hover {
	color: #fff;
	background: #0071bc;
}
/*  Busterframework Divs  HTML*/

/* page heading  aka boxtitle*/
section div.boxtitle {
	padding-top: 10px;
	height: 40px;
	border-bottom: 1px solid #bfcbd9;
}
section div.boxtitle.level div.level-left i.fa {
	color: #0071bc;
	padding-left: 3px;
	margin-right: 10px;
    padding-right: 10px;
	-webkit-text-stroke: 1px #03a9f4;
}
section div.boxtitle.level div.level-left.subtitle i.far,i.fal,i.fas {
    color: #0071bc;
	padding-left: 3px;
	margin-right: 10px;
    padding-right: 10px;
	-webkit-text-stroke: 1px #03a9f4;
    
}

section div.boxtitle.level div.level-left i.far {
	color: #0071bc;
	padding-left: 3px;
	margin-right: 10px;
    padding-right: 10px;
	-webkit-text-stroke: 1px #03a9f4;
}
section div.boxtitle.level div.level-left i.fal {
	color: #0071bc;
	padding-left: 3px;
	margin-right: 10px;
    padding-right: 10px;
	-webkit-text-stroke: 1px #03a9f4;
}
section div.boxtitle.level div.level-left i.fas {
	color: #0071bc;
	padding-left: 3px;
	margin-right: 10px;
    padding-right: 10px;
	-webkit-text-stroke: 1px #03a9f4;
}
section div.boxtitle.level div.level-left {
	padding-top: 20px;
}




/* BUTTONS */
/* bulma hack to compress */
.button{
	/*line-height: 1;
	height: 1.5em;	*/
    border-radius: 0;
    padding: 5px;
    font-size: 90%;
}
.button.is-info{
    background-color: #0071bc;
}
.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;
}


/*  TABLES */
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
	font-size: 90%;
}
.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;
}




/* 4. FRAMEWORK  Buster classes  */



div.profile-image {
	position: relative;
	display: block;
	padding-right: 0px;
	margin-right: 0px
}
div.inner-profile {
	width: 100%;
	height: 133px;
	min-width: 100%;
	float: right;
	text-align: center;
	overflow: hidden;
	border: solid 1px #bfcbd9;
}
/* 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;
}
div.panesLabel {
	color: #0071bc;
	font-weight: 400;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 90%;
}
 
input {
	color: #494949;
	margin-bottom: 8px;
	padding-left: 5px;
    border-radius: 0px;
}
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;
}

/* 3rd PARTY*/


 /* 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;
}

/* confirm*/

.btn-confirm {
	background: #f6f8fa;
	color: #4e75ad;
}
.btn-confirm:hover {
	color: #f6f8fa;
	background: #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;
}
/* select-detail on every page */
.select-detail {
	padding: 3px 6px;
	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;
	border-top: none;
}
/* tooltip */

/**
airNote -> when using summernote 
 */
.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;
}

/* jquery UI */

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;
	}	


/*  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;
}
/* actions */
.table.kmotoolstable td:last-of-type {
	width: 15%;
	text-align: right;
}
/* handle buttons same size */
.table.kmotoolstable td:last-of-type .btn {
	width: 20px;
	max-width: 20px;
	max-height: 20px;
	text-align: center;
}
/* 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:  'Open Sans', sans-serif;
}


/* Busterframework BUTTONS*/
/* BUTTONS*/
/* action buttons*/
.btn {
	background: #f6f8fa;
	color: #4e75ad;
	padding: 5px 5px;
	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;
}
.btn-insert {
	color: #FFF;
	background: #0071bc;
}
.btn-insert:hover {
	color: #f6f8fa;
	background: #4e75ad
}
.btn-insert:before {
	content: '\f0fe ';
	font-weight: 400; /* add square*/
	font-family: 'Font Awesome 5 Pro';
}
.btn-insert:after {
	content: '  Voeg toe';
	font-family: 'Open Sans', sans-serif !important;
}
.btn-back {
	color: #4e75ad;
	background: #f6f8fa;
}
.btn-back:hover {
	color: #f6f8fa;
	background: #4e75ad
}
.btn-back:before {
	content: '\f053';
	font-weight: 400; /* add square*/
	font-family: 'Font Awesome 5 Pro';
}
/* buttons in forms*/
.btn-form-add {
	color: #4e75ad;
	background: #f6f8fa;
	width: 85px;
}
.btn-form-add:hover {
	color: #f6f8fa;
	background: #4e75ad
}
.btn-form-add:before {
	content: '\f0fe ';
	font-weight: 400; /* add square*/
	font-family: 'Font Awesome 5 Pro';
}
.btn-form-add:after {
	content: '  Voeg toe';
	font-family: 'Open Sans', sans-serif !important;
}
.btn-form-update {
	color: #4e75ad;
	background: #f6f8fa;
	width: 85px;
}
.btn-form-update:hover {
	color: #f6f8fa;
	background: #4e75ad
}
.btn-form-update:before {
	content: '\f044 ';
	font-weight: 400; /* add square*/
	font-family: 'Font Awesome 5 Pro';
}
.btn-form-update:after {
	content: '  Pas aan';
	font-family: 'Open Sans', sans-serif !important;
}
.btn-update {
}
.btn-detail {
	background: #f6f8fa;
	color: #4e75ad;
}
.btn-detail:hover {
	color: #f6f8fa;
	background: #4e75ad
}
.btn-detail:after {
	content: '\f05a';
	font-weight: 400; /* reg*/
	font-family: 'Font Awesome 5 Pro';
}
.btn-edit {
	background: #f6f8fa;
	color: #4e75ad;
}
.btn-edit:hover {
	color:  lightgreen;
	background: #4e75ad
}
.btn-edit:after {
	content: '\f040';
	font-weight: 300; /* light*/
	font-family: 'Font Awesome 5 Pro';
}
.btn-mail {
	background: #f6f8fa;
	color: #4e75ad;
}
.btn-mail:hover {
	color:  orange;
	background: #4e75ad
}
.btn-mail:after {
	content: '\f1d8';
	font-weight: 300; /* regular*/
	font-family: 'Font Awesome 5 Pro';
}
 .btn-login {
	background: #f6f8fa;
	color: #4e75ad;
}
.btn-login:hover {
	color:  darkblue;
	background: #4e75ad
}
.btn-login:after {
	content: '\f2f6';
	font-weight: 300; /* regular*/
	font-family: 'Font Awesome 5 Pro';
}


.btn-delete {
	background: #f6f8fa;
	color: #4e75ad;
}
.btn-delete:hover {
	color:red;
	background: #4e75ad
}
.btn-delete:after {
	content: '\f1f8';
	font-weight: 300; /* light*/
	font-family: 'Font Awesome 5 Pro';
}
.btn-page {
	background: #f6f8fa;
	color: #4e75ad;
}
.btn-page:hover {
	color: #f6f8fa;
	background: #4e75ad
}
.btn-page:after {
	content: '\f1ea';
	font-weight: 300; /* newspaper*/
	font-family: 'Font Awesome 5 Pro';
}
.btn-view {
	background: #f6f8fa;
	color: #4e75ad;
}
.btn-view:hover {
	color: #f6f8fa;
	background: #4e75ad
}
.btn-view:after {
	content: '\f06e';
	font-weight: 300; /* newspaper*/
	font-family: 'Font Awesome 5 Pro';
}
.btn-link {
	background: #f6f8fa;
	color: #4e75ad;
}
.btn-link:hover {
	color: #f6f8fa;
	background: #4e75ad
}
.btn-link:after {
	content: '\f0c1';
	font-weight: 300; /* newspaper*/
	font-family: 'Font Awesome 5 Pro';
}
.btn-cta {
	background: #f6f8fa;
	color: #4e75ad;
}
.btn-cta:hover {
	color: #f6f8fa;
	background: #4e75ad
}
.btn-cta:after {
	content: '\f58e';
	font-weight: 300; /* grip cta*/
	font-family: 'Font Awesome 5 Pro';
}