@charset "utf-8";
/* CSS Document */

a { color:#13bfb1; }
a:visited { color:#13bfb1; }
a:actived { color:#13bfb1; }
a:hover { color:#13bfb1; }

body,
html {
  position: relative;
  width: 100%;
  height: 100%;
	overflow: hidden;
}

::-webkit-scrollbar {
  width: 10px;
  -webkit-appearance: none;
}

::-webkit-scrollbar-thumb:vertical {
  margin: 10px;
  background-color: #ccc;

}
::-webkit-scrollbar-track {
	background-color: #f1f1f1;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  height: 10px;
  display: block;
  background-color: #ccc;
}

@media screen and (max-width : 1024px) {
	::-webkit-scrollbar {
		display: none;
	}
}

.placeholder-blue::-webkit-input-placeholder {
   color: #7ae3f9;
}
.placeholder-white::-webkit-input-placeholder {
   color: #fff;
}

.mangole-label {
    color: #000!important;/*13bfb1*/
}

#login_user:focus,
#clinic:focus,
#login_password:focus {
	border: 1px #13bfb1 solid;
}

#login_user[disabled="disabled"],
#clinic[disabled="disabled"],
#login_password[disabled="disabled"] {
	background-color: #EBEBE4;
}

#wrapper-left {
	overflow: hidden!important;/**/
	overflow-y: auto!important;
}
	#wrapper-left:hover {
		overflow-y: auto!important;
	}

#acordeonmenu1 > li > a > span.mangole-acordeon-menu-label {
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
	#acordeonmenu1 > li > a > span.mangole-acordeon-menu-label:hover {
		padding: 0 0 0 20px!important;
	}

#acrdnHistory > li > a > span.mangole-acordeon-menu-label,
#acrdnLaboratory > li > a > span.mangole-acordeon-menu-label,
#acrdnIndications > li > a > span.mangole-acordeon-menu-label,
#acrdnMentalExamination > li > a > span.mangole-acordeon-menu-label{
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
	#acrdnHistory > li > a > span.mangole-acordeon-menu-label:hover,
	#acrdnLaboratory > li > a > span.mangole-acordeon-menu-label:hover,
	#acrdnIndications > li > a > span.mangole-acordeon-menu-label:hover,
	#acrdnMentalExamination > li > a > span.mangole-acordeon-menu-label:hover {
		background-color: #e5e6e1!important;
	}
	#acrdnHistory > li > a.active > span.mangole-acordeon-menu-label,
	#acrdnLaboratory > li > a.active > span.mangole-acordeon-menu-label,
	#acrdnIndications > li > a.active > span.mangole-acordeon-menu-label,
	#acrdnMentalExamination > li > a.active > span.mangole-acordeon-menu-label {
		background-color: #13bfb1!important;
		color: #fff!important;
	}

@font-face {
  font-family: "icons";
  src:url("../fonts/others/medicaline.eot");
  src:url("../fonts/others/medicaline.eot?#iefix") format("embedded-opentype"),
    url("../fonts/others/medicaline.ttf") format("truetype"),
    url("../fonts/others/medicaline.svg#untitled-font-1") format("svg"),
    url("../fonts/others/medicaline.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} 

/*LOADING OF ADD PATIENT PHOTO */
#user-profile-file-input-label {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 40px 40px;
}

/*SPLIT CONTAINER OF INDICATIONS, CELL 2 STYLE*/

#spltIndications > div > div.mangole-split-container-cell.cell2 {
	transition: 0.2s!important;
	-webkit-transition: 0.2s!important;
}
#spltIndications > div > div.mangole-split-container-cell.cell2.amplified {
	position: fixed!important;
	width: calc(100% - 40px)!important;
    height: calc(100% - 40px)!important;
    padding: 20px!important;
    
    bottom: 20px!important;
    right: 20px!important;
    background: #fff!important;
     z-index: 9999!important;
}
#products-wrapper-left,
#products-wrapper-left2 {
	display: none!important;
}
#spltIndications > div > div.mangole-split-container-cell.cell2.amplified #products-wrapper-left,
#spltIndications > div > div.mangole-split-container-cell.cell2.amplified #products-wrapper-left2 {
	display: block!important;
}
#spltIndications > div > div.mangole-split-container-cell.cell2.amplified #indications-buttons-wrapper #cmdShowProducts {
	display: none!important;
}
#spltIndications > div > div.mangole-split-container-cell.cell2.amplified #indications-buttons-wrapper #cmdHideProducts {
	display: block!important;
}
#spltIndications > div > div.mangole-split-container-cell.cell2.amplified #indications-buttons-wrapper #wrapper-PrintIndications {
	float: left!important;
}
#spltIndications > div > div.mangole-split-container-cell.cell2.amplified > div.mangole-general-textbox {
	width: 75%!important;
}

.mangole-contenteditable span.recipe-product,
#tinymce span.recipe-product {
    padding: 0px 5px 1px 0px!important;
    background-color: #dedede!important;
    border-radius: 0px!important;
    font-weight: bold!important;
}

.mangole-contenteditable span.recipe-product .delete-recipe-product,
#tinymce span.recipe-product .delete-recipe-product {
	display: inline-block;
	width: 17px;
	height: 17px;
	margin: 0 5px 0 0;
	background-color: #EF6763;
	color: #fff;
	line-height: 18px;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	background-image: url(../img/equis.png);
	background-size: 17px;
}
/*END SPLIT CONTAINER OF INDICATIONS, CELL 2 STYLE*/

@-moz-document url-prefix() {
	#splitcontainer3 {
		/*padding: 0px 0px 250px;*/
	}
}
/* LINK STYLE */
#splitcontainer3 > div > div > a[data-control="link"].active,
#splitcontainer3 > div > div > a[data-control="link"]:hover {
	color: #13bfb1!important;
	text-decoration: none!important;
}

.mangole-link:hover,
.mangole-link.active {
	color: #13bfb1!important;
}
.mangole-link[disabled]:hover {
	color: #191919!important;
	text-decoration: none!important;
}
/* END LINK STYLE */


/* DATAGRID STYLE: Laboratory */
#datagridLaboratoryData > div.mangole-datagrid-heading.grid-header-color-gradient-light {
	background-color: #fff;
}
#datagridLaboratoryData > div.mangole-datagrid-row {
	background-color: #ffffd5;
}
#datagridLaboratoryData > div.mangole-datagrid-row:hover {
	background-color: #fff8b7;
}

