.ruleCardDesign {
    box-shadow: 0rem -0.4rem 0.9rem 0.1rem rgba(0,0,0,.075)!important;
/*    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;*/
    margin: 22px 0 0 0;
    border-radius: 10px;
    padding: 20px 0 25px 21px;
}

/*.formAdditinalDetailsBorderDesign {
    border-top: 2px solid #ededed;
    padding: 0;
    margin: 33px 0 0 -2px;
    border-radius: 4px;
}

.formAdditinalDetailsTextDesign {
    margin: -12px 0 17px 16px;
    padding: 0 5px 0 6px;
    background: #fff;
    color: #117d8f;
    font-weight: 500;
    font-size: 16px;
    width: 11%;
}*/

.fillInRuleTitleDesign {
    text-align: left;
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(0.99turn, rgba(56,2,155,0), #24a8d8, rgba(56,2,155,0));
    border-image-slice: 1;
    margin: 0 0 15px 0;
    font-size: 19px;
    color: #803b94;
    text-transform: capitalize;
    font-weight: bold;
    letter-spacing: 1px;
}

.overAllFillInTableDesign {
    font-size: 18px;
    margin: 24px 0 20px 0;
    font-weight: bold;
    color: #803b94;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(0.25turn, rgba(56,2,155,0), #24a8d8, rgba(56,2,155,0));
    border-image-slice: 1;
}

.saveFillInSaveBtnDesign {
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(0.25turn, #803b949c, #24a8d894, #f4a23c87);
    border-image-slice: 1;
    padding-bottom: 17px;
}

.custom-btn-info {
    color: #fff;
    background-color: var(--bs-pink) !important;
    border-color: var(--bs-pink) !important;
    box-shadow: 0 2px 6px 0 rgb(255 255 255) !important;
}

.userDefinedSaveBtnDesign {
    position: absolute;
    margin: 7.2rem 0 0 49rem;
}

.systemSaveBtnDesign {
    position: absolute;
    margin: 7.3rem 0 0 24rem;
}

.prefillDefaultSaveBtnDesign {
    position: absolute;
    margin: 7.2rem 0 0 61rem;
}

.DefaultPrefillDefaultSaveBtnDesign {
    position: absolute;
    margin: 7.2rem 0 0 57rem;
}

.choices__list--multiple .choices__item {
    background-color: #607d8b !important;
    border-color: #607d8b !important;
}

.choices[data-type*=text] .choices__button {
    border-left: 1px solid #fff !important;
    background-image: url(/../assets/images/removeIcon.png) !important;
    background-size: 11px !important;  
}

.choices__list--multiple .choices__item {
    background-color: #5156be;
    border-color: #5156be;
    margin-bottom: 4px !important;
    margin-right: 7px;
    font-weight: 400;
}

.choices__inner {
    padding: 4px 6px 4px 5px !important;
    background-color: #fff;
    vertical-align: middle;
    border-radius: 0.25rem;
    border: 1px solid #ededed;
    min-height: 38px;
}

.choices[data-type*=text] .choices__inner {
    cursor: text;
    max-height: 70px !important;
    overflow-y: scroll !important;
}

.addFillInBtnDesign {
    margin: -48px 0 0 0;
    border-radius: 50px !important;
    box-shadow: 7px 0px 1px 12px !important;
    font-size: 13px;
}

.backMandatoryBtnDesign {
    float: right;
    overflow: hidden;
    max-width: 3px;
    -webkit-transition: max-width 0.3s ease-in-out;
    -moz-transition: max-width 0.3s ease-in-out;
    -o-transition: max-width 0.3s ease-in-out;
    transition: max-width 0.3s linear;
    margin: -51px 0 0 0;
    padding: 2px 19px 0 6px;
    font-size: 15px;
}

.backBtnDesignText {
    display:block;
    white-space:nowrap;
    color:#fff; 
}

.backMandatoryBtnDesign:hover{
    color: #fff;
    max-width: 285px;
    padding: 1px 6px 1px 6px;
    font-size: 15px;
}


.divPointerNone {
    pointer-events: none;
    opacity: 0.4;
}

.bootstrap-tagsinput .label-info {
    background: #607d8b;
    padding: 0 5px 2px 5px;
    font-size: 13px;
    border-radius: 10px;
}

.bootstrap-tagsinput {  
    padding: 8px 6px !important;    
    width: 100% !important;
    overflow-y: scroll;
    height: 40px;
}

.validToTextDesign{
    color: #9f9c9c;
    font-size: 11px;
    font-weight: 500;
}

/* typeahead    */
.bs-example {
    position: relative;
    margin: 100px;
}
.typeahead, .tt-query, .tt-hint {
    height: 40px;
    line-height: 30px;
    width: 326px;
}
.typeahead {
    background-color: #FFFFFF;
}
.typeahead:focus {
    border: 2px solid #0097CF;
}
.tt-query {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
    color: #999999;
}
.tt-menu {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    padding: 8px 0;
    width: 200px;
}
.tt-suggestion {
    font-size: .875rem;;  
    padding: 3px 20px;
}
.tt-suggestion:hover {
    cursor: pointer;
    background-color: #0097CF;
    color: #FFFFFF;
}
.tt-suggestion p {
    margin: 0;
}
.formNameLabel {
    display:block;
}

.height-priority-forms {
    height : 370px
}