body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #495057;
}
h6{
	color:#ff7a59;
}
/*navs*/
#myTab .nav-link{
	display: block;
    padding: 3px 8px;
    margin-right: 5px;
    border: solid 1px #aaa;
    border-radius: 3px;
	font-size: 14px;	
}
.cont-registros{
	border:solid 1px #ddd;
	padding:15px;
	margin-bottom:15px;
}
.btn-group-lg>.btn, .btn-lg {
    font-size: 1rem !important;
}
.tab-pane{
	/*max-height:480px;*/
	overflow:auto;
}
/*bootstrap*/
.badge {
    font-size: 100%;
    font-weight: 100;
    padding: 2px 5px;
    border: solid 1px transparent;
    border-radius: 18px;
}
.spinner-grow {
    width: 1rem !important;
    height: 1rem !important;
}
form label {
    color: #495057 !important;
	font-weight: 600 !important;
	margin-bottom: 0 !important;
}
.custom-switch .custom-control-label::after{
    margin-top: -1px;
}
.custom-switch .custom-control-label::before{
    margin-top: -1px;
}
.alert {
    padding: .75rem 3% !important;
	margin-right:5px;
}
.hr-bd {
    margin-bottom: 1.5rem;
    border-top: 3px double rgba(0,0,0,.1) !important;
}
.img-thumbnail {
	padding: .1rem;
    background-color:transparent !important;
    max-width: 200% !important;
}
.img-thumbnail:hover {
	border-color:#000;
}
/*forms*/
.form{
    padding: 15px 5px;
    border: double 3px;
    border-color: gainsboro;
    margin: 0px;
	margin-bottom:20px;
}
#search-form0{
    padding: 0;
    border: none;
    border-color: none;
    margin: 0px;
	margin-bottom:20px;
}
input, select, textarea, btn, .select2, input:focus, select:focus, .select2:focus, textarea:focus, btn:focus, select:hover, select:active, .select2:active{
	display:block;
	border:none !important;
	border-bottom:solid 1px #bbb !important;
	background-color:transparent !important;
	border-radius:0 !important;
	padding: .375rem .0rem !important;
	padding-left:0 !important;
    outline:none !important;
    outline-width:0 !important;
    box-shadow:none !important;
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
	-ms-touch-action:none !important;
	-webkit-appearance:none !important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    display: inline-block !important;
}
.select2-selection{
    outline:none !important;
    outline-width:0 !important;
    box-shadow:none !important;
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
	-ms-touch-action:none !important;
	-webkit-appearance:none !important;
}
select option:hover {
	background-color:transparent !important;
	background:none !important;
}
#form-hilo-cont{
	display:none;
}
input:focus, input.form-control:focus {
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
/*table*/
table{
	font-size:14px !important;
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #ddd;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
	display:none;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
	display:none;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 10px;
}
.table td{
    padding: 4px 8px !important;
    vertical-align: sub;
}
.calendar td{
    padding: 5px 2px !important;
	border-left: solid 1px #dee2e6;
	border-bottom: solid 2px #000 !important;
}

.calendar-event td{
    max-width: 45px;
}

.table thead th {
    border-bottom:none !important;
	border-top:none !important;
}
td, th{ 
	white-space:pre; 
}
.table-responsive label {
    display: inline-block;
    margin-bottom: 10px;
    font-weight: 300;
}
tbody td, thead th{
    padding: 0.7em 0.3em !important;
    vertical-align: middle !important;
}
.ui-datepicker-calendar tbody td {
    padding: 2px 2px !important;
}
td .show{
	background-color:#f9f9f9;
	padding:10px !important;
	margin-bottom:40px !important;
	border: solid 1px #bbb !important;
}
/*links*/
a, .btn-link{
	cursor: pointer;
	color:darkslateblue;
	font-weight:100;
	text-decoration:none !important;	
}
a:hover, .popover-item:hover{
	color: #000 !important;	
}
.nav-link:hover{
	color:#ff7a59 !important;
}
.btn-outline-info:hover, .btn-outline-success:hover, .btn-outline-dark:hover {
    color: #FFF !important;
}
a .fas, a .far{
	font-size:20px;
}
.fa-lock-open, .fa-lock, .icon-borrar, .fa-check, .fa-check-double, .fa-clock{
	font-size: 10px !important;	
}
input[type="checkbox"], input[type="radio"]{
	position: absolute;
	right: 9000px;
}
/**/
.ui-datepicker-calendar {
	/*display: none;*/
}
/*Check box*/
input[type="checkbox"] + .label-text:before{
	content: "\f096";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}
input[type="checkbox"]:checked + .label-text:before{
	content: "\f14a";
	color: #2980b9;
	animation: effect 250ms ease-in;
}
input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}
input[type="checkbox"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}
/* The radio */
.radio {
    display: block;
    position: relative;
    padding-left: 18px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
/* Hide the browser's default radio button */
.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom radio button */
.checkround {
    position: absolute;
    top: 4px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: #fff ;
    border-color:#f8204f;
    border-style:solid;
    border-width:2px;
    border-radius: 50%;
}
/* When the radio button is checked, add a blue background */
.radio input:checked ~ .checkround {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkround:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */
.radio input:checked ~ .checkround:after {
    display: block;
}
/* Style the indicator (dot/circle) */
.radio .checkround:after {
    left: 1px;
    top: 1px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background:#bbb;
}
/* The check */
.check {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    padding-right: 15px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default checkbox */
.check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff ;
    border-color:#f8204f;
    border-style:solid;
    border-width:2px;
}
/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
    background-color: #fff  ;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.check .checkmark:after {
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid ;
    border-color:#f8204f;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cust-btn{
	margin-bottom: 10px;
	background-color: #f8204f;
	border-width: 2px;
	border-color: #f8204f;
	color: #fff;
}
.cust-btn:hover{	
	border-color: #f8204f;
	background-color: #fff;
	color: #f8204f;
	border-radius: 20px;
	transform-style: 2s;
}

.a-calendar{
    border: solid 1px #eee;
    padding: 1px 4px;
    border-radius: 5px;
}

.a-calendar:hover{
    border: solid 1px #999;
    color: #000 !important;
    padding: 1px 2px;
}

.a-calendar i:hover{
    color: #000 !important;
}

b, strong {
    font-weight: bold;
}

@media (min-width: 1200px);
.container {
    max-width: 1280px;
}