:root {
    --color-main: #000000 !important;
    --color-active: rgb(182 215 168) !important;
    /*#2aa55d;*/
    --color-active-a15: rgba(42, 165, 93, 0.15) !important;
    --color-hover: #e0f0d6 !important;
    /*#3bac6a;*/
    --background-color: rgb(255, 255, 255) !important;
    --btnprimaryback: rgba(82, 121, 111, 1) !important;
    /*#52796F;*/
    /* --btnprimarybackhover: rgba(132, 169, 140, 1) !important; */
    /*#84A98C;*/
    /* --btnprimaryselected: rgb(182 215 168) !important; */

    --fontcolorprimary: rgba(52, 64, 84, 1) !important;
    --fontcolorsecondary: rgba(71, 84, 103, 1) !important;
    /* Deep muted green */
    --btnprimarybackhover: #6DA66F !important;
    /* Clearer hover contrast */
    --btnprimaryselected: #A2C98A !important;
    /* More defined selection state */

    --select-option-hover: var(--btntranshover) !important;
    --select-option-active: var(--btnprimarybackhover) !important;
    /* gray */
    /*
    --btnsecondarycolor: rgb(255, 255, 255);
    --btnsecondaryback: rgba(96, 96, 96, 1);
    --btnsecondarybackhover: rgb(194, 194, 194);
    */
    /* white */
    --btnsecondarycolor: rgba(52, 64, 84, 1) !important;
    --btnsecondaryback: rgb(255, 255, 255) !important;
    --btnsecondarybackhover: rgb(255, 255, 255) !important;
    --btnsecondaryborder: rgba(231, 234, 238, 1) !important;
    /*no background btn*/
    --btntranshover: rgba(202, 210, 197, 1) !important;

    --select-option-hover: var(--btntranshover) !important;
    --select-option-active: var(--btnprimarybackhover) !important;

    --projectimg: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='128.000000pt' height='128.000000pt' viewBox='0 0 128.000000 128.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cmetadata%3E%0ACreated by potrace 1.10, written by Peter Selinger 2001-2011%0A%3C/metadata%3E%3Cg transform='translate(0.000000,128.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M155 1125 c-34 -33 -32 -70 5 -107 30 -29 30 -31 30 -141 1 -150 21%0A-177 139 -177 54 0 61 -2 61 -20 0 -17 -7 -20 -39 -20 -22 0 -42 -4 -45 -9%0A-10 -15 21 -32 51 -29 23 2 29 -1 31 -19 3 -22 0 -23 -71 -23 -72 0 -76 -1%0A-101 -31 -25 -29 -26 -37 -26 -141 0 -109 0 -110 -30 -138 -35 -33 -38 -67 -9%0A-104 34 -43 110 -32 129 20 12 29 -3 72 -30 91 -18 13 -20 26 -20 128 0 136 6%0A145 103 145 55 0 58 -1 55 -22 -2 -19 -8 -22 -31 -20 -30 3 -61 -14 -51 -29 3%0A-5 23 -9 45 -9 26 0 39 -4 39 -13 0 -16 42 -57 58 -57 6 0 12 -19 14 -43 4%0A-56 32 -59 36 -4 2 28 8 37 22 37 14 0 20 -9 22 -37 4 -52 32 -52 36 0 3 29 7%0A37 23 37 16 0 19 -7 19 -46 0 -38 -5 -51 -30 -74 -37 -35 -40 -77 -7 -108 50%0A-47 127 -15 127 53 0 30 -29 75 -49 75 -3 0 -6 23 -6 50 0 45 2 50 22 50 20 0%0A23 -5 23 -40 0 -29 4 -40 15 -40 11 0 15 11 15 40 0 35 3 40 24 40 20 0 23 -4%0A22 -37 -1 -28 3 -38 14 -38 10 0 16 12 18 38 3 29 9 40 31 51 15 8 32 26 39%0A40 8 19 20 25 49 28 26 2 38 8 38 18 0 11 -10 15 -37 14 -34 -1 -38 2 -38 22%0A0 22 4 24 55 24 46 0 60 -4 80 -25 23 -22 25 -31 25 -128 0 -103 0 -103 -30%0A-125 -58 -44 -26 -132 48 -132 71 0 99 86 42 133 -28 24 -29 27 -23 95 8 95%0A-3 159 -32 188 -21 21 -34 24 -95 24 -68 0 -70 1 -70 25 0 21 4 24 28 19 31%0A-5 58 8 48 25 -4 6 -23 11 -42 11 -27 0 -34 4 -34 19 0 16 9 19 69 23 111 6%0A132 39 126 203 -2 53 1 95 6 95 21 0 49 42 49 74 0 40 -37 76 -77 76 -34 0%0A-73 -42 -73 -80 0 -29 29 -70 50 -70 6 0 10 -43 10 -110 0 -137 -8 -150 -100%0A-150 -53 0 -60 2 -60 19 0 16 8 20 38 23 54 4 51 32 -5 36 -27 2 -43 8 -43 16%0A0 15 -42 56 -58 56 -7 0 -12 16 -12 39 0 22 -4 42 -9 45 -15 10 -32 -21 -29%0A-51 2 -22 -1 -29 -19 -31 -19 -3 -22 2 -25 38 -4 52 -22 52 -26 0 -3 -36 -6%0A-41 -25 -38 -18 3 -21 10 -22 52 0 41 4 51 28 68 38 27 39 87 1 117 -35 28%0A-69 26 -99 -4 -35 -34 -33 -76 5 -108 26 -22 30 -32 30 -76 0 -44 -3 -51 -20%0A-51 -17 0 -20 7 -20 39 0 24 -5 41 -14 44 -20 8 -26 -2 -26 -45 0 -31 -3 -38%0A-20 -38 -17 0 -20 7 -20 40 0 33 -3 40 -20 40 -17 0 -20 -7 -20 -38 0 -32 -5%0A-41 -25 -50 -14 -7 -30 -23 -37 -37 -9 -20 -18 -25 -50 -25 -31 0 -38 -3 -38%0A-20 0 -17 7 -20 40 -20 33 0 40 -3 40 -20 0 -18 -7 -20 -63 -20 -91 0 -97 9%0A-97 144 0 103 1 108 27 130 36 32 36 81 -1 113 -35 30 -71 29 -101 -2z m85%0A-30 c15 -19 4 -52 -21 -60 -38 -12 -65 35 -37 63 16 16 43 15 58 -3z m430 -4%0Ac13 -25 4 -48 -21 -56 -38 -12 -65 35 -37 63 18 18 46 14 58 -7z m430 0 c15%0A-28 -21 -71 -47 -55 -20 12 -28 37 -19 60 8 21 53 17 66 -5z m-272 -247 c21%0A-15 22 -20 22 -196 0 -155 -2 -184 -17 -200 -14 -16 -35 -18 -199 -18 -178 0%0A-183 1 -198 22 -13 18 -16 55 -16 195 0 160 2 175 20 193 18 18 33 20 193 20%0A140 0 177 -3 195 -16z m-584 -617 c16 -26 -27 -62 -55 -47 -19 10 -26 50 -12%0A64 13 12 56 2 67 -17z m430 0 c16 -26 -27 -62 -55 -47 -19 10 -26 50 -12 64%0A13 12 56 2 67 -17z m426 3 c15 -28 -22 -65 -49 -50 -24 13 -31 30 -19 53 12%0A23 55 22 68 -3z'/%3E%3Cpath d='M589 785 c-15 -8 -33 -32 -42 -53 -8 -21 -22 -44 -31 -51 -12 -10%0A-16 -32 -16 -86 0 -99 7 -105 138 -105 127 0 132 4 132 106 0 62 -3 77 -20 91%0A-11 10 -20 25 -20 35 0 53 -89 93 -141 63z m91 -45 c32 -32 24 -40 -40 -40%0A-64 0 -73 9 -43 42 21 24 58 23 83 -2z m54 -96 c3 -9 6 -35 6 -59 0 -32 -5%0A-47 -17 -53 -15 -7 -128 -9 -173 -3 -6 0 -10 30 -10 66 l0 65 94 0 c76 0 95%0A-3 100 -16z'/%3E%3Cpath d='M620 596 c0 -31 14 -40 30 -21 15 18 6 45 -15 45 -9 0 -15 -9 -15%0A-24z'/%3E%3C/g%3E%3C/svg%3E%0A") !important;
}


.secMain {
    width: 100%;
    padding: 0 72px;
}

.content-md {
    max-width: 1280px;
    margin: auto;
    padding-top: 3px;
}

.zonesSideBar {
    margin: auto;
    padding-top: 3px;
}

.optionsBar {
    align-items: center;
    display: flex;
    padding-bottom: 32px;
}

/*MARK: Fixed save btn*/
.save-button-container {
    position: fixed;
    bottom: 50px;
    right: calc(50% - 530px);
    z-index: 1028;
}

table.dataTable thead {
    height: 44px;
    background-color: rgba(249, 250, 251, 1);
    border-bottom: 1px solid rgba(240, 242, 244, 1);
    border-top: 1px solid rgba(240, 242, 244, 1);
}

table.dataTable thead tr th span.dt-column-title {
    height: 18px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: rgba(78, 90, 109, 1);
    float: inline-start;
}

table.dataTable tbody tr div.tableLine {
    /*div which contains the main row content (event column) */
    display: flex;
    align-items: center;
}

table.dataTable tbody tr div.tableLine div:nth-child(1) {
    /*div which contains the img */
    width: 40px;
    height: 40px;
}

table.dataTable tbody tr p.siteDescription {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 1);
    width: 100%;
    margin-bottom: 0px;
}


