: root {
    --color-blue: #428BFF;
    --color-red: #FF4A53;
    --color-dark: #333;
    --color-white: #efefef;
    --tabs-font-family: "Raleway";
}

/* ############################################### General ############### */
body.blurring-ui {
    overflow: hidden;
}

.notification-red {
    background-color: #9e2f3c;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 0.2rem;
    color: white;
}

.notification-green {
    background-color: #3bb32b;
    padding: 15px;
    margin-bottom: 10px;
    border-radius: 0.2rem;
    color: white;
}


a {
    text-decoration: none;
}

/* ############################################### leaflet ############### */
.marker-cluster {
    background-color: rgba(241, 128, 23, 0.6);
    border-radius: 2rem;
    text-align: center;
    color: green;
    font-size: 20px;
}



/* ############################################### General ############### */


.delete__description {
    text-transform: none;
    text-align: center;
}

.project_cards {
    text-transform: none;
    text-align: center;
    min-height: 300px;
    border-color: #0080ff;
}

.card-text {
    padding-top: 10px;
}

.project__card__number {
    color: #0080ff;

    font-size: 1.5rem;
}

.download__card {
    color: black;
    width: 100%;
    min-height: 100px;
}

.software__icons {
    width: 5em;
    height: 5em;
    padding-bottom: 10px;
}

.upload__icons {
    padding-bottom: 20px;
}

.viewer__pointer {
    padding-top: 5em;
}

.software_logging-container {
    padding-bottom: 10px;

}

.software_logging {
    background: #dadcf2;
    border-radius: 0.5rem;
    text-align: center;
}