#datagridAppointment > div.mangole-datagrid-row {
	min-height: 28px
}
/* END DATAGRID STYLE: Laboratory */

/* DROPPABLE FORM TEMPLATES STYLE*/
.mangole-droppableform .templates-control-br {
	width: 100%;
	height: 32px;
}
.mangole-droppableform.editmode .templates-control {
	padding: 5px 5px 5px 5px!important;
	background-color: #f1f1f1;
	border: 1px #ccc dotted;
}
.mangole-droppableform.editmode .templates-control:hover {
	background-color: #dddddd;
}
.mangole-droppableform.editmode .templates-control-br {
	background-color: #fff;
	text-align: center;
}
.mangole-droppableform .templates-control {
	float: left;
}
#wrapper-controls .templates-control {
	position: relative;
	width: 36px;
	height: 36px;
	float: left;
	padding: 8px 0 0 0;
	margin: 0 0 2px 0;
	background-color: #f1f1f1;
	cursor: move;
	border-radius: 4px;
	text-align: center;
	vertical-align: middle;
}
.templates-control:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
}
#wrapper-controls .ui-sortable-placeholder,.ui-sortable-helper {
	width: 100%;
}

.mangole-droppableform .templates-control,
.mangole-droppableform .templates-control-radio-wrapper {
	position: relative;
}
.mangole-droppableform .templates-control label {
	display: inline-block;
	width: 100%;
}
.mangole-droppableform .templates-control .templates-control-delete,
.mangole-droppableform .templates-control-radio-wrapper .templates-control-add,
.mangole-droppableform .templates-control-radio-wrapper .templates-control-delete,
.mangole-droppableform.editmode .templates-control-grid .templates-control-add,
.mangole-droppableform.editmode .templates-control-grid .templates-control-delete {
	position: absolute;
	display: none;
	width: 20px;
	height: 20px;
	padding: 2.5px 0 0 0;
	top: 5px;
	right: 5px;
	color: #fff;
	border-radius: 2px;
	background-color: #f44336;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
}
.mangole-droppableform .templates-control-radio-wrapper .templates-control-add,
.mangole-droppableform.editmode .templates-control-grid .templates-control-add {
	right: 30px;
	background-color: #2196f3;
}
.mangole-droppableform.editmode .templates-control .templates-control-delete,
.mangole-droppableform.editmode .templates-control-radio-wrapper .templates-control-add,
.mangole-droppableform.editmode .templates-control-radio-wrapper .templates-control-delete,
.mangole-droppableform.editmode .templates-control-grid .templates-control-add,
.mangole-droppableform.editmode .templates-control-grid .templates-control-delete {
	display: block;
}

.templates-control-grid {
	display: table;
	height: auto;
}
	.templates-control-grid .templates-control-row {
		display: table-row;
		position: relative;
		width: 100%;
		min-height: 20px;
		background-color: #f1f1f1;
	}
	.templates-control-grid .templates-control-row .templates-control-cell {
		display: table-cell;
		width: 50%;
		min-height: 20px;
		float: left;
	}
	.mangole-droppableform.editmode .templates-control-grid .templates-control-row .templates-control-cell {
		border: 1px #ccc dotted;
	}

	



/* END DROPPABLE FORM TEMPLATES STYLE*/

.mangole-acordeon-menu > li {
    border-bottom: 1px #565656 solid;
}
#acordeonmenu1 > li > a > span.mangole-acordeon-menu-icon {
		width: 100% !important;
		height: 55px !important;
		background-color: #2b2b2b !important;
		color: #ccc !important;
		line-height: 60px !important;
	}
	#acordeonmenu1 > li > a > span.mangole-acordeon-menu-label:hover {
		padding: 0 0 0 0px!important;
	}
	#acordeonmenu1 > li > a > span.mangole-acordeon-menu-label {
		width: 100% !important;
		height: 30px !important;
		padding: 0 !important;
		line-height: 20px !important;
		background-color: #2b2b2b !important;
		color: #ccc !important;
		font-size: 16px !important;
		text-align: center !important;
	}

@media screen and (max-width : 1024px) {
	/*RECORDS DATAGRID CELLS*/
	#datagrid1 > div.mangole-datagrid-row > div.mangole-datagrid-cell {
		height: 50px ;
		padding: 15px 5px ;
	}
	/*END RECORDS DATAGRID CELLS*/

	#splitcontainer3 > div.mangole-split-container-row > div.mangole-split-container-cell > a[data-control="link"] {
		height: 60px !important;
		line-height: 60px !important;
	}

	/*APPOINTMENT DATAGRID CELLS*/
	#datagridAppointment > div.mangole-datagrid-row > div.mangole-datagrid-cell:not(.none-type) {
		height: 50px !important;
		padding: 15px 5px !important;
	}
	/*END APPOINTMENT DATAGRID CELLS*/

	#splitcontainer2 > div.mangole-split-container-row.row1 > div > span {
		width: 100% !important;
		height: 45px !important;
		line-height: 40px !important;
	}
	#txtBuscar {
		width: 100% !important;
		height: 45px !important;
		text-align: center;
	}

	#splitcontainer1 > div > div.mangole-split-container-cell.cell0 {
		width: 180px !important;
	}

	#splitcontainer2 > div.mangole-split-container-row.row0 > div {
		padding: 0 !important;
		text-align: center !important;
	}
	
}
@media screen and (max-width : 820px) {
	#records-page0-panel0 {
		height: 50px !important;
		padding: 0 0 0 0 !important;
	}
		#records-page0-panel0 > .mangole-panel-body > div.mangole-general-textbox {
			display: none !important;

		}
		#records-page0-panel0 > .mangole-panel-body > div.mangole-general-textbox:nth-child(1) {
			display: block !important;
			width: 100% !important;
			height: 50px !important;
			margin: 0 0 0 0 !important;
		}
			#records-page0-panel0 > .mangole-panel-body > div.mangole-general-textbox:nth-child(1) > label {
				display: none !important;
			}
			#records-page0-panel0 > .mangole-panel-body > div.mangole-general-textbox:nth-child(1) > input {
				margin: 0 0 0 0 !important;
				height: 50px !important;
				border: none !important;
				/*border-bottom: 1px solid #9e9e9e !important;*/
			}
		#records-page0-cmdbuscar,
		#records-page0-cmdlimpiarbusqueda {
			display: none;
		}

}

	#splitcontainer1 > div > div.mangole-split-container-cell.cell0 {
		width: 110px !important;
	}
	#acordeonmenu1 > li > a > span.mangole-acordeon-menu-label {
		font-size: 13px !important;
	}
	#splitcontainer2 > div.mangole-split-container-row.row0 > div {
		font-size: 18px!important;
		line-height: 1!important;
	}
	#txtBuscar {
		font-size: 13px !important;
	}
