/*html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    font-size: 13px;
}*/

body {
    background: #F8FAFF;
}

.nav-header {
    background-color: #F7F7F7;
    background-image: none;
    padding: 10px 25px;
}

body.mini-navbar.fixed-sidebar .nav-header {
    padding: 10px 25px;
}

body.mini-navbar .nav-header {
    background-color: #F7F7F7;
}

.white-bg {
    background-color: #fff;
}

.logo-element {
    font-size: 17px;
}

.text-muted {
    color: #d0d4d9 !important;
}

.nav.navbar-right > li > a {
    color: #d0d4d9;
}

.gray-bg, .bg-muted {
    background-color: #FFFFFF;
}

.navbar-fixed-top {
  /*border-bottom: 1px solid #304967 !important;*/
  z-index: 1500;
  box-shadow: 0px 3px 20px #1F25381A;
}

body.fixed-sidebar .navbar-static-side, body.canvas-menu .navbar-static-side {
    z-index: 1500;
}

@media (max-width: 768px) {
    .fixed-sidebar.body-small .navbar-static-side {
        z-index: 1500;
    }
}

.footer {
    background-color: #FFFFFF;
}

.btn-navbar-top {
    color: white;
    background-color: white;
    border-color: white;
    margin-left: 10px;
}

    .btn-navbar-top:hover {
       /*color: #F7F7F7;
        background-color: #00A1DF;
        border-color: #00A1DF;*/
    }

.nav-header a {
    color: #00A1DF;
}

.control-search-navbar-top {
    color: #d0d4d9 !important;
}

.treeview-sidebar {
    padding: 10px 0px 10px 0px;
    color: #6B718E;
    padding-left: 10px;
    margin-bottom: 100px;
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: #DDE8FF;
    /*border-right: 4px solid #00A1DF;*/
    color: #2684ff;
}

    .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item * {
        color: #2684ff;
    }

.currently-active-item {
    /*background-color: #e9e9e9 !important;
    border-right: 4px solid #00A1DF;*/
    color: #2684ff;
    background-color: #DDE8FF;
    border-radius: 4px;
}
.currently-active-item img {
    filter: invert(23%) sepia(96%) saturate(5000%) hue-rotate(200deg) brightness(100%) contrast(120%);
    /* fill: #2684ff; กำหนดสีของไอคอน */
}

/*.dx-treeview .dx-treeview-toggle-item-visibility:before {
    content: "\f04e ";
}

.dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
    content: "\f001 ";
}*/

body.fixed-nav #wrapper .navbar-static-side {
    border-right: 2px solid #e7eaec !important;
}

@media (min-width: 320px) and (max-width: 768px) {
    body > div.right {
        float: none;
        width: 100%;
    }
}

element.style {
    min-height: 464px;
}

body.fixed-nav #wrapper .navbar-static-side, body.fixed-nav #wrapper #page-wrapper {
  background-color: rgba(255,255,255,0);
}

@media (min-width: 768px) #page-wrapper {
    position: inherit;
    margin: 0 0 0 280px;
    min-height: 100vh;
}

@media (min-width: 768px) #page-wrapper {
    position: inherit;
    margin: 0 0 0 240px;
    min-height: 2002px;
}

#page-wrapper {
    padding: 0 0px;
}