@media screen {

	.noDesktop {display:none;}

	.menuVector > div {display:none;}
	.menuVector-content { overflow: auto; font-size: 14px !important; }
	.menuVector-content .la , .menuVector-content .las , .menuVector-content .lab { font-size: 18px !important; }
	.menuVector-content .fi { padding-right: 2px; }
	.btnMenu { z-index: 1031; }
	.menuVector a { color: inherit; display: block; }
	.menuVector a:hover { text-decoration: none; }

	.menuVector li a { color: inherit !important; clear: none; white-space: normal; min-height: 40px; }
	.menuVector .dropdown-menu>li>a:hover { background-color: transparent; }

	.fixed {position:fixed;}
	.absolute {position:absolute;}

	.top5 {top:5px;}
	.left5 {left:5px;}
	.right5 {right:5px;}
	.right3 {right:3px;}

	.flLeft {float:left;}
	.flRight {float:right;}

	.sinMargin {margin:0;}
	.marginTop10 {margin-top:10px;}
	.marginTop20 {margin-top:20px;}
	.marginTop40 {margin-top:40px;}
	.marginBottom10 {margin-bottom:10px;}
	.marginBottom60 {margin-bottom:60px;}

	.sinPadding { padding: 0; }
	.paddingBottom15 { padding-bottom: 15px; }
	.paddingBottom25 { padding-bottom: 25px; }
	.paddingTop15 { padding-top: 15px; }
	.paddingLat15 { padding-left: 15px; padding-right: 15px; }

	.clearer {clear:both;}

	.txtGrande {font-size: 28px;}
	.txtMediano {font-size:16pt;}
	.txtSmall {font-size: 10px;}
	.txtXSmall {font-size: 8px;}
	.txtBold { font-weight: bold; }

	.text-strike { text-decoration:line-through; }

	.ucase {text-transform:uppercase;}

	.thumbnail {width:200px; height:auto; margin:10px 0;}
	.thumbnailChico {width:100px; height:auto; margin:0;}
	.clickable {cursor:pointer;}
	th.clickable:hover {color:#0056b3;}

	.modal-xl { max-width: 90%; }

	.frmVertical .col-form-label { display: block; }
	.col-form-label { /* display: block; */ font-weight: bold; text-align: right; }
	.form-check-label { font-weight: bold; }
	.labelCheck {display:block; cursor:pointer; font-weight:normal;}

	.jumbotron {
		padding: 5px 0;
		margin: 0;
		-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
	}

	.modal-header {
		-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
		box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
		border-radius: 6px 6px 0 0;
		background-color: #eeeeee;
	}

	.modal-title {
		font-weight: bold;
	}

	.jumbotron .logo {
		height:50px;
		width:auto;
		vertical-align: -80%;
		max-width: 60%;
	}
	.jumbotron .titulo {
		font-size: 28px;
		display: inline-block;
		/* height: 50px; */
		margin: 0 15px;
	}
	.jumbotron .container-fluid div {
		height: 50px;
	}

	.container-fluid:not(.cfSinPadding) {padding-left: 45px;}
	body > .container-fluid {padding-bottom: 60px;}

	form.frmObjeto { display: none; }

	form.frmobjeto input[type="time"]::-webkit-calendar-picker-indicator {
		background: none;
	}

	.form-group { clear:both; margin-left:0 !important; margin-right:0 !important; }

	.form-group-inline { padding-right: 1vw; float:left; clear:none; }
	.form-group-break-inline { padding-right: 1vw; float:left; clear:both; }

	.form-group2 { width:50%; float:left; clear:none; max-width: none; flex: none; }
	.form-group2 label { width:34%; padding-right:19px; max-width: none; flex: none; }
	.form-group2 .labelCheck { width:100%; height:30px; padding-top:3.5px; }
	.form-group2 > div { width:66%; z-index:1; padding:0 15px 0 11px; max-width: none; flex: none; }

	.form-group3 { width:33.33%; float:left; clear:none; max-width: none; flex: none; }
	.form-group3 label { width:50%; padding-right:15px; max-width: none; flex: none; }
	.form-group3 > div { width:50%; z-index:1; padding:0 15px; max-width: none; flex: none; }

	.bootstrap-select.form-control-sm .dropdown-toggle { border: 1px solid #ced4da; }

	.children {clear:both;}

	.alert {margin-top: 10px;}

	.prnFooter { font-size:12px; text-align:center; padding: 5px 0; position:fixed; bottom: 0; width: 100%; z-index: 2; background-color: #f5f5f5; border: 1px solid #e3e3e3; }
	.prnFooter img { width:100px; }

	.border-bottom {border-bottom: 1px solid #CCC; print-color-adjust: exact; -webkit-print-color-adjust: exact;}
	.border-bottom2 {border-bottom: 1px dotted #CCC; print-color-adjust: exact; -webkit-print-color-adjust: exact;}
	.bordered {border: 1px dotted #CCC; print-color-adjust: exact; -webkit-print-color-adjust: exact;}

	.invColor {background-color:black; color:white; print-color-adjust: exact; -webkit-print-color-adjust: exact;}

	.prnHeaderImg {width:150px; height:auto;}

	.divPreview { max-width: 90%; float: left; }
	.divPreview > .thumbnail { padding: 4px; border: 1px solid #dddddd; border-radius: 4px; margin: 0 5px 0 0; height: 150px; width: auto; max-width: 100%; }

	.btn-circle {
		width: 30px;
		height: 30px;
		text-align: center;
		padding: 6px 0;
		font-size: 12px;
		line-height: 1.428571429;
		border-radius: 15px;
	}

	.btn-circle.btn-lg {
		width: 50px;
		height: 50px;
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.33;
		border-radius: 25px;
	}

	.btn-circle.btn-xl {
		width: 70px;
		height: 70px;
		padding: 10px 16px;
		font-size: 24px;
		line-height: 1.33;
		border-radius: 35px;
	}

	#backToTop {
		display: none;
		position: fixed;
		bottom: 45px;
		right: 0;
		font-size: 25px;
		opacity: 0.6;
	}

	.dtpPickerTime thead { visibility: hidden !important; }
	.dtpPickerTime th { visibility: hidden !important; }

	.table td.fit,
	.table th.fit {
		white-space: nowrap;
		width: 1%;
	}

	.table-hover tbody tr:hover {
		background-color: rgba(81, 165, 255, 0.25);
	}

	.ddmAcciones .dropdown-item.active, .ddmAcciones .dropdown-item:active {
		background-color: #0056b3cc;
		color: white !important;
	}

	input[id^="chkSelect-"] {
		cursor: pointer;
	}

	.filter-option-inner-inner { text-transform: uppercase; }

	/* LOGIN PAGE */
	.bg-apple {
		height: 100%;
		background-size: cover;
		background-repeat: no-repeat;
		background: rgb(255,255,255);
		background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(168,168,168,1) 76%);
	}

	.bg-apple body {
		background-color: transparent;
	}

	.bg-apple .prnFooter {
		background-color: transparent !important;
		border: none;
		padding-bottom: 10px;
	}

	#frmLogin > div {
		position: absolute;
		left: 0;
		right: 0;
		top: 45vh;
		margin-left: auto;
		margin-right: auto;
		max-width: 1280px;
	}

	#frmLogin #divAlerts {
		margin-top: -10vh;
	}

	#frmLogin .form-control {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.eyePassword {
		color: black;
		position: absolute;
		right: 2em;
		top: 0.75em;
		cursor: pointer;
	}

	/* INPUT FILE CONTROL */
	::-webkit-file-upload-button {
		height: 18px;
	}

	input[type="file"] {
		padding-top: 1px;
		padding-bottom: 1px;
	}

	/* HTML SWITCH */
	.switch {
		position: relative;
		display: inline-block;
		width: 30px;
		height: 17px;
		margin-top: 3px;
		margin-bottom: 0;
	}

	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

	.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: .4s;
		transition: .4s;
	}

	.slider:before {
		position: absolute;
		content: "";
		height: 13px;
		width: 13px;
		left: 2px;
		bottom: 2px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

	input:checked + .slider {
		background-color: var(--primary);
	}

	input:focus + .slider {
		border: 1px solid var(--primary);
		box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
		/* box-shadow: 0 0 0 0.2rem var(--primary); */
	}

	input:checked + .slider:before {
		-webkit-transform: translateX(13px);
		-ms-transform: translateX(13px);
		transform: translateX(13px);
	}

	/* Rounded sliders */
	.slider.round {
		border-radius: 17px;
	}

	.slider.round:before {
		border-radius: 50%;
	}

	.overflow-ellipsis {
		text-overflow: ellipsis;
		max-width: 300px;
		white-space: nowrap;
		overflow: hidden;
	}

	.ellipsis:after {
		overflow: hidden;
		display: inline-block;
		vertical-align: bottom;
		-webkit-animation: ellipsis steps(4,end) 900ms infinite;
		animation: ellipsis steps(4,end) 900ms infinite;
		content: "\2026"; /* ascii code for the ellipsis character */
		width: 0px;
	}
	@keyframes ellipsis {
		to {
			width: 1.25em;
		}
	}
	@-webkit-keyframes ellipsis {
		to {
			width: 1.25em;
		}
	}

}

@media screen and (max-width:768px) {
	.noDesktop {display:inherit;}
	.noMobile {display:none;}

	.jumbotron .row {text-align: center;}
	.jumbotron .titulo {margin: 0; font-size: 20px; height: inherit;}

	.container-fluid:not(.cfSinPadding) {padding-left: 15px;}

	#frmLogin > div { top: 43vh; }

	.form-group2 {width:auto; display:block; float:none;}
	.form-group2 label {width:auto;}
	.form-group2 > div {width:auto;}

	.form-group3 {width:auto; display:block; float:none;}
	.form-group3 label {width:auto;}
	.form-group3 > div {width:auto;}

	.col-form-label { text-align: inherit; }

	div[data-notify] {
		right: 0 !important;
	}

	.fancybox-slide--iframe {
		padding: 0;
	}

	.fancybox-close-small {
		top: 0 !important;
	}
}

@page {
	margin:10px 20px;
}

@media print {
	html, body {
		/* width: 100%; */
		/* height: 100%; */
		margin: 0;
		padding: 0;
	}

	form.frmObjeto, form.frmSearch, .menuVector, .btnMenu, .jumbotron, button, .noPrn {display:none !important;}

	.container-fluid {padding-left: 15px;}

	.clearer {clear:both;}

	.border-bottom {border-bottom: 1px solid #CCC; print-color-adjust: exact; -webkit-print-color-adjust: exact;}
	.border-bottom2 {border-bottom: 1px dotted #CCC; print-color-adjust: exact; -webkit-print-color-adjust: exact;}
	.bordered {border: 1px dotted #CCC; print-color-adjust: exact; -webkit-print-color-adjust: exact;}

	.txtSmall {font-size: 10px;}
	.txtXSmall {font-size: 8px;}
	.txtWhite {color:white !important;}
	.ucase {text-transform:uppercase;}

	.flLeft {float:left;}

	.marginTop10 {margin-top:10px;}
	.marginTop20 {margin-top:20px;}
	.marginTop40 {margin-top:40px;}

	.invColor {background-color:black !important; color:white !important; print-color-adjust: exact; -webkit-print-color-adjust: exact;}

	.prnHeader {position:absolute; top:0; width:100%;}
	.prnHeaderImg {position:absolute; top:0; width:150px; height:auto;}

	.prnFooter { position:absolute; bottom:0; width:100%; font-size:12px; text-align:center; padding:10px 0 0 0;}
}