/*
	AUTHOR: FARMACIA RIBERA
	CREATE DATE: 21/04/2016
	LAST UPDATE: 21/04/2016 17:49
*/
/* CSS GENERIC */
	* {
		margin: 0;
		padding: 0;
	}	
	ul {
		list-style:  none;
	}

	a {
		text-decoration: none;
	}
	html::-webkit-scrollbar {
		width: 10px;
	}
	html::-webkit-scrollbar-track {
  		background: #ddd;
	}
	html::-webkit-scrollbar-thumb {
  		background: #e38d13; 
	}
	html::scrollbar {
		width: 10px;
	}
	html::scrollbar-track {
  		background: #ddd;
	}
	html::scrollbar-thumb {
  		background: #e38d13; 
	}
	body {
		background: url("../imagenes/web/fondo.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		/*background-color: rgba(166,166,166,0.8)*/
	}
	.page-header,.page-footer {
		background-color: rgba(0,98,57,0.8) !important;
		text-transform: capitalize;
		color: black;
		margin: 0;
		padding: 1em 0;
	}
	.page-header small {
		color: rgba(0,0,11,0.6)
	}
	section {
		padding: 0.5em;
		overflow: hidden;		
	}
	section h2:first-letter, section h3:first-letter {
		text-transform: uppercase;
	}
	.control-label {
		background-color: rgba(239,255,25,0.8);
		text-transform: capitalize;
	}
	.control-label, input[type="file"] {
		padding: 0.5em;
	}
	footer a {
		color:#CFB33D;
	}
	footer a:hover {
		color:white;
	}				
/* CSS START*/
/* CSS MAGISTRAL*/
	#magistral h3 {
		/*background-color: #006130 !important;*/
		padding: 0.25em;
		text-align: center;
		color: white;
	}	
	#magistral div, #magistral article{
		margin: 0.25em 0;
	}
	#magistral button[type="submit"] {
		padding: 0.7em 10em;
		color: black;
		text-transform: capitalize;
	}
	#magistral label {
		text-align: center;
		text-transform: capitalize;
	}
	#magistral  label[class="radio"]{
		text-transform: capitalize;
		text-align: left;
	}
	#magistral canvas {	
		width: 100%;	
		background-color: white;
		cursor: url(../imagenes/web/lapiz.cur),pointer;
	}
	#magistral select {
		text-transform: capitalize;
	}	
	#magistral button {
		text-transform:  capitalize;
	}	
/* CSS LOGIN*/
	#login div {
		margin: 0.25em 0;
	}
	#login label {
		text-align: center;
	}
/* CSS ADMIN PANEL*/
	#AdminPanel .panel-body img {
		display: block;
		margin: 0 auto;
		width: 100px;
		height: 100px;
	}
	#AdminPanel table {
		background-color: white;
	}	
	#AdminPanel table * {
		text-align: center;
	}
	#AdminPanel thead {
		text-transform: capitalize;
	}
	#AdminTable {	
		position: relative;
	}
	#AdminTable tr td:not([name='formu/img']):hover , #AdminTable tr td span {
		cursor: pointer;
	}	
	#Admintable td {		
		text-transform: capitalize;
	}
	#AdminTable span {
		margin: 0 5px; 
	}
	#infoBlock *, #info * {
		text-transform: capitalize;
	}
	#AdminPanel .panel-heading, #AdminPanel .panel-body label{
		text-align: center;
	}
	#AdminPanel .list-group-item {
		background-color: #CFCC3D;
	}
	#AdminPanel .panel-body button{
		margin-top: 10px;
		color: black;
	}
	.navbar{		
		margin-bottom: 0;
	}
	.navbar * {
		text-transform: capitalize;
	}
	.nav li {
		margin: 5px;
	}
	.pagination > .active > a {
		z-index: 0;
	}
	.nav select[name="estadoFil"] option{
		color: white;
	}
	.containerSliderAdmin {
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.5);
		top: 0;
		position: fixed;
		display: none;
	}
	.containerSliderAdmin .carousel-inner > .item > img{
		width: 80%;
		height: 90%;
		margin: 0 auto;
	}
	.containerSliderAdmin .carousel-indicators li {
		width: 25px;
		height: 25px;
		border-color: red;
	}
	.containerSliderAdmin .carousel-indicators .active {
		width: 25px;
		height: 25px;
		background-color: blue;
	}
	.containerSliderAdmin footer {
		height: 10%;
		width: 100%;
		background-color: rgba();
	}
	.containerSliderAdmin .alert {
		text-align: center;
		padding: 1.5% 0;
	}
	#ajust h4 {
		padding: 0.5em;
		color: white;	
	}

	#ajust .modal-header{
		background-color: #006030;
	}

	#ajust .modal-body{
		background-color: #83b312;
	}

	#ajust .modal-footer {
		background-color: #9DC04D;
	}	
