/* General Styles */

.hidden {
    display: none;
}

.toast > .toast-message {
	font-size: 1rem;
	font-weight: 500;
}
.toast > .toast-message > span.message {
}
.toast > .toast-message > ul {
	font-size: .94rem;
	font-weight: 300;
	margin-top: 8px;
	padding-left: 20px;
}

.toast-top-center,
.toast-top-full-width {
    top: 15px;
}

.modal .modal-title {
    text-transform: uppercase;
}


/* fix multiple modal backdrop and scroll */

.modal-backdrop {
    visibility: hidden !important;
}

.modal:after {
    content: "";
    display: block;
    background: rgba(0,0,0, .5);
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
} 

.modal-dialog{
    z-index: 1051;
}

.modal-backdrop{
    z-index: 1050;
}

.modal{
    overflow-y: auto !important;
}

/* hidden body scroll when modal is opened */
body.modal-open {
    overflow: hidden !important;
}

/* fix multiple modal backdrop and scroll */


.kt-user-card {
    background-color: #484b74;
}

.kt-timeline-v2:before {
    content: "";
    position: absolute;
    left: 7.85rem;
    width: .214rem;
    top: 5px;
    bottom: 5px;
    height: calc(100% - 5px);
    background-color: #e7e9f5;
}
.kt-font-default {
    color: #929296 !important;
}

input.controlDatepicker {
    cursor: pointer;
}

.dataTables_wrapper .dataTable .actions-column {
    text-align: center;
}

.dataTables_wrapper .dataTable .filter th .btn + .btn,
.dataTables_wrapper .dataTable .filter td .btn + .btn {
    margin-top: 0;
}

.dataTables_wrapper .dataTable .filter th .btn {
    padding: 0.5rem 0.6rem;
    margin-right: 0.5rem;
}
.dataTables_wrapper .dataTable .filter th .btn:last-child {
    margin-right: 0;
}

.dataTables_wrapper .dataTable .filter th .btn.btn-sm i,
.dataTables_wrapper .dataTable .filter th .btn-group-sm > .btn i {
    margin-right: 0;
}

.fileuploader-items .fileuploader-item.file-has-popup,
.fileuploader-items .fileuploader-item.upload-successful {
    background: rgba(120,155,236,.1);
}

input[readonly]:not(.form-control-file):not(.date-range-picker):not(.controlDatepicker):-moz-read-only {
	/* For Firefox */
	pointer-events: none;
	touch-action: none;
	background-color: #F7F8FA;
	border-color: #74788E;
}

input[readonly]:not(.form-control-file):not(.date-range-picker):not(.controlDatepicker):read-only {
	pointer-events: none;
	touch-action: none;
    background-color: #F7F8FA;
	border-color: #74788E;
}

@media (max-width: 1024px) {
    .kt-subheader--enabled .kt-content {
        padding-top: 0;
    }
}

@media (min-width: 1025px) {
    .kt-header {
        height: 60px;
    }
    .kt-header--fixed.kt-subheader--fixed.kt-subheader--enabled .kt-wrapper {
        padding-top: 120px;
    }
    .kt-header--fixed.kt-subheader--fixed .kt-subheader {
		height: 54px;
		top: 60px;
	}
	.kt-header-menu .kt-menu__nav>.kt-menu__item .kt-menu__submenu.kt-menu__submenu--classic {
		padding: 10px 0;
	}
}

@media (min-width: 1024px) {
    .modal-xxl {
        max-width: 1100px;
    }
}


/* Pulsate Effect */

.pulsate {
	margin: 10px;
	transform: scale(1);
}
.pulsate.pulsate-black {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	animation: pulse-black 2s infinite;
}
.pulsate.pulsate-white {
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
	animation: pulse-white 2s infinite;
}
.pulsate.pulsate-red {
	box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
	animation: pulse-red 2s infinite;
}
.pulsate.pulsate-orange {
	box-shadow: 0 0 0 0 rgba(255, 121, 63, 1);
	animation: pulse-orange 2s infinite;
}
.pulsate.pulsate-yellow {
	box-shadow: 0 0 0 0 rgba(255, 177, 66, 1);
	animation: pulse-yellow 2s infinite;
}
.pulsate.pulsate-blue {
	box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
	animation: pulse-blue 2s infinite;
}
.pulsate.pulsate-green {
	box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
	animation: pulse-green 2s infinite;
}
.pulsate.pulsate-purple {
	box-shadow: 0 0 0 0 rgba(142, 68, 173, 1);
	animation: pulse-purple 2s infinite;
}

