@import url("style-cov-basic.css");
@import url("style-4.css");

/* Table of contents

C.  external Component
C1. sent request
C2. my details
C3. request summary
C4. case search
C6. Request search
C7. My requests

D. responsive

*/



/*** C. external Component ***/
/* setting heading bg color */
.header-title-breadcrumb-overlay {
	background: #f5f5f5;
}

/* C1. sent request */

#dform_container .cov-send-request-grid .dform_table {
  display: grid;
}

#dform_container .cov-sent-request-grid .dform_tr {
  border: 1px #e9e9e9 solid;
  display: flex;
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 0 0 3px #d9d9d5;
}

#dform_container .cov-sent-request-grid .dform_table .dform_td {
  border-bottom: 0;
  border-radius: 5px;
  background: transparent;
  font-weight: 500;
  border: none;
  display: flex;
  min-width: 35px;
  /* justify-content: space-around; */
  flex: 1 1 auto;
}

#dform_container .cov-sent-request-grid .dform_table .dform_td[data-name="title"] {
  font-weight: 700;
}

#dform_container .cov-sent-request-grid .dform_table .dform_td[data-name="caseid"] {
  word-break: break-word;
}

#dform_container .cov-sent-request-grid .dform_table .dform_td img {
  border-radius: 10px;
}

#dform_container .cov-sent-request-grid .dform_table div.dform_td[data-name='alert'] i {
  color: #bd0008 !important;
}

#dform_container .cov-sent-request-grid .dform_table .dform_td[data-name=opened] {
  flex-direction: column;
}

#dform_container .cov-sent-request-grid .dform_table > .dform_tr > div:nth-child(1) {
  font-weight: bold;
  justify-content: space-between;
}

#dform_container .cov-sent-request-grid .dform_table a {
  text-decoration: none;
}

.cov-sent-request-grid .dform_table .dform_td:nth-child(1),
.cov-sent-request-grid .dform_table .dform_td:nth-child(2) {
  width: 25%;
}

.cov-sent-request-grid .dform_table .dform_td:nth-child(3) {
  width: 20%;
}

.cov-sent-request-grid .dform_table .dform_td:nth-child(1) {
	flex-basis: 25%;
}

.cov-sent-request-grid .dform_table .dform_td:nth-child(2) {
	flex-basis: 15%;
}

.cov-sent-request-grid .dform_table .dform_td:nth-child(2) i {
  color: #0279b1;
  flex: 1;
}

.cov-sent-request-grid .dform_table .dform_td:nth-child(4) {
  width: 20%;
}

.cov-sent-request-grid .dform_table .dform_td:nth-child(5) {
  width: 20%;
}

.cov-sent-request-grid .dform_table .dform_td:nth-child(3) i {
  padding-right: 5px;
}

.cov-sent-request-grid .dform_table .dform_td:nth-child(3) > div > p {
  padding-left: 20px;
}

.cov-sent-request-grid .dform_table .dform_td .cov-case-status-created {
  color: #4b8516 !important;
}

.cov-sent-request-grid .dform_table .dform_td .cov-case-status-completed,
.cov-sent-request-grid .dform_table .dform_td .cov-case-status-completed .cov-case-status-description {
  color: #4b8616 !important;
}

.cov-sent-request-grid .dform_table .dform_td .cov-case-status-forwarded,
.cov-sent-request-grid .dform_table .dform_td .cov-case-status-forwarded .cov-case-status-description {
  color: #00446d !important;
}

.cov-sent-request-grid .dform_table .dform_td .cov-case-status-declined,
.cov-sent-request-grid .dform_table .dform_td .cov-case-status-declined .cov-case-status-description {
  color: #bd0008 !important;
}

.cov-sent-request-grid .dform_table .dform_td .cov-case-status-queued,
.cov-sent-request-grid .dform_table .dform_td .cov-case-status-queued .cov-case-status-description {
  color: #767676 !important;
}

