.topcardleft{
    padding-left: 8px;
    height: 160px;
    background-color: #f5f7fa;
    
    }
    .tocardrifght{
        padding-left: 8px;
        height: 160px;
        background-color: #f5f7fa;
    }
    
    .bodytopheaderbg{
        /* background-color: #f5f7fa; */
        width: 100%;
    }
    
    .dashboard-header{
        background-color: #f5f7fa;
    }
    
    .cardviewbody{
        background-color: #f5f7fa;
        padding-right: 16px;
        /* margin-left: 16px;
        margin-right: 16px; */
    }
    

   
    
    .cardviewbody {
        background-color: #f5f7fa;
        padding-right: 16px;
        padding: 16px;
        /* margin-left: 16px;
        margin-right: 16px; */
    }
    
    .topmenutabs .menutabs{
        padding-left: 8px;
        margin-bottom: 10px;
    }
    
    .topmenutabs .nav-tabs {
        border-bottom: 0px solid #ffffff !important;
    }
    
    .toprifgt{
        margin-top: 16px;
    
    }
    
    :root {
        --fontFamily: "Libre Franklin";
        --headingFontFamily: "Libre Franklin", sans-serif;
        --primaryColor: #1F2A44;
        --accentColor: #DA1884;
        --dangerColor: #DE3730;
        --infoColor: #5275C3;
        --lacorsaMagenta: #DA1884;
        --lacorsaDarkGrey: #e4e4e4;
        --warningColor: #F14E50;
    
    }
    
    .dash-logo{
        width: 34px;
        height: 34px;
    }
    
    .imgsection{
        display: flex;
    }
    
    .dashboard-total-products{
        font-weight: 600;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    
    .titles{
        color: #1F2A44 !important;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        text-transform: uppercase;
        padding-left: 10px;
        padding-top: 6px;
    }
    
    .tiletotalcounts {
        color: #1F2A44 !important;
        font-size: 36px;
        font-weight: 700;
        text-transform: uppercase;
        /* font-family: "Libre Franklin", sans-serif; */
        text-align: center;
    }
    
    .sidebartitle{
        color: var(--primaryColor);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        align-self: center;
        text-align: left;
        box-shadow: unset;
        padding-left: 0px;
        height: 26px;
        align-content: center;
       
    }
    
    .invittessec{
        border-radius: 6px;
        padding-top: 16px;
    }
    
    .detailtext{
        color: #DA1884; font-size: 16px; 
        font-weight: 600; cursor: pointer; display: flex; align-items: center;
    }
    
    .details-container{
        display: flex; justify-content: flex-end; align-items: center; padding: 2px; border-radius: 7px;
    }
    
    .detaillink{
        margin-left: 16px;
    }
    
    .detailright{
        display: flex; align-items: center; color: #000000; font-size: 16px; 
        /* font-family: Libre Franklin;  */
        font-weight: normal; cursor: pointer;
    }
    
    .divbody{
        padding: 8px;
    }
    
    .createride{
        padding-left: 0px !important;
    }
    
    .sectionheader{
        text-align: left;
        font-weight: 600;
        color: black;
        padding-bottom: 16px;
        font-size: 16px;
    }
    .menutabs 
    .form-control {
        display: block;
        width: 100%;
        padding: .5rem 0px;
        font-size: 1rem;
        line-height: 1.25;
        color: #55595c;
        background-color: #fff;
        background-image: none;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: transparent  !important;
        border-radius: .25rem;
    }
    
    .lacorsabtns .btn{
        width: 100%;
        /* height: auto; */
        display: block;
        min-width: auto;
        margin-top: 16px;
        border-radius: 6px;
        padding: 10px;
        color: #ffffff;
        background-color: #DA1884;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 16px;
        height: 46px;
    }
    
    .ui.checkbox input:checked~.box:before, .ui.checkbox input:checked~label:before {
        background: #DA1884 !important;
        border-color: #DA1884 !important;
    }
    .ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after {
        opacity: 1;
        color: rgb(255 255 255 / 100%) !important;
    }
    .ui.checkbox .box:before, .ui.checkbox label:before {
        border: 1px solid #d3d3d3 !important;
    }
    .loginform{
        height: 100%;
        background-color: #ffffff;
    }
    
    .ui.radio.checkbox input:checked~.box:after, .ui.radio.checkbox input:checked~label:after {
        background-color: #DA1884 !important;
    }
    
    
    .ui.checkbox input[type=checkbox], .ui.checkbox input[type=radio] {
        /* cursor: pointer; */
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0 !important;
        outline: 0;
        z-index: 3;
        width: 17px;
        height: 17px;
    }
    .textupper{
        font-size: 32px;
        margin-bottom: 5%;
        font-weight: 900 !important;
        line-height: 1;
        color: #262626;
        margin-top: 0;
        margin-bottom: 15px;
        font-family: "Libre Franklin", sans-serif;
    }
    
    .fgetpass{
        float: right;
    }
    
    .linkssec{
        padding-top: 16px;
        padding-bottom: 16px;
    }
    
    .loginform .ui.segment {
        position: relative;
        background: #fff;
        -webkit-box-shadow: 0 0px 0px 0 rgba(34, 36, 38, .15)  !important;
        box-shadow: 0 0px 0px 0 rgba(34, 36, 38, .15)  !important;
        margin: 1rem 0;
        padding: 1em 1em;
        border-radius: .28571429rem;
        border: 0px solid rgba(34, 36, 38, .15)  !important;
    }
    
    .ui.form .field>label {
        display: block;
        margin: 0 0 .28571429rem 0;
        color: rgba(0, 0, 0, .87);
        font-size: .92857143em;
        font-weight: 500 !important;
        text-transform: none;
        font-size: 15px !important;
    }
    .loginform .btn {
        text-transform: capitalize !important;}
    
    
       /* Custom z-index for the modal */
    .ui.modal {
        z-index: 9999 !important;
    }
    
    /* Dimmer should be below the modal */
    .ui.dimmer {
        z-index: 9998 !important;
    }
    
    /* Make the modal content area scrollable */
    .ui.modal .content {
        max-height: 80vh;   /* Max height is set to 80% of the viewport height */
        overflow-y: auto;   /* Enable vertical scrolling if content exceeds max-height */
        padding-right: 10px; /* Optional: add space for the scrollbar */
    }
    
    
    .ui.modal {
        max-width:  680px !important;
        margin: 0;
    }
    
    .ui.modal .header{
        font-size: 18px !important;
        color: #1F2A44 !important;
        margin-top: 16px !important;
        font-weight: 600 !important;
        text-align: center;
    }
    .field {
        position: relative;
        margin-top: 20px;
      }
      
      .floating-label-container {
        position: relative;
      }
      
      .floating-label-container input {
        width: 100%;
        padding: 12px 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        outline: none;
        transition: border-color 0.3s, box-shadow 0.3s;
      }
      
      .floating-label-container input:focus {
        border-color: #007bff;
        box-shadow: 0 0 4px rgba(0, 123, 255, 0.3);
      }
      
      .floating-label-container label {
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        font-size: 16px;
        color: #999;
        pointer-events: none;
        transition: all 0.3s ease;
      }
      
      .floating-label-container input:focus + label,
      .floating-label-container input:not(:placeholder-shown) + label {
        top: 0px;
        font-size: 16px;
        color: #1F2A44;
        background-color: #fff;
        padding: 0 4px;
      }
      
    
      #dropZone, #dropzonelgo {
        border: 2px dashed #ccc;
        border-radius: 5px;
        padding: 20px;
        text-align: center;
        cursor: pointer;
        transition: border-color 0.3s;
      }
      
      #dropZone.drag-over {
        border-color: #21ba45; /* Green color for drag-over effect */
      }
      
    
      .ui.modal .content {
        max-height: 87vh;
        overflow-y: auto;
        padding-right: 10px;
        /* margin-bottom: 800px; */
    }
    
    .createRideModal .header svg{
        float: right;
        margin-top: -28px !important;
        margin-right: -12px !important;
    }
    
    .countssec p{
        font-size: 12px;
        font-family: "Libre Franklin", sans-serif !important;
        color: #a2aaad !important;
    }
    
    .countssec{
        text-align: center;
    }
    
    .bg-primary {
        /* background-color: #2196F3 !important; */
        background: url(../images/bg.png) no-repeat !important;
    }
    
    .groupselect .ui.selection.dropdown {
        border: 0px solid rgba(34, 36, 38, .15);
    }
    
    .tabledata img{
        height: 50px;
        width: 50px;
    }
    
    .imgsectiondata{
        height: 50px;
        width: 50px;
    }
    .settings-menu li a:hover {
        color: green !important;
    }

    .password-field {
        position: relative;
    }
    
    .password-field input {
        width: 100%;
        padding-right: 40px; /* Space for the eye icon */
    }
    
    .password-field .toggle-password {
        position: absolute;
        top: 50%;
        right: 10px;
        /* transform: translateY(-50%); */
        cursor: pointer;
        color: #888;
    }
    
    .password-field .toggle-password:hover {
        color: #555;
    }
    

    
    .membbersection, .invitessection{
        min-height: 500px;
    }
    .table td, .table th {
       font-size: 16px;
    }
    
    .table td, .table td {
        font-size: 14px ;
     }
    
     .table td, .table td {
        align-items: center;
        align-content: center;
    }
    
    .prophoto{
        width: 70px;
    }
    
    .tfootersection{
        align-items: center;
        align-content: center;
        margin: 16px;
    }
    
    
    #invitememberModal{
    /* height: 338px; */
    max-height: 270px;
    margin: auto;
    }
    
    .approvenot{
        border-radius: 3px;
        background: var(--Lacorsa-Yellow-100, #F2A343);
        display: flex;
        padding: 2px 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        font-size: 16px;
        color: #ffffff;
    }
    
    #invitessectiondata{
        
    }
    
    .invitessection .ibox-body{
        margin-top: 20px;
    }
    
    .approvenot{
        margin-top: 10px;
    }
    
    /* Container for the dropdown */
    .dropdown {
        position: relative;
        display: inline-block;
      }
      
      /* The trigger button */
      .menu-trigger {
        background: none;
        border: none;
        cursor: pointer;
        padding: 8px;
        border-radius: 50%;
        transition: background-color 0.3s;
      }
      
      /* Hover effect for the button */
      .menu-trigger:hover {
        background-color: rgba(0, 0, 0, 0.1);
      }
      
      /* The material icon */
      .icon-container .material-icons {
        font-size: 24px;
        color: #555;
      }
      


      .nexttosteponeproceed{
        display: none;
      }

      /* Dropdown menu styles */
      .dropdown-menu {
        position: absolute;
        top: 100%;
        left: -84px;
        z-index: 1000;
        display: none;
        float: left;
        /* min-width: 135px; */
        padding: 6px 0;
        margin: 0px 0 0;
        font-size: 1rem;
        color: #373a3c;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: .25rem;
      }
      
      /* Dropdown menu item */
      .dropdown-item {
        padding: 10px 20px;
        display: block;
        text-decoration: none;
        color: #333;
        font-size: 14px;
        transition: background-color 0.3s;
        width: inherit !important;
      }
      
      /* Hover effect for menu items */
      .dropdown-item:hover {
        background-color: #f0f0f0;
      }
      
      /* Show dropdown menu when active */
      .memberstable .dropdown:hover .dropdown-menu {
        display: block;
      }
     
    /* Container holding the dropdown */
    #recordsviewdata .dropdownbtns{
        text-align: center; /* Center content within the table */
    }
    
    #recordsviewdata .dropdown {
        position: relative;
        display: inline-block;
        float: none; /* Float removed for proper centering */
        margin: 0 auto; /* Center aligns within its container */
        text-align: center; /* Ensures child elements are aligned */
    }
    
    
    .memberstable td {
        padding: 20px 10px !important;
    }
    
    .memberstable  th {
        padding: 20px 10px !important;
    }
    
    .floating-label-group {
        position: relative;
        margin-bottom: 1.5rem;
      }
    
      .floating-label-group input {
        width: 100%;
        padding: 10px 10px 10px 5px;
        font-size: 16px;
        border: 1px solid #ccc;
        border-radius: 4px;
        outline: none;
        transition: border-color 0.3s ease;
      }
    
      .floating-label-group input:focus {
        border-color: #1f2a44;
      }
    
      .floating-label-group label {
        position: absolute;
        top: 10px;
        left: 9px;
        font-size: 14px;
        color: #999 !important;
        pointer-events: none;
        transition: all 0.3s ease;
        background: #fff;
        padding: 0px 0px 0px 5px;
      }
    
      .floating-label-group input:focus + label,
      .floating-label-group input:not(:placeholder-shown) + label {
        top: -10px;
        font-size: 16px;
        color: #1f2a44;
      }
    
      .floating-label-group textarea:focus + label,
      .floating-label-group textarea:not(:placeholder-shown) + label {
        top: -10px;
        font-size: 16px;
        color: #1f2a44;
      }
    
      /* .floating-label-group select:focus + label,
      .floating-label-group select:not(:placeholder-shown) + label {
        top: -10px;
        font-size: 16px;
        color: #1f2a44;
      } */
    
      .pagination-container{
        align-content: center !important;
      justify-content: center !important;
      }
    
      .date-container {
        background-color: #F2A343;
        width: 90px  !important;
        height: 91px;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-weight: 600;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
        align-content: center;
    }
    
    .mygroupsrides{
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px; 
    }
    
    .mygroupsrides{
        cursor: pointer;
        min-height: 90px;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
    }
    
    .datesidecontainer{
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 90px;
    }
    
    
    .titlecontainer .header-text{
        color: #1F2A44;
        /* font-family: "Libre Franklin"; */
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
    }
    
    .titlecontainer{
        padding: 16px 16px 16px 16px !important;
        align-content: center;
    }
    
    
    .mygroupsrides .buttons{
        align-items: center;
        justify-content: center;
        align-self: center;
    }
    
    .chevron.sharp {
        font-size: 1.5em; /* Adjust size as needed */
        color: #333; /* Chevron color */
        transform: rotate(0deg); /* Initial state */
        transition: transform 0.3s ease; /* Smooth rotation */
        cursor: pointer;
      }
      
      .title.active .chevron.sharp {
        transform: rotate(90deg); /* Rotate when accordion is active */
      }
      
    
      .viewroutedata{
        background-color: #1FBBCA !important;
        background: #1FBBCA !important;
        border-radius: 7px;
        padding-left: 0px;
        width: 60px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        border: 1px solid rgb(77, 255, 240);
        margin-right: 0px;
        color: #fff;
        font-weight: 600;
        font-size: 36px;
        margin-right: 36px;
    }
    
    .date-time-location{
        color: #1F2A44;
        font-size: 16px !important;
        /* font-family: "Libre Franklin", sans-serif !important; */
    }
    
    .chevron-icon {
        width: 20px; /* Adjust the size as needed */
        height: 20px;
        color: #333; /* Chevron color */
        transform: rotate(0deg); /* Default rotation */
        transition: transform 0.3s ease; /* Smooth rotation animation */
        cursor: pointer;
      }
      
      .title.active .chevron-icon {
        transform: rotate(180deg); /* Rotate the chevron when the accordion is active */
      }
      
    
      .rightbtnssections{
        padding: 16px !important;
        align-content: center;
      }
    
      .myridestab{
        margin-top: 16px;
      }
    
      .registered{
        font-size: 16px;
        color: #1F2A44;
        margin-bottom: 0px !important;
        margin-top: 0;
        color: #3e3e3e;
        font-size: 14px !important;
        font-weight: 600;
      }
    
      .editbuttons{
        align-content: center;
      }
    
      .date-time-location .dateimg{
        height: 15px;
        width: 15px;
        margin-right: 4px;
      }
    
      .date-time-location .dateimg2{
        height: 18px;
        width: 18px;
        margin-right: 4px;
      }
      .clearfix{
        width: 24px;
      }
    
      .date-time-location .date{
        padding-right: 24px;
      }
    
      .daydate {
        color: #FFF;
        text-align: center;
        font-size: 36px;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: -0.5px;
    }
    
    .monthyyyy {
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: -0.5px;
        margin-bottom: 9px;
    }
    
    .dayweek{
        color: #FFF;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: -0.5px;
        margin-top: 9px;
    }
    
    .rightcolumn .row-item{
        text-align: right;
        /* margin-bottom: 12px; */
    }
    
    .mydatasection{
        padding: 16px;
    }
    
    .mydatasection .row-item{
        /* margin-bottom: 12px; */
        color: #A2AAAD;
        /* font-family: "Libre Franklin"; */
        font-size: 16px;
        font-weight: 400;
        line-height: 30px;
    }
    
    .routename{
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }
    
    .routesdata .table td, .table th {
        padding: 8px 2px 8px 2px;
        vertical-align: top;
        border-top: 1px solid #eceeef;
    }
    
    .draftstitle{
        text-align: center;
        font-weight: 600;
        color: #1F2A44;
        /* font-family: "Libre Franklin"; */
        font-size: 18px;
        font-style: normal;
        line-height: 24px;
    }
    
    .myrides_section_drafts .datesidecontainer{
        min-width: 88px !important;
    }
    
    .myrides_section_drafts .titlecontainer{
        max-width: 420px;
    }
    
    .panel-body {
        position: relative;
     }
     
     .time-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        top: 16px;
        left: 0;
        right: 0;
        width: 100%;
        padding: 0 10px;
     }
     
     .time-overlay {
        background-color: #5E4389;
        color: white;
        padding: 5px 10px;
        font-size: 14px;
        font-weight: bold;
        width: fit-content; /* Adjust width based on text */
     }
     
     .edit-icon {
        font-size: 16px;
        color: white;
        cursor: pointer;
        transition: color 0.3s;
     }
     
     .edit-icon:hover {
        color: #ccc; /* Change icon color on hover */
     }
     
    
     .panels-wells .panel .panel-body {
        padding: 0px !important;
    }
    
    .eventsdatasec .panel-footer{
        text-align: center;
        justify-content: center;
    }
    
    .eventsdatasec .panel-footer h2{
        align-self: stretch; 
        color: #1F2A44;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        word-wrap: break-word;
        padding-top: 6px;
        padding-bottom: 4px;
        text-align: center;
    }
    
    .eventsdatasec .panel-footer p{
        text-align: center;
        color: #1F2A44;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        word-wrap: break-word;
        margin-bottom: 6px;
    }
    
    .eventsdatasec .edit-icon{
        background: white;
        padding: 6px;
        color: black;
        border-radius: 6px;
    }
    
    .card-header {
        padding: 16px 4px 6px 0px !important;
        background-color: transparent;
        color: #757575;
        border-bottom: none;
      }
    
      .eventscards{
        padding-bottom: 16px;
      }
    
      .eventsdatacards{
        padding: 10px;
      }
    
      .ridesdatacards{
        padding: 10px;
      }
    
      .gallerysection, .feedssection, .routessections, .groupprofileesection{
        min-height: 600px;
        padding-top: 16px;
        padding-bottom: 16px;
      }
    
      .eventsbtnsdisplay{
        justify-content: center;
        align-content: center;
        width: 100%;
        display: flex;
        margin: auto;
      }
    
      .input-error {
        border: 1px solid #DA1884 !important;
        background-color: #ffe6f1; /* Light magenta background */
    }
    
    
    .groupheader{
        font-size: 16pt !important;
        font-weight: 600;
        color: #1F2A44;
    }
    
    .dategroupconatiner{
        display: flex;
        justify-content: space-between;
        padding-top: 8px;
        padding-bottom: 12px;
    }
    
    .subscriptionconatiner{
        float: right;
        background-color: #fa951a;
        color: #fff !important;
        border: none;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 4px;
        padding-bottom: 4px;
        border-radius: 4px;
    }
    
    .locationsectionsgroup{
        float: right;
    }
    
    .mygroupprofilepage .sectionheader{
        font-size: 16pt !important;
        font-weight: 600;
        color: #1F2A44;
        line-height: 1.8;
        margin-bottom: 8px;
    }
    
    .sectionheaderbg{
        font-size: 16px !important;
        margin-left: 0px;
        font-weight: normal;
    }
    
    .cleartextheight{
        height: 16px;
    }
    
    .ownersection{
        margin-bottom: 16px;
    }
    
    .bodytext{
        border-radius: 20px;
        background-color: #e2e8f0;
        color: #000000;
        font-weight: 500;
        padding-left: 8px;
        padding-right: 12px;
        padding-top: 8px;
        margin-right: 4px;
        width: fit-content;
        margin-bottom: 6px !important;
        padding-bottom: 8px;
    }
    
    .bodydata{
        margin-top: 8px;
        margin-bottom: 8px;
    }
    
    .ownertitle{
        margin-top: 8px;
        margin-bottom: 8px;
    }
    
    .deletebtneditgroup{
        display: flex;
        margin-bottom: 16px;
    }
    
    .deletegrp{
        color: #DA1884; height: 46px; width: 100%; font-size: 16px; font-weight: 600;
        cursor: pointer;
    }
    
    .groupbtn{
        background-color: white; color: #1F2A44; 
        border: 0px solid #ccc; height: 46px;
         width: 100%; font-size: 16px; font-weight: normal;
        border: 1px solid #1F2A44;
        border-radius: 7px;
        justify-content: center;
        margin-right: 16px;
        cursor: pointer;
    }
    
    .elitebutton{
        color: white;
        font-size: 16px;
    }
    
    .toplogosection{
        justify-content: center;
        align-content: center;
        align-items: center;
        display: flex;
    }
    
    .bodydesc{
        margin-top: 16px;
        font-size: 16px;
        color: #001945;
        text-align: justify; 
           line-height: 1.8rem;
    }
    
    .arrayrecords{
        display: flex;
    }
    
    .readmorebtn {
        background: none;
        border: none;
        font-weight: 800;
        color: #1F2A44;
        text-decoration: underline;
        cursor: pointer;
        padding: 0;
        font-size: inherit;
        display: inline;
        font-style: italic;
    }
    
    #deletegromodal {
        max-height: 280PX;
        margin: auto;
        width: 460px;
        border-radius: 7px;
    }
    
    #deletegromodal .ui.modal>.header {
        display: block;
        background: #fff;
        margin: 0;
        padding: 1px 0rem 12px;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: rgba(0, 0, 0, .85);
        border-bottom: 0px solid rgba(34, 36, 38, .15) !important;
    }
    
    .modalbodytext {
        padding: 32px 32px 32px 32px !important;
        font-size: 16px !important;
        font-family: "Libre Franklin", sans-serif !important;
        color: #0f0f0f !important;
    }
    
    
    .titletxt{
        font-size: 22px !important;
        color: #1F2A44 !important;
        margin-top: 32px !important;
        font-weight: 600 !important;
    }
    
    /* .approvemyuser{
        background-color: #1F2A44 !important;
        color: #fff !important;
        height: 46px;
        cursor: pointer;
        border-radius: 7px;
        padding: 0px 0px 0px 0px !important;
        text-align: center;
    } */
    
    .approvemyuser{
        border-radius: 3px;
        background-color: #1F2A44 !important;
        display: flex;
        padding: 2px 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        cursor: pointer;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        font-size: 16px;
        color: #ffffff;
    }

    .activitiesheader th{
        font-weight: 500 !important;
        color: black;
        font-size: 16px;
    }

    table.dataTable tbody th, table.dataTable tbody td {
        padding: 36px 8px !important;
    }