table.dataTable tbody tr p.siteAddress {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(71, 84, 103, 1);
    margin-bottom: 0px;
}

table.dataTable tbody tr .showImg {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin-right: 16px;
}

#siteDivMapPlaceHolder {
    margin: 24px 0 0 0;
    background-color: rgba(229, 229, 229, 1);
    width: 100%;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
    background: transparent url('/img/placeholder_map.png') no-repeat;
    background-size: 100%;
}

#siteDivMap {
    height: 240px;
    width: 100%;
    border-radius: 8px 0px 0px 0px;
    border: 1px 0px 0px 0px;
}

#siteDivMapPlaceHolder.soon:after {
    position: relative;
}

#secSiteInfo #mapBottomBar {
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(229, 229, 229, 1);
    border-radius: 4px;
    height: 86px;
    padding: 18px 0 0 15px;
    border-top: 0;
    border-radius: 8px;
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
}

#secSiteInfo #address {
    margin: 0;
}

#secSiteInfo #address,
#secSiteInfo #zipCityCountry {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}

.requestRow {
    display: flex;
    align-items: center;
    /* Align avatar and name vertically */
    width: 100%;
    /* Make the container take full width */
    gap: 16px;
}

/* .requestAvatar{
    width: 60px;
    height: 60px;
} */