/* ----------------------------------------Main Top navabr --------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/*
---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
.navbar-left input[type="checkbox"] {
    margin-right: 5px;
}

nav ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.navbar-right {
    text-align: right;
    padding-right: 1%;
}

ul.topnav li {
    list-style-type: none;
}

ul.topnav li a,
ul.topnav li .navbar-left {
    display: block;
    text-decoration: none;
    min-height: 14px;
    padding: 10px;
    text-transform: uppercase;
}

ul.topnav li a:hover {
    background-color: #0080ff;
    color: #fff;
}

.operation__tab__active {
    color: #fff;
    background-color: #0d6efd;
    padding-bottom: 15px;
    padding-top: 15px;
    border-radius: 5px;
    min-width: 250px;
    width: 100%;
    text-align: left;
    text-indent: 2em;

}

.operation__tab {
    padding-bottom: 15px;
    padding-top: 15px;
    border-radius: 5px;
    min-width: 250px;
    width: 100%;
    text-align: left;
    text-indent: 2em;
    background-color: white;
    color: black;
}


.operation__content {
    display: none;
}

.operation__content__active {
    display: grid;
}

/* ----------------------------------------Login- Signup--------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/*
---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/

.user-interface {
    margin-top: 10%;
}

.user-interface-desc {
    padding: 40px 60px 40px;
}

.user-interface-desc img {
    max-width: 40%;
    display: block;
    margin-bottom: 3rem;
}

.signin-form input {
    width: 100%;
    height: 50px;
}

button.signin-btn {
    width: 100%;
    background-color: #d64829;
    color: #ffffff;
    margin-bottom: 1rem;
}

.create-account {
    margin: auto;
}

button.create-account {
    background-color: #0ac940;
}

/* ---------------------------------------- General --------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/*
---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/

.clickable-icon {
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
}

/* ----------------------------------------Group panel--------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/*
---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
#group_table {
    padding-top: 10px;
}

#group_members_table {
    padding-top: 10px;
}

#add_group_member {
    padding: 20px;
    padding-bottom: 75px;
}

/* ----------------------------------------Admin panel--------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/*
---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
.admin_page {
    margin: 5px 50px 5px 50px;
}

.add-user {
    margin-top: 10px;
}

button.add-user-button {
    width: 100%;
}

button.cancel-command {
    width: 100%;
    margin-top: 10px;
}

.new-user-confirm {
    text-align: left;
}

#admin_table {
    padding-top: 10px;
}

/* ----------------------------------------Project summary --------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/*
---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
.project_summary_left_navbar {
    padding: 20px;
    background-color: #2e2d2d;
}

.upload-modal-box {
    padding: 30px 5px;
    text-align: center;
}

#CreateProject {
    width: 80%;
}

.create-new-project-title {
    margin-top: 30px;
}

.create-new-project-form {
    margin-top: 10px;
}

.projectsummary-createProject-userinputs {
    margin-bottom: 10px;
}

.projectsummary-createProject-createbtn {
    text-align: center;
}

.projectsummary-createProject-createbtn button {
    padding-left: 30px;
    padding-right: 30px;
}



/* ----------------------------------------Project dashboard --------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/*
---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/

.project-dashboard-delete-project p {
    display: block;
    margin: auto;
    text-align: center;
}

.project-dashboard-delete-project {
    background-color: red;
    border-radius: 0.2rem;
    padding: 20px;
}

.project-dashboard-delete-project:hover {
    cursor: pointer;
    opacity: 0.85;

}


/* ----------------------------------------Project Edit --------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
.border-row {
    padding: 10px;
    border-radius: 0.2rem;
    margin: 10px 0 20px;
}

.border-row p {
    margin: auto;
}

.project-edit {
    margin-left: 5%;
    margin-right: 5%;
}


/* ----------------------------------------blurring UI  --------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
.inside__canvas__card {
    width: 200px;
    position: sticky;
    top: 0;
    left: 0;
    background-color: black;
}

.inside__canvas__card__invisible {
    display: none
}

.inside__canvas__card img {
    max-width: 60px;
    max-height: 60px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 10px;
}

.inside__canvas__card button {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.blurring_ui_left_navbar {
    background: rgb(92, 92, 92);
    padding: 8px;
    display: flex;
    flex-flow: column;
    width: 307px;
}

.gallery li.selected {
    background-color: #929191;
}

.map_left_navbar {
    background: rgb(92, 92, 92);
    padding: 8px;
    display: flex;
    flex-flow: column;
    display: none;
}

#map {
    width: 99%;
    height: 99%;
}

.blurring_ui_left_navbar_container {
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%;
}

.blurring_ui_top_navbar {
    display: flex;
}

.blurring_ui_top_navbar li:hover {
    cursor: pointer;
}

.blurring_main {
    display: flex;

    width: 100%;
    height: 95vh
}

/* To set things in Hz order */

.blurring_ui_image_src_selector_label {
    display: block;
    margin: auto;
    color: #eee;

}


.functions-list-container ul {
    padding-left: 0;
    list-style-type: none;
}

.functions-list-container li {
    padding: 0.5rem;
    list-style: none;
    text-align: left;
    font-size: 20px;
    cursor: pointer;
    line-height: 200%;
}

.functions-list-container li:hover {
    background-color: #a3a0a0;
}

.project_summary_left_navbar {
    color: white;
}

.project_summary_info_main_col {
    padding: 30px;
}

.table-container {
    width: 100%;
    display: block;
    text-align: center;
    color: black;

}

.responsive-table {
    color: black;
    text-align: center;
    margin-left: 0;
    padding-left: 0;
}

.responsive-table li {
    border-radius: 3px;
    padding: 20px 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;

}

.responsive-table a {
    color: black;
}

.table-header {
    background-color: #95A5A6;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.table-header-project-summary {
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 22px 20px;
}

.table-row {
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}


.table-edit-version {
    background-color: #ffffff;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    border-radius: 3px;
    padding: 30px 20px 120px;
    display: block;
    justify-content: space-between;
    margin-bottom: 25px;
    min-height: 400px;
}

.table-edit-version a {
    text-decoration: none;
    text-align: center;
}


.table-row:hover {
    border: 1px solid rgb(0, 160, 80);
}




.icons {
    color: black;
    margin-top: 20px;
    cursor: pointer;
    text-decoration: none;

}

