.vpb-list-document{
    list-style:none;
    padding: 5px;
}
.vpb-h1{
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 1px;
}
.vpb-icon-view{
    width: 33px;
    height: 30px;
    background: #28a745;
    color: #fff;
    border-radius: 4px;
    padding: 6px 5px;
    text-align: center;
    margin-right: 5px;
    font-size: 18px;

    vertical-align: middle;

}
/*****************/
.col-icon a.btn{

    padding-bottom: 3px;
    padding-top: 3px;

}
.no-padding{
    padding: 0!important;
}
/*****************/
.vpb-ul-no-padding{
    padding: 0;
}
.vpb-title-content{
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: .8px;
}
.vpb-title-content i{
    padding-right: 2px;
}


/*********************common*****************************************/
body {
    font-size: 14px;
    font-family: "Roboto Condensed", sans-serif;
}

/*
 * Sidebar
 */

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100; /* Behind the navbar */
    padding: 30px 0 0; /* Height of navbar */
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sidebar-sticky {
        position: -webkit-sticky;
        position: sticky;
    }
}

.sidebar .nav-link {
    font-weight: 500;

}
.nav-link span.fas{
    padding-right: 5px;
}
.sidebar .nav-link .feather {
    margin-right: 4px;
    color: #999;
}

.sidebar .nav-link.active {
    color: #007bff;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 101%;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
    color: inherit;
}

.sidebar-heading {
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: 600;
}


.navbar .navbar-toggler {
    top: .25rem;
    right: 1rem;
}

.navbar .form-control {
    padding: .75rem 1rem;
    border-width: 0;
    border-radius: 0;.
}

.form-control-dark {
    color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
    border-color: transparent;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}
.fas-16{
  font-size: 16px;
}

.fas-24{
   font-size: 24px;
}

.fas-32{
   font-size: 32px;
}
.fas-40{
  font-size: 40px;
}
.fas-45{
   font-size: 45px;
}
.nav-link{
    cursor: pointer;
}
/******************************/
.frame-container{
    max-width: 1280px;
    margin: auto;
    position: relative;


}
.frame-container-inner{
    /* padding-bottom: 76px;*/

}
iframe{
    overflow: hidden!important;
}
.map-container{
    height:0;
    background-image: url(../img/frontend/logo.png);
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center 20%;
    background-size: auto;
}
.map-container iframe{
    left:0;
    top:0;
    /*height:100vh;*/
    height: 1200px;
    width:100%;
}
/************************************************************/
.content-body{
    padding: 15px;
}
.vp-list-item{
    font-weight: 600;
    color:#0b69ba; ;
    letter-spacing: 0.5px;
}
.col-icon{
    width: 20px;
}
.color-white{
    color: #FFFFFF;
}
/******************/
.header, .header-wrapper {
    width: 100%;
    z-index: 30;
    position: relative;
    background-size: cover;
    background-position: 50% 0;
    transition: background-color .3s, opacity .3s;
}
.header-top {
    min-height: 35px;
    z-index: 11;
    position: relative;
    display: flex;
    background-color: #185ca0!important;
    color: #FFFFFF;
}
#nav_menu{
    max-width: 960px;
    margin: auto;

    margin-bottom: 0 !important;
}
#main_content{
    max-width: 960px;
    margin: auto;
    min-height: 76vh;
}
.logo-top{
    max-height: 80px;
}

.navbar-light .navbar-nav .nav-link{
    font-weight: 700;
    font-size: 1em;
    color: #1b1e21;
    font-family: "Roboto Condensed", sans-serif;
    line-height: 8px;
    letter-spacing: .02em;
    text-transform: uppercase;
}

a, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link.active{
    color:#0b69ba;
}
a:hover{
    color:#007bff;
    text-decoration: none;
}

.card-header-dashboard{
    border: 0;
}
.card{
    min-height: 150px;
    width: 100%;
    display: block;
}


.content-body{
    letter-spacing: 0.5px;

}
.content-body  i{
    padding-right: 5px;
}
.vpb-list-document  i.fas{
    padding-right: 10px;
}
.nav-item{
    margin: 0 7px;
    color: rgba(51,51,51,0.96);
    padding-bottom: 5px;
}

