/* Version 2020 */

#content h5									{border-bottom:1px solid #ddd; margin:0 0 20px; padding:0 0 10px;}

#title										{margin:0 0 20px; border:none; background:url(../images/ico-ribbon1.png) center bottom no-repeat; padding:0 0 30px; text-align:center;}
#title h1									{color:#1D2F43; margin:0; line-height:40px;}
#title h2									{color:#999; font-size:18px; line-height:20px; margin:0; font-weight:400;}

ul li.fontawesome							{background:none; padding:3px 0;}


/* block-access-home */
#block-access-home .content					{margin:0px auto; padding:40px 0;}
#block-access-home .content .col			{float:left; width:33.3333%; margin:0; text-align:center; padding:2%; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
#block-access-home .content .row-last		{border-bottom:none;}
#block-access-home .content .col-last		{border-right:none;}
#block-access-home .content .col h3			{margin:10px 0; font-size:26px; font-weight:400; color:#1D2F43;}
#block-access-home .content .col a			{text-decoration:none;}
#block-access-home .content .col img		{transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -webkit-transition:all 0.7s ease 0s;}
#block-access-home .content .col:hover img	{-webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); transform:rotateY(360deg); transition:all 0.7s ease 0s; -moz-transition:all 0.7s ease 0s; -webkit-transition:all 0.7s ease 0s;}

/* Notificaciones */
#notifications 								{float:right; margin:10px 15px 0 0;}
#notifications a 							{text-decoration:none; position:relative; display:block;}
#notifications a i							{font-size:24px; color:#737373; display:block;}
#notifications a.active i					{color:#fff;}
#notifications a span						{background:red; font-weight:bold; color:#fff; font-size:12px; line-height:12px; padding:2px 5px; text-align:center; display:inline-block; position:absolute; top:-3px; right:-5px; text-decoration:none; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}

