html , body{
	
 height:100%;
 
}
 
.full-width {
	
 width:100%;
 
 }
 
.full-height{
 height:100%;
 }

.left_col {
    /*background: #2A3F54*/
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.nav-sm .container.body .col-md-3.left_col {
    min-height: 100%;
    width: 70px;
    padding: 0;
    z-index: 9999;
    position: absolute
}
.nav-sm .container.body .col-md-3.left_col.menu_fixed {
    position: fixed;
    height: 100%
}
.nav-sm .container.body .col-md-3.left_col .mCSB_container,
.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
    overflow: visible
}
.nav-sm .hidden-small {
    visibility: hidden
}
.nav-sm .container.body .right_col {
    padding: 10px 20px;
    margin-left: 70px;
    z-index: 2
}
.nav-sm .navbar.nav_title {
    width: 70px
}
.nav-sm .navbar.nav_title a span {
    display: none
}
.nav-sm .navbar.nav_title a i {
    font-size: 27px;
    margin: 13px 0 0 3px
}
.site_title i {
    border: 1px solid #EAEAEA;
    padding: 5px 6px;
    border-radius: 50%
}
.site_title img {
    max-height: 66px;
    max-width: 180px;
}
.nav-sm .main_container .top_nav {
    display: block;
    margin-left: 70px;
    z-index: 2
}
.nav-sm .nav.side-menu li a {
    text-align: center !important;
    font-weight: 400;
    font-size: 10px;
    padding: 10px 5px
}
.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
    border-right: 5px solid #1ABB9C
}
.nav-sm ul.nav.child_menu ul,
.nav-sm .nav.side-menu li.active-sm ul ul {
    position: static;
    width: 200px;
    background: none
}
.nav-sm>.nav.side-menu>li.active-sm>a {
    color: #1ABB9C !important
}
.nav-sm .nav.side-menu li a i.toggle-up {
    display: none !important
}
.nav-sm .nav.side-menu li a i {
    font-size: 25px !important;
    text-align: center;
    width: 100% !important;
    margin-bottom: 5px
}
.nav-sm ul.nav.child_menu {
    left: 100%;
    position: absolute;
    top: 0;
    width: 210px;
    z-index: 4000;
    background: #3E5367;
    display: none
}
.nav-sm ul.nav.child_menu li {
    padding: 0 10px
}
.nav-sm ul.nav.child_menu li a {
    text-align: left !important
}
.nav-sm .profile {
    display: none
}
.menu_section {
    margin-bottom: 35px
}
.menu_section h3 {
    padding-left: 15px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 0;
    text-shadow: 1px 1px #000
}
.menu_section>ul {
    margin-top: 10px;
    margin: 0px !IMPORTANT;
}
#sidebar_left #sidebar-menu.main_menu span.fas, #sidebar_left #sidebar-menu.main_menu span.far {
    float: right;
    text-align: center;
    margin-top: 5px;
    font-size: 10px;
    min-width: inherit;
    /*color: #C4CFDA*/
    color: #0f0f0f;
    position: relative;
    top: unset;
}
#sidebar_left #sidebar-menu.main_menu .active a span.fas, #sidebar_left #sidebar-menu.main_menu .active a span.far {
    text-align: right !important;
    margin-right: 4px
}
.nav-sm .menu_section {
    margin: 0
}
.nav-sm span.fas,
.nav-sm span.far,
.nav-sm .menu_section h3 {
    display: none
}
.nav-sm li li span.fas,
.nav-sm li li span.far{
    display: inline-block
}
.nav_menu {
    float: left;
    background: #EDEDED;
    border-bottom: 1px solid #D9DEE4;
    margin-bottom: 10px;
    width: 100%;
    position: relative
}
@media (min-width: 480px) {
    .nav_menu {
        position: static
    }
}
.nav-md .col-3.left_col {
    min-height: 100%;
    width: 230px;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    border-radius: 5px;
   /* margin-right: 10px;*/
}
.nav-md .col-3.left_col.menu_fixed {
    height: 100%;
    position: fixed
}
.nav_title {
    width: 230px;
    float: left;
    background: #2A3F54;
    border-radius: 0;
    height: 57px
}
@media (max-width: 991px) {
    .nav-md .container .right_col,
    .nav-md .container .top_nav {
        width: 100%;
        margin: 0
    }
    .nav-md .col-3.left_col, .nav-md .col-3.left_menu {
        display: none
    }
    .nav-md .container .right_col {
        width: 100%;
        padding-right: 0
    }
    .right_col {
        padding: 10px !important
    }
}
@media (max-width: 1200px) {
    .x_title h2 {
        width: 62%;
        font-size: 17px
    }
    .tile,
    .graph {
        zoom: 85%;
        height: inherit
    }
    .left_menu
    {
        display: none; 
    }
}
@media (max-width: 1270px) and (min-width: 192px) {
    .x_title h2 small {
        display: none
    }
}
.left_col .mCSB_scrollTools {
    width: 6px
}
.left_col .mCSB_dragger {
    max-height: 400px !important
}


.container {
    width: 100%;
    padding: 0
}
.navbar-nav>li>a,
.navbar-brand,
.navbar-nav>li>a {
    color: #fff !important
}

