@charset "utf-8";

/* CSS Document */

/* Fichero html asociado: calcuM7_arp.html */

* {
	margin:0;
	padding:0;
	font-size:14px;
}

h1 {
	font-size: 2em;
	margin-top:2.1em;
	color: #A10917;
}

.container, container-fluid {
	background-color: #E6FEFF;
	color:#000;
}


/*aspectos generales calculadora*/ 
.calculadora { 
	border: 3px blue ridge;
	width: 240px;
	text-align: center;
	background-color: #f6f8d8;
	padding-bottom: 1em;
}

sup {font-size: 0.7em;}  /* Supérindice */

/*cajetín de visualización: */					 
#display, #displayMemory { 
	/*width: 190px;*/
	width:95%;
	border: 2px maroon solid;
	text-align: right;  /* Alineamos números a la derecha */
	padding: 0px 5px;
	margin: 0.5em auto;  /* centramos cajetín */
	padding: 0.1em 0.1em;
	background-color: #FFF;
	color: #000;
	font-family: "courier new"; 
	overflow: hidden;
}

/*botones normales: anchura y margen*/
.calculadora button {
	width: 35px;
	width: 3em;
	padding: 0.4em 0em;
	margin:0.1em auto;
	font-size: 0.8em;
}

/*botones especiales: resultado y borrado y memoria*/

.calculadora button.largo {
	width: 60px;
	width: 5.3em;
}

.calculadora button#largoCE, button#resetMem {
	color: #F00;
}


.calculadora button#largoCal {
	color: #008000;
}





.center {
	text-align: center;
}

.izquierda {
	margin: 20px 10px 5px 0px;
	padding:0px;
}

.input-container {
	text-align: center;
	border-radius: 6px;
	margin-bottom: 16px;
}

.input-container > input[type='text'] {
	width: 100%;
	font-size: 2rem;
	border: 1px solid #ccc;
	margin: 5px;
	text-align: center;
	padding: 0 13px;
	border-radius: 6px;
}
div#displayMemory, div[contenteditable='true'] {
	/*width: 100%;*/
	height: 30px;
	font-size: 1.8rem;
	/*text-align: center;*/
	background-color: #fff;
	/*margin: 5px;
	padding: 0 13px;
	padding-top: 2px;
	border: 1px solid #ccc;*/
	border-radius: 6px;
}

div#displayMemory {
	background-color: #ddd;
	white-space: nowrap;
    	overflow: hidden; 
	text-overflow: ellipsis;
}

div[contenteditable='true']:empty:not(:focus):before, div#displayMemory:empty:not(:focus):before {
    	content: attr(data-text);
    	color: #ddd;
	text-align: center;
}

div#displayMemory:empty:not(:focus):before {
    color: #aaa;
}

.drop-move {
	font-size: 1.5rem;
	text-align: center;
	background-color: #333;
	color: #fff;
	margin: 5px;
	padding: 0 13px;
	padding-top: 2px;
	border: 1px solid #ccc;
	border-radius: 6px;
	z-index: 9999;
}

.drag-active {
	background-color: lightyellow !important;
}