/* Global Styles */
:root {
    --navbar-height: 3.5rem;
    --fa-rotate-angle: 0;
}


html {
    height: 100%;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
}

body {
	height: 100%;
    margin: 0;
    background-attachment: fixed;
    background-color: #f5f5f5;
    color: #555;
    overflow-x: hidden;
    transition: top 0.5s, right 0.5s, left 0.5s, bottom 0.5s, width 0.5s, height 0.5s, margin 0.5s, padding 0.5s;
}
body::after {
	content: "";
	opacity: 0.03;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -118px;
	margin-top: -118px;
	width: 236px;
	height: 236px;
	background: url('../images/pegasus-t.png') no-repeat;
	z-index: -1;
}
body.blurred #widget {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
}

#widget {
    height: calc(100vh - var(--navbar-height));;
}
#widget>.widget-content {
    height: 100%;
}
.widget-content {
    position: relative;
}
.control-content {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    border-radius: 5px;
    background-color: rgba(255,255,255,0.7);
}
.modal .control-content {
    z-index: 4100;
}

.pw-header {
    position: relative;
    padding: 0;
    text-align: center;
    color: #555;
}

a._wt_[aria-expanded='false']:before {
    content: "раз";
}
a._wt_[aria-expanded='true']:before {
    content: "с";
}
table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%;
}
tr.row-locked td {
    opacity: 0.4;
}

tr.row-locked::after {
    content: attr(data-lockmessage);
    display: table-cell;
    position: absolute;
    left: 0;
    width: 100%;
    color: red;
    margin: 0 auto;
    text-align: center;
    padding: 1em;
}


@media print {
  a[href]:after {
    content: none !important;
  }
}