.request-img {
    display: none;
    height: 30px;
    max-width: 30px;
    border-radius: 8px;
}

.person-icon-container {
    width: 30px;
    /* Set the width of the container */
    height: 30px;
    /* Set the height of the container */
    background-color: #b6d7a8;
    /* Set the desired background color (warm pastel) */
    border-radius: 50%;
    /* Makes the container circular */
    display: flex;
    /* Use flexbox to center the content */
    justify-content: center;
    /* Center horizontally */
    align-items: center;
    /* Center vertically */
}

.request-person-icon {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_99_5620' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_99_5620)'%3E%3Cpath d='M12 12C10.9 12 9.95833 11.6083 9.175 10.825C8.39167 10.0417 8 9.1 8 8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4C13.1 4 14.0417 4.39167 14.825 5.175C15.6083 5.95833 16 6.9 16 8C16 9.1 15.6083 10.0417 14.825 10.825C14.0417 11.6083 13.1 12 12 12ZM4 20V17.2C4 16.6333 4.14583 16.1125 4.4375 15.6375C4.72917 15.1625 5.11667 14.8 5.6 14.55C6.63333 14.0333 7.68333 13.6458 8.75 13.3875C9.81667 13.1292 10.9 13 12 13C13.1 13 14.1833 13.1292 15.25 13.3875C16.3167 13.6458 17.3667 14.0333 18.4 14.55C18.8833 14.8 19.2708 15.1625 19.5625 15.6375C19.8542 16.1125 20 16.6333 20 17.2V20H4Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
}

/*MARK: detailsHeader*/
.detailsHeader {
    display: flex;
    gap: 24px;
    align-items: center;
    margin-left: 24px;
    height: 72px;
}

.nameTitle {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: rgba(26, 26, 26, 1);
}

/*MARK: inner-sidebar*/
.inner-sidebar {
    background-color: #F9FAFB;
    max-width: 328px;
    min-width: 328px;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    min-height: 500px;
    justify-content: unset !important;
}

.inner-sidebar .inner-sidebar-nav {
    list-style-type: none;
    padding: 0;
}

.inner-sidebar .inner-sidebar-nav li {
    cursor: pointer;
    line-height: 24px;
    padding: 16px 0 14px 24px;
    text-align: left;
    border-bottom: 2px solid transparent;
}

.inner-sidebar .inner-sidebar-nav li.active {
    background: var(--btnprimaryselected);
}

.inner-sidebar .inner-sidebar-nav :hover {
    background: var(--color-hover);
}

.inner-sidebar .inner-sidebar-nav li a {
    line-height: 24px;
    font-weight: 600;
    font-size: 16px;
    color: #182230;
    text-decoration: none;
    display: block;
    background: transparent !important;

}

.inner-sidebar .inner-sidebar-nav li a span {
    background: transparent !important;

}


.inner-sidebar .title {
    display: flex;
    padding: 38px 80px 10px 24px;
    ;
    line-height: 40px;
    font-weight: 700;
    font-size: 32px;
    color: rgba(7, 20, 55, 1);
}

/*
#secTabLayouts .inner-sidebar-nav li {
    padding: 16px 80px 14px 24px;
}

.inner-sidebar .inner-sidebar-nav a {
    color: rgba(102, 112, 133, 1);
}

/* .inner-sidebar-nav .templateType {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--btnprimaryback);
    padding: 24px 0 8px 27px;
    text-align: left;
} */

/*MARK: clients*/

#newClientModal .searchMessage {
    padding: 2px 15px;
    margin: 10px;
}


/*MARK: client info*/

.secClientInfo,
.secContractInfo {
    max-width: 860px;
    margin: auto;
    padding-right: 100px;
    position: relative;
}

#secSiteZones #zones {
    display: flex;
}

#clientAddresses {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

#clientAddresses .add-address-card {
    width: 86px;
    text-align: center;
    cursor: pointer;
    height: 200px;
    transition: background-color 0.2s ease;
    border-radius: 10px;
}

#clientAddresses .add-address-card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

