/*******************************************************************
** sensei_styles.js                                                **
** Fecha Creacion: 15/04/17                                        **
** Last Updated: 22/04/2017                                        **
**                                                                 **
** Creadores:                                                      **
** Luis Daniel Gonzalez Orozco <Daniel@canteradigital.mx>          **
**                                                                 **
** Finalidad:                                                      **
** Colleccion de estilos, personales, empelo prefijo ss-           **
*********************************************************************/

/* GLOBAL */
	body, html {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #f1f1f1;
	}

	button { outline: none !important }

	textarea { resize: none; }

	.ibox-footer {
		position: relative;
		width: 100%;
    min-height: 48px;
    padding: 14px 15px 7px;
    background-color: #ffffff;
		border-top: 1px solid #ece7e9;
	}

	.PDF_reader object {
		width: 100%;
		height: 100%;
		min-height: 440px;
	}

	.tooltip { z-index: 9999 !important; }

	.toast-top-right {
    top: 77px !important;
    right: 18px !important;
	}

	.delete-btn {
		position: absolute;
	}

	.help-element { cursor: help !important }
	.interactive-element { cursor: pointer !important; }

	.disable-select,
	[data-select="disabled"],
	[data-select="false"] {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		o-user-select: none;
		user-select: none;
	}


	.has-two-elements > * { width: 49.5%; }
	@media ( max-width: 1000px ) and ( min-width: 769px ), ( max-width: 620px ) {
		.has-two-elements > * { width: 100%; }
	}

	.has-three-elements > * { width: 33%; }
	@media ( max-width: 1020px ) {
		body:not(.menu-collapsed) .has-three-elements > * {  width: 100%; }
	}
	@media ( max-width: 830px ) {
		.menu-collapsed .has-three-elements > * {  width: 100%; }
	}


	.has-four-elements > * { width: 24%; }
	@media ( max-width: 1212px ) {
		body:not(.menu-collapsed) .has-four-elements > * {  width: 100%; }
	}
	@media ( max-width: 990px ) {
		.menu-collapsed .has-four-elements > * {  width: 100%; }
	}





	[data-outline="disabled"] {
		outline: none !important;
		border-color: transparent !important;
	}

	.nice-shadow {
		box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
			0 2px 9px 1px rgba(0, 0, 0, 0.12),
			0 4px 2px -2px rgba(0, 0, 0, 0.2);
	}

	td.text-center { vertical-align: middle !important; }

	[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
		display: none !important;
		}
/* END */

/* Text Styles */
	[data-text-style~="negritas"],
	.negritas {
		font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #676a6c !important;
		font-weight: 700;
	}
	[data-text-style~="cursiva"] {
		font-style: italic;
	}
	[data-text-style~="uppercase"],
	[data-text-style~="mayusculas"] {
		text-transform: uppercase;
	}

	[data-font-size="+5"] { font-size: 105% }
	[data-font-size="+10"] { font-size: 110% }
	[data-font-size="+15"] { font-size: 115% }
	[data-font-size="+20"] { font-size: 120% }
	[data-font-size="+25"] { font-size: 125% }
	[data-font-size="+30"] { font-size: 130% }
	[data-font-size="+35"] { font-size: 135% }

	[data-font-size="+100"],
	[data-font-size="x2"],
	[data-font-size="X2"] { font-size: 200% }

	[data-font-size="-5"] { font-size: 95% }
	[data-font-size="-10"] { font-size: 90% }
	[data-font-size="-15"] { font-size: 85% }
	[data-font-size="-20"] { font-size: 80% }
	[data-font-size="-25"] { font-size: 75% }
	[data-font-size="-30"] { font-size: 70% }
	[data-font-size="-35"] { font-size: 65% }
/* END */