.selected-icon {
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
}

.upload_container {
    background-color: white;
    color: black;
    border-radius: 3px;
    text-align: center;
    padding: 60px;
}

.upload_container form {
    margin-top: 50px;
}

.upload_container_msg {
    margin-top: 30px;
    margin-bottom: 20px;
}


#hambergur_bar,
#detectionMenu,
#blurringMenu {
    cursor: pointer;
}


.detection_menu,
.blurring_menu {
    margin: 30px;
    padding: 30px;
}

.detection_menu button,
.blurring_menu button {
    width: 100%;
}

.function_button button {
    cursor: pointer;
}

.function_button button:hover {
    opacity: 0.7;
}


.bar-container {
    background: #f0f0f0;
    height: 30px;
    width: 95%;
    margin-left: 2.5%;
    margin-top: 20px;
}

.blurring-ui-object-selector-radio-btns {
    display: flex;
    text-align: center;

}

.blurring-ui-object-selector-radio-btns label {
    margin-right: 20px;
    margin-left: 5px;
}

.blurring-ui-object-selector-radio-btns input {
    margin-right: 0;
}


.imageListContainer {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.blurring_ui_right_navbar {
    background: rgb(92, 92, 92);
    padding: 8px;
    display: flex;
    flex-flow: column;
    width: 130px;
}

.right_navbar_container {
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%;
}

.classListContainer {
    width: 100%;
    height: 100%;
    overflow: auto;
}

.classListContainer ul {
    padding-left: 0;
    display: block;
    text-align: left;
    font-size: 14px;
}


.ImageList ul {
    padding-left: 0;

}

.ImageList li {
    display: block;
    padding: 0.5rem;
    list-style: none;
    text-align: left;
    color: #eee;
    font-size: 14px;
    cursor: pointer;
    line-height: 150%;
}

.ImageList li:hover {
    background-color: #262626;
    color: white;
}

.ImageList_id_name {
    display: flex;
    color: #eee;
    font-size: 14px;
}

.ImageList_id_name span {
    padding-top: 0.6rem;
}

.search_class {
    margin-bottom: 5px;
}

.ImageList_id_name label {
    margin-left: 4px;
}

.ImageSection {
    margin: 5px;
    width: calc(100% - 437px);
    display: block;

}

.Imagesection-top-nav {
    margin-bottom: 5px;
    display: flex;
    background-color: #ebe5d5;
}

.imageSection-project-and-total-images {
    text-align: center;
    margin: auto;
    font-size: 16px;
    padding: 5px;

}

.imageSection-arrow-left {
    text-align: right;
    margin: auto;
    font-size: 20px;
}

.imageSection-arrow-left button {
    border-radius: 0.4rem;
}

.imageSection-arrow-right {
    text-align: left;
    margin: auto;
    font-size: 20px;
}

.imageSection-arrow-right button {
    border-radius: 0.4rem;
}


.imageSelection-selected-name-and-id {
    text-align: center;
    margin: auto;
    background-color: #ebe5d5;
    padding: 5px;
    border-radius: 0.2rem;
}


.SrcSelctor,
.objectSelector,
.status {
    text-align: left;
    margin-top: 0;
    color: #eee;
}

.radio_b {
    display: flex;
}

.radio_b label {
    margin-right: 10px;
}

.logoImage img {
    border-radius: 1rem;
}




#canvas_controls {
    border: 0.5px solid black;

}

#canvas_wrapper {
    max-width: 100%;
    height: 83vh;
    overflow: auto;
    position: relative;

}

.buttom_navbar {
    display: flex;
    margin: auto;
    margin-top: 5px;
    text-align: center;
    font-size: 16px;
    background-color: #ebe5d5;
    padding: 5px;
}

#controls {
    float: left;
}

.pointer_coord {
    text-align: left;
    margin-top: 9px;
}

.scale_buttom_navbar {
    margin-top: 9px;
}


.function_modal_description_center {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* ----------------------------------------Loader  --------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}