#clientAddresses .card {
    height: 200px;
    width: 320px;
    border: 1px solid #C7C7C7;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .16);
}

#clientAddresses .card-title {
    margin-bottom: 0.5rem;
}

.add-address-card:hover {
    background-color: var(--btnprimarybackhover);
}

.add-address-card:hover .plus-icon,
.add-address-card:hover .text-muted {
    color: white !important;
}

.plus-icon {
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 1;
    color: var(--btnprimaryback);
    /* Replace with any color you prefer */
}

.edit_button_container {
    cursor: pointer;
    background-color: #FFFFFF;
    width: 40px;
    height: 40px;
    padding-top: 8px;
    padding-left: 9px;
    margin-left: auto;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
}

.edit_button_container:hover {
    background-color: #F5F5F5;
    border: 1px solid #C7C7C7;
}

.editIcon {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.666992 18.9991V15.6658H17.3337V18.9991H0.666992ZM2.33366 13.9991V10.8741L9.87533 3.33245L13.0003 6.45745L5.45866 13.9991H2.33366ZM4.00033 12.3324H4.75033L10.667 6.45745L9.87533 5.66578L4.00033 11.5824V12.3324ZM13.9378 5.54078L10.8128 2.41578L12.3128 0.915781C12.4656 0.749115 12.66 0.669253 12.8962 0.676198C13.1323 0.683142 13.3267 0.763003 13.4795 0.915781L15.4378 2.87411C15.5906 3.02689 15.667 3.21786 15.667 3.44703C15.667 3.6762 15.5906 3.87411 15.4378 4.04078L13.9378 5.54078Z' fill='%23344054'/%3E%3C/svg%3E");
}

/*MARK: ADC*/
#addADCModal .adcFirstCheckbox {
    margin: 10px;
}

#addADCModal .custom-checkbox:checked {
    background-color: var(--btnprimaryback);
    border-color: var(--btnprimaryback);
}



/*MARK: site UC location*/
.secSiteZones .locations {
    width: 100%;
}

.secSiteLocations {
    padding: 20px 72px 0 72px;
}

.secSiteZones #createZoneBtn {
    margin-left: 60px;
}

.secSiteLocations .url-subrow-td {
    background: #e0f0d657;
}

.secSiteLocations .url-list {
    padding-left: 15px;
}

.secSiteLocations .url-span {
    padding-left: 15px;
}

.secSiteLocations .url-list>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.secSiteLocations .url-item-row {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.secSiteLocations .url-info {
    display: flex;
    width: 100%;
}

.secSiteLocations .url-column {
    flex: 0 0 auto;
}

.secSiteLocations .url-source {
    margin-left: auto;
    padding-right: 15px;
}

.secSiteLocations .url-link {
    padding-left: 30px;
}


/*MARK: Contracts*/

#secContracts .contractDates {
    display: flex;
}

.divHide,
#secContracts #locationPrice {
    display: none;
}

.noClientDiv,
.clientsList {
    display: none;
}

.noClientItem {
    margin: 20px 0 10px 0;
    padding-left: 25px;
    max-width: 420px;
    display: flex;
    align-items: center;
}

.noClientItem span {
    font-size: 14px;
    font-weight: 500;
}

.clientsList {
    width: 420px;
    padding-left: 25px;
    padding-right: 5px;
    display: block;
    margin-top: 20px;
}

#secContractInfo .clientsList {
    margin: auto;
}

.clientItem {
    display: flex;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid rgba(229, 229, 229, 1);
    margin-top: 10px;
    padding: 0 10px;
}

.clientItem:hover {
    background-color: rgba(229, 229, 229, 1);
    cursor: pointer;
}

.clientItem.selected {
    background-color: var(--btnprimaryselected);
}

.clientItem span {
    font-size: 14px;
    font-weight: 500;
}

#secContracts #boxStatus {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-row-span: 3;
    grid-row-start: span 3;
    margin-bottom: 10px;

}

#secContracts .boxborder {
    border: 1px var(--btnprimaryselected) solid;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%);
    -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 20%);
}

/*MARK: contract info*/

#datesInfoDiv,
#paymentInfoDiv {
    display: flex;
}

#paymentInfoDiv div {
    width: 100%;
}

.secContractInfo,
.secSiteInfo {
    margin-bottom: 50px;
}

/*MARK: invoicing */
#secInvoicing .header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

/*MARK: documents */

#secDocuments #child-iframe {
    border: none;
    background-color: white;
    width: 100%;
    padding: 50px 50px 0 50px;
    margin-top: 44px;
    display: none;
}

#secDocuments #documents {
    display: flex;
}

#secDocuments .editorArea {
    width: 100%;
    padding: 50px 50px 0 50px;
    margin-top: 44px;
    display: none;
}

#secDocuments #editor {
    width: 100%;
    height: 300px;
}

#secDocuments #createDocumentBtn {
    margin: 0 10px 0 10px;
    display: flex;
    width: 55px;
    justify-content: center;
    height: 40px;
}

#secDocuments .editorArea .templateHeaderDiv {
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(241, 241, 242, 1);
}

