@charset "utf-8";
/* CSS Document */
html, body {
	min-height: 100vh;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
    overflow-x: hidden;
	font-family: 'Poppins', sans-serif;
}

:root {
  --bs-primary: #5e72e4;
  --bs-primary-rgb: 94,114,228;
  --bs-secondary: #6c757d;
  --bs-secondary-rgb: 108,117,125;
  --bs-success: #2dce89;
  --bs-success-rgb: 45,206,137;
  --bs-info: #11cdef;
  --bs-info-rgb: 17,205,239;
  --bs-warning: #eeb019;
  --bs-warning-rgb: 238,176,25;
  --bs-danger: #c53e8a;
  --bs-danger-rgb: 197,62,138;	}

.small, small {
    font-size: 0.75rem;
}

.btn-success {    
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}
.btn-primary {    
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.btn-secondary {    
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}
.btn-info {    
    background-color: var(--bs-info);
    border-color: var(--bs-info);
}
.btn-warning {    
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
}
.btn-danger {    
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
}

.shadow-cu {
    box-shadow: 0 .025rem .50rem rgba(0,0,0,.15)!important;
}

.modal-backdrop.show {
    opacity: 0.8;
}

.modal-open .modal {
    background-color: rgba(0,0,0,0.8);
}
.modal-backdrop.show {
    opacity: 0;
}

#menubar {
	margin-left: 0px;
}

#menubar.collapased {
	margin-left: -200px;
}

#menubar .bg-menu {
	display: block;
}

#menubar.collapased .bg-menu {
	display: none;
}

.form-switch.swt-md .form-check-input {
    width: 3em;
    height: 1.5em;
}

.form-switch.swt-lg .form-check-input {
    width: 4em;
    height: 2em;
}

.form-check-input.chk-secondary:not(.is-valid):not(.is-invalid):checked {
    border-color: #9CA2AA;
    background-color: #9CA2AA;
}
.form-check-input.chk-success:not(.is-valid):not(.is-invalid):checked {
    border-color: #00B74A;
    background-color: #00B74A;
}
.form-check-input.chk-danger:not(.is-valid):not(.is-invalid):checked {
    border-color: #F93154;
    background-color: #F93154;
}
.form-check-input.chk-warning:not(.is-valid):not(.is-invalid):checked {
    border-color: #FFA900;
    background-color: #FFA900;
}
.form-check-input.chk-info:not(.is-valid):not(.is-invalid):checked {
    border-color: #0dcaf0;
    background-color: #0dcaf0;
}

.file-input.theme-fas {
    flex: 1 1 auto;
}
.file-input.theme-fas .file-drop-zone{
    min-height: unset;
}
.file-input.theme-fas .file-drop-zone .file-drop-zone-title {
    font-size: 0.9em;
}
.file-input.theme-fas .file-drop-zone .file-preview-thumbnails {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.kv-preview-thumb[data-template="image"] .kv-file-content {
	background-color: #e9ecef;
}

.input-group .bootstrap-duallistbox-container {
    flex: 1 1 auto;
}
.input-group .bootstrap-duallistbox-container select {
    border-radius: 0.5rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-color: #ced4da;
}

.recap > div {
    height: 64px !important;
}

.recerror .parsley-errors-list.filled {
    display: inline-block;
}

.recap > div > div {
	-webkit-transform: scale(0.77);
	-ms-transform: scale(0.77);
	-moz-transform: scale(0.77);
	transform: scale(0.77);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-moz-transform-origin: top;
	transform-origin: top;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}

#loader {
	overflow: hidden;
	display: flex;
	top: 0px;
	left: 0px;
	background-color: rgba(0,0,0,0.6);
	z-index: 99999;
}

.log-in {
    display: none;
}

.text-responsive {
	font-size: 80%;
	display: block;
}

.gray-100 {
    background-color: #f8f9fa;
}
.gray-200 {
    background-color: #e9ecef;
}
.gray-300 {
    background-color: #dee2e6;
}
.gray-400 {
    background-color: #ced4da;
}
.gray-500 {
    background-color: #adb5bd;
}
.gray-600 {
    background-color: #6c757d;
}
.gray-700 {
    background-color: #495057;
}
.gray-800 {
    background-color: #343a40;
}
.gray-900 {
    background-color: #212529;
}

.form-group > .flatpickr-wrapper {
    width: 100%;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: var(--bs-danger);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23c53e8a'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23c53e8a' stroke='none'/%3e%3c/svg%3e");    
}

.fixed-size {
	width: 100% !important;
	height: auto !important;
}

.input-group {
   flex-wrap: nowrap; 
}

.fa, .fas {
	vertical-align: middle;
}


@media (min-width: 576px) {
    
  
}
@media (min-width: 768px) {
    .text-responsive {
		font-size: 90%;
	}    
}
@media (min-width: 992px) {
    .text-responsive {
		font-size: 100%;
	}	
}
@media (min-width: 1200px) {
  
}
@media (min-width: 1400px) {
  
}

@supports(padding: max(0px)) {
    .fitCont {
        padding-left: max(0px, env(safe-area-inset-left)) !important;
        padding-right: max(0px, env(safe-area-inset-right)) !important;
    }
    .fitCont-left {
        padding-left: max(0px, env(safe-area-inset-left)) !important;        
    }
    .fitCont-right {        
        padding-right: max(0px, env(safe-area-inset-right)) !important;
    }
	#menubar.collapased {
		margin-left: calc(-200px - max(0px, env(safe-area-inset-right)));
	}
}