html, body {
	color: #00137F;
}

/*TOOLTIP*/

/*.tooltipdemoBasicUsage md-toolbar .md-toolbar-tools .md-button,
.tooltipdemoBasicUsage md-toolbar .md-toolbar-tools .md-button:hover {
  box-shadow: none;
  border: none;
  transform: none;
  -webkit-transform: none; }*/
.divFoto {
	width: 150px;
	height: 150px !important;
}

.imgFoto {
	min-height: 150px;
	max-height: 150px !important;
}

.photo-actions{
	display:flex;
	flex-direction: row;
	width: 150px;
	justify-content:center;
	flex-wrap: wrap;	
}
.photo-actions .btn{
	flex:1;
}
.photo-message{
	display:block;
	margin-top: 1.25rem;
}
.photo-message.error{
	color: #e84118;
}
.photo-message.success{
	color: #2ecc71;
}


#tablePersonalized td{
  
  height:42px;
  
}
/*PRINT*/
@media all and (-ms-high-contrast:none) {
	.fileinput .thumbnail>img {
		max-height: 100px;
	}
	*::-ms-backdrop, .fileinput .thumbnail>img {
		max-height: 100px;
	}
}

@media screen {
	#imprimir1 {
		display: none;
	}
	#imprimir2 {
		display: none;
	}
}

@media print {
	#imprimir2 {
		display: inline;
	}
	#logo {
		visibility: visible;
	}
	#noimprimir {
		display: none;
	}
	#numeritos {
		display: none;
	}
	loginlog {
		display: none;
	}
	#saludoCordial {
		display: none;
	}
}

@media ( min-width : 768px){

.modal-dialog {
	width:700px;
	margin:30px auto;
	

}
}
.pagination {
	margin: 0px;
	opacity: 1;
	/*animation: mymove 4s;*/
}

@keyframes mymove {
	from {opacity: 0;
}

to {
	opacity: 1;
}

}
.pagination-sm {
	margin: 0 auto;
	position: relative;
	/*animation-delay: 2s;*/
	/*visibility: collapse 2s;*/
}

.close-click {
	right: 10px;
	top: 10px;
	position: absolute;
}

.padding0 {
	padding: 0px;
}

#pedidos tbody tr:hover, .selectedRow {
	background-color: #A8C8FF;
	cursor: pointer;
}

#fechaListadoDesde .md-datepicker-input-container, #fechaListadoHasta .md-datepicker-input-container
	{
	margin-left: -10px;
}

.circleBase {
	display: inline-block;
	cursor: default;
	margin-left: 1.5%;
	color: white;
	font-weight: bold;
	font-size: 45px;
	border-radius: 50%;
	padding: 1% 3.5%;
	background-color: #00137F;
	border: 3.5px solid transparent;
}

.btn-panel-selected {
	color: #00137F;
	background-color: white;
	border: 3.5px solid #00137F;
}

col-xs-8.col-xs-offset-2.ng-scope.hidden {
	display: none;
}

/* #panel-container {
    margin: auto;
} */
#bootstrap-overrides .btn-steps {
	color: white;
	background-image: none;
	background-color: #00137F;
}

.centered {
	margin: 0 auto;
}

.fullwidth {
	width: 100%;
}

.md-button.left {
	border-radius: 10px 0 0 10px;
}

.md-button.middle {
	border-radius: 15px 0 0 15px;
	margin-right: 0px;
}

.md-button:not ([disabled] ):hover {
	background-color: rgba(193, 193, 193, 0.96);
	color: rgba(44, 65, 164, 0.96);
	transition: 0.3s;
}

.firstpagefix {
	/* padding: 25px;
    padding-right: 0px;
    margin-bottom: -50px; */
	
}

/*
Copyright 2016 Google Inc. All Rights Reserved. 
Use of this source code is governed by an MIT-style license that can be in foundin the LICENSE file at http://material.angularjs.org/license.
*/
.buttondemoBasicUsage section {
	background: #f7f7f7;
	border-radius: 3px;
	text-align: center;
	margin: 1em;
	position: relative !important;
	padding-bottom: 10px;
}

.buttondemoBasicUsage md-content {
	margin-right: 7px;
}

md-tab-content {
	height: 450px;
}

.buttondemoBasicUsage section .md-button {
	margin-top: 16px;
	margin-bottom: 16px;
}

