/**
 * Change selection color 
*/
::-moz-selection { /* Code for Firefox */
  color: #FFBF00;
  background: #343a40;
}

::selection {
  color: #FFBF00;
  background: #343a40;
}

/* The switch - the box around the darkslider */
#hwbookmark {
  position: relative;
  display: inline-block;
  margin-top:-18px;
  margin-left:14px;
  margin-right:0px;
  float: right;
}

#bookmark-id {
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
  border-radius: 4px 0px 0px 4px;
  font-size: 1em;
  font-style: normal;
  background-color: var(--text-color);
  color: white;
  border: 1px solid white;
}

#bookmark-id-clear {
  padding-top: 3px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
  border-radius: 0px 4px 4px 0px; 
  font-size: 1em;
  font-style: normal;
  background-color: var(--text-color);
  color: white;
  border: 1px solid white;
}

#bookmark-id-clear:hover {
      color: red;
      background-color:white;
      transition: 0.2s;
  }


#bookmark-id:hover {
      color: #ffb84d;
      transition: 0.2s;
      border: 1px solid #ffb84d;
  }


#bookmark-id-empty {
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
  border-radius: 4px;
  font-size: 1em;
  font-style: normal;
  background-color: #9a9da0;
  color: var(--text-color);
  border: 1px solid var(--text-color);
}

#bookmark-id-empty:hover {
      color: #ffb84d;
      transition: 0.2s;
      border: 1px solid #ffb84d;
  }


/**
 * Item
 * ----------------------------------------------------------------------------------
 */
.msgpopup-box {
	overflow: hidden;
	display: none;
}
.msgpopup-wrap {
	position: relative;
}
.msgpopup-item {
	position: relative;
	font-size: 12px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

/**
 * Default position
 * ----------------------------------------------------------------------------------
 */
.msgpopup-container {
	position: fixed;
	right: 0;
	width: 350px;
	bottom: 5px;
	z-index: 999;
}
.msgpopup-container .msgpopup-box-clone-output {
	width: 100%;
	overflow: auto;
	max-height: 100vh;
}
.msgpopup-container .msgpopup-wrap {
	right: -360px;
	transition: right 0.5s ease 0s;
}
.msgpopup-container .msgpopup-wrap.msgpopup-wrap-visible {
	right: 0;
}

/**
 * Theme
 * ----------------------------------------------------------------------------------
 */
.msgpopup-theme-default .msgpopup-close-x {
	display: inline-flex;
	line-height: inherit;
	font-size: inherit;
	cursor: pointer;
	border-radius: 50%;
	position: absolute;
	right: 3px;
	top: 0;
	padding: 4px;
	width: 16px;
	height: 16px;
	background-color: #CA1C3B;
}
.msgpopup-theme-default .msgpopup-close-x:before {
	content: '';
	position: absolute;
	left: 6px;
	top: 6px;
	right: 6px;
	bottom: 6px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABsUlEQVRogc3aMU/DMBCG4fxRNtgjhk6oSGROu5WFInVBjGz8vJehsnCtOD3H9t19Y3RJ/TS2m5w6DEmAPXBJj3sJcALme0UP/OeoNDZxgJdofGOuKEa4wySIZUwG4QaTQdxigNeVopCDIWIvGN88AF+CQhOM8EsG+A0nHIUnqE0z1qdTnEt6ohvMZoQnTDUiutBBeKHmawbZwgY4Sy8ovTPNMMgX9mfphdWmGa2mkyWmO0IDo4aIPrD5BkDrhV3wwc02AHot7A6Y7DRDezr1wLhB1GDcIaKBSTeAZ+BJWNt2YRdgpHdGkj4LWxnjo9lRifGBCNmI8YUI4bqwpXmzHm82wGMBZGc93sUg/52IY95quslGhC9MJcIHBvmjuCQ2TUDkj+ITsHOJYcMDIA5aTdUId5gahBsMDd+xsWoC0uEdG+0mIB3f7AowddOsJ0INo4HojsGgeUbrDQDD5hmtNgActGwKMMvTzAOiGuMJsRkDvAtPUG+eId8AvgdgFhSaNc+Q3ZlzKB5XisxbNncwU1q8hDFHhGQwU6549IgISTDLiKh4Bn6UxlYcrv+d+UiP/wGfJ1F2pYUZrQAAAABJRU5ErkJggg==');
	background-size: cover;
	background-position: center center;
}

.msgpopup-theme-default .msgpopup-wrap {
	padding: 5px 10px 0 10px;
	margin-bottom: 7px;
}
.msgpopup-theme-default .msgpopup-content {
	padding: 10px;
}
.msgpopup-theme-default .msgpopup-type {
	border: 1px solid;
	border-radius: 3px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}
.msgpopup-theme-default .msgpopup-normal {
	background: #FCFCFD;
}
.msgpopup-theme-default .msgpopup-success {
	background: #fff0bb;
        font-size: 14px;  
}
.msgpopup-theme-default .msgpopup-error {
	background: #FFF7F7;
}
.msgpopup-theme-default .msgpopup-info {
	background: #EDFCFF;
}
.msgpopup-theme-default .msgpopup-alert {
	background: #FFFFED;
}