/* Create your style on here */
/* inicio citas*/
a.btn-estadopacientes {
	padding:2px 4px;
	border:1px dotted #b3b3b3;
	text-transform:uppercase;
	border-radius:4px;
	background-color:#fff;
}
a.btn-estadopacientes:hover {
	background-color:#fdff91;
	color:#000;
}
/* fin citas */
#sign-wrapper .brand img {
    max-width:350px;
}
.header-left .navbar-header .navbar-brand img {
    max-width:90%;
	margin:5px;
}
.errormsj {
	background-color:red;
	color:#fff;
	padding:5px 10px;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select{
color:#2c2c2c !important;
}
#header .navbar-header {
    background-color: #fff;
}
#header div.head-seguimiento {
	border:1px solid #e5e5e5; 
	padding:3px 6px;
	margin-top:2px;
	border-radius:6px;
}
.sidebar-menu > li > a > .icon i {
    font-size: 14px;
}
.odontograma {
}
.addOdontoGrama h3 {
 margin-top:3px !important;
}
.chooseDienteIzq {
	background-color:#ddd;
}
.chooseDienteDer {
	background-color:#ffe3aa;
}
.chooseDienteIzq td {
	padding:3px;
}
.chooseDienteIzq input[type=checkbox] {
	width:30px;
	height:30px;
}
.chooseDienteDer input[type=checkbox] {
	width:30px;
	height:30px;
}
.chooseDienteDer td {
	padding:3px;
}
/*
.tableodonto input[type="checkbox"] {
    display:none;
}
.tableodonto input[type="checkbox"] + label span {
    display:inline-block;
    width:80px;
    height:52px;
    vertical-align:middle;
    background:url(imagenes/odonto-diente.png) left top no-repeat;
    cursor:pointer;
}
.tableodonto input[type="checkbox"]:checked + label span {
    background:url(imagenes/odonto-diente.png) -40px top no-repeat;
}
*/
.tableodonto input[type="checkbox"] {
    display:none;
}

.tableodonto input[type="checkbox"] + label {
    color:#000;
}

.tableodonto input[type="checkbox"] + label span {
    display:inline-block;
    width:28px;
    height:28px;
    /*margin:-2px 10px 0 0;*/
    vertical-align:middle;
    background:url(imagenes/diente-default.png) left top no-repeat;
    cursor:pointer;
}

.tableodonto input[type="checkbox"]:checked + label span {
    background:url(imagenes/diente-marcado.png) left top no-repeat;
}
/*tipo radio*/
.tableodonto input[type="radio"] {
    display:none;
}

.tableodonto input[type="radio"] + label {
    color:#000;
}

.tableodonto input[type="radio"] + label span {
    display:inline-block;
    width:28px;
    height:28px;
    /*margin:-2px 10px 0 0;*/
    vertical-align:middle;
    background:url(imagenes/diente-default.png) left top no-repeat;
    cursor:pointer;
}
.tableodonto input[type="radio"]:empty ~ label span {
    display:inline-block;
    width:28px;
    height:28px;
    /*margin:-2px 10px 0 0;*/
    vertical-align:middle;
    background:url(imagenes/diente-default.png) left top no-repeat;
    cursor:pointer;
}
.tableodonto input[type="radio"]:checked + label span {
    background:url(imagenes/diente-marcado.png) left top no-repeat;
}
/* inicio Incisivo */
.
.incisivo {
    margin:0px;
	padding:0px;
}
.incisivo label{
    margin:0px !important;
	padding:0px !important;
}
.incisivo input[type="checkbox"] {
    display:none;
}
.incisivo input[type="checkbox"] + label {
    color:#000;
}
.incisivo input[type="checkbox"] + label span {
    display:inline-block;
    width:28px;
    height:28px;
    vertical-align:middle;
    background:url(imagenes/diente-default-incisivos.png) no-repeat;
    cursor:pointer;
}
.incisivo input[type="checkbox"]:checked + label span {
    background:url(imagenes/diente-marcado-incisivos.png) no-repeat;
}

