@media only screen and (min-width: 1025px) {
  .report-list-sidebar {
    height: 800px;
    display: flex;
    overflow-y: auto;
    flex-direction: column; } }

@media only screen and (max-width: 1024px) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

/********** iPad 3**********/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  .report-list-sidebar {
    height: 800px;
    display: flex;
    overflow-y: auto;
    flex-direction: column; } }

/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  .report-list-sidebar {
    height: 800px;
    display: flex;
    overflow-y: auto;
    flex-direction: column; } }

/* iPhone 4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

/* iPhone 11 ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
  .report-list-sidebar {
    height: 100%;
    width: 100% !important; } }

.is-filer-header {
  background-color: aliceblue; }

.button-box {
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
  color: #4a4a4a;
  display: block;
  padding: 1.25rem;
  border-color: #3273dc; }

.messages {
  display: block;
  background-color: #fff;
  border-right: 1px solid #DEDEDE; }

.message {
  display: block;
  background-color: #fff; }

.messages {
  padding: 40px 20px; }

.message {
  padding: 40px 20px; }

.messages .action-buttons {
  padding: 0;
  margin-top: -20px; }

.message .action-buttons {
  padding: 0;
  margin-top: -5px; }

.report-list {
  margin-top: 10px; }

.report-card-footer-item {
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  padding: 0.75rem; }

.message-preview {
  margin-top: 60px; }

.report-list .card {
  width: 100%; }

.report-list strong {
  color: #5D5D5D; }

.report-list .msg-check {
  padding: 0 20px; }

.report-list .msg-subject {
  padding: 10px 0;
  color: #5D5D5D; }

.report-list .msg-attachment {
  float: right; }

.report-list .msg-snippet {
  padding: 5px 20px 0px 5px; }

.report-list .msg-subject .fa {
  font-size: 14px;
  padding: 3px 0; }

.report-list .msg-timestamp {
  float: right;
  padding: 0 20px;
  color: #5D5D5D; }

.message-preview .avatar {
  display: inline-block; }

.message-preview .top .address {
  display: inline-block;
  padding: 0 20px; }

.avatar img {
  width: 40px;
  border-radius: 50px;
  border: 2px solid #999;
  padding: 2px; }

.address .name {
  font-size: 16px;
  font-weight: bold; }

.address .email {
  font-weight: bold;
  color: #B6C7D1; }

.card.active {
  background-color: #F5F5F5; }