.buttondemoBasicUsage .label {
	position: absolute;
	bottom: 5px;
	left: 7px;
	font-size: 14px;
	opacity: 0.54;
}

/*
Copyright 2016 Google Inc. All Rights Reserved. 
Use of this source code is governed by an MIT-style license that can be in foundin the LICENSE file at http://material.angularjs.org/license.
*/
.groupX {
	font-size: 16px;
	margin: 20px 0;
	padding: 3px 15px 3px 15px;
	color: rgb(49, 46, 46);
	background-color: rgba(224, 224, 224, 0.96);
	text-transform: none;
	font-weight: 400;
	min-width: 100px;
}

.md-button.left {
	border-radius: 10px 0 0 10px;
}

.md-button.middle {
	border-radius: 0;
	border-left: 1px solid rgba(230, 230, 230, 0.96);
	border-right: 1px solid rgba(230, 230, 230, 0.96);
}

.md-button.right {
	border-radius: 0 10px 10px 0;
}

.md-button:not ([disabled] ):hover {
	background-color: rgba(193, 193, 193, 0.96);
	color: rgb(230, 232, 246);
	transition: 0.3s;
}

.md-button.md-default-theme:not ([disabled] ):hover, .md-button:not ([disabled]):hover{ 
	background-color: rgba(158, 158, 158, 0.2);
}

div.firstpagefix.mod {
	
}

/** Ng Button setting / provincia chooser :D **/
button.md-raised.fixbuttonprovincia.md-button.md-ink-ripple {
	width: 100%;
}

div.cssforlife {
	
}

md-content.layout-padding {
	padding: 15px;
}

ul {
	margin-bottom: 20px;
	overflow: hidden;
}

li {
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
	float: left;
	display: inline;
}

#double li {
	width: 50%;
}


#loginForm .has-error .control-label, #loginForm .has-error .help-block,
	#loginForm .has-error .form-control-feedback {
	color: #f39c12;
}

#loginForm .has-success .control-label, #loginForm .has-success .help-block,
	#loginForm .has-success .form-control-feedback {
	color: #18bc9c;
}

/*
input.form-control.ng-valid-maxlength.ng-invalid.ng-dirty.ng-valid-pars.ng-touched.ng-empty.ng-invalid-required.ng-valid-minlength{
    background: #f39c12;
}


input.form-control.ng-pristine.ng-untouched.ng-empty.ng-valid-minlength.ng-valid-maxlength.ng-invalid.ng-invalid-required {
    background-color: blue;
}
*/

/*
** Ng-Validation
*/
input.form-control.ng-not-empty.ng-dirty.ng-valid-parse.ng-valid-required.ng-valid-minlength.ng-valid.ng-valid-maxlength.ng-touched
	{
	/*background-color: chartreuse; */
	border: 2px solid green;
}

input.form-control.ng-not-empty.ng-valid-required.ng-valid-maxlength.ng-dirty.ng-valid-parse.ng-invalid.ng-invalid-minlength.ng-touched
	{
	border: 2px solid #CF000F;
}

input.form-control.ng-valid-maxlength.ng-not-empty.ng-dirty.ng-valid-required.ng-valid-minlength.ng-touched.ng-valid.ng-valid-email
	{
	border: 2px solid green;
}

input.form-control.ng-valid-maxlength.ng-dirty.ng-touched.ng-invalid.ng-not-empty.ng-invalid-email.ng-valid-required
	{
	border: 2px solid #CF000F;
}

/**/
input.form-control.ng-not-empty.ng-dirty.ng-valid-parse.ng-valid-required.ng-touched.ng-valid-minlength.ng-invalid.ng-invalid-maxlength
	{
	border: 2px solid #CF000F;
}

input.form-control.ng-valid-maxlength.ng-dirty.ng-valid-parse.ng-touched.ng-not-empty.ng-valid-required.ng-valid-minlength.ng-invalid.ng-invalid-pattern
	{
	border: 2px solid #CF000F;
}

input.form-control.ng-valid-maxlength.ng-dirty.ng-valid-parse.ng-invalid.ng-touched.ng-empty.ng-invalid-required.ng-valid-minlength
	{
	border: 2px solid #CF000F;
}

div.container.fixed.ng-scope {
	padding: 5px;
	text-align: left !important;
}

