@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}
    .fi-ta-header-toolbar div:last-child {
    margin:auto !important;
    width: 100% !important;
    
}
  .fi-ta-header-toolbar div:last-child .fi-ta-search-field {
    width: 100% !important;

    
}
.fi-ta-record{
    background: #e9f9fe;
}
.fi-sidebar{


    background: #81f3e1;
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);

}
.fi-sidebar-item-label{
    color: #07187a !important;
    font-size: medium;
}
.fi-topbar{
    background: #81f3e1;
         box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);

}
body, .fi-simple-main-ctn{
        /* background-image: var(--login-bg) !important;*/
 background-size:50em !important;
    background-position: center;
    background-repeat:repeat; 

        background-image: var(--login-bg) !important;

    background: #169b88;
}
.fi-simple-main{
    border-radius: 2%;
    border: #d1d5d0 solid 1px;
    margin-inline-start: 5px;
    margin-inline-end: 5px;

}
.fi-modal-window{
border: 2px rgb(52, 52, 52) solid;

border-radius: 0% ;
}
.fi-modal-header{
    display: none !important;

}
.border-courses{border:2px solid #3d3c3c; 
transition: transform .12s ease, box-shadow .12s ease;}
.border-halaqat{border:2px solid #063b8b; 
transition: transform .12s ease, box-shadow .12s ease;}
.border-sent{border:2px solid #0a2b5d;
transition: transform .12s ease, box-shadow .12s ease;}
.border-approved{border:2px solid #09ca2d; 
transition: transform .12s ease, box-shadow .12s ease;}
.border-students{border:2px solid #09ca2d;
transition: transform .12s ease, box-shadow .12s ease;}

.border-cour1ses{border:2px solid #09ca2d; 
transition: transform .12s ease, box-shadow .12s ease;}
.border-refused{border:2px solid #e90606; 
transition: transform .12s ease, box-shadow .12s ease;}
.border-studeents{border:2px solid #e90606; 
transition: transform .12s ease, box-shadow .12s ease;}

.border-canceled{border:2px solid #e90606; 
transition: transform .12s ease, box-shadow .12s ease; }
.border-converted{border:2px solid #753b02; 
transition: transform .12s ease, box-shadow .12s ease; }
.border-teachers{border:2px solid #518789; 
transition: transform .12s ease, box-shadow .12s ease; }

.bg-teachers{
    background-color: #518789 !important;
    color: #FFF !important;
    border-radius: 12px; 
     
}


.bg-converted{
    background-color: #753b02 !important;
    color: #FFF !important;
    border-radius: 12px; 
}

.bg-studeents{
    background-color: #e90606 !important;
    color: #FFF !important;
    border-radius: 12px; 
}

.bg-approved{
    background-color: #09ca2d !important;
    color: #FFF !important;
    border-radius: 12px; 
}

.bg-refused{
    background-color: #e90606 !important;
    color: #FFF !important;
    border-radius: 12px; 
}

.bg-students{
    background-color: #09ca2d !important;
    color: #FFF !important;
    border-radius: 12px; 
}
.bg-sent{
    background-color: #0a2b5d !important;
    color: #FFF !important;
    border-radius: 12px; 
}





.bg-courses{
    background-color: #3d3c3c !important;
    color: #FFF !important;
    border-radius: 12px; 
}

.bg-halaqat{
    background-color: #063b8b !important;
    color: #FFF !important;
    border-radius: 12px; 
}
.bg-cour1ses{
    background-color: #09ca2d !important;
    color: #ffffff !important;
    border-radius: 12px; 
}
.bg-canceled{
    background-color: #e90606 !important;
    color: #FFF !important;
    border-radius: 12px; 
}
/* .fi-ta-color-item {
border: 1px solid black !important;
} */

.car-bold span{
    font-weight: 900 !important;
}





    .border-teachers:hover{

    transform: translateY(-6px); box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.border-converted:hover{
   
    transform: translateY(-6px); box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.border-studeents:hover{

    transform: translateY(-6px); box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.border-approved:hover{
    
    transform: translateY(-6px); box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.border-refused:hover{
   
    transform: translateY(-6px); box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.border-students:hover{
  
    transform: translateY(-6px); box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.border-sent:hover{
   
    transform: translateY(-6px); box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}





.border-courses:hover{
   
    transform: translateY(-6px); box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.border-halaqat:hover{
    
    transform: translateY(-6px); box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.border-cour1ses:hover{

    transform: translateY(-6px); box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.border-canceled:hover{
   
    transform: translateY(-6px); box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

@keyframes fade-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
    animation: fade-in 0.4s ease forwards;
}

.user-panel-tab{
    background-color: #989a9c;
}
.user-panel-tab.fi-active {
    background-color: #0a2b5d;
}

.user-panel-tab span{
    color: #ffffff;
}



/* Buttons */
.bg-btn-halaqat{
    background-color: #063b8b !important;
    color: #FFF !important;
}
.bg-btn-cour1ses{
    background-color: #09ca2d !important;
    color: #ffffff !important;
}
.bg-btn-sent{
  background-color: #0a2b5d !important;
    color: #FFF !important;
}
.bg-btn-studeents{
    background-color: #e90606 !important;
    color: #FFF !important;
}
.bg-btn-canceled{
    background-color: #e90606 !important;
    color: #FFF !important;
}
.bg-btn-courses{
    background-color: #3d3c3c !important;
    color: #FFF !important;
}
.bg-btn-teachers{
    background-color: #518789 !important;
    color: #FFF !important;
     
}
.bg-btn-students{
    background-color: #09ca2d !important;
    color: #FFF !important;
}

.bg-btn-converted{
    background-color: #753b02 !important;
    color: #FFF !important;
}


.bg-btn-approved{
    background-color: #09ca2d !important;
    color: #FFF !important;
}

.bg-btn-refused{
    background-color: #e90606 !important;
    color: #FFF !important;
}
.bg-btn-cour1ses:hover,.bg-btn-halaqat:hover,.bg-btn-sent:hover,.bg-btn-students:hover,
.bg-btn-studeents:hover,.bg-btn-canceled:hover,.bg-btn-courses:hover,.bg-btn-teachers:hover,
.bg-btn-refused:hover,.bg-btn-approved:hover,.bg-btn-converted:hover{
    opacity: 0.8 !important;
}


.border-courses-nt{border:2px solid #3d3c3c; }
.border-halaqat-nt{border:2px solid #063b8b; }
.border-sent-nt{border:2px solid #0a2b5d;  }
.border-approved-nt{border:2px solid #09ca2d; }
.border-students-nt{border:2px solid #09ca2d;}

.border-cour1ses-nt{border:2px solid #09ca2d !important; }
.border-refused-nt{border:2px solid #e90606; }
.border-studeents-nt{border:2px solid #e90606; }

.border-canceled-nt{border:2px solid #e90606; }
.border-converted-nt{border:2px solid #753b02;  }
.border-teachers-nt{border:2px solid #518789;  }