.cov-sent-request-grid .dform_table .dform_td .cov-case-status-data-collected,
.cov-sent-request-grid .dform_table .dform_td .cov-case-status-data-collected .cov-case-status-description {
  color: #367c77 !important;
}

.cov-sent-request-grid .dform_table .dform_td .cov-case-status-already-reported,
.cov-sent-request-grid .dform_table .dform_td .cov-case-status-already-reported .cov-case-status-description {
  color: #8C53CA !important;
}

#dform_container .cov-sent-request-grid .dform_table .dform_td button {
  width: 25px;
  height: 25px;
  padding: 0;
}

#dform_container .cov-sent-request-grid .dform_table .dform_tr:active {
  box-shadow: inset 0 0 0 3px #f8c165;
}

#dform_container .cov-sent-request-grid .dform_table .dform_tr:hover {
  background: #f2f2f2;
}

.cov-case-status-alert i {
  color: #BD0008;
  padding-left: 10px;
}

.dform_widget .cov_customer_summary p {
  margin-bottom: 20px;
}

.dform_widget_ahtm_attachment .cov_customer_summary p {
  margin-bottom: 10px;
}

/* .cov-sent-request-grid .dform_widget_type_radio.dform_widget_radFilter { */
.cov-sent-request-grid .dform_widget_ShowFilter {
	display: none;
  align-items: center;
}

.dform_widget.dform_widget_NoCaseFilteredMsg {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}

/* sent request grid attachment styles */
#dform_container .cov-sent-request-grid .dform_table div.dform_td[data-name='img'] > div {
  border: 1px solid #f2f2f2;
  background: #f8f8f8;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

#dform_container .cov-sent-request-grid .dform_table div.dform_td[data-name='img'] > div {
  height: fit-content;
}

#dform_container .cov-sent-request-grid .dform_table div.dform_td[data-name='img'] > div > svg {
  height: 55px;
  width: 55px;
  padding: 10px;
}

#dform_container .cov-sent-request-grid .dform_table div.dform_td[data-name='img'] > div > svg + div {
  text-align: center;
  font-size: 14px;
  padding: 5px;
}

/* C2. my details */
/*
.dform_citizen #dform_holder .dform {
   border-radius: 5px; 
}*/

#dform_holder .container .cov-my-details hr {
  height: 0px;
  border: none;
  border-top: 1px solid #d9d9d5;
  margin: 40px 0px;
}

#dform_container .dform_widget + .header3 {
  margin-top: 40px;
}

#dform_holder .container .cov-my-details .dform_widget_type_checkbox label {
  font-weight: 500;
  color: #444;
  margin-left: 45px;
}

#dform_container .cov-my-details-name,
#dform_container .cov-my-details-phone,
#dform_container .cov-my-details-email-status-updates {
  margin-top: 10px;
}

#dform_container .cov-my-details-name {
  font-weight: 700;
}

#dform_container .cov-my-details-phone,
#dform_container .cov-my-details-email,
#dform_container .cov-my-details-email-status-updates,
#dform_container .cov-my-details-survey-consent
/* #dform_holder .container .cov-my-details .dform_widget_AllowEMail label */ {
  font-weight: 500;
}

#dform_container .cov-my-details-email-status-updates .cov-my-details-status-on,
#dform_container .cov-my-details-survey-consent .cov-my-details-status-on {
  color: #4b8616;
  padding-left: 20px;
}

#dform_container .cov-my-details-email-status-updates .cov-my-details-status-off,
#dform_container .cov-my-details-survey-consent .cov-my-details-status-off {
  color: #767676;
  padding-left: 20px;
}

#dform_container .cov-my-details-survey-consent .cov-my-details-status-off,
#dform_container .cov-my-details-survey-consent .cov-my-details-status-on {
  padding-left: 69px;
}

#dform_container .dform_widget_ahtm_reset_web p {
  margin-bottom: 20px;
}

/* #dform_container .cov-my-details-survey-consent, */
#dform_container .cov-my-details-email,
#dform_holder .container .cov-my-details .dform_widget_AllowEMail label {
  font-weight: 500;
}

