.div-border {
    border: 4px solid #e49c35 !important;
    border-style: dashed !important;
}

.cus-circle {
    border-radius: 25px !important;
}

.div-left-hd {
    position: absolute;
    display: flex;
    top: calc(1% - 10px);
    font: normal normal medium 50px/41px Roboto;
    color: #e49c35;
    font-size: 40px;
}

.div-right-icon {
    position: absolute;
    right: 5px;
    /* top: 8px; */
    bottom: 8px;
    background-color: #FFFFFF;
    padding-left: 35px;
}

.div-left-icon {
    position: absolute;
    left: -22px;
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    /* border: 1px solid #FFF; */
    border-radius: 50%;
    display: flex;
    font-size: 15px;
    color: #FFFFFF;
}

.left-count-pos-30 {
    left: -30px;
}

.left-count-pos-40 {
    /* left: -60px; */
    left: -40px;
}

.left-count-pos-50 {
    left: -50px;
}

.cust-cb-border-color {
    border-color: #ADADAD !important;
}

.cust-yn-btn {
    border: 1px solid #ADADAD !important;
    border-radius: 25px !important;
    opacity: 1 !important;
    font: normal normal 600 16px/11px Poppins !important;
    letter-spacing: 0px !important;
    color: #e49c35 !important;
    height: 50px;
}

.cust-div-bg-col {
    background: #E5E5E5 0% 0% no-repeat padding-box !important;
}

.sc-text {
    font: normal normal 300 14px/16px Roboto;
    letter-spacing: 0px !important;
    color: #303030 !important;
}

.sc-cb-text {
    font: normal normal medium 16px/19px Roboto !important;
    letter-spacing: 0px !important;
    color: #8B959D !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 1;
    display: block;
    background: transparent url('/assets/img/calendar-icon.png') 0% 0% no-repeat padding-box;
    width: 25px;
    height: 25px;
}

.q:hover {
    border: 4px solid #e49c35 !important;
    border-style: dashed !important;
}

.hoverable:not(:hover) .show-on-hover {
    display: none !important;
}

.svg-icon.svg-icon-1.cust-rat-icon svg {
    height: 4rem !important;
    width: 4rem !important;
}

@media only screen and (max-width: 600px) {
    .svg-icon.svg-icon-1.cust-rat-icon svg {
        height: 2rem !important;
        width: 2rem !important;
    }
}

.done-btn {
    background: #e49c35 0% 0% no-repeat padding-box !important;
    border-radius: 25px !important;
    color: #FFFFFF !important;
}

.plus-btn {
    background: #e49c35 0% 0% no-repeat padding-box !important;
}

.cust-prog-div-bor {
    background: #F8FFFF 0% 0% no-repeat padding-box !important;
    border: 1px solid #707070 !important;
    border-radius: 25px !important;
    height: 25px;
}

.cust-bg-color {
    background: #E4E4E4 0% 0% no-repeat padding-box !important;
}

.edit-name {
    padding: 1px 10px 1px 6px;
    margin-right: 6px;
    width: 50%;
    border: 2px dashed #EFF2F5;
}

.edit-name-show {
    padding: 1px 10px 1px 6px;
    margin-right: 6px;
}


/* .form-check.form-check-custom {
    margin-right: 50px;
} */

.required-checkbox {
    display: inline-block !important;
}

.mr-10 {
    margin-right: 10px;
}

.builder-text {
    font: normal normal 300 14px/19px Roboto !important;
    letter-spacing: 0px !important;
    color: #939393 !important;
}

.div_divider {
    background-image: linear-gradient(#E4E6EF, #E4E6EF);
    background-size: 1px auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.builder_i_cust_wh {
    margin-top: 15px !important;
}

.cust-tooltip {
    position: relative;
    display: inline-block;
}

.cust-tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.cust-tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.cust-tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.icon-space {
    margin-left: 4px;
}

.hide_element {
    display: none;
}

.show_element {
    display: block;
}

.builder-card-element {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E4E8EB;
    border-radius: 6px;
    opacity: 1;
    margin-right: 10px;
    margin-bottom: 10px;
}

.show-pointer {
    cursor: pointer;
}

/* span {
    cursor: text;
} */

.cursor-text {
    cursor: text !important;
}

.starter-form-div {
    border: 4px dashed #B5B5C3;
    height: 140px;
    margin-top: 32px;
    justify-content: center !important;
    align-items: center !important;
}

.span-text {
    word-break: break-word;
}


/* .tooltip-scoring .tooltip-inner {
    color: #ffffff;
    background-color: #00A3F5;
 }
.tooltip-scoring .tooltip-arrow::before  { 
    border-right-color:  #e49c35 !important;
}

.tooltip-delete .tooltip-inner {
    color: #ffffff;
    background-color: #F47962;
 }
.tooltip-delete .tooltip-arrow::before  { 
    border-right-color:  #F47962 !important;
} */


/* .red-tooltip > .tooltip .tooltip-inner {
    background-color: #f00  !important;
    color: #ffffff;
} */


/* .red-tooltip, .tooltip-arrow::before{
    border-right-color: #f00  !important;
} */

.dropdown-anchor {
    color: #e49c35;
}

.dropdown-anchor:hover {
    color: #e49c35;
}

div:hover>span+.editicon {
    display: inline-block;
}

.options-div-border {
    border: 2px solid #e49c35 !important;
    border-style: dashed !important;
    background-color: #00A3F510;
}

@media screen and (min-width: 800px) {
    .builder-div-fixed {
        position: fixed !important;
        width: inherit;
        max-height: 50%;
        max-width: 33%;
    }
    .scr-tag-div-fixed {
        position: fixed !important;
        width: inherit;
        overflow-y: scroll;
        overflow-x: scroll;
        max-height: 50%;
        max-width: 21%;
        border-radius: 5px !important;
    }
}