Merge branch 'MDL-63674-master' of git://github.com/rezaies/moodle
[moodle.git] / theme / bootstrapbase / style / moodle.css
index f3f4a1e..74616fe 100644 (file)
@@ -4831,6 +4831,10 @@ h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
   right: 0 !important;
   /* stylelint-disable-line declaration-no-important */
 }
+.overflow-hidden {
+  overflow: hidden !important;
+  /* stylelint-disable-line declaration-no-important */
+}
 /* admin.less */
 .formtable tbody th {
   font-weight: normal;
@@ -5244,10 +5248,12 @@ img.iconsmall {
 .adminsettingsflags label {
   margin-right: 7px;
 }
-.form-description {
+.form-description,
+.form-dependenton {
   clear: right;
 }
 .form-description pre,
+.form-dependenton pre,
 .formsettingheading pre {
   /* Code examples should be left aligned. */
   /*rtl:ignore*/
@@ -8171,530 +8177,6 @@ a.ygtvspacer:hover {
   padding-left: 5px;
 }
 /** The message area **/
-.messaging-area-container {
-  margin-bottom: 30px;
-}
-.messaging-area-container .status .online-text {
-  display: none;
-  color: #7d7;
-}
-.messaging-area-container .status .offline-text {
-  color: #ff6961;
-}
-.messaging-area-container .status.online .online-text {
-  display: inherit;
-}
-.messaging-area-container .status.online .offline-text {
-  display: none;
-}
-.messaging-area-container a,
-.messaging-area-container .btn.btn-link {
-  color: #4f94cd;
-}
-.messaging-area-container .messaging-area {
-  border: 1px solid #e3e3e3;
-  clear: both;
-  border-radius: 4px;
-}
-.messaging-area-container .messaging-area img {
-  max-width: 100%;
-}
-.messaging-area-container .messaging-area .contacts-area {
-  border-right: 1px solid #e3e3e3;
-  height: 600px;
-  width: 280px;
-  display: inline-block;
-  box-sizing: border-box;
-}
-@media (max-height: 670px) {
-  .messaging-area-container .messaging-area .contacts-area {
-    height: 500px;
-  }
-}
-.messaging-area-container .messaging-area .contacts-area.searchfilter .searchtextarea {
-  height: 80px;
-}
-.messaging-area-container .messaging-area .contacts-area.searchfilter .searcharea {
-  height: 470px;
-}
-.messaging-area-container .messaging-area .contacts-area .searchtextarea {
-  padding: 5px;
-  text-align: center;
-  height: 50px;
-  box-sizing: border-box;
-  line-height: 50px;
-  background-color: #fff;
-  transition: background-color linear 0.2s;
-}
-.messaging-area-container .messaging-area .contacts-area .searchtextarea input {
-  background-color: #f5f5f5;
-  border: 0;
-  width: 90%;
-  box-shadow: none;
-  transition: background-color linear 0.2s;
-}
-.messaging-area-container .messaging-area .contacts-area .searchtextarea input:focus {
-  box-shadow: none;
-}
-.messaging-area-container .messaging-area .contacts-area .searchtextarea.searching {
-  background-color: #f5f5f5;
-  transition: background-color linear 0.2s;
-}
-.messaging-area-container .messaging-area .contacts-area .searchtextarea.searching input {
-  background-color: #fff;
-  transition: background-color linear 0.2s;
-}
-.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea {
-  line-height: 20px;
-  cursor: pointer;
-}
-.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilter {
-  float: left;
-}
-.messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilterdelete {
-  float: left;
-  margin-left: 5px;
-}
-.messaging-area-container .messaging-area .contacts-area .searcharea .heading {
-  text-align: center;
-  border-top: 1px solid black;
-  border-bottom: 1px solid black;
-  font-size: 14px;
-  font-weight: bold;
-}
-.messaging-area-container .messaging-area .contacts-area .searcharea .course {
-  text-align: center;
-}
-.messaging-area-container .messaging-area .contacts-area .searcharea .course:hover {
-  background-color: #4f94cd;
-  color: #fff;
-  border: none;
-  cursor: pointer;
-}
-.messaging-area-container .messaging-area .contacts-area .searcharea .noresults {
-  padding-top: 20px;
-  text-align: center;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts {
-  height: 500px;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}
-@media (max-height: 670px) {
-  .messaging-area-container .messaging-area .contacts-area .contacts {
-    height: 400px;
-  }
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .nocontacts {
-  padding-top: 20px;
-  text-align: center;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact {
-  height: 66px;
-  cursor: pointer;
-  border-bottom: 1px solid #e3e3e3;
-  box-sizing: border-box;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread {
-  background-color: #f1f1f1;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .picture {
-  border-color: #f1f1f1;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .information {
-  width: 60%;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .unread-count-container {
-  display: inline-block;
-  width: 15%;
-  float: left;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover {
-  background-color: #4f94cd;
-  color: #fff;
-  border: none;
-  background-color: #79b5e6;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .information .lastmessage {
-  color: #fff;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .picture {
-  border: none;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected {
-  background-color: #4f94cd;
-  color: #fff;
-  border: none;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .information .lastmessage {
-  color: #fff;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .picture {
-  border: none;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact .picture {
-  line-height: 66px;
-  text-align: center;
-  height: 66px;
-  border-bottom: 1px solid #fff;
-  width: 25%;
-  float: left;
-  display: inline-block;
-  box-sizing: border-box;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact .picture img {
-  border-radius: 50%;
-  height: 54px;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact .information {
-  padding: 6px 0;
-  height: 66px;
-  width: 75%;
-  float: left;
-  display: inline-block;
-  box-sizing: border-box;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name {
-  font-weight: bold;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name img {
-  vertical-align: baseline;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact .information .lastmessage {
-  word-wrap: break-word;
-  margin: 0;
-  height: 40px;
-  line-height: 17px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: #a1a1a1;
-  padding-right: 10px;
-}
-.messaging-area-container .messaging-area .contacts-area .contacts .contact .unread-count-container {
-  display: none;
-  line-height: 66px;
-  text-align: center;
-  box-sizing: border-box;
-}
-.messaging-area-container .messaging-area .contacts-area .tabs {
-  border-top: 1px solid #e3e3e3;
-  height: 50px;
-  box-sizing: border-box;
-}
-.messaging-area-container .messaging-area .contacts-area .tabs .tab {
-  cursor: pointer;
-  height: 100%;
-  background-color: #f5f5f5;
-  margin: 0;
-  width: 50%;
-  text-align: center;
-  float: left;
-}
-.messaging-area-container .messaging-area .contacts-area .tabs .tab:hover {
-  color: #4f94cd;
-}
-.messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage {
-  height: 30px;
-  line-height: 30px;
-}
-.messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage img {
-  height: 20px;
-}
-.messaging-area-container .messaging-area .contacts-area .tabs .tab.selected {
-  color: #4f94cd;
-}
-.messaging-area-container .messaging-area .messages-area {
-  width: calc(100% - 280px);
-  height: 600px;
-  box-sizing: border-box;
-  margin: 0;
-  position: relative;
-  float: right;
-}
-@media (max-height: 670px) {
-  .messaging-area-container .messaging-area .messages-area {
-    height: 500px;
-  }
-}
-.messaging-area-container .messaging-area .messages-area .btn-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  padding-left: 15px;
-  font-weight: normal;
-}
-.messaging-area-container .messaging-area .messages-area .btn-container.view-toggle {
-  display: none;
-}
-.messaging-area-container .messaging-area .messages-area .btn-container.delete-all {
-  display: none;
-}
-.messaging-area-container .messaging-area .messages-area .profile-header {
-  height: 50px;
-  line-height: 50px;
-  display: none;
-}
-.messaging-area-container .messaging-area .messages-area .profile-header .btn-container {
-  display: block;
-}
-.messaging-area-container .messaging-area .messages-area .profile-header .btn-container .btn-link {
-  padding: 0;
-  line-height: inherit;
-}
-.messaging-area-container .messaging-area .messages-area .profile {
-  padding: 30px;
-  font-size: 16px;
-  height: 600px;
-  box-sizing: border-box;
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}
-@media (max-height: 670px) {
-  .messaging-area-container .messaging-area .messages-area .profile {
-    height: 500px;
-  }
-}
-.messaging-area-container .messaging-area .messages-area .profile .user-container {
-  height: 100px;
-}
-.messaging-area-container .messaging-area .messages-area .profile .user-container .profile-picture {
-  border-radius: 50%;
-  max-height: 100px;
-  display: inline-block;
-}
-.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container {
-  display: inline-block;
-  vertical-align: top;
-  margin-top: 20px;
-  margin-left: 10px;
-}
-.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .name {
-  font-weight: bold;
-  display: block;
-}
-.messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .status {
-  display: block;
-  font-size: 14px;
-}
-.messaging-area-container .messaging-area .messages-area .profile .information {
-  margin: 0;
-  display: inline-block;
-  float: right;
-  margin-top: 20px;
-  font-size: 14px;
-  list-style: none;
-}
-.messaging-area-container .messaging-area .messages-area .profile .information .name {
-  display: inline-block;
-  font-weight: bold;
-  text-align: right;
-  margin-right: 10px;
-}
-.messaging-area-container .messaging-area .messages-area .profile .information .value {
-  display: inline-block;
-}
-.messaging-area-container .messaging-area .messages-area .profile .actions {
-  padding-top: 80px;
-}
-.messaging-area-container .messaging-area .messages-area .profile .actions .separator {
-  border-bottom: 1px solid #e3e3e3;
-  margin-bottom: 20px;
-  padding-bottom: 5px;
-}
-.messaging-area-container .messaging-area .messages-area .profile .actions .separator a.danger {
-  color: #ff6961;
-}
-.messaging-area-container .messaging-area .messages-area .messages-header {
-  height: 50px;
-  font-weight: bold;
-  line-height: 50px;
-  box-sizing: border-box;
-  border-bottom: 1px solid #e3e3e3;
-  text-align: center;
-  position: relative;
-}
-.messaging-area-container .messaging-area .messages-area .messages-header .btn-link {
-  padding: 0;
-  line-height: inherit;
-}
-.messaging-area-container .messaging-area .messages-area .messages-header .delete-instructions {
-  display: none;
-}
-.messaging-area-container .messaging-area .messages-area .messages-header .name-container {
-  padding-top: 9px;
-  display: inline-block;
-}
-.messaging-area-container .messaging-area .messages-area .messages-header .name-container .name {
-  line-height: 20px;
-}
-.messaging-area-container .messaging-area .messages-area .messages-header .name-container .status {
-  line-height: 12px;
-  font-size: 12px;
-  font-weight: normal;
-}
-.messaging-area-container .messaging-area .messages-area .messages-header .actions {
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding-right: 15px;
-  font-weight: normal;
-}
-.messaging-area-container .messaging-area .messages-area .messages-header .actions .cancel-messages-delete {
-  display: none;
-}
-.messaging-area-container .messaging-area .messages-area .messages {
-  height: 500px;
-  overflow-y: auto;
-  overflow-x: hidden;
-  -webkit-overflow-scrolling: touch;
-  box-sizing: border-box;
-  padding: 20px;
-}
-@media (max-height: 670px) {
-  .messaging-area-container .messaging-area .messages-area .messages {
-    height: 400px;
-  }
-}
-.messaging-area-container .messaging-area .messages-area .messages .blocktime {
-  clear: both;
-  text-align: center;
-  color: #a1a1a1;
-  font-size: 12px;
-  margin: 5px 0;
-}
-.messaging-area-container .messaging-area .messages-area .messages .message .deletemessagecheckbox {
-  display: none;
-  text-align: center;
-  padding-top: 5px;
-}
-.messaging-area-container .messaging-area .messages-area .messages .message .content {
-  border: 1px solid #e3e3e3;
-  padding: 10px;
-  margin-bottom: 5px;
-  font-size: 12px;
-  word-wrap: break-word;
-  max-width: 55%;
-  border-radius: 4px;
-  position: relative;
-}
-.messaging-area-container .messaging-area .messages-area .messages .message .content .text {
-  display: block;
-}
-.messaging-area-container .messaging-area .messages-area .messages .message .content .text p {
-  margin: 0;
-}
-.messaging-area-container .messaging-area .messages-area .messages .message .content .timesent {
-  font-size: 10px;
-  color: #a1a1a1;
-  float: right;
-}
-.messaging-area-container .messaging-area .messages-area .messages .message .content.left {
-  float: left;
-}
-.messaging-area-container .messaging-area .messages-area .messages .message .content.right {
-  float: right;
-}
-.messaging-area-container .messaging-area .messages-area .response {
-  display: table;
-  border-bottom-right-radius: 4px;
-  padding: 10px 10px 9px;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  line-height: 28px;
-  text-align: center;
-  border-top: 1px solid #e3e3e3;
-  box-sizing: border-box;
-  background-color: #fff;
-  transition: background-color linear 0.2s;
-}
-.messaging-area-container .messaging-area .messages-area .response .delete-confirmation {
-  display: none;
-}
-.messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm {
-  border: 1px solid #4f94cd;
-  border-radius: 4px;
-}
-.messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm:hover {
-  background-color: #4f94cd;
-  color: #fff;
-  text-shadow: none;
-}
-.messaging-area-container .messaging-area .messages-area .response .message-box {
-  display: table-row;
-}
-.messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container {
-  display: table-cell;
-}
-.messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea {
-  width: 100%;
-  margin: 0;
-  resize: none;
-  border: none;
-  box-shadow: none;
-  box-sizing: border-box;
-  background-color: #f5f5f5;
-  transition: background-color linear 0.2s;
-}
-.messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea:focus {
-  box-shadow: none;
-}
-.messaging-area-container .messaging-area .messages-area .response .message-box .send-button-container {
-  display: table-cell;
-  width: 1px;
-}
-.messaging-area-container .messaging-area .messages-area .response.messaging {
-  background-color: #f5f5f5;
-  transition: background-color linear 0.2s;
-}
-.messaging-area-container .messaging-area .messages-area .response.messaging .message-box .message-text-container textarea {
-  background-color: #fff;
-  transition: background-color linear 0.2s;
-}
-.messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-all {
-  display: none;
-}
-.messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
-  display: block;
-}
-.messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-instructions {
-  display: block;
-}
-.messaging-area-container .messaging-area .messages-area.editing .messages-header .name-container {
-  display: none;
-}
-.messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .messages-delete {
-  display: none;
-}
-.messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .cancel-messages-delete {
-  display: block;
-}
-.messaging-area-container .messaging-area .messages-area.editing .messages .message {
-  cursor: pointer;
-}
-.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content {
-  background-color: #4f94cd;
-  border-color: #4f94cd;
-  color: #fff;
-}
-.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content .timesent {
-  color: #fff;
-}
-.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover {
-  background-color: #79b5e6;
-  color: #fff;
-}
-.messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover .timesent {
-  color: #fff;
-}
-.messaging-area-container .messaging-area .messages-area.editing .response .delete-confirmation {
-  display: block;
-}
-.messaging-area-container .messaging-area .messages-area.editing .response .message-box {
-  display: none;
-}
 .preferences-container .container-fluid {
   padding: 0;
 }
@@ -8960,93 +8442,6 @@ a.ygtvspacer:hover {
   display: none;
 }
 @media (max-width: 979px) {
-  .messaging-area-container .messaging-area {
-    position: relative;
-    overflow: hidden;
-    height: 600px;
-  }
-  .messaging-area-container .messaging-area .messages-area .messages-header .btn-container.view-toggle {
-    display: block;
-  }
-  .messaging-area-container .messaging-area .messages-area .messages-header .btn-container.delete-all {
-    display: none;
-  }
-  .messaging-area-container .messaging-area .messages-area .profile-header {
-    display: block;
-  }
-  .messaging-area-container .messaging-area .messages-area .profile {
-    height: 550px;
-  }
-  .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-toggle {
-    display: none;
-  }
-  .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
-    display: block;
-  }
-  .messaging-area-container .messaging-area .contacts-area {
-    width: 100%;
-    border-right: none;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: auto;
-    bottom: auto;
-  }
-  .messaging-area-container .messaging-area .messages-area {
-    width: 100%;
-    position: absolute;
-    top: 0;
-    left: auto;
-    right: 0;
-    bottom: auto;
-  }
-  .messaging-area-container .messaging-area.show-messages .contacts-area {
-    left: -100%;
-    opacity: 0;
-    visibility: hidden;
-    transition: left 0.25s, opacity 0.25s, visibility 0.25s;
-  }
-  .messaging-area-container .messaging-area.show-messages .messages-area {
-    right: 0;
-    opacity: 1;
-    visibility: visible;
-    transition: right 0.25s, opacity 0.25s, visibility 0.25s;
-  }
-  .messaging-area-container .messaging-area.hide-messages .contacts-area {
-    left: 0;
-    opacity: 1;
-    visibility: visible;
-    transition: left 0.25s, opacity 0.25s, visibility 0.25s;
-  }
-  .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected {
-    background-color: inherit;
-    color: inherit;
-    border-bottom: 1px solid #e3e3e3;
-  }
-  .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover {
-    background-color: #4f94cd;
-    color: #fff;
-    border: none;
-    background-color: #79b5e6;
-  }
-  .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .information .lastmessage {
-    color: #fff;
-  }
-  .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .picture {
-    border: none;
-  }
-  .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .picture {
-    border-bottom: 1px solid #fff;
-  }
-  .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .information .lastmessage {
-    color: #a1a1a1;
-  }
-  .messaging-area-container .messaging-area.hide-messages .messages-area {
-    right: -100%;
-    opacity: 0;
-    visibility: hidden;
-    transition: right 0.25s, opacity 0.25s, visibility 0.25s;
-  }
   .notification-area {
     position: relative;
     overflow: hidden;
@@ -9097,20 +8492,8 @@ a.ygtvspacer:hover {
     transition: right 0.25s;
   }
 }
-@media (max-width: 979px) and (max-height: 670px) {
-  .messaging-area-container .messaging-area {
-    height: 500px;
-  }
-}
-.message-drawer {
-  position: fixed;
-  top: 0;
-  height: 100%;
-  right: 0;
-  width: 320px;
-  z-index: 999;
+.message-app {
   background-color: #fff;
-  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08);
   display: flex;
   flex-direction: column;
   -webkit-transition: all 0.2s ease-in-out;
@@ -9118,59 +8501,69 @@ a.ygtvspacer:hover {
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }
+.message-app.drawer {
+  position: fixed;
+  right: 0;
+  width: 320px;
+  z-index: 999;
+  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08);
+}
+.message-app.main {
+  height: 768px;
+}
 @media (min-width: 980px) {
-  .message-drawer {
+  .message-app {
     height: calc(100% - 42px);
     top: 42px;
   }
-  .message-drawer .drawer-top {
+  .message-app .drawer-top {
     display: none;
   }
 }
-.message-drawer.hidden {
+.message-app.hidden {
   display: block;
   right: -320px;
 }
-.message-drawer .header-container {
+.message-app .header-container {
   flex-shrink: 0;
 }
-.message-drawer .searchinput {
+.message-app .searchinput {
   box-shadow: none;
   width: 100%;
 }
-.message-drawer [data-region="confirm-dialogue-container"] {
+.message-app [data-region="confirm-dialogue-container"] {
   box-sizing: border-box;
 }
-.message-drawer [data-region="confirm-dialogue-container"] * {
+.message-app [data-region="confirm-dialogue-container"] * {
   box-sizing: border-box;
 }
-.message-drawer [data-region="confirm-dialogue-container"] .btn-block {
+.message-app [data-region="confirm-dialogue-container"] .btn-block {
   margin-left: 0;
 }
-.message-drawer .body-container {
+.message-app .body-container {
   flex: 1;
   overflow: hidden;
 }
-.message-drawer .body-container > * {
+.message-app .body-container > * {
   position: absolute;
   right: 0;
   left: 0;
   top: 0;
   bottom: 0;
 }
-.message-drawer .footer-container {
+.message-app .footer-container {
   flex-shrink: 0;
   overflow-x: hidden;
 }
-.message-drawer .footer-container textarea {
+.message-app .footer-container textarea {
   direction: ltr;
 }
-.message-drawer .matchtext {
+.message-app .matchtext {
   background-color: #ade6fe;
   color: #333;
   height: 1.5rem;
 }
-.message-drawer .contact-status {
+.message-app .contact-status {
   position: absolute;
   left: 39px;
   top: 39px;
@@ -9178,80 +8571,80 @@ a.ygtvspacer:hover {
   height: 10px;
   border-radius: 50%;
 }
-.message-drawer .contact-status.online {
+.message-app .contact-status.online {
   border: 1px solid #46a546;
   background-color: #46a546;
 }
-.message-drawer a,
-.message-drawer .btn-link {
+.message-app a,
+.message-app .btn-link {
   text-decoration: none;
   color: inherit;
 }
-.message-drawer .btn-link:hover,
-.message-drawer .btn-link:focus {
+.message-app .btn-link:hover,
+.message-app .btn-link:focus {
   background-color: #e8e8e8;
   text-decoration: none;
 }
-.message-drawer .accordion-group .collapse.in {
+.message-app .accordion-group .collapse.in {
   overflow-y: auto;
 }
-.message-drawer .message p {
+.message-app .message p {
   margin: 0;
 }
-.message-drawer .clickable {
+.message-app .clickable {
   cursor: pointer;
 }
-.message-drawer .clickable:hover {
+.message-app .clickable:hover {
   box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05), 3px 3px 5px -2px rgba(0, 0, 0, 0.1), 1px 1px 5px 0 rgba(0, 0, 0, 0.03);
 }
-.message-drawer h6,
-.message-drawer .h6 {
+.message-app h6,
+.message-app .h6 {
   font-size: 14px;
   font-weight: normal;
 }
-.message-drawer .accordion-group .collapsed-icon-container {
+.message-app .accordion-group .collapsed-icon-container {
   display: inline-block;
 }
-.message-drawer .accordion-group .expanded-icon-container {
+.message-app .accordion-group .expanded-icon-container {
   display: none;
 }
-.message-drawer .accordion-group.expanded .collapsed-icon-container {
+.message-app .accordion-group.expanded .collapsed-icon-container {
   display: none;
 }
-.message-drawer .accordion-group.expanded .expanded-icon-container {
+.message-app .accordion-group.expanded .expanded-icon-container {
   display: inline-block;
 }
-.message-drawer .view-overview-body .section {
+.message-app .view-overview-body .section {
   display: block;
 }
-.message-drawer .view-overview-body .section.expanded {
+.message-app .view-overview-body .section.expanded {
   display: flex;
   flex-direction: column;
 }
-.message-drawer .onepix {
+.message-app .onepix {
   height: 1px;
   width: 1px;
   position: absolute;
 }
-.message-drawer .view-conversation .content-message-container img {
+.message-app .view-conversation .content-message-container img {
   max-width: 100%;
 }
-.message-drawer .list-group .list-group-item {
+.message-app .list-group .list-group-item {
   border-top: 1px solid #e3e3e3;
   border-bottom: 1px solid #e3e3e3;
   margin-bottom: -1px;
 }
-.message-drawer .list-group .list-group-item:first-child {
+.message-app .list-group .list-group-item:first-child {
   border-top: 0;
 }
-.message-drawer .list-group .list-group-item:last-child {
+.message-app .list-group .list-group-item:last-child {
   border-bottom: 0;
   margin-bottom: 0;
 }
-.message-drawer .last-message {
+.message-app .last-message {
   min-height: 20px;
 }
-.message-drawer .lazy-load-list {
+.message-app .lazy-load-list {
   overflow-y: auto;
 }
 .dir-rtl .message-drawer {
@@ -16454,64 +15847,67 @@ body {
   width: calc(100% - 0.5rem);
   flex-basis: auto;
 }
+.dashboard-card-deck.fixed-width-cards .dashboard-card {
+  width: 300px;
+}
 @media (min-width: 647px) {
-  .dashboard-card-deck .dashboard-card {
+  .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
     display: flex;
     flex-direction: column;
     width: calc(50% - 0.5rem);
   }
 }
 @media (min-width: 888px) {
-  .dashboard-card-deck .dashboard-card {
+  .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
     width: calc(33.333% - 0.5rem);
   }
 }
 @media (min-width: 1147px) {
-  .dashboard-card-deck .dashboard-card {
+  .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
     width: calc(25% - 0.5rem);
   }
 }
 @media (min-width: 1407px) {
-  .dashboard-card-deck .dashboard-card {
+  .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
     width: calc(20% - 0.5rem);
   }
 }
 @media (min-width: 768px) {
-  body.used-region-side-pre.empty-region-side-post .dashboard-card-deck .dashboard-card,
-  body.used-region-side-post.empty-region-side-pre .dashboard-card-deck .dashboard-card {
+  body.used-region-side-pre.empty-region-side-post .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card,
+  body.used-region-side-post.empty-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
     width: calc(100% - 0.5rem);
   }
 }
 @media (min-width: 815px) {
-  body.used-region-side-pre.empty-region-side-post .dashboard-card-deck .dashboard-card,
-  body.used-region-side-post.empty-region-side-pre .dashboard-card-deck .dashboard-card {
+  body.used-region-side-pre.empty-region-side-post .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card,
+  body.used-region-side-post.empty-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
     width: calc(50% - 0.5rem);
   }
 }
 @media (min-width: 1163px) {
-  body.used-region-side-pre.empty-region-side-post .dashboard-card-deck .dashboard-card,
-  body.used-region-side-post.empty-region-side-pre .dashboard-card-deck .dashboard-card {
+  body.used-region-side-pre.empty-region-side-post .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card,
+  body.used-region-side-post.empty-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
     width: calc(33.333% - 0.5rem);
   }
 }
 @media (min-width: 1514px) {
-  body.used-region-side-pre.empty-region-side-post .dashboard-card-deck .dashboard-card,
-  body.used-region-side-post.empty-region-side-pre .dashboard-card-deck .dashboard-card {
+  body.used-region-side-pre.empty-region-side-post .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card,
+  body.used-region-side-post.empty-region-side-pre .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
     width: calc(25% - 0.5rem);
   }
 }
 @media (min-width: 768px) {
-  body.used-region-side-pre.used-region-side-post .dashboard-card-deck .dashboard-card {
+  body.used-region-side-pre.used-region-side-post .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
     width: calc(100% - 0.5rem);
   }
 }
 @media (min-width: 1144px) {
-  body.used-region-side-pre.used-region-side-post .dashboard-card-deck .dashboard-card {
+  body.used-region-side-pre.used-region-side-post .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
     width: calc(50% - 0.5rem);
   }
 }
 @media (min-width: 1680px) {
-  body.used-region-side-pre.used-region-side-post .dashboard-card-deck .dashboard-card {
+  body.used-region-side-pre.used-region-side-post .dashboard-card-deck:not(.fixed-width-cards) .dashboard-card {
     width: calc(33.333% - 0.5rem);
   }
 }
@@ -16721,6 +16117,7 @@ form {
 }
 .form-item .form-setting,
 .form-item .form-description,
+.form-item .form-dependenton,
 .mform .fitem .felement,
 #page-mod-forum-search .c1 {
   *display: inline-block;
@@ -16730,6 +16127,7 @@ form {
 }
 .form-item .form-setting:first-child,
 .form-item .form-description:first-child,
+.form-item .form-dependenton:first-child,
 .mform .fitem .felement:first-child,
 #page-mod-forum-search .c1:first-child {
   *padding-left: 200px;
@@ -16741,13 +16139,15 @@ form {
   margin-bottom: 0;
 }
 .form-item .form-description,
+.form-item .form-dependenton,
 .felement.fstatic {
   color: #595959;
   display: block;
   margin-bottom: 10px;
   padding-top: 5px;
 }
-.form-item .form-description {
+.form-item .form-description,
+.form-item .form-dependenton {
   padding-top: 0;
 }
 .fitem .fstaticlabel {
@@ -20785,6 +20185,7 @@ span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow
   }
   .form-item .form-setting,
   .form-item .form-description,
+  .form-item .form-dependenton,
   .mform .fitem .felement,
   #page-mod-forum-search .c1,
   .mform .fdescription.required,
@@ -20851,6 +20252,7 @@ span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow
   }
   .form-item .form-setting,
   .form-item .form-description,
+  .form-item .form-dependenton,
   .mform .fitem .felement,
   #page-mod-forum-search .c1,
   .mform .fdescription.required,
@@ -21062,7 +20464,8 @@ span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow
   .mform .fitem .felement,
   .path-backup .mform .fitem .felement,
   .mform .fdescription.required,
-  .form-item .form-description {
+  .form-item .form-description,
+  .form-item .form-dependenton {
     margin-left: 0;
   }
   table#form td.submit,