body {
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
    direction: rtl;
}

@media (min-width: 992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: right !important;
    }
}

.pull-left {
    float: right !important;
}

.pull-right {
    float: left !important;
}

.text-left {
    text-align: right !important;
}

.text-right {
    text-align: left !important;
}
/*headr*/
#header {
    direction: ltr !important;
}

.headerlogin h3 {
    text-align: right !important;
}

.headerlogin .subhead .rate {
    float: left !important;
}

.headerlogin .subhead .links {
    float: right !important;
}

@media (max-width: 1199px) {
    .navbar-nav > li.icon-header {
        right: 30px !important;
        left: auto !important;
        border-right: 1px solid #b08a27 !important;
    }
}

.title .heading h3 {
    text-align: right;
}
/****header end ***/



/*fileupload*/


.fileupload-ticket.upload-btnarea .customfile-control {
   
    border-radius: 20px 0 0 20px !important;
    
}
.fileupload-ticket .btn-filebrowse 
{
    margin: 0 !important;
    border-radius: 0 20px 20px 0 !important;
}
/****/

.iconarrow:after {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.nav-pills > li {
    float: right !important;
}

.progress-bar {
    float: right !important;
}

.ui-radio td {
    float: right !important;
    margin-right: inherit !important;
    margin-left: 34px;
}

.ui-radio input[type="radio"] + span:before, .ui-radio input[type="radio"] + label:before {
    margin-left: 10px !important;
    margin-right: -20px !important;
}

.ui-radio input[type="radio"]:checked + span:after, .ui-radio input[type="radio"]:checked + label:after {
    left: inherit !important;
    right: -15px;
}

.Bt-Add, .Bt-Save, .Details, .Bt-Quicklogin, .ClearButton, .Bt-rate {
    background-position: right 8px top 10px !important;
    padding-left: 10px !important;
    padding-right: 33px !important;
    text-align: right !important;
}

.Bt-Continue {
    background-position: right 8px top 10px !important;
    padding-left: 10px !important;
    padding-right: 33px !important;
    text-align: right !important;
    background-image: url(../../App_Themes/Default/img/previous.png) !important;
}

.bt-previous {
    background-position: right 8px top 10px !important;
    padding-left: 10px !important;
    padding-right: 33px !important;
    text-align: right !important;
    background-image: url(../../App_Themes/Default/img/continue.png) !important;
}

.Bt-proceed {
    background-position: right 8px top 8px !important;
    padding-left: 10px !important;
    padding-right: 33px !important;
    text-align: right !important;
}

.Apply {
    background-image: url(../../App_Themes/Default/img/arrow1.png) !important;
    background-position: right 8px top 10px !important;
    padding-left: 10px !important;
    padding-right: 33px !important;
    text-align: right !important;
}



.footer-bottom-links > ul li a {
    border-left: 1px solid #fff;
    border-right: inherit !important;
}

/****footer css*/
.footer-top-left {
    float: right !important;
    direction: rtl !important;
}

.footer-top-right {
    float: left !important;
}

    .footer-top-right ul {
        float: right !important;
    }

.footer-top-left a .fa {
    float: right !important;
    margin-left: 5px;
    margin-right: inherit !important;
}

.footer-top-right ul li {
    float: right !important;
}

    .footer-top-right ul li a .fa {
        float: right !important;
        margin-left: 5px;
        margin-right: inherit !important;
    }

    .footer-top-right ul li a strong {
        float: right !important;
        text-align: right;
    }

.footer-top-left a strong {
    float: left !important;
    text-align: right;
}

.footer-copy, .mobile-application {
    text-align: right !important;
}

.social-footer {
    text-align: right !important;
}
/******/
.box .footer {
    text-align: left !important;
}

.img_mandatory {
    left: 25px;
    right: inherit !important;
}

.help {
    text-align: left !important;
}


/*31-01-19*/
.serviceshead {
    background-position: left center;
}

.service-body .servilink-sub h3 {
    text-align: right !important;
}

.box .head:before {
    right: inherit !important;
    left: 12px;
}

.homelink a {
    text-align: left !important;
    float: left !important;
}

.custompagedrop li {
    float: right !important;
}

    .custompagedrop li:last-child {
        border-right: 1px solid #9e7c23;
    }

.custompagedrop .dropdown:hover .dropdown-menu li {
    text-align: right;
}


/*new design 31-03-19*/

.icon::before {
    margin: 0 0 0 0.2em !important;
}
/*.Demanded-img, .Demanded-area a
    {
        float:right !important;
    }*/
.AccDefaultHeaderSelected_pluse .SVlabel, .AccDefaultHeader_pluse .SVlabel {
    text-align: right !important;
}

.AccDefaultHeaderSelected_pluse, .AccDefaultHeader_pluse {
    background-position: left 6px center !important;
}

.Acc_1, .Acc_2, .Acc_3, .intro, .Mostro, .Featro {
    text-align: right !important;
}

/**********/


/* Individual tab styles */

/*****************************/
/* Bar */
/*****************************/


.tabs-style-linemove nav li:last-child::before {
    right: 0;
    left: inherit !important;
}

/****top line*/
.tabs-style-linemove nav li:last-child::after {
    right: 50%;
    border-right: 4px solid #b68a35;
    border-left: inherit !important;
    left: inherit !important;
}

/* Move the line */
.tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(418%,0,0);
    transform: translate3d(418%,0,0);
}

.tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(300%,0,0);
    transform: translate3d(300%,0,0);
}

.tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(200%,0,0);
    transform: translate3d(200%,0,0);
}

.tabs-style-linemove nav li:nth-child(4).tab-current ~ li:last-child::before {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}



/* Move the line  top*/
.tabs-style-linemove nav li:first-child.tab-current ~ li:last-child::after {
    -webkit-transform: translate3d(819%,0,0);
    transform: translate3d(819%,0,0);
}

.tabs-style-linemove nav li:nth-child(2).tab-current ~ li:last-child::after {
    -webkit-transform: translate3d(600%,0,0);
    transform: translate3d(600%,0,0);
}

.tabs-style-linemove nav li:nth-child(3).tab-current ~ li:last-child::after {
    -webkit-transform: translate3d(400%,0,0);
    transform: translate3d(400%,0,0);
}

.tabs-style-linemove nav li:nth-child(4).tab-current ~ li:last-child::after {
    -webkit-transform: translate3d(200%,0,0);
    transform: translate3d(200%,0,0);
}




/********************************************/
/******14-05-19*/

.intro {
    background-position: right 1px bottom 6px !important;
    text-align: right !important;
}

.content-current .SVlabel {
    margin: 0 4px !important;
}

.Mostro {
    background-position: right 2px bottom 6px !important;
}

.SVlabel {
    text-align: right !important;
    direction: rtl;
}

.Acc_1 {
    background-position: right 0px bottom 3px!important;
}

.carousel-caption {
    text-align: right;
    right: 10%;
    left: inherit !important;
}
/***********/
.close {
    float: left !important;
}

.wizard-navigation ul li a .SVlabel {
    text-align: center !important;
}

.Acc_1, .Acc_2, .Acc_3 {
    background-position: right 0px bottom 3px!important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px !important;
    padding-right: 8px !important;
    text-align: right !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-selection {
    direction: rtl;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: inherit !important;
    left: 1px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    text-align: right;
}

.select2-container--default .select2-results > .select2-results__options {
    direction: rtl !important;
    font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
}

.wizard-card .tab-content {
    padding-top: 145px !important;
}

.headerlogin {
    background: #b68a35 url(../img/subpage-bg.png) no-repeat;
    text-align: right;
    background-position: left center !important;
    background-size: contain;
}

.panelheader .SVlabel {
    text-align: center !important;
}

.mandatorynew {
    left: inherit !important;
    right: 2px;
}

.Demanded-area span span .content {
    float: right !important;
}

/*.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
-webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}*/

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    right: 50%;
    left: inherit !important;
    z-index: 9999999999;
    width: 60%;
    padding-right: 0;
    padding-left: inherit !important;
    margin-right: -30%;
    margin-left: inherit !important;
    text-align: center;
    list-style: none;
}

