.center {
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }
        .img-container {
            text-align: center;
            display: block;
            align-items: center;
            align-content: center;
            position: relative;
        }
        .help-block>ul>li {
            background-color: beige !important;
        }
        #success_message {
            display: none;
        }
        .dropbtn {
            background-color: #4CAF50;
            color: white;
            padding: 16px;
            font-size: 16px;
            border: none;
            cursor: pointer;
        }
        .dropdown {
            position: relative;
            display: inline-block;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            right: 0;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
            z-index: 1;
        }
        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }
        .dropdown-content a:hover {
            background-color: #f1f1f1;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        .dropdown:hover .dropbtn {
            background-color: #3e8e41;
        }
        div.word-wrap {
            word-wrap: break-word;
        }
        /* .invalid class prevents CSS from automatically applying */
        .invalid input:required:invalid {
            background: #BE4C54;
        }
        /* Mark valid inputs during .invalid state */
        .invalid input:required:valid {
            background: #17D654;
        }
        .error {
            color: #FF0000;
        }
        .popover {
            border: 2px dotted red;
            /* width: 400px;
                    height: 300px; */
            max-width: 500px !important;
            max-height: 500px !important;
            z-index: 10001 !important;
        }
        /* Popover Header */
        .popover-title {
            background-color: coral !important;
            color: black;
            font-size: 28px;
            text-align: center;
        }
        /* Popover Body */
        .popover-content {
            background-color: rgb(243, 241, 237);
            color: black;
            padding: 25px;
        }
        /* Popover Arrow */
        .arrow {
            border-right-color: red !important;
        }
        .modal-body p {
            word-wrap: break-word;
        }
        .ocultarElemento {
            display: none !important;
            /* align-items: center; */
        }
        i.iconArchivos {
            margin: 10px;
            cursor: pointer;
            font-size: 30px;
        }
        /* i.fa-camera {
                margin: 10px;
                cursor: pointer;
                font-size: 30px;
                width: 100px;
            } */
        i:hover {
            opacity: 0.6;
        }
        /* .element>input {
                display: none !important;
                visibility: none;
            } */
        .archivo-upload>input {
            display: none !important;
        }
        .archivo-upload i {
            /* width: 100px;
                cursor: pointer; */
            margin: 10px;
            cursor: pointer;
            font-size: 30px;
        }
        .modal {
            z-index: 9999;
            overflow: auto;
        }
        body.modal-open {
            height: 100vh;
            overflow: hidden;
        }
        body {
            overflow-y: auto !important;
            overflow-x: hidden !important;
        }
        /* Hide all steps by default: */
        .tab {
            display: none;
        }
        /* Make circles that indicate the steps of the form: */
        .step {
            height: 15px;
            width: 15px;
            margin: 0 2px;
            background-color: #bbbbbb;
            border: none;
            border-radius: 50%;
            display: inline-block;
            opacity: 0.5;
        }
        /* Mark the active step: */
        .step.active {
            opacity: 1;
        }
        /* Mark the steps that are finished and valid: */
        .step.finish {
            background-color: #04AA6D;
        }
        /*Separador*/
        .separator {
            display: flex;
            align-items: center;
            text-align: center;
            color: #2a2d77; /*#fb593c;*/;
        }
        .separator::before,
        .separator::after {
            content: '';
            flex: 1;
            border-bottom: 1px solid #2a2d77; /*#fb593c;*/ /*#3c763d;*/
        }
        .separator:not(:empty)::before {
            margin-right: .25em;
        }
        .separator:not(:empty)::after {
            margin-left: .25em;
        }
        .swal2-container {
            z-index: 10001 !important;
        }
        .loaderMiFact {
            /* background: #000; */
            /* background: radial-gradient(#222, #000); */
            bottom: 0;
            left: 0;
            overflow: hidden;
            position: fixed;
            right: 0;
            top: 0;
            z-index: 99999;
        }
        #loaderSpinner {
            position: fixed;
            top: 0;
            z-index: 10002;
            width: 100%;
            height: 100%;
            display: none;
            background: rgba(0, 0, 0, 0.6);
        }
        .cv-spinner {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .spinner {
            width: 40px;
            height: 40px;
            border: 4px #ddd solid;
            border-top: 4px #2e93e6 solid;
            border-radius: 50%;
            animation: sp-anime 0.8s infinite linear;
        }
        @keyframes sp-anime {
            100% {
                transform: rotate(360deg);
            }
        }
        .is-hide {
            display: none;
        }
    
	   .popover-label {
		cursor: pointer;
		}

		.popover-label .popover-content{
			padding: 5px !important;
			font-size: smaller !important;
		}
		.popover-label .popover {
		  /* position: absolute !important; */
		  top: -100px !important; /* Adjust this value to move the popover up */
		  left: 0 !important; /* Adjust this value to move the popover to the left */
		}
		.popover {
		  max-width: 100% !important; /* Max Width of the popover (depending on the container!) */
		  max-height: 300px !important; /* Max Height of the popover */
		  overflow-y: auto; /* Enable scrolling if the content exceeds the max height */
		}