.blue { color: #007bff; }
.indigo { color: #6610f2; }
.purple { color: #6f42c1; }
.pink { color: #e83e8c; }
.red { color: #dc3545; }
.orange { color: #fd7e14; }
.yellow { color: #ffc107; }
.green { color: #28a745; }
.teal { color: #20c997; }
.cyan { color: #17a2b8; }
.white { color: #fff; }
.gray { color: #6c757d; }
.dark-gray { color: #343a40; }

.text-x15 {
	font-size: 1.5rem;
	font-weight: 300;
}
.text-x2 {
	font-size: 2rem;
	font-weight: 300;
}

/**/
/**/
/**/
/**/
/* ------ Main Blocks styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.ibox {
    background-color: #fff;
	border-radius: 2px;
    clear: both;
    margin: 0.25rem;
    padding: 0;
    overflow-wrap: break-word;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
    /*box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);*/
}
.ibox.disabled, .nobox.disabled {
    background-color: #f4f4f4;
    /*    background: repeating-linear-gradient(
            45deg, #f8f8f8, #f8f8f8 30px, #fff 30px, #fff 60px);
    border: 1px dashed #aaa;
    margin: -1px;*/
}
.ibox.disabled *, .nobox.disabled * {
    background-color: transparent;
    color: #6c757d;
}
.ibox.disabled .select2-container--bootstrap .select2-selection, .nobox.disabled .select2-container--bootstrap .select2-selection {
    background-color: transparent;
}
.ibox.disabled .select2-container--bootstrap .select2-selection .select2-selection__rendered, .nobox.disabled .select2-container--bootstrap .select2-selection .select2-selection__rendered{
    color: #6c757d;
}
.ibox.disabled .page-link, .nobox.disabled .page-link {
    opacity: 0.4;
}
.ibox.disabled .datepicker_dropdown_container, .nobox.disabled .datepicker_dropdown_container {
    display: none;
}
.ibox.disabled .dropzone, .nobox.disabled .dropzone {
    pointer-events: none;
}

.ibox-fixed {
	position: fixed;	
}

tr.color-decor-dark-red:not(.selected) td,
.list-item:not(.selected) .color-decor-dark-red,
tr:not(.selected) td.color-decor-dark-red,
.ibox.ibox-dark-red
{ background-color: hsla(0, 70%, 45%, 1); color: hsla(0, 95%, 95%, 1); }
tr.color-decor-red:not(.selected) td,
.list-item:not(.selected) .color-decor-red,
tr:not(.selected) td.color-decor-red,
.ibox.ibox-red
{ background-color: hsla(0, 95%, 65%, 1); color: hsla(0, 95%, 15%, 1); }
tr.color-decor-lite-red:not(.selected) td,
.list-item:not(.selected) .color-decor-lite-red,
tr:not(.selected) td.color-decor-lite-red,
.ibox.ibox-lite-red
{ background-color: hsla(0, 60%, 85%, 1); color: hsla(0, 95%, 15%, 1); }

tr.color-decor-dark-orange:not(.selected) td,
.list-item:not(.selected) .color-decor-dark-orange,
tr:not(.selected) td.color-decor-dark-orange,
.ibox.ibox-dark-orange
{ background-color: hsla(25, 80%, 40%, 1); color: hsla(27, 95%, 95%, 1); }
tr.color-decor-orange:not(.selected) td,
.list-item:not(.selected) .color-decor-orange,
tr:not(.selected) td.color-decor-orange,
.ibox.ibox-orange
{ background-color: hsla(25, 95%, 60%, 1); color: hsla(27, 95%, 20%, 1); }
tr.color-decor-lite-orange:not(.selected) td,
.list-item:not(.selected) .color-decor-lite-orange,
tr:not(.selected) td.color-decor-lite-orange,
.ibox.ibox-lite-orange
{ background-color: hsla(25, 60%, 85%, 1); color: hsla(27, 95%, 20%, 1); }

tr.color-decor-dark-yellow:not(.selected) td,
.list-item:not(.selected) .color-decor-dark-yellow,
tr:not(.selected) td.color-decor-dark-yellow,
.ibox.ibox-dark-yellow
{ background-color: hsla(50, 95%, 40%, 1); color: hsla(45, 95%, 100%, 1); }
tr.color-decor-yellow:not(.selected) td,
.list-item:not(.selected) .color-decor-yellow,
tr:not(.selected) td.color-decor-yellow,
.ibox.ibox-yellow
{ background-color: hsla(50, 95%, 60%, 1); color: hsla(45, 95%, 20%, 1); }
tr.color-decor-lite-yellow:not(.selected) td,
.list-item:not(.selected) .color-decor-lite-yellow,
tr:not(.selected) td.color-decor-lite-yellow,
.ibox.ibox-lite-yellow
{ background-color: hsla(50, 60%, 85%, 1); color: hsla(45, 95%, 20%, 1); }

tr.color-decor-dark-lime:not(.selected) td,
.list-item:not(.selected) .color-decor-dark-lime,
tr:not(.selected) td.color-decor-dark-lime,
.ibox.ibox-dark-lime
{ background-color: hsla(70, 70%, 40%, 1); color: hsla(70, 90%, 100%, 1); }
tr.color-decor-lime:not(.selected) td,
.list-item:not(.selected) .color-decor-lime,
tr:not(.selected) td.color-decor-lime,
.ibox.ibox-lime
{ background-color: hsla(70, 60%, 60%, 1); color: hsla(70, 50%, 15%, 1); }
tr.color-decor-lite-lime:not(.selected) td,
.list-item:not(.selected) .color-decor-lite-lime,
tr:not(.selected) td.color-decor-lite-lime,
.ibox.ibox-lite-lime
{ background-color: hsla(70, 50%, 85%, 1);color: hsla(70, 90%, 20%, 1);}

tr.color-decor-dark-green:not(.selected) td,
.list-item:not(.selected) .color-decor-dark-green,
tr:not(.selected) td.color-decor-dark-green,
.ibox.ibox-dark-green
{ background-color: hsla(105, 50%, 40%, 1); color: hsla(105, 90%, 100%, 1); }
tr.color-decor-green:not(.selected) td,
.list-item:not(.selected) .color-decor-green,
tr:not(.selected) td.color-decor-green,
.ibox.ibox-green
{ background-color: hsla(105, 50%, 60%, 1); color: hsla(105, 50%, 15%, 1); }
tr.color-decor-lite-green:not(.selected) td,
.list-item:not(.selected) .color-decor-lite-green,
tr:not(.selected) td.color-decor-lite-green,
.ibox.ibox-lite-green
{ background-color: hsla(105, 45%, 85%, 1); color: hsla(105, 90%, 15%, 1); }

tr.color-decor-dark-teal:not(.selected) td,
.list-item:not(.selected) .color-decor-dark-teal,
tr:not(.selected) td.color-decor-dark-teal,
.ibox.ibox-dark-teal
{ background-color: hsla(165, 50%, 40%, 1); color: hsla(165, 30%, 95%, 1); }
tr.color-decor-teal:not(.selected) td,
.list-item:not(.selected) .color-decor-teal,
tr:not(.selected) td.color-decor-teal,
.ibox.ibox-teal
{ background-color: hsla(165, 47%, 60%, 1); color: hsla(165, 70%, 15%, 1); }
tr.color-decor-lite-teal:not(.selected) td,
.list-item:not(.selected) .color-decor-lite-teal,
tr:not(.selected) td.color-decor-lite-teal,
.ibox.ibox-lite-teal
{ background-color: hsla(165, 45%, 85%, 1); color: hsla(165, 70%, 15%, 1); }

tr.color-decor-dark-cyan:not(.selected) td,
.list-item:not(.selected) .color-decor-dark-cyan,
tr:not(.selected) td.color-decor-dark-cyan,
.ibox.ibox-dark-cyan
{ background-color: hsla(190, 50%, 40%, 1); color: hsla(185, 80%, 95%, 1); }
tr.color-decor-cyan:not(.selected) td,
.list-item:not(.selected) .color-decor-cyan,
tr:not(.selected) td.color-decor-cyan,
.ibox.ibox-cyan
{ background-color: hsla(190, 55%, 60%, 1); color: hsla(185, 60%, 20%, 1); }
tr.color-decor-lite-cyan:not(.selected) td,
.list-item:not(.selected) .color-decor-lite-cyan,
tr:not(.selected) td.color-decor-lite-cyan,
.ibox.ibox-lite-cyan
{ background-color: hsla(190, 40%, 85%, 1);color: hsla(185, 60%, 20%, 1);}

tr.color-decor-dark-blue:not(.selected) td,
.list-item:not(.selected) .color-decor-dark-blue,
tr:not(.selected) td.color-decor-dark-blue,
.ibox.ibox-dark-blue
{ background-color: hsla(210, 70%, 42%, 1); color: hsla(210, 80%, 95%, 1); }
tr.color-decor-blue:not(.selected) td,
.list-item:not(.selected) .color-decor-blue,
tr:not(.selected) td.color-decor-blue,
.ibox.ibox-blue
{ background-color: hsla(210, 60%, 60%, 1); color: hsla(210, 80%, 95%, 1); }
tr.color-decor-lite-blue:not(.selected) td,
.list-item:not(.selected) .color-decor-lite-blue,
tr:not(.selected) td.color-decor-lite-blue,
.ibox.ibox-lite-blue
{ background-color: hsla(210, 50%, 85%, 1); color: hsla(210, 80%, 20%, 1); }

tr.color-decor-dark-indigo:not(.selected) td,
.list-item:not(.selected) .color-decor-dark-indigo,
tr:not(.selected) td.color-decor-dark-indigo,
.ibox.ibox-dark-indigo
{ background-color: hsla(230, 45%, 45%, 1); color: hsla(230, 50%, 95%, 1); }
tr.color-decor-indigo:not(.selected) td,
.list-item:not(.selected) .color-decor-indigo,
tr:not(.selected) td.color-decor-indigo,
.ibox.ibox-indigo
{ background-color: hsla(230, 45%, 64%, 1); color: hsla(230, 50%, 95%, 1); }
tr.color-decor-lite-indigo:not(.selected) td,
.list-item:not(.selected) .color-decor-lite-indigo,
tr:not(.selected) td.color-decor-lite-indigo,
.ibox.ibox-lite-indigo
{ background-color: hsla(230, 45%, 85%, 1); color: hsla(230, 70%, 15%, 1); }

tr.color-decor-dark-purple:not(.selected) td,
.list-item:not(.selected) .color-decor-dark-purple,
tr:not(.selected) td.color-decor-dark-purple,
.ibox.ibox-dark-purple
{ background-color: hsla(280, 40%, 45%, 1); color: hsla(285, 20%, 95%, 1); }
tr.color-decor-purple:not(.selected) td,
.list-item:not(.selected) .color-decor-purple,
tr:not(.selected) td.color-decor-purple,
.ibox.ibox-purple
{ background-color: hsla(280, 50%, 70%, 1); color: hsla(285, 70%, 20%, 1); }
tr.color-decor-lite-purple:not(.selected) td,
.list-item:not(.selected) .color-decor-lite-purple,
tr:not(.selected) td.color-decor-lite-purple,
.ibox.ibox-lite-purple
{ background-color: hsla(280, 40%, 85%, 1); color: hsla(285, 70%, 20%, 1); }

tr.color-decor-dark-pink:not(.selected) td,
.list-item:not(.selected) .color-decor-dark-pink,
tr:not(.selected) td.color-decor-dark-pink,
.ibox.ibox-dark-pink
{ background-color: hsla(330, 50%, 50%, 1); color: hsla(330, 30%, 95%, 1); }
tr.color-decor-pink:not(.selected) td,
.list-item:not(.selected) .color-decor-pink,
tr:not(.selected) td.color-decor-pink,
.ibox.ibox-pink
{ background-color: hsla(330, 50%, 70%, 1); color: hsla(330, 40%, 10%, 1); }
tr.color-decor-lite-pink:not(.selected) td,
.list-item:not(.selected) .color-decor-lite-pink,
tr:not(.selected) td.color-decor-lite-pink,
.ibox.ibox-lite-pink
{ background-color: hsla(330, 40%, 85%, 1); color: hsla(330, 60%, 20%, 1); }

tr.color-decor-white:not(.selected) td,
.list-item:not(.selected) .color-decor-white,
tr:not(.selected) td.color-decor-white,
.ibox.ibox-white
{ background-color: #fff; }
tr.color-decor-lite-gray:not(.selected) td,
.list-item:not(.selected) .color-decor-lite-gray,
tr:not(.selected) td.color-decor-lite-gray,
.ibox.ibox-lite-gray
{ background-color: hsla(208, 7%, 87%, 1); }
tr.color-decor-gray:not(.selected) td,
.list-item:not(.selected) .color-decor-gray,
tr:not(.selected) td.color-decor-gray,
.ibox.ibox-gray
{ background-color: hsla(208, 7%, 70%, 1); color: hsla(208, 7%, 15%, 1); }
tr.color-decor-dark-gray:not(.selected) td,
.list-item:not(.selected) .color-decor-dark-gray,
tr:not(.selected) td.color-decor-dark-gray,
.ibox.ibox-dark-gray
{ background-color: hsla(208, 7%, 50%, 1); color: hsla(208, 7%, 90%, 1); }
tr.color-decor-black:not(.selected) td,
.list-item:not(.selected) .color-decor-black,
tr:not(.selected) td.color-decor-black,
.ibox.ibox-black
{ background-color: hsla(208, 7%, 30%, 1); color: hsla(208, 7%, 80%, 1); }

.ibox.ibox-gray      { box-shadow: 0 2px 6px 0px rgba(0,0,0,.4); }
.ibox.ibox-dark-gray { box-shadow: 0 2px 6px 0px rgba(0,0,0,.5); }
.ibox.ibox-black     { box-shadow: 0 2px 6px 0px rgba(0,0,0,.5); }

@media (max-width: 768px) {
    .ibox {
	    box-shadow: none;
	}
}
.modal-body > .ibox {
    /*background-color: transparent;*/
	border-radius: 2px;
    clear: both;
    margin: 0;
    padding: 0;
    box-shadow: none;
}
.ibox-height-100 {
    height: calc(100% - 6px);
}
.modal-body > .ibox {
    margin-bottom: 0;
    height: 100%;
}
.ibox-title {
	/*background-color: transparent;*/
    border-style: none;
    margin-bottom: 0;
    padding: .4em .6em 0 1em;
    min-height: 2.5em;
    box-sizing: border-box;
    position: relative;
}
.ibox-hidden {
    display: none;
}
.modal-body > .ibox > .ibox-title {
	border-style: none;
    padding: .8em .1em .4em .5em;
}
.ibox-title h5 {
    display: inline-block;
    font-size: 108%;
    font-weight: 500;
    margin: 0 0 5px 0;
    padding: 0;
    text-overflow: ellipsis;
}
.ibox-tools {
    margin: -.8rem 0 0 0;
    position: absolute;
    padding: 0;
    text-align: right;
    top: 1rem;
    right: 0.5rem;
}
.ibox-content {
    /*background-color: transparent;*/
    padding: .3em .5em .3em .5em;
    border-style: none;
}
.modal-body > .ibox > .ibox-content {
    /*background-color: transparent;*/
    padding: 0;
    border-style: none;
}
@media (max-width: 768px) {
	.ibox-content {
	    padding: 5px;
	}
}
.ibox-dark {
	padding: 20px 25px 2px;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 2px;
}

.list-group-item {
    background-color: inherit;
    border-bottom: 1px solid #e7eaec;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}

.igroup {
    margin: 5px 0;
    padding: 0 5px;
    border: 1px dashed rgba(0,0,0,.15);
    border-radius: 5px;
    background-color: transparent;
}
.igroup-height-100 { height: calc(100% - 16px); }
.igroup-content {
    margin: 0;
    padding: 5px 0;
    border: none;
    border-width: 0;
    background-color: transparent;
}
.form-field.igroup {
    margin: 0;
    padding: 5px;
}
.row.igroup .form-field {
    margin: 0;
}
.row.igroup .form-group {
    margin: 0;
}
.jstree-grid-cell .igroup-content {
    padding: 0;
}

/**/
/**/
/**/
/**/
/* ------ Bootstrap modifiers ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.btn-primary {
	border-color: #305bff;
    background-image: linear-gradient(to right bottom, #407bc0, #305bb0);
}
.btn-secondary {
    border-color: #60656d;
    background-image: linear-gradient(to right bottom, #6c757d, #60656d);
}
/*
.btn.btn-primary,
.btn.btn-secondary,
.btn.btn-danger,
.btn.btn-info,
.btn.btn-success,
.btn.btn-warning,
.btn.btn-light,
.btn.btn-dark {
	box-shadow: 0 2px 3px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4);
}
.btn.btn-primary:focus {
	box-shadow: 0 2px 3px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4), 0 0 0 .2rem rgba(0,123,255,.25);
}
.btn.btn-secondary:focus {
	box-shadow: 0 2px 3px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4), 0 0 0 .2rem rgba(108,117,125,.5);
}
.btn.btn-danger:focus {
	box-shadow: 0 2px 3px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4), 0 0 0 .2rem rgba(220,53,69,.5);
}
.btn.btn-info:focus {
	box-shadow: 0 2px 3px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4), 0 0 0 .2rem rgba(23,162,184,.5);
}
.btn.btn-success:focus {
	box-shadow: 0 2px 3px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4), 0 0 0 .2rem rgba(40,167,69,.5);
}
.btn.btn-warning:focus {
	box-shadow: 0 2px 3px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4), 0 0 0 .2rem rgba(255,193,7,.5);
}
.btn.btn-light:focus {
	box-shadow: 0 2px 3px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4), 0 0 0 .2rem rgba(248,249,250,.5);
}
.btn.btn-dark:focus {
	box-shadow: 0 2px 3px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4), 0 0 0 .2rem rgba(52,58,64,.5);
}
*/

.form-control {
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.form-control:disabled,
.form-control[readonly] {
    color: #6c757d;
    background-color: #eee;
    font-style: italic;
}
.form-control.is-valid {
    border: 1px solid #ccc;
    padding: .375rem .75rem;
    background-image: none;
}
.form-control::placeholder {
    color: #999;
}
[contenteditable=true]:empty:before{
    content: attr(placeholder);
    pointer-events: none;
    display: block;
    color: #999;
    text-transform: none;
}
[contenteditable=true]{
    white-space: nowrap;
    overflow: hidden;
}
.mf-hl {
    text-decoration-line: grammar-error;
}
.form-check {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}
select.form-control.is-invalid, .was-validated .form-control:invalid {
    background-position: center right 1.175rem;
}
.tree-check-group, .grid-check-group {
    display: flex;
    flex-direction: row;
}
.grid-check-group-input {
    margin-top: 4px;
}
.tree-check-group-input {
    margin-top: 5px;
}
.grid-check-group-label, .tree-check-group-label {
    white-space: nowrap;
    margin: 0;
    padding: 0 6px;
}

.readonly-normal[readonly] {
    color: #6c757d;
    background-color: #fff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #9ba3aa;
    background-color: transparent;
}
menu.disabled {
    display: none;
}
input[type=checkbox].form-check-input.is-invalid~.invalid-feedback, input[type=checkbox].form-check-input.is-valid~.valid-feedback {
    display: inline;
}
input[type=text].uppercase, textarea.uppercase {
    text-transform: uppercase;
}
.form-check-input:disabled~.form-check-label {
    font-style: italic;
}
.form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label {
    color: inherit;
}
.form-check-input.is-valid:focus~.form-check-label, .was-validated .form-check-input:valid:focus~.form-check-label {
    color: #28a745;
}

.navbar {
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: .5rem;
	    padding-left: 1rem;
	}
}
.nav-icon-margin {
    margin-right: 6px;
}
.navbar-brand > i.nav-icon-margin {
    margin-right: 8px;
}
.navbar-text {
	margin-left: .4rem;
	margin-right: .4rem;
}

@media (max-width: 768px) {
    .container {
    	padding-left: 0;
    	padding-right: 0;
    }
}
.container-fluid-no-border {
	padding-left: 0px;
	padding-right: 0px;
    padding-top: var(--navbar-height);
    height: 100vh;
}
.grid-tool-header-row, .grid-content-row, .grid-tool-footer-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0.5em;
}
.grid-content ,.grid-toolbox, .grid-infobox {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.grid-paginator {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.row>*>.field-row {
    margin-left: -15px;
    margin-right: -15px;
}
.row>*>.row {
    margin-left: -15px;
    margin-right: -15px;
}
.modal-xl {
    max-width: 900px;
}
@media (min-width: 992px) {
	.modal-xl {
	    max-width: 1600px;
	}
}
.modal-body p {
    word-wrap: break-word;
}
.modal-header {
    border-bottom: none;
}
@supports not (-ms-high-contrast: none) {
    .modal-footer {
        border-top: none;
        background-color: #f5f5f5;
        position: sticky;
        bottom: 0;
        z-index: 3;
    }
}
.modal-body-unpad {
	margin: -.5rem -.5rem -.5rem -.5rem;
}
.modal-content-transparent {
	background: none;
	border-color: transparent;
}
.modal-backdrop {
    visibility: hidden !important;
}
.modal {
    background-color: rgba(0,0,0,0.5);
}
.m-header {
    font-weight: 500;
    font-size: 1.25rem;
    color: #676a6c;
    padding-top: 1rem;
}
.m-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}
.unpadBox {
    padding-left: 0px;
    padding-right: 0px;
}

/**/
/**/
/**/
/**/
/* ------ button styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.btn-control {
    color: #6e6e6e;
    background-color: hsl(210, 15%, 92%);
    width: 100%;
    /*box-shadow: 0 1px 3px rgba(0,0,0,.2);*/
}
.btn-control:focus, .btn-control.focus {
    outline: 0;
    /*box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);*/
}
.modal-footer .btn-control {
    width: auto;
}
.form-footer .btn-control {
    width: auto;
}
.btn.btn-a {
    width: auto;
}
.btn-control.active,
.btn-control:active,
.btn-control:hover {
    color: #6e6e6e;
    background-color: hsl(210, 15%, 86%);
    /*box-shadow: 0 1px 3px rgba(0,0,0,.2);*/
}
.btn-control:disabled,
.btn-control:disabled:focus,
.btn-control.disabled,
.btn-control.disabled:active,
.btn-control.disabled:focus,
.btn-control.disabled:hover {
    color: #aaa;
    background-color: hsl(210, 15%, 88%);
    /*box-shadow: 0 1px 3px rgba(0,0,0,.2);*/
}

.input-group-append .btn-control,
.input-group-prepend .btn-control {
    border: 1px solid #ccc;
    /*box-shadow: none;*/
}

.input-group-append .btn,
.input-group-prepend .btn {
    cursor: pointer;
}

.btn-tool {
	width: auto;
	margin-top: .25em;
	margin-right: .25em;
	margin-bottom: .2em;
}

.btn.btn-red { background-color: hsla(0, 65%, 92%, 1); color: hsla(0, 65%, 15%, 1); }
.btn.btn-red.active,
.btn.btn-red:active,
.btn.btn-red:focus,
.btn.btn-red:hover { background-color: hsla(0, 65%, 86%, 1); color: hsla(0, 65%, 15%, 1); }
.btn.btn-red:disabled,
.btn.btn-red:disabled:focus,
.btn.btn-red.disabled,
.btn.btn-red.disabled:active,
.btn.btn-red.disabled:focus,
.btn.btn-red.disabled:hover { background-color: hsla(0, 65%, 92%, 1); color: hsla(0, 30%, 70%, 1); }

.btn.btn-green { background-color: hsla(105, 65%, 92%, 1); color: hsla(105, 65%, 15%, 1); }
.btn.btn-green.active,
.btn.btn-green:active,
.btn.btn-green:focus,
.btn.btn-green:hover { background-color: hsla(105, 65%, 86%, 1); color: hsla(105, 65%, 15%, 1); }
.btn.btn-green:disabled,
.btn.btn-green:disabled:focus,
.btn.btn-green.disabled,
.btn.btn-green.disabled:active,
.btn.btn-green.disabled:focus,
.btn.btn-green.disabled:hover { background-color: hsla(105, 65%, 92%, 1); color: hsla(105, 30%, 70%, 1); }

.btn.btn-blue { background-color: hsla(210, 80%, 92%, 1); color: hsla(210, 80%, 15%, 1); }
.btn.btn-blue.active,
.btn.btn-blue:active,
.btn.btn-blue:focus,
.btn.btn-blue:hover { background-color: hsla(210, 80%, 86%, 1); color: hsla(210, 80%, 15%, 1); }
.btn.btn-blue:disabled,
.btn.btn-blue:disabled:focus,
.btn.btn-blue.disabled,
.btn.btn-blue.disabled:active,
.btn.btn-blue.disabled:focus,
.btn.btn-blue.disabled:hover { background-color: hsla(210, 80%, 92%, 1); color: hsla(210, 30%, 70%, 1); }

/**/
/**/
/**/
/**/
/* ------ custom elements styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    background: transparent;
    border: none;
    margin: 0;
    font-size: 95%;
}
.code-string { color: green; }
.code-number { color: darkorange; }
.code-boolean { color: blue; }
.code-null { color: magenta; }
.code-key { color: red; }

.bg-inactive { background-color: rgba(240,192,192,.4); }

.hide { display: none!important; }
.hidden { display: none!important; }
.filter.hidden { display:block!important; visibility: hidden; height: 0; }
.contextmenu-icon { margin-right: 10px; }

.messages-count-label {
	font-weight: 700;
	font-size: .85em;
}

a.btn-minimize-sidebar {
	font-size: 1.4rem;
	line-height: 1rem;
	padding: .3rem;
	margin: 0 .3rem 0 0;
	color: #888;
}
a.btn-minimize-sidebar:hover,
a.btn-minimize-sidebar:focus,
a.btn-minimize-sidebar:active {
	color: #555;
}

/**/
/**/
/**/
/**/
/* ------ Query Builder styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.query-builder .rules-group-container {
	width: 100%;
}

.query-builder .rule-value-container {
    border: none;
    padding: 0;
}

.query-builder .rule-value-container input[type=number],
.query-builder .rule-value-container input[type=text],
.query-builder .rule-value-container select {
    padding: .375rem .75rem;
    max-width: 1100px;
    text-overflow: ellipsis;
}

.query-builder .rule-value-container label {
    display: inline-block!important;
}

.query-builder .rules-group-container {
    border: 1px solid rgba(200,200,200,.5);
    background: rgba(240,240,240,.5);
}

.query-builder .rule-container,
.query-builder .rule-placeholder,
.query-builder .rules-group-container {
    position: relative;
    margin: 4px 0;
    padding: 7px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 3px;
    background: rgba(240,240,240,.2);
}
.query-builder .btn {
    white-space: nowrap;
}
/**/
/**/
/**/
/**/
/* ------ Batch styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.batch-log {
	background-color: transparent;
	border: none;
	margin: 10px 0 5px 0;
}

/**/
/**/
/**/
/**/
/* ------ Chart styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/



/**/
/**/
/**/
/**/
/* ------ Drop zone styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.dropzone {
	min-height: 140px;
    border: 1px dashed #1ab394;
    background: url(../../images/stripes_o8.png) repeat;
    padding: 20px 20px;
    font-size: 18px;
    text-align: center;
}
.dropzone.hover {
    border: 1px solid #1ab394;
}

.dropzone-log {
	background-color: transparent;
	border: none;
	margin: 1em .3em .6em .3em;
}

/**/
/**/
/**/
/**/
/* ------ Form styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

form label {
	margin-bottom: 0 !important;
	/*font-weight: 400 !important;*/
}
form label.error {
    color: red;
}

.form-check-group label,
.form-radio-group label,
.form-check label {
	margin-right: 1em;
    cursor: pointer;
}
/*
.form-horizontal {
	margin-top: 5px;
	margin-bottom: 5px;
}
*/
.form-line {
    border-top: 1px dashed #3d464e;
    color: #999;
    background-color: #999;
    height: 1px;
    margin: 20px 0;
}

.form-group { margin: 5px 0; }
.form-field {
    margin: 5px;
}
.no-margin .form-field {
    margin: 0;
}
.form-field>.widget-content {
    margin: 0 -5px;
}
.no-padding .igroup-content {
    padding: 6px 0;
}
.form-radio-group.valid-feedback, .form-radio-group.invalid-feedback, .form-check-group.valid-feedback, .form-check-group.invalid-feedback {
    display: block;
    font-size: inherit;
}
.form-radio-group.valid-feedback, .form-check-group.valid-feedback {
    color: inherit;
}
.form-radio-group.disabled label span, .form-check-group.disabled label span {
    font-style: italic;
    color: #6c757d;
}
a[disabled] {
    color: #6c757d;
    font-style: italic;
}
.form-control-250px { max-width: 250px; }
.text-right { text-align: right; }

.full-width { width: 100%; }
.form-label { margin: 7px 0 0 0; }
.field-label { margin: 0; padding: .375rem .75rem; }
.field-label-field { margin: 0; padding: calc(0.375rem + 1px) 0; }
.field-label-field[disabled] {
    color: #6c757d;
    font-style: italic;
}
.input-group>.field-label-field {
    flex: 1 1 auto;
    border: 1px solid #eee;
    border-radius: 5px 0 0 5px;
    width: 1% !important;
    padding-left: 0.75rem;
}

input[type="text"]::-webkit-input-placeholder {
    text-transform: none;
    color: #999;
}
.mark, mark {
    padding: 1px 3px 2px 3px;
    background-color: #fcf8e3;
    margin: 0 -3px 0 -3px;
}
@-moz-document url-prefix() {
    .mark, mark {
        padding: 2px 3px 1px 3px;
    }
}
/**/
/**/
/**/
/**/
/* ------ Grid-widget styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.code-nowrap {
	white-space: nowrap;
}
.grrow {
    display: flex;
    flex-direction: row;
}
.grcol {
    flex: auto;
    max-width: 100%;
}
.grcol-auto {
    width: auto;
    max-width: 30%;
}
.grcol-auto .dtr-details td {
    vertical-align: top;
}
.grid-panel {
    overflow-y: auto;
    position: sticky;
    top: 46px;
}
.grid-panel table {
    margin-top: 6px;
    border: 1px solid #e0e0e0;
}
.grid-panel-overlaps {
    position: sticky;
    top: 100px;
    z-index: 100;
}
.grid-panel-overlaps table.dtr-details {
    margin-top: 6px;
    border: 1px solid #e0e0e0;
    position: absolute;
    right: 0;
    background-color: white;
    box-shadow: 0 0 3px #00000088;
    width: 30vw;
}
.grid-panel-overlaps table.dtr-details td:first-child {
    white-space: nowrap;
}
table.dataTable.dtr-inline.dtr-panel-hidden>tbody>tr>td:first-child:before {
    content: ">";
}
table.dataTable.dtr-inline.dtr-panel-displayed>tbody>tr>td:first-child:before {
    content: ">";
}
table.dataTable.dtr-inline.dtr-panel-displayed>tbody>tr.selected>td:first-child:before {
    content: "<";
    background-color: #d33333;
}
table.dataTable.dtr-inline.dtr-jpanel-hidden>tbody>tr>td:first-child:before {
    content: "☐";
    padding-left: 1px;
    font-size: 80%;
}
table.dataTable.dtr-inline.dtr-jpanel-displayed>tbody>tr>td:first-child:before {
    content: "☐";
    padding-left: 1px;
    font-size: 80%;
}
table.dataTable.dtr-inline.dtr-jpanel-displayed>tbody>tr.dtr-show>td:first-child:before {
    content: "☐";
    padding-left: 1px;
    font-size: 80%;
    background-color: #d33333;
}

/**/
/**/
/**/
/**/
/* ------ HTML-widget styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.html-widget-container {
	background-color: transparent;
	border: none;
}

/**/
/**/
/**/
/**/
/* ------ Interface-widget styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.intf-actions-container {
	margin: -10px 0 5px 0;
	background-color: transparent;
	border: none;
	text-align: right;
}
.intf-action-container {
	margin: 0 5px;
	display: inline-block;
	background-color: inherit;
	border: none;
}

@media (max-width: 768px) {
	.intf-actions-container {
		margin: 0;
	}
}

/**/
/**/
/**/
/**/
/* ------ List styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.list-item {
	padding: .2em .5em;
}

.list-item.selected {
	background-color: hsla(205, 12%, 85%, 1);
}

/**/
/**/
/**/
/**/
/* ------ Tree styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.jstree-container {
	padding: 5px;
    position: static;
    top: 110px;
	overflow: auto;
}
.jsPanel-content .jstree-container {
    overflow: inherit;
}

.jstree-default .jstree-clicked {
    background: #b6d2ef;
    box-shadow: inset 0 0 1px #222;
}
.jstree-default .jstree-hovered {
    background: #d3e4f5;
    box-shadow: inset 0 0 1px #222;
}
.jstree-highlighted {
    background: #b6efde;
    box-shadow: inset 0 0 1px #222;
}
.jstree-default .jstree-anchor {
    overflow: hidden;
}
.jstree-default .jstree-anchor {
    box-shadow: none;
}
.jstree-grid-wrapper .jstree-default .jstree-anchor {
    width: 100%;
}
.lost-parent {
	color: gray;
	font-style: italic;
}
/**/
/**/
/**/
/**/
/* ------ Wizard styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.steps {
    margin: -5px -5px 10px -5px;
    font-size: 13px;
}
.steps .step {
    padding: 8px;
    margin-bottom: 2px;
    text-decoration: none;
    border-radius: 5px;
    background: rgba(0,0,0,.2);
    color: #ccc;
    cursor: default;
    transition: all 0.3s ease;
}
.steps .step.step-current {
    background: rgba(255,255,255,.2);
    color: white;
}

@media (max-width: 768px) {
	.steps {
	    margin: 0px 0px 5px -5px;
	}
}

/**/
/**/
/**/
/**/
/* ------ DataTables custom styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.dataTables_wrapper {
	margin-bottom: 2px;
	padding: 0;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

tr th {
	padding: 4px 7px 3px 7px;
	margin: 0;
    background: #fff;
	font-size: 14px;
	font-weight: 600;
	min-width: 50px;
	word-wrap: break-word;
    overflow-wrap: break-word;
}
tr td {
	padding: 4px 7px 3px 7px;
	cursor: default;
	font-weight: normal;
	min-width: 50px;
	word-wrap: break-word;
    overflow-wrap: break-word;
}
.dataTables tbody tr { min-height: 30px; }

.table-bordered > thead > tr > th { text-align: left; }
.table-bordered > tfoot > tr > th { font-weight: 600; }

img.alignLeft { float: left; }
img.alignRight { float: right; }
img.alignCenter {
    display:block;
    margin-left: auto;
    margin-right: auto;
}
tr td.alignLeft, tfoot > tr > th.alignLeft { text-align: left; }
tr td.alignRight, tfoot > tr > th.alignRight { text-align: right; }
tr td.alignCenter, tfoot > tr > th.alignCenter { text-align: center; }

.table-bordered > thead > tr > th.headerAlignLeft { text-align: left; }
.table-bordered > thead > tr > th.headerAlignRight { text-align: right; }
.table-bordered > thead > tr > th.headerAlignCenter { text-align: center; }

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

table.dataTable tbody tr { background-color: white; font-size: small; }
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd { background-color: #faf9f9; }
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover,
table.dataTable.stripe tbody tr.odd:hover,
table.dataTable.display tbody tr.odd:hover { background-color: #f5f5f5; }
table.dataTable tbody tr.selected,
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected,
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected { background-color: hsla(205, 12%, 85%, 1); }

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 0;
    content: "\25B2" / "";
    bottom: 50%;
    font-size: 0.8em;
    line-height: 1.1em;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0;
    content: "\25BC"/"";
    top: 50%;
    font-size: 0.8em;
    line-height: 1.1em;
}

span[data-sort-index]::before {
    content: attr(data-sort-index);
    position: absolute;
    right: 1em;
    font-size: 0.75em;
    top: 50%;
    margin-top: -0.55rem;
}
.dataTables_scrollBody span[data-sort-index]::before {
    display: none;
}

table.dataTable thead .hide-sorting:after,
table.dataTable thead .hide-sorting:before {
    display: none;
}

table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before {
    text-indent: -0.5px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    background-color:#337ab7
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    background-color:#d33333
}

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
	border-top-width: 0px;
    border-bottom-width: 0px;
}

.dataTables_scrollHeadInner>.table-bordered > thead > tr > td,
.dataTables_scrollHeadInner>.table-bordered > thead > tr > th {
    border-top-width: 0px;
    border-bottom-width: 1px;
}

table.dataTable {
    /*border-collapse: collapse !important;*/
}

table.dataTable tr td {
    height: 20px;
    position: relative;
}
table.dataTable tr td .right-top-corner {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
}
table.dataTable tr td .left-top-corner {
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
}

@supports not (-ms-high-contrast: none) {
   div.dataTables_wrapper div.dataTables_processing {
        position: sticky;
        bottom: 30px;
        margin: -69px auto 2px auto;
        left: unset;
        height: 63px;
        width: 200px;
        padding: 1.5em 0;
        z-index: 201;
    }
}
.dataTables_processing {
	background-color: rgba(0,0,0,0.4);
	color: white;
	border-style: none;
}
.dataTables_info {
	display: inline;
	text-align: center;
	vertical-align: middle;
	padding: .4em 0;
	line-height: 1.5;
	border: 1px solid transparent;
}
.dataTables_info .sort-warning {
    color: red;
}
.DTCR_clonedTable.w-100 {
    width: auto !important;
}
.clear-state {
    display: inline-block;
}
.clear-state i {
    cursor: pointer;
    padding-left: 8px;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.link_as_text {
    text-decoration: none;
    color: #676a6c;
}
details.noarrow summary::marker {
    color: transparent;
    font-size: 1px;
    display: none;
}
details.noarrow summary::-webkit-details-marker {
    display: none;
}
.body.modal-open {
    overflow: auto;
}
body.modal-open[style] {
    padding-right: 0px !important;
}

.modal::-webkit-scrollbar {
    width: 0 !important; /*removes the scrollbar but still scrollable*/
    /* reference: http://stackoverflow.com/a/26500272/2259400 */
}
.line-error {
    background: #FBC2C4 !important;
    color: #8a1f11 !important;
}
.word-error {
    color: red !important;
}
.query-result {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    margin-right: 15px;
    z-index: 100;
    overflow: auto;
}
.query-result .result {
    margin: 8px;
}
.query-settings {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 15px;
    z-index: 100;
    overflow: auto;
}
/**/
/**/
/**/
/**/
/* ------ Callouts ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    background-color: #fff;
    border: none;
    border-radius: 3px;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left: 5px solid #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left: 5px solid #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left: 5px solid #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left: 5px solid #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left: 5px solid #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left: 5px solid #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

/**/
/**/
/**/
/**/
/* ------ spinner styles ------------------------------------------------------------------ */
/**/
/**/
/**/
/**/

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    width: 1em;
    line-height: inherit;
}
.fa-stack {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 2em;
    margin: -10px 0 -7px 0;
}
.fa-rotate-by {
    transform: rotate(var(--fa-rotate-angle, 0));
}
.sidebar-menu .fa-stack {
    width: 20px;
    margin-left: -4px;
    margin-right: 4px;
}
.fa-spin-8-steps { animation: fa-spin 1s steps(8) infinite; }

.fa-custom-text {
    /*position: relative;*/
    display: inline-block;
    /*vertical-align: middle;*/
    width: 1em;
    height: 1em;
    /*margin: -10px 0 -7px 0;*/
}

.fa-custom-text:before {
    content: attr(data-custom-text);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
}
.fa-stack-small.fa-custom-text:before {
    font-weight: 900;
}
.jstree-icon .fa-stack {width: 24px;display: inline-block;}

.jstree-icon .fa-stack .fa-stack-2x {left: 0;}

.processing-spinner {
	background-color: transparent;
	border: none;
	position: fixed;
    top: 50%;
    left: 50%;
    width: 60px;
    margin-left: -30px;
    margin-top: -30px;
    text-align: center;
    padding: 5px 0;
    z-index: 7000;
}
.loader {
  position: relative;
  margin: 0 auto;
  width: 50px;
}
.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: square;
}

.modal-test-result {
    z-index: 4050;
}
.modal {
    z-index: 4000;
}
.modal-reinit {
    left: 0;
    position: absolute;
}
.modal-alignable {
    /*left: 20px;*/
    /*position: absolute;*/

}
.modal-draggable {
    /*left: 20px;*/
    /*position: absolute;*/
    cursor: move;
}
.modal-resizeable {
    position: absolute;
    right: -2px;
    bottom: -2px;
    cursor: se-resize;
}
.modal-left {
    order: -1;
}
.modal-left:last-of-type {
    margin-right: auto !important;
}
.align-left .modal-dialog {
    margin: 1.75rem auto 1.75rem 1.75rem;
}
.align-right .modal-dialog {
    margin: 1.75rem 1.75rem 1.75rem auto;
}

.revision {
    position: fixed;
    right: 0;
    bottom: 0;
    font-size: 8pt;
    padding: 0 8px;
    z-index: 100;
    pointer-events: none;
}
.grayed-check-input {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
input[type="checkbox"], input[type="radio"] {
    cursor: pointer;
}
input[type="checkbox"][readonly], input[type="radio"][readonly] {
    pointer-events: none;
}
.hidden-check-input {
    pointer-events: none;
    visibility: hidden;
}
.hidden-check-label {
    margin-left: -1.25rem;
    pointer-events: none;
}

.datepicker tr th, .datepicker tr td {
    min-width: auto;
    min-height:auto;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    color: #e2e2e2;
}
td.dt-center {
    text-align: center;
}
td.dt-center .form-check {
    padding-left: 0;
}
td.dt-center .form-check-input {
    margin-left: 0;
}
@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #40b750;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}
meter {
    opacity: 0.7;
}
.chart-map {
    width: 100%;
    height: 100%;
}
.chart-table {
    width: 100%;
/*    min-height: 600px;*/
    position: relative;
}
.chart-col-wide {
    width: 100%;
}
.chart-col-high {
    height: 100%;
}
.chart-inner-container {
    height: 1px;
    /*min-height: 600px;*/
}
.chart-inner-table {
    height: 100%;
    width: 100%;
}
.chart-table td {
    min-width: 0px;
    padding: 0;
}
.chart-data {
    padding: 5px 10px;
    background-clip: padding-box;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .25);
    background-color: #ffffff;
    font-size: 10pt;
}
.chart-legend {
    padding: 5px 10px;
    background-clip: padding-box;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.25);
    background-color: #ffffff;
    margin-bottom: 8px;
}
.chart-info {
    padding: 5px 10px;
    background-clip: padding-box;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.25);
    background-color: #ffffff;
    margin-bottom: 8px;
    min-width: 30em;
}
.chart-static {
    padding: 5px 10px;
    background-clip: padding-box;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.25);
    background-color: #ffffff;
    margin-bottom: 8px;
    min-width: 30em;
}
.chart-table .lb {
    position: absolute;
    left: 8px;
    bottom: 8px;
}
.chart-table .lc {
    position: absolute;
    left: 8px;
    top: 8px;
    bottom: 8px;
}
.chart-table .lt {
    position: absolute;
    left: 8px;
    top: 8px;
}
.chart-table .rb {
    position: absolute;
    right: 8px;
    bottom: 8px;
}
.chart-table .rc {
    position: absolute;
    right: 8px;
    top: 8px;
    bottom: 8px;
}
.chart-table .rt {
    position: absolute;
    right: 8px;
    top: 8px;
}
.legend-item-row {
    display: table-row;
}
.legend-item-cell {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 8px;
}
.legend-item-color {
    width: 18px;
    height: 18px;
    border-radius: 3px
}
.legend-item-desc {
    line-height: 1.4;
    padding-left: 1em;
    font-size: 10pt;
}

.audit-checks .check {
    height: 2rem;
    border: 1px solid #f3f3f3;
    cursor: pointer;
}
.audit-checks .selected {
    background-color: #b6d2ef;
}
.audit-checks .hovered {
    background-color: #d3e4f5;
}
.audit-checks .icon {
    float: left;
    margin-right: 1rem;
    margin-top: .25rem;
}
.audit-result {
    overflow-x: auto;
}
.jsPanel, .jsPanel .jsPanel-content {
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
}
#jsPanel-replacement-container, .jsPanel-minimized-box, .jsPanel-minimized-container {
    z-index: 5000;
}
.select2-container .select2-selection--single .select2-selection__clear {
    visibility: hidden;
}
.select2-container:hover .select2-selection--single .select2-selection__clear {
    visibility: visible;
}
.select2-container--bootstrap.select2-container--disabled .select2-search__field, .select2-container--bootstrap.select2-container--disabled .select2-selection {
    cursor: default;
    color: #6c757d;
    font-style: italic;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #6c757d;
}
.select2-results__option .select2-results__options li {padding-left: 2rem !important;}

.select2-container--bootstrap .select2-results__option[aria-disabled=true] {color: #ccc;}

.select2-container--bootstrap .select2-results__group {font-size: inherit !important; font-weight: normal; font-style: italic;}

.input-group>.select2-container--bootstrap {
    flex: 1 1 auto;
    width: 1% !important;
}
.input-group>.ace_editor {
    flex: 1 1 auto;
    width: 1% !important;
}
.input-group>.CodeMirror {
    flex: 1 1 auto;
    width: 1% !important;
}
.test-delimiter-text {
    font-style: italic;
}
.test-result-text {
    color: black;
}
.test-result-text:empty {
    display: none;
}
:-webkit-full-screen .ibox-content {
    height: 100%;
}
:-moz-full-screen .ibox-content {
    height: 100%;
}
:-ms-fullscreen .ibox-content {
    height: 100%;
}
:fullscreen .ibox-content {
    height: 100%;
}
:-webkit-full-screen .chart-table {
    height: 100%;
}
:-moz-full-screen .chart-table {
    height: 100%;
}
:-ms-fullscreen .chart-table {
    height: 100%;
}
:fullscreen .chart-table {
    height: 100%;
}
:-webkit-full-screen .chart-table svg{
    height: 100% !important;
}
:-moz-full-screen .chart-table svg{
    height: 100% !important;
}
:-ms-fullscreen .chart-table svg{
    height: 100% !important;
}
:fullscreen .chart-table svg{
    height: 100% !important;
}
.jsPanel {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #676a6c;
 }
.jsPanel .jsPanel-hdr {
    font-family: Arial, Helvetica, sans-serif;
    color: inherit;
}
.jsPanel .jsPanel-content {
    font-family: Arial, Helvetica, sans-serif;
    color: inherit;
}
.jsPanel .jsPanel-content pre {
    color: inherit;
}
.jsPanel .jsPanel-ftr {
    color: inherit;
}
.jsPanel .jsPanel-ftr.active {
    color: inherit;
}
.jsPanel-titlebar {
 }
.jsPanel-titlebar .jsPanel-title {
    font-variant: none;
    font-weight: bold;
    color: inherit;

}
.jsPanel-titlebar .jsPanel-title small {
    color: inherit; }

.jsPanel-content .ibox-content {
    height: 100%;
}
.jsPanel-content .ibox-content .jstree-container {
    height: 100%;
}
.jsPanel-title .ibox-tools {
    display: none;
}
.jsPanel-title .ibox-title {
    padding: 0.6em 0.6em 0 0.1em;
}
.jsPanel-title h5 {
    margin-bottom: 0;
}
.jsPanel-content .ibox-hidden {
    display: block;
}

.pin-link {
    cursor: pointer;
}
.pagination {
    flex-wrap: wrap;
}
.jstree-grid-cell.jstree-clicked {
    box-shadow: none;
    border-radius: 0;
}
.jstree-grid-cell {
    cursor: pointer;
}
.jstree-grid-cell .form-check {
    padding-top: 0;
}
.jstree-grid-column.alignLeft .jstree-grid-cell { text-align: left; }
.jstree-grid-column.alignRight .jstree-grid-cell { text-align: right; }
.jstree-grid-column.alignCenter .jstree-grid-cell { text-align: center; }

.jstree-grid-column.alignLeft .jstree-grid-header { text-align: left; }
.jstree-grid-column.alignRight .jstree-grid-header { text-align: right; }
.jstree-grid-column.alignCenter .jstree-grid-header { text-align: center; }

.modal .leaflet-zoom-box { z-index: 4800;}
.modal .leaflet-pane         { z-index: 4400; }
.modal .leaflet-tile-pane    { z-index: 4200; }
.modal .leaflet-overlay-pane { z-index: 4400; }
.modal .leaflet-shadow-pane  { z-index: 4500; }
.modal .leaflet-marker-pane  { z-index: 4600; }
.modal .leaflet-tooltip-pane   { z-index: 4650; }
.modal .leaflet-popup-pane   { z-index: 4700; }
.modal .leaflet-map-pane canvas { z-index: 4100; }
.modal .leaflet-map-pane svg    { z-index: 4200; }

table.dataTable>tbody>tr.child ul.dtr-details li {
    border: none;
}
table.dataTable>tbody>tr.child:hover{
    background-color: #f5f5f5 !important;
}
table.dataTable>tbody>tr.selectedchild{
    background-color: #d4dadd !important;
}
table.dataTable>tbody>tr.selectedchild:hover{
    background-color: #d4dadd !important;
}

.form-control-feedback {
    margin-top: .25rem;
    display: block;
}
.ctrl-visible, .alt-visible {
    display: none;
}
.ctrl-visible.ctrl-show, .alt-visible.alt-show {
    display: inherit;
}
.frozen {
    animation: blinker 0.8s linear infinite;
}
.multi-container {
    flex: 1 1 auto;
    width: auto;
}
.multi-group {
    flex: 1 1 auto;
    width: auto;
}
.multi-group-disabled {
    pointer-events: none;
}
.multi-group-disabled .btn {
    background-color: #eee;
}
.datepicker-dropdown {
    z-index: 1050 !important;
}
.modal .datepicker-dropdown {
    z-index: 4050 !important;
}
.modal .leaflet-top, .modal .leaflet-bottom {
    z-index: 5000;
}
@keyframes blinker {
    50% {
        opacity: 0.4;
    }
}
@supports not (-ms-high-contrast: none) {
    .sticky-content {
        position: sticky !important;
        z-index: 200;
    }
    .sticky-table {
        z-index: 100;
    }
    table.sticky-content th {
        position: sticky !important;;
        z-index: 200;
    }
    .sticky-content > .ibox > .ibox-title {
        position: sticky !important;;
        z-index: 200;
    }
    .sticky-content .ibox.disabled *, .sticky-content .nobox.disabled * {
        background-color: #f4f4f4;
    }
}
.grid-toolbox.sticky-content {
    z-index: 150;
}
.dataTables_scrollHead.sticky-content {
    z-index: 140;
}
.i-base { font-size: 51px;
    position: relative;
    bottom: 0;
    transform: translate(-50%, -100%);
    margin: 0 50%; }
.i-circle {
    color: white;
    width: 100%;
    top: 0.135em;
    right: 0;
    font-size: 58%;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 auto; }
.i-icon {     position: absolute;
    left: 0;
    right: 0;
    font-size: 38%;
    bottom: 0;
    top: 18%;
    margin: 0 auto; }
.i-shadow {         position: absolute;
    left: -15%;
    text-shadow: 0px 0px 20px rgb(0 0 0 / 40%);
    color: transparent;
    top: 92%;
    transform: scale(0.7,0.15);
    right: 0;
    bottom: 0;
    margin: 0 auto;
    font-size: 90%; }
.i-text {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 16%;
    bottom: 0;
    top: 63%;
    margin: 0 auto;
    color: white;
    text-shadow: 0px 0px 1px white;
    text-align: center;
    font-family: monospace;
    font-weight: bold;
}
table.dataTable>thead>tr>th:not(.sorting_disabled), table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 0;
}
.fade {
    transition: opacity 50ms linear;
}
.invalid-grid-message {
    color: #dc3545;
}
em.error {
    color: #dc3545;
}
.validation-inline em.error:not(:empty) {
    color: #dc3545;
    position: absolute;
    top: -0.7em;
    font-size: 90%;
    background-color: white;
    left: 1.5em;
    padding: 0 0.375em 2px;
    z-index: 3;
    line-height: 1.125em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80%;
    border-radius: 5px;
    box-shadow: -3px -1px 4px #00000033;
}
.validation-inline .select2:hover ~ em.error, .validation-inline input:hover ~ em.error, .validation-inline em.error:hover {
    max-width: none;
    text-overflow: inherit;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    background-image: none;
}

.dataTable tr:not(.selected) .select2-selection {
    border: none;
    box-shadow: none;
    background-color: transparent;
}
.selection .dd-visible {
    display: none;
}
.select2-dropdown .dd-visible {
    font-size: 80%;
}
.ck.ck-balloon-panel {
    z-index: 4100 !important;
}
.ck.ck-editor {
    width: 100%;
    height: 190px;
}
.input-group>.ck.ck-editor {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
}
.ck-editor__editable_inline {
    min-height: 150px;
}

.input-group>.CodeMirror {
    position: relative;
    flex: 1 1 auto;
    width: auto;
}

textarea.is-invalid ~ .ck>.ck>.ck-content {
    border: 1px solid #dc3545;
}
/* nav & accordion*/

.ui-accordion {
    margin: -3px 3px 18px 3px;
}

.ui-accordion .ui-accordion-header {
    line-height: 1.5;
    font-size: 14px;
}

.ui-accordion .ui-accordion-content {
    padding: 8px 10px;
}
.ui-accordion-header-active {

}

.ui-accordion-header-collapsed {
    color: #495057;
    border-color: #dee2e6;
}

.nav-tabs, .nav-pills {
    margin-left: 2px;
    margin-right: 3px;
}
.nav-tabs {
    border: none;
    z-index: 1;
    position: relative;
}
.nav-pills {
    margin-bottom: 4px;
}
.nav-tabs .nav-link, .nav-pills .nav-link {
    color: #495057;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: #dee2e6 #dee2e6 transparent #dee2e6;
}
.nav-tabs .nav-link.active, .nav-pills .nav-link.active {
    border-right-width: 2px;
    border-bottom: none;
}
.nav-tabs .nav-link.notenabled, .nav-pills .nav-link.notenabled {
    color: #a0a0a0;
}
.nav-tabs .nav-link.active.notenabled, .nav-pills .nav-link.active.notenabled {
    background-color: #f4f4f4;
    background-image: none;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-image: linear-gradient(to right bottom, rgba(25,170,141,.7), rgba(21,140,116,.7));
    background-color: transparent;
}
.nav>.nav-item>.nav-link>.nav-label {
    display: inline-block;
}
.nav-tabs .nav-link.invalid, .nav-pills .nav-link.invalid {
    color: #dc3545;
}
.direction-vertical {
    display: flex;
}
.direction-vertical>.tab-content {
    width: 100%;
}
.direction-vertical>.nav-tabs, .direction-vertical>.nav-pills {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    white-space: nowrap;
}

.direction-vertical>.nav-tabs .nav-item {
    margin-right: -3px;
    margin-bottom: 0;
}
.direction-vertical>.nav-tabs {
    margin-top: 2px;
    margin-bottom: 3px;
    margin-left: 0;
    margin-right: 0;
    z-index: 1;
}
.direction-vertical>.nav-tabs .nav-item.show .nav-link, .direction-vertical>.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 transparent #dee2e6 #dee2e6;
}

.direction-vertical>.nav-tabs .nav-link.active.notenabled {
    background-color: #f4f4f4;
}
.direction-vertical>.nav-tabs .nav-link.notenabled {
    color: #a0a0a0;
}
.direction-vertical>.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.position-right.direction-vertical>.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.position-right.direction-vertical>.nav-tabs .nav-item {
    margin-left: -3px;
    margin-bottom: 0;
}
.position-right.direction-vertical>.nav-tabs .nav-item.show .nav-link, .position-right.direction-vertical>.nav-tabs .nav-link.active {
    border-color: #dee2e6 #dee2e6 #dee2e6 transparent;
}

.position-bottom>.nav-tabs {
    margin-top: -18px;
    z-index: 1;
    margin-bottom: 18px;
    position: relative;
}
.position-bottom>.nav-pills {
    margin-top: -14px;
    z-index: 1;
    margin-bottom: 14px;
    position: relative;
}
.position-bottom>.nav-tabs .nav-item.show .nav-link, .position-bottom>.nav-tabs .nav-link.active {
    border-color: transparent #dee2e6 #dee2e6 #dee2e6;
}
.position-bottom>.nav-tabs .nav-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.position-bottom>.nav-tabs .nav-item {
    margin-top: -1px;
}

.nav-tabs .nav-link:hover {
    border-color: #dee2e6 #dee2e6 transparent #dee2e6;
}

.position-bottom>.nav-tabs .nav-link:hover {
    border-color: transparent #dee2e6 #dee2e6 #dee2e6;
}

.direction-vertical>.nav-tabs .nav-link:hover {
    border-color: #dee2e6 transparent #dee2e6 #dee2e6;
}
.position-right.direction-vertical>.nav-tabs .nav-link:hover {
    border-color: #dee2e6 #dee2e6 #dee2e6 transparent;
}


.ui-state-active .ui-icon, .ui-button:active .ui-icon {
background-image: url(../../resources/css/images/ui-icons_444444_256x240.png);
}
.group-table {
    display: table;
    width: 100%;
}
.group-row {
    display: table-row;
}
.group-col {
    display: table-cell;
}

/* common markdown styles */
.markdown {}
.markdown p {
    margin: 0;
}

.markdown-marked {}
.markdown-showdown {}
.markdown-markdown-it {}


.js-crop-grid tr td {
    padding: 0;
    min-width: auto;
    overflow-wrap: inherit;
}
.js-crop-image-holder > .js-crop-grid-holder {
    box-shadow: none;
    transition: none;
}
.js-crop-image-holder > .js-crop-grid-holder > .js-crop-grid {
    border: dashed 1px #888888;
    box-shadow: none;
}
.js-crop-image-holder > .js-crop-grid-holder > .js-crop-grid > tbody > tr > td {
    border: dashed 1px #888888;
    box-shadow: none;
}
.js-crop-image-holder > .js-crop-grid-holder > .js-crop-resizer.js-crop-handle {
    background-color: #000000;
}
.crop-canvas-container { display: inline-block; /*outline: dashed 1px #808080;*/ }

.hr {
    display: flex;
    align-items: center;
    text-align: center;
}
.hr::before,
.hr::after {
    content: '';
    flex: 1;
    border-bottom: 2px dotted #dee2e6;
}
.hr:not(:empty)::before {
    margin-right: .5em;
}
.hr:not(:empty)::after {
    margin-left: .5em;
}
.DTCR_pointer, .DTCR_clonedTable {
    z-index: 4000 !important;
}
details.inline, details.inline summary.inline {
    display: inline;
}
details[open] span.hide-open-details {
    display: none;
}
details[open]>summary.hide-open-details {
    display: none;
}
.translate-ru {
    background: linear-gradient(rgba(255, 255, 255, 0.4) 33%, rgba(0, 34, 255, 0.4) 34%, rgba(0, 34, 255, 0.4) 66%, rgba(255, 0, 0, 0.4) 67%, rgba(255, 0, 0, 0.4) 100%) no-repeat center right;
    background-size: 0.2em 2em;
}

/* end markdown styles */

/*
meter::-webkit-meter-bar {
    background: #EEE;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2) inset;
    border-radius: 3px;
}

meter::-webkit-meter-optimum-value {
    background: #86CC00; / * Green * /
    border-radius: 3px;
}

meter::-webkit-meter-suboptimum-value {
    background: #FFDB1A; / * Yellow * /
    border-radius: 3px;
}

meter::-webkit-meter-even-less-good-value {
    background: #CC4600; / * Red * /
    border-radius: 3px;
}
*/
/*.widget-wrapper {
    border: 1px solid red;
    padding: 3px;
    margin: 3px;
}
.field-wrapper {
    border: 1px solid green;
    padding: 3px;
    margin: 3px;
}*/
.neon-visible {
    display: none;
}
.light-visible {
    display: none;
}
.railways-visible {
    display: none;
}