/* Custom User Resource */
/* Created by: JOSEPHUSER */
/* Created on: 5/3/2023 10:31:02 AM */
/* To reference this file use the following: */
/* <link type="text/css" href="userresources/toolbar.css" rel="stylesheet"> */

/** required for toolbar new icons */
.toolbarButton{
  display: flex;
  border: 1px solid black;
  border-radius: 5px;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  overflow: hidden;
}
.toolbar .infoContainer{
  min-width: 241px;
}
.toolbarButton > span{
  padding: 4px;
}
.toolbarIcon{
  width: 33px;
  font-weight: 400;
}
#messagesWrapper{
  float:right;
  width: 63px;
  min-width: 63px;
}
#msg-icon-container{
  min-width: 33px;
  width: 33px;
  height: 33px;
  background-color: var(--button-background-color);
  color: var(--button-text-color);
}
#msg-icon-container:hover{
  background-color: var(--button-hover-background-color);
  color: var(--button-hover-text-color);
}
.toolbarBtnText{
  width: calc(100% - 66px);
  border-right: 1px solid black;
  font-weight: 700;
}
@media(max-width:1599px){
  .toolbarBtnText{
    display:none;
  }
  .toolbar .infoContainer{
    width: 96px;
    min-width: 96px;
  }
  .toolbarButton{
    width: 66px;
  }
}
.toolbarExpandIcon{
  width: 33px;
  font-weight: 400;
}
.toolbarData{
  background-color:red;
}
.toolbar{
  z-index: 1 !important;
}
.toolbar .infoContainer > *{
  z-index: 2 !important;
}
#benefitsSubmitBtn{
  width: auto !important;
}
.message-count {
  position: absolute;
  top: -7px;
  right: 7px;
  background-color: red;
  color: white;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 12px;
}
/* end of new toolbar icons */

.toolbar-sub,
.toolbar-msg,
.toolbar-notes {
  border-radius: 3px;
  display: flex;
  align-items: center;
  position: absolute;
  left: 188px;
  top: 65px;
  width: 965px;
  height: 44px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  cursor: pointer;
}

.icon-btn {
  border: none;
  cursor: pointer;
  background-color: unset;
  height: 40px;
  padding: 10px;
}

.icon-btn:hover {
  cursor: pointer;
}

.dropdown-content {
  position: absolute;
  background-color: white;
  min-width: 250px;
  max-height: 500px !important;
  overflow-y: auto;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  border-radius: 5px;
}
.dropdown-content a {
  color: black;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}

.dropdown-content a.ddl-header {
  background-color: black;
  color: white;
  text-transform: uppercase;
}
.rej-icon{
  background-color: #f7e8e9;
}
.rej-icon > .toolbarIcon, .rej-icon:not(.dropdown-content):hover, .dropdown-content.rej-icon a.selectable:hover{
  background-color: #E60F23;
  color: white;
}
.ver-icon{
  background-color: #e6efe8;
}
.ver-icon > .toolbarIcon, .ver-icon:not(.dropdown-content):hover, .dropdown-content.ver-icon a.selectable:hover{
  background-color: #45B85E;
  color: white;
}
.pend-icon{
  background-color: #fff7e0;
}
.pend-icon > .toolbarIcon, .pend-icon:not(.dropdown-content):hover, .dropdown-content.pend-icon a.selectable:hover{
  background-color: #FFCE3D;
}
.na-icon{
  background-color: #E3E3E3;
}
.na-icon > .toolbarIcon, .na-icon:not(.dropdown-content):hover, .dropdown-content.na-icon a.selectable:hover{
  background-color: #8F8F8F;
  color: #fff;
}

.benefit-checkbx {
  padding: 20px;
  margin: 5px;
}
.benefit-label-div {
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius: 1px;
}
.benefit-label-div .benefit-label {
  margin: 1px;
  padding: 3px;
}

.pill-success,
.pill-primary,
.pill-info {
  position: relative;
  display: inline;
  border-radius: 100%;
  font-size: 8px;
  color: white;
  padding: 1.5px;
  top: -16px;
  right: 14px;
}

.pill-info {
  background-color: slategray;
}
.text-danger {
  color: #E60F23;
}
.text-warning {
  color: #FFCE3D;
}
.text-success {
  color: #45B85E;
}

#send-message-textarea {
  padding: unset;
  margin: unset;
}
#upload-doc-types {
  padding: 1rem;
}
/* The Modal (background) */
.msg-modal {
  position: fixed;
  z-index: 2 !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.28);
}
/* Modal Content */
.msg-modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  top: 100px;
  left: 75px;
  border: 1px solid #000;
  width: 1000px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.msg-modal-content-cm {
  position: relative;
  background-color: #fefefe;
  margin: auto 50%;
  padding: 10px;
  top: 500px;
  left: 10%;
  border: 1px solid #000;
  width: 400px;
  max-height: 350px;
  overflow: auto;
}
/* The Close Button */
.msg-close {
  color: #000;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.msg-close:hover,
.msg-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#msg-display {
  overflow-wrap: break-word;
  min-height: 100%;
}
#msg-center-list {
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
}
#msg-center-list li:hover {
  background-color: var(--table-row-hover-background-color);
  cursor: pointer;
}
.br-5 {
  border-radius: 5px;
}
.align-center{
  display: flex;
  align-items: center;
}
.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.flex-row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}