#app * {font-family: 'DB Heavent' !important;}
        #preview {border: dashed 2px #fa4332;}
        #app label {margin: 0;}
        #app .input-text {
            height: 50px;
            display: block !important;
            width: 100% !important;
            border: solid 1px #2b2b2b !important;
            border-radius: 50px !important;
            font-size: 24px !important;
            padding: 5px 20px !important;
            background: none !important;
            color: #000 !important;
        }
        .select2 {
            display: block !important;
            width: 100% !important;
            border: solid 1px #2b2b2b !important;
            border-radius: 50px !important;
            font-size: 24px !important;
            padding: 5px 20px !important;
            background: none !important;
            color: #000 !important;
        }
        .btn {
            border: solid 1px #fa4332;
            border-radius: 50px;
            cursor: pointer;
            font-size: 24px;
            color: #fa4332;
        }
        .select2 {height: 50px;}
        .select2-selection {border: none !important;margin-top: 5px;}
        .select2-selection__arrow {margin-top: 10px;margin-right: 10px;}
        .btn:hover {background-color: #fa4332;color: white;}
        .swal2-html-container,.swal2-title {padding: 0 !important; margin: 0 !important;}
        /* modal */
        .modal {
            display: none;
            /* ซ่อน Modal เริ่มต้น */
            position: fixed;
            z-index: 9999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.7);
        }
        .modal-content {
            background-color: #fefefe;
            margin: 20px auto;
            padding: 10px;
            border: 1px solid #888;
            width: 90%;
            max-width: 600px;
            position: relative;
            border-radius: 10px;
        }
        .close {
            position: absolute;
            top: 10px;
            right: 15px;
            font-size: 30px;
            font-weight: bold;
            color: #aaa;
            cursor: pointer;
            z-index: 99999;
        }
        .modal-body {text-align: center;}