body,body *{text-align:right;font-family: "Droid Arabic Kufi", arial;}
body{position:relative;padding-bottom:100px}
.wrap{
position: relative;
z-index: 123;
overflow: hidden;
background-color: #fff;
}
.overflowHidden{overflow: hidden}
footer{
margin-top:20px;
position:fixed;
bottom:0;
right:0;
height:60px;
width:100%;
text-align:center;
padding:20px 0;
color:#999;
font-weight: normal;
background-color:#f7f7f7
}
footer a{color:#999;text-decoration: none}
.form-control{font-size:16px}
.error{color:red;margin-top:5px}
.form-horizontal .form-group,ol,p{font-size:1.1em}
.form-control{height:40px}
textarea{min-height:100px}
.bold{font-weight:bold}
.mb12{margin-bottom:12px}
.mt12{margin-top:12px}
.instCont{padding:10px;background-color:#f8f8f8;border-radius:5px}
button.btn-primary{
padding:10px !important;
font-size:1.3em !important;
margin-top:15px !important;
width:70% !important;
margin:auto;
background-color:#004d79 !important
}
button{font-size:1.3em !important}
@media all and (max-width: 930px) {
    button{width:100% !important}
    .pageTitle div{margin-top:46px}
}
.flags {
background-image: url(https://opensooqui2.os-cdn.com/os_web/pwa/flags/flags.png);
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -webkit-optimize-contrast;
image-rendering: -moz-crisp-edges;
image-rendering: -o-pixelated;
image-rendering: pixelated;
background-size: 20px 259.5px;
width: 20px;
height: 13px;
}
.flags.jo {background-position: 0 0;display:inline-block}
.phoneCont{position:absolute;left: 7px;top: 6px;direction:ltr}
header img {margin-top:15px}
header h2 {
font-size: 1.3em;
font-weight: bold;
margin-top: 0;
padding-top: 25px;
border-top: 2px solid #ebebeb;
position: relative;
top: -30px;}
h3{margin-top:0;font-size: 1.3em;font-weight: bold;}
.form-horizontal .control-label {text-align: right;margin-bottom:10px}
.logos{overflow: hidden;margin-bottom: 20px}
.instCont{margin-bottom:30px}
@media (min-width: 500px){.container {width: 60%}}
.red{color:red}
.emrgNo div{
display: inline-block;
padding: 10px;
font-size: 1.1em;
color: #fff;
width: 39%;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
}
.emrgNo a,.emrgNo a:hover{
color:#fff !important;
text-decoration:none !important;
}
.emrgNo div:first-child{background-color:#86b820;border-radius: 0 20px 20px 0;white-space: nowrap}
.emrgNo div:last-child{background-color:#07a7c1;border-radius: 20px 0 0 20px }
@media (min-width: 500px){.emrgNo div:last-child{width: 30%}}
@media all and (max-width: 930px) {.emrgNo div{width:48%}}
.form-horizontal .form-group{margin-right:0 !important;margin-left:0 !important;}
select{
appearance: none;
-webkit-appearance: none;
background: url("https://opensooqui2.os-cdn.com/os_web/desktop/selectboxarrow.png") no-repeat 15px 50% #fff !important;
}
select,option{text-align: right}
@media (min-width: 992px){
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right !important;
    }
}
.mb10{margin-bottom:10px}
.control-label:after {
content: "*";
color: red;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
.field-userpermissionlog-accept_condition label:before,.field-userpermissionlog-accept_condition_2 label:before,.field-userpermissionlog-accept_condition_3 label:before{
content: "*";
color: red;
display: inline-block;
margin-left: 5px;
vertical-align: middle;
}
.carCont .col-md-6,.verifyInfo .col-md-6,.cardButtons .col-md-6   {
width: 50% !important;
float:right !important;
}
.carCont > div:last-child label{opacity: 0}
.verifyInfo{font-size:1.1em}
.verifyInfo .row{margin-bottom:30px}
.verifyValue{
margin-top:5px;
padding:5px;
background-color:#f8f8f8
}
.fon13{font-size:1.3em}
.fon12{font-size:1.2em}
.fon11{font-size:1.1em}
.listDocs{;
list-style:none;
padding-right:0
}
.listDocs li{
border:1px solid #a7a7a7;
border-radius:5px;
margin-bottom:20px;
width:50%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.06);
overflow: hidden;
}
@media all and (max-width: 930px) {.listDocs li{width:100% !important}}
.listDocs a{
display:block;
padding:20px;
color:#000;
text-decoration:none !important;
font-size: 1.2em;
text-align:center
}
.listDocs a:hover{background-color:#f8f8f8}
.pageTitle a{color:#333}
.backBtn{
float: right;
position: absolute;
top: 108px;
margin:12px 0 12px 6px
}
.backBtn a{
color:#939393;
display: block;
border: 1px solid #a8a8a8;
padding: 5px;
border-radius: 5px;
}
.backBtn a:hover,.pageTitle a:hover{text-decoration: none !important}
.date > div {
display: inline-block;
width: 32.6%;
vertical-align: top;
}
@media all and (max-width: 930px) {
    .date > div{
        display: block;
        width:100%
    }
}
.card{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin-bottom:15px
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card-header+.list-group .list-group-item:first-child {
border-top: 0;
}
.list-group-flush .list-group-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.cardButtons{padding:0 15px 15px}
.card-header {
padding: 15px;
margin-bottom: 0;
background-color: rgba(0,0,0,.03);
border-bottom: 1px solid rgba(0,0,0,.125);
margin-top:0;
font-weight:bold
}
.filterSelect{padding-left:37px}
fieldset {
border: 1px solid #f0f0f0 !important;
padding: 0 1.4em 1.4em 1.4em !important;
margin: 0 0 1.5em 0 !important;
-webkit-box-shadow:  0px 0px 0px 0px #000;
box-shadow:  0px 0px 0px 0px #000;
}
legend {
font-size: 1.2em !important;
font-weight: bold !important;
text-align: right !important;
width: auto;
padding: 0 10px;
}
@font-face {
font-family: "Droid Arabic Kufi";
src: url("7712e50ecac759e968ac145c0c4a6d33.eot"); /* IE9*/
src: url("7712e50ecac759e968ac145c0c4a6d33.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("7712e50ecac759e968ac145c0c4a6d33.woff2") format("woff2"), /* chrome、firefox */
url("7712e50ecac759e968ac145c0c4a6d33.woff") format("woff"), /* chrome、firefox */
url("7712e50ecac759e968ac145c0c4a6d33.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url("7712e50ecac759e968ac145c0c4a6d33.svg#Droid Arabic Kufi") format("svg"); /* iOS 4.1- */
}

.modal-backdrop {
    display: none;
}

.modal {
    background: rgba(0,0,0,0.5);
}

.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
}
.loader {
    color: #dedede;
    font-size: 11px;
    text-indent: -99999em;
    margin: 55px auto;
    position: relative;
    width: 10em;
    height: 10em;
    box-shadow: inset 0 0 0 1em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.loader:before,
.loader:after {
    position: absolute;
    content: '';
}
.loader:before {
    width: 5.2em;
    height: 10.2em;
    background: #ffffff;
    border-radius: 10.2em 0 0 10.2em;
    top: -0.1em;
    left: -0.1em;
    -webkit-transform-origin: 5.1em 5.1em;
    transform-origin: 5.1em 5.1em;
    -webkit-animation: load2 2s infinite ease 1.5s;
    animation: load2 2s infinite ease 1.5s;
}
.loader:after {
    width: 5.2em;
    height: 10.2em;
    background: #ffffff;
    border-radius: 0 10.2em 10.2em 0;
    top: -0.1em;
    left: 4.9em;
    -webkit-transform-origin: 0.1em 5.1em;
    transform-origin: 0.1em 5.1em;
    -webkit-animation: load2 2s infinite ease;
    animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}