/*******************new header and footer 09-05-19**************/
/*.login-bg .form-group .input-group .form-control
{
    border-radius:10px 0px 0 10px  !important
    }
    
    header .container div.options>ul>li a.fi-language .language-lbl {
   
    left: -55px !important;
    
}
*/
/*************/


.flex .search .fi-search {
    margin-left: inherit !important;
    margin-right: 285px;
}

.subcaption {
    float: right !important;
}



/*17-9-19*/



.links-service .not-link span:first-child {
    margin-right: inherit !important;
    margin-left: 10px;
}

.links-service a {
    margin-right: inherit !important;
    margin-left: 10px;
}

    .links-service a i {
        margin-right: inherit !important;
        margin-left: 10px;
    }

.subpage .sections .small-section {
    float: right !important;
}

.subpage .sections .larg-section {
    float: right !important;
}

    .subpage .sections .larg-section .info-section .info-section-c .check-list-c.extra-info ul li {
        float: right !important;
    }

        .subpage .sections .larg-section .info-section .info-section-c .check-list-c.extra-info ul li ul li.tick:before {
            margin-right: inherit !important;
            margin-left: 10px;
        }

.subpage .service-body {
    float: right !IMPORTANT;
}

.links-service a:before {
    margin-left: 10px;
    margin-right: inherit !important;
}
/**/


.loginPane .input-group :not(:first-child):not(:last-child).form-control, .loginPane :not(:first-child):not(:last-child).input-group-addon,
.loginPane :not(:first-child):not(:last-child).input-group-btn {
    border-radius: 50px 0 0 50px !important;
}
.applybutton:before {
    margin-right: 0 !important;
        margin-left: 10px;
}
.label_man .SVlabel {
    left: 18px;
    right: inherit !important;
}

.img_mandatory1 {
  right: inherit !important;
    left: 50px;
}
  
    .MyProfileImg {
   
    float: right !important;
   
}

    .upload-btnarea {
   
    float: left !important;
   
}


  .changepasswordtxt:hover:before, .linktxt:hover:before {
      left: inherit !important;
        right: 0;
    }



    
/*checkbox*/
.ui-checkbox {
     
    margin: 0 25px 10px auto !important;
}

    
        .ui-checkbox input[type="checkbox"] + span, .ui-checkbox input[type="checkbox"] + label {
             margin-left: 25px;
            margin-right: 0 !important;
        }

            .ui-checkbox input[type="checkbox"] + span:before, .ui-checkbox input[type="checkbox"] + label:before {
               
                margin-left: 10px !important;
                margin-right: -20px !important;
                
            }

      
        .ui-checkbox input[type="checkbox"]:checked + span:after, .ui-checkbox input[type="checkbox"]:checked + label:after {
           
            left: inherit !important;
            right: -15px;
          
        }

.gridview .ui-checkbox input[type="checkbox"]:checked + span:after, .gridview .ui-checkbox input[type="checkbox"]:checked + label:after {
    left: inherit !important;
    right: -15px;
}
.myapplication-grid .table > tbody > tr > th {
    text-align:right !important;
}
.myapplication-grid .table .PagerStyle td {
    padding:5px!important;
}
 
/*********/

.myapplication-grid .date .SVlabel {      
       text-align:right !important ;
}
.count-no-A, .count-no-R, .count-no-T, .count-no-U {
    position: absolute;
    left: 20px;
    right:inherit !important;
    top: 20%;
}