.lista-notificaciones tr td					{background:#f9f9f9 !important;}
.lista-notificaciones tr.new td				{background:#fff !important;}
.lista-notificaciones tr.new td.titulo		{font-weight:bold;}
.lista-notificaciones tr td.titulo a		{text-decoration:none; color:#1d2f43;}
.lista-notificaciones tr.new td.titulo i	{color:#4baccf;}
.lista-notificaciones tr:hover td			{background:#f5f5f5 !important;}
.lista-notificaciones tr td.titulo i		{color:#ccc;}
.lista-notificaciones tr td.titulo p		{margin:0; cursor:pointer;}
.lista-notificaciones tr td.fecha			{font-size:12px; color:#999;}

/* User pick */
#user-pick									{float:right; position:relative;}
#user-pick img								{width:40px; height:40px; margin:0 30px 0 0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}
#user-pick a span							{position:absolute; top:10px; right:0;}
#user-pick ul								{display:none; position:absolute; top:58px; right:0; list-style:none; width:150px; background:#f9f9f9; padding:0px 10px; margin:0; border:1px solid #f1f1f1; border-top:none;}
#user-pick ul li							{list-style:none; padding:10px 0; border-bottom:1px solid #f1f1f1; margin:0; background:none;}
#user-pick ul li:last-child					{border:none;}
#user-pick ul li a							{text-decoration:none; display:block;}

body.one-sidebar.sidebar-left #center		{float:right; width:70%;}

[class*="fontawesome"]:before 				{font-family:'FontAwesome', sans-serif; font-size:18px; display:inline-block; width:23px; margin:0 3px 0 0; font-weight:400; text-align:center;}

fieldset									{border:1px solid #ddd; background:#fff; padding:12px 20px !important; margin:0 0 20px;}
fieldset.no-legend							{padding:20px !important;}
fieldset legend								{padding:5px 10px 0; background:#fff; width:280px; text-align:center; text-transform:uppercase; font-size:16px; border:1px solid #ddd; border-bottom:none; }
form label									{font-size:13px; text-align:left; display:block; text-transform:uppercase; color:#999; font-weight:bold;}
form label span								{color:orange; font-weight:bold;}
form label.tit								{font-size:13px; border-bottom:1px solid #ddd; text-align:left; display:block; text-transform:uppercase; color:#999; font-weight:bold; padding:15px 0 0;}

.form-file									{border:1px solid #ddd; padding:7px; background:#fff; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
.form-text									{line-height:22px; padding:9px 10px; padding-left:34px; width:100%; border:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.form-select								{line-height:22px; padding:0 10px; padding-left:34px; height:42px; line-height:20px; width:100%; border:1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.form-select option							{padding:8px 10px 9px; display:block; border-bottom:1px solid #f1f1f1;}
.form-textarea								{padding:10px; width:100%; border:1px solid #ddd; height:140px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.readonly									{background:#ccc;}
.no-icon									{padding-left:10px;}
.wrap-form-item								{background:#f1f1f1; padding:15px; margin:0 0 15px;}
.wrap-form-item-checkbox					{background:#fff; padding:10px 10px 10px 34px; height:348px; overflow-y:auto; border:1px solid #ddd;}
.row-form-item								{background:#f9f9f9; border-bottom:2px solid #ddd;}
.row-form-item.padding						{padding:15px;}
.row-form-item:after						{content:''; display:block; clear:both;}
.row-form-item:nth-child(even)				{background:#f1f1f1;}
.form-item .x-del							{position:absolute; top:36px; right:-30px; line-height:18px;}
.form-item									{margin:0 0 15px; position:relative;}
.form-item.submit							{margin:10px 0 0;}
.form-item h6								{margin:5px 0 0; font-size:12px; line-height:12px; font-weight:400; color:#555;}
.form-text:hover,
.form-select:hover,
.form-textarea:hover						{border-color:#1D2F43;}
.form-item span.fontawesome					{position:absolute; left:7px; top:34px;}
.form-item.no-label span.fontawesome		{top:10px;}
.form-item.submit span.fontawesome			{top:10px;}
.form-item span.fontawesome:before			{font-size:15px; color:#1D2F43;}
.form-item.submit span.fontawesome:before	{font-size:15px; color:#fff;}
.form-item.float:nth-child(odd)				{float:left; width:48%;}
.form-item.float:nth-child(even)			{float:right; width:48%;}
.form-item.float.auto.left					{width:auto !important; float:left !important; margin:0 10px 0 0 !important;}
.form-item.float.auto.right					{width:auto !important; float:right !important; margin:0 0 0 10px !important;}
.form-text.icon								{padding-left:40px;}
.form-select.icon							{padding-left:40px;}
.form-submit.icon							{padding-left:40px !important;}

.form-item.float.div-2						{width:49.2333%; margin-right:1.5%; float:left;}
.form-item.float.div-2.last					{margin-right:0;}

.form-item.float.div-3						{width:32.3333%; margin-right:1.5%; float:left;}
.form-item.float.div-3.last					{margin-right:0;}

.form-item.float.div-4						{width:23.83333%; margin-right:1.5%; float:left;}
.form-item.float.div-4.last					{margin-right:0;}

.form-item.float.div-5						{width:19.2%; margin-right:1%; float:left;}
.form-item.float.div-5.last					{margin-right:0;}

.form-item.float.div-6						{width:15.83333%; margin-right:1%; float:left;}
.form-item.float.div-6.last					{margin-right:0;}

.form-item.float.div-8						{width:10%; margin-right:1%; float:left;}
.form-item.float.div-8.last					{margin-right:0;}

.form-item .form-item						{margin:0;}

.left										{float:left !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.right										{float:right !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.float-100px								{width:100px;}
.float-200px								{width:200px;}
.float-300px								{width:300px;}
.float-400px								{width:400px;}
.float-500px								{width:500px;}

.float-10									{width:10%;}
.float-15									{width:15%;}
.float-20									{width:20%;}
.float-25									{width:25%;}
.float-30									{width:30%;}
.float-35									{width:35%;}
.float-40									{width:40%;}
.float-45									{width:45%;}
.float-50									{width:50%;}
.float-55									{width:55%;}
.float-60									{width:60%;}
.float-65									{width:65%;}
.float-70									{width:70%;}
.float-75									{width:75%;}
.float-80									{width:80%;}
.float-85									{width:85%;}
.float-90									{width:90%;}
.float-95									{width:95%;}

.form-item.radios .clickeable label									{background:#888; margin:0 2px 5px 0; color:#fff; padding:7px 8px 8px; min-width:51px; display:inline-block; text-align:center; cursor:pointer;}
.form-item.radios .clickeable.select label							{display:block; text-align:left; font-weight:400; margin:0; color:#999; background:none; border-bottom:1px solid #ddd;}
.form-item.radios .clickeable input[type="radio"]					{display:none;}
.form-item.radios .clickeable input[type="radio"]:checked+label,
.form-item.radios .clickeable input[type="radio"]+label:hover		{background:#1D2F43;} 
.form-item.radios .clickeable input[type="checkbox"]				{display:none;}
.form-item.radios .clickeable input[type="checkbox"]:checked+label,
.form-item.radios .clickeable input[type="checkbox"]+label:hover	{background:#1D2F43; color:#fff;} 
input.enlace															{font-weight:bold; background:none; border:none; margin:0 0 10px; padding:0;}
.form-item.radios .checkeable label										{cursor:pointer; color:#12252d;}
.form-item.radios .checkeable label.inline								{display:inline-block; margin:0 5px;}
.form-item.radios .checkeable label:before								{content:'\f096'; font-family:'FontAwesome', sans-serif; vertical-align:middle; font-size:26px; color:#ccc; margin:0; display:inline-block; width:27px;}
.form-item.radios .checkeable input[type="radio"]						{display:none;}
.form-item.radios .checkeable input[type="radio"]:checked+label:before,
.form-item.radios .checkeable input[type="radio"]+label:hover:before	{content:'\f046'; color:#00AED2;} 
.form-item.radios .checkeable input[type="checkbox"]					{display:none;}
.form-item.radios .checkeable input[type="checkbox"]:checked+label:before,
.form-item.radios .checkeable input[type="checkbox"]+label:hover:before	{content:'\f046'; color:#00AED2;} 

.sep										{border-bottom:1px solid #f1f1f1; clear:both; padding:20px 0 0; margin:0 0 20px;}

.hidden-form								{display:none; margin:0 0 40px;}

.popup_wrapper								{padding:0 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.form-popup									{background:#fff; padding:25px; border-top:5px solid #00AED2; max-width:1200px; width:100%;position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.form-popup .bt-close						{font-size:22px; position:absolute; right:0px; top:0; cursor:pointer; color:#fff; padding:4px 9px 6px; background:#00AED2;}

/* Table summary */
.wrapSummary								{overflow-x:auto;}
.summary									{width:100%; margin:5px 0 20px;}
.summary thead tr th						{text-align:left; background:#1D2F43; color:#fff; padding:10px; line-height:20px; font-size:12px; text-transform:uppercase; border-bottom:3px solid #4baccf;}
.summary.th-border thead tr th				{border:1px solid #ddd;}
.summary tbody tr td						{background:#fff; text-align:left; padding:10px; border-bottom:1px solid #ddd;}
.summary.td-border tbody tr td				{border:1px solid #ddd;}
.summary tbody tr.separador					{border-bottom:3px solid #ddd;}
.summary tbody tr:nth-child(even) td		{background:#fcfcfc;}
.summary tbody tr:hover td					{background:#eee;}
.summary .fa-plus-square					{font-weight:bold; text-decoration:none;}
.summary .fa-plus-square:before				{font-weight:400;}
.summary .fa-edit:before					{font-size:28px; width:auto; margin:0 15px 0 0;}
.summary .fa-remove:before					{font-size:32px; width:auto;}

/* Table border */
.table-border								{width:100%; margin:5px 0 20px;}
.table-border thead tr th,
.table-border .th							{text-align:left; font-weight:bold; background:#1D2F43 !important; color:#fff; padding:10px; font-size:12px; text-transform:uppercase; border-bottom:3px solid #4baccf;}
.table-border tbody tr td					{background:#fff; text-align:left; padding:10px; border:1px solid #ddd;}
.table-border tbody tr:nth-child(even) td	{background:#fcfcfc;}

#breadcrumb										{margin:0 0 25px 15px; font-weight:bold;}

/* Paginador */
.pager 											{ padding:15px 0; margin:40px 0 0;}
.pager ul										{margin:0; padding:0; list-style:none; text-align:center;}
.pager ul li									{margin:0; padding:0; background:none; list-style:none; display:inline-block;}
.pager ul li a									{display:inline-block; text-decoration:none; color:#fff; margin:0 1px; padding:5px 12px; background:#888; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.pager ul li a.fa-chevron-right:before			{display:none;}
.pager ul li a.fa-chevron-right:after			{font-family:'FontAwesome', sans-serif; content:'\f054'; font-size:18px; display:inline-block; width:23px; margin:0; text-align:center; margin:0 0 0 3px;}

/* Historia clinica */
.ui-tabs-panel 									{min-height:500px; line-height:25px;}
.ui-tabs-panel .ui-tabs-panel					{min-height:80px;}
.ui-tabs-panel .button.small.right				{position:absolute; top:11px; right:20px;}
.ui-tabs-panel .button.small.right:before		{font-size:12px; width:16px;}

/* Solapas */
.solapas										{padding:0 15px;}
.solapas:after									{content:''; display:block; clear:both;}
.solapas .solapa 								{float:left; width:19.2%; margin:0 1% 0 0;}
.solapas .solapa .s1							{display:table-cell; vertical-align:middle; width:10%; height:86px; background:#1D2F43; border-radius:15px 15px 0px 0px; -moz-border-radius:15px 15px 0px 0px; -webkit-border-radius:15px 15px 0px 0px;}
.solapas.colegio .solapa 						{width:15.8%;}
.solapas .solapa:last-child						{margin-right:0;}
.solapas .solapa a								{display:block; text-align:center; font-size:19px; padding:18px 10px; color:#fff; text-decoration:none;}
.solapas .solapa.active .s1,
.solapas .solapa:hover .s1						{background:#00AED2;}

/* Steps */
.steps											{padding:15px; background:#ddd; margin:0 0 -15px; border-top:4px solid #00AED2; border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px;}
.steps .step 									{display:inline-block;}
.steps .step a									{display:block; background:#1D2F43; padding:5px 10px; color:#fff; text-decoration:none; border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px;}
.steps .step.active a,
.steps .step:hover a							{background:#00AED2;}
.steps .step h6									{margin:0; padding:0; text-align:center; font-weight:400; text-transform:uppercase;}
.steps .step .fontawesome:before				{font-size:14px; width:18px;}


/* Responsive */
@media screen and (max-width:1100px) 	{
	.solapas .solapa a							{font-size:16px;}
}
@media screen and (max-width:950px) 	{
	.ui-tabs .ui-widget-header					{padding:10px !important; background:none !important; border:none !important;}
	.ui-tabs .ui-tabs-nav li					{width:100%; border-width:1px !important; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
	.ui-tabs .ui-tabs-nav li a					{display:block; float:none !important;}
	.ui-tabs .ui-tabs-panel						{padding:15px 10px 10px !important;}
}
@media screen and (max-width: 900px) 	{

}
@media screen and (max-width: 850px) 	{
	#block-access-home .content .col  			{border:none; padding:0;}
	#block-access-home .content .col h3 		{font-size:18px; margin-top:0;}
	#block-access-home .content .col img 		{max-width:90% !important; padding:10px; border:1px solid #1D2F43; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

	.solapas									{padding:0;}
	.solapas .solapa							{float:none; margin:0; width:auto !important; border-bottom:1px solid #ddd;}
	.solapas .solapa:last-child					{border:none;}
	.solapas .solapa .s1						{height:auto; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
	.solapas .solapa a							{padding:15px 10px;}
	
	.wrap-form									{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
}
@media screen and (max-width: 700px) 	{
	.steps										{text-align:center; margin:0; padding:10px 10px 5px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
	.steps .step								{margin:0 0 5px;}
	.steps .step a								{border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
}
@media screen and (max-width: 600px)	{
	#block-access-home .content .col h3 		{font-size:16px;}
	
	.mp-menu									{position:fixed !important;}
	.mp-pusher.mp-pushed						{margin-left:0 !important;}
	.mp-pusher.mp-pushed .mp-menu				{left:250px !important; z-index:9999 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.mp-pusher.mp-pushed .menu-trigger			{left:250px !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.menu-trigger 								{position:fixed !important; font-size:12px !important; top:70px !important; padding:5px 10px !important; border-radius:0px 0px 5px !important; -moz-border-radius:0px 0px 5px !important; -webkit-border-radius:0px 0px 5px !important;}
	.menu-trigger span		 					{display:inline-block !important; margin:0 5px 0 0;}
	.menu-trigger span::before 					{font-size:20px !important;}
	
	form label									{font-size:12px;}
	
	.fc-widget-header table thead th			{font-size:11px !important;}
	.fc-scroller.fc-day-grid-container			{height:auto !important;}
	.fc-scroller.fc-time-grid-container			{height:auto !important;}
	.fc-toolbar.fc-header-toolbar				{margin:0 0 8px !important;}
	.fc-center									{margin:15px 0 0;}
	
	.ui-tabs-panel .button.small.right 			{position:relative;	top:auto; right:auto; margin:0;}
	
	.hidden-form								{margin:20px 0;}

}
@media screen and (max-width: 550px) 	{
	#title										{margin:0 0 15px;}
	#title h1									{font-size:24px; line-height:20px !important; margin:0 0 2px;}
	#title h2 									{font-size:15px; line-height:20px;}
		
	.form-item.float							{float:none !important; width:auto !important; padding:0 !important;}
	.left										{float:none !important; width:auto !important;}
	.right										{float:none !important; width:auto !important;}
	
	#block-access-home .content .col			{width:50%;}
	#block-access-home .content .col-3			{clear:left;}


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

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

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

}