#secDocuments .editorArea .templateHeaderDiv #templateHeader {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.02em;
    text-align: left;
}

#secDocuments .editorArea .templateHeaderDiv #templateHeaderGroup {
    font-size: 13px;
    font-weight: 500;
    line-height: 15.73px;
    text-align: left;
    margin-left: 23px;
    color: rgba(30, 136, 229, 1);
    background-color: rgba(241, 250, 255, 1);
}

#secDocuments .editorArea .comp_text-input {
    margin: 40px 0 0 0;
}

/* entire editor */
#secDocuments .editorArea .ck.ck-editor {
    padding: 10px 0 10px 0;
}

/* editor toolbar */
#secDocuments .editorArea .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
    border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

}

#secDocuments .editorArea .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content {
    border: solid rgba(229, 229, 229, 1);
    border-width: 1px 1px 0;
}

/* toolbar end*/
/* editor */
#secDocuments .editorArea .ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
    border-color: rgba(229, 229, 229, 1);
}

#secDocuments .editorArea .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#secDocuments .editorArea .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
    display: flex;
    flex-direction: column;
}

.actionsDiv {
    display: flex;
}

.document-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 24px;
    background: transparent !important;
}

.document-type,
.document-date {
    font-size: 14px;
}

.document-type {
    font-weight: 500;
}

.document-date {
    font-style: italic;
    color: #777;
}

/*MARK: Vertical Dots*/

.verticalDotsBtn {
    float: right;
    padding: 4px 10px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    content: url("data:image/svg+xml,%3Csvg width='4' height='16' viewBox='0 0 4 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 16C1.45 16 0.979167 15.8042 0.5875 15.4125C0.195833 15.0208 0 14.55 0 14C0 13.45 0.195833 12.9792 0.5875 12.5875C0.979167 12.1958 1.45 12 2 12C2.55 12 3.02083 12.1958 3.4125 12.5875C3.80417 12.9792 4 13.45 4 14C4 14.55 3.80417 15.0208 3.4125 15.4125C3.02083 15.8042 2.55 16 2 16ZM2 10C1.45 10 0.979167 9.80417 0.5875 9.4125C0.195833 9.02083 0 8.55 0 8C0 7.45 0.195833 6.97917 0.5875 6.5875C0.979167 6.19583 1.45 6 2 6C2.55 6 3.02083 6.19583 3.4125 6.5875C3.80417 6.97917 4 7.45 4 8C4 8.55 3.80417 9.02083 3.4125 9.4125C3.02083 9.80417 2.55 10 2 10ZM2 4C1.45 4 0.979167 3.80417 0.5875 3.4125C0.195833 3.02083 0 2.55 0 2C0 1.45 0.195833 0.979167 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0C2.55 0 3.02083 0.195833 3.4125 0.5875C3.80417 0.979167 4 1.45 4 2C4 2.55 3.80417 3.02083 3.4125 3.4125C3.02083 3.80417 2.55 4 2 4Z' fill='%2398A2B3'/%3E%3C/svg%3E%0A");
}

.verticalDotsDropdown li {
    line-height: 20px;
}

.verticalDotsDropdown .dropdown-item.edit-item,
.verticalDotsDropdown .dropdown-item.delete-item,
.verticalDotsDropdown .dropdown-item.details-item {
    display: flex;
    /* Enable Flexbox */
    align-items: center;
    /* Center items vertically */
}

.verticalDotsDropdown .dropdown-item.details-item span {
    width: 14px;
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' class='custom-icon' data-id='${row.id}'%3E%3Cmask id='mask0_1123_5253' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1123_5253)'%3E%3Cpath d='M9.99967 13.334C11.0413 13.334 11.9268 12.9694 12.6559 12.2402C13.3851 11.5111 13.7497 10.6257 13.7497 9.58398C13.7497 8.54232 13.3851 7.6569 12.6559 6.92773C11.9268 6.19857 11.0413 5.83398 9.99967 5.83398C8.95801 5.83398 8.07259 6.19857 7.34342 6.92773C6.61426 7.6569 6.24967 8.54232 6.24967 9.58398C6.24967 10.6257 6.61426 11.5111 7.34342 12.2402C8.07259 12.9694 8.95801 13.334 9.99967 13.334ZM9.99967 11.834C9.37467 11.834 8.84343 11.6152 8.40593 11.1777C7.96843 10.7402 7.74967 10.209 7.74967 9.58398C7.74967 8.95898 7.96843 8.42773 8.40593 7.99023C8.84343 7.55273 9.37467 7.33398 9.99967 7.33398C10.6247 7.33398 11.1559 7.55273 11.5934 7.99023C12.0309 8.42773 12.2497 8.95898 12.2497 9.58398C12.2497 10.209 12.0309 10.7402 11.5934 11.1777C11.1559 11.6152 10.6247 11.834 9.99967 11.834ZM9.99967 15.834C7.9719 15.834 6.12467 15.268 4.45801 14.1361C2.79134 13.0041 1.58301 11.4868 0.833008 9.58398C1.58301 7.68121 2.79134 6.16385 4.45801 5.0319C6.12467 3.89996 7.9719 3.33398 9.99967 3.33398C12.0275 3.33398 13.8747 3.89996 15.5413 5.0319C17.208 6.16385 18.4163 7.68121 19.1663 9.58398C18.4163 11.4868 17.208 13.0041 15.5413 14.1361C13.8747 15.268 12.0275 15.834 9.99967 15.834ZM9.99967 14.1673C11.5691 14.1673 13.0101 13.7541 14.3226 12.9277C15.6351 12.1013 16.6386 10.9868 17.333 9.58398C16.6386 8.18121 15.6351 7.06662 14.3226 6.24023C13.0101 5.41385 11.5691 5.00065 9.99967 5.00065C8.43023 5.00065 6.98926 5.41385 5.67676 6.24023C4.36426 7.06662 3.36079 8.18121 2.66634 9.58398C3.36079 10.9868 4.36426 12.1013 5.67676 12.9277C6.98926 13.7541 8.43023 14.1673 9.99967 14.1673Z' fill='%231C1B1F'/%3E%3C/g%3E%3C/svg%3E");
}