@media ( min-width : 768px) {
	.dl-horizontal dd {
		margin: 0px;
	}
}

label.firstpage {
	margin-left: 16%;
}

/*
NgMaterial NavBar
*/

/*
ng material fab
*/
.fabSpeedDialdemoBasicUsage .text-capitalize {
	text-transform: capitalize;
}

.fabSpeedDialdemoBasicUsage .md-fab:hover, .fabSpeedDialdemoBasicUsage .md-fab.md-focused
	{
	background-color: #000 !important;
}

.fabSpeedDialdemoBasicUsage p.note {
	font-size: 1.2rem;
}

.fabSpeedDialdemoBasicUsage .lock-size {
	min-width: 300px;
	min-height: 300px;
	width: 300px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

/*
NG BETTERNAVBAR
*/
.menuBardemoBasicUsage .page-container {
	padding: 15px;
	background-color: white;
}

.menuBardemoBasicUsage .page {
	margin: 0 auto;
	padding: 24px;
	max-width: 680px;
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.25);
}

.menuBardemoBasicUsage .page h1 {
	text-align: center;
	font-size: 1.8rem;
	margin-top: 0;
	font-weight: normal;
}

.menuBardemoBasicUsage .page p {
	line-height: 1.6rem;
}

/*
Copyright 2016 Google Inc. All Rights Reserved. 
Use of this source code is governed by an MIT-style license that can be in foundin the LICENSE file at http://material.angularjs.org/license.
*/

/*
Flex CSS fixes :D
*/
img.logoflex_size_settings {
	max-width: 700px;
}

button.md-fab.md-primary.md-button.md-ink-ripple.setup {
	text-align: center;
	font-size: 2.8rem;
	margin-top: -1px;
	margin-left: 2px;
	margin-right: 2px;
	font-weight: normal;
	background-color: #2232ab;
	/*blue #2232ab 
      green 
    */
}

button.md-fab.md-primary.md-button.md-ink-ripple.setup.checked {
	color: #00137F;
	background-color: white;
	border: 1.5px solid #00137F;
	/*  background-color: #35b92c; */
}

div.container.fixes {
	width: 100%;
	padding: 20px;
	text-align: center;
}

mdinputcontainer.md-icon-float.ng-scope.md-input-has-value.bigsize {
	font-size: 25px;
}

md-input-container.md-icon-float.bigsize.ng-scope {
	font-family: cursive;
	font-size: large;
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 5px;
}

/*
md-input-container.setup {
    margin: 5px !important;
}
/*

/*
*
*Ng animate css
*/
.example-leave, .example-enter {
	-webkit-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
	-moz-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
	-ms-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
	-o-transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
	transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.example-enter {
	opacity: 0;
}

.example-enter.example-enter-active {
	opacity: 1;
}

.example-leave {
	opacity: 1;
}

.example-leave.example-leave-active {
	opacity: 0;
}

/*
@media (max-width: 768px) {
    .md-button.md-fab {
        line-height: 30px !important;
        height: 50px !important;
        width: 37px !important;
    }
}

@media (max-width: 320px) {
    .md-button.md-fab {
        line-height: 30px !important;
        height: 30px !important;
        width: 32px !important;
        margin-left: -2px !important;
        margin-right: -2px !important;
    }
    h3 {
        margin-top: -15px !important;
    }
}

@media (max-width: 375px) {
    .md-button.md-fab {
        line-height: 30px !important;
        height: 30px !important;
        width: 39px !important;
        margin-left: -2px !important;
        margin-right: -2px !important;
        margin-top: -15px !important;
    }
    h3 {
        margin-top: -15px !important;
    }
}
 */

/*
@media (max-width: 1200px) {
    .col-lg-10 {
        width: 93.8%;
    }
}

@media (max-width: 992px) {
    .col-md-offset-3 {
        margin-left: 27%;
    }
}
*/

/* Css Mobile screen settings */

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait)
	{ /* some CSS here */
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape)
	{ /* some CSS here */
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px) { /* some CSS here */
}

/* #### Nexus s5 #### Portrait or Landscape #### */
@media ( device-height : 731px) and (device-width: 411px) and
	(-webkit-min-device-pixel-ratio: 2) {
	.md-button.md-fab {
		line-height: 30px !important;
		height: 30px !important;
		width: 38px !important;
		margin-left: 1px !important;
		margin-right: 2px !important;
	}
	h3 {
		margin-top: -15px !important;
	}
}

