::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #0000001c;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #00000049;
}

.mw-theme-primary {
  color: #febc34;
}
.mw-theme-secondary {
  color: #033f87;
}

.mw-button-plain {
  background: transparent;
  border: none;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.mw-button-plain:focus {
  outline: none;
  box-shadow: none;
}

.mw-button-plain-selectall {
  background: transparent;
  border: none;
  height: 30px !important;
  padding-top: 0px !important;
  margin-top: 0px !important;
}
.mw-button-plain-selectall:hover {
  background-color: #033f87 !important;
  color: white !important;
}
.mw-button-plain-selectall:focus {
  outline: none;
  box-shadow: none;
}

.mw-button {
  background-color: white !important;
  color: #033f87 !important;
  border: solid #033f87 1px !important;
  border-radius: 3px !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 12px !important;
  font-weight: 400;
}
.mw-button:hover {
  background-color: #033f87 !important;
  color: white !important;
}

.mw-button-pay {
  background-color: white !important;
  color: #033f87 !important;
  border: solid #033f87 1px !important;
  border-radius: 3px !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
  font-size: 14px !important;
  font-weight: 400;
}

.mw-button-pay:hover {
  background-color: #033f87 !important;
  color: white !important;
}


.icon_valuetable {
  color: #033f87;
  width: 25px !important;
  height: 25px !important;
  font-size: 30px !important;
}

.mw-button-image {
  padding-right: 8px;
  width: 32px;
}

.mw-icon-button-q {
  background-color: transparent !important;
  color: #033f87 !important;
  margin: 0px;
  font-size: 10px;
  font-weight: normal;
  line-height: normal !important;
  border: 1px solid #033f87 !important;
  padding: 0px !important;
  min-width: 15px !important;
}
.mw-icon-button-q:hover {
  color: white !important;
  background-color: #033f87 !important;
  border: 1px solid white !important;
}

.mw-button-link {
  color: dodgerblue;
  font-size: 16px;
}

.mw-checkbox {
  cursor: pointer;
  color: #033f87;
  height: 15px;
  width: 15px;
  border: 1px solid #aeaeae;
}
.mw-checkbox :hover {
  border: 1px solid #febc34;
}
.mw-chk-container {
  cursor: pointer;
  vertical-align: center;
}
.mw-chk-container :hover {
  color: #febc34;
}
.mw-chk-label {
  padding-left: 15px;
  cursor: pointer;
  color: #222e3c;
  font-size: 16px;
  text-align: -webkit-match-parent;
}

.mw-header-title {
  color: rgba(0, 0, 0, 0.84);;
  font-size: 25px;
}
.mw-header-icon {
  font-size: 30px;
}

.mw_contact_formfield {
  width: 100%;
  margin-bottom: 10px;
}
.mw_input {
  color: #666666 !important;
}
.mw_contact_textarea {
  color: #666666 !important;
  height: 140px;
}
.mw_reg_formfield {
  width: 100%;
}
.mw-userinfo {
  text-transform: lowercase;
  font-size: smaller;
}
.div-toolbar-header2 {
  background-color: #febc34;
}
.div-toolbar-header2-mb {
  background-color: white;
}
.mw-menu-mb {
  background-color: #febc34;
  padding-left: 10px;
}
.mw-app-title {
  margin-left: 5px;
}
.mw-app-title-mb {
  margin-left: 0px;
}
/* .mw-app-logo{} */
.mw-userinfo-app {
  margin-left: 10px;
  color: black;
  margin-right: 20px;
}
.mw-userinfo-icon {
  font-size: 16px;
}
.mw-userinfo-name {
  font-size: 18px;
}
.mw-userinfo-email {
  font-size: 12px;
}
.cls-navbar {
  background-color: #033f87;
}

.cls-navbar-toolbar {
  background-color: #033f87 !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  width: 100% !important;
}
.cls-navbar-list-mb {
  background-color: #033f87 !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  width: 100% !important;
}

.cls-mat-tbbutton-container {
  width: 100%;
  padding-top: 15px;
}

.cls-mat-tbbutton-container-mb {
  width: 100%;
  margin-bottom: 10px !important;
}

.cls-mat-tbbutton {
  background-color: transparent !important;
  color: #febc34 !important;
  margin: 0px;
  width: 100%;
  height: 100%;
  font-size: 14px;
  font-weight: normal;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.cls-mat-tbbutton-mb {
  background-color: transparent !important;
  color: #febc34 !important;
  margin: 10px;
}

.cls-mat-tbbutton-mb:hover {
  background-color: #5a7fac !important;
}
.cls-mat-tbbutton-mb-sel {
  background-color: #5a7fac !important;
}

.cls-mat-tbbutton:hover {
  background-color: #5a7fac !important;
}
.cls-mat-tbbutton-sel {
  background-color: #5a7fac !important;
}

.mw-nav-label {
  color: white;
}
.mw-nav-label-mb {
  color: white;
  font-size: 12px;
  font-weight: normal;
}

.mw-nav-icon {
  font-size: 32px;
  height: auto !important;
  width: auto !important;
}
.mw-nav-icon-mb {
  font-size: 20px;
  height: auto !important;
  width: auto !important;
}

.mw-nav-icon-image {
  height: 32px;
  width: 32px;
}
.mw-nav-icon-image-mb {
  height: 24px;
  width: 24px;
}

.cls-mat-tbicon {
  font-size: 24px;
}
.mw-form-container {
  padding: 5px;
}

.mw-card-container {
  margin-top: 20px;
  background-color: white;
  border: 1px solid #8da8c949;
  border-radius: 8px;
  box-shadow: 0 7px 22px #f2f0f0;
  -webkit-box-shadow: 0 7px 22px #f2f0f0;
  -moz-box-shadow: 0 7px 22px #f2f0f0;
  /* min-height: calc(100vh - 130px); */
}

.mw-card-container-mb {
  background-color: white;
  border: 1px solid #8da8c949;
  border-radius: 8px;
  box-shadow: 0 7px 22px #f2f0f0;
  -webkit-box-shadow: 0 7px 22px #f2f0f0;
  -moz-box-shadow: 0 7px 22px #f2f0f0;
  margin-bottom: 15px;
}

.mw-card-container-course {
  margin-bottom: 10px;
}

.mw-form-container-grid-mb {
  width: 800px;
}

.mw-card-header-white {
  background: white;
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 13px;
  padding-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%),
    0 7px 10px -5px rgb(245 245 245  / 40%);

  position: relative;
  margin-top: -15px;
  min-height: 60px;
  color: white;
/*   
  background-color: #febc34;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 4px 5px 4px 8px; */
}

.mw-card-header {
  background: linear-gradient(60deg, #033f87, #83d3f0);
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 13px;
  padding-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%),
    0 7px 10px -5px rgb(37 171 219 / 40%);

  position: relative;
  margin-top: -15px;
  min-height: 60px;
  color: white;
/*   
  background-color: #febc34;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 4px 5px 4px 8px; */
} /* TRBF */
.mw-card-header-title {
  color: rgba(255, 255, 255);
  font-size: 18px;
  font-weight: 400;
  vertical-align: middle;  
}
.mw-card-header-title2 {
  color: #666666;
  font-size: 20px;
  font-weight: 500;
}
.mw-card-header-subtitle {
  color: white;
  font-size: 15px;
}
.mw-card-header-normaltitle {
  color: white;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 400;
}
.mw-card-content {
  background-color: white;
  padding: 2px 2px 2px 2px;
}
.mw-card-content-mb {
  background-color: white;
  padding: 2px 2px 2px 2px;
}

.mw-card-course-image {
  min-height: 50px;
  padding: 8px 8px 8px 8px;
  overflow: hidden;
}

.mw-card-course-content {
  min-height: 200px;
  padding: 8px 8px 8px 5px;
  text-align: justify;
}
.mw-card-actions {
  min-height: 80px;
  padding: 8px 18px 8px 18px;
  background-color: white;
}

.mw-card-actions_practice {
  min-height: 50px;
  padding: 8px 18px 8px 18px;
  background-color: white;
}

.mw-rounded-bottom {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-bottom: 5px;
}
.mw-rounded-top {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.mw-scrollable {
  overflow-y: auto;
}

.mwTableActionButton {
  cursor: pointer;
  padding: 0px !important;
  margin: 0px !important;
  background-color: transparent !important;
  color: #033f87;
}

.mwTableActionButton2 {
  cursor: pointer;
  padding: 0px;
  margin-left: 10px;
  background-color: transparent !important;
  color: #033f87;
  border-style: none;
}
/* .mwTableActionButton:hover{background-color:#033f87!important;color: white} */

.mwTableActionIcon {
  cursor: pointer;
  padding: 0px !important;
  color: inherit;
}
.mwTableActionIcon:hover {
  color: #febc34;
}

.mwTableActionLabel {
  font-weight: 400;
  font-size: 12px;
  color: inherit;
}
.mwTableActionLabel:hover {
  color: #febc34;
}

.mw-div-treeview {
  padding: 5px;
  background-color: white;
  overflow-y: auto;
  height: 100%;
}

/* .divform-row-qst-display{width:100%;margin-bottom:10px;line-height:150%;display:flex;justify-content:flex-start;flex-direction:row;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;} */

/*
.divform-row-qst-display.e-rte-table.e-dashed-border td,
.divform-row-qst-display.e-rte-table.e-dashed-border th{border-style:none!important;border-width:0px;border-color:white!important;}
.divform-row-qst-display div{padding:1px;min-height:5px!important;}
.divform-row-qst-display ejs-richtexteditor{border-style:none;padding:8px;min-height:1px!important;}
.divform-row-qst-display ejs-richtexteditor p {font-size: 14px!important;font-weight: 200!important;}
.divform-row-qst-display-ans{padding:5px;white-space:pre-wrap;}

.divform-row-qst-display div{border-style:none;padding:1px;border-width:0px;border-color:white!important;}
.divform-row-qst-display-div{width:100%;margin-bottom:5px;line-height:150%;display:flex;justify-content:flex-start;flex-direction:row;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;border:none;white-space:pre-wrap;padding:8px;}
.divform-row-qst-display-text{width:100%;margin-bottom:5px;line-height:125%;display:flex;justify-content:flex-start;flex-direction:row;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;border:none;vertical-align:top;white-space:pre-wrap;} */

.divform-row-ans-display {
  font-size: 14px;
}
.divform-row-ans-display P {
  font-size: 14px;
}

.mw-spacer {
  flex: 1 1 auto;
}

.e-rte-content {
  border-style: none !important;
  padding: 1px !important;
  min-height: 1px !important;
  margin-top: 0px;
}
.divform-row-ansheader {
  width: 100%;
  line-height: 150%;
  font-weight: bold;
}

.mw-button-icon {
  font-size: 20px;
  padding-right: 4px;
}
.mw-button-icon-right {
  font-size: 20px;
  padding-left: 4px;
}

.mw-button-selectall {
  font-size: 14px;
  padding-right: 4px;
}

.mw-button-link {
  color: dodgerblue;
  font-size: 16px;
}
.mw-div-product-desc {
  height: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 10px;
  text-align: justify;
}
.mw-span-product-desc {
  height: 150px;
  text-overflow: ellipsis;
  text-align: justify;
}

.pageheading {
  font-size: 26px;
  color: #222e3c;
  line-height: normal;
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}

.mw-div-qstans-container {
  padding: 4px;
  overflow: hidden;
  overflow-y: scroll;
}

.mw-div-qstn-container {
  padding-left: 10px;
  border: whitesmoke solid 1px;
}
.mw-div-answer-container {
  padding-left: 10px;
  border: whitesmoke solid 1px;
}
.mw-div-rationale-container {
  padding-left: 10px;
  border: whitesmoke solid 1px;
}

.mw-div-container-heading {
  color: #222e3c;
  background-color: whitesmoke;
  width: 100px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  margin-top: 5px;
  padding-left: 5px;
  border: solid 1px whitesmoke;
  border-bottom: none;
}

.divform-row-qst-display {
  width: 100%;
  margin-bottom: 10px;
  line-height: 150%;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.divform-row-qst-display.e-rte-table.e-dashed-border td,
.divform-row-qst-display.e-rte-table.e-dashed-border th {
  border-style: none !important;
  border-width: 0px;
  border-color: white !important;
}
.divform-row-qst-display div {
  padding: 1px;
  min-height: 5px !important;
}
.divform-row-qst-display ejs-richtexteditor {
  border-style: none !important;
  padding: 1px;
  min-height: 1px !important;
}
.divform-row-qst-display-ans {
  white-space: pre-wrap;
}

.divform-row-qst-display div {
  border-style: none;
  padding: 1px;
  border-width: 0px;
  border-color: white !important;
}
.divform-row-qst-display-div {
  width: 100%;
  margin-bottom: 5px;
  line-height: 150%;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  border: none;
  white-space: pre-wrap;
  padding: 8px;
}
.divform-row-qst-display-text {
  width: 100%;
  margin-bottom: 5px;
  line-height: 125%;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  border: none;
  vertical-align: top;
  white-space: pre-wrap;
}
.divform-row-qstfooter {
  width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
.divform-row-qstheader {
  width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
.div-hidden {
  display: none;
}

/*{.about span{font-size:20px;margin-bottom:20px}} */
.ck .ck-content {
  border: solid 1px lightgray;
}

p {
  margin-bottom: 1px !important;
  margin-top: 1px !important;
}