#dform_container .cov-notify-user-details {
  margin-bottom: 15px;
}

#dform_container .dform_widget_type_buttonset button {
  margin-top: 10px;
  margin-bottom: 5px;
}

/* Notification settings */
/* Master page */
.dform_section_box_notify_details div.cov-custom-toggle {
  margin-top: 30px;
  margin-bottom: 30px;
}

.dform_section_box_notify_details .dform_widget a.settings-display-container {
  display: flex;
  margin-bottom: 40px;
  text-decoration: none !important;
}

.dform_section_box_notify_details .dform_widget a.settings-display-container label {
  margin-left: 0px !important;
}

.dform_section_box_notify_details .dform_widget_chk_allow_notifications + div::after {
  content: '';
  width: 65%;
  height: 1px;
  background: #d9d9d5;
  position: absolute;
  top: 63%;
}

.dform_section_box_notify_details .dform_widget a.settings-display-container div {
  width: 60%;
}

.dform_section_box_notify_details .dform_widget a.settings-display-container div label {
  margin-bottom: 0px !important;
}

.dform_section_box_notify_details .dform_widget a.settings-display-container div div.helptext {
  width: 80%;
  font-size: 14px;
  font-style: normal !important;
  margin-bottom: 20px;
}

.dform_section_box_notify_details .dform_widget a.settings-display-container div div.helptext + p {
  font-size: 14px;
}

.dform_section_box_notify_details .dform_widget .svg-inline--fa {
  margin-top: 5px;
  font-size: 20px;
}

/* Individual settings pages */
div.cov-notification-settings.box_update_notification .header3,
div.dform_section_box_update_survey .header3 {
  margin-bottom: 0px !important;
}

div.cov-notification-settings.box_update_notification .header3 + div p,
div.cov-notification-settings.box_update_notification div.cov-custom-toggle,
div.dform_section_box_update_survey .header3 + div p {
  margin-bottom: 40px;
}

div.cov-notification-settings.box_update_notification div.cov-custom-toggle,
div.dform_section_box_update_survey div.cov-custom-toggle {
  margin-left: 10px;
}

/* App only settings page */
.dform_widget_ahtm_reset_mobile p {
  margin-bottom: 25px;
}

.dform_widget_ahtm_reset_mobile + div p {
  margin-bottom: 25px;
}


/*** C3. request summary ***/

/* .cov-sent-request-details #dform_widget_html_ahtm_BXB7D347>h3,
.cov-sent-request-details #dform_widget_html_ahtm_txtraw_header>h3,
.cov-sent-request-details #dform_widget_html_ahtm_2G28CNY2>h3  
.cov-sent-request-details h3 {
  color: #0279B1!important;
}
*/

/* .cov-sent-request-details #dform_widget_html_ahtm_BXB7D347>h3>.cov-request-summary-number { */
.cov-sent-request-details h3> .cov-request-summary-number {
  color: #444444;
  /* margin-top: 5px; */
  font-weight: normal;
}
/*
.cov-sent-request-details #dform_widget_html_ahtm_txtraw_header>h3,
.cov-sent-request-details #dform_widget_html_ahtm_2G28CNY2>h3 {
  margin-top: 15px;
}
*/
.cov-sent-request-details #dform_widget_html_ahtm_case_core_details>div:nth-child(1)>span {
  font-weight: bold;
}

.cov-sent-request-details .cov-request-summary-number,
.cov-sent-request-details a.cov-sent-request-detail-back {
  float: right;
  font-size: 14px;
}

.cov-sent-request-details a.cov-sent-request-detail-back {
  margin-bottom: 5px;
}

/** created **/
.cov-activity-row .cov-case-status-created,
.cov-sent-request-details #case_last_status .cov-case-status-created,
.cov-sent-request-details #case_last_status .cov-case-status-created .cov-case-status-description,
.cov-sent-request-details #status_history .cov-case-status-created {
  color: #4b8616;
}