@media screen and (max-width : 768px) {
	#acordeonmenu1 > li > a > span.mangole-acordeon-menu-icon {
		font-size: 25px!important;
	}
	#acordeonmenu1 > li > a > span.mangole-acordeon-menu-label {
		display: none!important;
	}
	#wrapper-header > a > img[src="img/logo_app.png"] {
		padding: 15px 0 15px 10px!important;
	}
	#form-title {
		font-size: 13px!important;
	}
	#window-workspace > div.left-menu-wrapper {
		width: 60px!important;
	}
	#window-workspace > div.workspace {
		width: calc(100% - 60px)!important;
	}


	#panel1,
	#panelAlert {
		margin: 0!important;
		box-shadow: none!important;
		border-radius: 0!important;
		border: none!important;
	}
	#lblRecordsTitle,
	#lblAppointmentTitle {
		width: -moz-calc(100% - 80px)!important;
		width: -webkit-calc(100% - 80px)!important;
		width: calc(100% - 80px)!important;
		
		height: 80px!important;
		line-height: 80px!important;
		font-size: 18px!important;
		overflow: hidden!important;
		text-overflow: ellipsis!important;
		white-space: nowrap!important;
	}
	#lblAppointmentTitle.appointment-form {
		width: -moz-calc(100% - 161px)!important;
		width: -webkit-calc(100% - 161px)!important;
		width: calc(100% - 161px)!important;
	}
	#lblDateRange {
		display: none!important;
	}
	#lblRecordsTitle.lbl-full-width,
	#lblAppointmentTitle.lbl-full-width {
		width: 100%!important;
	}
	#cmdAddPatient,
	#cmdAddOffice {
		width: 80px!important;
		height: 80px!important;
		float: right!important;
		padding: 0 0 0 0!important;
		margin: 0 0 0 0!important;
		font-size: 13px!important;
		line-height: 80px!important;
		border-top: none!important;
		border-bottom: none!important;
		border-right: none!important;
		border-radius: 0!important;
		background-color: #fff!important;
		overflow: hidden!important;
		text-overflow: ellipsis!important;
		white-space: nowrap!important;
	}
	#wrapper9 {
		padding: 10px 20px!important;
		border-top: 1px #f1f1f1 solid!important;
	}
	#cmdImprimir {
		display: none!important;
		margin-left: 0!important;
	}

	

	#splitcontainer3 > div.wrapper-patient-photo {
		height: auto!important;
	}

	#splitcontainer3 > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0 {
		height: 80px!important;
		padding: 0 0 0 20px!important;
		border-bottom: 1px #f1f1f1 solid!important;
	}

	#splitcontainer3 > div.mangole-split-container-row.row0.wrapper-patient-photo > div.mangole-split-container-cell.cell0 {
		padding: 0!important;
	}

	#splitcontainer3 > div.mangole-split-container-row.row1 > div.mangole-split-container-cell.cell0,
	#splitcontainer3 > div.mangole-split-container-row.row2 > div.mangole-split-container-cell.cell0 {
		padding: 0!important;
	}

	#datagrid1 {
		margin: 0!important;
		box-shadow: none!important;
	}

	#datagrid-appointment-dialog {
		border-bottom: 1px solid #e5e6e1!important;
	}

	#datagrid1,
	#datagrid1 .mangole-datagrid-heading,
	#datagrid1 .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagrid1 .mangole-datagrid-row,
	#datagrid1 .mangole-datagrid-row .mangole-datagrid-cell,

	#datagrid-appointment-dialog .mangole-datagrid-heading,
	#datagrid-appointment-dialog .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagrid-appointment-dialog .mangole-datagrid-row,
	#datagrid-appointment-dialog .mangole-datagrid-row .mangole-datagrid-cell,

	#datagridEmergencyContacts,
	#datagridEmergencyContacts .mangole-datagrid-heading,
	#datagridEmergencyContacts .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagridEmergencyContacts .mangole-datagrid-row,
	#datagridEmergencyContacts .mangole-datagrid-row .mangole-datagrid-cell,

	#datagridReceiptHistory,
	#datagridReceiptHistory .mangole-datagrid-heading,
	#datagridReceiptHistory .mangole-datagrid-heading .mangole-datagrid-cell,
	#datagridReceiptHistory .mangole-datagrid-row,
	#datagridReceiptHistory .mangole-datagrid-row .mangole-datagrid-cell

	{
		display: block!important;
		width: 100%!important;
		
	}
	
	#records-page0-datagridrecordslist .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(1),
	#records-page0-datagridrecordslist .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(1),
	#records-page0-datagridrecordslist .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(2),
	#records-page0-datagridrecordslist .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(2),
	#records-page0-datagridrecordslist .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(6),
	#records-page0-datagridrecordslist .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(6),
	#records-page0-datagridrecordslist .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(7),
	#records-page0-datagridrecordslist .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(7),
	#records-page0-datagridrecordslist .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(8),
	#records-page0-datagridrecordslist .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(8),

	#datagrid1.doctorsoffices-form .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(1),
	#datagrid1.doctorsoffices-form .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(2),
	#datagrid1.doctorsoffices-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(1),
	#datagrid1.doctorsoffices-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(2),

	#datagrid1.services-form .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(1),
	#datagrid1.services-form .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(2),
	#datagrid1.services-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(1),
	#datagrid1.services-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(2),

	#datagrid1.users-form .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(1),
	#datagrid1.users-form .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(2),
	#datagrid1.users-form .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(3),
	#datagrid1.users-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(1),
	#datagrid1.users-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(2),
	#datagrid1.users-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(3),

	#datagrid-appointment-dialog.appointment-form .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(1),
	#datagrid-appointment-dialog.appointment-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(1),

	#datagrid1.patients-this-week .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(1),
	#datagrid1.patients-this-week .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(1),

	#datagridReceiptHistory .mangole-datagrid-heading .mangole-datagrid-cell:nth-of-type(3),
	#datagridReceiptHistory .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(3),

	#datagridAppointment > div.mangole-datagrid-heading > div.mangole-datagrid-cell:nth-child(6),
	#datagridAppointment > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-child(6),
	#datagridAppointment > div.mangole-datagrid-heading > div.mangole-datagrid-cell:nth-child(7),
	#datagridAppointment > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-child(7),
	#datagridAppointment > div.mangole-datagrid-heading > div.mangole-datagrid-cell:nth-child(8),
	#datagridAppointment > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-child(8),
	#datagridAppointment > div.mangole-datagrid-heading > div.mangole-datagrid-cell:nth-child(9),
	#datagridAppointment > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-child(9)

	 {
		display: none!important;
	}

	#records-page0-datagridrecordslist > .mangole-datagrid-content {
		height: calc(100% - 58px)!important;
	}

	#records-page0-datagridrecordslist .mangole-datagrid-row,
	#datagrid-appointment-dialog .mangole-datagrid-row,
	#datagridEmergencyContacts .mangole-datagrid-row,
	#datagridReceiptHistory .mangole-datagrid-row {
		padding: 10px 0 10px 10px!important;
	}
	#records-page0-datagridrecordslist .mangole-datagrid-row:nth-of-type(odd){ 
		background: #f9f9f9; 
	}
	#records-page0-datagridrecordslist .mangole-datagrid-heading,
	#datagrid-appointment-dialog .mangole-datagrid-heading,
	#datagridEmergencyContacts .mangole-datagrid-heading,
	#datagridReceiptHistory .mangole-datagrid-heading {
		position: absolute!important;
		top: -9999px!important;
		left: -9999px!important;
	}
	#records-page0-datagridrecordslist > .mangole-datagrid-content > .mangole-datagrid-row > .mangole-datagrid-cell,
	#datagrid-appointment-dialog > .mangole-datagrid-row > .mangole-datagrid-cell,
	#datagridEmergencyContacts > .mangole-datagrid-row > .mangole-datagrid-cell,
	#datagridReceiptHistory > .mangole-datagrid-row > .mangole-datagrid-cell {
		position: relative!important;
		max-width: none!important;
		padding: 0 0px 0 30% !important;
		height: auto!important;
		border: none!important;
		
		font-size: 13px;
	}

	#records-page0-datagridrecordslist .mangole-datagrid-row .mangole-datagrid-cell:before,
	#datagrid-appointment-dialog .mangole-datagrid-row .mangole-datagrid-cell:before,
	#datagridEmergencyContacts .mangole-datagrid-row .mangole-datagrid-cell:before,
	#datagridReceiptHistory .mangole-datagrid-row .mangole-datagrid-cell:before { 
		
		position: absolute!important;
		top: 0px!important;
		left: 6px!important;
		width: 45%!important; 
		padding-right: 10px!important; 
		white-space: nowrap!important;
		font-weight: 700;
		font-size: 13px;
	}

	/*Records*/
	#records-page0-datagridrecordslist .mangole-datagrid-content .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(3):before { content: "Fecha reg."; }
	#records-page0-datagridrecordslist .mangole-datagrid-content .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(4):before { content: "Cédula"; }
	#records-page0-datagridrecordslist .mangole-datagrid-content .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(5):before { content: "Nombre"; }
	/*#records-page0-datagridrecordslist .mangole-datagrid-content .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(5):before { content: "Teléfono"; }
	#records-page0-datagridrecordslist .mangole-datagrid-content .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(6):before { content: "Móvil"; }
	#records-page0-datagridrecordslist .mangole-datagrid-content .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(7):before { content: "Email"; }*/

	/*Apointment*/
	/*#records-page0-datagridrecordslist .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(2):before { content: "Fecha reg."; }
	#records-page0-datagridrecordslist .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(3):before { content: "Cédula"; }
	#records-page0-datagridrecordslist .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(4):before { content: "Nombre"; }
	#records-page0-datagridrecordslist .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(5):before { content: "Teléfono"; }
	#records-page0-datagridrecordslist .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(6):before { content: "Móvil"; }
	#records-page0-datagridrecordslist .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(7):before { content: "Email"; }*/

	#datagrid-appointment-dialog.appointment-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(2):before { content: "Cédula"; }
	#datagrid-appointment-dialog.appointment-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(3):before { content: "Nombre"; }
	#datagrid-appointment-dialog.appointment-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(4):before { content: "Teléfono"; }
	#datagrid-appointment-dialog.appointment-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(5):before { content: "Móvil"; }

	/*Doctorsoffice*/
	#datagrid1.doctorsoffices-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(3):before { content: "Estado"; }
	#datagrid1.doctorsoffices-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(4):before { content: "Consultorio"; }
	#datagrid1.doctorsoffices-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(5):before { content: "Doctor"; }
	#datagrid1.doctorsoffices-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(6):before { content: "Creación"; }
	#datagrid1.doctorsoffices-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(7):before { content: "Pacientes"; }
	#datagrid1.doctorsoffices-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(8):before { content: "Usuarios"; }

	/*Services*/
	#datagrid1.services-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(3):before { content: "Estado"; }
	#datagrid1.services-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(4):before { content: "Nombre"; }
	#datagrid1.services-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(5):before { content: "Consultorio"; }

	/*Users*/
	#datagrid1.users-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(4):before { content: "Estado"; }
	#datagrid1.users-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(5):before { content: "Usuario"; }
	#datagrid1.users-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(6):before { content: "Nombre"; }
	#datagrid1.users-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(7):before { content: "Nivel"; }

	/*Emergency Contacts*/
	#datagridEmergencyContacts .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(1):before { content: "Nombre"; }
	#datagridEmergencyContacts .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(2):before { content: "Relación"; }
	#datagridEmergencyContacts .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(3):before { content: "Teléfono"; }

	/*Historial de pagos*/
	#datagridReceiptHistory .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(1):before { content: "No. Recibo"; }
	#datagridReceiptHistory .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(2):before { content: "Fecha"; }
	#datagridReceiptHistory .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(3):before { content: "Forma pago"; }
	#datagridReceiptHistory .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(4):before { content: "Subtotal"; }
	#datagridReceiptHistory .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(5):before { content: "Descuento"; }
	#datagridReceiptHistory .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(6):before { content: "Total"; }

	/*New patients this week*/
	#datagrid1.patients-this-week .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(2):before { content: "Fecha reg."; }
	#datagrid1.patients-this-week .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(3):before { content: "Cédula"; }
	#datagrid1.patients-this-week .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(4):before { content: "Nombre"; }


	/*Reporte facturas*/
	#datagrid1.invoice-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(1):before { content: "No. Doc."; }
	#datagrid1.invoice-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(2):before { content: "Estado"; }
	#datagrid1.invoice-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(3):before { content: "Fecha"; }
	#datagrid1.invoice-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(4):before { content: "Paciente"; }
	#datagrid1.invoice-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(5):before { content: "Subtotal"; }
	#datagrid1.invoice-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(6):before { content: "Descuento"; }
	#datagrid1.invoice-form .mangole-datagrid-row .mangole-datagrid-cell:nth-of-type(7):before { content: "Total"; }




	#datagridEmergencyContacts > div.mangole-datagrid-row {
		padding: 0 10px 0 10px!important;
		border-bottom: 1px #e5e6e1 solid!important;
	}
	#datagridEmergencyContacts .mangole-datagrid-row .mangole-datagrid-cell:before { 
		width: auto!important;
		top: 10px!important;
	}
	#datagridEmergencyContacts > div.mangole-datagrid-row > div.mangole-datagrid-cell.textbox-type {
		height: 40px!important;
	}
	#datagridEmergencyContacts > div.mangole-datagrid-row > div.mangole-datagrid-cell.textbox-type > input {
		padding: 0 0px 0 10px !important;
		height: 30px!important;
		background-color: #f1f1f1;
	}
	#datagridEmergencyContacts > div.mangole-datagrid-row > div.mangole-datagrid-cell.none-type {
		height: auto!important;
	}
		#datagridEmergencyContacts > div.mangole-datagrid-row > div.mangole-datagrid-cell.none-type > div {
			width: 23px!important;
			height: 23px!important;
			float: right!important;
			top: 0!important;
		}



	#datagrid-appointment-dialog-wrapper {
		height: auto!important;
	}
	#dialog-add-appointment,
	#dialog-fees {
		height: 100%!important;
		overflow-y: auto!important;
		padding: 10px!important;
	}
	#dialog-add-appointment > div.mangole-close,
	#dialog-fees > div.mangole-close {
		display: none!important;
	}
	#dialog-add-appointment > div.mangole-general-textbox,
	#dialog-fees > div.mangole-general-textbox {
		margin: 0px 0 10px 0!important;
	}
	#dialog-wrapper9 {
		padding: 10px 0 0 0!important;
		min-height: auto!important;
	}

	/*Ident */
	#spltIdent,
	#spltIdent .mangole-split-container-row,
	#spltIdent .mangole-split-container-row .mangole-split-container-cell {
		display: inline-block;
		border-left: none!important;
	}

	#spltIdent .mangole-split-container-row .mangole-split-container-cell {
		width: 100%!important;
		float: left!important;
		padding: 10px!important;
	}
	#wrapper6 {
		padding: 10px 10px!important;
	}
	#cmdEditRecord,
	#cmdGuardarRecord,
	#cmdGuardarUser,
	#cmdEditUser,
	#cmdGuardarDoctorsoffice,
	#cmdEditDoctorsoffice,
	#cmdGuardarService,
	#cmdEditService {
		width: 49%!important;
		margin: 0 1% 5px 0!important;
		float: left!important;
	}
	#cmdCancelModifications,
	#cmdCancelarRecords,
	#cmdCancelarUsers,
	#cmdCancelarDoctorsoffices,
	#cmdCancelarServices,
	#cmdCancelModifications {
		width: 49%!important;
		margin: 0 0 5px 1%!important;
		float: left!important;
	}
	#cmdDeleteRecord,
	#cmdDesactivarUsuario,
	#cmdDesactivarConsultorio,
	#cmdDesactivarServicio {
		width: 49.5%!important;
		margin: 0 0 5px 0%!important;
		float: left!important;
	}

	
	#spltHistory > div.mangole-split-container-row.row0,/*History*/
	#spltExploration > div.mangole-split-container-row.row0, /*Exploration*/
	#spltDiagnosis > div.mangole-split-container-row.row0, /*Diagnóstico*/ 
	#spltTreatment > div.mangole-split-container-row.row0, /*Tratamiento*/
	#spltLaboratory > div.mangole-split-container-row.row0, /*Laboratorio*/
	#spltPending > div.mangole-split-container-row.row0, /*Pendientes*/
	#spltMedia > div.mangole-split-container-row.row0,/*Media*/
	#spltIndications > div.mangole-split-container-row.row0, /*Indicaciones*/
	#spltReceiptHistory > div.mangole-split-container-row.row0, /*Historial pagos*/ 

	#spltEvolution > div.mangole-split-container-row.row0,
	#spltPachymetry > div.mangole-split-container-row.row0,
	#spltAutorefractometer > div.mangole-split-container-row.row0,
	#spltKeratometry > div.mangole-split-container-row.row0,
	#spltGlasses > div.mangole-split-container-row.row0,
	#spltCyclopegia > div.mangole-split-container-row.row0,
	#spltEsquiascopy > div.mangole-split-container-row.row0,
	#spltMentalExamination > div.mangole-split-container-row.row0,	
	#spltWorkingPlan > div.mangole-split-container-row.row0,
	#spltHealthInsurance > div.mangole-split-container-row.row0
	{
		display: block!important;
		width: 100%;
		float: left;
		padding: 0 10px!important;
		
	}
	#spltHistory > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,/*History*/
	#spltHistory > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltExploration > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,/*Exploration*/
	#spltExploration > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltDiagnosis > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,/*Diagnóstico*/
	#spltDiagnosis > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltTreatment > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,/*Tratamiento*/
	#spltTreatment > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltLaboratory > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,/*Laboratorio*/
	#spltLaboratory > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,
	#spltLaboratory > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell2,

	#spltPending > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,/*Pendientes*/
	#spltPending > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltMedia > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,/*Media*/
	#spltMedia > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltIndications > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,/*Indicaciones*/
	#spltIndications > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,
	#spltIndications > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell2,


	#spltReceiptHistory > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,/*Historial pagos*/
	#spltReceiptHistory > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltEvolution > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,
	#spltEvolution > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltPachymetry > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,
	#spltPachymetry > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltAutorefractometer > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,
	#spltAutorefractometer > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltKeratometry > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,
	#spltKeratometry > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltGlasses > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,
	#spltGlasses > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltCyclopegia > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,
	#spltCyclopegia > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltEsquiascopy > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,
	#spltEsquiascopy > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltMentalExamination > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,
	#spltMentalExamination > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,
	#spltMentalExamination > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell2,

	#spltWorkingPlan > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,
	#spltWorkingPlan > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,

	#spltHealthInsurance > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell0,
	#spltHealthInsurance > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1
	 {
		width: 100%!important;
		display: block!important;
		padding: 0 0 0 0!important;
		float: left!important;

	}
	#spltHistory > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,/*History*/
	#spltExploration > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,/*Exploration*/
	#spltDiagnosis > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,/*Diagnóstico*/
	#spltTreatment > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1, /*Tratameinto*/
	#spltLaboratory > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1, /*Laboratorio*/
	#spltPending > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1, /*Pendientes*/
	#spltMedia > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1, /*Media*/ 
	#spltIndications > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1, /*Indicaciones*/
	#spltReceiptHistory > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1, /*Indicaciones*/ 
	#spltEvolution > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,
	#spltPachymetry > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,
	#spltAutorefractometer > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,
	#spltKeratometry > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,
	#spltGlasses > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,
	#spltCyclopegia > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,
	#spltEsquiascopy > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,
	#spltMentalExamination > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,
	#spltWorkingPlan > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1,
	#spltHealthInsurance > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell1
	{
		padding: 10px 0 0 0!important;
	}

	#spltWorkingPlan > div.mangole-split-container-row.row0 > div.mangole-split-container-cell.cell2
	{
		padding: 10px 0 0 0!important;
	}

	#datagridLaboratoryData > div.mangole-datagrid-row > div.mangole-datagrid-cell.textbox-type {
		width: 90px!important;
	}

	div.mangole-general-textbox:has(> #records-page2-txtbuscarprocedimientoseguro),
	div.mangole-general-textbox:has(> #records-page2-txtnumeroautorizacion),
	div.mangole-general-textbox:has(> #records-page2-txtmontoautorizadoseguro),
	div.mangole-general-textbox:has(> #records-page2-txtdsmvcie10healthinsuranceselector),
	#cmdAddNewHealthInsurance {
		width: 100%!important;
		margin: 0 0 0 0!important;
	}


	#lblHistoryHelper,
	#lblExplorationHelper,
	#lblDiagnosisHelper,
	#lblTreatmentHelper,
	#lblLaboratoryHelper,
	#lblPendingHelper,
	#lblMediaHelper,
	#lblIndicationsHelper,
	#lblPendingHelper,
	#lblMediaHelper,
	#lblIndicationsHelper,

	#lblEvolutionHelper,
	#lblPachymetryHelper,
	#lblAutorefractometerHelper,
	#lblKeratometryHelper,
	#lblGlassesHelper,
	#lblCyclopegiaHelper,
	#lblEsquiascopyHelper,
	#lblWorkingPlanHelper,
	#lblHealthInsuranceHelper,
	#lblMentalExaminationHelper {
		width: 100%!important;
		padding: 10px 0 0 0!important;
		float: left;
	}
	#history-buttons-wrapper,
	#exploration-buttons-wrapper,
	#cmdPrintDiagnosis,
	#treatment-buttons-wrapper,
	#laboratory-buttons-wrapper,
	#pending-buttons-wrapper,
	#indications-buttons-wrapper {
		display: none!important;
	}

	.diagnosis-buttons-wrapper {
		width: 100%!important;
	}

	#txtHistoryField,
	#txtHistoryField2,
	#txtHistoryField3,
	#txtHistoryField4,
	#txtHistoryField5,
	#txtHistoryField6,
	#txtExploration,
	#txtDiagnosis,
	#txtTreatment,
	#txtPending,
	#txtIndications {
		height: 300px!important;
	}

	#exploration-wrapper-left,
	#diagnosis-wrapper-left,
	#treatment-wrapper-left,
	#laboratory-wrapper-left,
	#pending-wrapper-left,
	#media-wrapper-left,
	#indications-wrapper-left,

	#evolution-wrapper-left,
	#pachymetry-wrapper-left,
	#keratometry-wrapper-left,
	#glasses-wrapper-left,
	#autorefractometer-wrapper-left,
	#cyclopegia-wrapper-left,
	#esquiascopy-wrapper-left,
	#mentalexamination-wrapper-left,
	#workingplans-wrapper-left,
	#workingplans-wrapper-center,
	#healthinsurance-wrapper-left {
		height: auto!important;
	}

	#datagridLaboratoryData,
	#txtMedia,
	#txtHistoryField,
	#txtHistoryField2,
	#txtHistoryField3,
	#txtHistoryField4,
	#txtHistoryField5,
	#txtHistoryField6,
	#txtExploration,
	#txtExploration,
	#txtDiagnosis,
	#txtTreatment,
	#txtPending,
	#cmdAddNewLaboratory,
	#txtIndications {
		margin: 10px 0 0 0!important;
	}
	
	#search-services-wrapper,
	#selected-services-wrapper,
	.mangole-general-textbox.receipt-comment-wrapper,
	.mangole-general-textbox.receipt-subtotal-wrapper,
	.mangole-general-textbox.receipt-discount-wrapper,
	.mangole-general-textbox.receipt-total-wrapper,
	#receipt-patient-name {
		width: 100%!important;
		margin: 0 0 0 0!important;
	}

	#wrapper-patient-name {
		width: -moz-calc(100% - 210px)!important;
		width: -webkit-calc(100% - 210px)!important;
		width: calc(100% - 210px)!important;
	    height: 160px!important;
	    float: left!important;
	}

	#lblPatientName {
		padding: 24px 0 20px 10px!important;
    	font-size: 25px!important;
    	white-space: nowrap!important;
	    text-overflow: ellipsis!important;
	    overflow: hidden!important;
	}
	#lblDateRegistration {
		padding: 10px 0 0 10px!important;
    	font-size: 14px!important;
    	white-space: nowrap!important;
	    text-overflow: ellipsis!important;
	    overflow: hidden!important;
	}

	#cmdCrearRecibo {
		width: 50px!important;
	    height: 50px!important;
	    float: right!important;
	    padding: 0px 0 0 0!important;
	    margin: 0 0 0 0!important;
	    font-size: 25px!important;
	    line-height: 50px!important;
	    border-top: 1px #f1f1f1 solid!important;
	    border-left: none!important;
	    border-right: none!important;
	    border-bottom: none!important;
	    border-radius: 0!important;
	}
	#cmdHistorialPagos {
		width: 50px!important;
	    height: 50px!important;
	    float: right!important;
	    padding: 0px 0 0 0!important;
	    margin: 0 0 0 0!important;
	    font-size: 25px!important;
	    line-height: 50px!important;
	    border-bottom: none!important;
	}
	#cmdAgregarCitas {
		width: 50px!important;
	    height: 50px!important;
	    float: right!important;
	    padding: 0px 0 0 0!important;
	    margin: 0 0 0 0!important;
	    font-size: 25px!important;
	    line-height: 50px!important;
	    /*border-top: 1px #f1f1f1 solid!important;*/
	    border-right: none!important;
	}

	#cmdCrearRecibo > span:nth-child(3),
	#cmdHistorialPagos > span:nth-child(3),
	#cmdAgregarCitas > span:nth-child(3) {
		display: none!important;
	}

	#splitcontainer3 > div.mangole-split-container-row > div.mangole-split-container-cell > a[data-control="link"] {
		padding: 0 15px 0 15px!important;
	}


	#panel2,
	#panel3 {
		width: 100%!important;
		margin: 20px 0 0 0!important;
		box-shadow: none!important;
	}

	#wrapperchart {
		padding: 0 0 0 0!important;
	}

	#panel1 > div.ganancia-mes,
	#panel1 > div.ganancia-semana,
	#panel1 > div.ganancia-hoy {
		width: 31.3333%!important;
		height: auto!important;
		margin: 0 2% 0 0!important;
	}

	#panel1 > div.ganancia-mes > div:nth-child(1),
	#panel1 > div.ganancia-semana > div:nth-child(1),
	#panel1 > div.ganancia-hoy > div:nth-child(1) {
		width: 100%!important;
		height: auto!important;
		padding: 5px 0 5px 0!important;
	}
	#panel1 > div.ganancia-mes > div:nth-child(2),
	#panel1 > div.ganancia-semana > div:nth-child(2),
	#panel1 > div.ganancia-hoy > div:nth-child(2) {
		width: 100%!important;
		height: auto!important;
		text-align: center!important;
	}

	#ganancias-mensuales,
	#ganancias-semana,
	#ganancias-hoy {
		font-size: 16px!important;
	}

}



