.mrg-0 { margin-bottom: 0px !important; }
.mrg-05{ margin-bottom: 5px !important; }
.mrg-1 { margin-bottom: 10px !important; }
.mrg-15 { margin-bottom: 15px !important; }
.mrg-2 { margin-bottom: 20px !important; }
.mrg-25 { margin-bottom: 25px !important; }
.mrg-3 { margin-bottom: 30px !important; }
.mrg-35 { margin-bottom: 35px !important; }
.mrg-4 { margin-bottom: 40px !important; }
.mrg-45 { margin-bottom: 45px !important; }
.mrg-5 { margin-bottom: 50px !important; }
.mrg-7 { margin-bottom: 70px !important; }
.mrg-10 { margin-bottom: 100px !important; }
.mrg-150 { margin-bottom: 150px !important; }

.mrg-noside{ margin-left: 0px !important; margin-right: 0px !important; }

.pad-0 { padding: 0px !important; }
.pad-05{ padding: 5px !important; }
.pad-1 { padding: 10px !important; }
.pad-15 { padding: 15px !important; }
.pad-2 { padding: 20px !important; }
.pad-25 { padding: 25px !important; }
.pad-3 { padding: 30px !important; }
.pad-35 { padding: 35px !important; }
.pad-4 { padding: 40px !important; }
.pad-45 { padding: 45px !important; }
.pad-5 { padding: 50px !important; }
.pad-7 { padding: 70px !important; }
.pad-10 { padding: 100px !important; }
.pad-150 { padding: 150px !important; }

.pad-noside{ padding-left: 0px !important; padding-right: 0px !important; }

.row.no-gutter { margin-left: 0; margin-right: 0; }
.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-right: 0; padding-left: 0; }

.row-buttons{ text-align: center; }
.row-buttons .btn i{ margin-right: 0px; }