/* Nexus 5x 412px x 732px */
@media ( device-height : 732px) and (device-width: 412px) and
	(-webkit-min-device-pixel-ratio: 2) {
	.md-button.md-fab {
		line-height: 30px !important;
		height: 30px !important;
		width: 38px !important;
		margin-left: 1px !important;
		margin-right: 2px !important;
	}
	h3 {
		font-size: 20px;
		margin-top: -2px;
	}
	h2 {
		font-size: 20px;
		margin-top: -2px;
	}
	p.moresweet {
		font-family: monospace !important;
		font-size: 20px !important;
		margin-top: 14px !important;
		line-height: 1.43851 !important;
	}
	div#sweetbutton.container.fixed {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	div#stylefixsevenpage.container.col-md-10.col-xs-offset-2 {
		margin-left: -15px !important;
	}
}

/* #### Galaxy S.5 #### Portrait or Landscape #### */
@media ( device-height : 640px) and (device-width: 360px) and
	(-webkit-min-device-pixel-ratio: 2) {
	.md-button.md-fab {
		line-height: 20px !important;
		height: 36px !important;
		width: 31px !important;
		margin-left: 1px !important;
		margin-right: 1px !important;
		font-size: 20px !important;
	}
	h3 {
		margin-top: -13px !important;
	}
	h2 {
		font-size: 20px;
		margin-top: -2px;
	}
	p.moresweet {
		font-family: monospace !important;
		font-size: 20px !important;
		margin-top: 14px !important;
		line-height: 1.43851 !important;
	}
	div#sweetbutton.container.fixed {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	div#stylefixsevenpage.container.col-md-10.col-xs-offset-2 {
		margin-left: -15px !important;
	}
}

/* #### Nexus 6p #### Portrait or Landscape #### */
@media ( device-height : 773px) and (device-width: 435px) and
	(-webkit-min-device-pixel-ratio: 2) {
	.md-button.md-fab {
		line-height: 20px !important;
		height: 35px !important;
		width: 42px !important;
		margin-left: 1px !important;
		margin-right: 1px !important;
		font-size: 25px !important;
	}
	h3 {
		margin-top: -13px !important;
	}
}

/* #### IPhone 5 #### Portrait or Landscape #### */
@media ( device-height : 568px) and (device-width: 320px) and
	(-webkit-min-device-pixel-ratio: 2) {
	.md-button.md-fab {
		line-height: 20px !important;
		height: 0px !important;
		width: 28px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		font-size: 21px !important;
	}
}

/* #### IPhone 5 #### Portrait or Landscape #### */
@media ( device-height : 667px) and (device-width: 375px) and
	(-webkit-min-device-pixel-ratio: 2) {
	.md-button.md-fab {
		line-height: 20px !important;
		height: 0px !important;
		width: 35px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		font-size: 23px !important;
	}
	h3 {
		font-size: 20px;
		margin-top: -2px;
	}
	h2 {
		font-size: 20px;
		margin-top: -2px;
	}
	p.moresweet {
		font-family: monospace !important;
		font-size: 20px !important;
		margin-top: 14px !important;
		line-height: 1.43851 !important;
	}
	div#sweetbutton.container.fixed {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	div#stylefixsevenpage.container.col-md-10.col-xs-offset-2 {
		margin-left: -15px !important;
	}
}

/* 412 372


/* #### IPhone 4 #### Portrait or Landscape #### */
@media ( device-height : 480px) and (device-width: 320px) and
	(-webkit-min-device-pixel-ratio: 2) {
	.md-button.md-fab {
		line-height: 0px !important;
		height: 27px !important;
		width: 28px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		font-size: 18px !important;
	}
	.md-toolbar {
		min-height: 1px !important;
		margin-bottom: -50px !important;
	}
	h3 {
		font-size: 20px;
		margin-top: -2px;
	}
	h2 {
		font-size: 20px;
		margin-top: -2px;
	}
	p.moresweet {
		font-family: monospace !important;
		font-size: 20px !important;
		margin-top: 14px !important;
		line-height: 1.43851 !important;
	}
	div#sweetbutton.container.fixed {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	div#stylefixsevenpage.container.col-md-10.col-xs-offset-2 {
		margin-left: -15px !important;
	}
}