@media screen and (max-width : 600px) {
	#splitcontainer2 > div.mangole-split-container-row.row0 {
		display: none!important;
	}
	#splitcontainer1 > div > div.mangole-split-container-cell.cell0 {
		width: 65px!important;
	}
	#acordeonmenu1 > li > a > span.mangole-acordeon-menu-icon {
		height: 55px!important;
	}
	
	#splitcontainer2 > div.mangole-split-container-row.row0 > div > * {
		display: none!important;
	}
	#txtBuscar {
		font-size: 13px !important;
	}
	
}

@media screen and (max-width : 500px) {

	

	#wrapper-patient-photo {
		width: 150px!important;
	    height: 150px!important;
	}

	#wrapper-patient-name {
		width: -moz-calc(100% - 150px)!important;
		width: -webkit-calc(100% - 150px)!important;
		width: calc(100% - 150px)!important;
	    height: 104px!important;
	    float: left!important;
	}

	#lblPatientName {
		padding: 0 0 0 10px!important;
    	font-size: 25px!important;
	}
	#lblPatientName.label-patient-name-add,
	#lblDateRegistration.label-date-registration-add {
		width: -moz-calc(100% - 150px)!important;
		width: -webkit-calc(100% - 150px)!important;
		width: calc(100% - 150px)!important;
	}
	#lblDateRegistration {
		padding: 0 0 0 10px!important;
    	font-size: 14px!important;
	}
	#lblDateRegistration
	#cmdCrearRecibo {
		width: 46px!important;
	    height: 46px!important;
	}
	#cmdHistorialPagos {
		width: 46px!important;
	    height: 46px!important;
	}
}

