@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    padding: 0;
    margin: 0;
    font-family: "Poppins";
}


/*Login Css Start Here*/
.loginSec {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 100px 200px;
    position: relative;
}

    .loginSec::before {
        content: '';
        background: url(../images/left-shape.png) no-repeat;
        width: 220px;
        height: 220px;
        background-size: contain;
        background-position: left;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .loginSec::after {
        content: '';
        background: url(../images/right-shape.png) no-repeat;
        width: 785px;
        background-size: contain;
        background-position: right;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .loginSec .loginWelcomeText {
        position: absolute;
        right: 200px;
        z-index: 1;
        top: 100px;
    }

        .loginSec .loginWelcomeText h2 {
            font-size: 60px;
            font-weight: 500;
            color: #000;
        }

        .loginSec .loginWelcomeText span {
            font-size: 60px;
            font-weight: 500;
            color: #fff;
        }

.loginForm {
    width: 550px;
    position: relative;
    z-index: 1;
}

    .loginForm a.siteLogo {
        display: block;
        text-align: center;
        margin-bottom: 70px;
    }

    .loginForm h1 {
        text-align: center;
        margin-bottom: 10px;
        font-size: 36px;
        color: #3E3D3D;
    }

        .loginForm h1 > span {
            color: #A3D25B;
        }

    .loginForm p {
        font-size: 16px;
        font-weight: 400;
        color: #707070;
        text-align: center;
        margin-bottom: 40px;
    }

.cstmInputBox input {
    padding: 20px 50px 20px 20px;
    font-size: 16px;
    font-weight: 400;
    color: #3E3D3D;
}

.cstmInputBox i {
    font-size: 24px;
    color: #7B7B7B;
    position: absolute;
    right: 20px;
    top: 26px;/*updated on 12/9/25*/
    transform: translateY(-50%);
}

.cstmFormCheck {
    display: flex;
    align-items: center;
    padding: 0;
    gap: 7px;
    padding: 0px;
}

    .cstmFormCheck input {
        width: 22px;
        height: 22px;
        float: none !important;
        margin: 0 !important;
    }

    .cstmFormCheck label {
        font-size: 16px;
        font-weight: 400;
        color: #3E3D3D;
    }

.loginForm .forgotPassworLink {
    font-size: 16px;
    font-weight: 400;
    color: #A3D25B;
    text-align: right;
}

.loginBtn {
    margin-top: 60px;
    font-size: 20px;
    font-weight: 500;
    background-color: #A3D25B;
    padding: 18px;
    border: none;
    border-radius: 5px;
}

/*Login Css End Here*/

/*Dashboard Css Start Here*/
/*Header Css Here*/
.headersec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    /*padding: 23px 15px;*/
    /*23-08-2025 new css*/
    padding: 11px 15px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    /*    margin-left: 300px;*/
    position: sticky;
    top: 0;
    z-index: 9;
    transition: all 0.3s ease-in-out;
    /*    23-08-2025 new css */
    margin-left: auto;
    width: calc(100% - 300px);
}

    .headersec .menuBtn {
        background: transparent;
        border: none;
        outline: none;
    }

    .headersec .rightPanelBoxhead {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .headersec .rightPanelBoxhead button {
            background: transparent;
            border: none;
            outline: none;
            width: 40px;
            height: 40px;
            padding: 0px;
            border-radius: 50%;
            overflow: hidden;
        }

.profileDropdown ul {
    padding: 0px;
    overflow: hidden;
}

    .profileDropdown ul li {
        border-bottom: 1px solid #ddd;
    }

        .profileDropdown ul li:last-child {
            border: none;
        }

        .profileDropdown ul li a {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 7px 10px;
        }

            .profileDropdown ul li a span:first-child {
                width: 20px;
                text-align: center;
                color: #9fbd5f;
            }

            .profileDropdown ul li a:hover {
                background: #9fbd5f;
            }

                .profileDropdown ul li a:hover span:first-child {
                    color: #000;
                }


/*Sidebar Css Here*/
.closeAside {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    background-color: #a3d25b;
    color: #000;
    position: absolute;
    right: -15px;
    top: 25px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    display: none;
}

.sidebarsec {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 300px;
    background: #9FBD5F;
    transition: all 0.3s ease-in-out;
    z-index: 9;
}

    .sidebarsec > a.sitelogo {
        display: block;
        background: #fff;
        text-align: center;
        padding: 10px;
    }

    .sidebarsec ul {
        list-style: none;
        /*padding: 20px 0px;*/
        padding: 10px 0;
        margin: 0px;
    }

        .sidebarsec ul li {
            padding-left: 15px;
            margin-bottom: 5px;
            /* 23-08-2025 new css */
            padding-right: 10px;
        }

            .sidebarsec ul li a {
                display: flex;
                padding: 15px;
                gap: 15px;
                text-decoration: none;
                font-size: 16px;
                font-weight: 400;
                color: #000;
                border-radius: 15px;
            }

                .sidebarsec ul li a span {
                    line-height: normal;
                }

                .sidebarsec ul li a:hover,
                .sidebarsec ul li a.sidenavlinkActive {
                    /* background: #6F8D30; */
                    background: #4b5f21;
                    /*border-radius: 15px;*/
                    color: #fff;
                }

                    .sidebarsec ul li a:hover span svg,
                    .sidebarsec ul li a.sidenavlinkActive span svg,
                    .sidebarsec ul li a:hover span svg path,
                    .sidebarsec ul li a.sidenavlinkActive span svg path {
                        stroke: #fff;
                        opacity: 1;
                    }

.dashboardBodySection {
    /*    padding: 30px;*/
    padding: 15px;
    /*    margin-left: 300px;*/
    transition: all 0.3s ease-in-out;
    margin-left: auto;
    width: calc(100% - 300px);
}

.sectionHeading h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.dashboardCard {
    background-color: #F0F0F0;
    padding: 20px;
    border-radius: 20px;
}

    .dashboardCard > * > h2 {
        margin-bottom: 0px;
        font-size: 16px;
        font-weight: 600;
        color: #000;
    }

.elipseBtn {
    background: transparent;
    padding: 0;
    border: none;
    outline: none;
    font-size: 20px;
    color: #000;
}

.dcardIconbox {
    width: 107px;
    height: 107px;
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 46%, rgba(139, 173, 69, 1) 100%);
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.d-contentBox {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 5px;
    margin-top: 15px;
}

    .d-contentBox h2 {
        font-size: 34px;
        font-weight: 600;
        color: #000;
        margin-bottom: 0px;
    }

    .d-contentBox span {
        font-size: 16px;
        font-weight: 400;
        color: #000;
    }

        .d-contentBox span.successText {
            color: #06BA06;
        }


.cardWrapperBox {
    background-color: #F0F0F0;
    border-radius: 20px;
    padding: 20px;
}

    .cardWrapperBox .sectionHeading h2 {
        font-size: 16px;
        margin: 0px;
    }


.cstmInputBox label {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    margin-bottom: 5px;
}

.cstmInputBox input {
    border: 1px solid #939393;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
    border-radius: 5px;
}

.cstmInputBox select {
    border: 1px solid #939393;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 30px 10px 10px;
    border-radius: 5px;
}

.cstmInputBox input::placeholder {
    color: #B2B1B1;
}

.cstmInputBox input:focus,
.cstmInputBox select:focus {
    box-shadow: unset;
    border-color: #939393;
}

.cstmprimaryBTN {
    background: #A3D25B;
    border: none;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    padding: 11px;
    align-self: end;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
}

    .cstmprimaryBTN:hover {
        background-color: #87b443;
    }

/*Table Css Here*/
.tableWrapperSec .dt-length label {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-transform: capitalize;
}

.tableWrapperSec .dt-length select {
    border-color: #E0E7ED;
    background-color: #F9F9F9;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 30px 7px 7px;
}

.tableWrapperSec .dt-search input {
    border-color: #E0E7ED;
    background-color: #F9F9F9;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 7px;
}

.tableWrapperSec table tr th {
    background-color: #F9F9F9 !important;
    border-color: #524E4E;
    font-size: 16px;
    font-weight: 600;
    color: #333A40;
    padding: 15px;
    outline: 1px solid rgba(0, 0, 0, 0.00) !important;
    outline-offset: 0px !important;
}

    .tableWrapperSec table tr th:hover {
        outline: 1px solid rgba(0, 0, 0, 0.00) !important;
        outline-offset: 0px !important;
    }

    .tableWrapperSec table tr th:first-child {
        border-radius: 10px 0px 0px 0px;
    }

    .tableWrapperSec table tr th:last-child {
        border-radius: 0px 10px 0px 0px;
    }

.tableWrapperSec table tr td {
    font-size: 16px;
    font-weight: 400;
    color: #424242;
    padding: 10px 15px;
    vertical-align: middle;
}

    .tableWrapperSec table tr td .actionItem .editBtn {
        background-color: #042E48;
        border: none;
        color: #fff;
        font-size: 18px;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        text-align: center;
        margin-right: 5px;
    }


    .tableWrapperSec table tr td .actionItem .editUserBtn {
        background-color: #042E48;
        border: none;
        color: #fff;
        font-size: 18px;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        text-align: center;
        margin-right: 5px;
    }


    .tableWrapperSec table tr td .actionItem .editAgencyBtn {
        background-color: #042E48;
        border: none;
        color: #fff;
        font-size: 18px;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        text-align: center;
        margin-right: 5px;
    }


    .tableWrapperSec table tr td .actionItem .editClientUserBtn {
        background-color: #042E48;
        border: none;
        color: #fff;
        font-size: 18px;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        text-align: center;
        margin-right: 5px;
    }

   

.tableWrapperSec table tr td .actionItem .deleteBtn {
    background-color: #DA0000;
    border: none;
    color: #fff;
    font-size: 18px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
}
    
    .tableWrapperSec table tr td .actionItem .deleteNonBtn {
        background-color: #DA0000;
        border: none;
        color: #fff;
        font-size: 18px;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        text-align: center;
    }
    .tableWrapperSec table tr td .actionItem .deleteAgencyBtn {
        background-color: #DA0000;
        border: none;
        color: #fff;
        font-size: 18px;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        text-align: center;
    }

    .tableWrapperSec table tr td .actionItem .deleteUserBtn {
        background-color: #DA0000;
        border: none;
        color: #fff;
        font-size: 18px;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        text-align: center;
    }

    .tableWrapperSec table tr td .actionItem .deleteClientBtn {
        background-color: #DA0000;
        border: none;
        color: #fff;
        font-size: 18px;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        text-align: center;
    }

    .tableWrapperSec table tr td .actionItem .deleteTribalConsultationsBtn {
        background-color: #DA0000;
        border: none;
        color: #fff;
        font-size: 18px;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        text-align: center;
    }



.tableWrapperSec .dt-scroll-body {
    border: none;
}

.tableWrapperSec table tr:last-child td:first-child {
    border-radius: 0px 0px 0px 10px;
}

.tableWrapperSec table tr:last-child td:last-child {
    border-radius: 0px 0px 10px 0px;
}

.tableWrapperSec .dt-info {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.tableWrapperSec .page-link {
    color: #000;
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-color: #ddd;
}

    .tableWrapperSec .page-link:focus {
        box-shadow: unset;
        border-color: #ddd;
    }

    .tableWrapperSec .page-link:hover,
    .tableWrapperSec .active > .page-link,
    .tableWrapperSec .page-link.active {
        background-color: #A3D25B;
        border-color: #A3D25B;
        color: #fff;
    }

/*Dashboard Css End Here*/

/*Dashboard Sidebar Collapse Css Start Here*/

.dashboardSlide .headersec,
.dashboardSlide .dashboardBodySection {
    /*    margin-left: 90px;*/
    width: calc(100% - 79px);
}

.dashboardSlide .sidebarsec {
    /*width: 90px;*/
    width: 79px;
}

    .dashboardSlide .sidebarsec > a.sitelogo {
        height: 85px;
        display: flex;
        align-items: center;
    }

        .dashboardSlide .sidebarsec > a.sitelogo img {
            /*width: 100%;*/
            max-width: 100%;
            height: auto;
            margin: 0 auto;
        }

    .dashboardSlide .sidebarsec ul li a span:nth-child(2) {
        display: none;
    }

.cstmDangerBtn {
    background: #d70000;
    color: #fff;
}

.btnBox {
    padding-top: 15px;
    border-top: 1px solid #ddd;
    margin-top: 0px;
}

.cstmInputBox textarea {
    border: 1px solid #939393;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 30px 10px 10px;
    border-radius: 5px;
}

    .cstmInputBox textarea::placeholder {
        color: #B2B1B1;
    }

    .cstmInputBox textarea:focus {
        box-shadow: unset;
        border-color: #939393;
    }

/*Dashboard Sidebar Collapse Css End Here*/


/*By Shiv*/
.sidenavbox .sublink {
    padding-left: 2.5rem;
    font-size: 0.95rem;
    background: #6F8D30;
    color: #f8f9fa;
}

#DefaultTowerList {
    width: 100%; /* Ensure full width */
}

    #DefaultTowerList td {
        white-space: normal !important;
        word-wrap: break-word;
        vertical-align: top;
    }

    #DefaultTowerList th,
    #DefaultTowerList td {
        max-width: 100px;
    }

        /* Specific widths for important columns */
        #DefaultTowerList th:nth-child(1),
        #DefaultTowerList td:nth-child(1) {
            max-width: 100px;
            white-space: normal;
        }

        #DefaultTowerList th:nth-child(2),
        #DefaultTowerList td:nth-child(2) {
            max-width: 100px;
            white-space: normal;
        }

        #DefaultTowerList th:nth-child(4),
        #DefaultTowerList td:nth-child(4) {
            max-width: 100px;
            white-space: normal;
        }

        #DefaultTowerList th:nth-child(8),
        #DefaultTowerList td:nth-child(8) {
            max-width: 100px;
        }

        /* Targeting columns for wrapping */
        #DefaultTowerList th:nth-child(11),
        #DefaultTowerList td:nth-child(11) {
            max-width: 100px;
            white-space: normal;
        }

        #DefaultTowerList th:nth-child(12),
        #DefaultTowerList td:nth-child(12) {
            max-width: 100px;
            white-space: normal;
        }

        #DefaultTowerList th:nth-child(13),
        #DefaultTowerList td:nth-child(13) {
            max-width: 100px;
            white-space: normal;          
        }

        /* New styles for wrapping Site Name, FRN Entity, and Order Date */
        #DefaultTowerList th:nth-child(5), /* Site# */
        #DefaultTowerList td:nth-child(5) {
            max-width: 100px; /* Adjust width as needed */
            white-space: normal; /* Allow wrapping */
        }

        #DefaultTowerList th:nth-child(10), /* Order Date */
        #DefaultTowerList td:nth-child(10) {
            max-width: 100px; /* Adjust width as needed */
            white-space: normal; /* Allow wrapping */
        }