/* Colors */
	[data-color="primario"] { color: #12326e !important; }
	[data-color="success"] { color: #1c84c6 !important; }
	[data-color="warning"] { color: #f8ac59 !important; }
	[data-color="danger"], [data-color="red"] { color: #ec4758 !important; }

	[data-bg-color="primario"] { background-color: #12326e !important; }
	[data-bg-color="warning"] { color: #f8ac59 !important; }
/* END */

/* FILEUPLOADER */
	.ss-thumb {
		position: relative;
		z-index: 10;
	}
	.ss-thumb canvas {
		position: absolute;
    display: block;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
	}

	.fotos_clinicas .foto {
		position: relative;
		margin-right: 10px;
		margin-bottom: 10px;
		width: 180px;
		height: 180px;
		overflow: hidden;
	}
/* END */


/* icheck */
	.angular-icheck {
	  overflow: hidden;
	}
	.angular-icheck .checkbox {
	  width: 23px;
	  height: 22px;
	  display: inline-block;
	  vertical-align: middle;
	  background: url("angular-icheck.png") no-repeat left;
	  margin: 0;
	}
	.angular-icheck .checkbox.checked {
	  background-position: -48px 0;
	}
	.angular-icheck .label {
	  display: inline-block;
	  vertical-align: middle;
	}
/* END */


/* CUSTOM LOADERS */
	.ss-thinking {
	  border: 5px solid #0db6ad;
    border-radius: 50%;
    border-top: 5px solid #000;
    border-bottom: 5px solid #000;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 31px;
    right: 5px;
    width: 20px;
    height: 20px;
	}

	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}

	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}
/* END */

/* FORM-GROUPS FEEDBACKS */
	.form-group.has-feedback.has-feedback:not( [data-type] ) .form-control-feedback {
		top: -8px;
	}

	.has-feedback[data-type="checkbox"] .form-control-feedback {
		top: inherit;
		right: inherit;
		bottom: 17px;
		left: -10px;
	}
	.has-feedback[data-type="radio"] .form-control-feedback {
		top: inherit;
		right: inherit;
		bottom: 17px;
		left: -10px;
	}
	.has-feedback[data-type="select"] .form-control-feedback {
		top: -3px;
		right: -5px;
		bottom: inherit;
		left: inherit;
	}

	.has-feedback[data-type="textInput"] .form-control-feedback {
		top: -6px;
		right: -6px;
		bottom: inherit;
		left: inherit;
	}

	.has-feedback[data-type="textArea"] .form-control-feedback {
		top: -6px;
		right: -1px;
		bottom: inherit;
		left: inherit;
	}
/* END */

/* FLEX-BOX*/
	.flex-container {
		-js-display: flex !important;
		display: -webkit-flex !important;
		display: -moz-flex !important;
		display: flex !important;

		-webkit-flex-direction: row !important;
		-moz-flex-direction: row;
		flex-direction: row !important;

		-webkit-flex-wrap: nowrap !important;
		-moz-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;

		-webkit-justify-content: flex-start !important;
		-moz-justify-content: flex-start !important;
		justify-content: flex-start !important;

		-webkit-align-items: stretch !important;
		-moz-align-items: stretch !important;
		align-items: stretch !important;

		-webkit-align-content: stretch !important;
		-moz-align-content: stretch !important;
		align-content: stretch !important;
	}

	/* flex-direction */
		.flex-container[data-direction='row-reverse'],
		[data-direction='row-reverse'] {
			-webkit-flex-direction: row-reverse !important;
			-moz-flex-direction: row-reverse !important;
			flex-direction: row-reverse !important;
		}
		.flex-container[data-direction='column'],
		[data-direction='column'] {
			-webkit-flex-direction: column !important;
			-moz-flex-direction: column !important;
			flex-direction: column !important;
		}
		.flex-container[data-direction='column-reverse'],
		[data-direction='column-reverse'] {
			-webkit-flex-direction: column-reverse !important;
			-moz-flex-direction: column-reverse !important;
			flex-direction: column-reverse !important;
		}

	/* flex-wrap */
		.flex-container[data-wrap='wrap'],
		[data-wrap='wrap'] {
			-webkit-flex-wrap: wrap !important;
			-moz-flex-wrap: wrap !important;
			flex-wrap: wrap !important;
		}
		.flex-container[data-wrap='wrap-reverse'],
		[data-wrap='wrap-reverse'] {
			-webkit-flex-wrap: wrap-reverse !important;
			-moz-flex-wrap: wrap-reverse !important;
			flex-wrap: wrap-reverse !important;
		}

	/* justify-content */
		.flex-container[data-justify-content='flex-end'],
		[data-justify-content='flex-end'] {
			-webkit-justify-content: flex-end !important;
			-moz-justify-content: flex-end !important;
			justify-content: flex-end !important;
		}
		.flex-container[data-justify-content='center'],
		[data-justify-content='center'] {
			-webkit-justify-content: center !important;
			-moz-justify-content: center !important;
			justify-content: center !important;
		}
		.flex-container[data-justify-content='space-between'],
		[data-justify-content='space-between'] {
			-webkit-justify-content: space-between !important;
			-moz-justify-content: space-between !important;
			justify-content: space-between !important;
		}
		.flex-container[data-justify-content='space-around'],
		[data-justify-content='space-around'] {
			-webkit-justify-content: space-around !important;
			-moz-justify-content: space-around !important;
			justify-content: space-around !important;
		}

	/* align-items */
		.flex-container[data-align-items='stretch'],
		[data-align-items='stretch'] {
			-webkit-align-items: stretch !important;
			-moz-align-items: stretch !important;
			align-items: stretch !important;
		 }

		.flex-container[data-align-items='flex-start'],
		[data-align-items='flex-start'] {
			-webkit-align-items: flex-start !important;
			-moz-align-items: flex-start !important;
			align-items: flex-start !important;
		 }
		.flex-container[data-align-items='flex-end'],
		[data-align-items='flex-end'] {
			-webkit-align-items: flex-end !important;
			-moz-align-items: flex-end !important;
			align-items: flex-end !important;
		 }
		 .flex-container[data-align-items='center'],
		 [data-align-items='center'] {
			-webkit-align-items: center !important;
			-moz-align-items: center !important;
			align-items: center !important;
		 }
		 .flex-container[data-align-items='baseline'],
		 [data-align-items='baseline'] {
			-webkit-align-items: baseline !important;
			-moz-align-items: baseline !important;
			align-items: baseline !important;
		 }

	/* align-content */
		.flex-container[data-align-content='flex-start'],
		[data-align-content='flex-start'] {
			-webkit-align-content: flex-start !important;
			-moz-align-content: flex-start !important;
			align-content: flex-start !important;
		}
		.flex-container[data-align-content='flex-end'],
		[data-align-content='flex-end'] {
			-webkit-align-content: flex-end !important;
			-moz-align-content: flex-end !important;
			align-content: flex-end !important;
		}
		.flex-container[data-align-content='center'],
		[data-align-content='center'] {
			-webkit-align-content: center !important;
			-moz-align-content: center !important;
			align-content: center !important;
		}
		.flex-container[data-align-content='space-between'],
		[data-align-content='space-between'] {
			-webkit-align-content: space-between !important;
			-moz-align-content: space-between !important;
			align-content: space-between !important;
		}
		.flex-container[data-align-content='space-around'],
		[data-align-content='space-around'] {
			-webkit-align-content: space-around !important;
			-moz-align-content: space-around !important;
			align-content: space-around !important;
		}
/*END FLEX-BOX*/

/* NAVBAR */
	.ss-navbar {
		position: fixed;
		width: 100%;
		height: 70px;
		top: 0;
		background-color: #fff;
		border: 0px;
		z-index: 999;
		transition: all 350ms ease-in-out;
		box-shadow: 258px 4px 5px 0 rgba(0, 0, 0, 0.14), 258px 2px 9px 1px rgba(0, 0, 0, 0.12), 258px 4px 2px -2px rgba(0, 0, 0, 0.2)
	}
	.menu-collapsed .ss-navbar {
		box-shadow: 0px 4px 5px 0 rgba(0, 0, 0, 0.14), 0px 2px 9px 1px rgba(0, 0, 0, 0.12), 0px 4px 2px -2px rgba(0, 0, 0, 0.2);
	}
	.ss-navbar > .inner {
		position: relative;
		width: 98%;
		height: 100%;
		margin: 0 auto;
	}

	/* navbar-header */
		.ss-navbar-header {
			position: relative;
			width: 140px;
			height: 100%;
		}

		.ss-navbar-toggle {
			position: relative;
			width: 30px;
			height: 30px;
			background: transparent;
			color: white;
			font-size: 30px;
			cursor: pointer;
		}
		.ss-navbar-toggle > svg {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			fill: #0C2753;
		}

		.ss-navbar-brand {
			position: relative;
			width: 105px;
			height: 100%;
			left: 7px;
		}
		.ss-navbar-brand > * {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 100%;
			transform: translate(-50%,-50%);
		}


	/* navbar-notifications */
		.ss-navbar-notifications {
			position: relative;
			width: 160px;
			height: 100%;
			margin-right: 5px;
		}

		.ss-navbar-notifications .icon {
			position: relative;
			width: 25px;
			height: 25px;
			display: inline-block;
		}
		.ss-navbar-notifications .icon svg { fill: #0db6ad; }
		.ss-navbar-notifications .icon .counter {
			position: absolute;
			top: -8px;
			right: -2px;
		}

		/* Notifications List */
			.ss-navbar #notificationsList {
				width: 300px;
				height: 300px;
				margin-top: 15px;
				margin-left: -269px;
			}
			.ss-navbar #notificationsList::after {
				content: "";
				position: absolute;
				top: -10px;
				left: initial;
				right: 8px;
				width: 0;
				height: 0;
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
				border-bottom: 10px solid #fff;
			}

			/* Header */
			.ss-navbar #notificationsList .ss-header {
				position: relative;
				width: 100%;
				background: #fff;
				padding: 8px 12px 6px;
				border-bottom: solid 1px #dddfe2;
			}
			.ss-navbar #notificationsList .ss-header > * { margin: 0 }
			.ss-navbar #notificationsList .ss-header .mark-all {
				color: #12326e;
				font-size: 11px;
				font-family: monospace;
			}
			.ss-navbar #notificationsList .ss-header .mark-all:hover {
				text-decoration: underline;
			}

			/* Body */
				.ss-navbar #notificationsList .ss-body {
					position: relative;
					width: 100%;
					height: calc(100% - 30px - 32px);
				}

				/* Notification */
					.ss-navbar #notificationsList .notification {
						position: relative;
						padding: 6px 15px 5px 12px;
						border-bottom: 1px solid #dddfe2;
						overflow: hidden;
						background: #fff;
						transition: background 222ms ease;
					}
					.ss-navbar #notificationsList .notification.unreaded { background: #eee }
					.ss-navbar #notificationsList .notification.readed { background: #fff }
					.ss-navbar #notificationsList .notification:hover { background: #bfbfbf; }

					#notificationsList .notification .image {
						position: relative;
						width: 50px;
						height: 50px;
						margin-right: 5px;
					}

					#notificationsList .notification .details { width: calc(100% - 50px) }
					#notificationsList .notification .details .desc {
						color: #222;
					}
					#notificationsList .notification .details .time {
						color: #777;
						font-size: 10px;
					}

					#notificationsList .notification .actions {}

				/* No Notifications msg */
					.ss-navbar #notificationsList .ss-body .no-msg {
						position: absolute;
						top: 108px;
						left: 45px;
						width: 220px;
						font-family: monospace;
						margin: 0;
					}

			/* Footer */
			.ss-navbar #notificationsList .ss-footer {
				position: relative;
				width: 100%;
				height: 30px;
				font-size: 12px;
				font-weight: 700;
				font-family: monospace;
				border-top: 1px solid #dddfe2;
				text-align: center;
				line-height: 30px;
			}
			.ss-navbar #notificationsList .ss-footer > a {
				position: absolute;
				top: 50%;
				left: 50%;
				width: 100%;
				height: 100%;
				transform: translate(-50%, -50%);
				color: #12326e !important;
			}