.loader_row {
    margin-top: 10px;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* ----------------------------------------project UI Modals  --------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/

.upload-modal-form button {
    margin-top: 10px;
    padding-left: 50px;
    padding-right: 50px;
}


.road_assessment_icons {
    display: none;
}

.camPos_icons {
    display: none;
}

/* 3d viewer */

div#ViewerKeyPanel {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99999;
}

div#ViewerSecondKeyPanel {
    position: absolute;
    top: 46px;
    left: 0px;
    z-index: 99999;
}

div#ViewerSecondKeyPanelParallel {
    position: absolute;
    top: 46px;
    left: 44px;
    z-index: 99999;
}

#showPointcloudLayersWindow {
    margin-top: 0px !important;
}

div#pointcloudLayersModal {
    z-index: 9999999999;
    left: 50%;
    transform: translate(-50%);
    width: 400px;
    height: auto;
}

#activate_pms_view_btn.disabled::after {
    content: '';
    position: absolute;
    top: 30%;
    left: -20%;
    width: 140%;
    height: 2px;
    background-color: red;
    transform: translateY(-50%) rotate(-45deg);
}

#switchPointcloud.disabled::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -20%;
    width: 140%;
    height: 2px;
    background-color: red;
    transform: translateY(-50%) rotate(-45deg);
}

#selectNearbyCameras.disabled::after {
    content: '';
    position: absolute;
    top: 18px;
    /* left: 35px; */
    width: 62px;
    height: 2px;
    background-color: red;
    transform: translateY(-50%) rotate(-45deg);
}

#keepDirection.disabled::after {
    content: '';
    position: absolute;
    top: 18px;
    left: -8px;
    width: 62px;
    height: 2px;
    background-color: red;
    transform: translateY(-50%) rotate(-45deg);
}

#invertCameraControls.disabled::after {
    content: '';
    position: absolute;
    top: 18px;
    /* left: 78px; */
    width: 62px;
    height: 2px;
    background-color: red;
    transform: translateY(-50%) rotate(-45deg);
}

#openContrastDiv.disabled::after {
    content: '';
    position: absolute;
    top: 18px;
    /* left: 121px; */
    width: 62px;
    height: 2px;
    background-color: red;
    transform: translateY(-50%) rotate(-45deg);
}

#seperateNumbers.disabled::after {
    content: '';
    position: absolute;
    top: 18px;
    /* left: 163px; */
    width: 62px;
    height: 2px;
    background-color: red;
    transform: translateY(-50%) rotate(-45deg);
}

#openSingleImages.disabled::after {
    content: '';
    position: absolute;
    top: 18px;
    /* left: 208px; */
    width: 62px;
    height: 2px;
    background-color: red;
    transform: translateY(-50%) rotate(-45deg);
}

#switchPointcloud {
    margin-top: 0px !important;
}


div#ViewerTherdKeyPanel {
    position: absolute;
    top: 92px;
    left: 0px;
    z-index: 99999;
}

#switchPanoImage.disabled::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -20%;
    width: 140%;
    height: 2px;
    background-color: red;
    transform: translateY(-50%) rotate(-45deg);
}

#switchPanoImage {
    margin-top: 0px !important;
}


div#collapseViewerKeyPanel {
    position: absolute;
    top: 0;
    left: 39px;
}

div#collapseViewerKeyPanel a {
    margin-left: 3px;
}

#collapseViewerKeyPanel .card.card-body {
    padding: 0px;
    background-color: transparent;
    border: none;
    display: flex;
    flex-direction: row;
}

#collapseViewerKeyPanel .card.card-body a {
    width: 34px;
    display: inline-block;
}

#collapseViewerKeyPanel .card.card-body a img {
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 3px;
    border-radius: 6px;
}

#collapseViewerKeyPanel .card.card-body a i {
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
    border-radius: 6px;
    font-size: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 6px;
}

