.elementor-3611 .elementor-element.elementor-element-3b63420{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3611 .elementor-element.elementor-element-3b63420 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3611 .elementor-element.elementor-element-998ff4a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3611 .elementor-element.elementor-element-998ff4a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-3611 .elementor-element.elementor-element-9421b59 img{width:18%;}.elementor-3611 .elementor-element.elementor-element-44334ed{--spacer-size:40px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3611 .elementor-element.elementor-element-5104a77{font-family:"Poppins", Sans-serif;font-size:44px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}.elementor-3611 .elementor-element.elementor-element-5104a77 p{margin-block-end:0px;}.elementor-3611 .elementor-element.elementor-element-cb653a5 > .elementor-container{min-height:400px;}.elementor-3611 .elementor-element.elementor-element-5a8b319:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-3611 .elementor-element.elementor-element-5a8b319 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFFC;}.elementor-bc-flex-widget .elementor-3611 .elementor-element.elementor-element-5a8b319.elementor-column .elementor-widget-wrap{align-items:space-evenly;}.elementor-3611 .elementor-element.elementor-element-5a8b319.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:space-evenly;align-items:space-evenly;}.elementor-3611 .elementor-element.elementor-element-5a8b319.elementor-column > .elementor-widget-wrap{justify-content:space-evenly;}.elementor-3611 .elementor-element.elementor-element-5a8b319 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3611 .elementor-element.elementor-element-5a8b319 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs .eael-tabs-nav > ul li.eael-tab-nav-item:hover:not(.active){background-color:#333;}.elementor-3611 .elementor-element.elementor-element-4693eb4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs{border-style:none;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs .eael-tabs-nav > ul li{font-size:28px;background-color:#f1f1f1;color:#333;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav{min-width:5%;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs .eael-tabs-nav > ul li i{font-size:41px;color:#333;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs .eael-tabs-nav > ul li img{width:41px;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs .eael-tabs-nav > ul li svg{width:41px;height:41px;fill:#333;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-tab-inline-icon li .title-before-icon{margin-right:10px;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-tab-inline-icon li .title-after-icon{margin-left:10px;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-tab-top-icon li i, .elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-tab-top-icon li img, .elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-tab-top-icon li svg{margin-bottom:10px;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs .eael-tabs-nav > ul li:hover{color:#fff;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs .eael-tabs-nav > ul li:hover > i{color:#fff;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs .eael-tabs-nav > ul li:hover > svg{fill:#fff;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs .eael-tabs-nav > ul .active{background-color:#444;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs .eael-tabs-nav > ul li.active{color:#fff;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs .eael-tabs-nav > ul li.active > i{color:#fff;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs .eael-tabs-nav > ul li.active > svg{fill:#fff;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs .eael-tabs-content > div{color:#333;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs .eael-tabs-nav > ul li:after{border-width:12px;bottom:-12px;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav > ul li:after{right:-12px;top:calc(50% - 12px) !important;border-left-color:#444;}.rtl .elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav > ul li:after{right:auto;left:-12px !important;top:calc(50% - 12px) !important;}.elementor-3611 .elementor-element.elementor-element-4693eb4 .eael-advance-tabs:not(.eael-tabs-vertical) > .eael-tabs-nav > ul li:after{border-top-color:#444;}.elementor-3611 .elementor-element.elementor-element-6da7e4b{column-gap:0px;text-align:end;font-family:"Poppins", Sans-serif;font-size:30px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-3611 .elementor-element.elementor-element-5104a77{font-size:14px;}.elementor-3611 .elementor-element.elementor-element-6da7e4b{font-size:14px;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS for eael-adv-tabs, class: .elementor-element-4693eb4 */.elementor-3611 .elementor-element.elementor-element-4693eb4 .elementor-tab-content {
    padding: 0 !important;
}
.elementor-3611 .elementor-element.elementor-element-4693eb4 iframe {
    width: 100% !important;
    min-height: 800px !important;
    
 /* Styling khusus area list tugas instruktur */
.seabar-tugas {
    margin-top: 20px !important;
    width: 100% !important;
}

/* Membuat tampilan pembatas teks form upload di bawahnya lebih rapi */
.seabar-form-upload-tugas {
    width: 100% !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    
    /* Styling Baris List Surat Agar Bersih & Terlihat Interaktif */
.mail-row-item {
    transition: background 0.2s ease !important;
}
.mail-row-item:hover {
    background-color: #f8f9fa !important; /* Berubah abu-abu cerah saat disorot */
}

/* ==========================================================================
   STYLE KOTAK SURAT POP-UP (MODAL WINDOW)
   ========================================================================== */
.sbr-modal {
    display: none; /* Tersembunyi secara default */
    position: fixed !important;
    z-index: 99999 !important; /* Memastikan berada di paling atas layar */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(30, 30, 45, 0.5) !important; /* Efek backdrop gelap transparan */
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

/* Kotak Isi Surat */
.sbr-modal-content {
    background-color: #ffffff !important;
    border-radius: 12px !important;
    width: 100%;
    max-width: 550px !important; /* Lebar maksimal kotak surat */
    padding: 25px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    position: relative !important;
    animation: slideUp 0.3s ease-out;
}

/* Tombol Silang (Close) */
.sbr-close-btn {
    position: absolute !important;
    top: 15px;
    right: 20px;
    color: #a1a5b7;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.2s;
}
.sbr-close-btn:hover {
    color: #ff3b30; /* Berubah merah saat disorot */
}

.sbr-modal-header h3 {
    margin: 0 !important;
    color: #1e1e2d !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding-right: 25px; /* Agar tidak menabrak tombol silang */
}

.sbr-modal-body {
    font-size: 14px !important;
    color: #4b5563 !important;
    line-height: 1.6 !important;
    max-height: 400px;
    overflow-y: auto; /* Jika surat sangat panjang, kotak bisa di-scroll */
}

/* Animasi Muncul Halus dari Bawah */
@keyframes slideUp {
    from { transform: translateY(30px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
}
}/* End custom CSS */