/* END */

/* SIDEMENU */
	#netbeeSidemenu {
		position: fixed;
		top: 70px;
		height: calc(100% - 70px);
		width: 260px; /* 60px collapsed 260px expanded*/
		background: #0C2753;
		transition: width 350ms ease-in-out;
		box-shadow: 4px 0px 5px 0 rgba(0, 0, 0, 0.14), 2px 0px 9px 1px rgba(0, 0, 0, 0.12), 4px 0px 2px -2px rgba(0, 0, 0, 0.2);
	}
	.menu-collapsed #netbeeSidemenu {
		width: 0px;
	}

	.ss-sidemenu {
		position: relative;
		width: 100%;
		min-height: 100%;
		padding: 0;
		margin: 0;
	}

	.ss-sidemenu .ss-link-container {
		position: relative;
		width: 100%;
		min-height: 60px;
		overflow: hidden;
		border-bottom: 1px solid #fff;
	}

	/* Perfil */
		.ss-sidemenu .ss-link-container.perfil { height: 90px }
		.ss-sidemenu .ss-link-container.perfil > .inner {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			padding: 6% 6% 10px;
		}

		/* user */
			.ss-sidemenu .ss-link-container.perfil .user {
				position: relative;
				width: 100%;
				height: 51px;
			}
			.menu-collapsed .ss-sidemenu .ss-link-container.perfil .user { top: 15px; }


			.ss-sidemenu .ss-link-container.perfil .user img {
				position: relative;
				width: 50px;
				height: 50px;
				border-radius: 50%;
				border-top: 1px solid #444173;
			}
			.ss-sidemenu .ss-link-container.perfil .user .name {
				position: relative;
				width: calc(100% - 55px - 10px);
				margin-left: 10px;
				color: white;
				font-size: 13px;
				word-break: break-word;
			}

			.menu-collapsed #netbeeSidemenu .ss-link-container.perfil .user .name {
				display: none;
			}
		/* END */
	/* END */

	.ss-sidemenu .ss-link-container .ss-link {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		padding: 0 6%;
	}

	.ss-sidemenu .ss-link-container.multilvl .ss-link { height: 60px; }

	.ss-sidemenu .ss-link-container .ss-link i {
		position: relative;
		width: 30px;
		height: 30px;
		font-size: 30px;
		color: white;
	}
	.ss-sidemenu .ss-link-container .ss-link i::before {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: 0;
		transform: translate(-50%,-50%);
	}

	/* links icons */
	.ss-sidemenu .ss-link-container .ss-link.logout i { width: 25px; }
	/* end */

	.ss-sidemenu .ss-link-container .ss-link i svg { fill: #fff; }

	.ss-sidemenu .ss-link-container .ss-link span {
    position: relative;
    width: calc(100% - 30px - 10px);
    margin-left: 10px;
    color: #fff;
    font-size: 13px;
	}


	.menu-collapsed #netbeeSidemenu .ss-link-container .ss-link span,
	.menu-collapsed #netbeeSidemenu .ss-link-container .ss-nested-menu span {
		display: none;
	}

	.ss-sidemenu .ss-link-container .ss-nested-menu {
		position: relative;
		width: 100%;
		margin-top: 60px;
		padding-left: 0px;
		list-style: none;
	}
	.ss-sidemenu .ss-link-container .ss-nested-menu .ss-link-container {
		line-height: 55px;
		border-color: #fff;
		background: #0C2753;
		font-size: 15px;
	}
	.ss-sidemenu .ss-link-container .ss-nested-menu .ss-link-container:first-child { border-top: 1px solid #fff }
	.ss-sidemenu .ss-link-container .ss-nested-menu .ss-link {

	}

	.ss-sidemenu .ss-link-container .ss-nested-menu a {
		color: #f8f8f8;
		padding: 0 6%;
		height: 60px;
	}

	.ss-sidemenu .ss-link-container .ss-nested-menu i {
		margin-right: 10px;
	}
/* END */


/* FILTERS-CONTAINER */
	.ss-filter-container {
		position: relative;
		width: 100px;
	}
/* END */


/* #mainWrapper */
	#mainWrapper {
		position: absolute;
		width: 100%;
		height: 100%;
		overflow: hidden;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	#mainWrapper::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		opacity: 0;
		background-color: #000;
		cursor: progress;
		transition: z-index 200ms ease-in-out, opacity 200ms ease-in-out;
	}
	.pace-running #mainWrapper::before {
		z-index: 999999 !important;
		opacity: .25;
	}

	/* #mainContent */
		#mainContent {
			position: relative;
			top: 70px;
			height: calc(100% - 70px);
			margin-left: 260px;
			transition: margin 350ms ease-in-out;
		}

		.menu-collapsed #mainContent {
			margin-left: 0px;
		}

		.login #mainContent {
			top: 0;
			margin-left: 0;
			height: 100%;
		}

		#mainContent > section {
			position: relative;
			width: 100%;
			height: 100%;
		}

		#mainContent > section .inner-wrapper {
			position: relative;
			width: 95%;
			margin: 0 auto;
			padding-top: 15px;
		}
	/* END */