@keyframes pulse-black {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
@keyframes pulse-white {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}
@keyframes pulse-red {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
	}
}
@keyframes pulse-orange {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
	}
}
@keyframes pulse-yellow {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
	}
}
@keyframes pulse-blue {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
	}
}
@keyframes pulse-green {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
	}
}
@keyframes pulse-purple {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0.7);
	}
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(142, 68, 173, 0);
	}
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(142, 68, 173, 0);
	}
}


/* Responsive Styles */

/* xs */
@media (max-width: 767px) {
}

/* sm, md, lg, ... */
@media (min-width: 768px) {
}

/* md, lg, ... */
@media (min-width: 992px) {
}

/* lg, ...  */
@media (min-width: 1200px) {
}

@media (max-width: 325px) {
	.kt-header-menu-wrapper, .kt-aside {
		width: 75%!important;
	}

	.kt-header-mobile, .kt-header__topbar{
		position: absolute !important;
	}

	.kt-grid__item {
		padding: 8.5px 0px 0px 0px !important;
	}

	li.next, li.previous {
		display: none !important;
		min-width: 100% !important;

	}

	.kt-footer {
		padding: 15px 0px !important
	}
}

@media (max-width: 400px) {
	.swal2-confirm, .swal2-cancel {
		min-width: 100% !important;
	}
}

/* Ajutar padding del DT */

.table td {
	padding: .5rem !important;
}

.btn-group-sm>.btn.btn-icon, .btn.btn-icon.btn-sm {
    height: 2rem;
    width: 2rem;
}

.table thead td, .table thead th {
    padding-bottom: 1rem !important;
	padding-top: 1rem !important;
}

table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc {
    padding-right: 20px !important;
}

/* Checkbox and Radiobutton (disable, readonly) */
.kt-checkbox.kt-checkbox--solid.kt-checkbox--brand.kt-checkbox--disabled>input[disabled]~span, .kt-checkbox.kt-checkbox--solid.kt-checkbox--brand.kt-checkbox--readonly>input[readonly]~span, .kt-radio.kt-radio--solid.kt-radio--brand.kt-radio--disabled>input[disabled]~span, .kt-radio.kt-radio--solid.kt-radio--brand.kt-radio--readonly>input[readonly]~span {
	border-color: #414664 !important;
}

.kt-checkbox.kt-checkbox--solid.kt-checkbox--brand.kt-checkbox--disabled>input[disabled]~span:after, .kt-checkbox.kt-checkbox--solid.kt-checkbox--brand.kt-checkbox--readonly>input[readonly]~span:after, .kt-radio.kt-radio--solid.kt-radio--brand.kt-radio--disabled>input[disabled]~span:after, .kt-radio.kt-radio--solid.kt-radio--brand.kt-radio--readonly>input[readonly]~span:after {
	border-color: #F7F8FA !important;
}

.kt-checkbox.kt-checkbox--disabled, .kt-radio.kt-radio--disabled {
	cursor: not-allowed;
	opacity: .7;
}

.kt-radio.kt-radio--readonly, .kt-checkbox.kt-checkbox--readonly {
	pointer-events: none;
	touch-action: none;
	opacity: .7;
}

/* Select2 readonly */
select[readonly].select2-hidden-accessible + .select2-container {
	pointer-events: none;
	touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
	background: #F7F8FA;
	border-color: #74788E;
	pointer-events: none;
	box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
	display: none;
}

/* Select2 remove arrow and clear on disabled */
select[disabled].select2-hidden-accessible + .select2-container.select2-container--disabled .select2-selection__arrow, select[disabled].select2-hidden-accessible + .select2-container.select2-container--disabled .select2-selection__clear {
	display: none;
}

/* Fileuploader readonly and disabled */
input[readonly].form-control-file + .file-input *, input[readonly].form-control-file + .file-input + .alert.alert-secondary + .fileuploader-items *, input[disabled].form-control-file + .file-input *, input[disabled].form-control-file + .file-input + .alert.alert-secondary + .fileuploader-items *, input[readonly].form-control-file + .file-input + .alert.alert-secondary *, input[disabled].form-control-file + .file-input + .alert.alert-secondary * {
	pointer-events: none;
	touch-action: none;
}

