/* CSS for DPL News Demo - 2019 06 10. */
/* Bootstrap 4: Row with equal height columns. */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* ---------- HTML & BODY - BEGIN ---------------------------------------- */
html {
}
body {
    font-family: 'Montserrat', sans-serif;
}
/* ---------- HTML & BODY - END ------------------------------------------ */
/* ---------- Set Montserrat font - BEGIN -------------------------------- */
p, a, span, input, h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}
p, table, ul {
  font-size: 0.85rem;
}
/* ---------- Set Montserrat font - END ---------------------------------- */
/* ---------- Loading div with single white - BEGIN ---------------------- */
div#loading-div.single-white {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    background-color: #ffffff;
    z-index: 2147473647;
    text-align: center;
}
/* ---------- Loading div with single white - END ------------------------ */
/* ---------- Header - BEGIN --------------------------------------------- */
.brand-img {
    max-height: 36px;
}
.brand-img-2 {
    max-height: 80px;
}
/* ---------- Header - END ----------------------------------------------- */
/* ---------- Define backgrounds & colors - BEGIN ------------------------ */
.bg-demo-0 {
    background-color: #eff0f6;
}
.bg-demo-1 {
    background-color: #000000;
}
.bg-demo-2 {
    background-color: #B1004D;
}
.bg-demo-3 {
    background-color: #96276D;
}
.bg-demo-4 {
    background-color: #703C7D;
}
.bg-demo-5 {
    background-color: #49477C;
}
.bg-demo-6 {
    background-color: #2F4A6D;
}
.bg-demo-7 {
    background-color: #2F4858;
}

.bg-patoic-0 {
    background: #0d714f;
    background: -webkit-linear-gradient(top, #0d714f, #1a4553);
    background: -o-linear-gradient(top, #0d714f, #1a4553);
    background: -moz-linear-gradient(top, #0d714f, #1a4553);
    background: linear-gradient(top, #0d714f, #1a4553);
}

/* ---------- Define backgrounds & colors - END -------------------------- */
/* ---------- Buttons - BEGIN -------------------------------------------- */
.btn-demo-0 {
  color: #ffffff !important;
  background-color: #B1004D;
  border-color: #B1004D;
}
.btn-demo-0:hover,
.btn-demo-0:focus,
.btn-demo-0:active,
.btn-demo-0.active,
.open .dropdown-toggle.btn-demo-0 {
  color: #ffffff;
  background-color: #B1004D;
  border-color: #B1004D;
}
.btn-demo-0:active,
.btn-demo-0.active,
.open .dropdown-toggle.btn-demo-0 {
    background-image: none;
}
.btn-demo-0.disabled,
.btn-demo-0[disabled],
fieldset[disabled] .btn-demo-0,
.btn-demo-0.disabled:hover,
.btn-demo-0[disabled]:hover,
fieldset[disabled] .btn-demo-0:hover,
.btn-demo-0.disabled:focus,
.btn-demo-0[disabled]:focus,
fieldset[disabled] .btn-demo-0:focus,
.btn-demo-0.disabled:active,
.btn-demo-0[disabled]:active,
fieldset[disabled] .btn-demo-0:active,
.btn-demo-0.disabled.active,
.btn-demo-0[disabled].active,
fieldset[disabled] .btn-demo-0.active {
    background-color: #B1004D;
    border-color: #B1004D;
}
.btn-demo-0 .badge {
    color: #B1004D;
    background-color: #ffffff;
}
/* ---------- Buttons - END ---------------------------------------------- */
/* ---------- Navbar - BEGIN --------------------------------------------- */
.navbar-brand .img-brand {
    max-width: 100px;
}
/* ---------- Navbar - END ----------------------------------------------- */
/* ---------- Generals - BEGIN ------------------------------------------- */
.dataList {
    width: 100% !important;
}
.mh-360px {
  min-height: 460px;
}

.left-bar {
    width: 220px;
    float: left;
    min-height: 100vh;
    z-index: 111;
}
.right-container {
    margin-left: 220px;
    min-height: 100vh;
}

.left-bar-header {
  text-align: center;
}
.img-brand2 {
    height: 40px;
    width: 100%;
    margin: auto;
}
.left-bar-content .nav-link {
    color: #ffffff;
}
.left-bar-content .nav-link>i{
    padding-right: 6px;
}
.left-bar-content .nav-link:hover {
    background-color: #B1004D;
}
.left-bar-content .nav-link.active {
    background-color: #B1004D;
}
.right-container-top {
    height: 40px;
    line-height: 38px;
}
.no-transition {
    transition: none !important;
}
.right-container-top-0 {
    width: 10%;
}
.right-container-top-1 {
    width: 86%;
}
.min-w-30-px {
    min-width: 30px;
}
.table td{
    padding: 0.125rem 0.4375rem;
    vertical-align: middle;
}

.nav-link[aria-expanded="true"] .fa-angle-down {
    display: none;
}
.nav-link[aria-expanded="false"] .fa-angle-up {
    display: none;
}
/* ---------- Generals - END --------------------------------------------- */

/* Extra small device. */
@media (max-width: 575px) {
}
/* Small device: sm */
@media (min-width: 576px) and (max-width: 767px) {
}
/* Medium device: md */
@media (min-width: 768px) and (max-width: 991px) {
    .w-md-50 {
        width: 50%;
    }
}
/* Large device: lg */
@media (min-width: 992px) and (max-width: 1199px) {
    .w-md-50 {
        width: 50%;
    }
}
/* Extra large device: xl */
@media (min-width: 1200px) {
    .w-md-50 {
        width: 50%;
    }
}
/* Browser: IE10+ CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}
/* Device: iPad */
@media only screen and (min-device-width : 768px)
and (max-device-width : 1024px) and (orientation : portrait) {
}