/* #### IPhone 6 Plus #### Portrait or Landscape #### */
@media ( device-height : 736px) and (device-width: 414px) and
	(-webkit-min-device-pixel-ratio: 2) {
	.md-button.md-fab {
		line-height: 0px !important;
		height: 27px !important;
		width: 41px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		font-size: 18px !important;
	}
	h3 {
		font-size: 20px;
	}
}

/* #### IPAD #### Portrait or Landscape #### */
@media ( device-height : 1024px) and (device-width: 768px) and
	(-webkit-min-device-pixel-ratio: 2) {
	.md-button.md-fab {
		line-height: 0px !important;
		height: 75px !important;
		width: 85px !important;
		margin-left: 5px !important;
		margin-right: 2px !important;
		font-size: 36px !important;
	}
}

/* #### h3 Setup General Text #### */
@media only screen and (min-width: 0) and (max-width: 959px) and
	(orientation: portrait) {
	md-toolbar {
		min-height: 1px;
		margin-top: -10px;
		margin-bottom: -20px;
	}
	/*
  .md-toolbar-tools {
    height: 56px;
    max-height: 56px; }
*/
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media ( min-device-height : 667px) and (min-device-width: 375px) and
	(-webkit-min-device-pixel-ratio: 3) { /* some CSS here */
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width:
	1024px) { /* some CSS here */
}

/* #### Desktops #### */
@media screen and (min-width: 1024px) { /* some CSS here */
}

@media ( min-width : 1200px) {
	.col-lg-8 {
		width: 75.666667%;
	}
	div.col-md-9.col-md-offset-3.buttons {
		margin: 15px;
	}
}

.pull-right.four {
	margin-right: -15px !important;
}

/*
* Settings for 7 page 
*/
#tablaresumen tbody th:nth-child(2n+1) {
	color: #2f0505;
	width: 156px;
	text-align: left !important;
	font-family: monospace;
}

p.moresweet {
	font-family: monospace;
	font-size: 30px;
	margin-top: 20px;
	line-height: 1.43851;
}

div.fileinput-new.thumbnail {
	background-image: url(../img/noDisponible_es.gif);
	background-size: contain;
}

/* For mobile phones:
[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 600px) {
    /* For tablets:
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: 
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

*/

/* Second page no-more-table */
@media only screen and (max-width: 815px) {
	/* Force table to not be like tables anymore */
	#no-more-tables table, #no-more-tables thead, #no-more-tables tbody,
		#no-more-tables th, #no-more-tables td, #no-more-tables tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#no-more-tables tr {
		border: 1px solid #ccc;
	}
	#no-more-tables td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align: left;
	}
	#no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}
	/*
	Label the data
	*/
	#no-more-tables td:before {
		content: attr(data-title);
	}
		/*MGD 10/09/2020 evita sombreado 'VER DETALLES' salga fuera de fila listado solicitudes*/
	#botonDetalle{
		margin-top: -8px;
	}
	#fechaListadoDesde, #fechaListadoHasta {
		padding-left: 20px;
	}
}
	/*MGD, 10/09/2020 responsive listado crear cita*/
@media only screen and (max-width: 380px) {
	/* Force table to not be like tables anymore */
	#no-more-tables-crear-cita table, #no-more-tables-crear-cita thead, #no-more-tables-crear-cita tbody,
		#no-more-tables-crear-cita th, #no-more-tables-crear-cita td, #no-more-tables-crear-cita tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables-crear-cita thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#no-more-tables-crear-cita tr {
		border: 1px solid #ccc;
	}
	#no-more-tables-crear-cita td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align: left;
	}
	#no-more-tables-crear-cita td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}
	/*
	Label the data
	*/
	#no-more-tables-crear-cita td:before {
		content: attr(data-title);
	}
	#calendarClass{
		margin-left:-15px;
	}
}

@media only screen and (min-width: 380px) {
	#calendarClass{
		margin-left:auto;
		margin-right:auto;
	}
}

.selectedArticle {
	border: 3px solid mediumblue !important;
	/* border-color: mediumblue */
}

/* Angularjs Material Spinner for 7th page */
.progressCirculardemoBasicUsage body {
	padding: 20px;
}

.progressCirculardemoBasicUsage h4 {
	margin: 10px 0;
}

.progressCirculardemoBasicUsage md-progress-circular {
	margin-bottom: 20px;
}

