.bg-aura{background-color: #0b8960 !important;}

/* ==========================================
   Super Fast Zoom Effect for Bootstrap 4
   ========================================== */

/* 1. ให้ทำงานเฉพาะเมื่อมีคลาส .effect-zoom เท่านั้น */
.modal.fade.effect-zoom .modal-dialog {
    transform: scale(0.85) !important;
    opacity: 0;
    transition: transform 0.1s cubic-bezier(0, 0, 0.2, 1), opacity 0.1s linear !important;
}

/* 2. เมื่อเด้งขึ้นแสดงผล */
.modal.show.effect-zoom .modal-dialog {
    transform: scale(1) !important;
    opacity: 1;
}

/* 3. ฉากหลังสีดำพุ่งเร็วเท่ากัน */
.modal-backdrop.fade {
    transition: opacity 0.08s linear !important;
}

.select2-container .select2-selection.is-invalid {
    border-color: #dc3545 !important;
}

.image-preveiw{background-color:#f7f7f7;overflow:hidden;width:100%;text-align:center;position:relative}
.cropper-container{position:relative;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;direction:ltr !important;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.cropper-container img{display:block;width:100%;min-width:0 !important;max-width:none !important;height:100%;min-height:0 !important;max-height:none !important;image-orientation:0deg !important}
.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{position:absolute;top:0;right:0;bottom:0;left:0}
.cropper-drag-box{background-color:#fff;filter:alpha(opacity=0);opacity:0}
.cropper-modal{background-color:#000;filter:alpha(opacity=50);opacity:.5}
.cropper-view-box{display:block;width:100%;height:100%;overflow:hidden;outline:1px solid #69f;outline-color:rgba(102,153,255,.75)}
.cropper-dashed{position:absolute;display:block;filter:alpha(opacity=50);border:0 dashed #eee;opacity:.5}
.cropper-dashed.dashed-h{top:33.33333333%;left:0;width:100%;height:33.33333333%;border-top-width:1px;border-bottom-width:1px}
.cropper-dashed.dashed-v{top:0;left:33.33333333%;width:33.33333333%;height:100%;border-right-width:1px;border-left-width:1px}
.cropper-center{position:absolute;top:50%;left:50%;display:block;width:0;height:0;filter:alpha(opacity=75);opacity:.75}
.cropper-center:before,.cropper-center:after{position:absolute;display:block;content:" ";background-color:#eee}
.cropper-center:before{top:0;left:-3px;width:7px;height:1px}
.cropper-center:after{top:-3px;left:0;width:1px;height:7px}
.cropper-face,.cropper-line,.cropper-point{position:absolute;display:block;width:100%;height:100%;filter:alpha(opacity=10);opacity:.1}
.cropper-face{top:0;left:0;background-color:#fff}
.cropper-line{background-color:#69f}
.cropper-line.line-e{top:0;right:-3px;width:5px;cursor:e-resize}
.cropper-line.line-n{top:-3px;left:0;height:5px;cursor:n-resize}
.cropper-line.line-w{top:0;left:-3px;width:5px;cursor:w-resize}
.cropper-line.line-s{bottom:-3px;left:0;height:5px;cursor:s-resize}
.cropper-point{width:5px;height:5px;background-color:#69f;filter:alpha(opacity=75);opacity:.75}
.cropper-point.point-e{top:50%;right:-3px;margin-top:-3px;cursor:e-resize}
.cropper-point.point-n{top:-3px;left:50%;margin-left:-3px;cursor:n-resize}
.cropper-point.point-w{top:50%;left:-3px;margin-top:-3px;cursor:w-resize}
.cropper-point.point-s{bottom:-3px;left:50%;margin-left:-3px;cursor:s-resize}
.cropper-point.point-ne{top:-3px;right:-3px;cursor:ne-resize}
.cropper-point.point-nw{top:-3px;left:-3px;cursor:nw-resize}
.cropper-point.point-sw{bottom:-3px;left:-3px;cursor:sw-resize}
.cropper-point.point-se{right:-3px;bottom:-3px;width:20px;height:20px;cursor:se-resize;filter:alpha(opacity=100);opacity:1}
.cropper-point.point-se:before{position:absolute;right:-50%;bottom:-50%;display:block;width:200%;height:200%;content:" ";background-color:#69f;filter:alpha(opacity=0);opacity:0}
@media (min-width:768px) {
.cropper-point.point-se{width:15px;height:15px}}
@media (min-width:992px) {
.cropper-point.point-se{width:10px;height:10px}}
@media (min-width:1200px) {
.cropper-point.point-se{width:5px;height:5px;filter:alpha(opacity=75);opacity:.75}}
.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}
.cropper-invisible{filter:alpha(opacity=0);opacity:0}
.cropper-hide{position:absolute;display:block;width:0;height:0}
.cropper-hidden{display:none !important}
.cropper-move{cursor:move}
.cropper-crop{cursor:crosshair}
.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
.image-preveiw .preview-dismiss{position:absolute;top:3px;right:3px;width:21px;height:21px;color:#fff;line-height:20px;text-align:center;text-shadow:0 0 1px rgba(0,0,0,0.2);border-radius:50%;z-index:1;background-color:#d95e40;border:1px solid #fff;opacity:.5}
.preview-dismiss:hover{text-decoration:none;opacity:1}
.image-preveiw .preview-dismiss i{opacity:.8}
.preview-dismiss:hover i{opacity:1}
.form-cropper-image .model-body{padding:0}

image-cover-border{bottom:0;left:0;position:absolute;right:0;top:0;cursor:move}
.image-cover .preview {}
.image-cover{background-color:#e9eaed;box-sizing:border-box;color:#dcdee3;cursor:pointer;-webkit-font-smoothing:antialiased;position:relative;text-align:center;-webkit-user-select:none;/*border:1px solid #ccc;
    border-color:*/
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.15),0 1px 4px rgba(0,0,0,.1);/*overflow:hidden;*/}
.image-cover .dropzone{color:#7f7f7f;font-weight:200;overflow:hidden;border:2px dashed #bbb;position:absolute;left:20px;top:20px;right:20px;bottom:20px}
.image-cover .dropzone-text{position:absolute;top:50%;width:100%;text-align:center;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.dropzone .media-upload input[type="file"]{position:absolute;top:0;right:0;margin:0;padding:0;border:0;opacity:0;width:400%;height:100%;font-size:10000px;cursor:pointer}
.image-cover.has-loading .dropzone{display:none}
.image-cover .image-crop{overflow:hidden;cursor:default}
.image-cover .image-cover-edit{position:absolute;top:12px;left:12px;height:30px;line-height:30px;background-color:rgba(0,0,0,.3);color:#fff;padding:0 10px;z-index:1}
.image-cover .image-cover-edit:hover{background-color:rgba(0,0,0,.8)}
.image-cover .media-upload{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}
.image-cover .loader{position:absolute;top:0;left:0;width:100%;display:none}
.image-cover .preview,.image-cover.has-file .dropzone,.image-cover.has-cropimage .preview-remove{display:none}
.image-cover.has-loading .loader,.image-cover.has-file .preview{display:block}
.image-cover .preview img{width:100%}
.preview{position:relative}
.preview .preview-remove{z-index:1;width:20px;height:20px;border-radius:50%;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;text-align:center;font-size:14px;line-height:18px;background-color:#d95e40;color:#a1a1a1;border:1px solid #d95e40;opacity:0;pointer-events:none;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s cubic-bezier(.165,.84,.44,1);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s cubic-bezier(.165,.84,.44,1);position:absolute;top:-10px;right:-10px;color:#fff}
.preview:hover .preview-remove{opacity:1;pointer-events:auto;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);text-decoration:none}

.progress-bar.medium{height:6px}

.hidden_elem{display:none !important}

.avatar.cover img,.avatar-cover img{width:100%}
.avatar.cover,.avatar-cover{width:120px;position:relative;overflow:hidden;display:inline-block}

/* ขยายความกว้างของ Wrapper ช่องปี */
.flatpickr-current-month .numInputWrapper {
    width: 72px !important;
}

/* จัดระยะช่อง Input ให้พิมพ์ง่าย สบายตา */
.flatpickr-current-month input.cur-year {
    width: 100% !important;
    padding-right: 18px !important;
    font-size: 1.1rem !important;
}

/* ขยายพื้นที่ลูกศรขึ้น-ลง ให้กดง่าย ไม่ซ้ำซ้อน */
.flatpickr-current-month .numInputWrapper span.arrowUp,
.flatpickr-current-month .numInputWrapper span.arrowDown {
    width: 16px !important;
    padding: 0 2px !important;
}

.card-menu-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;
    border-color: #1e3a8a !important;
}