.incisivo input[type="radio"] {
    display:none;
}
.incisivo input[type="radio"] + label {
    color:#000;
}
.incisivo input[type="radio"] + label span {
    display:inline-block;
    width:28px;
    height:28px;
    vertical-align:middle;
    background:url(imagenes/diente-default-incisivos.png) no-repeat;
    cursor:pointer;
}
.incisivo input[type="radio"]:checked + label span {
    background:url(imagenes/diente-marcado-incisivos.png) no-repeat;
}
/* fin incisivo */
/* inicio caninos */
.caninos {
    margin:0px;
	padding:0px;
}
.caninos label{
    margin:0px !important;
	padding:0px !important;
}
.caninos input[type="checkbox"] {
    display:none;
}
.caninos input[type="checkbox"] + label {
    color:#000;
}
.caninos input[type="checkbox"] + label span {
    display:inline-block;
    width:28px;
    height:28px;
    vertical-align:middle;
    background:url(imagenes/diente-default-canino.png) no-repeat;
    cursor:pointer;
}
.caninos input[type="checkbox"]:checked + label span {
    background:url(imagenes/diente-marcado-canino.png) no-repeat;
}

.caninos input[type="radio"] {
    display:none;
}
.caninos input[type="radio"] + label {
    color:#000;
}
.caninos input[type="radio"] + label span {
    display:inline-block;
    width:28px;
    height:28px;
    vertical-align:middle;
    background:url(imagenes/diente-default-canino.png) no-repeat;
    cursor:pointer;
}
.caninos input[type="radio"]:checked + label span {
    background:url(imagenes/diente-marcado-canino.png) no-repeat;
}
/* fin caninos */
/* inicio premolares */
.premolares {
    margin:0px;
	padding:0px;
}
.premolares label{
    margin:0px !important;
	padding:0px !important;
}
.premolares input[type="checkbox"] {
    display:none;
}
.premolares input[type="checkbox"] + label {
    color:#000;
}
.premolares input[type="checkbox"] + label span {
    display:inline-block;
    width:28px;
    height:28px;
    vertical-align:middle;
    background:url(imagenes/diente-default-premolar.png) no-repeat;
    cursor:pointer;
}
.premolares input[type="checkbox"]:checked + label span {
    background:url(imagenes/diente-marcado-premolar.png) no-repeat;
}

.premolares input[type="radio"] {
    display:none;
}
.premolares input[type="radio"] + label {
    color:#000;
}
.premolares input[type="radio"] + label span {
    display:inline-block;
    width:28px;
    height:28px;
    vertical-align:middle;
    background:url(imagenes/diente-default-premolar.png) no-repeat;
    cursor:pointer;
}
.premolares input[type="radio"]:checked + label span {
    background:url(imagenes/diente-marcado-premolar.png) no-repeat;
}
/* fin premolares */
/* inicio molares */
.molares {
    margin:0px;
	padding:0px;
}
.molares label{
    margin:0px !important;
	padding:0px !important;
}
.molares input[type="checkbox"] {
    display:none;
}
.molares input[type="checkbox"] + label {
    color:#000;
}
.molares input[type="checkbox"] + label span {
    display:inline-block;
    width:28px;
    height:28px;
    vertical-align:middle;
    background:url(imagenes/diente-default-molar.png) no-repeat;
    cursor:pointer;
}
.molares input[type="checkbox"]:checked + label span {
    background:url(imagenes/diente-marcado-molar.png) no-repeat;
}

