#medcomContainer .bg {
  position: fixed;
  top:70px;
  left:0px;
  width: 100%;
  min-height: 100%;
  background-color: #000;
  z-index: 5;
  opacity: .5;
}
#medcomContainer .content {
  position: absolute;
  top:70px;
  left:0px;
  width: 100%;
  min-height: 50%;
  background-color: #FFFFFF;
  z-index: 10;
}
.medcom_top_left {
  margin:50px 0px 0px 60px;
  float:left;
  width: 40%;
}
.medcom_top_left h2 {
  font-size: 20px;
  padding: 0;
  margin: 0;
}
.medcom_top_right {
  margin:25px 60px 0px 0px;
  float:right;
  display: block;
  width: 40%;
}
.medcom_data {
  display: block;
}
/*#mailSelection { margin-top: 17px; padding-left: 20px; padding-right: 28px; float:left; }
#mailSelection a { font-size: 16px; text-decoration: underline; margin-right:50px; font-family: 'Roboto', sans-serif; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.2; letter-spacing: 0.6px; color: #3c3c3c; opacity: .5;}
#mailSelection a.active, #mailSelection a:hover { opacity: 1;}*/

#medcomContainer .width-col-one{width: 10%;}
#medcomContainer .width-col-patient{width: 15%;}
#medcomContainer .width-col-two{width: 20%;}
#medcomContainer .width-col-three{width: 15%;}
#medcomContainer .width-col-four{width: 15%;}
#medcomContainer .width-col-five{width: 15%;}
#medcomContainer .width-col-six{width: 5%;}
#medcomContainer .width-col-seven{width: 5%;}

.medcomAttactmentDetails .width-col-one{width: 10%;}
.medcomAttactmentDetails .width-col-patient{width: 15%;}
.medcomAttactmentDetails .width-col-two{width: 20%;}
.medcomAttactmentDetails .width-col-three{width: 15%;}
.medcomAttactmentDetails .width-col-four{width: 15%;}
.medcomAttactmentDetails .width-col-five{width: 15%;}
.medcomAttactmentDetails .width-col-six{width: 5%;}
.medcomAttactmentDetails .width-col-seven{width: 5%;}


#medcomContainer .no-active-case-card {margin-top:120px; border: 1px solid #e5e5e5;border-radius: 2px;font-family: 'Roboto', sans-serif;font-size: 10px;font-weight: 500;line-height: 1.2;letter-spacing: 0.6px;color: #9d9d9d;padding: 23px 0;text-align: center;}
.case-number-head{margin-bottom: 20px;}
#medcomContainer .vis-collapsed{padding-top: 0px;display: inline-block;text-align: center;width: 100%;}
#medcomContainer .vis-collapsed:hover{cursor: pointer;}
#medcomContainer td {vertical-align: middle;border-bottom: 3px solid #f2f2f4;border-top: 1px solid transparent;}
#medcomContainer td .down-arrow-icon {background: url('/images/icon_btn_collapsed_stroke.svg');background-repeat: no-repeat;width: 14px;height: 7px;display: inline-block;}
#medcomContainer td .up-arrow-icon {background: url('/images/icon_btn_expanded_stroke.svg');background-repeat: no-repeat;width: 14px;height: 7px;display: inline-block;}
#medcomContainer .recevied-date{padding-left: 22px;}
#medcomContainer .delete-post-mails{border-radius: 19.5px;border: solid 1px #3c3c3c;padding: 3px 13px;width: 47px;text-align: center;margin: 0 auto;}
#medcomContainer .delete-post-mails:hover{cursor: pointer;}
#medcomContainer .datePickerPostMail td{border: none;}
#medcomContainer .data-list { padding:0px 60px; }
#medcomContainer .no-active-case-card {margin-top:120px; border: 1px solid #e5e5e5;border-radius: 2px;font-family: 'Roboto', sans-serif;font-size: 10px;font-weight: 500;line-height: 1.2;letter-spacing: 0.6px;color: #9d9d9d;padding: 23px 0;text-align: center;}