@media screen and (max-width : 425px) {
	#lblPatientName {
		padding: 10px 0 0 10px!important;
    	font-size: 20px!important;
    	line-height: 23px!important;
	}
	#lblDateRegistration {
		font-size: 13px!important;
	}
	#config-floating-wrapper {
		width: -moz-calc(100% - 65px)!important;
		width: -webkit-calc(100% - 65px)!important;
		width: calc(100% - 65px)!important;
		box-shadow: none!important;
	}

	.service-add-price-wrapper {
		width: 75%!important;
	}
	#cmdAddPrice {
		width: 24%!important;
	}

	#datagridAppointment > div.mangole-datagrid-heading > div.mangole-datagrid-cell:nth-child(5),
	#datagridAppointment > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-child(5),
	#datagridAppointment > div.mangole-datagrid-heading > div.mangole-datagrid-cell:nth-child(6),
	#datagridAppointment > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-child(6),
	#datagridAppointment > div.mangole-datagrid-heading > div.mangole-datagrid-cell:nth-child(7),
	#datagridAppointment > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-child(7),
	#datagridAppointment > div.mangole-datagrid-heading > div.mangole-datagrid-cell:nth-child(8),
	#datagridAppointment > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-child(8),
	#datagridAppointment > div.mangole-datagrid-heading > div.mangole-datagrid-cell:nth-child(9),
	#datagridAppointment > div.mangole-datagrid-row > div.mangole-datagrid-cell:nth-child(9)
	{
		display: none!important;
	}
}

