/* FORMULARIO MODAL */
.wrap-modal {position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100vh; display: none;}
.wrap-modal .overlay-modal {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(35, 35, 35, 0.80); cursor: pointer;}
.wrap-modal .box-modal {width: 550px; max-width: calc(100% - 30px); max-height: calc(100% - 30px); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 8px; background: #FFF; box-shadow: 0px 10px 30px -5px rgba(91, 91, 95, 0.45); overflow-x: hidden; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; padding: 50px;}
.wrap-modal .box-modal::-webkit-scrollbar {display: none;}
.wrap-modal .box-modal .box-title {display: table; width: 100%; margin-bottom: 50px;}
.wrap-modal .box-modal .box-title h2 {width: 100%; text-align: center; margin-bottom: 16px;}
.wrap-modal .box-modal .box-title p {margin-bottom: 0; width: 100%; text-align: center;}
.wrap-modal .box-modal form {display: table; width: 100%;}
.wrap-modal .box-modal form .form-group {margin-bottom: 20px;}
.wrap-modal .box-modal form .field-title {display: table; color: #4D4B49; font-size: 16px; margin-bottom: 10px;}
.wrap-modal .box-modal form input, .wrap-modal .box-modal form textarea, .wrap-modal .box-modal form select {width: 100%; padding: 0 20px; border-radius: 8px; border: 1px solid #E0E0E0; background: #FFF; box-shadow: 0px 10px 30px -5px rgba(207, 209, 229, 0.45); height: 50px; font-size: 14px; color: #000000;}
.wrap-modal .box-modal form button {float: right; border: none;}
.wrap-modal .box-modal .close-modal {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: none; background: none; position: absolute; top: 10px; right: 10px;}

/*DEFAULT LOAD*/
.ajax_load { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: calc(var(--index-modal) * 2); }
.ajax_load_box { margin: auto; text-align: center; color: #ffffff; font-weight: var(--weight-bold); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
.ajax_load_box_circle { border: 16px solid #e3e3e3; border-top: 16px solid var(--hover-color-green); border-radius: 50%; margin: auto; width: 80px; height: 80px; -webkit-animation: spin 1.2s linear infinite; -o-animation: spin 1.2s linear infinite; animation: spin 1.2s linear infinite; }
.ajax_load_box_title { margin-top: 15px; font-weight: var(--weight-strong); }