html body {
    background-color: #fff;
}

.project-head {
    border-bottom: 2px solid #E4960E;
}

.building-application-head {
    border-bottom: 2px solid #E4960E;
    margin-left: 54px;
    margin-top: -32px;
}

.project-info {
    color: #1C3947;
}

.project-info p {
    font-size: 12px;
    line-break: anywhere;
}

.project-tabs .nav-pills .nav-link {
    color: #1C3947;
    font-size: 16px;
    background-color: transparent;
    border-radius: 2px;
    padding: 2px 10px;
}

.project-tabs .nav-pills .nav-link.active,
.project-tabs .nav-pills .show>.nav-link {
    background-color: #e1ebeb;
}

.project-tabs .input-group>.form-control,
.project-tabs .input-group>.form-select {
    border-radius: 10px;
    border: 2px solid #a1b3bc !important;
}

.project-tabs .input-group input {
    padding: 10px;
    border-radius: 10px !important;
}

.project-tabs .input-group .btn-outline-secondary {
    background-color: #70999b;
    margin-top: 2px;
    position: absolute;
    right: 0;
    border-radius: 10px !important;
    color: #fff;
    border: none;
    padding: 0px 12px;
    font-size: 29px;
    z-index: 9;
}

.project_selection {
    margin-left: 44px !important;
    margin-bottom: 44px;
}

.add-row {
    margin-top: -18px;
    margin-left: 53px;
    width: 90px;
}

.project-tabs .form-select {
    padding: 8px 15px;
    font-size: 13px;
    font-weight: 400;
    background-color: #fbfbfb;
    border: 2px solid #a1b3bc !important;
}

.project-tabs .form-select.form-select-config {
    border-radius: 5px;
    padding: 8px 30px 8px 15px;
    color: #8ab2b3 !important;
}

#project-image {
    max-height: 400px;
    max-width: -webkit-fill-available;
    object-fit: cover !important;
}

.title {
    font-weight: 600;
    font-size: 22px;
    margin: 20px 0px;
}

#page-content-wrapper .container-fluid {
    max-width: 1720px;
}

.secondary_text {
    font-size: 12px;
}

.container {
    max-width: fit-content;
    margin-bottom: 20%;
}

.project-autocomplete-items,
.autocomplete-items-config {
    width: 99%;
    margin: 0px auto 0 4px;
    padding: 2px;
    background-color: #f7f7f7;
    border: 2px solid #a1b3bc;
    border-top: none;
    border-radius: 4px;
    position: absolute;
    z-index: 1;
    font-size: 14px;
    cursor: pointer;
    overflow: auto;
    height: 400px;
}

.project-autocomplete-items div,
.autocomplete-items-config div {
    padding: 1px 8px;
    border-radius: 5px;
}

.project-autocomplete-items div:hover,
.autocomplete-items-config div:hover {
    background-color: #bdd2d2;
}

.project-autocomplete-items div.active,
.autocomplete-items-config div.active {
    background-color: #bdd2d2;
}

.justify-content-end {
    margin-bottom: 20px;
}

.project-image-div {
    margin-bottom: 40px;
}

.project-tabs .select-materials,
.project-tabs .select-product-type {
    border: 2px solid #a1b3bc !important;
    border-radius: 10px;
    background-size: 20px 19px;
    width: 85%;
}

.save {
    color: #fff;
    font-size: 13px;
    border: solid 1px #e4960e;
    background-color: #e4960e;
    border-radius: 20px;
    padding: 5px 24px;
}

.save:hover {
    color: #fff;
}

.project-add-box input,
.project-add-box select {
    border-radius: 20px;
    font-size: 13px !important;
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
}

.project-add-box.modal .modal-body .mb-3 {
    width: 100%;
}

.project-add-box .modal-content .modal-header .close {
    position: absolute;
    right: 13px;
    top: 5px;
    color: #557281;
    font-size: 22px;
    background-color: transparent;
    border: unset;
}

.project_name_save,
.project_name_cancel,
.project_descr_save,
.project_descr_cancel {
    display: none;
}

