body {font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
  font-size: 16px; color: #1e293b;margin: 0;; background-color: #f0f2f5;
    line-height: 29px;}
 .normal {font-weight: normal;}
 .bold6 {font-weight: 600;}
 .bold7 {font-weight: 700;}
 .bold8 {font-weight: 800;}
 .bold9 {font-weight: 900;}
.font22 {font-size: 22px !important;}
.font24 {font-size: 24px !important;}
.font26 {font-size: 26px !important;}
.font28 {font-size: 28px !important;}
.font10 {font-size: 10px !important;}
.font11 {font-size: 11px !important;}
.font12 {font-size: 12px !important;}
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important;}
.font15 {font-size: 15px !important;}
.font16 {font-size: 16px !important;}
.font17 {font-size: 17px !important;}
.font18 {font-size: 18px !important;}
.font19 {font-size: 19px !important;}
.font20 {font-size: 20px !important;}
.font21 {font-size: 21px !important;}
.per5 {height: 5%;}
  .per7 {height: 7%;}
  .per10 {height: 10%;}
  .per80 {height: 80%;}
  .per85 {height: 85%;}
  .flex-left {    justify-content: flex-start;}
  .flex-right {    justify-content: flex-end;}
  .flex-all {    justify-content: flex-end;}
  .pt0 {padding-top: 0 !important;}
  .p0 {padding: 0 !important;}
  .p5 {padding: 5px;}
  .p10 {padding: 10px;}
  .p15 {padding: 15px;}
  .m0 {margin: 0;}
  .nomargin{margin: 0}
  .p5{padding: 5px}
  .plr0{padding-left: 0px; padding-right: 0;}
  .ptb0{padding-top: 0px; padding-bottom: 0;}
  .p15{padding: 15px}
  .p10{padding: 10px}
  .p20{padding: 20px}
  .pt4{padding-top: 4px}
  .pt5{padding-top: 5px}
  .p5{padding: 5px}
  .pt8{padding-top: 8px}
  .pt10{padding-top: 10px}
  .pt12{padding-top: 12px}
  .pt15{padding-top: 15px}
  .pl4{padding-left: 4px}
  .pl5{padding-left: 5px}
  .pl8{padding-left: 8px}
  .pl10{padding-left: 10px}
  .pl12{padding-left: 12px}
  .pl15{padding-left: 15px}
  .pr4{padding-right: 4px}
  .pr5{padding-right: 5px}
  .pr8{padding-right: 8px}
  .pr10{padding-right: 10px}
  .pr12{padding-right: 12px}
  .pr15{padding-right: 15px}
  .plr15{padding-right: 15px; padding-left: 15px;}
  .plr20{padding-right: 20px; padding-left: 20px;}
  .plr25{padding-right: 25px; padding-left: 25px;}
  .ptb15{padding-top: 15px; padding-bottom: 15px;}
  .ptb20{padding-top: 20px; padding-bottom: 20px;}
  .ptb25{padding-top: 25px; padding-bottom: 25px;}
  .pb0{padding-bottom: 0px}
  .pb5{padding-bottom: 5px}
  .pb10{padding-bottom: 10px}
  .pb12{padding-bottom: 12px}
  .pb15{padding-bottom: 15px}
  .mt0{margin-top: 0px}
  .mt12{margin-top: 12px}
  .ml5{margin-left: 5px}
  .mlr0{margin-left: 0px; margin-right: 0;}
  .mtb0{margin-top: 0px; margin-bottom: 0;}
  .ml10{margin-left: 10px}
  .ml12{margin-left: 12px}
  .ml15{margin-left: 15px}
  .mr5{margin-right: 5px}
  .mr10{margin-right: 10px}
  .mr12{margin-right: 12px}
  .mr15{margin-right: 15px}
  .mb0{margin-bottom: 0px !important}
  .mt5{margin-top: 5px !important}
  .mt10{margin-top: 10px !important}
  .mt15{margin-top: 15px !important}
  .mt20{margin-top: 20px !important}
  .mb5{margin-bottom: 5px !important}
  .mb10{margin-bottom: 10px !important}
  .mb12{margin-bottom: 12px !important}
  .mb15{margin-bottom: 15px !important}
  .mb20{margin-bottom:20px !important}
  .mb25{margin-bottom:25px !important}
  .mb30{margin-bottom:30px !important}
  .w15p {
    width: 15px;}
  .w20p {
    width: 20px;}
  .w25p {
    width: 25px;}
  .w30p {
    width: 30px;}
  .w35p {
    width: 35px;}
  .w40p {
    width: 40px;}
    .w50p {
      width: 50px;}
      .w60p {
        width: 60px;}
  .w45p {
    width: 45px;}
    .w20 {
      width: 20%;}
      .w25 {
        width: 25%;}
  .w30 {
    width: 30%;}
  .w35{
    width: 35%;}
  .w40{
    width: 40%;}
  .w45{
    width: 45%;}
  .w50{
    width: 50% !important;}
  .w55{
    width: 55%;}
  .w60{
    width: 60%;}
  .w65{
    width: 65%;}
  .w70{
    width: 70%;}
  .w75{
    width: 75%;}
  .w80{
    width: 80%;}
  .w85{
    width: 85%;}
  .w90{
    width: 90%;}
  .w100{
    width: 100% !important;}
  .txt-uppercase  {
    text-transform:uppercase;
  }
 
  .italic {font-style: italic;}
  .uppercase {
     text-transform: uppercase;;
  }
  .normal {font-weight: 500 !important;}