@media (max-width: 767px)
{
.profiledetails {
    float: left !important;
    position: absolute;
    left: 0;
    right: inherit !important;
    /*top: 147px;*/
    color: #fff;
}
 

    .profiledetails ul li:before {
        margin-right: -10px;
         margin-left: inherit !important;
    }
}
@media (max-width: 480px)
{
.profiledetails {
      float: right !important;
    position: absolute;
    right: 0 !important;
    left: inherit !important;
    /*top: 100px;*/
    color: #fff;
}
    .profiledetails ul li {
    text-align: right;
    }
}



@media (max-width: 767px) {
   

      header .container div.options {
            float: right;
            position: absolute;
            right: 25px;
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
        }

}



@media (max-width: 480px)
{
header .container div.options > ul > li ul.sign-in-options li.login {
   padding-right: 0 !important;
    padding-left: 5px !important;
}
header .container div.options > ul > li:nth-child(3) {
    display: none !important;
}
    header .container div.options > ul > li ul.sign-in-options li.login {
   padding:0 !important;
         }
    header .container div.options {
    width: 270px;
    }
}

.table-responsive {
     -webkit-overflow-scrolling: touch !important;
    max-width: none;
}


.table-responsive .table {
  max-width: none;
}

@media screen and (max-width: 767px)
{
.table-responsive {
    direction: rtl;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}
}




.custom-panel .icon1 {
   background-position:right !important;
}

.custom-panel .icon2 {
   background-position:right !important;
}

.custom-panel .icon3 {
   background-position:right !important;
}

.custom-panel .icon4 {
    background-position:right !important;
}

.myapplication-grid .gridview .fa-style:before {
       left:10px !important; 
    }


.leftlogin-area {
    border-left: 1px dashed #e4e4e4;
    border-right:0 !important;
}

    .leftlogin-area:after {
       content: 'أو';
      left: -4%;
    right: inherit !important;
    padding: 4px 0 0 0;
         }

@media (max-width:992px) {


    .leftlogin-area:after {
        content: 'أو';
        left: 45%;
        right: inherit !important;
        padding: 4px 0 0 0;
    }
}

    
.underdvd:before {
    content: 'تحت التطوير';
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.1);
    text-align: center;
    border-radius: 14px;
    left: 0;
    top: 0;
    z-index: 9999;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: #4a4a4a;
    font-size: 0.81em;
    cursor: not-allowed;
        -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
    padding: 0 0 65px 0;
    text-transform: uppercase;
    font-weight: 800;
   font-family: 'Raleway','Droid Arabic Kufi',sans-serif !important;
}





.divUnderDev .SVlabel {
    text-align:center !important;
}




/*new header part menu*/
.profiledetailsnew {
   
    flex-direction: row-reverse !important;
    
}

 

     
    
 
.profiledetailsnew ul li .MyProfileTop ~ .editprofile {
padding-left: inherit !important;
padding-right: 8px;
}


.customize-lnk ~ .profiledetailsnew {
    border-right: 1px solid #ddd;
    border-left: 0 solid #ddd !important;
}
   
.customize-lnk{
   
    float: right !important;
    padding: 0px 0 0 13px !important;   
    margin-left: 15px;  
      margin-right: 0 !important;    
     
}
 

.customize-lnk:before {
    margin-left: 15px;    
     
}  


.makefav
{
    right : inherit !important;
    left: 12px;
   
}
.fi-popup.tickets-popup .popup-details h3,  .SVlabelh3
{
    
        text-align: right !important;
}


header .container div.options > ul > li.createticket a:before {
    left:inherit !important;
    right: -5px;
}

.ajaxfileupload {
   left:inherit !important; 
    right: 65px;
}
.TicketLoader1 {
    position: absolute; 
    right: 100%; 
    top: 35%;
}
.TicketLoader2 {
    position: absolute;
    right: 100%;
    top: 70%;
}