.progressCirculardemoBasicUsage #loaders>md-switch {
	margin: 0;
	margin-left: 10px;
	margin-top: -10px;
}

.progressCirculardemoBasicUsage #loaders>h5 {
	margin-top: 0;
}

.progressCirculardemoBasicUsage #loaders>p {
	margin-right: 20px;
	margin-bottom: 24px;
}

.progressCirculardemoBasicUsage p.small {
	font-size: 0.8em;
	margin-top: -18px;
}

.progressCirculardemoBasicUsage hr {
	width: 100%;
	margin-top: 20px;
	border-color: rgba(221, 221, 177, 0.1);
}

.progressCirculardemoBasicUsage p.small>code {
	font-size: 0.8em;
}

.progressCirculardemoBasicUsage .visible {
	border-color: rgba(221, 221, 177, 0);
}

/* Angularjs Material Spinner css end! */

/*Impedir que los textareas de todo el proyecto se redimensionen*/
textarea {
	resize: none;
}

/*Color cabezera, borde y texto de los paneles*/
/*Bueno
.panel-default > .panel-heading {
    background-image: linear-gradient(#e43939 0%, #c50a0a 100%);
}.panel-default {
    border-color: #a20000;
}.panel-title{
    font-size: 30px;
    color: #ffffff;
}*/
.panel-default>.panel-heading {
	background-image: linear-gradient(rgba(127, 137, 181, 0) 0%,
		rgba(26, 54, 175, 0.27) 100%);
	/*background-image: linear-gradient(rgba(227, 232, 255, 0) 0%, rgb(196, 207, 255) 100%);*/
	/*background-image: linear-gradient(rgba(21, 22, 109, 0.11) 0%, rgba(16, 25, 132, 0.46) 100%);*/
	/*background-image: linear-gradient(rgba(21, 22, 109, 0.11) 0%, rgba(16, 25, 132, 0.61) 100%);*/
	/*background-image: linear-gradient(rgba(194, 0, 0, 0.17) 0%, rgba(194, 0, 0, 0.56) 100%);*/
}

.panel-default {
	border-color: transparent;
}

.panel-title {
	font-size: 30px;
	color: #ffffff;
}

/*Estilo de los botones*/
.btn {
	color: #002576;
	background-image: none;
	background-color: #94a2f1;
	text-shadow: 0 1px 0 #00137f;
}
.btn.sin-fecha{
	background-color: #f39c12;
}

.btn-default:hover, .btn-default:focus {
	color: #00137f;
	background-color: #94a2f1;
}

.panel-heading .btn {
	background: initial;
	border: 1px solid;
	height: 62px;
	border-color: rgb(63, 81, 181);
}

/*Color de filas inpares, mas fuerte, mas color*/
.table-striped>tbody>tr:nth-of-type(odd) {
	/*background-color: rgba(167, 18, 18, 0.06);*/
	/*background-color: rgba(167, 18, 18, 0.03);*/
	background-color: rgba(18, 38, 167, 0.03);
}

/*centrar md-select*/
md-select {
	padding: 4px 2px 1px;
}

.md-select-value {
	padding: 16px 2px 1px;
}

/*Centramos el contenido de las tablas*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th,
	.table>thead>tr>td, .table>thead>tr>th {
	vertical-align: inherit;
}

.table-responsive {
	min-height: none;
	overflow-x: auto;
}

/*botones de busqueda*/
#buscaaar {
	margin-top: 18px;
	height: 42px;
	width: 210px;
	font-size: 20px;
	float: none !important;
}

/*Estilo paginacion*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
	.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
	{
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #3f51b5;
	border-color: #3f51b5;
}

.pagination>li>a, .pagination>li>span {
	color: #3f51b5;
}

/*Estilo de la cabecera (FILTRO)*/
.panel-body {
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-width: 1px;
	/*border-color: rgba(218, 110, 110, 0.66);*/
	/*border-color: rgba(116, 120, 181, 0.69);*/
	/*border-color: rgba(143, 147, 195, 0.66);*/
	border-color: rgb(188, 196, 226);
}

loginlog .row {
	margin-right: 5px;
	margin-top: -5px;
	margin-bottom: -5px;
	margin-left: 5px;
}