/* END


/* SECTIONS */

	/* LOGIN 2 */
		#login2 {
			position: relative;
			width: 100%;
			height: 100%;
		}

		#login2 .ss-carousel {
			position: absolute;
			width: 100%;
			height: 100%;
		}

		#login2 .ss-carousel__item-container {
			width: 100%;
			height: 100%;
		}

		#login2 .ss-carousel__item {
			width: 100%;
			height: 100%;
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
		}


		/* ASIDE */
		#login2 aside {
	    position: absolute;
	    height: 100%;
	    width: 280px;
	    background: rgba(0,0,0,.6);
	    border-right: 5px solid white;
		}

		#login2 aside .codex-logo {
			position: absolute;
			top: 25px;
			left: 50%;
			transform: translateX(-50%);
			color: white;
			font-size: 1.5vmax;
			font-weight: 600;
			white-space: nowrap;
		}

		#login2 aside form {
			position: absolute;
			top: calc(50% - 45px);
			transform: translateY(-50%);
			background: rgba(0,0,0,.55);
			padding: 30px 20px;
		}

		#login2 aside form .form-group { margin: 0; }

		#login2 aside form label {
			width: 40px;
		}

		#login2 aside form input {}

		#login2 aside form button {}


		#login2 footer {
	    position: absolute;
	    bottom: 0;
	    width: 100%;
	    height: 45px;
	    background: #000;
	    border-bottom: 3.5px solid white;
	    color: white;
	  }
	  #login2 footer > .inner {
	  	position: relative;
	  	width: 95%;
	  	margin: 0 auto;
	  	height: 100%;
	  }

	  #login2 footer div.left {
	  	position: relative;
	  	height: 100%;
	  }
	  #login2 footer div.left a {
	  	width: 110px;
	  	height: 100%;
	  }

	  #login2 footer div.left span {
	  	margin-left: 25px;
	  }

	  #login2 footer div.right {
	  	position: relative;
	  	height: 100%;
	  }
	/* END */



	/* DASHBOARD */
	/* END
	*/



	/* USERS */
		#Users {}
		#Users .title {
			font-size: 16px;
			font-weight: 700;
			color: #000;
		}

		#Users .users-table {}
		#Users .users-table .avatar { position: relative; }
		#Users .users-table .avatar img {
			position: relative;
			display: block;
			width: 35px;
			height: 35px;
			border-radius: 50%;
			margin: 0 auto;
		}
		#managers .managers-table .avatar { position: relative; }
		#managers .managers-table .avatar img {
			position: relative;
			display: block;
			width: 35px;
			height: 35px;
			border-radius: 50%;
			margin: 0 auto;
		}
	/* END */


	/* PRUEBAS */
		/* pruebaForm */
			#pruebaForm .solicitudes .solicitud {
				position: relative;
				width: 120px;
				height: 120px;
				min-width: 120px;
				border-radius: 5px;
				border-color: #212121;
				background: #cbcbcb;
				cursor: pointer;
				margin-bottom: 10px;
			}
			#pruebaForm .solicitudes .solicitud:not( :last-child ) { margin-right: 15px; }
			#pruebaForm .solicitudes .solicitud::before {
				content: attr( data-text );
				position: absolute;
				top: 100%;
				left: 50%;
				transform: translateX(-50%);
				color: #000;
			}

			#pruebaForm .solicitudes .solicitud > i {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%) scale(1);
				font-size: 25px;
				color: #fff;
				transition: all 300ms ease-out;
			}
			#pruebaForm .solicitudes .solicitud:hover > i {
				color: #000;
				transform: translate(-50%, -50%) scale(1.2);
			}

			#pruebaForm .solicitudes .placeholder {
		    width: 100%;
		    margin: 0;
		    display: flex;
		    flex-direction: column;
		    align-items: flex-start;
		    justify-content: center;
		    padding: 15px;
			}
	/* END */


	/* FILEUPLOADER */
		.filezone {
			position: relative;
			width: 100%;
			height: 444px;
		}

		.filezone .inner {
			position: relative;
			width: 100%;
			height: 100%;
			padding-top: 15px;
		}

		.filezone .placeholder {
			position: absolute;
			width: 70%;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			color: #bbb;
			font-style: italic;
			text-align: center;
		}

		.filezone .item {
			position: relative;
			margin: 10px;
			width: 100%;
			height: 100%;
		}

		.filezone .item .remove {
			position: absolute;
			top: -20px;
			left: : 0;
			color: red;
			font-size: 16px;
		}

		.filezone .file {
			position: relative;
			width: 100%;
			height: 100%;
		}

		.filezone .file.pdf > * {
			width: 100%;
			height: 100%;
		}
	/* END */

	/* VISOR */
		.imgViewer {
			position: relative;
			width: 100%;
			height: 444px;
		}
		.imgViewer > img {
			position: absolute;
			height: 100%;
			left: 50%;
			transform: translateX(-50%);
		}

		.docViewer {
			position: relative;
			width: 100%;
			height: 455px;
		}
		.docViewer > object {
			position: relative;
			width: 100%;
			height: 100%;
		}
	/* END */


	/* PACIENTES */
		#pacienteForm {}

		#pacienteForm .inner-wrapper {
			width: 80% !important;
			margin: 0 !important;
			margin-left: 4% !important;
		}

		#pacienteForm .form-sections {
	    position: fixed;
	    top: 89px;
	    right: 70px;
	    width: 25px;
	    height: 350px;
		}
		#pacienteForm .form-sections .link {
			position: relative;
			width: 22px;
			height: 22px;
			background: #0db6ad;
			cursor: pointer;
			border-radius: 50%;
			transition: all 250ms;
		}

		#pacienteForm .form-container fieldset:not(:first-child) { margin-top: 20px }

		#pacienteForm .foto .delete-btn,
		.foto .delete-btn {
	    font-size: 28px;
	    z-index: 999;
	    color: red;
	    background: black;
		}

		#pacienteForm .foto,
		.foto {
			position: relative;
		}

		#pacienteForm .foto .current,
		.foto .current {
     	height: 212px;
		  position: absolute;
		  display: block;
		  margin: auto;
		  left: 50%;
		  transform: translateX(-50%);
		}


		#pacienteForm .exploracion > * {
			margin-bottom: 10px
		}

		.pacienteForm .dropdown-menu {
			z-index: 9999;
		}


	/* PACIENTES PASANTES*/
		.no-margins,
		.no-margins * { margin: 0 !important; }

		#pacientePasanteForm legend,
		#pacienteForm legend {
   		background-color: #0db6ad;
	    color: white;
	    font-weight: 900;
	    border-radius: 15px;
	    border-top-left-radius: 0;
	    border-bottom-left-radius: 0;
	    padding: 0;
	    overflow: hidden;
	    border-bottom: 0;
	    padding-left: 25px;
	    position: relative;
		}
		#pacientePasanteForm legend::before,
		#pacienteForm legend::before {
			content: "";
	    position: absolute;
	    width: 20px;
	    height: 101%;
	    left: 0;
	    background: #ff7200;
		}

