/* Flex 7.1.1: account pages retain Guru forms and actions. */
body:is(.view-guruorders,.view-guruOrders,.view-guruLogin,.view-gurulogin) div#guru-component {
  background:#f6f7fb!important; color:#263449; padding:28px!important; border-radius:16px;
}
div#guru-component .gru-login :is(.gru-login-box,.gru-register-box) {
  background:#fff!important; color:#263449!important; border:1px solid #e4e8ef;
  border-radius:14px; box-shadow:0 6px 24px rgba(28,43,67,.04); padding:28px;
}
div#guru-component .gru-login :is(.uk-panel-title,.wk-panel-title) {
  color:#182333!important; border-bottom:1px solid #edf0f5; padding-bottom:16px;
}
div#guru-component .gru-login input:is([type=text],[type=password],[type=email]),
div#guru-component .gru-page-filters input[type=text] {
  background:#fff; color:#263449; border:1px solid #dbe1ea; border-radius:8px; min-height:44px; box-shadow:none;
}
div#guru-component .gru-login input:focus, div#guru-component .gru-page-filters input:focus {
  border-color:var(--flex-guru-accent,#f47363); outline:2px solid #f4736326; outline-offset:2px;
}
div#guru-component .gru-login .input-group-addon {background:#f6f7fb;border-color:#dbe1ea;color:#66758b}
div#guru-component .gru-login a, div#guru-component .gru-tbl-list .gru-course-progress a {color:var(--flex-guru-hover,#e0604f)}
div#guru-component .gru-login a:hover, div#guru-component .gru-tbl-list .gru-course-progress a:hover {text-decoration:underline}
div#guru-component .gru-login :is(input[type=submit],button[type=submit]),
div#guru-component .gru-page-filters button,
div#guru-component .gru-tbl-list .btn_renew {
  background:var(--flex-guru-accent,#f47363)!important; color:#fff!important;
  border:0!important; border-radius:8px; min-height:40px; padding:9px 18px; text-shadow:none; box-shadow:none;
}
div#guru-component .gru-login input[type=submit]:hover,
div#guru-component .gru-page-filters button:hover,div#guru-component .gru-tbl-list .btn_renew:hover {
  background:var(--flex-guru-hover,#e0604f)!important;
}
div#guru-component .gru-page-filters {margin-bottom:22px}
div#guru-component .gru-tbl-list {background:transparent!important;border:0;}
div#guru-component .gru-tbl-list .gru-tbl-row:not(.row-head) {
  background:#fff!important; border:1px solid #e4e8ef; border-radius:12px;
  padding:22px 16px; margin-bottom:14px; box-shadow:0 4px 18px rgba(28,43,67,.03);
}
div#guru-component .gru-tbl-list .row-head {background:transparent!important;color:#718096;border:0;padding:10px 16px;font-size:13px}
div#guru-component .gru-tbl-list .gru-tbl-col {min-width:0;overflow-wrap:anywhere}
div#guru-component .gru-tbl-list .gru-course-name > a {color:#182333;font-size:17px;font-weight:600}
div#guru-component .gru-tbl-list :is(.course-cat,.expire-date,.gru-course-last-visit) {color:#718096;font-size:13px}
div#guru-component .gru-tbl-list .guru_active {color:#25836a}
div#guru-component .gru-tbl-list .guru_expired {color:#b84a45}
div#guru-component .gru-tbl-list .uk-progress {background:#edf2f5;border-radius:20px;height:7px;overflow:hidden;box-shadow:none}
div#guru-component .gru-tbl-list .uk-progress-bar {background:#55a88e;border-radius:20px}
@media(min-width:992px) {
  div#guru-component .gru-tbl-list .gru-tbl-row {display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(100px,1.3fr) minmax(100px,1.2fr);gap:18px;align-items:center}
  div#guru-component .gru-tbl-list .gru-tbl-col {width:auto;padding:0}
}
@media(max-width:767px) {
  body:is(.view-guruorders,.view-guruOrders,.view-guruLogin,.view-gurulogin) div#guru-component {padding:16px!important;border-radius:12px}
  div#guru-component .gru-login :is(.gru-login-box,.gru-register-box) {padding:20px}
  div#guru-component .gru-tbl-list .row-head {display:none}
  div#guru-component .gru-tbl-list .gru-tbl-row:not(.row-head) {padding:18px}
  div#guru-component .gru-tbl-list .gru-tbl-col {padding:8px 0;flex-basis:100%}
}