.draggable { 
	 width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; 
}
.ur-field-item.field-user_pass.esconpass {
    display: none;
}

#containment-wrapper {
	width: 95%; height:150px; border:2px solid #ccc; padding: 10px; 
}
.draggable { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
  #draggable, #draggable2 { margin-bottom:20px; }
  #draggable { cursor: n-resize; }
  #draggable2 { cursor: e-resize; }
  #containment-wrapper { width: 95%; height:150px; border:2px solid #ccc; padding: 10px; }
  h3 { clear: left; }

.hide{
	display:none !important;
}
.hidden{
  display: none;
}

.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}


.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid #f1f1f1;
  z-index: 9;
}


.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}


.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}


.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}


.form-container .cancel {
  background-color: red;
}


.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}

.hide{
  display:none !important;
}


input#user_pass {
    display: none;
}
span.password-input-group {
    display: none;
}
th {
    font-weight: bold;
    background: #a3a3c8 !important;
    color: black !important;
}
table.ubicacion {
    background: #ffffffed;
    border: #5c4188 2px solid;
    color: black !important;
}


#containerrange {
max-width: 260px;
margin: 0 auto;
}

#element {
display: block;
}

.customCSS .e-calendar .e-content .e-selected span.e-day,
/* csslint allow: adjoining-classes*/
.customCSS .e-calendar .e-content .e-selected span.e-day:hover,
/* csslint allow: adjoining-classes*/
.customCSS .e-calendar .e-content .e-today.e-selected:hover span.e-day,
/* csslint allow: adjoining-classes*/
.customCSS .e-calendar .e-content .e-today.e-selected span.e-day,
/* csslint allow: adjoining-classes*/
.customCSS .e-calendar .e-content .e-selected:hover span.e-day

/* csslint allow: adjoining-classes*/
{
background-color: #35b86b;
}

.customCSS .e-calendar .e-content .e-today span.e-day,
/* csslint allow: adjoining-classes*/
.customCSS .e-calendar .e-content .e-focused-date.e-today span.e-day {
/* csslint allow: adjoining-classes*/
border: 1px solid #35b86b;
color: #ff3337;
}

.customCSS .e-calendar .e-content .e-weekend span {
/* csslint allow: adjoining-classes*/
color: #ff3337;
}

.customCSS.e-date-range-wrapper .e-input-group-icon.e-icons.e-active,
/* csslint allow: adjoining-classes*/
.customCSS .e-btn.e-flat,
/* csslint allow: adjoining-classes*/
.customCSS .e-btn.e-flat:hover {
/* csslint allow: adjoining-classes*/
color: #35b86b;
}

.e-input-group .e-input-group-icon,
.e-input-group.e-control-wrapper .e-input-group-icon,
.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
background: none;
}

.e-input-group:not(.e-disabled) .e-input-group-icon:active,
.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active {
background: rgb(0, 120, 214);
}