/** completed **/
.cov-activity-row .cov-case-status-completed,
.cov-sent-request-details #case_last_status .cov-case-status-completed,
.cov-sent-request-details #case_last_status .cov-case-status-completed .cov-case-status-description,
.cov-sent-request-details #status_history .cov-case-status-completed,
.cov-sent-request-details #status_history .cov-case-status-completed .cov-case-status-description {
  color: #4b8616;
}

/** declined **/
.cov-activity-row .cov-case-status-declined,
.cov-sent-request-details #case_last_status .cov-case-status-declined,
.cov-sent-request-details #case_last_status .cov-case-status-declined .cov-case-status-description,
.cov-sent-request-details #status_history .cov-case-status-declined,
.cov-sent-request-details #status_history .cov-case-status-declined .cov-case-status-description {
/*  color: #bd0008; */
    color: #D0021B;
}

/** data collected **/
.cov-activity-row .cov-case-status-data-collected,
.cov-sent-request-details #case_last_status .cov-case-status-data-collected,
.cov-sent-request-details #case_last_status .cov-case-status-data-collected .cov-case-status-description,
.cov-sent-request-details #status_history .cov-case-status-data-collected,
.cov-sent-request-details #status_history .cov-case-status-data-collected .cov-case-status-description {
  color: #367c77;
}

/** forwarded **/
.cov-activity-row .cov-case-status-forwarded,
.cov-sent-request-details #case_last_status .cov-case-status-forwarded,
.cov-sent-request-details #case_last_status .cov-case-status-forwarded .cov-case-status-description,
.cov-sent-request-details #status_history .cov-case-status-forwarded,
.cov-sent-request-details #status_history .cov-case-status-forwarded .cov-case-status-description {
/*  color: #00446d;*/
  color: #1E366C;
}

/** queued **/
.cov-activity-row .cov-case-status-queued,
.cov-sent-request-details #case_last_status .cov-case-status-queued,
.cov-sent-request-details #case_last_status .cov-case-status-queued .cov-case-status-description,
.cov-sent-request-details #status_history .cov-case-status-queued,
.cov-sent-request-details #status_history .cov-case-status-queued .cov-case-status-description {
  color: #767676;
}

/** already created **/
.cov-activity-row .cov-case-status-already-reported,
.cov-sent-request-details #case_last_status .cov-case-status-already-reported,
.cov-sent-request-details #case_last_status .cov-case-status-already-reported .cov-case-status-description,
.cov-sent-request-details #status_history .cov-case-status-already-reported,
.cov-sent-request-details #status_history .cov-case-status-already-reported .cov-case-status-description {
  color: #8C53CA;
}

/** email **/
.cov-activity-row .cov-case-email-sent {
  color: #D78805;
}

/** comment **/
.cov-activity-row .cov-case-comment-added {
  color: #0279b1;
}

/** File **/
.cov-activity-row .cov-case-file-uploaded {
  color: #444;
}

/** cancelled **/
/*.cov-activity-row .cov-case-status-cancelled {
  
}*/

.cov-sent-request-details #case_last_status .cov-case-status-description,
.cov-sent-request-details #status_history .cov-case-status-description {
  padding-left: 21px; /* icon size and spacing */
}

.cov-sent-request-details .dform_section_area_case_core_details, 
.cov-sent-request-details .dform_section_box_txtraw {
  margin-bottom: 20px;
}

.cov-sent-request-details .cov_customer_summary .cov_query {
  font-weight: 500;
}

.cov-sent-request-details #case_last_status .cov-case-updated-date {
  font-style: italic;
}

.cov-sent-request-details #status_history .cov-case-updated-date {
  color: #767676;
}

.cov-sent-request-details #status_history > div {
  /* border-radius: 5px; */
  /* box-shadow: 0 0 3px #d9d9d5; */
  border: 1px solid #d9d9d5;
  padding: 20px 10px;
  margin-bottom: 20px;
}

.cov-sent-request-details #status_history div[class^="cov-case-status-"] .cov-case-status-description {
	display: inline;
}

.cov-sent-request-details #status_history > div > .cov-case-updated-date {
  padding-top: 10px;
  margin-bottom: 0px;
}