.medcomAttactmentDetails .vis-collapsed{padding-top: 0px;display: inline-block;text-align: center;width: 100%;}
.medcomAttactmentDetails .vis-collapsed:hover{cursor: pointer;}
.medcomAttactmentDetails td {vertical-align: middle;border-bottom: 3px solid #f2f2f4;border-top: 1px solid transparent;}
.medcomAttactmentDetails td .down-arrow-icon {background: url('/images/icon_btn_collapsed_stroke.svg');background-repeat: no-repeat;width: 14px;height: 7px;display: inline-block;}
.medcomAttactmentDetails td .up-arrow-icon {background: url('/images/icon_btn_expanded_stroke.svg');background-repeat: no-repeat;width: 14px;height: 7px;display: inline-block;}
.medcomAttactmentDetails .recevied-date{padding-left: 22px;}
.medcomAttactmentDetails .delete-post-mails{border-radius: 19.5px;border: solid 1px #3c3c3c;padding: 3px 13px;width: 47px;text-align: center;margin: 0 auto;}
.medcomAttactmentDetails .delete-post-mails:hover{cursor: pointer;}
.medcomAttactmentDetails .datePickerPostMail td{border: none;}
.medcomAttactmentDetails .data-list { padding:0px 60px; }

#medcomContainer .new_button {
    color: #3C3C3C;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 12px;
    float:right;
    margin-top: 15px;
    margin-right: 15px;
    border: 1px solid #000;
    padding:15px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  }
  #medcomContainer .dropdown.menu {
    width: 180px;
    border-radius: 2px;
    background-color: #FFFFFF;
    float:right;
    padding:0;
    margin-top: 15px;
    list-style: none;
    min-height: unset;
    position: unset;
    top: unset;
    bottom: unset;
    left: unset;
    z-index: 20;
    box-shadow: none;
  }
  .dropdown.correspondence {
    list-style: none;
    min-height: unset;
    position: unset;
    top: unset;
    bottom: unset;
    left: unset;
    z-index: 20;
    box-shadow: none;
  }
  #medcomContainer .dropdown.menu .down-arrow {
    display: block;
  }
  #medcomContainer .dropdown.menu .up-arrow {
    display: none;
  }
  #medcomContainer .dropdown.menu.dropdown-active .down-arrow {
    display: none;
  }
  #medcomContainer .dropdown.menu.dropdown-active .up-arrow {
    display: block;
  }

  .medcomAttactmentDetails .dropdown.menu .down-arrow {
    display: block;
  }
  .medcomAttactmentDetails .dropdown.menu .up-arrow {
    display: none;
  }
  .medcomAttactmentDetails .dropdown.menu.dropdown-active .down-arrow {
    display: none;
  }
  .medcomAttactmentDetails .dropdown.menu.dropdown-active .up-arrow {
    display: block;
  }

  #medcomContainer .dropdown.menu li a {
    color: #3C3C3C;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 12px; 
  }
  #medcomContainer .dropdown.menu li {
    padding:15px;
    cursor: pointer;
  }
  #medcomContainer .dropdown.menu li.dropdown-target {
      border-top:1px solid #CCC;
  }
  #medcomContainer table.dropdown-wrapper {
    width: 100%;
  }
  #medcomContainer div.dropdown-wrapper {
    width: auto;
    position: unset;
    margin: 0;
    float: none;
  }
  #medcomContainer .filter-head-wrap, .post-mail-content .filter-head-wrap {
    margin-top: 75px;
  }
  .autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
  } 
   .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
  }
  
   .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff; 
    border-bottom: 1px solid #d4d4d4; 
  }
  
  /*when hovering an item:*/
   .autocomplete-items div:hover {
    background-color: #e9e9e9; 
  }
  
  /*when navigating through the items using the arrow keys:*/
   .autocomplete-active {
    background-color: DodgerBlue !important; 
    color: #ffffff; 
  }
  #new_medcom_dialog .modal-dialog { top:110px; width:80%; }
  #new_medcom_dialog .modal-content { box-shadow:none; background:none; border:none; outline:none; }
  #new_medcom_dialog .modal-body {
      background-color: #fff; 
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #999;
      border: 1px solid rgba(0,0,0,.2);
      border-radius: 6px;
      outline: 0;
      -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
      box-shadow: 0 3px 9px rgba(0,0,0,.5);
  }
  #new_medcom_dialog .col-md-3.data {
    box-sizing: border-box;
    height: 125px;
    border: 1px solid #E4E4E9;
    border-radius: 2px;
    background-color: #F2F2F4;
    padding:10px;
    position: relative;
    top: 0;
    left: 0;
}
#new_medcom_dialog .col-md-3 .delete {
    position: absolute;
    right: 10px;
    top: 10px;
    border:none;
    outline:none;
    background:none;
    color:#4B57D6;
}
#new_medcom_dialog .col-md-3.data h4 {
    color: #3c3c3c;
    font-size: 14px;
    letter-spacing: 0.6px;
    line-height: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#new_medcom_dialog .col-md-3.data p {
    color: #3c3c3c;
    font-size: 12px;
    letter-spacing: 0.6px;
    line-height: 13px;
    margin: 0 0 10px;
}
#new_medcom_dialog .col-md-4.data h4 {
    color: #3c3c3c;
    font-size: 14px;
    letter-spacing: 0.6px;
    line-height: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#new_medcom_dialog .col-md-4.data p {
    color: #3c3c3c;
    font-size: 12px;
    letter-spacing: 0.6px;
    line-height: 13px;
    margin: 0 0 10px;
}
#medcomContainer .btnmid {
    border: 1px solid #000;
    padding: 10px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #3C3C3C;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 12px;
    outline:none;
    background: #FFF;
}
#medcomContainer .btnmid:hover, #medcomContainer .btnmid:focus, #medcomContainer .btnmid:active {
  text-decoration: underline;
}
#medcomContainer .dropdown-case-card-list-case {
    margin: 0!important;
}
#medcomContainer .dropdown.col-md-4 {
    width: 33.33333333%;
    position: relative;
    box-shadow: none;
    margin: 0;
}
.btnmid.btnsubmit:disabled {
  border: none!important;
  background: #ccc!important;
  color: #000!important;
}
.btnmid.btnsubmit {
  border: none!important;
  color: #DFDFDF!important;
  background: #4B57D6!important;
}
.medcom-attachment-list-wrapper {float: left; width: 100%;}
.medcom-attachment-list-wrapper .col-first{float: left;float: left;width: 40%;padding: 10px 0 10px 0;text-decoration: underline;}
.medcom-attachment-list-wrapper .col-sec{float: left;width: 54%;padding-top: 8px;position: relative;}
.medcom-attachment-list-wrapper .col-sec .postMailAttachmentName{border-radius: 2px;background-color: rgba(75, 87, 214, 0.05);padding: 7px 0 8px 16px;border: none;width: 100%;font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 0.86;letter-spacing: 0.4px;color: #3c3c3c;}
.medcom-attachment-list-wrapper .col-sec .mail-attachment-cancel-btn{position: absolute;position: absolute;right: 6px;font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: 0.6px;text-align: right;color: #797979;top: 19px;}
.medcom-attachment-list-wrapper .col-sec .mail-attachment-cancel-btn:hover{cursor: pointer;}
.medcom-attachment-list-wrapper .col-sec .mail-attachment-save-btn{position: absolute;position: absolute;right: 6px;font-size: 12px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: 0.6px;text-align: right;color: #4b57d6;top: 19px;}
.medcom-attachment-list-wrapper .col-sec .mail-attachment-save-btn:hover{cursor: pointer;}

.medcom-attachment-list-wrapper .col-third{float: left;text-align: right;width: 54%; font-family: 'Roboto', sans-serif; font-size: 12px;font-weight: 500;line-height: 1;letter-spacing: 0.6px;color: #4b57d6;padding-top: 16px;}
.medcom-attachment-list-wrapper .col-third:hover{cursor: pointer;}
.medcom-attachment-list-wrapper .col-forth{float: right;padding-top: 12px;}
.medcom-attachment-list-wrapper .mail-attachment-icon:hover {cursor: pointer;}
.medcom-attachment-list-wrapper .mail-attachment-checked-icon:hover {cursor: pointer;}
.medcom-attachment-list-wrapper .pdf-link {color: #3c3c3c;}
.medcom-attachment-list-wrapper .pdf-link:hover {color: #3c3c3c;}

.medcom_link_pages.pagination { float: right; }
.medcom_link_pages.pagination .page-item .page-link { cursor: pointer; }
.medcom_link_pages.pagination > li > a, .medcom_link_pages.pagination > li > span{color: #4c58d6;}
.medcom_link_pages.pagination > .active > a, .medcom_link_pages.pagination > .active > a:focus, .medcom_link_pages.pagination > .active > a:hover, .medcom_link_pages.pagination > .active > span, .medcom_link_pages.pagination > .active > span:focus, .medcom_link_pages.pagination > .active > span:hover{background-color: #4c58d6;border-color: #4c58d6;}
.medcom_link_pages.pagination > li.active > span {color: #fff;}
#medcom_delete_cor_confirm {
  width: 100%;
  height: 2000px;
  background: rgba(0, 0, 0, 0.55);
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  padding-top: 100px;
}
.parent-class #dialogueNoteAttachmentDetails .dropdown.correspondence td{
  padding-left: 7px!important;
}
.citizenActivities.case-detail-view .medcomAttactmentDetails .data-list{
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
}