/* END */


/* HISTORIAS CLINICAS */
	.historia_clinica .foto_paciente {
		position: relative;
	}
	.historia_clinica .foto_paciente input {
		position: absolute;
		top: 5px;
		left: 5px;
	}

	.historia_clinica .delete-btn {
		color: red;
		background: white;
		z-index: 11;
	}

	.historia_clinica .fotos_clinicas .foto {
		position: relative;
		margin-right: 10px;
		margin-bottom: 10px;
	}



/* END */


/* FORM GENERATOR */
	#formGenerator {
		position: relative;
		width: 100%;
		padding: 0;
	}
	#formGenerator .actions {
		position: relative;
		width: 100%;
		padding: 12px 0;
	}
	#formGenerator .preguntas {
		position: relative;
		width: 100%;
		min-height: 50px;
		border-top: 1px solid #cbcbcb;
		border-bottom: 1px solid #cbcbcb;
		padding: 20px 0;
	}

	#formGenerator .preguntas .pregunta {
		position: relative;
		width: 100%;
		padding: 10px 0 0 0;
		border-left: 5px solid transparent;
	}
	#formGenerator .preguntas .pregunta:not(:last-child) {
		margin-bottom: 10px;
	}
	#formGenerator .preguntas .pregunta.selected {
		box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.3);
		border-left: 5px solid #1ab394;
		padding: 30px 0 0 0;
		margin-bottom: 25px;
	}

	#formGenerator .preguntas .pregunta > .inner {
		position: relative;
		width: 95%;
	}

	#formGenerator .preguntas .pregunta input {
		border: none;
		border-bottom: 1px solid transparent;
		padding: 0;
	}
	#formGenerator .preguntas .pregunta.selected input {
		border-color: #9e9e9e;
	}

	#formGenerator .preguntas .pregunta select {}

	#formGenerator .preguntas .pregunta .textValue {
		color: #9e9e9e;
		border-bottom: 1px dotted #9e9e9e;
		padding-bottom: 10px;
	}

	#formGenerator .preguntas .pregunta .pHeader {
		position: relative;
		width: 97%;
	}
	#formGenerator .preguntas .pregunta .pHeader > * {
		width: 49%;
	}

	#formGenerator .preguntas .pregunta .pBody {
		position: relative;
		margin-top: 20px;
		width: 97%;
	}

	#formGenerator .preguntas .pregunta .options-container {}
	#formGenerator .preguntas .pregunta .options-container .option {}
	#formGenerator .preguntas .pregunta .options-container .option:not(:last-child) {
		margin-bottom: 20px;
	}
	#formGenerator .preguntas .pregunta .options-container .option .identifier {
		font-size: 20px;
		margin-right: 10px;
	}
	#formGenerator .preguntas .pregunta .options-container .option.select-option .identifier {
		font-size: 18px;
		color: red;
	}
	#formGenerator .preguntas .pregunta .options-container .option input {
		height: 25px;
		border-color: transparent;
	}
	#formGenerator .preguntas .pregunta .options-container .option .close {
		font-size: 25px;
		margin-left: 20px;
	}
	#formGenerator .preguntas .pregunta .options-container .newOption {}

	#formGenerator .preguntas .pregunta .pFooter {
		position: relative;
		width: 100%;
		border-top: 1px solid #9e9e9e;
		padding: 15px 33px;
		margin-top: 35px;
	}

	#formGenerator .preguntas .pregunta .pFooter i {
		font-size: 25px;
	}

	#formGenerator .preguntas .pregunta .pFooter .separador {
		width: 1px;
		height: 30px;
		background: #9e9e9e;
		margin: 0 15px;
	}