/** case status icons **/
.cov-sent-request-details #case_last_status div i,
.cov-sent-request-details #status_history div i {
  padding-right: 5px;
}

/** comment history **/
.comments_history_title > h3 {
  display: inline;
  padding-right: 40px;
}

/* Comment form cancellation button margin */
div.box_cancellations {
  margin-top: 20px;
}

/* Comment form spacing fixes */
.comments_history_title {
  margin-bottom: 20px;
}

.comments_history_title button {
  margin-bottom: 0px !important;
}

.dform_widget_ahtm_notes > div:nth-child(2) > p {
  padding-bottom: 10px;
}

.cov-case-comment-wrapper > p:last-child {
  margin-bottom: 0px;
}

/*** C4. case search ***/
.cov-request-case-search #dform_page_search_page > div.container.area.dform_section_area_Search > div.box.box_R5O9QWV2.six > div > div > div:nth-child(1) > label {
  font-weight: bold;
}

.cov-request-case-search #dform_container input {
  margin-right: 20px;
  height: 40px;
}

/*
.cov-request-case-search #dform_container .dform_widget_search {
  margin-left: 20px;
  font-size: 16px;
}
*/

.cov-request-case-search #dform_container .dform_widget_caseid button {
  padding: 7px 13px;
}

/*.cov-request-case-search #dform_container .dform_widget_type_text input {
  height: 40px;
}*/

/*** C7. My requests ***/
#dform_container .pager {
  padding-bottom: 0;
}

#dform_container .pager button {
  border: none;
  background: transparent;
  color: #0279B1;
  text-decoration: underline;
}

#dform_container .pager button.active {
  background: transparent;
  color: #0279B1;
  border: none;
  font-weight: 800;
  text-decoration: none;
}

#dform_container .pager button:hover {
  box-shadow: none;
}

#dform_container .pager button:active,
#dform_container .pager button:focus{
  box-shadow: 0 0 0 3px #F5A623;
  top: 0;
}

#dform_container .cov-sent-request-grid .pager {
  float: right;
  margin-top: 0;
}

#dform_container .cov-sent-request-grid .radiogroup span {
  margin-right: 40px;
}

#dform_container .cov-sent-request-grid .radiogroup,
#dform_container .cov-sent-request-grid .radiogroup label {
  margin-bottom: 0;
}

#dform_container .cov-sent-request-grid .radiogroup span svg {
  color: #0279B1;
  margin-left: 5px;
}



.cov-activity-row {
  display: grid;
  gap: 0px;
  align-items: start;
  width: 100%;
  border: none;
  padding: 0 10px 10px 0;
  grid-template-columns: 40px 1fr; /* Column 1: fixed width for icon/line */
  grid-template-rows: auto auto;   /* Two rows */
  align-items: center;
}

.cov-activity-top-left {
  grid-row: 1;
  grid-column: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cov-activity-top-right{
  grid-row: 1;
  grid-column: 2;
  padding: 4px 0;
}

.cov-activity-bottom-left{
  grid-row: 2 / span 1; /* Span both rows vertically */
  grid-column: 1;
  background-color: #E9E9E9;
  width: 1px;
  height: 100%;
  justify-self: center;
}

.cov-activity-bottom-right {
  grid-row: 2;
  grid-column: 2;
  padding: 4px 0;
}

#recent_activities .cov-activity-row:last-of-type .cov-activity-bottom-left {
  background-color: transparent;
}

/* grid content */
.cov-activity-row svg {
  width: 20px !important;
  height: 20px !important;
}

.cov-activity-row .cov-content-blk.cov-rounded  svg {
  width: 18px !important;
  height: 18px !important;
}

.cov-activity-top-right p {
  margin-bottom: 0;
}

.cov-activity-row .cov-content-blk.cov-rounded {
    border-color: #e9e9e9;
    background-color: #f8f8f8;
}

/*** D. responsive ***/