.dhtmlxcalendar_material {
	z-index: 10000!important;
}

/*
/*https://css-tricks.com/examples/ResponsiveTables/responsive.php
http://exisweb.net/responsive-tables-in-wordpress*/

#dvCalLeftMenuCalendar > div.dhtmlxcalendar_material {
	font-size: 12px;
	font-weight: 400;
}
#dvCalLeftMenuCalendar > div > div:nth-child(1) {
	display: none;
}
#dvCalLeftMenuCalendar > div.dhtmlxcalendar_material,
#dvCalLeftMenuCalendar > div.dhtmlxcalendar_material > div > div.dhtmlxcalendar_month_cont,
#dvCalLeftMenuCalendar > div.dhtmlxcalendar_material > div > div.dhtmlxcalendar_days_cont,
#dvCalLeftMenuCalendar > div.dhtmlxcalendar_material > div > div.dhtmlxcalendar_dates_cont,
#dvCalLeftMenuCalendar > div.dhtmlxcalendar_material > div > div.dhtmlxcalendar_time_cont {
	position: relative;
	width: 100%;
	border: none;
}
#dvCalLeftMenuCalendar > div.dhtmlxcalendar_material > div > div.dhtmlxcalendar_time_cont {
	display: none;
}
#dvCalLeftMenuCalendar > div.dhtmlxcalendar_material {
	z-index: 1!important;
}