/*********footer*************/
h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
    font-weight: 700;
}
.h4, h4 {
    font-size: 1.125em;
}
.footer-wrapper {
    width: 100%;
    position: relative;
}
.dark, .dark p, .dark td {
    color: #f1f1f1;
}
.footer {
    padding: 30px 0 0;
}
.footer-1, .footer-2 {
    border-top: 1px solid rgba(0,0,0,0.05);
}
.footer-2 {
    background-color: #1d71ba;
}
.absolute-footer {
    color: rgba(0,0,0,0.5);
    padding: 15px;
    font-size: .9em;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.absolute-footer {
    background-color: #0c5099;
}
.absolute-footer.dark {
    color: rgba(255,255,255,0.5);
}
.dark a, .dark .widget a {
    color: currentColor;
}

.dark, .dark p, .dark td {
    color: #f1f1f1;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.widget {
    margin-bottom: 1.5em;
}
.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1080px;
    margin: auto;
    width: 100%;
}
.flex-row.container{
    max-width: 1010px;
}
@media screen and (min-width: 850px){
    .gallery-columns-1 .gallery-item, .large-columns-1.col, .large-columns-1 .flickity-slider.col {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}
.uppercase, h6, th, span.widget-title {
    line-height: 1.05;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.is-uppercase, .uppercase {
    line-height: 1.2;
    text-transform: uppercase;
}
.dark a.lead, .dark label, .dark .heading-font, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .hover-dark:hover p, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover a {
    color: #fff;
}
.is-divider {
    height: 3px;
    display: block;
    background-color: rgba(0,0,0,0.1);
    margin: 1em 0 1em;
    width: 100%;
    max-width: 30px;
}
.dark .is-divider {
    background-color: rgba(255,255,255,0.3);
}
#image_86400097 {
    width: 90%;
}
.img .img-inner {
    position: relative;
    overflow: hidden;
}
.img .img-inner {
    overflow: visible;
}
img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}
img {
    transition: opacity 1s;
    opacity: 1;
}
.img, .img img {
    width: 100%;
}
.pull-right{
    float: right;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.vp-list{
    margin-top: 10px;
}
.vp-list li img{
    width: 55px;
    padding-top: 5px;
    margin-right: 10px;
}
.vp-list-item1{
    padding: 7px 20px;
    border-top: 1px solid #dee2e6;
}
.vp-list-item1 .media-body{
    padding-top: 10px;
}
.vp-list-item1 .mb-1, .my-1{
    font-size: 16px;
    font-weight: 400;
}

.vp-grid li {
    float: left;
    width: 32%;
    border: 1px dotted #CCC;
    padding: 20px;
    min-height: 155px;
    display: inline;
    text-align: center;
    margin: 5px;
}
.vp-grid li img{
    width: 200px;
}
.vp-grid li .ml-3{
    display: none;
}
.circle-audio-player {
    display: block;
    margin: 0 auto;
    cursor: pointer;
}
.playerContainer {
    padding: 24px;
}
.audioSinglePlay{
    width: auto;
}
.flex-row {
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.header .flex-row {
    height: 100%;
}
.flex-col {
    max-height: 100%;
}
.flex-left {
    margin-right: auto;
}
.nav-left {
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.nav-divided>li {
    margin: 0 .7em;
}
.nav-dark .is-outline, .dark .nav>li>a, .dark .nav>li.html, .dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical>li>ul li a, .nav-dropdown.dark>li>a, .nav-dropdown.dark .nav-column>li>a, .nav-dark .nav>li>a, .nav-dark .nav>li>button {
    color: rgba(255,255,255,0.8);
    font-size: .8em;
    text-transform: uppercase;
}
.top-bar-nav li a{
    color: #FFFFFF !important;
}
.card.card-folder>.card-header{
	background: #0b69ba;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.vpb-h1{
	margin:0;
}
.fancybox-slide{
    padding: 0!important;
}
.fancybox-close-small{
    top: 0!important;
    right: 0!important;
    color: #ffffff!important;

}
p{
    line-height: 25px;
    font-size: 110%;
}
#app{
    margin-bottom: 50px;
}
/******************************/
@media (max-width: 991px) {
    .navbar-expand-lg .navbar-collapse{
        border-radius: 5px;
        margin-top: 15px;
        background: rgb(255, 255, 255);
        padding: 15px;
    }
    .row{
        margin-left: -15px;
        margin-right: -15px;
    }
    .flex-col.hide-for-medium.flex-right{
        display: none!important;
    }
    .flex-col.hide-for-medium.flex-left{
        margin: auto!important;
    }
    .header-contact li{
        display: block;
        margin: auto;
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .map-container{
        padding-bottom: 100vh;
    }
}

.lecture .lecture-player {
    background-color: #f8f9fa;
    position: relative;
    height: 100%;
    opacity: 0.8;
}
.lecture .lecture-player-main {
    height: 600px;
}
.lecture .lecture-player-main .video-container{
    width: 100%;
}
#container_tree{
    width: 100%;
    border-right: 1px solid silver;
}
#document-table .preview{
    cursor: pointer;
}

@media (max-width: 830px ) {
    #container_tree{
        border: none!important;
    }
}