input[disabled].form-control-file + .file-input, input[disabled].form-control-file + .file-input + .alert.alert-secondary + .fileuploader-items, input[disabled].form-control-file + .file-input + .alert.alert-secondary {
	cursor: not-allowed;
}

input[readonly].form-control-file + .file-input, input[readonly].form-control-file + .file-input + .alert.alert-secondary + .fileuploader-items, input[readonly].form-control-file + .file-input + .alert.alert-secondary {
	pointer-events: none;
	touch-action: none;
}

input[readonly].form-control-file + .file-input>.form-control, input[disabled].form-control-file + .file-input>.form-control {
	background: #F7F8FA;
    border-color: #74788E;
}

/* Textarea readonly */
textarea[readonly].form-control {
	pointer-events: none;
	touch-action: none;
    background-color: #F7F8FA;
	border-color: #74788E;
	resize: none;
	overflow:hidden;
}

/* Datepiker readonly and disabled */
input.controlDatepicker.readonly-datepicker {
	pointer-events: none;
	touch-action: none;
    background-color: #F7F8FA;
	border-color: #74788E;
}

input[disabled].controlDatepicker {
	cursor: not-allowed;
	border-color: #74788E;
}

/* DateRangePicker readonly and disabled */
input.date-range-picker.readonly-daterangepicker {
	pointer-events: none;
	touch-action: none;
    background-color: #F7F8FA;
	border-color: #74788E;
}

input[disabled].date-range-picker {
	cursor: not-allowed;
	border-color: #74788E;
}

/* datatable right scroll */
div.scroll-x {
	overflow-x: auto !important;
}

.table-min-width {
	min-width: 494px;
}

@media (min-width: 768px) {
	.kt-portlet__head.kt-portlet__head--lg>.kt-portlet__head-toolbar>.kt-portlet__head-wrapper>.kt-portlet__head-actions>a.btn, .kt-portlet__head.kt-portlet__head--lg>.kt-portlet__head-toolbar>.kt-portlet__head-wrapper>.kt-portlet__head-actions>.dropdown.dropdown-inline {
		margin-top: 0px;
	}
}

@media (max-width: 768px) {
	/* resize elements within modal */

	/* Modal views 1 */
	.modal-body>.kt-scroll>.row>.col-xl-12.col-md-12.col-sm-12.col-12>#renderedContent>.form-group {
		flex-direction: column
	}

	.modal-body>.kt-scroll>.row>.col-xl-12.col-md-12.col-sm-12.col-12>#renderedContent>.form-group>.col-3, .modal-body>.kt-scroll>.row>.col-xl-12.col-md-12.col-sm-12.col-12>#renderedContent>.form-group>.col-9 {
		max-width: 100%;
	}

	.modal-body>.kt-scroll>.row>.col-xl-12.col-md-12.col-sm-12.col-12>#renderedContent>.form-group>.col-3 {
		text-align: left !important;
	}

	/* Modal views 2 */
	.modal-body>.form-group {
		flex-direction: column
	}

	.modal-body>.form-group>.col-3, .modal-body>.form-group>.col-9 {
		max-width: 100%;
	}

	.modal-body>.form-group>.col-3 {
		text-align: left !important;
	}

	/* Modal initplugins */
	.modal-body>.row>.col-xl-12.col-md-12.col-sm-12.col-12>#renderedContent>form>.form-group {
		flex-direction: column
	}

	.modal-body>.row>.col-xl-12.col-md-12.col-sm-12.col-12>#renderedContent>form>.form-group>.col-3, .modal-body>.row>.col-xl-12.col-md-12.col-sm-12.col-12>#renderedContent>form>.form-group>.col-9 {
		max-width: 100%;
	}

	.modal-body>.row>.col-xl-12.col-md-12.col-sm-12.col-12>#renderedContent>form>.form-group>.col-3 {
		text-align: left !important;
	}
}

