/** Generated by FG **/
@font-face {
    font-family: 'Pyidaungsu';
    src: url('fonts/Pyidaungsu-2.5_Regular.eot');
    src: local('☺'), url('fonts/Pyidaungsu-2.5_Regular.woff') format('woff'), url('fonts/Pyidaungsu-2.5_Regular.ttf') format('truetype'), url('fonts/Pyidaungsu-2.5_Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** Generated by FG **/
@font-face {
    font-family: 'forte';
    src: url('fonts/FORTE.eot');
    src: local('☺'), url('fonts/FORTE.woff') format('woff'), url('fonts/FORTE.ttf') format('truetype'), url('fonts/FORTE.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
    font-family: 'Pyidaungsu', 'Poppins', sans-serif;
    background: #e4e8e1;
    color:#3f403e;
}

p {
    font-family: 'Poppins','Pyidaungsu', sans-serif;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #000;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
    font-family: 'Poppins','Pyidaungsu', sans-serif;
}

.navbar {
    /*padding: 15px 10px;*/
    background: #fff;
    border: none;
    border-radius: 0;
    /*margin-bottom: 20px;*/
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
    ----------------------------------------------------- */

    #sidebar {
        width: 250px;
        position: fixed;
        top: 0;
        left: -250px;
        height: 100vh;
        z-index: 999;
        background: #fff;
        
        /*background: #6b2a7f;*/
        color: #FFFFFF;
        transition: all 0.3s;
        overflow-y: scroll;
        /*box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);*/
    }

    #sidebar.active {
        left: 0;
    }

    #dismiss {
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
       /* background-image: linear-gradient(to right bottom, #451f5c, #4e2265, #58266f, #622978, #6c2c81)!important;*/
       background: transparent;
       color:#FFFFFF;
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    #dismiss:hover {
        background: transparent;
        color: #e5bf33;
    }

    .overlay {
        display: none;
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
        z-index: 998;
        opacity: 0;
        transition: all 0.5s ease-in-out;
    }
    .overlay.active {
        display: block;
        opacity: 1;
    }

    #sidebar .sidebar-header {
        padding: 20px;
        background: #21409a;
    }

    #sidebar ul.components {
        padding: 8px 0;
        /*border-bottom: 1px solid #47748b;*/
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebar ul li a {
        padding: 7px;
        font-size: 1.1em;
        display: block;
        color: #21409a;
    }

    #sidebar ul li a:hover {
        color: #038cce;
       
    }

    #sidebar ul li.active>a,
    a[aria-expanded="true"] {
        color: #e5bf33;
    }

    a[data-toggle="collapse"] {
        position: relative;
    }

    .dropdown-toggle::after {
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }

    ul ul a {
        font-size: 0.9em !important;
        padding-left: 30px !important;
        background: #6d7fcc;
    }

    ul.CTAs {
        padding: 20px;
    }

    ul.CTAs a {
        text-align: center;
        font-size: 0.9em !important;
        display: block;
        border-radius: 5px;
        margin-bottom: 5px;
    }

    a.download {
        background: #fff;
        color: #7386D5;
    }

    a.article,
    a.article:hover {
        background: #6d7fcc !important;
        color: #fff !important;
    }

/* ---------------------------------------------------
    CONTENT STYLE
    ----------------------------------------------------- */

    #content {
        width: 100%;
        /*padding: 20px;*/
        min-height: 100vh;
        transition: all 0.3s;
        position: absolute;
        top: 0;
        right: 0;
        background: #dcdee4;
    }

    .navbar-fixed-top {
      position: fixed;
      width: 100%;
      /*right: 0px;*/
        top:0;
      /*left: 23.3%;*/
      z-index: 99;
      max-width: 720px; 
  }

  .m_navtab{
    margin-top: 70px;
}
  .m_detail_navtab{
    margin-top: 50px;
}
.nav-link{
    color: #451f5c;
	
}

.nav-item >.active{
    border-bottom: 3px solid #e4c136;
}

@media (max-width: 767px){
    .navbar-fixed-top{
       /* right: 0px !important;
        left: 0px !important;*/
        top:0 !important;
    }

    .footer-nav{
      right: 0px !important;
      left: 0px !important;
  }
}

@media screen and (min-width: 320px) {
    .footer-nav {
        position: fixed;
        height: auto;
        bottom: 0;
        max-width: 100%;
        background: rgba(255,255,255,0.8);
        padding:15px 0 10px 0;

        color:#000000;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    }

h1.tab-title a{
    font-size: 0.75rem;
}
.tab-section p{
    font-size: 0.7rem!important;
}
.svg-inline--fa{
    font-size: 1em;
}

}

@media screen and (min-width: 768px) {
 .container {
    width: auto;
    max-width: 100%;
    
    position: relative!important;
    margin: auto;
    padding:0;
    text-align: center;

}
.navbar-fixed-top {
 position: fixed;
/* right: 0px;
 left: 0;*/
  top:0;
 z-index: 99;
max-width: 720px; 
}
.footer-nav {
        position: fixed;
        height: auto;
        bottom: 0;
        max-width: 100%;
        background: rgba(255,255,255,0.8);
        padding:15px 0 10px 0;
        
        color:#000000;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    }

}

@media screen and (min-width: 1024px) {

    .navbar-fixed-top {
       position: fixed;
       /*right: 0px;*/
       top:0;
       /*left: 14.7%!important;*/
       /*left: 20.5%!important;*/
       z-index: 99;
       max-width: 720px;
   }
   .footer-nav {
        position: fixed;
        height: auto;
        bottom: 0;
        max-width: 100%;
        background: rgba(255,255,255,0.8);
        padding:15px 0 10px 0;
        
        color:#000000;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    }
}

@media screen and (min-width: 1280px) {
    .navbar-fixed-top {
      position: fixed;
      /*right: 0px;*/
      top:0;
      /*left: 23.3%!important;*/
      z-index: 99;
      max-width: 720px; 
  }
  .footer-nav {
        position: fixed;
        height: auto;
        bottom: 0;
        max-width: 100%;
        background: rgba(255,255,255,0.8);
        padding:15px 0 10px 0;
        
        color:#000000;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    }

}
@media screen and (min-width: 1440px) {
    .navbar-fixed-top {
      position: fixed;
      /*right: 0px;*/
      top:0;
      /*left: 24.9%!important;*/
       /*left: 26%!important;*/
      z-index: 99;
      max-width: 720px; 
  }
  .footer-nav {
        position: fixed;
        height: auto;
        bottom: 0;
        max-width: 100%;
        background: rgba(255,255,255,0.8);
        padding:15px 0 10px 0;
        
        color:#000000;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    }

}
@media screen and (min-width: 1920px) {
    .navbar-fixed-top {
      position: fixed;
      /*right: 0px;*/
      top:0;
      /*left: 35.9%!important;*/
      z-index: 99;
      max-width: 720px; 
  }
  .footer-nav {
        position: fixed;
        height: auto;
        bottom: 0;
        max-width: 100%;
        background: rgba(255,255,255,0.8);
        padding:15px 0 10px 0;
        
        color:#000000;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    }
}