/* CSS MODAL*/
	#DB img {
		display: block;
		margin: 0 auto;
	}
	#DB .modal-header {
		background-color: rgba(0,98,57,0.8) !important;
		text-align: center;
		text-transform: capitalize;
		color: white;
	}
/*MAGISTRAL 2*/	
	@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900);
	.formGeneral {
	  /*background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNTEyZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkMjQ3NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	  background-size: 100%;
	  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ff512f), color-stop(100%, #dd2476));
	  background-image: -moz-linear-gradient(left, rgba(193,207,0,0.8), rgba(0,98,57,0.8));
	  background-image: -webkit-linear-gradient(left, rgba(193,207,0,0.8), rgba(0,98,57,0.8));
	  background-image: linear-gradient(to right, rgba(193,207,0,0.8), rgba(0,98,57,0.8));
	  background: linear-gradient(to right, #25c481, #25b7c4);
	  font-family: 'Roboto', sans-serif;*/
	}
	.formGeneral .contact-form {
	  margin-top: 30px;
	}
	.formGeneral .contact-form .input-block {
	  background-color: rgba(255, 255, 255, 0.8);
	  border: solid 1px #006130;
	  width: 100%;
	  height: 60px;
	  padding: 25px;
	  position: relative;
	  margin-bottom: 20px;
	  -moz-transition: all 0.3s ease-out;
	  -o-transition: all 0.3s ease-out;
	  -webkit-transition: all 0.3s ease-out;
	  transition: all 0.3s ease-out;
	}
	.formGeneral .contact-form .input-block.focus {
	  background-color: #fff;
	  border: solid 1px #00415B;
	}
	.formGeneral .contact-form .input-block.textarea {
	  height: auto;
	}
	.formGeneral .contact-form .input-block.textarea .form-control {
	  height: auto;	 
	}
	.formGeneral .contact-form .input-block label {
	  position: absolute;
	  left: 25px;
	  top: 25px;
	  display: block;
	  margin: 0;
	  font-weight: 300;
	  z-index: 1;
	  color: #333;
	  font-size: 1.4em;
	  line-height: 10px;
	}
	.formGeneral .contact-form .input-block .form-control {
	  background-color: transparent;
	  padding: 0;
	  border: none;
	  -moz-border-radius: 0;
	  -webkit-border-radius: 0;
	  border-radius: 0;
	  -moz-box-shadow: none;
	  -webkit-box-shadow: none;
	  box-shadow: none;
	  height: auto;
	  position: relative;
	  z-index: 2;
	  font-size: 1.8em;
	  color: #333;
	}
	.formGeneral .contact-form .input-block .form-control:focus label {
	  top: 0;
	}
	.formGeneral .contact-form  .square-button {
	  background-color: #FF4C16;
	  color: white;
	  font-size: 2.6em;
	  text-transform: uppercase;
	  font-weight: 700;
	  text-align: center;
	  -moz-border-radius: 2px;
	  -webkit-border-radius: 2px;
	  border-radius: 2px;
	  -moz-transition: all 0.3s ease;
	  -o-transition: all 0.3s ease;
	  -webkit-transition: all 0.3s ease;
	  transition: all 0.3s ease;
	  height: 60px;
	  border: none;
	  width: 100%;
	  margin-top: 20px;
	}
	.formGeneral .contact-form .square-button:hover, .formGeneral .contact-form .square-button:focus {
	  background-color: #FF7316;
	}	
	.formGeneral .contact-wrap {
	  padding: 15px;
	}
	.formGeneral .contact-form .imgCl label, .formGeneral .contact-form .firma label {
		top: 10px;
    	font-size: 1.4em;
	}
	.formGeneral .radios	{
		margin: 5px 0;
		font-size: 1.8em;
	}
	.formGeneral .contact-form .firma .input-block {
		height: 187px;
	}
	.formGeneral .formula, .formGeneral .otro {
		margin: 10px 0;
		display: none;
	}
	.formGeneral .contact-form .formula .input-block  .form-control {
		font-size: 1.4em;
	}
	.formGeneral  .firma {
		margin-bottom: 24px;
	}
	.formGeneral label:first-letter {
		text-transform: uppercase;
	}
	.formGeneral .radio {
		text-transform: capitalize;
	}
	.formGeneral canvas {	
		width: 100%;	
		background-color: white;
		cursor: url(../imagenes/web/lapiz.cur),pointer;
	}
	.formGeneral h3 {
		color: white;
		padding: 0.25em;
		text-align: center;		
		background: url("../imagenes/formulasmagistrales/barraseccion.png") !important;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.formGeneral .paint {
		background-color: rgba(255, 255, 255, 0.8);
	  	border: solid 1px #006130;	  	
	}
	.formGeneral .paint2 {
		background: url("../imagenes/formulasmagistrales/barrafarmacia.jpg");
		padding: 1em;
	}
	.formGeneral .paint2 * {
		color: white;
		padding: 0 !important;
		margin: 0 !important;
	}
	.formGeneral .paint2 h2 {
		margin-bottom: 20px !important;
	}
	
	.formGeneral .m-signature-pad--footer {
		margin-top: 15px;
	}
	.formGeneral input[type='radio'] {
		display: none;
	}
	.formGeneral input {
		font-size: 1.4em;
	}
	.formGeneral .imgCl img {
		height: 138px;
	    display: block;
	    margin: 0 auto;
	}
	.formGeneral .contact-form .imgCl > .input-block {
		height: 174px
	}
	.formGeneral .imgCl input[type="file"] {
		display: none;
	}
	.formGeneral .imgCl .glyphicon-remove-circle {
		right: 24px;
		top: 7px;
	    font-size: 2.7em;
	    color: red;
	    position: absolute;
	    z-index: 2000;
	}
	.formGeneral .imgCl .glyphicon-remove-circle:hover {
		cursor: pointer;
	}
	.formGeneral .imgCl img:hover {
		cursor: pointer;
	}
	.formGeneral h3 a img {
		height: 30px;
	}
	.formGeneral .tooltip-inner {
		max-width: 100%;
	}
	.formGeneral p {
		padding: 1em;    
	    margin-top: 20px;
	    font-size: 14px;
	}
	.formGeneral .info {
		color: red;
	}
	#magistral2,#consulta,#formPaciente {
		background-color: #f8faf8;
	}
	#magistral2 .pintar {
		background-color: #f4f6f4;
	}
/*CONSULTA*/
	#consulta .formula,  #formPaciente .formula{
		display: block;
	}
	#consulta select {
		text-transform: capitalize;
	}
/*THANK YOU*/	


@media screen and (max-width: 980px) {
   .container {
   	width: 100%;
   }
}
.padding0 {
	padding: 0 !important;
}

.navbar-brand img {
	max-width: 90% !important;
}

.formGeneral .col-md-12, .formGeneral .col-md-6, .formGeneral .col-md-4, .formGeneral .col-md-8 {
	padding: 0 !important;
}

@media screen and (max-width: 720px) {	
   .formGeneral h3 a {
   		float: none !important;
   }
}


#thankyou .cabecera {
	background: url('../imagenes/thank/pedidofinalizado.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

#thankyou p {
	font-size: 16px;
	margin: 10px;
}

/* CONTRATO */

	#contrato .input-block  #signature-pad{
		border: 1px solid green;
	}

	#contrato canvas {	
		width: 100%;	
		background-color: white;
		cursor: url(../imagenes/web/lapiz.cur),pointer;
	}