/* ==========================================================================
   Moringa Theme - Custom UI Overrides
   ========================================================================== */



body.page-mycourses div#page,
body#page-message-index div#page {
   background: linear-gradient(rgba(255, 255, 255, 0.7),
         rgba(255, 255, 255, 0.7)), url('/blocks/moringa_user_dashbaord/src/images/dlh_bg_solid.svg');

}

body.page-mycourses div#topofscroll,
body.page-mycourses section#block-region-content,
body.page-mycourses .block_myoverview,
body.page-mycourses .card-body {

   background: transparent !important;
}

body.page-mycourses .card-body,
#page-my-index.page-mycourses #page.drawers .block_myoverview>.card-body,
body.page-mycourses div#topofscroll {
   padding: 0 !important;
}

body.page-mycourses h3#instance-6-header {
   display: none !important;
}


/* start message drawer */

.message-app {
   margin-top: 23px;
   padding-top: 10px;
}

.message-app .input-group.simplesearchform {
   padding: 10px;
}

.message-app .input-group.simplesearchform .btn-submit {
   border-radius: 0;
   vertical-align: middle;
   display: flex;
   color: #fff !important;
   align-items: center;
   background: #101F3C;
   border-color: #101F3C !important;
}

.message-app a.btn-link i {
   color: #101F3C;
}

.message-app .section {
   background: transparent !important;
   box-shadow: none !important;
   border-color: #CED8E5 !important;
}

.message-app .section button {
   padding: 3px !important;
   background: #fff !important;
   box-shadow: none !important;
   font-weight: 500;
   color: #101F3C !important;
   font-size: 13px;
}

.message-app .section .lazy-load-list {
   font-size: 13px;
   color: #101F3C !important;
   border: 0 !important;
}

.message-app .list-group .list-group-item.list-group-item-action {
   background: transparent !important;
}

.message-app .list-group .list-group-item.list-group-item-action:hover {
   color: #101F3C !important;
}

a[data-route="view-contacts"] {
   font-weight: bold;
}

.message-app .input-group.simplesearchform input.form-control {
   background: #fff !important;
}


/* end message drawer */


/* start message page */
body#page-message-index div#page {
   height: 100vh;
}

body#page-message-index .message-app {
   min-height: 71vh !important;
   margin: 0;
   padding: 0;
   border: none !important;
}

body#page-message-index div#topofscroll {
   background: transparent !important;
}

body#page-message-index .message-app .conversationcontainer .cst_column_inner {
   padding: 15px 20px;
   border: 1px solid #0A96C14D;
   border-radius: 24px;
}

body#page-message-index .message-app .conversationcontainer .cst_column_inner .panel-header-container {
   display: none !important;
}

body#page-message-index .message-app .view-overview-body .section div#view-overview-favourites-toggle,
body#page-message-index .message-app .conversationcontainer .cst_column_inner .section div#view-overview-favourites-toggle button {
   background: transparent !important;
}

body#page-message-index .message-app .conversationcontainer .cst_column_inner .section button {
   padding: 10px;
}

body#page-message-index .message-app .section button {
   background: transparent !important;
   border-bottom: 1px solid #101F3C;
   padding: 10px !important;
}


body#page-message-index .message-app .section button:focus,
body#page-message-index .message-app .view-overview-body .section div[data-region="toggle"]:focus {
   box-shadow: none !important;
}


body#page-message-index .message-app .view-overview-body .section div[data-region="toggle"] {
   background: transparent !important;
   border: none !important;
   box-shadow: none !important;
}

body#page-message-index .message-app .list-group>a {
   border-radius: 0;
   margin-left: 20px !important;
   /* width: 80%; */
   border-bottom: 0.5px dashed #101F3C80;
}

body#page-message-index .message-app .cst_overview_container {
   gap: 50px;
}

div[data-region="day-messages-container"] .message {
   background-color: #fff !important;
   border-radius: 10px !important;
   padding: 20px !important;
   border: 1px solid #ddd;
   box-shadow: 0px 1.02px 2.29px 0px #00000021;
   box-shadow: 0px 0.19px 0.57px 0px #0000001C;
}

.message .tail {
   display: none !important;
}

.message-app .message {
   background-color: #dee2e6;
   color: #000;
   border-right: 10px solid #101F3C !important;
}

div[data-region="day-container"]>h6.day {
   position: relative;
}

div[data-region="day-container"]>h6.day:before {
   content: "";
   position: absolute;
   background: #0A96C11A;
   left: 0;
   width: 47%;
   height: 0.5px;
   top: 8px;
}

div[data-region="day-container"]>h6.day:after {
   content: "";
   position: absolute;
   background: #0A96C11A;
   right: 0;
   width: 47%;
   height: 0.5px;
   top: 8px;
}

.d-flex>textarea.form-control {
   background: #fff !important;
   border: 2px solid #101f3c30 !important;
   border-radius: 10px !important;
   box-shadow: 0px 1.02px 2.29px 0px #00000021;
   box-shadow: 0px 0.19px 0.57px 0px #0000001C;
}


/* end message page  */