.verticalDotsDropdown .dropdown-item.delete-item span {
    width: 14px;
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.66699 12C2.30033 12 1.98644 11.8694 1.72533 11.6083C1.46421 11.3472 1.33366 11.0333 1.33366 10.6667V2H0.666992V0.666667H4.00033V0H8.00033V0.666667H11.3337V2H10.667V10.6667C10.667 11.0333 10.5364 11.3472 10.2753 11.6083C10.0142 11.8694 9.70033 12 9.33366 12H2.66699ZM9.33366 2H2.66699V10.6667H9.33366V2ZM4.00033 9.33333H5.33366V3.33333H4.00033V9.33333ZM6.66699 9.33333H8.00033V3.33333H6.66699V9.33333Z' fill='%23475467'/%3E%3C/svg%3E%0A");
}

.verticalDotsDropdown .dropdown-item.edit-item span {
    width: 14px;
    content: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.333008 14.9987V12.332H13.6663V14.9987H0.333008ZM2.99967 9.66537H3.93301L9.13301 4.48203L8.18301 3.53203L2.99967 8.73203V9.66537ZM1.66634 10.9987V8.16536L9.13301 0.715365C9.25523 0.593142 9.3969 0.498698 9.55801 0.432031C9.71912 0.365365 9.88856 0.332031 10.0663 0.332031C10.2441 0.332031 10.4163 0.365365 10.583 0.432031C10.7497 0.498698 10.8997 0.598698 11.033 0.732031L11.9497 1.66536C12.083 1.78759 12.1802 1.93203 12.2413 2.0987C12.3025 2.26536 12.333 2.43759 12.333 2.61536C12.333 2.78203 12.3025 2.94592 12.2413 3.10703C12.1802 3.26814 12.083 3.41536 11.9497 3.5487L4.49967 10.9987H1.66634Z' fill='%23475467'/%3E%3C/svg%3E%0A");
}

.verticalDotsDropdown .dropdown-item.sync-item span {
    width: 14px;
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='20px' height='20px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cg fill='%23000000'%3E%3Cpath d='M8 1.5A6.5 6.5 0 001.5 8 .75.75 0 010 8a8 8 0 0113.5-5.81v-.94a.75.75 0 011.5 0v3a.75.75 0 01-.75.75h-3a.75.75 0 010-1.5h1.44A6.479 6.479 0 008 1.5zM15.25 7.25A.75.75 0 0116 8a8 8 0 01-13.5 5.81v.94a.75.75 0 01-1.5 0v-3a.75.75 0 01.75-.75h3a.75.75 0 010 1.5H3.31A6.5 6.5 0 0014.5 8a.75.75 0 01.75-.75z'/%3E%3C/g%3E%3C/svg%3E");
}

.verticalDotsDropdown .dropdown-item.edit-item span,
.verticalDotsDropdown .dropdown-item.delete-item span,
.verticalDotsDropdown .dropdown-item.sync-item span,
.verticalDotsDropdown .dropdown-item.details-item span {
    margin: 0 8px 0px 8px;
}


/* MARK: Imports */

.file-upload-area {
    background-color: #F2F2F2;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#upload_files:hover {
    background-color: var(--btntranshover);
}

#upload_files {
    background-color: transparent;
    border: none;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

#upload_files a {
    color: var(--btnprimaryback);
}

#upload_button_files {
    display: none;
}

#importFileModal .modal-xl {
    --bs-modal-width: 1780px !important;
}



/*MARK:TODO SEND TO CORE

transparent class for comp_button
*/
.transparent {
    background-color: transparent;
}

.transparent:hover {
    background-color: var(--btntranshover)
}

.transparent a {
    color: var(--btnprimaryback);
}

.transparent svg path {
    fill: var(--btnprimaryback);
    stroke: var(--btnprimaryback);
}

/* MARK: DataTables*/



