/* div.demo-content{box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20);color:#8d9090;} */
#notification-header {
	/*background: #fff;
  padding: 6px;*/
  background: transparent;
  text-align: right;
  /* margin-top: 4px; */
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 10px;
}
button#notification-icon {
	background: transparent;
	border: 0;
	position:relative;
	cursor:pointer;
}
/*#notification-count{
	position: absolute;
    left: -2px;
    top: -8px;
    font-size: 14px;
    color: #de5050;
    font-weight: bold;
}*/
#form-header {
	font-size:1.5em;
}
#frmNotification {
	padding:20px 30px;
}
.form-row{
	padding-bottom:20px;
}
#btn-send {
	background: #258bdc;
	color: #FFF;
	padding: 10px 40px;
	border: 0px;
}
div.demo-content input[type='text'],textarea{
	width: 100%;
	padding: 10px 5px;
}
/*#notification-latest {
	color: #555;
  position: absolute;
  right: 0px;
  background: #f5f5f5;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20);
  /* max-width: 250px; */
  /*text-align: left;
  font-size: 12px;
	z-index: 12;
}
.notification-item {
	padding:10px;
	border-bottom: #D82426 2px solid;
	cursor:pointer;
}
.notification-subject {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notification-comment {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style:italic;
}*/

/* .roundedOne */
.roundedOne {
  width: 18px;
  height: 18px;
  position: relative;
  margin: 20px auto;
  background: #fcfff4;
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 50px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
  label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    left: 4px;
    top: 4px;
    background: linear-gradient(top, #222 0%, #45484d 100%);
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    &:after {
      content: '';
      width: 16px;
      height: 16px;
      position: absolute;
      top: 2px;
      left: 2px;
      background: $activeColor;
      background: linear-gradient(top, $activeColor 0%, $darkenColor 100%);
      opacity: 0;
      border-radius: 50px;
      box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    }
    &:hover::after {
      opacity: 0.3;
    }
  }
  input[type=checkbox] {
    visibility: hidden;
    &:checked + label:after {
      opacity: 1;
    }
  }
}
/* end .roundedOne */

/* Estilos del desplegable de usuarios */
/*
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #2c3e50;
  background-image: none;
}
/* Custom Select */
/* .select {
  /* width: 10em;
  /* height: 10em; */
  /* line-height: 3; */
  /* background: #2c3e50; */
  /* overflow: hidden; */
  /* border-radius: .25em;  */
/* } */
/* select { */
/* width: 28%; */
  /* height: 100%; */
  /* margin: 0; */
  /* padding: 0 0 0 .5em; */
  /* color: #fff; */
  /* cursor: pointer; */
/* } */
/* select::-ms-expand { */
  /* display: none; */
/* } */
/* Arrow */
/* .select::after { */
  /* content: '\25BC'; */
	/* position: absolute; */
  /* top: 50%; */
  /* right: 1%; */
  /* bottom: 30%; */
  /* padding: 0 1em; */
  /* background: #2c3e50; */
  /* pointer-events: none; */
/* } */
/* Transition */
/* .select:hover::after { */
  /* color: #f39c12; */
/* } */
/* .select::after { */
  /* -webkit-transition: .25s all ease; */
  /* -o-transition: .25s all ease; */
  /* transition: .25s all ease; */
/* }  */