@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

body {
    font-family: 'Droid Arabic Kufi', serif;
}
.main{
    background-color: white;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 0px 15px 20px;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav > li > form {
    padding: 8px;
}
/*#preview_navbar li a
{
    color: #fff;
    padding: 12px 34px 13px 2px;
}*/

.nav > li > form > button:hover {
    text-decoration: none;
}
.img-size{
    width: 200px;
}
span{
    display: inline-block;
}
tbody > tr > th {
    width: 25%;
}
.toggle-button {
    background-color: #e26565;
    margin: 5px 0  !important;
    border-radius: 20px  !important;
    border: 2px solid #D0D0D0;
    height: 15px  !important;
    cursor: pointer  !important;
    width: 50px  !important;
    position: relative  !important;
    display: inline-block  !important;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    padding: 0px !important;
}
.toggle-button button , .toggle-button span {
    cursor: pointer;
    outline: 0;
    display:block;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background-color: white;
    float: left;
    margin: -10px 0 0 -3px;
    border: 2px solid #D0D0D0;
    transition: left 0.3s;
}
.toggle-button-selected { 
    background-color: #83B152;
    border: 2px solid #7DA652  !important;
}
.toggle-button-selected button , .toggle-button-selected span { 
    left: 26px;
    top: 0;
    margin: -10px 0px 0px -3px;
    border: none;
    width: 30px;
    height: 30px;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    border: 2px solid #D0D0D0;
}
.album-add-image{   
    position: relative;
    float: left;
    top: 7px;
    font-size: 50px;
    padding: 15px 30px;
    border: 3px dashed #3a87ad;
    border-radius: 3px;
    color: #3a87ad;
}
.img-div{
    position: relative;
    margin: 5px;
    width: 109px;
    height: 109px;
    float: right;
}
.img-album-preview{
    width: 109px;
    height: 109px;
    position: absolute;
    border: 2px solid #adadad;
}
.hidden-input{
    opacity: 0;
    position: absolute;
    width: 105px;
    height: 107px;
}
.img-album-size{
    position: absolute;
    width: 150px;
    height: 150px;
}

.float{
    position: relative;
    float: right;
}

.preview-box{
    padding: 12px;
    margin: 12px;
    border : 1px solid hsla(207, 32%, 22%, 0.38);
    border-radius: 3px;
}


.bootstrap-tagsinput{
    display: block;
    width: 100%;
}
/*!
 * bootstrap-vertical-tabs - v1.1.0
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-06-06
 * Copyright (c) 2014 Ä°smail Demirbilek
 * License: MIT
 */
.tabs-left {
    border-bottom: none;
    padding-top: 2px;
}
.tabs-left {
    border-right: 1px solid #ddd;
}

.tabs-left>li {
    float: none;
    margin-bottom: -1px;
}
.tabs-left>li {
    margin-right: -1px;
}


.tabs-left>li>a,
.tabs-left>li>a:hover,
.tabs-left>li>a:focus{
    border-right: 1px solid #ddd; 
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
    border-bottom-color: #ddd;
    border-right: transparent;
    background-color: #f3f3f4;
}


.tabs-left>li>a {
    border-radius: 3px 0 0 3px;
    margin-right: 0;
    display:block;
}


.selection{
    width: 100%;
}
.select2-container--krajee .select2-selection {
    border-radius: 0px;
}

.add-custom-field{
    margin-top: -5px;
}

.required-field{
    border-color: #ed5565;
}

.custom-field-box{
    border: 1px solid #dcdcdc;
    padding: 12px;
    margin: 12px 0px;
    border-radius: 3px;
}


.move-top{
    margin-top: 21px;
    width: 48%;
}
.move-top1{
    margin-top:52px;
}
.remove-custom-field{
    position: relative;
    float: right;
    font-size: 18px;
    padding: 2px 8px;

}
.title
{
    padding: 20px 0px ;
    text-align: center;

}
.title h2{
    color: #fff;
}
.image_item
{
    height: 300px;
}

.image_item img
{
    width:100%;
    height: 100%;

}
.nopadding
{
    padding: 0px;
}

.pointer
{
    cursor: pointer;
}

/***** header css ******/
.navbar
{
      background-color: #f2f2f2;
    border: none !important;
    border-color: transparent !important;

}
.social-bar
{
    background: rgb(236, 238, 239) none repeat scroll 0% 0%;

}
.social-bar ul li
{

    display: inline-block;
    padding: 5px;
}
.social-bar ul
{
    margin-bottom: 0px;
    padding-right: 0px;
}
.social-link
{
    cursor: pointer;

}
.social-link i
{
    font-size: 1.5em;
    color: rgb(177, 30, 120);
}
.menu-header-nav
{
    height: 50px;
    background: rgb(0, 0, 0) none repeat scroll 0% 0%;
}
.sign-container
{
    height: 65px;
    margin-top: 7px;
    float: left;
    padding-left:5px;
}
.sign-in-link
{

    padding: 3px 0px;

}
header .social-links ul li{
    float: left;
}
.lang 
{ 
    font-weight: bold;
    color: #93004d;
    font-size: 1.3em;
}
.lang .active
{
    color: #000;
}
.lang:hover
{
    color: #000;
}
.open:hover
{
    border: none !important;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus
{
    border:none !important;
}
#preview_navbar .open a:hover
{
    border-bottom: solid 2px #93004d;
}
#preview_navbar li a{
    /*color:#fff !important;*/
    font-weight:100;
    font-size:16px;
    /*padding: 12px 13px 2px 34px;*/

}
.dropdown-menu>li>a {
    padding: 12px 34px 13px 20px !important;
    color: #000 !important;
    font-size: 16px;
}
#preview_navbar .open a
{
    background-color: transparent;
}
.dropdown-menu-header
{
    background-color: #000;
    color: #fff;
    top:109%;
}
.nav>li>a{
    /*color:#ba0056;*/
    font-weight:100;
     font-size:16px;
    padding:14px 0px;
}
/*#preview_navbar li:hover{
    border-bottom: solid 4px #93004d;
}*/

.nav>li>a.active-li
{
    border-bottom: solid 4px #93004d;
}

.no-padding
{
    padding: 0px !important;
}
.menu-footer-ul ,.follow-footer-ul
{
    padding-right: 0px; 
}
.ads-part
{
    padding: 10px 7px 10px 15px;
}
.ads-img
{
    width: 100%;
}

.search-title
{
    background-color: #f2f2f2;
    color: #000;
    border-bottom: solid 5px #b11e78;
    font-size: 1.3em;
    padding: 10px;
}
.search-button
{
    background-color: #b11e78;
    border: solid 1px #b11e78;
    color: #fff;
    border-radius: 3px;
    width: 100%;
    height: 35px;
    font-size: 1.1em;

}
/****** style of boxes ********/
.box-item .date{
    float: left;
}
.box-item .city{
    float: right;
}
/******* right side *******/
.category-par
{
    padding: 0px;
}
.category-list-item
{
    height: 40px;
    background: url('/common/images/icons/botton%20NO_ar.png');
    background-size: cover;
    margin-bottom: 10px;            
}
.category-list-item div span
{
    color: #fff;
    padding: 8px 10px;
}
.count
{
    float: left;
    padding-left: 10%;
}
.right-ads-par
{
    padding: 5px 0px 0px 0px;
}
.right-ads-par img
{
    width: 100%;
}
.subscribe-par
{
    height: 400px;
    background-image: url('/common/images/icons/Subscribe%20BG.png');
    background-size: cover;
    padding: 0px;
    margin-top: 10px;
    border-top: solid 6px #840057;
}
.subscribe-title
{
    padding: 50px 0px 50px 40%;
    text-align: center;
    font-size: 1.4em;
    color: #000;
}
.subscribe-input
{
    height: 35px;
    border: solid 2px #c0c0c0;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 10px;
}
.subscribe-button-par
{
    text-align: center;
    padding: 20px 0px;
}
.subscribe-button
{
    color: #fff;
    background-color: #840057;
    border: none;
    border-radius: 3px;
    height: 30px;
    width: 50%;
}



#back-to-top {
    z-index: 9999;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    text-decoration: none;
    font-size: 30px;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    padding: 10px 15px 8px 15px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    color: #FFFFFF;
    background-color: #7ad19d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: opacity .5s 0s, visibility 0s .5s;
    -moz-transition: opacity .5s 0s, visibility 0s .5s;
}


