/* tinymce */
.mce-content h1{ font-size:2em; font-weight:bold; margin:0.67em 0;}
.mce-content h2{ font-size:1.5em; font-weight:bold; margin:0.83em 0;}
.mce-content h3{ font-size:1.17em; font-weight:bold; margin:1em 0;}
.mce-content h4{ font-size:initial; font-weight:bold; margin:1.33em 0;}
.mce-content h5{ font-size:0.83em; font-weight:bold; margin:1.67em 0;}
.mce-content h6{ font-size:0.67em; font-weight:bold; margin:2.33em 0;}

/* side nav */
.sidenav li.active{ background-color:rgba(21,101,192,.08);}
.sidenav li.active>a:hover{ background-color:rgba(21,101,192,.06);}
.sidenav li.active>a,
.sidenav li.active span.badge{ color:#1565C0!important;}
.sidenav li.active>a .fas,
.sidenav li.active>a .far,
.sidenav li.active>a .fab,
.sidenav li.active>a .fal{ opacity:1;}

/* index no-item */
.ncp-noitem .icon-title .page-title-icon{ transform:initial;}

/* sortable */
.ncp-sort-list .handle{ cursor:move;}
.ncp-sort-list .sortable-ghost{ background-color:#b3e5fc!important;}
.ncp-sort-list .sortable-drag{ opacity:0;}

/* order-footer */
.order-footer{ position:fixed; left:0; bottom:0; display:flex; width:100%; height:80px; margin-bottom:0; align-items:center; background:#fff; box-shadow:0 -6px 12px -6px rgba(0,0,0,.32); z-index:1;}
@media only screen and (min-width : 993px) {
  .order-footer{ padding-left:300px; bottom:0; height:88px;}
  .order-btn-wrap{ margin-left:initial!important;}
  .order-btn-wrap>.btn{ height:48px; line-height:48px; font-size:15px; padding:0 28px;}
}

/** tab **/
.tab-wrap{ height:49px;}
.pushpin-tab.pushpin{ width:100%; background-color:#fff; box-shadow:0 6px 12px -12px rgba(0,0,0,.32); z-index:2; transition:top 0.3s ease-out 0s;}
.pushpin-tab.pushpin.pinned>.row{ box-shadow:0 18px 12px -6px rgba(0,0,0,.34);}
/*.pushpin-tab .tabs .tab a{ font-size:.8rem;}*/
.pushpin-tab .tabs .tab a>i.fas,
.pushpin-tab .tabs .tab a>i.far,
.pushpin-tab .tabs .tab a>i.fab,
.pushpin-tab .tabs .tab a>i.fal{ font-size:1.6rem;}
.pushpin-tab .tabs .tab a.active{ font-weight:bold;}
.pushpin-tab .tabs .tab a:not(.active){ color:#666;}
.pushpin-tab .bottom_border{ border-bottom:1px solid rgba(0,0,0,.25);}
.pushpin-tab .tabs .indicator{ height:3px;}
#TabContent.has-pinned-tab.has-footer{ padding-bottom:32px;}
@media only screen and (max-width : 992px) {
  #TabContent.has-pinned-tab{ padding-top:52px;}
}
@media only screen and (min-width : 993px) {
  .pushpin-tab.pushpin.pinned{ width:calc(100% - 428px);}
  .pushpin-tab.pushpin.pinned .indicator{ width:50%;}
}

/** header pushpin **/
#puspinWrap{ transition:all 0.2s ease-out 0s;}
#puspinWrap.pinned{ background-color:#fff; width:calc(100% - 428px); box-shadow:rgba(0, 0, 0, 0.34) 4px 12px 8px 1px; z-index:2;}
#puspinWrap.pinned>.page-menus{ border-radius:unset;}
@media only screen and (max-width : 992px) {
  #puspinWrap.pinned{ width:100%;}
}

/* youtube */
.youtube-wrap{ position:relative; width:100%; padding-top:56.25%;}
.youtube-wrap>iframe{ position:absolute; top:0; right:0; width:100%!important; height:100%!important;}

/* course index */
.ncp-list-item .column-progress{ width:40px; /*font-weight:bold;*/}
@media only screen and (min-width : 993px) {
  .ncp-list-item .column-progress{ text-align:right;}
}

/** test-result **/
.test-result-score{ font-size:2.4rem; line-height:2.4rem;}
.test-result-score .number{ font-family:Times New Roman; font-size:8rem; line-height:8rem; color:#ffde7a; text-shadow:0 0 6px rgba(125,93,23,.81); margin-right:8px;}
.test-result-score .number.failed{color:#4ba5b5; text-shadow:0 0 6px rgba(84,160,224,.85);}
.test-result-item{ position:relative; padding-bottom:24px; border-bottom:1px solid #ddd;}
.test-result-correct{ position:relative;}
.test-result-correct .test-result-correct-icon{ position:absolute; left:48px; display:flex; align-items:center; height:100%; font-size:8rem; opacity:.16; z-index:-1;}

/** progress-attend **/
.attend-info{ display:flex;}
.attend-info.right-align{ justify-content:flex-end;}
.attend-info .attend-number{ width:80px; text-align:center; padding:0 8px;}
.attend-info .attend-number .title{ font-size:.8rem;}
.attend-info .attend-number .number-wrap{ font-size:.8rem;}
.attend-info .attend-number .number-wrap .number{ font-size:2em; margin-right:4px;}

/** share **/
#ModalShareDetail .item-menu{ float:right; min-height:32px; height:32px; margin-top:-5px;}
#ModalShareDetail .item-menu .item-menu-trigger{ overflow:hidden;}

/** mypage **/
.mypage-list .mypage-list-status{ display:flex; justify-content:center; align-items:center; height:100%;}

/** profile **/
#areaUserDetail .profile-table th{ padding:8px 24px 8px 0; font-size:.8rem; font-weight:normal; -moz-text-align-last:justify; text-align-last:justify;text-justify:inter-ideograph;}
#areaUserDetail .profile-table td{ padding:8px 0; font-size:1.2rem;}
#areaUserDetail .profile-table .name{ font-size:1.6rem;}
#areaUserDetail .no-image{ display:flex; justify-content:center; align-items:center; height:160px; position:relative; background-color:rgba(0,0,0,.04); overflow:hidden;}
#areaUserDetail .no-image>.no-image-icon{ margin-bottom:-56px; font-size:9em; color:rgba(0,0,0,.12);}
@media only screen and (max-width : 992px) {
  #areaUserDetail .no-image{ height:80px;}
  #areaUserDetail .no-image>.no-image-icon{ margin-bottom:-16px; font-size:5em;}
}
.user-prof-point{ display:inline-block; padding:0 16px; border-bottom:2px solid #1565c0;}
.user-prof-point .number{ font-size:2.4rem;}

/** reward **/
.e-reward{ filter:drop-shadow(0 0 1px rgba(0,0,0,.5));}
.e-reward.e-reward-s{ font-size:.8rem;}
.e-reward.e-reward-m{ font-size:1.4rem;}
.e-reward.e-reward-l{ font-size:2rem;}
.e-reward.e-reward-xl{ font-size:3.6rem;}
.e-reward .e-reward-7{
  color:rgb(40,102,255);
  background:linear-gradient(-45deg,rgb(40,102,255) 0%,rgb(187,223,255) 52%,rgb(22,107,199) 100%);
  background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent;
}
.e-reward .e-reward-6{
  color:rgb(81,200,10);
  background:linear-gradient(-45deg,rgb(81,200,10) 0%,rgb(203,255,173) 34%,rgb(9,203,48) 100%);
  background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent;
}
.e-reward .e-reward-5{
  color:rgb(231,0,0);
  background:linear-gradient(-45deg,rgb(255,193,193) 0%,rgb(231,0,0) 86%,rgb(131,2,2) 100%);
  background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent;
}
.e-reward .e-reward-4{
  color:rgb(228,141,111);
  background:linear-gradient(64deg,rgb(135,28,0) 0%,rgb(255,218,199) 60%,rgb(224,119,84) 100%);
  background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent;
}
.e-reward .e-reward-3{
  color:rgb(216,216,216);
  background:linear-gradient(64deg,rgb(110,110,110) 0%,rgba(255,255,255,1) 60%,rgb(201,201,201) 100%);
  background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent;
}
.e-reward .e-reward-2{
  color:rgb(255,214,58);
  background:linear-gradient(64deg,rgb(235,171,19) 0%,rgb(255,248,215) 60%,rgb(255,209,105) 100%);
  background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent;
}
.e-reward .e-reward-1{
  color:#ffc5f9;
  background:linear-gradient(to right,#ffca69,#ffff7e,#98ff98,#c1f8f8,#9d9dff,#ffd3ff,#ffceaa);
  background-size:400%;
  filter:drop-shadow(0 0 2px rgba(80,80,80,0.4));
  background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent;
  animation:shadow 10s ease infinite;
}
@keyframes shadow {
  0%   { background-position:0 0;}
  50%  { background-position:400% 0;}
  100% { background-position:0 0;}
}
.e-reward .e-reward-1.simple{
  background:linear-gradient(to right,#ffca69,#ffff7e,#98ff98,#c1dcf8,#ffffff,#ffd3ff,#ffceaa);
  background-size:50%;
  filter:drop-shadow(0 0 2px rgba(80,80,80,0.4));
  background-clip:text; -webkit-background-clip:text; text-fill-color:transparent; -webkit-text-fill-color:transparent;
  animation:none;
}

/* ncp + reward */
.collection.collection-reward>.collection-item{ padding:0 8px;}
.collection.collection-reward>.collection-item .item-menu{ display:block;}
.collection.collection-reward>.collection-item .item-menu>.item-menu-trigger{ display:inline-flex; color:unset; padding:24px; margin:4px 2px;}
.collection.collection-reward>.collection-item .item-menu>.item-menu-trigger:hover{ background-color:rgba(128,128,128,.08);}

@media all and (-ms-high-contrast: none) {
  .e-reward .e-reward-7,
  .e-reward .e-reward-6,
  .e-reward .e-reward-5,
  .e-reward .e-reward-4,
  .e-reward .e-reward-3,
  .e-reward .e-reward-2,
  .e-reward .e-reward-1{ background:none!important;}
  .collection.collection-reward>.collection-item .item-menu>.item-menu-trigger{ padding:0;}
}

/* user */
.collection.with-header .collection-header .collection-item-check {
  padding: 0;
  margin: 0;
}
.collection.with-header .collection-header .collection-item-check .label-line {
  margin: 0;
}
.collection.with-header .collection-header .collection-item-check input[type="checkbox"]+span:not(.background) {
  background-color: #fff;
}
.collection.with-header .collection-header .item-body .title {
  margin-top: 5px;
}
.collection.with-header .collection-header .item-body .title>label {
  font-size: inherit;
  font-weight: bold;
  cursor: pointer;
}


/* text */
.text-dec-wrap .number{ font-size:1.6rem; padding-left:4px; padding-right:4px;}
.text-dec-wrap .size-l{ font-size:3.2rem;}


/** common **/
.btn.btn-large.col.s12{ border-radius:34px;}

/** ncp add **/
.ncp-list .ncp-list-item .ncp-list-col .title{ font-weight:bold;}

/** ncp override **/
body.has-bg-image .bg-blur{ background:rgba(0,0,0,.28);}
@media all and (-ms-high-contrast: none) {
  body.has-bg-image .bg-blur{ background:rgba(0,0,0,0.2);}
}

/** ncp fix **/
.collection .collection-item.collection{ padding:0; border:0;}