.btn-show{ background-color: #7E3794; border-color: #7E3794; color: #fff; }
.btn-show:hover, .btn-show:focus, .btn-show.focus, .btn-show:active, .btn-show.active, .open > .dropdown-toggle.btn-show {
	color: #fff;
	background-color: #7E3794;
	border-color: #7E3794;
	opacity: 0.9;
}

.btn-edit{ background-color: #2DC3E8; border-color: #2DC3E8; color: #fff; }
.btn-edit:hover, .btn-edit:focus, .btn-edit.focus, .btn-edit:active, .btn-edit.active, .open > .dropdown-toggle.btn-edit {
	color: #fff;
	background-color: #2DC3E8;
	border-color: #2DC3E8;
	opacity: 0.9;
}

.btn-delete{ background-color: #E10009; border-color: #E10009; color: #fff; }
.btn-delete:hover, .btn-delete:focus, .btn-delete.focus, .btn-delete:active, .btn-delete.active, .open > .dropdown-toggle.btn-delete {
	color: #fff;
	background-color: #E10009;
	border-color: #E10009;
	opacity: 0.9;
}
.btn-warning{ background-color: #F6921E !important; border-color: #F6921E; color: #fff; }
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #F6921E !important;
	border-color: #F6921E;
	opacity: 0.9;
}

.fa-fw{ display: inline-block !important; width: 0.9em; }

.toast-error{ background: #f00; }

span.required{ color: #f00; }

input.form-control.has-error{ border-color: #ff0000; background-color: #FFF9F9; }
.form-group span.has-error, form span.has-error{ color: #ff0000; font-size: 10px; }

.form-control-static{ border: 1px solid #D5D5D5; padding: 5px; }
.form-control{ border-radius: 0px; }

.header-avatar{ line-height: 110px; }

@media (min-width: 768px) {
  .modal-dialog {
    margin: 70px auto;
  }
}

.modal-blue .modal-header {
  background-color:  #5db2ff;
  color: #fff;
  border-bottom: 0px solid #5db2ff;
}

.modal-blue .modal-header .close {
  color: #fff;
  opacity: .5;
}
.modal-blue .modal-header .close:hover,
.modal-blue .modal-header .close:focus {
  color: #fff;
  opacity: .8;
}

/* login */
.login-container .loginbox .loginbox-textbox .form-control {
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}
.login-container.animated, .login-container.animated .loginbox {
	width: 350px!important;
	max-width: 350px!important;
}
.grecaptcha-badge {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.row.buttons{ border-top: 1px solid #D2D2D2; background: linear-gradient(#f6f6f6, #FBFBFB); padding-top: 15px; margin: 0px -12px; }

/******************************************
 * Kendo tweaks
 ******************************************/
.k-datepicker{ width: 100%; }
.k-datepicker{ width: 100%; border-color: #CCC; }
.k-datepicker .k-input{ height: 27px; border-color: #CCC; box-shadow: none; padding-bottom: 3px; text-indent: 15px; }
.k-datepicker .k-input:hover{ box-shadow: none; }

.k-datetimepicker{ width: 100%; }
.k-datetimepicker{ width: 100%; border-color: #CCC; }
.k-datetimepicker .k-input{ height: 27px; border-color: #CCC; box-shadow: none; padding-bottom: 3px; text-indent: 15px; }
.k-datetimepicker .k-input:hover{ box-shadow: none; }

.k-combobox{ width: 100%; }
.k-combobox{ width: 100%; border-color: #CCC; }
.k-combobox .k-input{ height: 27px; border-color: #CCC; box-shadow: none; padding-bottom: 3px; text-indent: 15px; }
.k-combobox .k-input:hover{ box-shadow: none; }

.k-dropdown-wrap.k-state-focused{ box-shadow: 0 0 7px 0 #CCC; border-color: #CCC; }
.k-dropdown-wrap .k-select{ border-color: #CCC; }

.k-picker-wrap.k-state-focused{ box-shadow: 0 0 7px 0 #CCC; border-color: #CCC; }
.k-picker-wrap .k-select{ border-color: #CCC; }

.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, 
.k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-autocomplete, 
.k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, 
.k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, 
.k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, 
.k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload{
	border-radius: 0px;
}

/* grid-checkbox */
.k-grid .grid-checkbox:before{ 
	position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f096";
}
.k-grid .k-state-selected .grid-checkbox:before{ content: "\f046"; }

.k-grid table tr:hover td {
	background :rgba(87, 181, 227, 0.2) !important;
	cursor: pointer !important;
}
.k-grid .k-state-selected td span{ color: #FFF !important; }
.k-grid .k-state-focused{ box-shadow: none !important; }

.k-grid .loading, #grid .loading{ padding-top: 100px; padding-bottom: 100px; }

/* text style by container status */
.k-grid .mc_container_status_nieuw{ font-weight: 600; }
.k-grid .mc_container_status_actief{ color: #149F00; font-weight: 600; }
.k-grid .mc_container_status_geblokkeerd{ color: #f00; font-weight: 600; }
.k-grid .mc_container_status_ingenomen{color: #FEC005; font-weight: 600; }
.k-grid .mc_container_status_gestolen{ color: #f00; font-weight: 600; }

/* text style by blacklist id */
.k-grid .mc_blacklist_status{ color: #f00; }
.k-grid .mc_blacklist_status_0{ color: #149F00; }

/* chipactivator */
.chipactivator .wizard.wizard-wired ul li{ width: 33%; cursor: default; }

a.disabled{ cursor: not-allowed; pointer-events: none; }

.flash-message-css {
	padding-left: 40px;
	padding-right: 40px;
}

.form-file-field .btn input{ position: absolute; width: 100%; opacity: 0; }
.form-file-field .input-group-btn{ vertical-align: top; }
.form-file-field .form-control[readonly]{ background-color: #fbfbfb; border-color: #d5d5d5; }
.form-file-field .control-label{ text-align: right; cursor: move; }
.form-file-field .control-label.thumb{ padding-top: 0; }
.form-file-field.hint .btn{ opacity: 0.4; }