#back-to-top.show {
    opacity: .7;
}
#back-to-top span
{
    font-size: 1em;
    color: #fff;
}



/******** style of one item *******/
.path-item
{
    height: 30px;
    border-bottom: solid 1px #c0c0c0;
    margin-bottom: 10px;
}
.title-item
{
    margin: 0 auto 10px;
    display: table;
    border-right: solid 3px #B60483;
    height: 60px;
    color: #000;
    font-weight: bold;
}
.title-item h2 ,.title-item h3{
    margin-top: 10px;
}
.circle i
{
    display: block;
    width: 50px;
    height: 50px;
    border: 2px solid #8a8a8a;
    color: #B60483;
    font-size: 26px;
    padding: 10px 0 0 0;
    margin: 0 auto;
    text-align: center;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}
.circle .active-fav
{
    background: #B60483;
    color: #fcfcfc;
}
.circle i:hover
{
    background: #B60483;
    color: #fcfcfc;
}

.side-column{
    padding-left : 0px;    
}

.title-contact
{
    font-size: 1.2em;
    color: #000;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}
.left
{
    float: right;
}
.right
{
    float: left;
}

.member-tabs{
    text-align: center;
    width: 25%;
}

.member-tabs > a:active, .member-tabs a>:focus{
    background-color: #93004d !important;
}

.member-tabs >a:hover {
    background-color: #93004d !important;
    border-bottom: solid 0px #fff !important;
    color:#fff !important ;
}

.details-item .details-item-componant2
{

    border-bottom: 1px dotted rgb(215, 215, 215);
    overflow: hidden;
}
.details-item .details-item-componant2 .componant
{
    padding: 5px 20px;
}
.details-item .details-item-componant
{    border-bottom: 1px solid rgb(215, 215, 215);
     overflow: hidden;
}
.details-item .details-item-componant .fa
{
    display: inline-block;
    min-width: 20px;
    font-size: 20px;
    line-height: 100%;
    color: #999999;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 5px;
}
.details-item .details-item-componant span
{
    padding: 0px 10px;
}
.details-item .details-item-componant label
{
    display: inline-block;
    padding: 0 2px 0 0;
    margin: 0;
    font-size: 16px;
    line-height: 100%;
}
.details-item .details-item-componant .componant
{
    padding-bottom: 10px;
}
.details-item .details-item-componant big
{
    display: inline-block;
    font: normal 22px/80% 'HelveticaNeueLTW20-bold', Arial, Helvetica, sans-serif;
    color: #b60483;
    font-weight: bold;
}


.auth-icon
{
    width: 100%;
}
.login-bottom
{
    width: 100%;
}


.favorite-text
{
    position: absolute;
    left: 25%;
    top: 7px;
    cursor: pointer;
}


.breadcrumb
{
    padding: 0px !important;
    background-color: transparent !important;
    margin:0px !important;
}
.breadcrumb > .active, .breadcrumb > li a
{
    font-style: normal;
    color: #000;
}
.breadcrumb > .active
{
    color:#680041;
}
.breadcrumb > li + li::before{
    color: #9C9C9C;
    content: "\003e";
    font-size: 10px;
    margin-top: 6px;
    padding: 0px 5px;
}


.btn-log-out{
    margin: 3px;
    width: 135px;
}

.btn-add-ad{
    margin: 3px;
    width: 135px;
}



.favorite-icon{
    position: absolute;
    width: 29px;
    z-index: 10;

    top: 2px;
}

.favorite-icon-list{
    width: 50px;
    z-index: 10;
    right: 24px;
    cursor: pointer;
}
.stButton .sharethis ,.stLarge
{
    background-image: none !important;
    height: 0px !important;
    width: 0px !important;
}
.member-tabs-ul > li.active > a
{
    background-color: transparent;
}

.item-album
{
    position: absolute;
    bottom: 20px;
    left: 20px;
    padding: 0px;
    margin: 0px;
}
.item-album ul 
{

}
.item-album ul li{
    display: inline-block;
    width: 70px;
}
.item-album ul li a
{
    display: inline-block;
    padding: 0;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    clear: both;
    overflow: hidden;
    text-align: center;
    border: 1px solid transparent;
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.45);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.45);
}
.item-album ul li a img
{
    width: 100%;
    height: 100%;
}
.image-more
{
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
    padding-top: 15px !important;
    font-size: 1.3vw !important;
    font-weight: bold;
    color: black;
}
.post-ads-container {
    float: left;
}
#member-icon-logout i{
    font-size: 18px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