@media screen and (min-width: 992px) {
  /* desktop only */
  #dform_container .cov-sent-request-grid .dform_table div.dform_td[data-name='img'] > div {
    min-width: 150px;
  }

  #dform_container .cov-sent-request-grid .dform_table div.dform_td[data-name='img'] > div > svg {
    height: 35px;
    width: 35px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0px;
  }

  #dform_container .cov-sent-request-grid .dform_table div.dform_td[data-name='img'] > div > svg + div {
    padding: 0px;
  }
}

@media screen and (max-width: 912px) {

  /*** C1. sent requests ***/
  .cov-sent-request-grid .dform_table .dform_td:nth-child(1),
  .cov-sent-request-grid .dform_table .dform_td:nth-child(2) {
  	flex-basis: auto;
  }
  
  .cov-sent-request-grid .dform_table .dform_td:nth-child(3) > div {
    display: block;
  }

  .cov-case-status-alert i {
    padding-left: 20px;
  }

  #dform_container .cov-sent-request-grid .dform_table div.dform_td[data-name='img'] > div > svg + div {
    font-size: 12px;
  }
  /*** C4. case search ***/
/*
  .cov-request-case-search .dform_citizen #dform_holder .dform_widget_search {
    display: flex;
    margin: 0;
  }
*/
}

@media screen and (max-width: 767px) {

  /*** C2. My details ***/

  #dform_container .cov-my-details .dform_widget_button_change {
    width: auto;
  }

  #dform_container .cov-sent-request-grid .dform_table .dform_td {
    justify-content: space-between;
  }

  #dform_container .cov-my-details-survey-consent .cov-my-details-status-off,
  #dform_container .cov-my-details-survey-consent .cov-my-details-status-on {
    padding-left: 63px;
  }

  /*** C4. Case search ***/
  /*
  .cov-request-case-search .dform_citizen #dform_holder .dform_widget_search {
    width: 100px;
    margin: 0;
    padding-left: 20px;
  }
  */
}

