.hidden { display: none !important; visibility: hidden; }

.app-content.covered {
	background-color: transparent;
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}


/* DataTables */

.dataTables_info, .dataTables_paginate, .dataTables_length, .dataTables_filter  {
	padding: 20px !important;
	width: 50%;
}
@media(min-width:767px) {
	.dataTables_info, .dataTables_paginate, .dataTables_length, .dataTables_filter  {
	    display: inline-block;
	}
}

.dataTables_length, .dataTables_filter  {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_filter select, div.dataTables_wrapper div.dataTables_length select {
	display: block;
    width: calc(100% + 22px);
    height: calc(1.4em + .94rem + 3.7px);
    padding: .47rem .8rem;
    font-size: 1rem;
    line-height: 1.4;
    color: #475F7B;
    background-color: #FFF;
    border: 1px solid #DFE3E7;
    border-radius: .267rem;
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	
}

.dataTables_paginate.paging_simple_numbers > span > a.paginate_button, .dataTables_paginate.paging_simple_numbers > a.paginate_button {
	padding: 4px;
}

div.dataTables_wrapper div.dataTables_filter select, div.dataTables_wrapper div.dataTables_length select {
	margin-right: 10px;
	margin-left: 10px;
}

.tooltip {
	pointer-events: none !important;
  
}


.bxs-badge-check:before {
	content: "\ebf6";
	color: #39DA8A!important;
}
.bxs-badge-check-gold:before {
	content: "\ebf6";
	color: #e09303!important;
}

.dataTable > thead th input, .dataTable > thead th select {
	border: none;
    background: #eee;
    padding: 6px 12px;
    margin-top: 12px;
    display: block;
    width: 100%;
}


/* DataTables End */


* {
	user-select: text !important;
}

@media print {
   .noprint {
      visibility: hidden !important;
      display: none !important;
   }
   
   button.btn {
	   visibility: hidden !important;
	   display: none !important;
   }
}


/* MPMA */
.mpma {
    width: 100%;
    position: fixed;
    display: -webkit-box;
    bottom: 0 !important;
    padding: 2px;
	margin: 0;
	z-index: 99 !important;
	animation: slide-up 0.4s ease;
}
.mpma > h5 {
	color: white !important;
	height: auto;
	padding: 2px;
	margin: 0;
	text-align: center !important;
	width: 100%;
}
.mpma-warning > h5 {
	color: #403722 !important;
}
.mpma-success {
	background: #009d26;
}
.mpma-info {
	background: #0652e0;
}
.mpma-warning {
	background: #ffd816;
}
.mpma-error {
	background: #ff011c;
}

.animate-slide-up {
	animation: slide-up 0.4s ease;
}
.animate-slide-down {
	animation: slide-down 0.4s ease;
}
@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slide-down {
    0% {
        opacity: 1;
        transform: translateY(0px);
    }
    100% {
        opacity: 0;
        transform: translateY(20);
    }
}

.org-picture-preview {
    background: url(assets/img/logo-placeholder.svg);
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    height: 200px;
    width: 100%;
    margin: auto;
}
.profile-picture-preview {
	background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border: solid 8px var(--tertiary);
    background: url(assets/img/user.svg);
    height: 148px;
    width: 148px;
    border-radius: 50%;
    margin: auto;
}

.file_button_container,.file_button_container input {
   background: transparent url(/assets/img/icons/user.svg) no-repeat;
    background-size: 82px 82px;
    width: 102px;
    height: 102px;
    margin: auto;
    display: block;
}

.file_button_container {
   background: transparent url(/assets/img/icons/user.svg) no-repeat;
   background-size: 102px 102px;
}

.file_button_container input {
    opacity: 0;
}

.file_button_container:hover { 
    background-color: #E0E0E0;
    border-radius: 7px;
}
.prev-img {
	width: 100%;
    max-width: 280px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    border-radius: 300px;
    margin: auto;
    display: block;
}

.profile-picture-input, .org-picture-input {
	position: absolute;
    width: 100% !important;
    height: 100% !important;
    padding: 0;
    margin: 0;
    background: rgba(153, 51, 51, 0);
}
.profile-picture-input-div, .org-picture-input-div {
	position: absolute;
    width: 100%;
    max-width: 400px;
    background: rgba(153, 51, 51, 0) !important;
    margin: 0;
    padding: 0;
}
input[type="file"] {
	cursor: pointer !important;
}


.signature_button_container {
	width: 100%;
    padding: 0;
}
.signature_button_container > input {
	width: 100%;
    height: 120px;
    position: absolute;
}
.signature-upload-input {
	opacity: 0;
    cursor: pointer;
}
.signature-body-cont {
	background: #c8eaff;
	padding: 20px;
	min-height: 120px;
}
.calli-signature-preview {
	height: 120px;
	margin-bottom: 0.6em !important;
	background-position: center center !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-color: var(--backgroundGrey) !important;
	border: 1px solid #DFE3E7;
    border-radius: .267rem;
}



label > input:not([type='search']) { /* HIDE RADIO */
	visibility: hidden; /* Makes input not-clickable */
	position: absolute; /* Remove input from document flow */
	transition: All 1s ease-in-out;
}
label > input:not([type='search']) + img{ /* IMAGE STYLES */
	cursor:pointer;
	border:2px solid transparent;
}
label > input:not([type='search']):checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
	border-bottom: 2px solid black;
	margin-bottom: 4px;
}

.brand-logo-cont {
	left: -23px;
    padding: 1em;
    margin-bottom: 2em;
    top: -1em;
}

.absolute-min-footer {
	position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0.4em;
    font-size: 1em;
}
.auxiliary-center-btn {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

button {
    user-select: none !important;
}