@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&amp;family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&amp;family=Rubik:ital,wght@0,300..900;1,300..900&amp;display=swap');
*
{

  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
body
{
    direction: rtl;
}
header
{
    padding-top: 10px;
}
section.content
{

}
section.content h2 
{
    color: #0b4e8c;
    font-weight: bold;
    margin-top: 10px;
}
.panel 
{
    border: 1px solid #cbcbcb;
    border-radius: 5px;
    margin-top: 20px ;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.panel > 
div 
{
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
    padding: 13px  20px;
    line-height: 30px;
}
.panel > 
div:nth-child(3) 
{
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.panel > 
div:nth-child(4) 
{
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.panel > div > label 
{
    color: #0b4e8c;
    font-weight: bold;
}
.panel > div > p 
{
    color: #5d5e5e;
} 
footer
{
    margin-top: 30px !important;
    padding: 10px;
    margin-bottom: 40px !important;
}
footer p
{
    color: #5d5e5e;
}
.accept-btn
{
    background: #0b4d8c;
    color: #ffffff;
    border: solid 1px #ffffff;
    border-radius: 5px;
    padding: 1rem !important;
    display: block !important;
    margin-top: 30px;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
}
.reject-btn
{
    border: 1px solid #0b4d8c;
    color: #0b4d8c;
    border-radius: 5px;
    background-color: transparent;
    padding: 1rem !important;
    display: block !important;
    margin-top: 10px;
    width: 100%;
    font-size: 16px;
    cursor: pointer;
}

.alert
{
    color: brown !important;
    font-size: 22px;
    font-weight: bold;
}

 