.navbar {
    margin-bottom: 0
}
.navbar-header {
    background: #34495E
}
.navbar-right {
    margin-right: 0
}
.sidebar-header {
    border-bottom: 0;
    margin-top: 46px
}
.sidebar-header:first-of-type {
    margin-top: 0
}
.nav.side-menu>li {
    position: relative;
    display: block;
    cursor: pointer;
    width: 100%;
}
#sidebar_left .menu_section .nav.side-menu>li>a {
    margin-bottom: 1px
}
.nav.side-menu>li>a:hover {
    background: #08813b !important;
    color: #F2F5F7 !important
}
.nav.side-menu>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background: transparent
}
.nav.child_menu {
    display: none
}
.nav.child_menu li:hover,
.nav.child_menu li.active {
    background: #08813b
    /*background-color: rgba(255, 255, 255, 0.06)*/
}
#sidebar_left .menu_section .nav.child_menu li {
    padding-left: 20px
}
.nav-md ul.nav.child_menu li:before {
    /*background: #425668;*/
    bottom: auto;
    content: "";
    height: 8px;
    left: 23px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%
}
.nav-md ul.nav.child_menu li:after {
    /*border-left: 1px solid #425668;*/
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0
}
.nav-md ul.nav.child_menu li:last-child::after {
  bottom: 50%;
}
#sidebar_left .menu_section .nav.side-menu>li>a,
#sidebar_left .menu_section .nav.child_menu>li>a {
    /*color: #E7E7E7;*/
    color: black;
    font-weight: 500;
    text-decoration: none;
}
.nav.child_menu li li:hover,
.nav.child_menu li li.active {
    background: none
}
.nav.child_menu li li a:hover,
.nav.child_menu li li a.active {
    color: #fff;
    background: #08813b;
}
#sidebar_left .menu_section .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px 9px
}
.nav.side-menu>li.current-page,
.nav.side-menu>li.active {
    border-right: 5px solid #1ABB9C
}
#sidebar_right .menu_section  ul li, #sidebar_left .menu_section  ul li
{
    border-bottom:0px;
    padding: 0px;
}
#sidebar_right .menu_section ul, #sidebar_left .menu_section ul
{
    list-style: none;
    margin-left: 8px;
}
.nav li.current-page {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
}
.nav li li li.current-page {
    background: none
}
.nav li li.current-page a {
    color: #fff
}
#sidebar_left .menu_section .nav.side-menu>li.active>a {
    text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
    /*background: linear-gradient(#334556, #2C4257), #2A3F54;*/
    background: #08813b;
    box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;
    color: white;
}
.navbar-brand,
.navbar-nav>li>a {
    font-weight: 500;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 32px
}
.nav.navbar-nav>li>a {
    color: #515356 !important
}
.nav.top_menu>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #34495E !important
}
.nav>li>a:hover,
.nav>li>a:focus {
    background-color: #08813b;
    color: #fff;
}
.toggle {
    float: left;
    margin: 0;
    padding-top: 16px;
    width: 70px
}
.toggle a {
    padding: 15px 15px 0;
    margin: 0;
    cursor: pointer
}
.toggle a i {
    font-size: 26px
}
.nav.child_menu>li>a {
    /*color: rgba(255, 255, 255, 0.75);*/
    font-size: 12px;
    padding: 5px
}
.clear {
    clear: both
}
.fontawesome-icon-list .fas-hover a:hover,
.fontawesome-icon-list .far-hover a:hover {
    background-color: #ddd;
    color: #fff;
    text-decoration: none
}
.fontawesome-icon-list .fas-hover a,
.fontawesome-icon-list .far-hover a{
    display: block;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px
}
.fontawesome-icon-list .fas-hover a:hover .fas,
.fontawesome-icon-list .fas-hover a:hover .far{
    font-size: 28px;
    vertical-align: -6px
}
.fontawesome-icon-list .fas-hover a .fas,
.fontawesome-icon-list .fas-hover a .far{
    width: 32px;
    font-size: 16px;
    display: inline-block;
    text-align: right;
    margin-right: 10px
}
.main_menu .fas,
.main_menu .far{
    width: 26px;
    opacity: .99;
    display: inline-block;
    font-style: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.animate {
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -o-animation-duration: 0.5s;
    -o-animation-timing-function: ease;
    -o-animation-fill-mode: both;
    -ms-animation-duration: 0.5s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.left {
    float: left
}

.folder{
    color: #ffdb75;
}

.favfolder{
    color: #ffd10e;
}

.trash{
    color: #98DAEA;
}

.heart{
    color: #c71807;
}

.node{
    padding: 5px;
}

.node:hover{
    background: lightgreen;
    border-radius: 6px;
}

.polozka_node{
    text-align: center;
    cursor: pointer;
    position: relative;
}

.ikona_node{
    position: relative;
    top: 2px;
    display: inline-block;
    text-rendering: auto;
    line-height: 1;
}

.nazov_node{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5px;
    font-size: 12px;
}

.btn-action{
    color: #fff;
    background-color: #08813b;
    border-color: #08813b;
}

.btn-action:hover{
    background-color: #28a745;
    border-color: #28a745;
}

.strom{
    font-weight: normal;
    color: #08813B;
}

.strom_oblubena{
    font-weight: normal;
    color: #875d08;
}

#content #settings_folder a, 
#content #contentNode a.dropdown-item, 
#content #breadcrumb a
{
    color: #08813B;
    text-decoration: none;
    display: inline;
    font-size: 13px;
    font-weight: 400;
    margin:0px;
    padding: 0px;

}
#content #contentNode a.dropdown-item
{
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    font-size: 14px;
    border: 0;
    display: flex;
    align-items: center;
}
#content #contentNode a.dropdown-item > img
{
    margin-right: 5px;
}