html, body, h1, h2, h3, h4, h5, h6 {
    font-family: Vazir, tahoma;
    line-height: 2;
    font-size: 13px 
}
input:focus, textarea:focus, select:focus, button:focus {
    outline: unset 
}
input, textarea, button, .button, select {
    border-radius: 20px;
    border-style: solid;
    border-color: #8096b9;
    border-width: 1px;
    text-align: center;
    direction: ltr;
    padding: 3px 8px
}
button, input[type="button"], input[type="submit"], .button {
    background-color: #557cbb !important;
    color: #FFF !important;
    border: 0
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, .button:hover {
    background-color: #2d518a !important
}
.self-center {
    margin: 0 auto 
}
a {
    color: #114a8a;
    text-decoration: none;
    border-bottom:1px solid transparent
}
a:hover{
    color: black
}
.text-left {
    text-align: left 
}
.text-right {
    text-align: right 
}
footer> span+span:before {
    content: "|";
    margin: 0 6px;
    color: #CCC 
}
.child-mb-2>*:not(:last-child) {
    margin-bottom: 8px 
}
.child-mb-1>*:not(:last-child) {
    margin-bottom: 4px 
}
.avatar {
    vertical-align: middle;
    display: inline-block;
    background: url(../View/tempIMGs/General/img/avatar1.png) center center/cover;
    width: 100px;
    height: 100px
}
hr {
    margin:6px 0
}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{
    float: right !important
}