#botonFiltros {
	float: right;
	height: 50px;
	background-color: rgba(250, 250, 250, 0);
	font-weight: bold;
	color: rgb(52, 58, 136);
}
/*.modal-content {
	margin: auto;
	width: 80%;
	max-width: 800px;
}*/
.modal-xl{
	width:90%;
	max-width: 900px;
	margin: auto;
}


/*Modal coge mas tama�o*/
@media ( min-width : 768px) {
	#fechaEnmodal {
		border-left: solid;
		border-left-color: rgba(97, 0, 0, 0.33);
	}
	.modal-dialog {
		padding-top: 7%;
		/*width: 90%;*/
		margin: 30px auto;
		/* MGD, 26//06//2019, 18:05, para subir la ventana de disponibilidad del t�cnico */
		top: -8%;
		position: relative;
	}
}
/*Cuando se pone en una linea quitamos el borde*/
@media ( max-width : 992px) {
	#fechaEnmodal {
		border-left: none;
	}
	#fechaEnmodal>center>div {
		margin-top: 35px;
	}
}

h2 {
	font-weight: bolder;
	margin-bottom: 15px;
}
h2.shadow{
	text-shadow: 2px 3px rgba(153, 153, 153, 0.38);
}

h3 {
	/*font-weight: bolder;*/
	text-shadow: 2px 3px rgba(153, 153, 153, 0.38);
}

/*Resumen incidencia*/
@media ( min-width : 768px) {
	.dl-horizontal dt {
		width: auto;
		margin-right: 5px;
	}
}

/*Botones de usuario:*/
#botonesus .md-button {
	height: 0px;
	min-height: 20px;
	width: 17px;
	min-width: 150px;
	font-size: 10px;
	margin: 0px 0px;
	padding: 0px;
	line-height: 20px;
	margin-bottom: -5px;
	color: rgb(255, 255, 255);
	/*background-color: rgb(131, 137, 169);*/
	background-color: rgb(100, 108, 152);
}

@media ( max-width : 640px) {
	#botonesus {
		margin-bottom: 20px;
	}
	#botonesus .md-button {
		margin-bottom: 2px;
	}
}

.md-button.md-accent {
	color: rgb(0, 19, 127);
}

md-tabs md-ink-bar {
	color: rgb(0, 19, 127);
	background: rgb(0, 19, 127);
}

md-content {
	color: rgba(0, 0, 0, 0.87);
	background-color: rgb(255, 255, 255);
}

/*Centramos las tabs:*/
md-pagination-wrapper {
	position: relative !important;
	width: initial;
	margin: 0 auto;
	text-align: center;
}

md-pagination-wrapper .md-tab {
	float: none;
	display: inline-block;
}

md-content {
	display: inline !important;
}

#actuimg, .btn-volver,.btn-volver:hover {
	height: 37px;
	width: 255px;
	color: #ffffff;
	background-image: none;
	background-color: #3f51b5;
	/* text-shadow: 0 1px 0 #ffffff; */
}

.img-thumbnail {
	margin-top: 30px;
}

#newdistr {
	height: 0px;
	min-height: 20px;
	width: 7px;
	min-width: 90px;
	font-size: 10px;
	margin: 0px 0px;
	padding: 0px;
	line-height: 20px;
	color: rgb(255, 255, 255);
	background-color: rgb(100, 108, 152);
}

#volverdistr {
	height: 0px;
	min-height: 20px;
	width: 7px;
	min-width: 190px;
	font-size: 10px;
	margin: 0px 0px;
	padding: 0px;
	line-height: 20px;
	color: rgb(255, 255, 255);
	background-color: rgb(100, 108, 152);
}

md-tab-content {
	height: auto !important;
}

#divancho img {
	Width: 100%;
}

.photo-comment {
	/*display: inline-block;*/
}

.sol-enviada-07{
	border: 2px solid rgb(100, 108, 152);
	border-radius: 4px;
	padding: 6px;
	font-weight: bold;
}

.info-campos-required{
	margin: 5px 0;
}

p span.required, label span.required{
	margin-left: 0.25em;
	color: red;
}

.radialRespSm {
	display: none;
}

.resumenTdWrap {
	width: auto; 
	word-wrap: break-word; 
	white-space: normal; 
	word-break: break-all;
}

@media screen and (max-width: 380px) {
	.radialRespSm {
		display: inline;
	}
	.radialRespLg {
		display: none;
	}
}