.molares input[type="radio"] {
    display:none;
}
.molares input[type="radio"] + label {
    color:#000;
}
.molares input[type="radio"] + label span {
    display:inline-block;
    width:28px;
    height:28px;
    vertical-align:middle;
    background:url(imagenes/diente-default-molar.png) no-repeat;
    cursor:pointer;
}
.molares input[type="radio"]:checked + label span {
    background:url(imagenes/diente-marcado-molar.png) no-repeat;
}
/* fin molares */
/* inicio diente TOP */
.dentetop {
    margin:0px;
	padding:0px;
}
.dentetop label{
    margin:0px !important;
	padding:0px !important;
}
.dentetop input[type="checkbox"] {
    display:none;
}
.dentetop input[type="checkbox"] + label {
    color:#000;
}
.dentetop input[type="checkbox"] + label span {
    display:inline-block;
    width:113px;
    height:38px;
    vertical-align:middle;
    background:url(imagenes/diente-top-a.png) no-repeat;
    cursor:pointer;
}
.dentetop input[type="checkbox"]:checked + label span {
    background:url(imagenes/diente-top-b.png) no-repeat;
}
/* fin diente TOP */
/* inicio diente BOTTOM */
.dentebottom {
    margin:0px;
	padding:0px;
}
.dentebottom label{
    margin:0px !important;
	padding:0px !important;
}
.dentebottom input[type="checkbox"] {
    display:none;
}
.dentebottom input[type="checkbox"] + label {
    color:#000;
}
.dentebottom input[type="checkbox"] + label span {
    display:inline-block;
    width:113px;
    height:38px;
    vertical-align:middle;
    background:url(imagenes/diente-bottom-a.png) no-repeat;
    cursor:pointer;
}
.dentebottom input[type="checkbox"]:checked + label span {
    background:url(imagenes/diente-bottom-b.png) no-repeat;
}
/* fin diente BOTTOM */
/* inicio diente CENTER */
.dentecenter {
    margin:0px !important;
	padding:0px !important;
}
.dentecenter label{
    margin:0px !important;
	padding:0px !important;
}
.dentecenter input[type="checkbox"] {
    display:none;
}
.dentecenter input[type="checkbox"] + label {
    color:#000;
}
.dentecenter input[type="checkbox"] + label span {
    display:inline-block;
    width:38px;
    height:37px;
    vertical-align:middle;
    background:url(imagenes/diente-center-a.png) no-repeat;
    cursor:pointer;
}
.dentecenter input[type="checkbox"]:checked + label span {
    background:url(imagenes/diente-center-b.png) no-repeat;
}
/* fin diente BOTTOM */
/* inicio diente LEFT */
.denteleft {
    margin:0px;
	padding:0px;
}
.denteleft label{
    margin:0px !important;
	padding:0px !important;
}
.denteleft input[type="checkbox"] {
    display:none;
}
.denteleft input[type="checkbox"] + label {
    color:#000;
}
.denteleft input[type="checkbox"] + label span {
    display:inline-block;
    width:38px;
    height:37px;
    vertical-align:middle;
    background:url(imagenes/diente-left-a.png) no-repeat;
    cursor:pointer;
}
.denteleft input[type="checkbox"]:checked + label span {
    background:url(imagenes/diente-left-b.png) no-repeat;
}
/* fin diente LEFT */
/* inicio diente RIGHT */
.denteright {
    margin:0px;
	padding:0px;
}
.denteright label{
    margin:0px !important;
	padding:0px !important;
}
.denteright input[type="checkbox"] {
    display:none;
}
.denteright input[type="checkbox"] + label {
    color:#000;
}
.denteright input[type="checkbox"] + label span {
    display:inline-block;
    width:37px;
    height:37px;
    vertical-align:middle;
    background:url(imagenes/diente-right-a.png) no-repeat;
    cursor:pointer;
}
.denteright input[type="checkbox"]:checked + label span {
    background:url(imagenes/diente-right-b.png) no-repeat;
}
/* fin diente RIGHT */
.tipodonto { font-size:16px; }
.tipodonto label { margin-right:10px; }
kbd {
    padding: 2px 6px !important;
    font-size: 110% !important;
}
.classtxt01 {
    font-size: 18px !important;
    color: black !important;
    background: #f6f442;
    font-weight: 900;
	padding: 4px 10px;
    height: 40px;
}

.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
  padding-left:0px;
  color:#00336f;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 1px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #000;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d10303;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}
