/* 
 *  This is the default license template.
 *  
 *  File: style.css
 *  Author: Lordkosi
 *  Copyright (c) 2024 Lordkosi
 *  
 *  To edit this license information: Press Ctrl+Shift+P and press 'Create new License Template...'.
 */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

.body {
    /* font-family: 'Playfair Display' Roboto;*/
    font-family: 'Cormorant Garamond' Roboto;
}


.left-sidenav {
    background-image: radial-gradient( circle 815px at 23.4% -21.8%, rgba(9,29,85,1) 0.2%, rgba(0,0,0,1) 100.2% );
}

nav {
    background-image: radial-gradient( circle 815px at 23.4% -21.8%, rgb(6, 21, 64) 0.2%, rgba(0,0,0,1) 100.2% );
    padding: 15px 0;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.dropdown-menu-right {
    background-image: radial-gradient( circle 815px at 23.4% -21.8%, rgb(6, 21, 64) 0.2%, rgba(0,0,0,1) 100.2% );
    color: white;
    margin-right: 5px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    border-radius:10px;
}
.dropdown-menu-right a{
    color:white;
}

.navbar-custom {
    background:none;
    background-image: radial-gradient( circle 610px at 5.2% 51.6%, rgb(7, 10, 86) 0%, rgba(7,3,53,1) 97.5% );
    background-color:red;
    opacity:1;
}

.page-wrapper {
    background-image: radial-gradient( circle 610px at 5.2% 51.6%, rgb(7, 10, 86) 0%, rgba(7,3,53,1) 97.5% );
}

.dflex {
    background-image: radial-gradient( circle 815px at 23.4% -21.8%, rgba(9,29,85,1) 0.2%, rgba(0,0,0,1) 100.2% );
    color: white;
}

.badge-danger {
}

.card {
    background-image: radial-gradient( circle 815px at 23.4% -21.8%, rgba(9,29,85,1) 0.2%, rgba(0,0,0,1) 100.2% );
    border-radius: 10px;
    border-color: rgb(75, 100, 168);
}
.bg-pblack {
    background-image: linear-gradient( 109.6deg, rgba(102,51,153,1) 11.2%, rgba(2,0,4,1) 91.1% );
}

.card-body {
    background-image: radial-gradient( circle 815px at 23.4% -21.8%, rgba(9,29,85,1) 0.2%, rgba(0,0,0,1) 100.2% );
    border-radius: 0px;
    margin: 10px;
}

.widget-list {
    background-image: radial-gradient( circle 815px at 23.4% -21.8%, rgba(9,29,85,1) 0.2%, rgba(0,0,0,1) 100.2% );
    border-radius: 20px;
}

    .widget-list a {
        background-color: transparent;
        margin: 0;
    }

.card-header {
    background-image: linear-gradient(to top, #09203f 0%, #537895 100%);
    background-image: linear-gradient( 112.1deg, rgba(32,38,57,1) 11.4%, rgba(63,76,119,1) 70.2% );
    border-radius: 12px 12px 0 0;
}

.card-footer {
    background-color: black;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    border-top: 1px solid rgb(43, 43, 43);
}

.flex-height {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-primary {
    background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
    background-image: linear-gradient( 112.1deg, rgba(32,38,57,1) 11.4%, rgba(63,76,119,1) 70.2% );
    border-radius: 5px;
   
}

    .btn-primary:hover {
        background-image: linear-gradient( 212.1deg,rgba(63,76,119,1) 11.4%,rgba(32,38,57,1) 70.2% );
        border-radius: 10px;
    }

.btn-secondary {
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 5px;
}

    .btn-secondary:hover {
        background-image: linear-gradient(135deg, #764ba2, #667eea);
        border-radius: 10px;
    }

.btn-info {
    background-image: linear-gradient( 111.4deg, rgba(7,7,9,1) 6.5%, rgba(27,24,113,1) 93.2% );
    border-radius: 15px;
}

    .btn-info:hover {
        background-image: linear-gradient( 111.4deg, rgba(27,24,113,1), rgba(7,7,9,1) );
        border-radius: 10px;
    }

.extra {
    min-width: 60%;
    background-color:red;
}

.badge-danger {
    background-image: radial-gradient( circle 986.6px at 10% 20%, rgba(251,6,6,0.94) 0%, rgba(3,31,213,1) 82.8%, rgba(248,101,248,1) 87.9% );
    border-radius: 8px;
}

.border-danger {
    background-image: radial-gradient( circle farthest-corner at 17.1% 22.8%, rgba(226,24,24,1) 0%, rgba(160,6,6,1) 90% );
    border-radius: 10px;
}

.border-info {
    background-image: radial-gradient( circle farthest-corner at 0.2% 0.5%, rgba(68,36,164,1) 3.7%, rgba(84,212,228,1) 92.7% );
    border-radius: 10px;
}

.alert__message a {
    color: white;
    font-weight: bold;
}

    .alert__message a:hover {
        color: #fecaca;
        font-weight: 400;
    }
    .form-control{
      
        border-radius: 15px;
        background-color:#f1f1f1;
    }
/* width */
.menu-content::-webkit-scrollbar {
    width: 2px;
}

/* Track */
.menu-content::-webkit-scrollbar-track {
    background: rgb(53, 19, 155);
}

/* Handle */
.menu-content::-webkit-scrollbar-thumb {
    background: rgb(30, 8, 96);
}


    @media (max-width: 768px){

        .left-sidenav {
            background-image: radial-gradient( circle 610px at 5.2% 51.6%, rgba(5,8,114,1) 0%, rgba(7,3,53,1) 97.5% );
         
        }
    }

.image-container {
    position: relative;
    display: inline-block;
}

    .image-container .thumbnail {
        max-height: 100px;
        max-width: 100px;
    }

.full-image {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.image-container:hover .full-image {
    display: block;
    max-width: 80vw;
    max-height: 80vh;
}