body {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #23282c;
    text-align: left;
    background-color: #e4e5e6;
}


a {
  color: #20a8d8;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #167495;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

.app-header {
    flex: 0 0 55px;
    position: fixed;
    z-index: 1020;
    width: 100%;
    
    flex-direction: row;
    height: 55px;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border-bottom: 1px solid #c8ced3;
}
  .navbar-brand .navbar-brand-minimized{display:none;}
.navbar{  display: flex;flex-wrap: wrap;}

.app-header .navbar-nav {
    flex-direction: row;
}
.navbar-brand {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 220px;margin-right: 0;padding:0;
}

.nav {
    flex-wrap: wrap;
    }
.navbar-nav {

    display: flex;

    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.app-header .navbar-toggler {
    min-width: 50px;
    padding: .25rem 0;font-size: 1.09375rem;
    border-color:transparent;
}
.app-header .caption{font-size: 1.25rem;color:#167495}
.app-header .caption .fa{margin-right:0.5rem;}

.app{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.ml-auto, .mx-auto {
    margin-left: auto!important;
}

.app-body {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    overflow-x: hidden;
}
.sidebar {

    display: flex;
    flex-direction: column;
    padding: 0;
    color: #fff;
    background: #2f353a;
}
.app-body .main {
    flex: 1;
    min-width: 0;
}
html:not([dir=rtl]) .sidebar {
        margin-left: -270px;
}

html:not([dir=rtl]) .sidebar-show .sidebar{
        margin-left: 0;
}
.sidebar .sidebar-nav{
    position: relative;
    flex: 1;    width: 270px;
}
.sidebar .nav{width: 270px;flex-direction: column;
    min-height: 100%;
    padding: 0;}
.sidebar .nav-item {
    position: relative;
    margin: 0;
    transition: background .3s ease-in-out;
}

.sidebar .nav-dropdown-items {
  max-height: 0;
  padding: 0;
  margin: 0;
  overflow-y: hidden;
  transition: max-height .6s ease-in-out;
}


.sidebar .nav-dropdown-items .nav-item {
  padding: 0;
  list-style: none;
}
.sidebar .nav-dropdown-items .hr{height:0;border-top:1px solid #3a4248;}
.sidebar .nav-title {
    padding: .75rem 1rem;
    font-size: 80%;
    font-weight: 700;
    color: #e4e7ea;   

}

.sidebar .nav-link {
  display: block;
  padding: 0.75rem 1rem .75rem 2rem;
  color: #fff;
  text-decoration: none;
  background: transparent;

}
.sidebar .nav-link.active {
    background: #3a4248;
}
.sidebar .nav-link .fa {
  display: inline-block;
  width: 1.09375rem;
  margin: 0 0.5rem 0 -1.5rem;
  font-size: 0.875rem;
  color: #73818f;
  text-align: center;
}

.sidebar .nav-link.active .fa {
    color: #20a8d8;
}
.sidebar .nav-link .badge {
  float: right;
  margin-top: 2px;
}

.sidebar .nav-link.active {
  color: #fff;
  background: #3a4248;
}

.sidebar .nav-link.active .fa {
  color: #20a8d8;
}

.sidebar .nav-link:hover {
  color: #fff;
  background: #20a8d8;
}

.sidebar .nav-link:hover .fa {
  color: #fff;
}

.sidebar .nav-dropdown-toggle {
  position: relative;
}

.sidebar .nav-dropdown-toggle::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  display: block;
  width: 8px;
  height: 8px;
  padding: 0;
  margin-top: -4px;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%2373818f' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.sidebar .nav-dropdown-toggle .badge {
  margin-right: 16px;
}

.sidebar .nav-dropdown.open {
  background: rgba(0, 0, 0, 0.2);
}

.sidebar .nav-dropdown.open > .nav-dropdown-items {
  max-height: 1500px;
}

.sidebar .nav-dropdown.open .nav-link {
  color: #fff;
  border-left: 0;
  padding-top:.5rem;
  padding-bottom:.5rem;
}

.sidebar .nav-dropdown.open > .nav-dropdown-toggle::before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.sidebar .nav-dropdown.open .nav-dropdown.open {
  border-left: 0;
}


.sidebar .sidebar-minimizer {
    position: relative;
    flex: 0 0 50px;
    background-color: rgba(0,0,0,.2);
    border: 0;
}

.sidebar .sidebar-minimizer:before {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    content: "";
    background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxMSAxNCc+PHBhdGggZmlsbD0nIzczODE4ZicgZD0nTTkuMTQ4IDIuMzUybC00LjE0OCA0LjE0OCA0LjE0OCA0LjE0OHEwLjE0OCAwLjE0OCAwLjE0OCAwLjM1MnQtMC4xNDggMC4zNTJsLTEuMjk3IDEuMjk3cS0wLjE0OCAwLjE0OC0wLjM1MiAwLjE0OHQtMC4zNTItMC4xNDhsLTUuNzk3LTUuNzk3cS0wLjE0OC0wLjE0OC0wLjE0OC0wLjM1MnQwLjE0OC0wLjM1Mmw1Ljc5Ny01Ljc5N3EwLjE0OC0wLjE0OCAwLjM1Mi0wLjE0OHQwLjM1MiAwLjE0OGwxLjI5NyAxLjI5N3EwLjE0OCAwLjE0OCAwLjE0OCAwLjM1MnQtMC4xNDggMC4zNTJ6Jy8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12.5px;
    transition: .3s;
}
.sidebar .sidebar-minimizer:focus, .sidebar .sidebar-minimizer.focus {
  outline: 0;
}

.sidebar .sidebar-minimizer:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.sidebar .sidebar-minimizer:hover::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23fff' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
}

.app-header, .app-footer, .sidebar, .main, .aside-menu {
    transition: margin-left .25s,margin-right .25s,width .25s,flex .25s,-ms-flex .25s;
}



.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1.5rem;
    list-style: none;
    background-color: #fff;

    position: relative;
    border-radius: 0;
    border-bottom: 1px solid #c8ced3;
}

.card-header>i {
    margin-right: .5rem;
}


.card-header-actions {
    display: inline-block;
    float: right;
    margin-right: -.25rem;
}

.app-footer {
    display: flex;
    flex: 0 0 50px;
    
    flex-wrap: wrap;
    align-items: center;
    padding: 0 1rem;
    color: #23282c;
    background: #f0f3f5;
    border-top: 1px solid #c8ced3;
}
.pdfviewer{width:100%;height: calc(100vh - 80px); display:block;margin:0 auto;background-color:#fff;}

.breadcrumb-item+.breadcrumb-item::before{font: normal normal normal 14px/1 FontAwesome;    content: "\f105";}
.ui-view .pdfviewer-Container{margin:-15px;margin-top:-1rem;}
.video-container{height: calc(100vh - 150px);position:relative;}
.video-container .transparent{ display:none;}
.video-container .transparent embed {height: calc(100vh - 200px);}
#video-player_wrapper{margin:0 auto;}
@media (min-width: 992px){

  html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main,
  html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer,
  html:not([dir="rtl"]) .sidebar-show .main,
  html:not([dir="rtl"]) .sidebar-show .app-footer {
    margin-left: 270px;
  }

  html:not([dir="rtl"]) .sidebar-lg-show.sidebar-minimized .main,
  html:not([dir="rtl"]) .sidebar-lg-show.sidebar-minimized .app-footer,
  html:not([dir="rtl"]) .sidebar-show.sidebar-minimized .main,
  html:not([dir="rtl"]) .sidebar-show.sidebar-minimized .app-footer {
    margin-left: 50px;
  }
    .app-body {
        margin-top: 55px;
    }
    .header-fixed .app-header {
        position: fixed;
        z-index: 1020;
        width: 100%;
    }
    .sidebar {
        position: fixed;
        z-index: 1019;
        width: 270px;
        height: calc(100vh - 55px);
    }
    html:not([dir=rtl]) .sidebar-lg-show .sidebar{
        margin-left: 0;
    }
    .main .container-fluid {
        padding: 0 30px;
    }
    .ui-view .pdfviewer-Container{margin:-30px;margin-top:-1.5rem;}

    html:not([dir=rtl]) .sidebar-lg-show .main,
    html:not([dir=rtl]) .sidebar-lg-show .app-footer{
        margin-left: 270px;
    }

    
    .sidebar-minimized .sidebar .sidebar-nav {
    overflow: visible;
    width: 50px;
    }
    .sidebar-minimized .sidebar .nav {
    width: 50px;
    }
    .sidebar-minimized .sidebar .sidebar-minimizer::before {
        width: 100%;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    .sidebar-minimized .sidebar {
        width: 50px;
    }
    .sidebar-minimized .sidebar .nav-item {
        width: 50px;
        overflow: hidden;
      }
      .sidebar-minimized .sidebar .nav-item:hover {
        width: 250px;
        overflow: visible;
      }
      .sidebar-minimized .sidebar .nav-item:hover > .nav-link {
        background: #20a8d8;
      }
      .sidebar-minimized .sidebar .nav-item:hover > .nav-link .fa {
        color: #fff;
      }
      .sidebar-minimized .sidebar .nav-link {
        position: relative;
        padding-left: 0;
        margin: 0;
        white-space: nowrap;
        border-left: 0;
      }
      .sidebar-minimized .sidebar .nav-link .fa {
        display: block;
        float: left;
        width: 50px;
        font-size: 18px;
      }
      .sidebar-minimized .sidebar .nav-link .badge {
        position: absolute;
        right: 15px;
        display: none;
      }
      .sidebar-minimized .sidebar .nav-link:hover {
        width: 250px;
        background: #20a8d8;
      }
      .sidebar-minimized .sidebar .nav-link:hover .badge {
        display: inline;
      }
     
      .pdfviewer{width:100%;height: calc(100vh - 108px);}

      .video-container{
        height: calc(100vh - 160px);

      }
			.transparent embed {height: calc(100vh - 300px);}
}



@media (max-width: 991.98px)
{
    .app-header {
        position: fixed;
        z-index: 1020;
        width: 100%;
        text-align: center;
        background-color: #fff;
      }
    .d-md-down-none {
    display: none!important;
}
    .sidebar {
        position: fixed;
        z-index: 1019;
        width: 270px;
        height: calc(100vh - 55px);
    }
    .sidebar-minimizer {
        display: none;
      }
    .app-header .navbar-brand {

        margin-left: -64.5px;
    }
    
}