@font-face{
    font-family:'Samim';
    src:url('/resources/css/font/Samim.eot');
    src:url('/resources/css/font/Samim.eot?#iefix') format('embedded-opentype'),
    url('/resources/css/font/Samim.woff')  format('woff'),
    url('/resources/css/font/Samim.ttf') format('truetype'),
    url('/resources/css/font/Samim#alternategothic')
}

body{
    font-family: Samim,Arial,Times New Roman,serif
}

h1,h2,h3,h4,h5,h6,th,legend{
    font-family:  Samim,Arial,Times New Roman,serif
}
input,select,option,label,tr,td,p,span,div,li,a{
    font-family:  Samim,Arial,Times New Roman,serif
}
a,a:active,a:hover{
    text-decoration: none
}
.ui-widget{
    font-family:  Samim,Arial,Times New Roman,serif!important
}
.row{
    direction: rtl!important
}

body {
    background: #3067cc;
    direction: rtl;
}

.header-round {
    border-radius: 30px 30px 0 0;
    z-index: 9999999999;
    box-shadow: 0 -8px 5px rgba(0, 0, 0, .07);
    background-color: white;
    margin: 0 10px;
}

.footer-round {
    border-radius: 0 0 30px 30px;
    z-index: 9999999999;
    box-shadow: 0 8px -5px rgba(0, 0, 0, .07);
    background-color: white;
    margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 40px;
    color: #2a5bb4;
    margin-bottom: 30px;
}

.mycontainer {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px;
    background: #fff;
    flex-grow: 1;
}

.main-container {
    display: flex;
    width: 100%;
    height: 97vh;
    flex-direction: column;
}

.header {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 100%;
}

.form-control {
    color: #3067cc !important;
}

.p-mb-2 {
    margin-bottom: 10px;
}

.form {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.ui-card {
    margin: 15px 0;
    text-align: center;
    transition: box-shadow 0.3s ease-in-out;
}

.ui-card:hover {
    box-shadow: 0 4px 2px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 2px 6px 0 rgb(0 0 0 / 12%);
}
.ui-card-header{
    overflow: hidden;
    text-align: center;
}
.ui-card-header img {
    max-width: 100%!important;
    width: auto!important;
    height: 96px;
    margin: 10px;
}
.ltr{
    direction: ltr;
}
.rtl {
    direction: rtl;
}
.text-center{
    text-align: center;
}
body .ui-card .ui-card-content{
    padding: 0!important;
}
body .ui-card .ui-card-body{
    padding: .2rem!important;
    text-align: center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
body .ui-messages > div{
    padding: 0.5rem!important;
}