#member-icon-logoin i{
    font-size: 18px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);

}
#add-member-icon i
{ font-size: 18px;


}
#member-icon i{
    font-size: 18px;

}

.items .bg-info
{
    padding: 15px;
    border-radius: 3px;
}

a:hover, a:focus
{
    text-decoration: none !important;
}
.nav-header-menu 
{
    border: none !important;
    background-color: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #8f000b none repeat scroll 0% 0%;
    border-color: #DDD #DDD #F3F3F4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFCFC;
    cursor: default;

}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #e6e6e6;
    color: #676a6c;
}

.pace-inactive {
    display: none;
}
.pace .pace-progress {
    width:100%;
    background: #680045;
    position: fixed;
    z-index: 2000;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 2px;
    -webkit-transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    transition: width 1s;

}
#contact-form label
{
    display: none;
}



/*----------------Releated Items CCS style------------------*/


.description
{
    font-size:1.2em;
    color: #000;   
}

/*----------------report button CCS------------------*/
.styleWarn
{

    margin-right:5px; 
    color:red;
}


#modal
{
    z-index: 7777 !important;


}
.changelocation-span{
    float: left;
    cursor: pointer;
    padding: 7px 10px 0px;
}

.changelocation-span .fa{
    color: #337ab7;
    font-size: 35px;
    margin: 5px;
}

