.ml-auto{
    margin-left: auto;
}
.btn{
    padding: 0.875rem 1.3rem;
    font-weight: 500;
  }
.btn-sm {
    width: 100%;
    max-width: 90px;
    padding: 4px 4px 2px;
    line-height: 21px;
    font-size: 12px;
    justify-content: center;
    color: #ef6a3d;
    margin-right: 10px;
    border-radius: 5px;
}
ul{
padding: 0px;
}
.light-green-color{
    color:#6eda6d;
}
.bg-light-green{
    background-color: #6eda6d;
}

.bg-orange-color{
    background-color: #ff6746 !important;
  }

.search-listing {
    padding: 24px 0px 10px 0px !important;
}

.search-listing h6 {
    font-weight: 700;
    margin-bottom: 11px;
    padding-left: 20px;
}

.search-listing ul {
    margin: 0px;
    margin-bottom: 15px;
}

.search-listing ul li p {
    margin: 0px;
}

.search-listing ul li p.title {
    font-size: 14px;
    color: #d96841;
    font-weight: bold;
}

.search-listing ul li p.desc {
    font-size: 13px;
    margin-top: -2px;
}

.search-listing ul li a {
    text-decoration: none;
    color: #6c6a6a;
    display: block;
    padding: 4px;
    margin-left: 2.5em;
}

.search-listing ul li {
    margin-bottom: 4px;
}


.search-listing ul li:hover {
    background: #ef6a3d;
}

.search-listing ul li:hover p {
    color: white;
}

.mdi-window-close.searchBarIcon{
    cursor: pointer;
}
.searchBarIcon{
    font-size: 23px !important;
    color: #5e5759 !important;

}

.resultNotFond {
    padding: 2em 0;
}

.resultNotFond p {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.resultNotFond p i {
    font-size: 31px;
}

.searchLoading:after {
    content: '';
    display: block;
    font-size: 9px;
    width: 9px;
    height: 9px;
    margin-top: 1em;
    margin-left: 6px;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgb(239 106 61 / 75%) 1.5em 0 0 0,
                rgb(239 106 61 / 75%) 1.1em 1.1em 0 0,
                rgb(239 106 61 / 75%) 0 1.5em 0 0,
                rgb(239 106 61 / 75%) -1.1em 1.1em 0 0,
                rgb(239 106 61 / 75%) -1.5em 0 0 0,
                rgb(239 106 61 / 75%) -1.1em -1.1em 0 0,
                rgb(239 106 61 / 75%) 0 -1.5em 0 0,
                rgb(239 106 61 / 75%) 1.1em -1.1em 0 0;
}

.css-g1d714-ValueContainer div, .css-g1d714-ValueContainer div{
    width: auto !important;
}

.propertyContain{
    padding: 35px 40px;
}

.messageNotification-p{
    font-size: 12px !important;
}

.messageNotificationUl > li{
    cursor: pointer;
}

.messageNotificationUl > li :hover{
    background-color: #f4f3ef
}

.h-120px{
    height: 120px;
}

.cp{
    cursor: pointer;
}

.p-30{
    padding: 30px !important;
}

.reactFloatinglabelInputs .form-floating>.form-control {
    padding-top: 1.625rem !important;
    padding-bottom: 0.625rem !important;
}

.reactFloatinglabelInputs .form-floating>.form-control::placeholder {
   opacity: 0;
}

.reactFloatinglabelInputs .signNowContainer {
    margin: auto;
    text-align: center;
    background: #fff;
}

.reactFloatinglabelInputs .signNowContainer #canvasComponent{
    margin-top: 20px;
}

.reactFloatinglabelInputs .signNowDrawContainer{
    cursor: url('../../../assets/admin/images/dashboard/cursor-pen.png'), auto;
}

.signatureCanvasContainer .signNowDrawContainer{
    background: #fff ;
}

.signatureCanvasContainer .signPadClear{
    top: 3px;
    right: 10px;
}
.srv-validation-message.custom-error{
    margin-top: 0 !important;
}


.signButtonContain {
    text-align: center;
    width: 400px;
    height: 84px;
    margin: auto;
    background: #fff;
    line-height: 85px;
    border: 1px solid;
    margin-bottom: 2em;
    overflow: hidden;
}

.signButtonContain img {
    border: 0;
    height: 100%;
    object-fit: cover;
}

.mt--27px{
    margin-top: -27px;
}