#panel1 > div.mangole-panel-body.displayed #spltCyclopegia,
#panel1 > div.mangole-panel-body.displayed #spltEsquiascopy,
#panel1 > div.mangole-panel-body.displayed #spltAutorefractometer,
#panel1 > div.mangole-panel-body.displayed #spltGlasses,
#panel1 > div.mangole-panel-body.displayed #spltKeratometry,
#panel1 > div.mangole-panel-body.displayed #spltPachymetry,
#panel1 > div.mangole-panel-body.displayed #spltReceiptHistory,
#panel1 > div.mangole-panel-body.displayed #spltIndications,
#panel1 > div.mangole-panel-body.displayed #spltEvolution,
#panel1 > div.mangole-panel-body.displayed #spltPending,
#panel1 > div.mangole-panel-body.displayed #spltMentalExamination,
#panel1 > div.mangole-panel-body.displayed #spltLaboratory,
#panel1 > div.mangole-panel-body.displayed #spltTreatment,
#panel1 > div.mangole-panel-body.displayed #spltDiagnosis,
#panel1 > div.mangole-panel-body.displayed #spltExploration,
#panel1 > div.mangole-panel-body.displayed #spltHistory,
#panel1 > div.mangole-panel-body.displayed #spltWorkingPlan {
	/*width: 50%!important;*/
	min-height: 390px!important;
	float: left;
}
#panel1 > div.mangole-panel-body.displayed #spltIndications,
#panel1 > div.mangole-panel-body.displayed #spltMentalExamination,
#panel1 > div.mangole-panel-body.displayed #spltLaboratory,
#panel1 > div.mangole-panel-body.displayed #spltReceiptHistory,
#panel1 > div.mangole-panel-body.displayed #spltMedia {
	width: 100%!important;
}

