/*@import url('fonts/Source_Sans_Pro/font.css');*/

:root { 
	--header: #f2f2f2;
	--headerc: #000;
	--body: #e8e8e8;
	--bodyc: #000;
	--footer: #cccccc;
	--footerc: #000;

	--mheader: #e6e6e6;
	--mheaderc: #000;
	--mbody: rgba(0, 0, 0 ,0.2);
	--mbodyc: #000;
	--mfooter: #d9d9d9;
	--mfooterc: #000;
}

.f-bg-success {
	background-color: #dff0d8 !important;
}

html,body,button{
	font-size:14px;
}

html {
	background-color:var(--footer);
}
body {
	background-color: var(--body);
}
.content-wrapper{
    background-color: var(--body);
}
.container-fluid{
    background-color: var(--body);
}
#mmnavbar {
	background-color: var(--body)!important;
}
.x-main-sidebar {
  margin-bottom: -15000px; /* any large number will do */
  padding-bottom: 15000px; 
}
.wrapper{
	background-color: #343a40;
}

.content-wrapper {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.bg-loading {
    position: relative;
    pointer-events: none !important;
}

.bg-loading::before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    transform: translate(-50%, -50%);
    background-image: url("../../images/loading.svg");
    background-repeat: no-repeat;
    z-index: 99999;
}

.bg-loading > * {
    filter: blur(1px);
    opacity: 0.25;
}

.dataTables_processing {
    background-color: transparent !important;
}

.dataTables_filter {
    display: inline-block !important;
}

/* copied from components/mxt.css to override adminlte*/
@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}

.btn, .btn:hover, .btn:focus, .btn:active, .btn.active, .btn[disabled], .open>.dropdown-toggle.btn, .alert {
	/*border-color:transparent;*/
}
.form-control,.ui ,.ui .menu{
    border-radius: .15rem !important;
	border-color: var(--mbody)!important;
}
.form-control[name="comments"],.form-control[name="notes"],.form-control.comments, .comments{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 100%;
}

.card {
    /* border-bottom:1px solid lightgray; */
    border-radius: .15rem !important;
    box-shadow: none !important;
    padding:0px 10px 0px 10px;
	/*border-color: transparent;*/
    color: #343a40;
}
.card-header {
	border-bottom:1px solid orange;
    xfont-size: 145%;
	/* font-size: 14pt; */
	font-size: 12pt;
    /* background: none !important; */
	background: none;
    padding-left:10px !important;
}
.form-group label {
	/* font-size: 1.1em!important; */
	font-weight: 600 !important;
}

.filters.card .card-body {
	background-color: white;
}
.results.card .card-body {
	background-color: white;
}
.section .card-body {
	background-color: white;
}
.modal-header {
	border-bottom-color: transparent;
}
.modal-footer {
	border-top-color: transparent;
}
.modal-dialog .modal-header {
	background-color: var(--mheader);
	color: var(--mheaderc);
}
.modal-dialog .modal-footer {
	background-color: var(--mfooter);
	color: var(--mfooterc);
}
.modal-dialog .modal-body {
	/*background-color: var(--mbody);*/
    background-color: white;
}
.modal .nav-link {
    color:#007bff;
}
.modal .nav-link.disabled {
    color:#6c757d;
}

.main-header {
	border-bottom: 0;
}
.app-footer {
    background-color: var(--body);
	xbackground-color: var(--footer);
	color: var(--footerc);
	padding: 1rem 0;
	xmargin-top:2rem!important;
}

.nav-tabs[role='tablist'] {
	border-bottom-color: #dee2e6;
}
.nav-tabs[role='tablist'] .nav-item {
	margin-bottom: -2px;
}
.nav-tabs[role='tablist'] .nav-link {
	border-color: #dee2e6;
	background-color: #f8f9fa;
}
.nav-tabs[role='tablist'] .nav-link:hover {
	background-color: #fff;
}
.nav-tabs[role='tablist'] .nav-link.active {
	border-bottom-color: transparent;
	background-color: #fff;
}

.toasts-top-right {
	z-index: 9999;
}

.btn-tool {
	margin: 0;
}

.note-editor.note-frame.card {
	padding-left: 0;
	padding-right: 0;
}