/*11-08-2025 Css here*/
.rangedateFilterbox {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

    .rangedateFilterbox .cstmFormInputBox {
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .rangedateFilterbox .cstmFormInputBox label {
            font-size: 14px;
            font-weight: 500;
            color: #000;
        }

        .rangedateFilterbox .cstmFormInputBox input {
            width: 155px;
            font-size: 16px;
        }

.sidebarsec:hover {
    width: 300px;
}

.dashboardSlide .sidebarsec:hover ul li a span:nth-child(2) {
    display: block;
}

.sidebarsec ul li a span:first-child {
    width: 24px;
    min-width: 24px;
    text-align: center;
}

.dashboardSlide .sidebarsec ul li a .fa-chevron-down {
    display: none;
}

.dashboardSlide .sidebarsec:hover ul li a .fa-chevron-down {
    display: block;
}
.dashboardSlide .sidenavbox li > ul li {
    padding: 0;
}


.dashboardSlide .sidenavbox li > ul li a {
    padding-left: 15px;
      transform:scale(.9);
}
.dashboardSlide .sidebarsec:hover .sidenavbox li > ul li {
    transform: scale(1);
}

.custmprofile-thumb {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #9fbd5f4f;
    color: #677c3c;
}
.profileDropdown .btn:focus-visible,
.profileDropdown .btn:active,
.profileDropdown .btn:focus {
    box-shadow: unset;
    border: 0;
    outline: 0;
}


.drag-and-drop-area {
    border: 2px dashed #007bff;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .drag-and-drop-area:hover {
        background-color: #f0f8ff;
    }

    .drag-and-drop-area.dragover {
        background-color: #e0e0e0;
    }

    .drag-and-drop-area ul {
        list-style-type: none;
        padding: 0;
    }

.select-container {
    position: relative;
}

    .select-container select.form-control {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding-right: 25px; 
    }

    .select-container::after {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #000; 
        pointer-events: none;
    }


:root {
    --bc-bg: #fff;
    --bc-foreground: #111827;
    --bc-muted: #6b7280;
    --bc-accent: #90e20b;
    --bc-sep: rgba(17,24,39,0.06);
    --bc-radius: 10px;
    --bc-padding: 8px 12px;
    --bc-font: 14px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

/* Container */
.breadcrumb {
    background: linear-gradient(180deg, rgba(255,255,255,0.8), rgba(250,250,250,0.8));
    padding: 10px;
    border-radius: var(--bc-radius);
    box-shadow: 0 1px 2px rgba(0,0,0,0.04), inset 0 1px 0 rgba(255,255,255,0.5);
    display: inline-block;
    font: var(--bc-font);
}

/* List layout */
.breadcrumb__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

/* Item */
.breadcrumb__item {
    display: flex;
    align-items: center;
    color: var(--bc-muted);
    white-space: nowrap;
}

/* Link styles */
.breadcrumb__link,
.breadcrumb__current {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: var(--bc-padding);
    border-radius: 8px;
    color: var(--bc-foreground);
    text-decoration: none;
    transition: background .18s ease, color .18s ease, transform .06s ease;
    font-weight: 500;
    font-size: 0.95rem;
}

    /* Hover / focus for links */
    .breadcrumb__link:hover,
    .breadcrumb__link:focus {
        background: #d2ff9828;
        color: var(--bc-accent);
        outline: none;
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(37,99,235,0.06);
    }

/* Current page style */
.breadcrumb__current {
    color: var(--bc-muted);
    background: transparent;
    padding: calc(var(--bc-padding) - 2px);
    font-weight: 600;
}

/* Separator (CSS fallback) */
.breadcrumb__item + .breadcrumb__item::before {
    content: "";
    /*content: "›";*/
    color: var(--bc-sep);
    margin: 0 6px;
    font-size: 0.9rem;
    transform: translateY(-1px);
}

/* Small screens: truncate middle items */
@media (max-width: 640px) {
    .breadcrumb__list {
        gap: 0.25rem;
    }

    .breadcrumb__item:not(:first-child):not(:last-child) .breadcrumb__link {
        max-width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* Optional compact variant */
.breadcrumb--compact {
    --bc-padding: 6px 8px;
    --bc-radius: 8px;
    font-size: 13px;
}
.breadcrumb__item + .breadcrumb__item.custmBreadcrumb::before {
    display:none;
}
.custmBreadcrumb.active .breadcrumb__link {
    background: #d2ff9828;
    color: var(--bc-accent);
    outline: none;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(37,99,235,0.06);
}

.addtower-container.cards-container {
    display: flex;
    gap: 10px;
}

.addtower-container .cardWrapperBox {
    flex: 1;
    width: 33.33%;
}

.addtower-container .form-group-inline {
    display: flex;
    align-items: center;
    margin-top: 4px;
    gap: 10px;
}

.addtower-container .form-label-inline {
    flex-shrink: 0;
    margin-top: 4px;
}

.addtower-container .form-label-small {
    font-size: 0.875rem;
    white-space: wrap;
    flex-shrink: 0;
}

.addtower-container .form-control-small {
    font-size: 0.5rem;
    height: 30px;
    margin-top: 4px;
    flex: 1;
}

.addtower-container .custom-form-input {
    font-size: 14px;
}


.tower-document ul {
display: flex;
align-items: center;
gap: 16px;
}
    .tower-document ul li {
    padding: 8px; 
    border-radius: 4px;
    border: 1px solid #e3e3e3;
}


.towerdocument-uploader {
    border: 2px dashed #007bff;
    padding: 20px;
    text-align: center;
}

.towerupload-btn {
    background-color: #A3D25B;
    border: none;
    color: #000000;
}



.AccessDenied {
    background-color: black;
    color: white;
}

.customh1 {
    color: red;
}

.customh6 {
    color: red;
    text-decoration: underline;
}