.changelocation-span .changelocation-label{
    color: #333;
    font-size: 15px;
}

.country-span{
    color: #d4278f;
    font-size: 26px;
}

.fav-icon-member-zone{
    font-size: 40px;
    padding-top: 5px;
    padding-left: 15px;
    color: #FFC600;
}


.update-button{
    color: #FFF;
    background-color: rgb(186, 0, 86);
    border-color: rgb(186, 0, 86);
}

.update-button:hover , .update-button:focus{
    color:  rgb(186, 0, 86);
    background-color: #FFF;
    border-color: #FFF;
}


/*/////Report Modal .....*/
#radio  label
{
    display: table;
}

#modal
{
    z-index: 7777 !important;
}
.reports-create  h1
{
    margin-bottom: 40px;
}
/*-------------------*/
.sold-watermark
{

    border:none;
    width: 80%;
    position: absolute;
    top: 30px;
    right: 14px;
}
.country-list .country{
    display: block;
} 

.intl-tel-input .selected-flag .iti-arrow
{
    right: 60%;
}
.actionsDiv {
    text-align: left;
}
.box-item-fav-i
{
    font-size: 25px;
    padding-top: 5px;
    color: #ffc600;
    cursor: pointer;
}
.delete-search{
    float: left;
}
.item-span-3
{
    text-align: left;
}
.open-category
{
    display: block !important;
}
.dropdown-menu-category
{
    padding: 0px 10px 10px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0px;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 160px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: right;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

}
.chang-city-dropdown ul li.level-1
{
    padding: 5px;
}
.chang-city-dropdown ul li.level-2
{
    padding:5px 15px 5px;
}
.container-category .cat_icon {
    float: right;
    margin-left: 10px;
}
#controls i
{
    font-size: 20px;
    position: absolute;
    color: rgb(255, 255, 255);
    top: 2px;
    left: 7px;
    cursor: pointer;

}
.datepicker
{
    direction: rtl !important;
    left: auto !important;
    right: 16% !important;
}
/*------------About us style-----------*/
.aboutdesc
{
    font: normal 15px/80% 'HelveticaNeueLTW20-bold', Arial, Helvetica, sans-serif;
    border: 1px solid #C8C8C8;
    border-radius: 4px;
    margin-top: 20px;
    line-height: 20px;
    
   
}
.Aboutitle
{
    padding-left: 30px;
  font: bold 40px/80% 'HelveticaNeueLTW20-bold', Arial, Helvetica, sans-serif;  
  color: #b60483;
}
/*------------privacy page style-----------*/
.privacydesc
{
      font: normal 15px/80% 'HelveticaNeueLTW20-bold', Arial, Helvetica, sans-serif;
    border: 1px solid #C8C8C8;
    border-radius: 4px;
    margin-top: 20px;
    line-height: 20px;
    
}
.privacytitle
{
     padding-left: 30px;
  font: bold 40px/80% 'HelveticaNeueLTW20-bold', Arial, Helvetica, sans-serif;  
  color: #b60483;
}
.soctab {
    margin-top: 20px;
    float: right;
}
.floatmore
{
    float:left;
}
.floatmore1{
    float: right;
}
.thumbg {
    position: absolute;
    left: 15px;
    right: 15px;
    min-height: 25%;
    background-color: rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.5);
    color: #010101;
    padding-right: 15px;
}
#tright {
    position: absolute;
    top: 63px;
    left: 338px;
    color: #221F73;

}
.brline {
    position: absolute;
    top: 70px;
    right: 283px;
    width: 35px;
    height: 3px;
    background: #221F73;
    background-color: #221F73;
}
.phone
{
    direction:ltr;
    float: right;
}
.wacsmenu li {
    list-style: none;
    padding: 0px 23px 0px 15px;
    line-height: 30px;
    margin-bottom: 8px;
}
.img-center
{
right: 38%;
position: relative;
}
.navbar-brand{
      /*float: right;*/
    direction: ltr;
}
.navbar-nav>li{
     float:left!important;
}
.lan-bar{
        float: left;
    padding-left: 32px;
    text-align: right;
    direction: ltr;

}