#ViewerKeyPanelCollapser::before {
    content: "-";
    color: black;
    display: inline-block;
    margin-right: -3px;
    font-size: x-large;
    font-weight: bolder;
    background-color: rgba(255, 255, 255, 0.8);
    width: 32px;
    height: 32px;
    padding: 3px;
    border-radius: 6px;
    line-height: 28px;
    padding-left: 11px;
}

#ViewerKeyPanelCollapser.collapsed::before {
    content: "+";
    padding-left: 9px !important;
    padding: 2px;
}


div#settingViewerKeyPanel {
    position: absolute;
    top: 138px;
    left: 39px;
}

div#settingViewerKeyPanel a {
    margin-left: 3px;
}

#settingViewerKeyPanel .card.card-body {
    padding: 0px;
    background-color: transparent;
    border: none;
    display: flex;
    flex-direction: row;
}

#settingViewerKeyPanel .card.card-body a {
    width: 34px;
    display: inline-block;
}

#settingViewerKeyPanel .card.card-body a img {
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 3px;
    border-radius: 6px;
}

#settingViewerKeyPanel .card.card-body a i {
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.8);
    color: black;
    border-radius: 6px;
    font-size: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 6px;
}

#settingKeyPanelCollapser::before {
    content: "-";
    color: black;
    display: inline-block;
    margin-right: -3px;
    font-size: x-large;
    font-weight: bolder;
    background-color: rgba(255, 255, 255, 0.8);
    width: 32px;
    height: 32px;
    padding: 3px;
    border-radius: 6px;
    line-height: 28px;
    padding-left: 11px;
}

#settingKeyPanelCollapser.collapsed::before {
    content: "\f013";
    font-family: "Font Awesome 5 Free";
    padding-left: 7px !important;
    padding: 2px;
    font-size: large;
}

#settingKeyPanelCollapser {
    position: absolute;
    top: 138px;
    left: 0px;
    z-index: 99999;
}

/* 3d viewer */


/* ----------------------------------------project UI popup notifications  ---------------------*/
/* ---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
.notification-popup {
    display: none;
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 15px;
    background-color: #3767cc;
    color: white;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.notification-popup.show {
    display: block;
    animation: fade-in 0.5s ease-out;
}

.close-btn {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-left: 10px;
}

div#mouse-position {
    position: absolute;
    top: auto;
    bottom: 9px;
    background-color: rgba(255, 255, 255, 0.5);
    color: black;
    width: max-content;
    border-radius: 5px;
    margin-left: 9px;
    padding-left: 3px;
    padding-right: 3px;
}

div#brightnessContrastDiv {
    position: absolute;
    width: 345px;
    bottom: 6px;
    left: 5px;
    z-index: 9999999;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 5px;
    border-radius: 10px;
}


div#pointcloudSizeDiv {
    position: absolute;
    width: 345px;
    bottom: 6px;
    left: 5px;
    z-index: 9999999;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 5px;
    border-radius: 10px;
}

div#pointcloudMaterialTypeDiv {
    position: absolute;
    top: 195px;
    left: 215px;
    z-index: 9999999;
    padding: 5px;
    border-radius: 10px;
}

#pointcloudMaterialTypeDiv a {
    margin-left: 5px;
    padding: 3px;
}

/* ----------------------------------------Multiple Checkbox selection for config (layers)  ---------------------*/
/* ---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------*/

.list-input-container {
    width: 100%;
    position: relative;
}

.list-input-container .toggle-next {
    width: 100%;
    background: white;
    border: 1px solid #ced4da;
    text-align: left;
    cursor: pointer;
    padding: 0.375rem 0.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list-input-container .checkboxes {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: white;
    border: 1px solid #ced4da;
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.list-input-container .checkbox-item {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    margin: 0;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s;
    width: 100%;
}

.list-input-container .checkbox-item:hover {
    background-color: #f8f9fa;
}

.list-input-container .checkbox-item input[type="checkbox"] {
    margin-right: 8px;
    margin-top: 0;
    width: 16px;
    height: 16px;
    transform: none;
}

.list-input-container .checkbox-item span {
    flex: 1;
}