@media screen and (max-width: 599px) {

  /*** C.1 sent requests ***/

  div.cov-sent-request-grid.box_filterby div.dform_section_box_filterby {
    margin-bottom: 20px;
  }

  .cov-sent-request-grid .dform_widget_ShowFilter {
  	display: block;
  }

  /* .cov-sent-request-grid .dform_widget_type_radio.dform_widget_radFilter { */
  /* .cov-sent-request-grid.dform_section_area_filters { */
  .cov-sent-request-grid.dform_section_area_filters {
	  display: none;
  }

  .cov-sent-request-grid #dform_table_caselist {
   display: block;
   margin-top: 0;
  }

  #dform_container .cov-sent-request-grid .dform_tr {
    display: grid;
    grid-template-columns: 1fr minmax(auto, auto);
    margin: 10px auto 0 auto;
    padding: 0px 5px 10px 15px;
  }

  div#dform_table_caselist.dform_table > div.dform_tr {
    padding: 0px !important;
  }

  #dform_container .cov-sent-request-grid .dform_table .dform_td {
    padding-left: 0px;
    width: 100%;
  }

  /* GRID ORDERING START */
  #dform_container .cov-sent-request-grid .dform_table .dform_td[data-name='title'] {
    font-size: 16px;
    grid-area: 1 / 1;
  }

  #dform_container .cov-sent-request-grid .dform_table .dform_td[data-name='opened'] {
    grid-area: 2 / 1;
  }

  #dform_container .cov-sent-request-grid .dform_table .dform_td[data-name='status'] {
    grid-area: 3 / 1;
  }

  #dform_container .cov-sent-request-grid .dform_table .dform_td[data-name='caseid'] {
    grid-area: 3 / 2;
  }

  #dform_container .cov-sent-request-grid .dform_table .dform_td[data-name='img'] {
    grid-column: 1/ 4;
    width: fit-content;
  }
  
  #dform_container .cov-sent-request-grid .dform_table .dform_td[data-name='alert'] {
    grid-area: 6 / 2;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 2px 10px 0px 0px;
  }

  #dform_container .cov-sent-request-grid .dform_table .dform_td[data-name='space'] {
    min-width: 20px;
    align-items: flex-start;
    grid-area: 6 / 3 !important;
  }
  /* GRID ORDERING END */

  #dform_container .cov-sent-request-grid .dform_table .dform_td[data-name='status'] {
    /* margin-top: 10px;
    margin-bottom: 10px; */
  }

  #dform_container .cov-sent-request-grid .dform_table .dform_td[data-name='img'] div {
    margin-top: 10px;
    width: 100%;
  }

  /* #dform_container .cov-sent-request-grid .dform_table div.dform_td[data-name='img']:empty,
  #dform_container .cov-sent-request-grid .dform_table div.dform_td[data-name='alert']:empty {
    display: none;
  } */

  #dform_container .cov-sent-request-grid .dform_table .dform_td img {
    max-height: 200px;
  }

  .cov-sent-request-grid .dform_table .dform_td:nth-child(1) {
    /* padding: 5px !important; */
  }  

  .cov-sent-request-grid .dform_table .dform_td:nth-child(1) {
    grid-column: span 4;
  }

  .cov-sent-request-grid .dform_table .dform_td:nth-child(2) {
    grid-column: span 3;
  }
  
  .cov-sent-request-grid .dform_table .dform_td:nth-child(3) {
    grid-column: 1 / 2;
  }

  .cov-sent-request-grid .dform_table .dform_td:nth-child(3) > div {
    padding: 0px 5px 0px 0px;
  }

  .cov-sent-request-grid .dform_table .dform_td:nth-child(4) {
    grid-column: 3 / 4;
  }

  .cov-sent-request-grid .dform_table .dform_td:nth-child(5) {
    justify-content: end !important;
  }

  #dform_container .cov-sent-request-grid  .dform_table .dform_td:nth-child(2) {
    padding: 0;
  }

  #dform_container .cov-sent-request-grid .dform_table .dform_td {
    justify-content: space-between;
  }

  /*
  .cov-sent-request-grid .dform_table .dform_td:nth-child(3) i {
    visibility: hidden;
  }
   
  .cov-sent-request-grid .dform_table .dform_td:nth-child(2),
  .cov-sent-request-grid .dform_table .dform_td:nth-child(3) {
    margin-bottom: -20px; 
  }*/

  .cov-sent-request-grid .dform_table .dform_td:nth-child(3) {
    width: calc(300px - 100%) !important;
    
  }
  #dform_container .cov-sent-request-grid  .dform_table .dform_td:nth-child(3),
  #dform_container .cov-sent-request-grid  .dform_table .dform_td:nth-child(4) {
    padding-left: 0;
  	padding-bottom: 0;
    width: 100% !important;
  }

  .cov-sent-request-grid .dform_table .dform_td:nth-child(3)>div>p {
    padding-left: 20px;
  }
  
  .cov-sent-request-grid .dform_table .dform_td:nth-child(3)>div[class^="cov-case-status-"]  {
  	display: flex;
    flex-direction: row;
  }

  /*
  .cov-sent-request-grid .dform_table .dform_td:nth-child(5) {
    margin-top: 10px;
  }
  */

  #dform_container .cov-sent-request-grid .dform_table .dform_td:nth-child(7) {
    /* grid-area: 5 / 4 !important; */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 16px;
    display: flex; 
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }

  #dform_container button.dform_widget {
    width: 100%;
    font-size: 14px;
  }

  #dform_container textarea,
  #dform_container input:not(input[type="radio"]),
  #dform_container select {
    width: 100%;
  }
  
  /* paging fix */
  #dform_container .cov-sent-request-grid .dform_widget .pager button.page-number {
  	width: inherit;
  }

  /*** C2. My details ***/

  #dform_container .cov-my-details {
    display: flex;
  }

  #dform_container .cov-my-details #dform_page_page_user_info,
  #dform_container .cov-my-details #dform_page_page_user_update {
    width: 100%;
  }

  #dform_container .cov-my-details .dform_widget_button_change {
    width: auto;
  }

  #dform_holder .container .cov-my-details hr {
    float: left;
    width: 100%;
  }

  .dform_section_box_notify_details .dform_widget a.settings-display-container div {
    width: 100%;
  }

  .dform_section_box_notify_details .dform_widget_chk_allow_notifications + div::after {
    width: 100%;
    top: 60%;
  }

  #dform_container .cov-my-details-survey-consent .cov-my-details-status-off,
  #dform_container .cov-my-details-survey-consent .cov-my-details-status-on {
    padding-left: 67px;
  }

  div[data-type="checkbox"].cov-custom-toggle input[type="checkbox"]:checked~.cov-custom-toggle-on,
  div[data-type="checkbox"].cov-custom-toggle input[type="checkbox"]~.cov-custom-toggle-off  {
    margin-top: 5px;
  }

  /*** C3. request summary ***/
  /* .cov-sent-request-details #dform_widget_html_ahtm_BXB7D347 .cov-request-summary-number { */
  .cov-sent-request-details .cov-request-summary-number {
    color: #767676;
    font-weight: normal;
    margin-top: 5px;
  }

  /* repeated?
  .cov-sent-request-details #dform_widget_html_ahtm_BXB7D347 h3 {
    margin-top: 20px;
  }

  
  .cov-sent-request-details #status_history>div {
    padding: 10px;
  }

  
  .cov-sent-request-details #status_history > div > .cov-case-updated-date {
    padding-top: 10px;
    margin-bottom: 0px;
  }
  */
  
  .cov-sent-request-details #status_history div[class^="cov-case-status-"] .cov-case-status-description {
  	display: block;
  }

  .comments_history_title > h3 {
    display: block;
  }

  .comments_history_title > .dform_widget_but_add_comment {
    display: flex;
    /* width: 50% !important; */
  }

  /*** C4. case search ***/

  /*
  .cov-request-case-search #dform_widget_button_search {
    display: flex !important;
    width: 100px;
    margin: 0;
    padding-left: 20px;
  }
  */

  /*** C7. My requests***/
  #dform_container fieldset.radiogroup {
    border: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    margin-left: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  #dform_container fieldset.radiogroup label {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0.5em;
  }

  #dform_container .cov-sent-request-grid .radiogroup label {
    margin-bottom: 10px;
  }

  #dform_container .cov-sent-request-grid .radiogroup span:last-of-type>label {
    margin-bottom: 0;
  }

  #dform_container .cov-sent-request-grid .pager {
    margin-top: 0;
    margin-bottom: 0;
  }

  #dform_container .cov-sent-request-grid .dform_widget_ShowFilter button {
    background: #fff;
    color: #0279B1;
    border-radius: 5px;
    border: 1px solid #B2B2B2;
    width: 125px;
    height: 50px;
  }

  #dform_container .cov-sent-request-grid .dform_widget_ShowFilter button:active,
  #dform_container .cov-sent-request-grid .dform_widget_ShowFilter button:focus,
  #dform_container .cov-sent-request-grid .dform_widget_ShowFilter button.cov-sent-request-grid-filter-open:active,
  #dform_container .cov-sent-request-grid .dform_widget_ShowFilter button.cov-sent-request-grid-filter-open:focus,
  #dform_container .cov-sent-request-grid .dform_widget_ShowFilter button.cov-sent-request-grid-filter-close:active,
  #dform_container .cov-sent-request-grid .dform_widget_ShowFilter button.cov-sent-request-grid-filter-close:focus {
    box-shadow: 0 0 0 3px #F5A623;
    top: 0;
  }

  #dform_container .cov-sent-request-grid .dform_widget_ShowFilter button.cov-sent-request-grid-filter-open{
    background: #4B8516;
    border: 1px solid #4B8516;
    color: #fff;
  }

  #dform_container .cov-sent-request-grid .dform_widget_ShowFilter button svg {
    margin-left: 10px;
  }

  /* Make map on service request larger */
  #dform_container div[data-type="gis"] {
    height: 400px;
  }
}