.project_name_save,
.project_descr_save {
    cursor: pointer;
}

.text-decoration-underline {
    margin-right: 10px;
}

#project-name,
#edit-description {
    border: 2px solid #a1b3bc;
    border-radius: 5px;
    width: 100%;
    height: 140px;
}

#edit-description:focus {
    outline: none; /* Removes the default blue outline */
    border: 2px solid #a1b3bc; /* Sets the desired border color */
}

#project-name {
    width: 180px;
    height: 35px;
    font-size: 14px;
    padding: 5px;
}

.pac-container {
    z-index: 1062;
}

.accordion {
    font-family: var(--bs-font-sans-serif);
}

.tab-content .accordion-button::before {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 6px;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    filter: invert(1);
}

.accordion-button.collapsed::before {
    transform: rotate(-90deg);
}

.accordion .accordion-button::after,
.accordion .accordion-button:not(.collapsed)::after {
    content: unset;
}

.accordion .accordion-item {
    background-color: #1d4f63;
}

.accordion .accordion-item .collapse .accordion-item {
    background-color: #659a9c;
}

.accordion .accordion-item .collapse .accordion-item .collapse .accordion-item {
    background-color: #e6e6e6;
}

.accordion .accordion-item .collapse .accordion-item .collapse .accordion-item .accordion-button {
    color: #1C3947;
}

.accordion .accordion-item .collapse .accordion-item .collapse .accordion-item .accordion-button::before {
    filter: unset;
}