/* END */


/* MODALS */
	.modal-open .modal { background: rgba( 0,0,0,.7) }

	form .form-group.foto {
		position: relative;
		width: 95px;
		height: 100px;
		display: inline-block;
	}
	form .form-group.foto .ss-fileuploader-area {
		position: relative;
		width: 100%;
		height: 100%;
		background-color: #cbcbcb;
		border: 1px solid #bbb;
		border-radius: 5px;
		overflow: hidden;
	}

	form .form-group.foto .ss-fileuploader-area img.current {
		position: absolute;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
	}

	form .form-group.foto .ss-fileuploader-area .delete-btn {
		top: 0px;
    left: 2px;
    color: red;
    font-size: 18px;
    z-index: 11;
	}
	form .form-group.foto .ss-fileuploader-area .delete-btn::after {
		content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 65%;
    height: 65%;
    background: black;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%,-50%);
	}

	form .form-group.foto .ss-fileuploader-area .placeholder {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	form .form-group.archivo {
		position: relative;
		width: 105px;
		height: 35px;
		display: inline-block;
	}
	form .form-group.archivo .ss-fileuploader-area {
		position: relative;
		width: 100%;
		height: 100%;
		background-color: #cbcbcb;
		border: 1px solid #bbb;
		border-radius: 5px;
		overflow: hidden;
	}

	form .form-group.archivo .ss-fileuploader-area img.current {
		position: absolute;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
	}

	form .form-group.archivo .ss-fileuploader-area .delete-btn {
		top: 0px;
    left: 2px;
    color: red;
    font-size: 18px;
    z-index: 11;
	}
	form .form-group.archivo .ss-fileuploader-area .delete-btn::after {
		content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 65%;
    height: 65%;
    background: black;
    z-index: -1;
    border-radius: 50%;
    transform: translate(-50%,-50%);
	}

	form .form-group.archivo .ss-fileuploader-area .placeholder {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
/* END */

.nav-tabs .active {
	background-color: #12326e;
	color: #FFF;
}


/* ngANIMATIONS */
	tr.ng-enter {
		animation: fadeInUp 600ms;
	}

	tr.ng-move {
		animation: fadeIn 800ms;
		z-index: 9999 !important;
	}

	tr.ng-leave {
    animation: bounceOutRight 600ms;
	}
/* END */

/* CHECKBOX */
@keyframes click-wave {
	0% {
		height: 20px;
		width: 20px;
		opacity: 0.35;
		position: relative;
	}
	100% {
		height: 200px;
		width: 200px;
		margin-left: -40px;
		margin-top: -40px;
		opacity: 0;
	}
}

.option-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	top: 6.33333px;
	right: 0;
	bottom: 0;
	left: 0;
	height: 20px;
	width: 20px;
	transition: all 0.15s ease-out 0s;
	background: #cbd1d8;
	border: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin-right: 0.5rem;
	outline: none;
	z-index: 1000;
}
.option-input:hover {
	background: #9faab7;
}
.option-input:checked {
	background: #40e0d0;
}
.option-input:checked::before {
	height: 20px;
	width: 20px;
	position: absolute;
	content: '✔';
	display: inline-block;
	font-size: 14px;
	text-align: center;
	line-height: 20px;
}
.option-input:checked::after {
	-webkit-animation: click-wave 0.65s;
	-moz-animation: click-wave 0.65s;
	animation: click-wave 0.65s;
	background: #40e0d0;
	content: '';
	display: block;
	position: relative;
	z-index: 100;
}

/*body div {*/
/*	padding: 5rem;*/
/*}*/
.checkbox-label {
	display: block;
	line-height: 20px;
}

/* Custom Radio Buttons */
.radiobtn {
	position: relative;
	display: inline-block;
	width: 100%;
}
.radiobtn label {
	display: block;
	background: #fee8c3;
	color: #444;
	border-radius: 5px;
	padding: 10px 20px;
	border: 2px solid #fdd591;
	margin-bottom: 5px;
	cursor: pointer;
}
.radiobtn label:after, .radiobtn label:before {
	content: "";
	position: absolute;
	right: 11px;
	top: 11px;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	background: #fdcb77;
}
.radiobtn label:before {
	background: transparent;
	transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
	z-index: 2;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: center;
	width: 0;
	height: 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+);
}
.radiobtn input[type="radio"] {
	display: none;
	position: absolute;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.radiobtn input[type="radio"]:checked + label {
	background: #fdcb77;
	-webkit-animation-name: blink;
	animation-name: blink;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	border-color: #fcae2c;
}
.radiobtn input[type="radio"]:checked + label:after {
	background: #fcae2c;
}
.radiobtn input[type="radio"]:checked + label:before {
	width: 20px;
	height: 20px;
}

@-webkit-keyframes blink {
	0% {
		background-color: #fdcb77;
	}
	10% {
		background-color: #fdcb77;
	}
	11% {
		background-color: #fdd591;
	}
	29% {
		background-color: #fdd591;
	}
	30% {
		background-color: #fdcb77;
	}
	50% {
		background-color: #fdd591;
	}
	45% {
		background-color: #fdcb77;
	}
	50% {
		background-color: #fdd591;
	}
	100% {
		background-color: #fdcb77;
	}
}

@keyframes blink {
	0% {
		background-color: #fdcb77;
	}
	10% {
		background-color: #fdcb77;
	}
	11% {
		background-color: #fdd591;
	}
	29% {
		background-color: #fdd591;
	}
	30% {
		background-color: #fdcb77;
	}
	50% {
		background-color: #fdd591;
	}
	45% {
		background-color: #fdcb77;
	}
	50% {
		background-color: #fdd591;
	}
	100% {
		background-color: #fdcb77;
	}
}

	.second-lvl
	{
		background-color: #1B58F0 !important;
		color: #FFF !important;
		font-size: 10px !important;
		text-align: right;
	}

.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 100%;
  margin-left: 5px;
  margin-bottom: 15px;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}