/* ---------- GENERICS ----------- */
.messaging-item-login .messaging-title,
.messaging-item-floatingbottomcenter .messaging-title,
.messaging-item-floatingtopcenter .messaging-title, 
.messaging-wrapper-smallbar .messaging-title
{
  font-weight: bold;
}

/*----------- LOGIN -------------- */
.messaging-wrapper-login {
  float: right;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}

.messaging-item-login {
  border: 1px solid black;
  padding: 15px;
  background: white;
  box-shadow: 5px 5px 4px 0 #9a969673;
  border-radius: 5px;
  max-width: 400px;
  margin-left: 10px;
  margin-top: 5px;
  flex-grow: 1;
  border-left-width: 5px;  
}

.messaging-item-login.default {
  border-color: var(--sharp-primary);
}

.messaging-item-login.warning {
  border-color: var(--sharp-warning);
}

.messaging-item-login.danger {
  border-color: var(--sharp-danger);
}

.messaging-item-login.success {
  border-color: var(--sharp-success);
}

.messaging-item-login.info {
  border-color: var(--sharp-info);
}

.messaging-item-login a {
  text-decoration-color: var(--sharp-primary);
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-style: dashed;
  text-underline-offset: 2px;
}

.messaging-item-login a .fas,
.messaging-item-login a .far {
    display: none;
}

.messaging-item-login a:hover .fas,
.messaging-item-login a:hover .far {
    display: inline-block;
}

/* ----------- END LOGIN -------------- */

/* ----------- POPUP --------------*/

.messaging-wrapper-popup {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #000000bd;
  z-index: 3000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.messaging-wrapper-popup:empty {
  display: none;
}

.messaging-item-popup:first-child {
  display: block;
}

.messaging-item-popup {
  display: none;
  min-width: 400px;
  border-width: 2px;
  border-style: solid;
  border-color: var(--sharp-primary);
  border-left-width: 10px;
  background: white;
  border-radius: 5px;
  padding: 15px;
  box-shadow: 5px 5px 4px 0 #9a969673;
}

.messaging-item-popup .messaging-title {
  font-size: x-large;
}

.messaging-item-popup.danger {
  border-color: var(--sharp-danger);
}

.messaging-item-popup.warning {
  border-color: var(--sharp-warning);
}

.messaging-item-popup.success {
  border-color: var(--sharp-success);
}

.messaging-item-popup.info {
  border-color: var(--sharp-info);
}

.messaging-item-popup.default {
  border-color: var(--sharp-primary]);
}

.messaging-item-popup .messaging-dismiss {
  text-align: right;
  padding-top: 5px;
}

/*----------- END POPUP --------------*/

/*----------- SMALLBAR --------------*/
.messaging-wrapper-smallbar {
  margin: 0px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
}

.messaging-item-smallbar {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  max-height: 20px;
  border-bottom-color: #00000050;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.messaging-item-smallbar.danger {
  /* border: 1px solid var(--sharp-danger); */
  background: var(--sharp-danger);
  color: white;
}

.messaging-item-smallbar.warning {
  /* border: 1px solid var(--sharp-warning); */
  background: var(--sharp-warning);
}

.messaging-item-smallbar.success {
  /* border: 1px solid var(--sharp-success); */
  background: var(--sharp-success);
}

.messaging-item-smallbar.info {
  /* border: 1px solid var(--sharp-info); */
  background: var(--sharp-info);
}

.messaging-item-smallbar.default {
  /* border: 1px solid var(--sharp-primary); */
  background: var(--sharp-primary);
  color: white;
}

.messaging-item-smallbar .messaging-title {
  margin-left: 5px;
  margin-right: 5px;
}

.messaging-item-smallbar .messaging-message {
  flex-grow: 1;
}
.messaging-item-smallbar button.btnMessagingDismiss {
  background: none;
  color: inherit;
  border: none;
  font-weight: bold;
  height: unset;
  width: unset;
  padding: 0px;
  margin-left: 5px;
  margin-right: 5px;
}
/*----------- END SMALLBAR --------------*/

/*----------- GENERIC FLOATING -------------*/

.messaging-wrapper-floatingtopcenter,
.messaging-wrapper-floatingbottomcenter {
    z-index: 2000;
    position: fixed;
    display: flex;
    width: 100%;
    pointer-events: none;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.messaging-item-floatingbottomcenter,
.messaging-item-floatingtopcenter
{
  border-width: 1px;
  border-style: solid;
  border-color: var(--sharp-primary);
  background: white;
  border-radius: 5px;
  min-width: 400px;
  max-width: 0.5vh;
  box-shadow: 5px 5px 5px #9a98987a;
  padding: 5px 10px;
  pointer-events: visible;
  border-left-width: 5px;
  margin: 1px;
}


.messaging-item-floatingbottomcenter.danger,
.messaging-item-floatingtopcenter.danger
{
  border-color: var(--sharp-danger);
}
.messaging-item-floatingbottomcenter.danger .messaging-title,
.messaging-item-floatingtopcenter.danger .messaging-title {
    /*color: var(--sharp-danger);*/
    /*border-bottom: 1px solid var(--sharp-danger);*/
}

.messaging-item-floatingbottomcenter.warning,
.messaging-item-floatingtopcenter.warning 
{
  border-color: var(--sharp-warning);
}
.messaging-item-floatingbottomcenter.warning .messaging-title,
.messaging-item-floatingtopcenter.warning .messaging-title {
    /* color: var(--sharp-warning); */
    /* border-bottom: 1px solid var(--sharp-warning); */
}

.messaging-item-floatingbottomcenter.success,
.messaging-item-floatingtopcenter.success
{
  border-color: var(--sharp-success);
}
.messaging-item-floatingbottomcenter.success .messaging-title,
.messaging-item-floatingtopcenter.success .messaging-title {
    /*color: var(--sharp-success);
    border-bottom: 1px solid var(--sharp-success);*/
}

.messaging-item-floatingbottomcenter.info,
.messaging-item-floatingtopcenter.info
{
  border-color: var(--sharp-info);
}
.messaging-item-floatingbottomcenter.info .messaging-title,
.messaging-item-floatingtopcenter.info .messaging-title {
    /*color: var(--sharp-info);
    border-bottom: 1px solid var(--sharp-info);*/
}

.messaging-item-floatingbottomcenter button.btnMessagingDismiss,
.messaging-item-floatingtopcenter button.btnMessagingDismiss
{
  background: transparent;
  color: dimgray;
  border: none;
  font-weight: bold;
  float: right;
  font-size: large;
  margin-top: -4px;
  margin-right: -6px;
}


/*----------- END GENERIC FLOATING -------------*/

/*----------- FLOATING BOTTOM CENTER --------------*/
.messaging-wrapper-floatingbottomcenter {
  bottom: 15px;
  flex-direction: column-reverse;
}
/*----------- END FLOATING BOTTOM CENTER --------------*/

/*----------- FLOATING TOP CENTER --------------*/
.messaging-wrapper-floatingtopcenter {
  top: 15px;
  flex-direction: column;
}
/*----------- END FLOATING TOP CENTER --------------*/