#verODONTOGRAMA { min-height:350px; }
.ladientes {
	padding-left: 2px;
	list-style-type:none;
}
.ladientes li {
	border-bottom:1px dotted gray;
	height:20px;
}
.ladientes label {
	cursor:pointer !important;
	cursor:pointer !important;
}
.textarea01	{ min-height:132px; }
.textarea02	{ min-height:60px; }
.zona-servicio { margin-bottom:20px; }
.text-servicio-tit { font-size:20px; }
.text-servicio { font-size:16px; }
.odontodientes { font-size:11px; background-color:#fff;max-width:75px;min-width:70px;height:90px; }
.odontodientes img { max-width:75px; width:100%; padding:1px 3px; min-width:70px; }
.kpserver .panel-title { font-size:14px !important; font-weight:700; }
.kpserver .panel-title a { padding:5px 10px !important; }

.kpserver .label {
    display: inline;
    padding: 2px 6px 2px;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.kpserver .pull-right {
    float: unset !important;
}
.kpserver .label-black {
    background-color: #000 !important;
}
.kpserver .label-redblack {
    background-color: #c00000 !important;
}
.kpserver img {
    margin: 2px !important;
}
.popicono {
	display:block;
}
.bloque-indicaciones {
	display:block;
	position:relative;
	margin:2px 2px;
	border:1px dotted red;
	width:100%;
	padding:6px;
}
.zonadental {
	width:107px !important;
	height:100px !important;
	text-align:center;
	float:left;
	margin-right:5px;
	border:1px dotted gray;
}
.zonavistadiente {
	width:100% !important;
	height:70px !important;
	text-align:center;
}
.zonavistadetalle {
	width:100% !important;
	height:30px !important;
	text-align:center;
}
.zonaTratamiento {
	width:105px;
	height:70px;
	text-align:center
}
.zonaTratamiento  img {
    display:block;
    margin:auto;
	width:70%;
	height:90%;
}
.kpservertable {
    border-collapse: collapse;
	border-spacing: 0;
}
.btn-borrar {
	width:29px;
	height:27px;
	background:#ff0000;
	color:#fff !important;
	font-weight:700;
	float:left;
	padding:2px 4px;
	border-radius: 2px;
	margin-right:2px;
}
.btn-dnro {
	width:43px;
	height:27px;
	background:#000;
	color:#fff !important;
	font-weight:700;
	float:left;
	padding:2px 4px;
	font-size:11px;
	border-radius: 2px;
	margin-right:2px;
}
.kpservertable th, tr, td {
    padding: 0;
}
.modal-contenedor {
	display:inline-block;
}
.modalcomentario {
	padding:10px 10px;
	border:1px dotted gray;
	margin:4px 1px;
	background:#fff;
}
.modalcomentario .body {
	font-size:14px;
	display:block;
}
.modalcomentario .pie {
	font-size:11px;
	text-align:right;
	display:block;
}
/*dentaduras*/
#d11	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:sticky;
	top:40px;
	display:block;
}
#d12	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:sticky;
	top:40px;
	display:block;
}
#d13	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:sticky;
	top:40px;
	display:block;
}
#d14	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:sticky;
	top:40px;
	display:block;
}
#d15	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:sticky;
	top:40px;
	display:block;
}
#d16	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d17	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d18	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
/* bloque derecho */
#d21	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d22	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
}
#d23	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d24	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d25	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d26	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d27	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d28	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
/* bloque inferior izquierdo */
#d41	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d42	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
}
#d43	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d44	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d45	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d46	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d47	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d48	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
/* bloque inferior derecho */
#d31	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d32	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
}
#d33	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d34	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d35	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d36	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d37	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
#d38	{ 
    max-width: 75px;
	height:30px;
    width: 100%;
    padding: 1px 3px;
    min-width: 50px;
    z-index: 999 !important;
	position:initial;
	top:40px;
	display:block;
}
/*fecha nacimiento*/
#pacientenac input {
    position: relative;
    width: 150px; height: 20px;
    color: black;
}

#pacientenac input:before {
    position: absolute;
    top: 3px; left: 3px;
    content: attr(data-date);
    display: inline-block;
    color: black;
}

#pacientenac input::-webkit-datetime-edit, input::-webkit-inner-spin-button, input::-webkit-clear-button {
    display: none;
}

