html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%}
body {
    padding:0!important;
    background:rgb(31, 41, 55);
    margin: 0;
}
body.loginform_body {
    padding:10vh!important;
    background:rgb(31, 41, 55);
    color:#FFF;
}



article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
a {
    background: 0 0;
}
a:active, a:hover {
    outline: 0;
}
b, strong {
    font-weight: 700;
}
dfn {
    font-style: italic;
}
h1 {
    margin: .67em 0;
}
mark {
    color: #000;
    background: #ff0;
}
sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -.5em;
}
sub {
    bottom: -.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
pre {
    overflow: auto;
}
code, kbd, pre, samp {
    font-size: 1em;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: 700;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td, th {
    padding: 0;
}



.navbar {
    margin:0;
}

.sidebar-offcanvas {
    padding:0;
    margin:0;
}
.sidebar-offcanvas ul {
    list-style: none;
    margin:0;
    padding:0;
}
.sidebar-offcanvas ul li {
    
}
.sidebar-offcanvas ul li ul {
     margin:0px;
     padding:8px;
}
.sidebar-offcanvas ul li a {
    
}
.sidebar-offcanvas ul li a span {
    float: right;
}
.sidebar-offcanvas ul li a i {
    margin-right:8px;
}

.sidebar-offcanvas .panel {
    padding:12px;
}

.panel-body {
    padding:8px;
}
.panel-primary {
    padding:8px;
    margin-bottom: 0;
    border:none;
}

.form-signin {
    max-width: 430px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin.checkbox, .form-signin.form-signin-heading {
    margin-bottom: 20px;
}
.form-signin.checkbox {
    font-weight: 400;
}
.form-signin.form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}
.form-signin.form-control:focus {
    z-index: 2;
}
.form-signin input[type=email] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type=password] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.login-footer {
    background-color: #373E4A;
}
.form-signin input {
    background-color: #373E4A;
    border: 1px solid #373e4a;
    height: 41px;
    border-radius: 3px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 12px;
}
.form-signin .form-control:focus {
    border-color: #373E4A;
}
.form-signin .input-group-addon {
    background-color: #373E4A;
    border-color: #373E4A;
}


.dataTables_paginate {

}
.dataTables_paginate a {

}


#filterForm {
    margin:0;
    padding:0;
/*    display:none;*/
}
.filters {
    padding:6px 4px;
    margin-bottom:0;

/*    background:#f1f2f6;*/
}

.filters input,
.filters input[type="date"] {
    padding-top:0;
    padding-bottom:0;
/*    border:none;*/
    line-height: 32px;
}

.filters .form-control {
     border:solid thin #CCC;
    border-radius:4px;
/*    padding:6px 12px ;*/
}


.btn.toggle-vis {
    padding:3px 6px!important;
    background:darkgreen!important;
    color:#FFF!important;
}
.btn.toggle-vis.success {
    background:darkred!important;
    color:#FFF!important;
}

ul.filters {
    margin:0px;
    padding:5px 0;
    display:block;
}

ul.filters li {
    display:inline-block;
    padding:2px 0;
}
ul.filters li a {
    display:block;
    font-size:11px;
    border-radius:4px;
    border:none;
}




.filters {
    display:none;
}
    

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

.filters a.placeholder {
  position: relative;
  /** More li styles **/
}
.filters a:before {
  position: absolute;
  /** Define arrowhead **/
}



th {
    font-size: 12px;
}

.dataTables_length,.dataTables_filter {
    display:inline-flex;
    padding:12px 0;
}
.dataTables_filter {
    float:right;
}
.dataTables_filter label {
    border:solid thin #CCC;
    border-radius:4px;
    padding:6px 12px ;
}
.dataTables_filter input {
    border:none;
    margin:0 0 0 6px;
}
.dataTables_filter input:focus {
    outline:none;
}

.ui-state-default {
cursor: move;
}


.login-img {
    margin:24px auto 32px;
}
.sorting_asc,
.sorting_desc {
    position: relative;
}

.sorting_desc::before {
  font-family: 'FontAwesome'; /* Set the font-family to Font Awesome */
  font-weight: 900; /* Set the font weight to bold for solid icons */
  content: '\f062'; /* Set the content to the Unicode code for the right arrow icon */
  position:absolute;
  right:4px;
  top:4px;
  font-size: 11px;
  color:#ccc;
}

.sorting_asc::before {
  font-family: 'FontAwesome'; /* Set the font-family to Font Awesome */
  font-weight: 900; /* Set the font weight to bold for solid icons */
  content: '\f063'; /* Set the content to the Unicode code for the right arrow icon */
  position:absolute;
  right:4px;
  top:4px;
  font-size: 11px;
  color:#ccc;
}


#notification {
    position: fixed;
    top:32px;
    right:32px;
    width:220px;
    z-index:9999;
    font-weight:700;
}



label.card.box {
    border: solid thin #FFF;
    border-radius:12px;
    padding:24px!important;
}

@-moz-document url-prefix() {
fieldset { display: table-cell; }
}