.accordion .accordion-item .collapse .accordion-header {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.accordion .accordion-item .collapse .collapse .accordion-header {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.accordion .accordion-button,
.accordion .accordion-button:not(.collapsed) {
    color: #fff;
    font-size: 16px;
    font-family: var(--bs-font-sans-serif);
}

.custom-box input {
    color: #1C3947;
    font-size: 13px !important;
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
}

.custom-box input::placeholder {
    color: #1C3947;
}

.custom-box {
    color: #1C3947;
    font-size: 14px;
}

.custom-box a,
.custom-box a:hover {
    color: #1C3947;
    font-weight: 400;
}

.accordion-heading-sec {
    color: #8ab2b3;
}

h6.accordion-heading-sec {
    font-size: 14px;
}

.available-lable {
    color: #1C3947;
}

.errowMsg {
    max-width: fit-content;
    margin: auto;
    margin-bottom: 12px;
    padding: 7px 12px;
}

.uploadbtn input {
    cursor: pointer;
    position: absolute;
    right: 0;
    width: 67%;
    font-size: 14px;
    top: 12px;
    padding-right: 15px;
    padding-left: 55px;
    border: none !important;
}

::-webkit-file-upload-button {
    opacity: 0;
    cursor: pointer;
}

.uploadbtn h6 {
    border: solid 1px #e4960e;
    color: #e4960e;
    border-radius: 20px;
    padding: 8px 24px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    background-color: #fff;
}

.dashboard {
    color: #174d64;
}

.dashboard h3 small {
    font-size: 12px;
}

.dashboard .card {
    background-color: #dceae9;
    border-color: #174d64;
    min-height: 75px;
}

.dashboard .progress-bar {
    background-color: #174d64;
}

.dashboard .progress-bar span {
    color: #174d64;
}

.dashboard .table>:not(:first-child) {
    border-top: 1px solid #174d64;
}

.dashboard .table>:not(caption)>*>* {
    border-bottom-width: 0px;
}

.rangprogress{
    width: 100%;
    position: relative;
}
.progressbar{
    background-image: linear-gradient(to right, #00b847, yellow, #ff0000);
    width: 100%;
    height: 8px;
    border-radius: 25px;
}
.progressthumbs {
    width: 1.3rem;
    height: 1.3rem;
    margin-top: -0.35rem;
    background-color: #eaf2cf;
    border: 3px solid #000;
    position: absolute;
    top: -1px;
    border-radius: 50%;
}
.dashboard .form-range::-webkit-slider-runnable-track {
    background-image: linear-gradient(to right, #00b847, yellow, #ff0000);
}
.dashboard .form-range::-moz-range-track {
    background-image: linear-gradient(to right, #00b847, yellow, #ff0000);
}
.dashboard .form-range::-webkit-progress-inner-element{
    background-image: linear-gradient(to right, #00b847, yellow, #ff0000);
    border-radius: 25px;
    overflow: hidden;
    height: 8px;
}
.dashboard .form-range::-moz-progress-inner-element {
    background-image: linear-gradient(to right, #00b847, yellow, #ff0000);
    border-radius: 25px;
    overflow: hidden;
    height: 8px;
}
.dashboard .form-range::-webkit-progress-bar{
    background-image: linear-gradient(to right, #00b847, yellow, #ff0000);
    background-color: transparent;
    height: 8px;
}
.dashboard .form-range::-moz-progress-bar{
    background-image: linear-gradient(to right, #00b847, yellow, #ff0000);
    background-color: transparent;
    height: 8px;
}	
.dashboard .form-range::-webkit-progress-value{
    background-color: transparent;
}
.dashboard .form-range::-moz-progress-value{
    background-color: transparent;
}
.dashboard .form-range::-webkit-slider-thumb {
    width: 1.3rem;
    height: 1.3rem;
    margin-top: -0.35rem;
    background-color: #eaf2cf;
    border: 3px solid #000;
    pointer-events: none;
}
.dashboard .form-range::-moz-range-thumb {
    width: 1.3rem;
    height: 1.3rem;
    margin-top: -0.35rem;
    background-color: #eaf2cf;
    border: 3px solid #000;
    pointer-events: none;
}

.specify_product {
    background-color: #174d64;
    border: 1px solid #174d64;
}

.donut {
    --donut-size: 480px;
    --donut-border-width: 100px;
    --donut-spacing: 0;
    --donut-spacing-color: 255, 255, 255;
    --donut-spacing-deg: calc(1deg * var(--donut-spacing));
    border-radius: 50%;
    height: var(--donut-size);
    margin: 40px;
    position: relative;
    width: var(--donut-size);
}

.donut__label__sub {
    color: #666666;
    font-size: 14px;
    letter-spacing: 0.05em;
}

.donut__slice {
    height: 100%;
    position: absolute;
    width: 100%;
}

.donut__slice::before,
.donut__slice::after {
    border: var(--donut-border-width) solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    width: 100%;
}

.donut__slice::before {
    border-width: calc(var(--donut-border-width) + 1px);
    box-shadow: 0 0 1px 0 rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
}

.donut__slice__first {
    --first-start: 0;
}

.donut__slice__first::before {
    border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
    transform: rotate(calc(360deg * var(--first-start) + 45deg));
}

.donut__slice__first::after {
    border-top-color: #4ca19d;
    border-right-color: #4ca19d;
    border-bottom-color: #4ca19d;
    border-left-color: rgba(255, 104, 56, calc(100 * (var(--first) - .75)));
    transform: rotate(calc(360deg * var(--first-start) + 45deg + var(--donut-spacing-deg)));
}

.donut__slice__second {
    --second-start: calc(var(--first));
    --second-check: max(calc(var(--second-start) - .5), 0);
    -webkit-clip-path: inset(0 calc(50% * (var(--second-check) / var(--second-check))) 0 0);
    clip-path: inset(0 calc(50% * (var(--second-check) / var(--second-check))) 0 0);
}

.donut__slice__second::before {
    border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
    transform: rotate(calc(360deg * var(--second-start) + 45deg));
}

.donut__slice__second::after {
    border-top-color: #fe9400;
    border-right-color: #fe9400;
    border-bottom-color: rgba(255, 200, 32, calc(100 * (var(--second) - .5)));
    border-left-color: #fe9400;
    transform: rotate(calc(360deg * var(--second-start) + 45deg + var(--donut-spacing-deg)));
}

.donut__slice__third {
    --third-start: calc(var(--first) + var(--second));
    --third-check: max(calc(var(--third-start) - .5), 0);
    -webkit-clip-path: inset(0 calc(50% * (var(--third-check) / var(--third-check))) 0 0);
    clip-path: inset(0 calc(50% * (var(--third-check) / var(--third-check))) 0 0);
}

.donut__slice__third::before {
    border-top-color: rgba(var(--donut-spacing-color), calc(100 * var(--donut-spacing)));
    transform: rotate(calc(360deg * var(--third-start) + 45deg));
}

.donut__slice__third::after {
    border-top-color: #003838;
    border-right-color: rgba(151, 201, 92, calc(100 * (var(--third) - .25)));
    border-bottom-color: rgba(151, 201, 92, calc(100 * (var(--third) - .5)));
    border-left-color: rgba(151, 201, 92, calc(100 * (var(--third) - .75)));
    transform: rotate(calc(360deg * var(--third-start) + 255deg + var(--donut-spacing-deg)));
}

.quant-mark {
    width: fit-content;
    margin-left: auto;
    padding-top: 20px;
}

.quant-per::before {
    content: '';
    position: absolute;
    left: 101%;
    border-bottom: 2px solid #fff;
    width: 280px;
    top: 50%;
    z-index: 2;
}

.quant-per::after {
    content: '';
    position: absolute;
    right: -286px;
    top: 58px;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background-color: #fff;
    z-index: 1;
}

.quant-per {
    border: 1px solid #003838;
    background-color: #fe9400;
    color: #fff;
    position: relative;
    padding: 40px 50px;
    border-radius: 8px;
    width: fit-content;
    margin-left: auto;
    margin-bottom: 15px;
}

.quant-gr {
    background-color: #003838;
}

.quant-or {
    background-color: #fe9400;
}

.quant-lgr {
    background-color: #4ca19d;
}

.quant-per h2 small {
    font-size: 14px;
}

.graph-sz {
    max-width: 460px;
}

.quant-end::after {
    right: unset;
    left: -355px;
}

.quant-end::before {
    width: 350px;
    left: unset;
    right: 101%;
}

.project-tabs .accordion .accordion-body {
    padding-top: 1px !important;
    padding-bottom: 0px !important;
}

.project-tabs .accordion .accordion-body .custom-box {
    margin-bottom: 1px;
}

.save_config {
    font-size: 13px;
    background-color: #e4960e;
    border-color: #e4960e;
    border-radius: 20px;
    padding: 5px 24px
}

.save_config:hover {
    background-color: #e4960e;
    border-color: #e4960e;
}

.btnblock{
    gap: 5px;
    display: flex;
    flex-wrap: wrap;
    width: auto;
    padding-right: 20px !important;
}
.del-config {
    color: #fff;
    font-size: 13px;
    border: solid 1px rgb(177 19 19);
    background-color: rgb(177, 19, 19);
    border-radius: 20px;
    padding: 5px 24px;
}

.del-config:hover {
    color: #fff;
}
.canvasjs-chart-credit {
    display: none;
}

.canvasjs-chart-canvas {
    width: 100%;
}

.chat-content {
    height: 770px;
    width: 100%;
    overflow: hidden;
}

.chat-content canvas {
    height: 100% !important;
}

/* .chat-content::after {
    position: absolute;
    content: '';
    left: 0;
    background-color: #dceae9;
    width: 150px;
    height: 86px;
    bottom: 0;
} */


@media (max-width: 1550px) {
    .canvasjs-chart-canvas {
        width: 1479px !important;
        height: 650px !important;
    }

    .chat-content {
        height: 645px;
    }
}

@media (max-width: 1400px) {
    .canvasjs-chart-canvas {
        right: -175px;
    }

    .chat-content {
        height: 610apx;
    }
}

@media (max-width: 1100px) {
    .canvasjs-chart-canvas {
        height: 635px !important;
        right: -235px;
    }

    .chat-content {
        height: 605px;
    }
}
@media (max-width: 1000px) {
    .canvasjs-chart-canvas {
        height: 665px !important;
        right: -256px;
    }

    .chat-content {
        height: 700px;
    }
}
@media (max-width: 992px) {
    .canvasjs-chart-canvas {
        right: -341px;
    }
}

@media (max-width: 480px) {
    .canvasjs-chart-canvas {
        height: 115px !important;
        right: 26px;
        width: 210px !important;
    }

    .chat-content {
        height: 122px;
    }
    /* .chat-content::after {
        height: 56px;
        width: 80px;
    } */
}

.uploadphotosbox {
width: 100%;
display: flex;
align-items: center;
position: relative;
}

.uploadphotosbox label {
position: relative;
display: flex;
}

.uploadphotosbox label input {
position: relative;
padding-left: 0px;
text-align: left;
width: auto;
margin-left: -78px;
top: 4px;
}

.uploadphotosbox .uploadbtn {
width: 81% !important;
}
.uploadphotosbox .uploadbtn label{
position: relative;
}
.uploadphotosbox .uploadbtn label::before{
content: "";
}

.uploadphotosbox label h6 {
white-space: nowrap;
}

.uploadphotosbox #product-image-label {
white-space: nowrap;
}
.dashboard .table{
color: #174d64;
}
@media print {
.container {
    margin-bottom: 0;
}
.chart-hide {
    margin-top: -50px;
}
.chart-hide .card-body {
    padding: 0 !important;
}
.chat-content {
    height: 570px !important;
    margin: 0 !important;
}
.chat-content canvas {
    height: 100% !important;
    width: 80% !important;
    max-width: 100% !important;
    position: relative;
    left: -50px;
    top: 15px;
}
}

.hide1, .hide2{
display: none !important;
}
.box-edit-form{
flex: 0 0 auto;
width: 100%;
}
.box-edit-form #searchFormConfig, .box-edit-form #searchForm{
display: flex;
align-items: center;
gap: 10px;
}
.box-edit-form .save-btn-box{
display: flex;
}
.box-edit-form .text{
width: 100%;
}
.box-edit-form .autocomplete-items-config{
top: 45px;
}
.dashboard-box-bubble {
position: relative;
}
.dashboard-box-bubble small + sup,
.dashboard-box-bubble h2 + sup {
background-color: #557281;
border-radius: 50%;
color: #fff;
padding: 1px 5px;
font-size: 10px;
height: 15px;
width: 15px;
display: flex;
align-items: center;
top: 1px;
margin-left: 5px;
}
.dashboard-box-bubble small + sup .tooltip,
.dashboard-box-bubble h2 + sup .tooltip {
display: none;
}
.dashboard-box-bubble small + sup:hover .tooltip,
.dashboard-box-bubble h2 + sup:hover .tooltip  {
opacity: 1;
display: block;
background-color: #557281;
padding: 10px 8px;
border-radius: 10px;
max-width: 185px;
min-width: 185px;
position: absolute;
bottom: 18px;
left: 4px;
font-size: 9px;
line-height: 12px;
color: #fff;
height: fit-content;
}
.dashboard-box-bubble small + sup:hover .tooltip.tooltip-right {
right: 0;
left: unset;
}


@media (max-width: 767px) {
    .btnblock{
        margin-top: 10px;
    }
}

.new-configuration{
    margin-top: 22px;
}

.create-new-config{
    margin-right: 16px;
}

.close-new-config{
    margin-right: 12px;
}

/* Delete project button and confirmation modal */
.del-project {
    color: #fff;
    font-size: 13px;
    border: solid 1px rgb(177 19 19);
    background-color: rgb(177, 19, 19);
    border-radius: 20px;
    padding: 1px 20px;
    cursor: pointer;
}

.pro-btn {
    margin-left: auto;
}

.project-add-box.deletemodal .modal-content {
    /*border-radius: 10px !important;*/
    min-height: 293px;
    padding: 60px 46px 0px 49px !important;
}

.project-add-box.deletemodal  .modal-dialog{
    border-radius: 10px !important;
}

.project-add-box.deletemodal .modal-content .modal-header{
    display: none;
}

.project-add-box.deletemodal .modal-content .text {
    font-weight: 700;
    font-size: 25px;
    line-height: 38px;
    color: #000000;
    margin-bottom: 40px;
}

.project-add-box.deletemodal .modal-content .new-configuration .btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.project_card{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.project_card .pro-btn{
    margin-right: 11px;
    width: auto;
}

.project_card .pro-btn .btn{
    padding-top: 3px;
    padding-bottom: 3px;
}

.edithead{
    width: auto;
}

.project-text-end {
    text-align: center;
    margin: 19px;
}

.go-back {color: #fff;
    font-size: 13px;
    border: solid 1px #e4960e;
    background-color: #e4960e;
    border-radius: 20px;
    padding: 1px 20px;
    cursor: pointer;
} 
#proj-desc-text {
    text-align: justify;
}
/* End of modal*/


/*Css for Multiple select*/
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700&subset=latin-ext');

/*body {*/
/*    font-family: 'Quicksand', sans-serif;*/
/*    font-weight: 450;*/
/*    min-height: 100vh;*/
/*    color: #ADAFB6;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    background: #fff;*/
/*    transition: all .2s ease;*/
/*}*/

.multiSelect {
    /*width: 300px;*/
    position: relative;
}

.multiSelect *, .multiSelect *::before, .multiSelect *::after {
    box-sizing: border-box;
}

.multiSelect_dropdown {
    font-size: 14px;
    min-height: 35px;
    line-height: 35px;
    /*border-radius: 4px;*/
    box-shadow: none;
    outline: none;
    background-color: #fff;
    color: #444f5b;
    /*border: 1px solid #d9dbde;*/
    font-weight: 400;
    padding: 0.5px 13px;
    margin: 0;
    transition: .1s border-color ease-in-out;
    cursor: pointer;
    border: 2px solid #a1b3bc !important;
    border-radius: 10px !important;
}

.multiSelect_dropdown.-hasValue {
    /*padding: 5px 30px 5px 5px;*/
    cursor: default;

}

.multiSelect_dropdown.-open {
    box-shadow: none;
    outline: none;
    /*padding: 4.5px 29.5px 4.5px 4.5px;*/
    /*border: 1.5px solid #4073FF;*/
    border: 2px solid #a1b3bc !important;
    border-radius: 10px !important;
}

.multiSelect_arrow::before,
.multiSelect_arrow::after {
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    height: 8px;
    border-radius: 20px;
    border-bottom: 8px solid #99A3BA;
    top: 40%;
    transition: all .15s ease;
}

.multiSelect_arrow::before {
    right: 18px;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

.multiSelect_arrow::after {
    right: 13px;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
}

.multiSelect_list {
    margin: 0;
    margin-bottom: 25px;
    padding: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    max-height: calc(10 * 31px);
    top: 28px;
    left: 0;
    z-index: 9999;
    right: 0;
    background: #E4E3E3;
    border-radius: 4px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: opacity 0.1s ease, visibility 0.1s ease, -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    transition: opacity 0.1s ease, visibility 0.1s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    transition: opacity 0.1s ease, visibility 0.1s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32), -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    -webkit-transform: scale(0.8) translate(0, 4px);
    transform: scale(0.8) translate(0, 4px);
    border: 1px solid #667489;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12);
}

.multiSelect_option {
    margin: 0;
    padding: 0;
    opacity: 0;
    -webkit-transform: translate(6px, 0);
    transform: translate(6px, 0);
    transition: all .15s ease;
}

.multiSelect_option.-selected {
    display: none;
}

.multiSelect_option:hover .multiSelect_text {
    color: #fff;
    /*background: #4d84fe;*/
    background-color: #83abab;
}

.multiSelect_option_header {
    margin-bottom: 5px;
    font: -webkit-control;
    padding: 20px 0px 0px 30px;
    color: #223F42;
    font-weight: bold;
}


.multiSelect_text {
    cursor: pointer;
    display: block;
    padding: 5px 13px;
    color: #1C3A3D;
    font-size: 14px;
    text-decoration: none;
    outline: none;
    position: relative;
    transition: all .15s ease;
}

.multiSelect_material_list .multiSelect_text {
    font-size: 12px;
    width: fit-content;
}

.multiSelect_list.-open {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1) translate(0, 12px);
    transform: scale(1) translate(0, 12px);
    transition: opacity 0.15s ease, visibility 0.15s ease, -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
    transition: opacity 0.15s ease, visibility 0.15s ease, transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32), -webkit-transform 0.15s cubic-bezier(0.4, 0.6, 0.5, 1.32);
}

.multiSelect_list.-open + .multiSelect_arrow::before {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
}

.multiSelect_list.-open + .multiSelect_arrow::after {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
}

.multiSelect_list.-open .multiSelect_option {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    /*margin-left: 35px;*/
}


.multiSelect_list.-open .multiSelect_option:nth-child(1) {
  transition-delay: 10ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(2) {
  transition-delay: 20ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(3) {
  transition-delay: 30ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(4) {
  transition-delay: 40ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(5) {
  transition-delay: 50ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(6) {
  transition-delay: 60ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(7) {
  transition-delay: 70ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(8) {
  transition-delay: 80ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(9) {
  transition-delay: 90ms;
}

.multiSelect_list.-open .multiSelect_option:nth-child(10) {
  transition-delay: 100ms;
}

.multiSelect_choice {
    background: #E4E3E3;
    color: #444f5b;
    padding: 6px 8px;
    line-height: 17px;
    margin: 4px;
    display: inline-block;
    font-size: 13px;
    border-radius: 5px;
    border: 0.5px solid;
    cursor: pointer;
    font-weight: 500;
}

.multiSelect_deselect {
    width: 16px;
    height: 16px;
    display: inline-block;
    stroke: #7f7f7f;
    stroke-width: 3px;
    margin-top: -1px;
    margin-left: 10px;
    vertical-align: middle;
}

.multiSelect_choice:hover .multiSelect_deselect {
    stroke: #a1a8b1;
}

.multiSelect_noselections {
    text-align: center;
    padding: 7px;
    color: #b2bac3;
    font-weight: 450;
    margin: 0;
}

.multiSelect_placeholder {
    position: absolute;
    left: 20px;
    font-size: 14px;
    top: 8px;
    padding: 0 4px;
    background-color: #fff;
    color: #b8bcbf;
    pointer-events: none;
    transition: all .1s ease;
}

.multiSelect_dropdown.-open + .multiSelect_placeholder,
.multiSelect_dropdown.-open.-hasValue + .multiSelect_placeholder {
    top: -11px;
    left: 17px;
    color: #4073FF;
    font-size: 13px;
}

.multiSelect_dropdown.-hasValue + .multiSelect_placeholder {
    top: -11px;
    left: 17px;
    color: #6e7277;
    font-size: 13px;
}


.multiSelect_text .form-check-input:checked {
    background-color: #79989B;
    border-color: #79989B;
}

/*CSS for material dropdowns*/
.multiSelect_material_list {
    top: 36px;
    /*width: 33%;*/
    margin-top: 50px;
    margin-left: 44.3%;
    float: right;
}

.multiSelect_material_options {
    margin-left: 6%;
}

.multiSelect_material_options:hover .multiSelect_text {
    /*color: #fff;*/
    /*background: #4d84fe;*/
    /*background-color: #83abab;*/

    background: #68666657;
    width: fit-content;
    border-radius: 6px;
    color: #1C3A3D;
}

.material_options_hide {
    display: none;
}
/*End CSS for material dropdowns*/

/*End Multiple select*/

.checkbox-form input{
    margin-left: 5px;
}

.checkbox-form .form-check-input {
    border-radius: 50%;
}

.checkbox-form .form-check-input:checked {
    background-color: #557281 !important;
    border-color: #557281 !important;
}