.ui.blue.button, .ui.blue.buttons .button {
    background-color: green  !important;
    color: #fff;
    text-shadow: none;
    background-image: none;
}

.ui.steps .step.active .title {
    color: #000000 !important;
    font-size: 16px !important;
}




/* For very small screens (<576px), center-align everything */
@media (max-width: 576px) {
    .myapplabels {
      text-align: right;
    }
    .addnew .btn{
text-align: center;
    }
  }
  
  /* For extra large screens (>1200px), ensure proper spacing */
  @media (min-width: 1200px) {
    .myapplabels {
     text-align: left;
    }

    .addnew .btn{
        text-align: right;
    }
  }
  
  .recordsviewdata_wrapper{
overflow-x: scroll !important;
  }











    .ibox-body{
        /* border: 0.1px solid rgb(238, 238, 238); */
         border-radius: 6px; margin-top: 20px; margin-left: 20px; margin-right: 20px;
    }

    .applysection{
        /* margin-left: 20px;
        margin-right: 20px; */
    }

    .myapplications .dropdown-menu {
        display: none;
        position: absolute;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        min-width: 150px;
        z-index: 1000;
    }
    
    .myapplications .dropdown:hover .dropdown-menu {
        display: block;
    }
    
    .myapplications .menu-trigger {
        cursor: pointer;
        border: none;
        background: none;
        display: flex;
        align-items: center;
    }
    


    #editeventmodalwindow{
        height: 260px;
        margin: auto !important;
        width: 500px;
    }

    #paylater{
        background-color: #f4a50d !important;
        color: white !important;
    }

    .contenttxt{
        text-align: center;
        padding: 8px;
        font-size: 14px;
        font-weight: 600;
    }

   .myapplications .dropdown-item {
        padding: 10px;
        text-decoration: none;
        display: block;
        cursor: pointer;
    }

    .returnbtn{
        background-color: #f4a50d !important;
        color: white !important;
    }


    #payform{
        height: 200px;
        text-align: center;
        align-content: center;
        padding: 40px;
    }

    #step_one{
        display: none;
    }
    
   .myapplications .dropdown-item:hover {
        background: #f1f1f1;
    }
    
    /* .invitestitle{
        height: 26px;
        width: fit-content;
        background-color: #1F2A44 !important;
        border-radius: 7px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        align-items: center;
        justify-content: center;
        align-self: center;
        display: flex;
        padding-left: 16px;
        padding-right: 16px;
    }
    
    .socilastitle{
        color: #1F2A44;
        font-size: 16px;
        padding-top: 16px;
        padding-bottom: 8px;
    }
    
    .socilalinks a{
    padding-right: 8px;
    }
    
    
    .ui.label {
        display: inline-block;
        line-height: 1;
        vertical-align: baseline;
        margin: 0 .14285714em;
        background-color: #e8e8e8;
        background-image: none;
        padding: .5833em .833em;
        color: rgba(0, 0, 0, .6);
        text-transform: none;
        font-weight: normal !important;
        border: 0 solid transparent;
        border-radius: .28571429rem;
        -webkit-transition: background .1s ease;
        transition: background .1s ease;
        font-size: 14px !important;
    }
    
    .ui.styled.accordion, .ui.styled.accordion .accordion {
        border-radius: .28571429rem;
        background: #fff;
        -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), 0 0 0 1px rgba(34, 36, 38, .15);
        box-shadow: 0 0px 0px 0 rgba(34,36,38,.15),0 0 0 0.6px rgba(34,36,38,.15) !important;
    }
    
    .tfootersection .previous{
    padding-right: 0px !important;
    }
    
    .tfootersection .next{
        padding-right: 0px !important;
        }
    
        .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            color: #ffffff !important;
            border: 1px solid #ffffff !important;
            background-color: #1F2A44 !important;
            height: 31px !important;
        }
    
        .groupadminlabel{
            font-size: 16px;
            color: #1F2A44 !important;
        }
        
     */
        


     @media (min-width: 767px) {
      
        .ui.form {
            font-size: 1rem;
            width: 100% !important;
        }
    }

    @media (min-width: 767px) {
        #login {
           min-width: 400px  !important
        }

        .ui.form {
            font-size: 1rem;
            /* width: 50% !important; */
        }
    }
    

    a {
        text-decoration: none !important;
    }

    .main-sidebar{

        min-height: 1200px !important
    }