body {
   margin: 0;
   padding: 0;
}

.news-page .bg-news {
   background-image: url(../images/icon-instuct/bg_news.png);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   align-items: center;
   display: inline-flex;
   width: 100%;
}

.block-heading-bg {
   height: 140px;
}

.instruct {
   font-family: 'Saira Condensed';
   text-transform: uppercase;
   font-size: 30px;
   color: #fff;
   line-height: 36px;
   margin: auto;
   text-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}

.breadcrumb-container .breadcrumb {
   background: 0 0;
   padding-left: 0;
   padding-right: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
   content: "";
}

.breadcrumb-container .breadcrumb-item .link {
   transition: all .4s ease;
   color: #203fad;
}

.breadcrumb-container .breadcrumb-item .link:hover {
   color: #cb0100;
}

.info-instruct {
   padding: 0 20px;
   margin-top: 26px;
}

.list-data-container {
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
   border-radius: 2px;
}

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

.list-data-container .item {
   border-bottom: 1px solid #e8e8ea;
}

.media-cols-content {
   display: table;
   width: 100%;
}

.media-cols-content .image-content {
   display: table-cell;
   min-width: 30%;
   padding-right: 10px;
   table-layout: fixed;
   text-align: left;
   vertical-align: top;
   width: 109px;
}

.media-cols-content .block-main-content {
   vertical-align: middle;
   display: table-cell;
}

.media-cols-content .heading .title-link {
   display: -webkit-box;
   margin-bottom: 9px;
   font-size: 16px;
}

.list-data-container .description {
   font-size: 14px;
   color: #4a4a4a;
   line-height: 1.6;
   padding-bottom: 5px;
}

.list-data-container .date-post {
   padding: 5px 0;
}

.image {
   width: 155px;
}

.list-data-container .item {
   padding: 20px;
}

.title-link {
   margin-bottom: 9px;
   font-size: 14px;
   color: #2c2c2c;
   transition: all .4s ease;
   font-weight: bold;
}

.text-item:hover,
.title-link:hover {
   color: #cb0100;
}

.list-data-container .description {
   font-size: 12px;
   color: #4a4a4a;
   padding-bottom: 5px;
}

.date-post {
   font-size: 13px;
   color: #6f7a89;
}

.list-group {
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
   border-radius: 2px;
}

.list-group-item:last-child {
   border-radius: 0 0 2px 2px;
}

.heading-14 {
   font-size: 14px;
   color: #2c2c2c;
   display: inline-block;
}

.sidebar-container .heading {
   min-height: 32px;
   align-items: center;
   display: inline-flex;
   font-weight: bold;
}

.text-item {
   font-weight: 600;
   color: #4a4a4a;
   transition: all .4s ease;
}

.list-group .active-item:before {
   content: "";
   height: 100%;
   width: 3px;
   background: #cb0100;
   position: absolute;
   top: 0;
   left: 0;
}

.list-group .active-item .text-item {
   color: #cb0100;
}

.pagination .page-link:hover {
   background: 0 0;
   color: #cb0100;
}

.pagination .active .page-link {
   color: #fff;
   background: #cb0100;
   border-color: #cb0100;
   z-index: 0;
}

.panigations .pagination {
   margin: 24px 0;
   justify-content: center;
}

.page-link {
   font-weight: 700;
}

.description-tt {
   line-height: 1.3em;
   font-size: 13px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.openSidebar {
   display: none;
}

.img-exit {
   display: none;
}

.btn-custom {
   background-color: #cb0100;
   color: #fff;
   line-height: 12px;
   font-size: 12px;
   padding: 8px;
   margin-top: 4px;
   cursor: pointer;
}

.btn-custom:hover {
   background-color: #fe7733c7;
   color: #fff;
}

.link {
   padding: 0;
}

.breadcrumb::before {
   padding-right: 4px !important;
}

/* Insstruct detail */
.has-shadow {
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}

.article-container .custom-article-content {
   border-bottom: 1px solid #dee2e6 !important;
   padding: 20px 20px 20px 20px;
   color: #2c2c2c;
   font-size: 15px;
   text-align: justify;
}

.custom-article-content {
   border-bottom: 1px solid #dee2e6 !important;
   padding: 14px;
   text-align: justify;
}

.size-title {
   font-weight: bold;
   color: #333;
   font-size: 17px;
}

.breadcrumb-item {
   padding-left: 4px !important;
}

.custom-date-news {
   display: flex;
   justify-content: space-between;
}
.breadcrumb-active {
   padding-left: 0 !important;
}
.breadcrumb-active {
   color: #2c2c2c !important;
}
@media only screen and (max-width: 1024px) {
   .list-group-item {
      padding: 10px;
   }
}

@media only screen and (max-width: 768px) {
   .show-sidebar {
      background: #fff;
      position: fixed;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 10;
      transition: opacity .5s linear;
   }

   .sidebar-container.sidebar-600 .list-group {
      overflow: auto;
      height: auto !important;
      margin-top: 0 !important;
   }

   .list-group-items {
      display: flex;
      justify-content: space-between;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
      border-radius: 2px;
   }

   .img-exit {
      display: block;
   }
}