.content_form_rx{
    margin-top: 2%;
    border-top: 1px solid #a7a4a4;
    padding: 1rem 0;
}

.file {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
}

.notific_email, .upload_rx{
    display: none;
}

.file > label{
    cursor: pointer;
    display: flex;
    box-sizing: border-box;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    border-radius: 3%;
}

.file > label > i {
    padding-right: 5px;
    margin-top: 0.5em;
}

.file--upload > label {
   color: hsl(204, 86%, 53%);
   border-color: hsl(204, 86%, 53%);
}

.file--upload > label:hover {
  border-color: hsl(204, 86%, 53%);
  background-color: hsl(204, 86%, 96%);
}

.file--upload > label:active {
 background-color: hsl(204, 86%, 91%);
}

.file--uploading > label {
    color: hsl(48, 100%, 67%);
    border-color: hsl(48, 100%, 67%);
}

.file--uploading > label > i {
 animation: pulse 5s infinite;
}

.file--uploading > label:hover {
    border-color: hsl(48, 100%, 67%);
    background-color: hsl(48, 100%, 96%);
}

.file--uploading > label:active {
   background-color: hsl(48, 100%, 91%);
}

@keyframes pulse {

    0% {
        color: hsl(48, 100%, 67%);
    }
    50% {
        color: hsl(48, 100%, 38%);
    }
    100% {
        color: hsl(48, 100%, 67%);
    }
}

.content_child_rx{
    display: flex;
}

.content_child_rx .mb-3{
    margin-right: 1rem;
}



@media (min-width: 769px), print {
    form#form_rx_email h1 {
        font-size: 16px !important;
        margin-bottom: 0 !important;
        margin-top: 1em !important;
    }
}

@media screen and (min-width: 300px) and (max-width: 990px) {
   
   .content_child_rx{
       display: block;
   }

   .file{
       margin-bottom: 1rem;
       text-align: center;
       width: 100%;
   }

   .content_child_rx label {
       width: 100%;
   }
}

.send_email h3 {
    margin: 0 0 20px 0;
}

#mailto {
    color: #006bb4;
    font-weight: bold;
}