table.dataTable thead {
    height: 44px;
    background-color: rgba(249, 250, 251, 1);
    border-bottom: 1px solid rgba(240, 242, 244, 1);
    border-top: 1px solid rgba(240, 242, 244, 1);
}

table.dataTable thead tr th span.dt-column-title {
    height: 18px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: rgba(78, 90, 109, 1);
    float: inline-start;
}

table.dataTable tbody tr td {
    height: 72px;
}

table.dataTable tbody tr div.tableLine {
    /*div which contains the main row content (event column) */
    display: flex;
    align-items: center;
}

table.dataTable tbody tr div.tableLine div:nth-child(1) {
    /*div which contains the img */
    width: 40px;
    height: 40px;
}

table.dataTable tbody tr p {
    margin: 0;
    padding: 0;
}

table.dataTable tbody tr .showImg {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin-right: 16px;
}

table.dataTable tbody tr p.eventName {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 1);
}


table.dataTable tbody tr p.eventLocation {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(71, 84, 103, 1);
}

/* table.dataTable tbody tr td.dt-type-date{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(71, 84, 103, 1);
    text-align: left;
} */

table.dataTable tbody tr p.locationName {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, 1);
    width: 100%;
}


table.dataTable tbody tr p.locationAddress {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(71, 84, 103, 1);
}

table.dataTable thead tr th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td,
table.dataTable tbody th,
table.dataTable tbody tr td {
    padding: 0 24px 0 24px;
}

table.dataTable tbody tr {
    border-bottom: 1px solid rgba(240, 242, 244, 1);
}

div.dt-container.dt-empty-footer tbody>tr:last-child>* {
    border-width: 0px;
}

table.dataTable>thead>tr>th,
table.dataTable>thead>tr>td {
    border-width: 0px;
}

/*MARK: Dashboard to REVIEW*/

#secDashboard #chartContainerMovelDate {
    width: 100%;
    max-height: 400px;
}

#secDashboard #chartMovelByDate {
    width: 95% !important;
    margin: auto;
    max-height: inherit;
}

#secDashboard #chartContainerRadarLoc {
    width: 100%;
    max-height: 400px;
}

#secDashboard #chartRadarByLoc {
    width: 95% !important;
    margin: auto;
    max-height: inherit;
}

#secDashboard #chart-radar {
    width: 30%;
    height: 250px;
}

#secDashboard #mymap {
    height: 100%;
    border-radius: 5px;
    width: 95% !important;
    margin: auto !important;
}

#secDashboard #dashboard-movel {
    width: 100%;
}


#secDashboard .map-container {
    width: 100%;
    height: 400px;
    margin: 0 auto;
}

#secDashboard .dashboardDivContainer {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
    background-color: #f0f0f0;
    min-height: 100vh;
    margin: 20px 20px 0px 20px;
    border-radius: 10px;
}

#secDashboard #infoCard,
#secDashboard .movel-charts,
#secDashboard .radar-charts,
#secDashboard #chartByStatusCard,
#secDashboard #chartRadarByStatusCard,
#secDashboard #chartRadarByProcessStatusCard,
#secDashboard #chartByLevelCard,
#secDashboard #chartRadarByLocCard,
#secDashboard #licensesCard,
#secDashboard #licensesCardRadar,
#secDashboard #infoCard {
    margin-bottom: 20px;
}

#secDashboard #infoCard {
    display: flex;
    align-items: start;
    /* Aligns items vertically */
    justify-content: left;
    /* Pushes items to opposite sides */
    padding: 10px;
}

#secDashboard #infoCard img {
    max-width: 180px;
    /* Adjust size as needed */
}

#secDashboard #dashboard-card-title {
    display: flex;
    flex-direction: column;
    /* Stacks label and span */
    align-items: center;
    /* Aligns text to the right */
}

#secDashboard #infoCard .dashboard-card-title {
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 15px;
}

#secDashboard #leftdiv,
#secDashboard #rightdiv {
    flex: 1;
    min-width: 300px;
}

/* Ensuring left div takes 1/3 and right div takes 2/3 */
#secDashboard #leftdiv {
    flex: 1;
    /* 1/3 */
}

#secDashboard #rightdiv {
    flex: 2;
    /* 2/3 */
}

/* Add padding between left and right div */
#secDashboard #leftdiv {
    margin-right: 10px;
}

#secDashboard #rightdiv {
    margin-left: 10px;
}

/* Card styling */
/* #secDashboard #infoCard, */
#secDashboard #chartByStatusCard,
#secDashboard #chartRadarByStatusCard,
#secDashboard #chartRadarByProcessStatusCard,
#secDashboard #chartByLevelCard,
#secDashboard #chartRadarByLocCard,
#secDashboard .movel-charts,
#secDashboard .radar-charts,
#secDashboard .mapCard,
#secDashboard #chartByCodCard,
#secDashboard #licensesCard,
#secDashboard #licensesCardRadar,
#secDashboard #infoCard {
    background-color: white;
    /* White background for cards */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#secDashboard .dashboard-card-title .comp_header {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px 0px 0px 0px !important;

}

