@media (max-width: 767.98px) {

	.page-header-fixed {
		padding-top: 50px;
	}
	.page-without-sidebar .header .navbar-brand {
	    justify-content: normal;
	}
	.header .navbar-right {
	    display: none;
	}
	.d-xs-text-center {
		text-align: center!important;
	}
	.d-xs-hidden {
		display: none;
	}



}

@media (min-width: 991.98px) {

	.header .navbar-collapse {
	    display: none;
	}

    .modal-chart {
        max-width: 700px;
    }
}

@media (max-width: 575.98px) {
	.login.login-v1 .login-container .login-header .brand span {
		color: #8753de !important;
		font-size: 24px;
	}

}

.checkbox.checkbox-css input:checked+label:before {
    background: #8753de;
    border-color: #8753de;
}

.hidden
, [data-edit-mode="true"] .edit-mode-hidden
, [data-edit-mode="false"] .edit-mode-show
, [data-obj-owned="true"] .obj-owned-hidden
, [data-obj-owned="false"] .obj-owned-show
, [data-user-type="user"] .user-hidden {
	display: none !important;
}

body > :not(.pace)
, body:before
, body:after {
  -webkit-transition:opacity .4s ease-in-out;
  -moz-transition:opacity .4s ease-in-out;
  -o-transition:opacity .4s ease-in-out;
  -ms-transition:opacity .4s ease-in-out;
  transition:opacity .4s ease-in-out
}

.pace-running:not(.page-load-done) .content {
  opacity:0
}


.text-uppercase {
	text-transform: uppercase!important;
}
.btn-row .btn:not(:last-child) {
	margin-right: 5px;
}

.btn.refreshing .fa {
    animation: fa-spin 2s infinite linear;
}

.btn.refreshing .fa:before {
    content: "\f021";
}

.btn-inverse:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #8753de!important;
    border-color: #8753de!important;
}

.btn-inverse:focus
, .btn-inverse:hover {
    color: #fff !important;
}

.btn-danger
, .btn-danger:focus {
    color: #fff !important;
    background-color: #ff2924 !important;
    border-color: #ff2924 !important;
}

h1 form input {
	font-size: 20px !important;
}

.form-control:focus {
    border-color: #8753de !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(135, 83, 222,.25);
}


.ace-monokai
, .ace-tm {
	background-color: inherit;
}

.ace-monokai .ace_marker-layer .ace_selection {
    background: rgba(97, 100, 104, 0.35) !important;
}

.ace_editor.ace_autocomplete {
    background: #2f2f2f !important;
    color: #a9a9a9 !important;
    border: 1px #5b5b5b solid !important;
}

.ace_editor.ace_autocomplete .ace_completion-highlight {
    color: white !important;
    text-shadow: 0 0 0.01em;
}

.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
    background-color: #1b1b1b !important;
    z-index: 1;
}

.ace_editor.ace_autocomplete .ace_line-hover {
    border: 1px solid #5b5b5b !important;
    background: #1b1b1b !important;
}

.sql-container {
	min-height: 500px;
}


.sql-params label {
	font-weight: 600;
	color: #b6c2c9;
}
.sql-params .form-control
, .sql-name-input .form-control {
    border-color: #9E9E9E !important;
    background: rgba(255,255,255,.15);
    color: #fff;
}

.sql-params .form-control:focus
, .sql-name-input .form-control:focus {
    -webkit-box-shadow: 0 0 0.2rem rgba(255,255,255,.5);
    box-shadow: 0 0 0.2rem rgba(255,255,255,.5);
}

.parsley-error
, .parsley-error:focus {
    background: rgba(255,255,255,.15)!important;
    border-color: #ff5b57!important;
    color: #fff!important;
}

.parsley-errors-list {
    color: #ff5b57!important;
}

.parsley-success
, .parsley-success:focus {
    background: rgba(255,255,255,.15)!important;
    border-color: #32a932!important;
    color: #fff!important;
}

.jstree .jstree-container-ul .jstree-node .jstree-anchor
, .jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-clicked {
    background: none;
    color: inherit;
}


.card-title {
	text-transform: uppercase;
}


.gritter-info .gritter-close {
	border-left: 1px solid #49b6d6 !important;
}

.gritter-success .gritter-close {
	border-left: 1px solid #32a932 !important;
}

.gritter-warning .gritter-close {
	border-left: 1px solid #f59c1a !important;
}

.gritter-danger .gritter-close {
	border-left: 1px solid #ff5b57 !important;
}


.dataTable thead tr th.sorting_asc:after {
    content: '\f0de' !important;
    color: #8753de !important;
}

.dataTable thead tr th.sorting_desc:after {
    content: '\f0dd' !important;
    color: #8753de !important;
}

#saved-sql-table_filter.dataTables_filter {
    display: none !important;
}

.separator {
	height: 10px;
    z-index: 1020;
    padding: 10px 0;
    margin: 20px 0 10px 0;
    border-top: 1px solid #c6ced5;
    line-height: 20px;
    font-weight: 600;
    color: #4e5c68;
}

.table-header-dark {
	border: 2px solid;
}

.table-header-dark thead th {
    background-color: #2d353c !important;
    color: white;
}

.table-header-dark td
, .table-header-dark th {
    vertical-align: middle;
}


.dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button a
, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button a
, .dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button.disabled a
, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button.disabled a {
	color: #fff !important;
    background-color: #2d353c!important;
    border-color: #2d353c!important;
}

.dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button.active a
, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button.active a {
	color: #fff !important;
    background-color: #8753de!important;
    border-color: #8753de!important;
}

.dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button:not(.active) a:hover
, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button:not(.active) a:hover {
    color: #fff !important;
    background-color: #171b1f !important;
    border-color: #171b1f !important;
}

.modal-chart .modal-content {
    background: #2d353c;
    color: #fff;
}

.modal-chart .modal-header {
    border-bottom: none;
}

.modal-chart .modal-footer {
    border-top: none;
}

.alert.alert-danger {
    color: #000;
    background-color: #ff2924;
    border-color: #ff2924;
}

.alert.alert-success {
    color: #000;
    background-color: #268226;
    border-color: #268226;
}

.alert.alert-warning {
    color: #000;
    background-color: #d38109;
    border-color: #d38109;
}

.alert.alert-info {
    color: #000;
    background-color: #1c75c7;
    border-color: #1c75c7;
}