#panel1 > div.mangole-panel-body.displayed #lblHistoryHelper,
#panel1 > div.mangole-panel-body.displayed #lblExplorationHelper,
#panel1 > div.mangole-panel-body.displayed #lblDiagnosisHelper,
#panel1 > div.mangole-panel-body.displayed #lblTreatmentHelper,
#panel1 > div.mangole-panel-body.displayed #lblTreatmentHelper,
#panel1 > div.mangole-panel-body.displayed #lblLaboratoryHelper,
#panel1 > div.mangole-panel-body.displayed #lblMentalExaminationHelper,
#panel1 > div.mangole-panel-body.displayed #lblPendingHelper,
#panel1 > div.mangole-panel-body.displayed #lblEvolutionHelper,
#panel1 > div.mangole-panel-body.displayed #lblMediaHelper,
#panel1 > div.mangole-panel-body.displayed #lblIndicationsHelper,
#panel1 > div.mangole-panel-body.displayed #lblPachymetryHelper,
#panel1 > div.mangole-panel-body.displayed #lblKeratometryHelper,
#panel1 > div.mangole-panel-body.displayed #lblGlassesHelper,
#panel1 > div.mangole-panel-body.displayed #lblAutorefractometerHelper,
#panel1 > div.mangole-panel-body.displayed #lblCyclopegiaHelper,
#panel1 > div.mangole-panel-body.displayed #lblEsquiascopyHelper,
#panel1 > div.mangole-panel-body.displayed #lblWorkingPlanHelper {
	min-height: 350px!important;
	border: 1px solid #9e9e9e!important;
}

#panel1 > div.mangole-panel-body.displayed #spltCyclopegia > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltEsquiascopy > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltAutorefractometer > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltGlasses > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltKeratometry > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltPachymetry > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltReceiptHistory > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltIndications > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltMedia > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltEvolution > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltPending > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltMentalExamination > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltLaboratory > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltTreatment > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltDiagnosis > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltExploration > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltHistory > div.mangole-split-container-row > div.mangole-split-container-cell.cell0,
#panel1 > div.mangole-panel-body.displayed #spltHealthInsurance > div.mangole-split-container-row > div.mangole-split-container-cell.cell0 {
	padding: 5px 5px 10px 10px!important;
}
#panel1 > div.mangole-panel-body.displayed #spltCyclopegia > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltEsquiascopy > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltAutorefractometer > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltGlasses > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltKeratometry > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltPachymetry > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltReceiptHistory > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltIndications > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltMedia > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltEvolution > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltPending > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltMentalExamination > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltLaboratory > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltTreatment > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltDiagnosis > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltExploration > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltHistory > div.mangole-split-container-row > div.mangole-split-container-cell.cell1,
#panel1 > div.mangole-panel-body.displayed #spltHealthInsurance > div.mangole-split-container-row > div.mangole-split-container-cell.cell1 {
	padding: 5px 10px 10px 0px!important;
}

    
/*spltIdent*/