#secDashboard .dashboard-card-title .comp_header label {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--btnprimaryback);
    /* padding: 32px 0 38px 24px; */
    font-size: 18px;
    font-weight: 600;
    /* line-height: 28px; */
    text-align: left;
    color: var(--btnprimaryback);

}

#secDashboard .dashboard-card-title .comp_header span {
    font-size: 12px;
    font-weight: 400;
    line-height: 10px;
    padding-left: 2px;
    margin-bottom: 20px;
}

#secDashboard #infoCard .comp_header label {
    color: #555;
    font-size: 26px !important;
    font-weight: 600 !important;
}

#secDashboard .mapCard {
    height: 523px;
}

#secDashboard #movelStatusTable,
#secDashboard #radarStatusTable,
#secDashboard #radarProcessStatusTable {
    width: 90%;
    margin: auto;
}

#secDashboard #divTotalTitle {
    display: flex;
    gap: 8px;
    align-self: baseline;
}

#secDashboard #divTotalTitle #myLabel {
    font-size: 40px !important;
}

#secDashboard #divTotalTitle label {
    align-self: baseline;
}

#secDashboard .movel-charts,
#secDashboard .radar-charts,
#secDashboard #chartByStatusCard,
#secDashboard #chartRadarByStatusCard,
#secDashboard #chartRadarByProcessStatusCard,
#secDashboard #chartByLevelCard,
#secDashboard #chartRadarByLocCard,
#secDashboard #chartByCodCard,
#secDashboard .mapCard,
#secDashboard #licensesCardRadar,
#secDashboard #licensesCard {
    display: none;
}

#secDashboard .radar-charts {
    max-height: 473px;
}

#secDashboard #chartContainerRadarDate {
    height: 347px;
}

#secDashboard #movelStatusTable,
#secDashboard #radarProcessStatusTable,
#secDashboard #radarStatusTable {
    margin: 0 40px 20px 24px;
}

#secDashboard .navbarVertical {
    height: 100%;
    margin-bottom: auto;
    margin-top: auto;
}

#secDashboard #movelStatusTable thead tr,
#secDashboard #radarStatusTable thead tr,
#secDashboard #radarProcessStatusTable thead tr {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: rgba(71, 84, 103, 1);
    border-bottom: 1px solid rgba(241, 241, 242, 1);
}

#secDashboard #movelStatusTable thead,
#secDashboard #radarStatusTable thead,
#secDashboard #radarProcessStatusTable thead {
    text-align: right;
}

#secDashboard #movelStatusTable thead th:nth-child(2),
#secDashboard #movelStatusTable tbody td:nth-child(2) {
    text-align: center;
}

#secDashboard #radarProcessStatusTable thead th:nth-child(2),
#secDashboard #radarProcessStatusTable tbody td:nth-child(2) {
    text-align: center;
}

#secDashboard #radarStatusTable thead th:nth-child(2),
#secDashboard #radarStatusTable tbody td:nth-child(2) {
    text-align: center;
}

#secDashboard #movelStatusTable thead,
#secDashboard #radarStatusTable thead,
#secDashboard #radarProcessStatusTable thead {
    padding: 0 22px 12px 24px;
}

#secDashboard #movelStatusTable tbody tr,
#secDashboard #radarStatusTable tbody tr,
#secDashboard #radarProcessStatusTable tbody tr {
    border-bottom: 1px dashed rgba(241, 241, 242, 1);
}

#secDashboard #movelStatusTable tbody tr td {
    padding: 10px 22px 0px 24px;
}

#secDashboard #chartByStatusCard,
#secDashboard #chartRadarByProcessStatusCard,
#secDashboard #chartByLevelCard {
    /*  overflow-y: auto; */
}

#secDashboard #chartRadarByStatusCard,
#secDashboard #chartByLevelCard {
    height: auto;
    /*  overflow-y: auto; */
}

#secDashboard #chartByLevelCard {
    height: auto;
}

#secDashboard #chartContainerByStatus,
#secDashboard #chartContainerRadarByStatus,
#secDashboard #chartContainerRadarByprocessStatus {
    max-height: 270px;
    overflow-y: auto;
    overflow-x: clip;
}

#secDashboard #infoCard #dashboard-card-title span {
    display: none;
}

#secDashboard #dashPercentProgressBar {
    width: 80%;
    margin: 0 0 0 0;
    height: 10px;

}

#secDashboard #dashPercentProgressBarRadar {
    width: 80%;
    margin: 0 0 0 0;
    height: 10px;

}

#secDashboard .divProgressBar {
    justify-content: space-between;
    margin-top: -10px;
    display: flex;
    align-items: center;
}

#secDashboard .divProgressBarRadar {
    justify-content: space-between;
    margin-top: -10px;
    display: flex;
    align-items: center;
}

#secDashboard #usedLicensesSpan {
    font-size: 24px;
    font-weight: 500;
}

#secDashboard #usedLicensesSpanRadar {
    font-size: 24px;
    font-weight: 500;
}

#secDashboard #warningProgress {
    display: none;
}