#pacientenac input::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 3px;
    right: 0;
    color: black;
    opacity: 1;
}
.table-inverse .sorting_1 a { color:#fff;}
.indicaciones p { 
	font-size:14px; color:#377c3e;
	padding:0px;
	margin:0px;
}
.indicaciones .pietable-txt { 
	font-size:12px; color:#b3b3b3;
	font-style: italic;
}
.agenda tbody tr td {
    background-color:transparent !important;
}
.usercolor01 {
	background-color:#eeeeee;
}
.usercolor02 {
	background-color:#e4ffe4;
}
.usercolor03 {
	background-color:#e4ebff;
}
.usercolor04 {
	background-color:#ffe4e4;
}
.usercolor05 {
	background-color:#ffffe4;
}
.usercolor06 {
	background-color:#ffe3d0;
}
.usercolor07 {
	background-color:#f5deff;
}
.usercolor08 {
	background-color:#11ECD2;
}
.usercolor09 {
	background-color:#050AA5;
}
.usercolor10 {
	background-color:#110111;
}
.usercolor11 {
	background-color:#6B820E;
}
.select01 {
	font-size: 15px !important;
    padding: 3px;
    display: inline-block;
}
.panel .panel-body .list-group .list-group-item {
    width: 228px !important;
    height: 100px !important;
    float: left !important;
    border: 1px dotted #d8d8d8 !important;
	margin: 0px 4px 4px 0px;
    border-radius: 8px;
	overflow-x: hidden;
	overflow-y: auto;
}
.panel .panel-body .list-group .list-group-item-pac {
    width: 250px !important;
    height: 100px !important;
    float: left !important;
    border: 1px dotted #d8d8d8 !important;
	margin: 0px 4px 4px 0px;
    border-radius: 8px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 5px 10px;
	background:#fff;
}
.subtitulo-servicio {
	font-size:18px;
	font-weight:700;
	line-height: 18px;
}
.titulo-servicio-config {
	font-size:14px;
	font-weight:400;
	line-height: 18px;
	color:#18a3c8;
}
.titulo-servicio-config-op {
	font-size:12px;
	font-weight:400;
	line-height: 18px;
	color:#97c4d0;
}
.bloque-01 {
	padding:5px 10px;
}
.bloque-01 .titulo {
	font-size:15px;
	font-weight:700;
	line-height: 18px;
	color:#373737;
}
.bloque-01 .contenido {
	font-size:13px;
	font-weight:400;
	line-height: 18px;
	color:#737373;
}
.parrafo-ayuda {
	font-size:14px;
	font-weight:400;
	line-height: 18px;
	color:#dc9f9f;
}
.footer-firma-hora { 
	font-size:10px;
	color:#bababa;
}
.footer-firma-hora:hover { 
	color:#5c5c5c;
	cursor:default;
}
.font-small-kpdate { 
	font-size:10px;
	color:#c44b4b;
}
.font-small-kppie { 
	font-size:10px;
	color:#909090;
}
.footer-indicaciones { 
	font-size:12px;
	color:#a1a1a1;
}
.footer-indicaciones-02 { 
	font-size:12px;
	color:#bbbbbb;
}
.kp-textarea {
	min-height:80px;
}
.kp-input-01 {
	padding:3px 6px;
	border:1px solid gray;
	background:#fff;
	max-width:60px;
}
.separador-hr-01 {
    margin-top: 5px;
    margin-bottom: 12px;
    border-top: 1px solid #d6d6d6;
}
.estado-circulo-01 { 
	background-color:#505050;
	padding:2px 6px;
	color:#fff;
	border-radius:10px;
}
.estado-circulo-02 { 
	background-color:#dea300;
	padding:2px 6px;
	color:#fff;
	border-radius:10px;
}
.estado-circulo-03 { 
	background-color:#4fb700;
	padding:2px 6px;
	color:#fff;
	border-radius:10px;
}
.estado-circulo-04 { 
	background-color:#00bec7;
	padding:2px 6px;
	color:#fff;
	border-radius:10px;
}
.estado-circulo-05 { 
	background-color:#e40000;
	padding:2px 6px;
	color:#fff;
	border-radius:10px;
}
.hr-01 {
	margin-top: 4px;
    margin-bottom: 4px;
    border: 0;
    border-top: 1px solid #e1e1e1;
}
#scroll-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#scroll-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#scroll-3::-webkit-scrollbar-thumb
{
	background-color: #000000;
}
#scroll-4::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#scroll-4::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#scroll-4::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
}
.btn-extra {
	font-size:22px;
	border-radius:6px;
	padding: 20px 16px;
	margin-bottom:20px;
}
.btn-tpcliente {
	padding:1px 5px;
}
.iconokp {
	color:#000;
}
.text-mini-01 { 
	font-size:9px;
	color:#515151;
}
.text-mini-02 { 
	font-size:10px;
	color:#929292;
}
.table-agenda-kp td {
	padding:2px !important;
	border: 1px solid #bebebe;
	background:#fff;
	}