.visit-notes .template-section .form-select{
    border-radius: 500px;
    height: 50px;
    width: 30%;
    border: none;
    background-color: var(--colorBackgroundInput);
}

.visit-notes .template-section textarea{
    width: 70%;
    height: 150px;
    max-height: 150px ;
    border-radius: 24px;
    resize: none;
}
.visit-notes .modal input{
    border: none;
    background-color: var(--colorBackgroundInput);
}

.visit-notes .confirmOrder-btn{
    background: var(--colorButtonSave);;
    color: var(--whiteColor);
    width: 20%;
    border-radius: 100px;
}
@media screen and (max-width:1020px){
    .visit-notes .heading{
        display: flex;
        flex-direction: column;
        align-items: start !important;
        gap: 16px;
        
    }  
}

@media screen and (max-width:990px){
    .visit-notes .container-modal{
        width: 100%  !important;
        height: 100%;
    }
    .visit-notes .modal-dialog{
       padding: 0 !important;
       border-radius: 0 !important;
    }
}    
@media screen and (min-width:870px){
    .visit-notes .orderActions-btn{
        display: block !important;
    }
    .visit-notes .orderActionsMenu{
        display: none;
    }

}
@media screen and (max-width:770px){
    .visit-notes .confirmOrder-btn,
    .visit-notes .template-section textarea{
        width: 100%;      
    }
    .visit-notes .template-section .form-select{
        width: 60%;
    }
    
}