.bgwhite {background-color: #fff;}
.shadow {
  border-width: 1px;
  border-color: #e2e8f0;
  border-radius: 0.75rem;
  border-style: solid;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
.linkinternal-main-active, .btt-view-link {
    color: #1152c7 !important;
    background-color: #fff;
    border-color: #bfdbfe;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    font-weight: 600 !important;
}
.linkinternal-main-active:hover, .btt-view-link:hover {
    color: #1e40af;
    background-color: #eff6ff;
    border-color: #bfdbfe;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    font-weight: 600 !important;
}
.box-shadow{
      background: #f8fafc;
    padding: 10px;
    border: 1px solid #f1f5f9;
    border-radius: 5px;
}
.nopadding-left{padding-left: 0}
.nopadding-right{padding-right: 0}
.nopadding-top{padding-top: 0}
.nopadding-bottom{padding-bottom: 0}
.nopadding{padding: 0}
.nomargin-left{margin-left: 0}
.nomargin-right{margin-right: 0}
.nomargin-top{margin-top: 0}
.nomargin-bottom{margin-bottom: 0}
.nomargin{margin: 0}
.pb0{padding-bottom: 0px}
.m0 {margin: 0px !important;}
.noborder-top{border-top: 0 !important}
.noborder-left{border-left: 0 !important}
.noborder-right{border-right: 0 !important}
.blue {color: #1d4ed8 !important}
.blue1 {color: #1a2cd6 !important}

.white {
  color: #fff 
}
.red {color: #e11d48 !important}
.cam {color: #db7101 !important}
.black {color: #000 !important}
.gray {color: #333 !important}
.borderblue {color: #015f95 !important}
.borderred {color: #fa4f5b !important}
.bold {font-weight: bold  !important; }
.normal{font-weight: 500  !important; }
.txtcenter {
  text-align: center;
}
.btn-danger {
  color: #fff;
  background-color: #eb2c4f;
  border-color: #eb2c4f;
}
a {color: #464444;}
a:hover {text-decoration: none; color:#097df4}
ul{ list-style: none; }
#wrapper {margin: 0 auto; background: white;position: relative;}

.row10 { margin-left: -10px; margin-right: -10px; }
.bdr-box {padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #ddd; }
/* #menu {display: none;} */
/*reset ul, li*/
.uppercase {text-transform: uppercase;}
.bold {font-weight: bold}
.m-hide {display: none;}
.news-text,
.news-small {padding: 0;margin:0; width: 100%;}
.news-text li,
.news-small li { list-style: none; }
.pad-tb20 {padding-top: 20px; padding-bottom: 20px;}
.pad-t20 {padding-top: 20px;}
.pad-t10 {padding-top: 10px;}
.pad-t5 {padding-top: 0px;} /*padding-top: 5px;*/
.pad-5 {padding: 5px; padding-top: 1px} /*padding: 5px;*/
.pad-0 {padding: 0px;}
.pad-b10 {padding-bottom: 10px;}
.mrg-b15 {margin-bottom: 15px;}
.mrg-t10 {margin-top: 10px;}
.mrg-t15 {margin-top: 15px;}
.mrg-b10 {margin-bottom: 10px;}
.mrg-b20 {margin-bottom: 20px;}
.mrg-b5 {margin-bottom: 5px;}
.pad-10 {padding: 10px 5px; padding-top: 1px;}
.dis-blk { display: block; }
.mmrg-b15 {margin-bottom: 15px;}
.mmrg-l15 {margin-left: 15px;}
.border1 {display: block; border-top: 1px solid white; width: 80%;}
.border2 {display: block; border-top: 1px solid #dcdcdc; width: 100%;}
.border3 {border-top: 2px solid #ec1b24; }
.fw-bold {font-family: "HelveticaWorld-Bold";}
.bg-f6 {background-color: #f6f6f6;overflow: hidden;}
.bg-ea {background-color: #eaeaea;overflow: hidden;}
.bg-item1 {background-color: #fdf3ec;overflow: hidden;}
.bg-it2 {background-color: #333333;overflow: hidden;}
.bg-it3 {background-color: #333333;overflow: hidden;}
.btn-gray {background-color: #2f2f2f; color: white;}
.news2-more {display: none;}
.bdr-top {border-top: 1px solid #ddd; padding-top: 20px;}
.bdr-top1 {border-top: 1px solid #ddd;}
.bdr-top2 {border-top: 2px solid #ddd;}

.slicknav_icon-bar{border-top: 1px solid #fff;
    height: 1px;
    display: block;
    width: 20px; padding-bottom: 3px}
.flex-col{
  display: flex;
  flex-direction: column;
}


/* .page .news-small a {font-size: 17px;} */
#btn-more {color: white;}

.slide-top {height: 46px;}
.slide-top1{border-bottom: 1px solid #dcdcdc;margin-bottom: 3px;}
.bdr-top3{border-top: 1px solid #dcdcdc;margin-top: 2px;}
.slide-top .owl-item li {list-style:none; width: 100%;}
.slide-top .owl-item a { white-space: nowrap; display: block;padding: 10px 10px 0; text-overflow: ellipsis; overflow: hidden; padding-left: 0px; font-weight: normal;}
.news-small .violet {border-top: 1px solid #2e3191;}
.news-small .green {border-top: 1px solid #7d9e00;}
.news-top { /*background-color: #d4d4d4;*/  background: rgba(51,51,51,0.05);}
.news-top .bg-top1 { background-color: #fff;}

.page .cate-a {font-family: "HelveticaWorld-Bold";}

.page .orange a {color: white; font-family: "HelveticaWorld-Bold";}
.page .blue .bg-it3 a { color: white; }

.related_sub{
    border-spacing: 0;
    border-collapse: initial;
    width: 100% !important;
    height: 100% !important;
    padding: 15px !important;
    border-style: dashed;    background-color: #dbdbdb;
    padding-left:15px;
    border-color:#fff;
    margin-top:10px;
}
.header-related {
      background: #f8fafc;
    padding: 10px;
    border: 1px solid #eae6e6;
    border-radius: 5px;
    color: #374151 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 15px 0 !important;
}
.related_sub.ginger h5, .related_sub li::before{
    color: #b47f21;
}
.related_sub h5{
    font-weight: bold
}
.related_sub li::before{
    content: '> '
}
.related_sub ul{margin: 0px; padding: 0;}
.related_sub li{ line-height: 30px; }
.related_sub li a{ font-weight: normal;     font-size: 18px;    font-weight: bold; padding-left: 5px;}
 
.footer2 {background-color: #fff; color:#0f172a}
.footer2  a , .footer3 a, .footer3 {color:#0f172a}

.border-b-1 {
  border-width: 0;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #e2e8f0;
  
}
footer .link-item-footer a::before {
  
  color: #5569;
}
.menu-ft {margin: 0; padding: 0;}
.menu-ft li {list-style: none; float: left; padding-right: 30px;height: 50px; line-height: 50px;}
.menu-ft li a {font-size: 18px; font-family: "HelveticaWorld-Bold"; color: #2f2f2f;}
footer {
      border-top: 1px solid #e2e7f0;
  background-color: #fff;
  color:#0f182a;
  margin-top: 40px;
  font-size: 15px;
}
.footer3 { 
    
  padding-top: 10px; padding-bottom: 10px;}
  .footer3 .container{ 
    border-top: 1px solid #f1f5f9;
  }
.footer3 .col-lft {background-color: #6b6c6e;border-right: 1px solid #ccc;}
.footer3 .col-rght { color: black; padding: 20px;}
.footer3 .company { font-family: "HelveticaWorld-Bold"; color: #fff; margin-bottom: 9px; text-transform: uppercase; font-size: 18px;
  padding-top: 12px;
  padding-bottom: 12px;
  /* border-top: 1px solid rgba(0, 0, 0, 0.12); */
}
.footer3 .address { font-family: "HelveticaWorld-Regular"; color: #fff;font-size: 18px}
.logo-ft {display: block;overflow: hidden;}
.logo-ft {margin: 50px;}
.menu-ft { padding-left: 10px; }
#goTop {height: 40px; width: 40px; line-height: 40px; text-align: center; color: white;position: fixed; bottom: 50px; right: 10px;background-color: #121212; border-radius: 50%; font-size: 20px; }
.right {
    float: right;
}
.left {
    float: left;
}
@media (min-width: 768px){
}
@media (min-width: 768px){
   .inline-numbers {
        float: left;
        margin-top: 0.1875rem;
        fill: #121212;
    }
    .headline-list-text {
        margin-left: 6.375rem;
    }
}
.l-list__item{
    float:left
}

.pd{padding: 0}
.md{margin: 0}
.pd-l{ padding-left: 0px  !important}
.pd-l-5{ padding-left: 5px  !important}
.pd-l-10{ padding-left: 10px  !important}
.pd-l-15{ padding-left: 15px  !important}
.pd-r{ padding-right: 0px  !important}
.pd-r-5{ padding-right: 5px  !important}
.pd-r-10{ padding-right: 10px  !important}
.pd-b0{padding-bottom: 0px}
.pd-b5{padding-bottom: 5px}
.pd-b10{padding-bottom: 10px}
.pd-r-15{ padding-right: 15px  !important}
.pd-lr{ padding-right: 0px  !important;padding-left: 0px  !important}
.flex {     display: flex; }
.md-l{ margin-left: 0px !important }
.md-l-10{ margin-left: 10px !important }
.md-l-15{ margin-left: 15px !important }

.md-b0{ margin-bottom: 0px  !important}
.md-b5{ margin-bottom: 5px  !important}
.md-b10{ margin-bottom: 10px  !important}

.md-r{ margin-right: 0px  !important}
.md-r-10{ margin-right: 10px  !important}
.md-r-15{ margin-right: 15px  !important}
.w-100{width: 100%}
.left{ float: left; }
.md-b{margin-bottom:0px !important;}
.md-b-0{margin-bottom:0px !important;}
.md-b-10{margin-bottom:10px !important;}
.md-b-15{margin-bottom:15px !important;}
.md-b-20{margin-bottom:20px !important;}
.d-hide{ overflow: hidden; }
.item_content{ padding-left: 145px; }
#advertise {    padding-bottom: 1.125rem;
    padding-top: 1.125rem;}
 
 
.normal {
    font-weight: 500 !important
  }
  .m0 {margin:0}
  .txt-uppercase, .uppercase {
    text-transform: uppercase;
  }
  .color-default{color: #3fc997 !important;}
  .left {float: left}
  .right {float: right}
  .txt-right {
    text-align: right !important;
  }
  .txt-left {
    text-align: left !important;
  }
  .flex {
    display: flex;
    align-items: center;
  }
  .align-items {
    align-items: center;
  }
  .relative {
    position: relative !important;
  }
  .list-item {
    display: list-item;
  }
  .flex-row {
    flex-wrap: wrap;
    align-items: center;
  }
  .line_border_b {
    border-bottom: 1px solid #e0e0e0 ;
  }
  .line_border_l {
    border-left: 1px solid #e0e0e0 ;
  }
  .none_line_border_left {
    border-left: 0 !important;
  }
  .none_border_right {
    border-right: 0 !important;
  }
  .text-center {
    text-align: center !important;
  }
  
  .navbar {
    border-radius: 0px;
    border: 0px
  }
  /* #header {width: 100%;position: relative;z-index: 10; background-color: rgb(235 44 79); min-height: auto;} */
  #header {width: 100%;position: relative;z-index: 10; background-color: #fff; min-height: auto;}
.logo {display: block; text-align: center; padding-top: 5px}
/* .logo img{max-height: 45px;} */
 .errinput {
  border:1px solid #db0606 !important
 }
  .header {
    display: block;width: 100%;
    background-color: #fff;
  }
  .navigation {
   display: flex;
    height: 70px;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;

  }
  .txt-logo {
     padding: 0;
    margin: 0;
    font-size: 25px;
    font-weight: 900;
    letter-spacing: -0.8px;
    text-transform: uppercase;
    font-family: Inter, sans-serif;
    color: #d91e18;
    text-transform: uppercase;
    line-height: 15px;
  }
  .txt-sologan {
        font-size: 10px;
    color: #64748b;
    font-family: Inter, sans-serif;
        font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
        letter-spacing: 0.1em;
  }
  .arealogo {
    gap: 15px;
   display: flex;
    align-items: flex-end;
    flex-direction: row;
    justify-content: center;
    justify-content: flex-start;
  }
  .shadow-lg {
    box-shadow: 0 10px 15px -3px #d91e184d, 0 4px 6px -4px #d91e184d
}
.tracking-tight {
    letter-spacing: -0.025em;
}

.font-display {
    font-family: Inter, sans-serif;
}
.rounded-full {
    border-radius: 9999px;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.size-10 {
    width: 5.5rem;
    height: 5.5rem;
}
  .text-white {
      color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .bg-primary {
    background-color: rgb(217 30 24 / var(--tw-bg-opacity, 1));
  }
li{list-style: none;}
.no-padding{ padding-left: 0px; padding-right: 0px;}
 .detail_page_list .main-title-page{
      gap: 5px;
    display: flex;
  }
  .detail_page_list.xsmb  .main-title-page  {
    color: #dc2626;
  }
  .detail_page_list.xsmn  .main-title-page  {
    color: #2563eb;
  }
  .detail_page_list.xsmt  .main-title-page  {
    color: #16a34a;
  }
  .detail_page_list .main-title-page{
    line-height: 1.5;
    gap: 5px;
    display: flex;
  }
.detail_page_list h1{
    line-height: 1.5;
  }
  
  .text-primary {
    color: #e11d48 !important;
  }
  .detail_page_list {line-height: 1.8;}
  .detail_page_list h2 {font-size: 1.8rem; margin: revert; font-weight:bold; color:#2563eb;line-height: 1.4;}
  .detail_page_list h3, .tagh3 {font-size: 1.6rem;margin: revert; font-weight:bold; color:#d91e17;line-height: 1.4;}
  .detail_page_list h4, .tagh4 {font-size: 1.4rem;margin: revert; font-weight:bold;color: #dd2363;line-height: 1.4;}
  .detail_page_list p {
      margin: 0 0 10px;
    text-align: justify;
        line-height: 29px;
  }
  .short_chanel {
    display: inline-block;
  }
  .detail_page_list p a {
      color: #2773f1;
  }
  .detail_page_list p a:hover {
    color: #e11d48 !important;
  }
  .result-content {
    padding:5px;
  }
  .detail_page_list figure, .detail_page_list .image-container {
      text-align: center;
      /* width: 100% !important; */
      margin-bottom: 10px;
  }
  .detail_page_list figure img, .detail_page_list .image-container img{
      width: unset ;
    max-width: 1024px;
    width: 100% !important;
    height: auto ;
  }
  .image-post {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
    }
    .image-caption {text-align: center;}

    .tagh1 {
        color: #324554;
        margin-top: 10px;
        font-size: 21px;
        font-weight: bold;
        line-height: 35px;
        font-family: RobotoBold;
    }
.w-img {
    height: 165px;
    overflow: hidden;
}
.img-responsive {
    width: 100%;
    max-width: 100%;
    object-fit: revert;
}
.form-control {
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/**
NEWS
**/
.div-list-page .fig-each {
    padding-top: 15px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #CCC;
    text-align: justify;
}
.div-list-page .fig-each img.image-avatar {
    width: 100%;
    /* height: auto; */
    padding: 4px;
    border: 1px solid #a9cdbb;
    margin-bottom: 10px;
    border-radius: 4px;
}
.div-list-page .fig-each .item-title {
    padding-top: 5px;
    font-size: 16px;
    font-weight: bold;
    /* color: #1a2cd6; */
    padding-bottom: 8px !important;
    line-height: 1.6;
}
.div-list-page .fig-each  .item-post-time, .item-post-time {
    color: #777;
    font-size: 13px;
}
.tilecate-listpage, .tilecate-listpage::before {
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    color: #6b7280;
    text-transform: uppercase;
    line-height: 13px;
    background-color: #f3f4f6;
    padding: 5px 5px;
    position: relative;
    margin-right: 3px;
    border-radius: 3px;
    border: 1px solid #e5e7eb;
    font-weight: 600;
}
.tilecate-listpage:hover {
  color:#685DD8
}


#toc_container {
  background: #f9f9f9 none repeat scroll 0 0;
  border: 1px solid #aaa;
  display: table;
  font-size: 95%;
  padding: 10px;
  width: auto;
  margin-bottom:20px
}

.toc_title {
  font-weight: 700;
  text-align: center;
}


#toc_container li, #toc_container ul, #toc_container ul li{
  list-style: outside none none !important;
}
#toc_container li { line-height:23px}
#toc_container li a {font-weight:500 !important;}
#toc_container li.toc2 a{font-size:15px; font-weight:bold !important;}
#toc_container li a{font-size:13px !important;}
.toc3{padding-left:15px !important;}.toc4{padding-left:25px !important;}
#toc_container .toc2:before{content:"*"; color:#ff0000; padding-right:3px}
.toc_toggle {cursor: pointer; color:#ff0000; font-weight: bold}
#listoffcontent.bounce {display:none;}
.short_chanel ul  li, .short_chanel ol  li{
  list-style: inside;
}
@-webkit-keyframes play {
   from { background-position:    0px; }
     to { background-position: -500px; }
}

@-moz-keyframes play {
   from { background-position:    0px; }
     to { background-position: -500px; }
}

@-ms-keyframes play {
   from { background-position:    0px; }
     to { background-position: -500px; }
}

@-o-keyframes play {
   from { background-position:    0px; }
     to { background-position: -500px; }
}

@keyframes play {
   from { background-position:    0px; }
     to { background-position: -500px; }
}

.fader {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.87);
  z-index: 999;
}
.fader img {
  height: 100px;
  width: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
}
.fader img {
  max-width: 100%;
  height: auto;
}
.name-author-post {
  font-weight: bold;
  color:#4e1fb4;
  display: flex;
  align-items: center;
}
.name-author-post img {
  border-radius: 15px;
}
.name-author-post span{
  margin-left: 10px;
}
.authorpage .author_info{
  position: relative;
  padding: 10px 10px;
  background: #f5f5f5;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  display: flex;
  align-items: flex-start;
}
.author_info .name-author-post {
  font-weight: bold;
  color:#212121;
  font-size: 24px;
  margin: 0 0 5px;
}
.author_info  img {
  border-radius: 50%;
  border: 1px solid #ccc;
    padding: 5px;
}
.author_info .info{
  margin-left: 10px;
  color: #363434;
}
#jeg_author_socials a {
  font-size: 16px;
  display: inline-block;
  margin: 10px 10px 20px 0;
  color: #363434;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.tabs_nsv {
  width: 100%;
  float: left;
  text-align: center;
  display: table;
  font-size: 14px;
}
.tabs_nsv a {
  display: inline-block;
    border: solid 1px #dddddd;
    background: #fafafa;
    color: #404c60;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0 8px;
    font-weight: 500;
}
.tabs_nsv a.active, .tabs_nsv a:hover {
 border: solid 1px #2663eb;
    background: #fff;
    color: #2663eb;
}
.section-box-content {
  float: left;
  width: 100%;
  position: relative;
  border: solid 1px #e0e0e0;
}
.table .sunday, .saturday {
  background-color: #faf2e3;
}
.table-tkgdb td, .table-tkgdb th {
  text-align: center;
}
.cell_box_list {
  padding: 5px;
  line-height: 16px !important;
  min-width: 80px;
}
.cell_box_list .kq span{
  color:#ff0000 !important
}
.btn-blue {
  color: #fff;
  background-color: #0a6bbf;
  border-color: #0a6bbf;
}
.btn-red {
  color: #fff;
  background-color: #d11e18;
  border-color: #d11e18;
}
.tk-tansuat-box {
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden;
  font-size: 14px;
}
.tk-tansuat-header {
  background: #f97316;
}
.tk-tansuat-subheader {
  background: #e5e5e5;
}
.tk-tansuat-grid {
  flex-wrap: wrap;
}
.tk-tansuat-cell {
  width: 20%;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.tk-tansuat-cell.tk-row-alt {
  background: #f7f7f7;
}
.tk-tansuat-cell .tk-so {
  font-size: 13px;
  color: #dc2626;
}
.tk-tansuat-cell .tk-solan {
  font-size: 12px;
  color: #6b7280;
  font-weight: normal;
  margin-left: 3px;
}