@media (min-width: 426px) {
	/* Head datatable */
	.kt-portlet__head.kt-portlet__head--lg>.kt-portlet__head-toolbar>.kt-portlet__head-wrapper>.kt-portlet__head-actions>a.btn, .kt-portlet__head.kt-portlet__head--lg>.kt-portlet__head-toolbar>.kt-portlet__head-wrapper>.kt-portlet__head-actions>.dropdown.dropdown-inline {
		margin-left: 10px;
		margin-top: 5px;
	}

	.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child {
		padding-left: 10px !important;
	}
}

@media (max-width: 425px) {
	/* Head DataTable */
	.kt-portlet.kt-portlet--mobile>.kt-portlet__head.kt-portlet__head--lg {
		flex-direction: column;
	}

	.kt-portlet__head.kt-portlet__head--lg>.kt-portlet__head-toolbar {
		padding-right: 0;
		padding-left: 10px;
		display: block;
		width: 100%;
	}

	.kt-portlet__head.kt-portlet__head--lg>.kt-portlet__head-toolbar>.kt-portlet__head-wrapper{
		width: 100%;
	}

	.kt-portlet__head.kt-portlet__head--lg>.kt-portlet__head-toolbar>.kt-portlet__head-wrapper>.kt-portlet__head-actions {
		flex-direction: column;
		width: 100%;
	}

	.kt-portlet__head.kt-portlet__head--lg>.kt-portlet__head-toolbar>.kt-portlet__head-wrapper>.kt-portlet__head-actions>a.btn,  .kt-portlet__head.kt-portlet__head--lg>.kt-portlet__head-toolbar>.kt-portlet__head-wrapper>.kt-portlet__head-actions>.dropdown.dropdown-inline {
		margin-top: 10px;
		width: 100%;
	}

	.kt-portlet__head.kt-portlet__head--lg>.kt-portlet__head-toolbar>.kt-portlet__head-wrapper>.kt-portlet__head-actions>.dropdown.dropdown-inline>.btn.btn-default, .kt-portlet__head.kt-portlet__head--lg>.kt-portlet__head-toolbar>.kt-portlet__head-wrapper>.kt-portlet__head-actions>.dropdown.dropdown-inline>.dropdown-menu {
		width: 100%;
	}

	/* Wizard buttons */
	.kt-wizard-v3__content + .kt-form__actions>.btn {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}

	/* resize buttons modal */
	.modal-footer>.btn {
		width: 100%;
	}
}

@media (min-width: 1024px) {
	/* Head DataTable */
    .kt-portlet.kt-portlet--mobile>.kt-portlet__head.kt-portlet__head--lg {
		padding: 25px;
	}
}

@media (max-width: 1024px) {
	/* Head DataTable */
    .kt-portlet.kt-portlet--mobile>.kt-portlet__head.kt-portlet__head--lg {
		padding: 15px;
	}
}

/* Head DataTable */
.kt-portlet.kt-portlet--mobile>.kt-portlet__head.kt-portlet__head--lg>.kt-portlet__head-toolbar {
	padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Head DataTable */
.kt-portlet.kt-portlet--mobile>.kt-portlet__head.kt-portlet__head--lg {
	margin: 0;
}

/* datatable first column icon */
.dataTables_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child {
	position: relative;
	padding-left: 30px !important;
	cursor: pointer;
}

/* select2-multiple */
select.select2-multiple.select2-hidden-accessible + .select2-container {
	flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
}

select[disabled].select2-multiple.select2-hidden-accessible + .select2-container + .input-group-append  {
	cursor: not-allowed;
}

select[disabled].select2-multiple.select2-hidden-accessible + .select2-container + .input-group-append .select2-multiple-add {
	pointer-events: none;
	background-color: #bbc3fb;
	border-color: #74788E;
}

.select2-multiple-text {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: inherit;
}

/* Action history */
.history-param-link {
	height: 1.7rem !important;
    width: 1.5rem !important;
}

.history-tooltip {
	min-width: 250px !important;
}

.history-container {
	overflow-x: auto;
}

.kt-timeline-v2 .kt-timeline-v2__items .kt-timeline-v2__item .kt-timeline-v2__item-time {
	font-size: 1.15rem !important;
}

@media (max-width: 768px) {
	.form-group {
		flex-direction: column
	}

	.form-group>.col-3, .form-group>.col-9 {
		max-width: 100%;
	}

	.form-group>.col-3 {
		text-align: left !important;
	}
}