.blog_title.header {background:#0070EA;}
.settingsbtn {
color: #fff;
width: 100%;
float: right;
text-align: right;
font-size: 1.2rem;
font-weight: bold;
}
.innerheader {
background:#0070EA;
height:60px;
}
a:hover, a:focus { color: #2D3E50; }
.topmarg {
margin: 70px auto 10px;
}
.header .pagetitle {
width: 100%;
text-align:center;
color: #fff;
font-weight: bold;
padding: 20px 10px;
}
.form-control {
font-size: 1.3rem;
color: #000;
}
.bt_nav {
padding: 10px;
border-radius: 5px;
font-weight: bold;
color: #2D3E50 !important;
}
.dlbordered {
background: #1BBC9B;
color: #fff !important;
}
.bordered {
background: #fff;
border:1px solid #1BBC9B;
color: #1BBC9B !important;
}
.card-header {
margin-bottom: 0;
padding: 0px;
position: fixed;
bottom: 0;
right: 0;
width: 100%;
z-index: 999;
}
.nav-tabs > li {
float: right;
margin-bottom:0px;
width: 20%;
}
.tab-container {
display: flex;
flex-wrap: nowrap;
background-color: DodgerBlue;
}
.tab-container > .tabitem {
background-color: #f1f1f1;
width: 100px;
margin: 10px;
text-align: center;
line-height: 75px;
font-size: 30px;
}
.modal {
width: 100% !important;
right: 0 !important;
left: 0 !important;
margin: 0 !important;
top: 0px !important;
}
.form-group {
margin-bottom: 0;
}
.subservicelist .title {
position: absolute;
top: 0;
font-size: 1.4rem;
color: #fff;
font-weight: bold;
text-align: center;
right:10px;
width: 97%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 22px 10px;
margin: 0;
}
.emptyorder {
padding: 50px 25px;
text-align: center;
}
.emptyorder h2 {
font-weight: bold;
font-size: 1.5rem;
text-align: center;
margin: 40px auto 0;
color:#2D3E50
}
.emptyorder h3 {
font-size: 1rem;
text-align: center;
}
.emptyorder_search {
padding: 50px 5px;
text-align: center;
}
.emptyorder_search h2 {
font-weight: bold;
font-size: 1.5rem;
text-align: center;
margin: 40px auto 0;
color:#2D3E50
}
.emptyorder_search h3 {
font-size: 1rem;
text-align: center;
}
.callsupp {
width: 250px;
padding: 10px;
border-radius: 5px;
background: #2D3E50;
color: #fff;
margin: 10px auto;
display: block;
text-align: center;
}
.callsupp:hover {
color:#fff
}
.prof_header { background:#2D3E50; height:100px; width:100% }
.prof_header h4 {
font-size: 14px;
color: #fff;
margin: 30px 20px 5px 0;
float: right;
display: flex;
direction:rtl
}
.prof_header .smallsingndate { font-size: 11px; color: #fff; margin: 0px 20px 5px 0; float: right; }
.rightinfoprofile { float: right; width: 70%; }
.leftinfoprofile { float: right; width: 25%; }
.leftinfoprofile a { background: #fff; font-size: 10px; padding: 2px; border-radius: 5px; margin: 40px 0; float: left;display: flex; }
.poptitle {
	background: #0070EA url(../images/pattern.png) repeat;
	direction: rtl;
	padding: 20px 10px 20px 10px;
	color:#fff;
	text-align: center;
	margin: 0px 0 0px 0;
	font-weight: bold;
	height: 60px;
	z-index: 9999999;
	position: fixed;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 2rem;
	text-align: right;
	padding-right: 50px;
}
.popinner {
direction: rtl;
padding: 62px 0 0 0;
text-align: justify;
background: #F1F9F9 !important;  min-height: 100vh;
}
#about .popinner { padding:62px 15px 15px }
#faq .popinner { padding:62px 15px 15px }
.stepform .btngroup {
padding: 10px 10px 15px 10px;
}
.ordersitems {
width: 100%;
position: relative;
}
.ordersitem a {
margin: 10px auto;
float: right;
width: 100%;
border: 1px solid #cecece;
border-radius: 5px;
box-shadow: 0 0 5px #ccc;
padding: 10px;
font-weight: bold;
font-size: 1.2rem;
}
.ordersitem a::after {
content: " ";
position: absolute;
right: 0;
width: 5px;
height: 50px;
background: #0070EA;
top: 25px;
border-radius: 10px 0 0 10px;
}
.cancel a::after {
content: " ";
position: absolute;
right: 0;
width: 5px;
height: 50px;
background: #A1A1A1;
top: 25px;
border-radius: 10px 0 0 10px;
}
.rightitem {
float: right;
width: 100%;
}
.rightitem h4 {
color: #2D3E50;
font-weight: bold;
font-size: 14px;
}
.rightitem .smalldate {
color: #797979;
font-weight: bold;
font-size: 11px;
text-align: left;
}
.leftitem {
float: left;
width: 100%;
}
.leftitem .smalllink {
color: #0070EA;
font-size: 11px;
text-align: left;
}
.servprice {
color: #0070EA;
font-weight: bold;
font-size: 16px;
text-align: center;
}
.cancel .servprice, .cancel .leftitem .smalllink { color:#525254 }
.servprice span {
font-size: 11px;
}
.timeofgilservice {
display: block;
width: 100%;
height: 40px;
border-radius: 5px;
margin-bottom: 20px;
text-align: center;
font-size: 14px;
line-height: 40px;
background: #fff;
color: #1E3D98;
font-weight: bold;
float: right;
cursor: pointer;
margin: 0px auto 0;
border: 1px solid #ccc;
box-shadow: 0 0 5px #e0e0e0;
}
.wickedpicker{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:0 0 0 1px rgba(14,41,57,.12),0 2px 5px rgba(14,41,57,.44),inset 0 -1px 2px rgba(14,41,57,.15); z-index:99999; background:#fefefe;margin:0 auto;border-radius:.1px;width:100px;font-size:14px;display:none}.wickedpicker__title{background-image:-webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);position:relative;background:#f2f2f2;margin:0 auto;border-bottom:1px solid #e5e5e5;padding:12px 11px 10px 15px;color:#4C4C4C;font-size:inherit}.wickedpicker__close{-webkit-transform:translateY(-25%);-moz-transform:translateY(-25%);-ms-transform:translateY(-25%);-o-transform:translateY(-25%);transform:translateY(-25%);position:absolute;top:25%;right:10px;color:#34495e;cursor:pointer}.wickedpicker__close:before{content:'\00d7'}.wickedpicker__controls{padding:10px 0;line-height:normal;margin:0}.wickedpicker__controls__control,.wickedpicker__controls__control--separator{vertical-align:middle;display:inline-block;font-size:inherit;margin:0 auto;width:35px;letter-spacing:1.3px}.wickedpicker__controls__control-down,.wickedpicker__controls__control-up{color:#aeaeae;position:relative;display:block;margin:3px auto;font-size:18px;cursor:pointer}.wickedpicker__controls__control-up:before{content:'\e800'}.wickedpicker__controls__control-down:after{content:'\e801'}.wickedpicker__controls__control--separator{width:5px}.text-center,.wickedpicker__controls,.wickedpicker__controls__control,.wickedpicker__controls__control--separator,.wickedpicker__controls__control-down,.wickedpicker__controls__control-up,.wickedpicker__title{text-align:center}.hover-state{color:#3498db}@font-face{font-family:fontello;src:url(../fonts/fontello.eot?52602240);src:url(../fonts/fontello.eot?52602240#iefix) format("embedded-opentype"),url(../fonts/fontello.woff?52602240) format("woff"),url(../fonts/fontello.ttf?52602240) format("truetype"),url(../fonts/fontello.svg?52602240#fontello) format("svg");font-weight:400;font-style:normal}.fontello-after:after,.fontello:before,.wickedpicker__controls__control-down:after,.wickedpicker__controls__control-up:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.selecttime {
direction: rtl;
}
.selecttime input {
padding: 10px 25px !important;
background: #fff;
color: #1E3D98;
font-weight: bold;
cursor: pointer;
margin: 0 5px;
border: 1px solid #ccc;
box-shadow: 0 0 5px #e0e0e0;
border-radius: 5px;
text-align: center;
width: 100px;
direction: ltr;
}
.single-date {
padding: 10px 25px !important;
background: #fff;
color: #1E3D98;
font-weight: bold;
cursor: pointer;
margin: 5px 15px !important;
border: 1px solid #ccc;
box-shadow: 0 0 5px #e0e0e0;
border-radius: 5px;
text-align: center;
width: 100px;
direction: ltr;
}
.wickedpicker__controls__control--hours, .wickedpicker__controls__control--separator, .wickedpicker__controls__control--minutes {
font-size: 25px;
}
.selecttimewrapper {
margin: 0 auto;
display: table;
}
.shiny-options-group { float: right; display:block }
.shiny-options-group label {
cursor: pointer;
}
.shiny-options-group input{
display: none;
}
label input[type="radio"]:checked ~ span {
color: #FFF;
}
.radio-inline.checked {
background-color: #1BBC9B;
color: #FFF;
}
.radio-inline.checked .day-name, .radio-inline.checked .day-date { color: #FFF; }
.radio-inline.checked span {
color: white;
}
.resp-form {
padding:10px 10px 100px 10px ;
}
form.resp-form input[type="text"], form.resp-form input[type="email"], form.resp-form input[type="password"], form.resp-form select, form.resp-form textarea {
float: right;
width: 100%;
border: 1px solid #CCC;
padding: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 1.2rem;
}
form.resp-form select { direction:rtl; padding:5px }
.col-half .control-group {
width: 48%;
float: right;
margin: 0 0 0 2%;
}
/* Default mode */
.tabbable-line > .nav-tabss {
border: none;
margin: 0px;
}
.tabbable-line > .nav-tabss > li {
float:right;
width: 50%;
text-align: center;
}
.tabbable-line > .nav-tabss > li > a {
border: 0;
margin-right: 0;
color: #737373;
}
.tabbable-line > .nav-tabss > li > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabss > li.open, .tabbable-line > .nav-tabss > li:hover {
border-bottom: 4px solid #0070EA;
}
.tabbable-line > .nav-tabss > li.open > a, .tabbable-line > .nav-tabss > li:hover > a {
border: 0;
background: none !important;
color: #333333;
}
.tabbable-line > .nav-tabss > li.open > a > i, .tabbable-line > .nav-tabss > li:hover > a > i {
color: #a6a6a6;
}
.tabbable-line > .nav-tabss > li.open .dropdown-menu, .tabbable-line > .nav-tabss > li:hover .dropdown-menu {
margin-top: 0px;
}
.tabbable-line > .nav-tabss > li.active {
border-bottom: 4px solid #0070EA;
position: relative;
}
.tabbable-line > .nav-tabss > li.active > a {
border: 0;
color: #333333;
}
.tabbable-line > .nav-tabss > li.active > a > i {
color: #404040;
}
.tabbable-line > .tab-content {
margin-top: -3px;
background-color: #fff;
border: 0;
border-top: 1px solid #eee;
padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
padding-bottom: 0;
}
/* Below tabs mode */
.tabbable-line.tabs-below > .nav-tabss > li {
border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabss > li > a {
margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabss > li:hover {
border-bottom: 0;
border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabss > li.active {
margin-bottom: -2px;
border-bottom: 0;
border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
margin-top: -10px;
border-top: 0;
border-bottom: 1px solid #eee;
padding-bottom: 15px;
}
.imgright {
float: right;
width: 27px;
position: absolute;
right: 10px;
top: 17px;
}
.imgleft {
float: left;
width: 27px;
position: absolute;
left: 10px;
top: 17px;
}
.imgleftt {
float: left;
width: 27px;
position: absolute;
left: 37px;
top: 17px;
}
a.fsp-close:hover, a.fsp-close:focus {
color: #fff;
}
ul.main_trade_list {
float: right;
width: 100%;
margin: 0;
padding: 0px 0;
}
ul.main_trade_list li {
margin: 10px 1%;
float: right;
width: 100%;
padding: 10px 10px;
text-align: center;
font-weight: bold;
font-size: 1.2rem;
}
ul.main_trade_list li .mdi {
font-size: 54px;
color: #0070EA;
line-height: 60px;
}
.moshtarioff {
font-size: 10px;
direction: rtl;
text-align: center;
color: #b1b1b1;
}
.moarefoff {
font-size: 10px;
direction: rtl;
text-align: center;
color: #b1b1b1;
}
ul.main_trade_list li img {
border-radius: 5px;
box-shadow: 0 0 5px #ccc;
width: 100%;
margin: 0 0 5px 0;
}
.listtitle {
width: 100%;
float: right;
display: block;
font-weight: bold;
text-align: right;
padding: 0px 15px 0;
}
.big_gap {
width:100%;
height: 40px;
float: right;
}
.networking {
width:100%;
padding:10px
}
.networking h2 {
text-align: right;
font-weight: bold;
font-size: 17px;
}
.networking h3 {
text-align: right;
font-size: 13px;
line-height: 200%;
}
.networking a {
width: 100%;
background: #0070EA;
color: #fff;
float: right;
padding: 10px;
text-align: center;
font-weight: bold;
border-radius: 5px;
}
.category_list {
position:relative;
width:100%;
padding: 0 10px;
}
.category_list li {
width: 100%;
padding: 10px 0;
float: right;
border-bottom: 1px solid #eaeaea;
}
.category_list li img {
width: 64px;
float: right;
border-radius: 5px;
box-shadow: 0 0 5px #aeaeae;
}
.category_list li h2 {
font-size: 14px;
font-weight: bold;
padding: 22px 15px;
margin: 0;
float: right;
}
.coloredbtn {
width: 100%;
background: #0070EA;
color: #fff !important;
float: right;
padding: 10px;
text-align: center;
font-weight: bold;
border-radius: 5px;
margin: 10px auto;
}
.unvisible {
visibility:hidden;
display:none
}
.unvisiblemoaref {
visibility:hidden;
display:none
}
#popup,#popup2,.bMulti {
background-color:#fff;
border-radius:5px;
color:#111;
display:none;
width: 100% !important;
padding: 0;
top: 0 !important;
right: 0 !important;
left: 0 !important;
border-radius: 0;
height: 100% !important;
}
#popup,.bMulti{min-height:250px}
#popup2 iframe{background:url('loader.gif') center center no-repeat;min-height:240px;min-width:450px}
.loading{background:url('loader.gif') center center no-repeat}
.button.b-close {
visibility: hidden;
display: none;
}
#innerajaxrefresh { position:relative; z-index:9 }
.b-modal.__b-popup1__ {
display: none;
visibility: hidden;
}
.store_info { padding: 10px; }
.store_info .store_title { text-align: right; font-weight: bold; font-size: 16px; padding: 13px 0; }
.store_offlist li { text-align: right; font-size: 12px; }
.store_explain { border-bottom: 1px solid #ccc; }
.store_logo {
background: #ccc;
width: 100px;
height: 100px;
margin: 0 0 10px 10px;
border-radius: 5px;
float: right;
overflow:hidden
}
.store_logo img {
width: 100%;
border-radius: 5px;
}
.search_list {
position:relative;
width:100%;
padding: 0 10px;
}
.search_list li {
width: 100%;
padding: 10px 0;
float: right;
border-bottom: 1px solid #eaeaea;
}
.search_list li img {
width: 64px;
float: right;
border-radius: 5px;
box-shadow: 0 0 5px #aeaeae;
}
.search_list li h2 {
font-size: 14px;
font-weight: bold;
padding: 0px 0px;
margin: 0;
float: right;
display: contents;
}
.search_list li .search_moshtarioff {
font-size: 10px;
direction: rtl;
text-align: right;
}
.search_list li .search_moarefoff {
font-size: 10px;
direction: rtl;
text-align: right;
}
.leftside {
float: right;
padding: 0 15px;
}
#login .popinner p {padding: 10px 15px;}
.lititle {color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;direction: rtl;}
.row-fluid {
margin: 10px;
}
.category_list li a {
display: block;
float: right;
width: 100%;
}
.signupguid {
width: 100%;
direction: rtl;
background: #fffbcf;
padding: 15px 30px;
border: 1px solid #ffc286;
border-radius: 5px;
list-style: circle;
line-height: 200%;
}
#changeprofile .popinner { padding:62px 10px 10px }
.holdder { height: 100px; text-align: center;}
#customerinfo {
width: 100%;
padding: 15px 0 0;
border-radius: 10px;
color:#093;
text-align:center;
font-weight:bold
}
#customerinfo span { color:#BF0000 }
#customerinfo i {
font-size: 35px;
line-height: 20px;
margin-left:10px
}
.btn.btn-warning.wide {
width: 100%;
}
#map { width:100%; height:150px }
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-map-pane svg,
.leaflet-map-pane canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
max-width: none !important;
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane         { z-index: 400; }
.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-popup-pane   { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
-moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
-o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor:    -moz-grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor:    -moz-grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-control-zoom-out {
font-size: 20px;
}
.leaflet-touch .leaflet-control-zoom-in {
font-size: 22px;
}
.leaflet-touch .leaflet-control-zoom-out {
font-size: 24px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
margin: 0 auto;
width: 40px;
height: 20px;
position: relative;
overflow: hidden;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
#ajax_alert .popinner {
padding: 62px 10px 10px;
}
.nav-link.open-popup.btn.btn-success.left {
margin: 10px auto;
background: #12C376;
border: 0;
padding: 8px 0;
color: #fff;
width: 100%;
position: relative;
font-size: 13px;
text-align: center;
}
.pricepart label {
text-align: center;
}
#defajaxy {
display: block;
width: 100%;
position: fixed;
top: 0;
z-index: 9999999;
background: #fff;
overflow: scroll;
height: 100%;
}
.closeit {
position: fixed;
right: 0;
top: 0;
z-index: 99999999;
color: #fff;
font-size: 39px;
font-weight: bold;
cursor: pointer;
background: #0070EA;
height: 50px;
}
.inner_ajaxypop {
padding:15px
}
.profile_explain_wrapper.form-box { padding: 10px; }
.big_gap { height:50px; }
body { background:#F1F9F9 }
.slide_item { background:#ccc; width:100%; height:180px }
.category_index_items { margin:10px auto; overflow: hidden; }
.category_index_items .title {
font-weight: bold;
text-align: right;
padding: 10px;
font-size: 1.4rem;
}
.category_index {
background: #0070EA;
border-radius: 5px;
color: #fff;
font-weight: bold;
font-size: 1.2rem;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 10px 5px 10px 0;
margin: 0 auto;
display: block;
}
.index_top_trades .title {
font-weight: bold;
text-align: right;
padding: 10px;
font-size: 1.2rem;
}
.hi_si_title {
text-align: center;
font-weight: bold;
font-size: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 10px auto;
}
.hi_si_iamge {
background: #ccc;
border-radius: 50%;
width: 64px;
height: 64px;
margin: 0 auto;
overflow: hidden;
background: radial-gradient(ellipse at 70% 70%,#ee583f 8%, #d92d77 42%,#bd3381 58%);
padding: 2px;
}
.nothingtoshow_title i {
width: 100%;
float: right;
font-size: 145px;
color: #ddd;
line-height: normal;
}
.nothingtoshow_title {
text-align: center;
font-weight: bold;
font-size: 1.3rem;
padding: 0px 10px;
line-height: 200%;
}
.index_collection_items .title {
font-weight: bold;
text-align: right;
padding: 10px;
color: #000;
font-size: 1.4rem;
}
.collection_item {
background: #ddd;
width: 100%;
height: 64px;
float: right;
border-radius: 5px;
padding: 22px 0;
font-size: 11px;
text-align: center;
font-weight: bold;
}
.myc_supplier_item {
background: #fff;
float: right;
width: 100%;
border-radius: 10px;
}
.myc_title {
text-align: center;
font-weight: bold;
font-size: 12px;
margin: 10px auto;
color: #00C0A1;
}
.myc_iamge {
width: 100%;
height: 100px;
background: #feffe1;
}
.myc_follower {
font-size: 11px;
margin: 0 10px;
background: #eee;
border-radius: 20px;
text-align: center;
font-weight: bold;
}
.myc_adrs { font-size: 11px; margin: 5px 10px; }
.myc_form {
width: 100px;
margin: 0 auto;
text-align: center;
}
.myc_form span {
font-size: 20px;
color: #00C0A1;
margin: 0 10px;
}
.si_title {
color: #0070EA;
font-weight: bold;
font-size: 1rem;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.si_follower { color: #8a8a8a; font-size: 0.9rem; padding: 0px; font-weight: bold; text-align:center }
.supplier_item { width: 100%; background: #fff; border-radius: 5px; box-shadow: 0 0 4px #a6a6a6; }
.supplier_item .si_iamge img {
width: 100%;
border-radius: 5px 5px 0 0;
}
.si_adrs { color: #8a8a8a; font-size: 0.9rem; padding: 0 5px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.si_specific { display: table; margin: 0 auto; }
.sup_iconset {
width: 24px;
height: 24px;
float: right;
margin: 1px;
background-size: 100% !important;
}
#has_product { background:url(../images/icn/has_product.png) center center no-repeat ;}
#no-has_product { background:url(../images/icn/no-has_product.png) center center no-repeat ;}
#has_off { background: url(../images/icn/off.png) center center no-repeat; }
#no-has_off { background: url(../images/icn/no-off.png) center center no-repeat; }
#has_pray { background: url(../images/icn/has_pray.png) center center no-repeat; }
#no-has_pray { background: url(../images/icn/no-has_pray.png) center center no-repeat; }
.hi_si_iamge img { width: 100%; border-radius: 50%; }
.searchbox_holeder { position:relative }
#searchboxw { width: 100%; border: none; padding: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
.searchbut {
background: url(../images/searchC.png) center center no-repeat;
position: absolute;
left: 8px;
border: none;
width: 34px;
height: 34px;
top: 8px;
background-size: 25px;
}
ul.in_collection { position:relative; width:100%; margin:0px auto; float: right; display: flex; flex-flow: row nowrap; direction:rtl }
ul.in_collection li {
border-radius:5px;
float:right;
width:100%;
height:40px;
position:relative;
background: #00B4DB;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #0083B0, #00B4DB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.in_collection a {
flex-basis: 33%;
margin: 0 5px;
float: right;
}
ul.in_collection li h2 {
font-size: 1.2rem;
color: #fff;
text-align: center;
padding: 4px 0px;
font-weight: bold;
}
ul.in_collection li#item1 {
background: #FDC830;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #F37335, #FDC830);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #F37335, #FDC830); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
ul.in_collection li#item2 {
background: #DA4453;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #89216B, #DA4453);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #89216B, #DA4453); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
ul.in_collection li#item3 {
background: #a8c0ff;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3f2b96, #a8c0ff);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3f2b96, #a8c0ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
ul.in_collection li#item4 {
background: #bc4e9c;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #f80759, #bc4e9c);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #f80759, #bc4e9c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
ul.in_collection li#item5 {
background: #11998e;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #38ef7d, #11998e);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #38ef7d, #11998e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
ul.in_collection li#item6 {
background: #8E2DE2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #4A00E0, #8E2DE2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
ul.in_collection li#item7 {
background: #00b09b;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #96c93d, #00b09b);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #96c93d, #00b09b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.nothingtoshow {text-align: center; padding: 50px 0; color: #6c6c6c; }
.inner_sign_form { padding:15px }
.fullwidth_lgn { background: #0070EA; width: 100%; border: none; margin: 10px auto; font-weight: bold; font-size: 13px; }
.prof_sidebar ul {
display: flow-root;
}
.prof_sidebar ul li {
float: right;
width: 33%;
text-align: center;
padding: 5px;
}
.midsetting ul li a {
width: 100%;
float: right;
font-weight: bold;
font-size: 10px;
border: 1px solid #c4c4c4;
box-shadow: 0 0 5px #ccc;
border-radius: 5px;
padding: 10px 0;
height: 80px;
overflow: hidden;
text-overflow: ellipsis;
position:relative;
text-align:right
}
.midsetting ul li a::after {
content: " ";
background: #0070EA;
width: 14px;
height: 60px;
position: absolute;
right: -7px;
top: 10px;
border-radius: 10px;
}
.midsetting ul li a i {
float: left;
margin: 5px auto 10px;
width: 100%;
font-size: 4rem;
color: #BEC3E3;
}
.column.has-text-centered span {
float: left;
padding: 5px;
background: #B7CAC7;
color: #000;
width: 30px;
height: 30px;
}
thead.specthead {
background: #eee;
color: #000;
}
thead.specthead tr th {
font-size: 12px;
text-align: center !important;
}
.btn.btn-success {
width: 100%;
margin: 10px auto;
font-weight: bold;
font-size: 12px;
}
label { font-size: 12px; }
.addbtn.ajaxify {
padding: 10px;
text-align: center;
background:#00A549;
color:#fff;
font-weight: bold;
margin: 10px;
border-radius: 5px;
display: block;
}
.ajaxify.spcbtn i {
background:
#e3e3e3;
margin: 5px;
padding: 0px 5px;
line-height: 0;
border-radius: 5px;
font-size: 19px;
}
.listbtn {
display: flex;
padding: 25px 0 !important;
border: none !important;
}
.category_index:hover { color:#fff }
.trrow { height: 70px;}
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
vertical-align: middle;
}
.supplier_summery h2 {
font-size: 14px;
font-weight: bold;
background: #565574;
text-align: center;
color:#fff;
padding: 10px 0;
border-radius: 5px 5px 0 0;
margin: 0;
}
.mdi.mdi-close.inlinemdi {
color: #f00;
font-size: 28px;
line-height: 0;
font-weight: bold;
}
.hasborder_left { border-left: 1px solid #ccc !important}
.mdi.mdi-check.inlinemdi {
color: #00B600;
font-size: 28px;
line-height: 0;
font-weight: bold;
}
.cpanel_summery {
width: 100%;
float: right;
position: relative;
}
.cpanel_summery .columns {
width: 100%;
padding: 10px 5px;
display: flow-root;
}
.column.has-text-centered {
padding: 0 5px;
margin: 0;
font-weight: bold;
font-size: 12px;
float: right;
width: 50%;
}
.column.has-text-centered.specinsupplier{
width: 33.3333%;}
.column.has-text-centered .us_item {
padding: 0;
border: 1px solid #ccc;
margin: 5px 0;
border-radius: 3px;
font-weight: bold;
font-size: 12px;
float: right;
width: 100%;
}
.column.has-text-centered .us_item p {
padding: 0;
margin: 0 5px;
font-size: 1rem;
}
.vid_title {font-size: 18px;font-weight: bold;}
.vid_text {font-size: 13px; text-align:justify}
a.column.has-text-centered { text-align: center; }
.settbtn { display: flex; }
.settbtn a { font-size: 18px; float: right; margin: 5px;}
th { font-size: 1.2rem !important; }
select {
display: block;
width: 100%;
height: 39px;
padding:6px 12px !important;
font-size: 1.3rem;
line-height: 1.428571429;
color: #000;
vertical-align: middle;
background-color:#ffffff;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
direction: rtl;
margin: 10px auto;
}
.upgrade_choices .columns {padding: 10px;}
.upgrade_choices .column.has-text-centered {
padding: 8px;
border: 1px solid
#ccc;
margin: 5px auto;
border-radius: 3px;
font-weight: bold;
font-size: 12px;
float: right;
width: 100%;
}
.f1-buttons {
float: right;
padding: 10px;
width: 100%;
}
#services .popinner {
padding: 0;
}
.slide_item img {
width: 100%;
height:100%
}
.adv_item img {
width: 100%;
height:100%;
border-radius: 10px;
}
.adv_item {
position: relative;
width: 100%;
display: block;
border-radius: 5px;
overflow: hidden;
margin: 15px auto 0px;
padding: 0 10px;
height:150px
}
.ai_vid {
position: relative;
width: 100%;
display: block;
border-radius: 5px;
overflow: hidden;
margin: 15px auto 0px;
padding: 0;
height: 155px;
overflow: hidden;
}
.ai_vid a {
overflow: hidden;
display: block;
position: relative;
border-radius: 5px;
}
.ai_vid img {
width: 100%;
height: 100%;
}
.ai_vid i {
position: absolute;
width: 100%;
right: 0px;
background:rgba(0,0,0,.6);
height: 155px;
text-align: center;
top: 0;
color: #fff;
padding: 0 0;
font-size: 30px;
line-height: 10px;
}
.ai_vid i::before {
margin-top: 75px;
}
.supplier_cover {
width: 100%;
max-height: 300px;
background: #eee;
margin: -2px auto 0;
overflow:hidden;
position: relative;
}
.supplier_title {
color:
#0070EA;
font-weight: bold;
font-size: 14px;
padding: 5px 10px;
}
.supplier_adrs {
color:  #575757;
font-size: 13px;
padding: 0px 10px;
margin: 0 0 10px 0;
}
.supplier_advtext {
color:    #575757;
font-size: 13px;
padding: 0px 10px;
}
.col-md-12.supplier_about {
padding: 10px;
}
.supplier_follow_info {
background: #0070EA;
margin: 10px;
border-radius: 50px;
padding: 5px 10px;
color:#fff;
margin: -15px 10px 5px;
height: 30px;
z-index: 999999;
position:relative
}
.supplier_cover .si_iamge {
margin: 0 auto 0;
}
.supplier_follow_info .followers {
float: right;
font-weight: bold;
font-size: 13px;
}
.supplier_follow_info .rates {
float: left;
font-weight: bold;
font-size: 13px;
}
.follow_inner_btn {
background: #26273C;
color: #fff;
border-radius: 5px;
text-align: right;
padding: 5px 10px;
font-weight: bold;
margin: 0;
font-size: 1.2rem;
position: absolute;
z-index: 999;
right: 10px;
top: 10px;
}
.follow_inner_btn i {
float: right;
font-size: 18px;
color: #fff;
margin: 0 0 0 10px;
}
.popinner .nav-tabs {
padding: 10px 10px 0;
float: right;
width: 100%;
margin: 0;
display:flex;
z-index:9999999
}
.nav-tabs.suppliertabs {
position: -webkit-sticky;
position: sticky;
top: 60px;
}
.popinner .nav-tabs.ktabs li:last-child > a {
border-radius: 10px 0 0 10px;
}
.nav-tabs.ktabs li:first-child a {
border-radius: 0 10px 10px 0;
}
.tab-content {
min-height: 250px;
padding: 10px 0;
font-size: 12px;
}
.card-header {

margin-bottom: 0;
padding: 0px;
position: fixed;
bottom: 0;
right: 0;
width: 100%;
z-index: 999;
height: 48px;
z-index: 999999999;
}
.blog_item {
border: 1px solid #e6e6e6;
margin: 5px 0;
height: 86px;
padding: 10px;
border-radius: 5px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
position: relative;
}
.blog_type {
position: absolute;
background: #2FC4B3;
padding: 0px 5px;
font-size: .9rem;
color: #fff;
border-radius: 5px;
left: 10px;
}
.blog_image {
float: right;
width: 64px;
height: 64px;
background: #e8e7e7;
margin: 0 0 0 10px;
border-radius: 5px;
}
.blog_title {
font-weight: bold;
font-size: 1.4rem;
height: 30px;
}
.blog_story {
font-size: 12px;
}
.blog_story p {
font-size: 1rem;
line-height: 1.5rem;
}
.blog_item_info h2 {
border-right: 3px solid #0070EA;
font-size: 28px;
padding: 0 5px;
margin: 5px 0 10px 0;
}
.blog_item_info span {
margin: 5px 0 0;
color: #8c8c8c;
font-size: 12px;
float: right;
}
.blog_item_info span i {
font-size: 17px;
margin: 8px 0px 0 5px;
float: right;
line-height: 0px;
}
.mini-gap { width:100%; float:right; height:20px }
#blog_type {
background: #4CD2C3;
padding: 3px 4px 2px 6px;
color: #fff;
border-radius: 3px;
margin: 0;
}
.blog_sidebar_wrapper { padding: 15px; position: relative; }
.blog_sidebar { background: #fff; border-left: 1px solid #eee; }
.blog_sidebar h4 { border-bottom: 1px solid #ccc; padding: 0 0 10px 0; }
.blog_sidebar_item { border-bottom: 1px solid #ccc; padding: 5px 0; position: relative;float: right;width: 100%; }
.blog_sidebar_item h3 { margin: 0; font-size: 17px; font-weight: bold; }
.blog_sidebar_item span {
font-size: 12px;
margin: 5px 0;
float: right;
}
.blog_sidebar_item .post_type {
position: absolute;
left: 0;
background: #4CD2C3;
padding: 5px 10px;
font-size: 10px;
color: #fff;
border-radius: 5px;
left: 10px;
margin: 0;
}
.sayyourwords {
background: #0070EA;
float: right;
width: 100%;
padding: 10px;
color: #fff;
}
.column {
display: block;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
padding: .75rem;
padding-left: 0.75rem;
}
.sayyourwords h3 {
margin: 0 0 0 0;
padding: 0;
}
.has-border-radius-small { border-radius: 5px; }
.has-text-centered {
text-align: center !important;
}
.sayyourwords .add.rate {
background-image: url("../images/star-outline.svg");
}
.sayyourwords .add {
background-color: rgba(255,255,255,0.15);
padding: 35px 10px 16px 10px;
background-repeat: no-repeat;
background-position: center 12px;
background-size: 20px;
}
.sayyourwords .add.comment {
background-image: url("../images/comment-add.svg");
}
.sayyourwords .add {
background-color: rgba(255,255,255,0.15);
padding: 35px 10px 16px 10px;
background-repeat: no-repeat;
background-position: center 12px;
background-size: 20px;
}
.sayyourwords .add.media-add {
background-image: url("../images/media-add.svg");
}
.sayyourwords .add {
background-color: rgba(255,255,255,0.15);
padding: 35px 10px 16px 10px;
background-repeat: no-repeat;
background-position: center 12px;
background-size: 20px;
}
.simillar_supplier {
position: relative;
border-top: 1px solid #ccc;
padding: 0 15px;
float: right;
width: 100%;
min-height: 100px;
}
.simillar_supplier h3 {
padding: 0;
margin: 10px 0;
font-size: 18px;
position: absolute;
top: -21px;
background: #fff;
padding: 0 40px;
right: 0;
}
.catalogue_item {
border: 1px solid #e6e6e6;
border-radius: 5px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
position: relative;
float: right;
width: 100%;
margin: 0;
padding: 0 0 10px 0;
background: #fff;
}
.catalogue_image {
float: right;
width: 100%;
height: 150px;
background: #e8e7e7;
margin: 0 0 10px 0;
border-radius: 5px 5px 0 0;
overflow: hidden;
}
.catalogue_item_info {
padding: 10px;
}
.catalogue_title {
font-weight: bold;
font-size: 1.2rem;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.catalogue_story {
font-size: 12px;
}
.catalogue_more {
background: #14B551;
border: none;
border-radius: 5px;
font-size: 14px;
font-weight: bold;
padding: 5px 15px;
width: 100%;
float: right;
text-align: center;
color: #fff;
}
.bazaar_items { display: flex; flex-flow: wrap;}
.bazaar_item { flex-basis:48%;margin: 1%;overflow: hidden;box-shadow: 0 0 5px #a6a6a6;
border-radius: 5px;}
.bis_title { font-weight: bold; font-size: 16px; margin: 0; }
.bazzartab li > a {
padding: 5px !important;
}
.bis_address, .bis_phone { font-size: 13px; color: #7d7d7d; }
.product_item {
border: 1px solid #e6e6e6;
margin: 0;
padding: 0 0 10px 0;
border-radius: 5px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
position: relative;
float: right;
width: 100%;
background:#fff
}
.product_image {
float: right;
width: 100%;
height: 150px;
background: #e8e7e7;
margin: 0 0 10px 0;
border-radius: 5px 5px 0 0;
overflow: hidden;
}
.product_image img {
width: 100%;
height: 100%;
}
.bazzartab {
margin: -4px 0 0 !important;
}
#parent {
background: #EAEAEA;
}
.product_title {
font-weight: bold;
font-size: 1.2rem;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.product_price {
text-align: center;
color: #128A36;
}
.product_more {
background: #14B551;
border: none;
border-radius: 5px;
font-size: 1.2rem;
font-weight: bold;
padding: 5px 15px;
width: 100%;
float: right;
text-align: center;
color: #fff;
}
.product_buylink { padding: 5px; display: block;
float: right; width: 100%}
.product_buy {
background: #14B551;
border: none;
border-radius: 5px;
font-size: 1.2rem;
font-weight: bold;
padding: 5px 15px;
width: 100%;
float: right;
text-align: center;
color: #fff;
}
.supplier_sidbar {
position: relative;
}
.supplier_sidbar h2 {
font-size: 16px;
font-weight: bold;
margin: 10px 0;
}
.supplier_sidbar div.business-address {
background-image: url("../images/area-marker-search.svg");
}
.supplier_sidbar div {
padding: 10px 25px 10px 10px;
border-top: .05rem solid #ededed;
background-position: right center;
background-repeat: no-repeat;
}
.text-left { text-align:left; direction:ltr }
.supplier_sidbar .business-address {
font-size: 13px;
color: #4d4d4d;
}
.supplier_sidbar div.business-phone {
background-image: url("../images/icon-phone.svg");
}
.supplier_sidbar div.business-instagram {
background-image: url("../images/icon-instagram.svg");
}
.supplier_sidbar div.business-email {
background-image: url("../images/icon-email.svg");
}
.supplier_sidbar div.business-telegram {
background-image: url("../images/icon-telegram.svg");
}
.supplier_sidbar div.business-website {
background-image: url("../images/icon-website.svg");
}
.supplier_sidbar div.business-fax {
background-image: url("../images/icon-fax.svg");
background-size: 19px;
}
.catalogue_item_info h2 {
border-right: 3px solid #0070EA;
font-size: 28px;
padding: 0 5px;
margin: 5px 0 10px 0;
}
.catalogue_item_info span {
margin: 5px 0 0;
color: #8c8c8c;
font-size: 12px;
float: right;
}
.catalogue_item_info span i {
font-size: 17px;
margin: 8px 0px 0 5px;
float: right;
line-height: 0px;
}
.mini-gap { width:100%; float:right; height:20px }
#catalogue_type {
background: #4CD2C3;
padding: 3px 4px 2px 6px;
color: #fff;
border-radius: 3px;
margin: 0;
}
.catalogue_sidebar_wrapper { padding: 15px; position: relative; }
.catalogue_sidebar { background: #fff; border-left: 1px solid #eee; }
.catalogue_sidebar h4 { border-bottom: 1px solid #ccc; padding: 0 0 10px 0; font-size: 14px; }
.catalogue_sidebar_item { border-bottom: 1px solid #ccc; padding: 5px 0; position: relative;float: right;width: 100%; }
.catalogue_sidebar_item h3 { margin: 0; font-size: 12px; font-weight: bold; }
.catalogue_sidebar_item span {
font-size: 12px;
margin: 5px 0;
float: right;
}
.catalogue_sidebar_item .post_type {
position: absolute;
left: 0;
background: #4CD2C3;
padding: 5px 10px;
font-size: 10px;
color: #fff;
border-radius: 5px;
left: 10px;
margin: 0;
}
.product_item_info h2 {
border-right: 3px solid #0070EA;
font-size: 28px;
padding: 0 5px;
margin: 5px 0 10px 0;
}
.product_item_info { padding:10px }
.product_item_info span {
margin: 0;
color: #8c8c8c;
font-size: 12px;
float: right;
}
.product_item_info span i {
font-size: 20px;
margin: 8px 0px 0 5px;
float: left;
line-height: 0px;
}
.mini-gap { width:100%; float:right; height:20px }
#product_type {
background: #4CD2C3;
padding: 3px 4px 2px 6px;
color: #fff;
border-radius: 3px;
margin: 0;
}
.product_sidebar_wrapper { padding: 15px; position: relative; }
.product_sidebar { background: #fff; border-left: 1px solid #eee; }
.product_sidebar h4 { border-bottom: 1px solid #ccc; padding: 0 0 10px 0; font-size: 14px; }
.product_sidebar_item { border-bottom: 1px solid #ccc; padding: 5px 0; position: relative;float: right;width: 100%; }
.product_sidebar_item h3 { margin: 0; font-size: 12px; font-weight: bold; }
.product_sidebar_item span {
font-size: 12px;
margin: 5px 0;
float: right;
}
.product_sidebar_item .post_type {
position: absolute;
left: 0;
background: #4CD2C3;
padding: 5px 10px;
font-size: 10px;
color: #fff;
border-radius: 5px;
left: 10px;
margin: 0;
}
.btn-simple {
font-size: 14px;
line-height: 0;
background: #0070EA;
padding: 10px 5px 8px;
color: #fff;
float: right;
width: 100%;
margin: 5px;
}
.btn-simple i { float: right; font-size: 17px;}
.btn-simple:hover { color:#fff; background:#36364F }
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td { vertical-align: middle;}
.inner_static, .page_item_info {
padding: 15px;
}
.blog_item_info { padding: 10px; }
.prod_pricy_info { width:100%; padding:10px; text-align: center; }
.prod_pricy_info .price { text-align:center; font-size:22px; font-weight:bold; color: #1E9717; }
.prod_gallery {
min-width: 30rem;
overflow: hidden;
height: 30rem;
position: relative;
background: #eee;
margin: -2px auto 0;
max-width: 30rem;
}
.realestate_image img {
width: 100%;
}
.inner_title {
margin: 0;
font-size: 14px;
border-bottom: 1px solid #ccc;
padding: 10px 0;
}
.addtocart_inner {
background: #12C376;
border: 0;
padding: 8px 10px;
color: #fff;
margin: 5px auto;
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
font-size: 13px;
}
.addtocart_inner span.price {
float: right;
color: #fff;
font-size: 1.5rem;
}
.addtocart_inner i {
position: absolute;
left: 40px;
top: 10px;
}
.product_item_info span.btntitle {
float: left;
color: #fff;
font-size: 1.5rem;
padding: 0 35px 0 0;
}
.realestate_item {
border: 1px solid #e6e6e6;
margin: 5px;
padding: 10px 0 0;
border-radius: 5px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
position: relative;
}
.realestate_item .realestate_image {
background: #ccc;
width: 100%;
height: 150px;
overflow: hidden;
}
.realestate_item .realestate_footer {
background:#f9f9f9;
width:100%;
height:40px
}
.realestate_miniinfo {
width: 100%;
float: right;
padding: 10px;
text-align: center;
font-size: 12px;
}
.realestate_items a {
width: 50%;
float: right;
}
.realestate_miniinfo .col-md-6 {
float: right;
width: 50%;
font-size: 1rem
}
.realestate_image img {
width: 100%;
}
.realestate_item .realestate_footer {
background: #f9f9f9;
width: 100%;
height: 40px;
padding: 10px;
color: #757575;
}
.realestate_title {
padding: 0 10px 5px;
font-size: 1.2rem;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 24px;
}
.realestate_adrs {
padding: 0 10px 0px;
font-size: 1rem;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.specification_item {
direction: rtl;
margin: 0;
padding: 0;
font-size: 11px;
}
ul.specification_item li {
list-style: none;
color: #555555;
font-size: 12px;
line-height: 250%;
clear: both;
position: relative;
display: flex;
float: right;
width: 100%;
margin: 2px 0;
}
ul.specification_item li span.title {
background: #F0F1F2;
padding: 5px;
width: 40%;
float: right;
}
ul.specification_item li span.value {
background: #F7F9FA;
padding: 5px;
width: 60%;
float: right;
margin: 0 1% 0 0;
}
.hire_items .si_iamge {
float: right;
width: 90px;
height: 90px;
overflow: hidden;
margin: 0 0 0 10px;
}
.si_iamge img { width: 100%; }
.hire_items {
border: 1px solid #e6e6e6;
margin: 5px;
padding: 10px;
border-radius: 5px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
position: relative;
float: right;
width: 100%;
}
.hire_items .si_title { font-size: 16px; font-weight: bold; text-align: right; }
.hire_items .si_link {
float: left;
background: #0070EA;
padding: 4px 10px;
font-weight: bold;
color: #fff;
border-radius: 5px;
width: 100%;
margin: 10px auto 0;
text-align: center;
font-size: 12px;
}
.hire_item .si_iamge {
float: right;
width: 64px;
height: 64px;
overflow: hidden;
margin: 0 0 0 10px;
}
.si_iamge img { width: 100%; }
.hire_item .si_title { font-size: 20px; font-weight: bold; }
.supplier_totall_trade {
padding: 10px;
}
.supplier_totall_trade .supplier_item {
width: 100%;
background: #fff;
border-radius: 5px;
float: right;
margin: 0;
}
.supplier_totall_trade a {
width: 50%;
display: block;
float: right;
padding: 5px;
}
form input[type="tel"] {
float: right;
width: 100%;
/*border: 1px solid #CCC;*/
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 1.2rem;
}
button[disabled], html input[disabled] {
cursor: no-drop !important;
background: #FFF !important;
}
form input[type="text"] {    border: 1px solid #ccc;
direction: rtl;
float: right;
width: 100%;
/*border: 1px solid #CCC;*/
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 1.2rem;
}
select, .form-control { border: 1px solid #6D7886; }
#profile .popinner { padding: 62px 0px 0 0px; }
.col-md-6.halflabel {
width: 50%;
float: right;
}
/*
Xpull - pull to refresh jQuery plugin for iOS and Android
*/
#demo {    height: 100vh;}
.xpull {
display: none;
height: 40px;
margin: 0 auto;
position: relative;
text-align: center;
transform: translate3d(0, 0, 0) rotate(0deg);
}
.xpull_pulled .xpull__arrow {
top: 5px;
transform: rotate(180deg);
}
.xpull__start-msg-text {
margin-bottom: 5px;
}
.xpull__arrow {
position: relative;
width: 4px;
height: 10px;
margin: 0 auto 6px;
background-color: #cacaca;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
transition: transform 300ms ease;
}
.xpull__arrow::after {
content: '';
position: absolute;
top: 100%;
left: -3px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #cacaca;
}
.xpull__spinner {
display: block;
padding-top: 10px;
position: absolute;
width: 100%;
top: 10px;
}
.xpull__spinner-circle {
height: 25px;
width: 25px;
margin: 0 auto;
position: relative;
left: -4px;
animation: rotation 0.6s infinite linear;
border: 4px solid rgba(202, 202, 202, 0.15);
border-top: 4px solid rgba(202, 202, 202, 0.9);
border-radius: 100%;
}
@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}
a.fff {
visibility: hidden;
display: none;
}
.grouping-items {
width: 100%;
float: right;
padding:5px
}
.grouping-items .supplier_item {
width: 100%;
background: #fff;
border-radius: 5px;
float: right;
margin: 10px auto;
}
.grouping-items .col-md-6 {
float: right;
width: 50%;
padding: 0 5px;
}
a.cart_list_btn {
position: absolute;
background: #0070EA;
width: 32px;
right: 10px;
padding: 10px 0;
color: #fff;
z-index: 9999999999;
top: 15px;
height: 32px;
border-radius: 50%;
font-size: 20px;
line-height: 10px;
text-align: center;
display:none
}
.orderlisttitle {
font-weight: bold;
font-size: 15px;
border-top: 1px solid #ccc;
padding: 10px 0 0;
margin: 20px 0 5px 0;
}
table.resp {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed;
}
table.resp tr {
background-color: #f8f8f8;
border: 1px solid #ddd;
padding: .35em;
}
table.resp th {
font-size: .85em;
letter-spacing: .1em;
text-transform: uppercase;
}
@media screen and (max-width: 600px) {
.content table.basic.order tr:first-child td:first-child {
width: 100%;
border-radius: 0 5px 0 0;
}
table.resp {
border: 0;
}
table.resp thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
table.resp tr {
border-bottom: 3px solid #ddd;
display: block;
margin-bottom: .625em;
}
table.resp td {
border-bottom: 1px solid #ddd;
display: block;
font-size: .8em;
text-align: center;
width: 100% !important;
}
table.resp td::before {
content: attr(data-label);
font-weight: bold;
text-align: center;
display: block;
}
table.resp td:last-child {
border-bottom: 0;
}
}
.form-group.halfhalf {
float: right;
width: 50%;
padding: 0 0 0 10px;
}
.form-group.halfhalf:nth-child(2n+1) { padding: 0;}
.moreless {
margin: 10px;
position: relative;
text-align: center;
float:left;
}
.moreless span {
background: #FFF;
position: relative;
display: block;
z-index: 999;
width: 120px;
margin: 0 auto;
border: 1px solid #C0C0C0;
border-radius: 50px;
font-weight: bold;
float:left;
font-size: 12px;
}
#index .popinner {
padding: 0 !important;
}
label { margin: 5px 0; }
.inner_category a {
float: right;
width: 100%;
padding: 5px;
}
.inner_category .col-md-2 {
width: 100%;
background: #fff;
border-radius: 5px;
float: right;
margin: 10px auto;
}
.prod_rate {
float: left;
background:
rgba(255,255,255,.5);
padding: 5px 20px;
border-radius: 50px;
font-size: 12px;
position: absolute;
left: 10px;
top:10px;
z-index:99999
}
.cthref {
width: 200px;
background: #0070EA;
padding: 5px;
border-radius: 5px;
color: #fff;
letter-spacing: 2px;
display: block;
margin: 10px auto;
text-align: center;
}
.nav-tabs.ktabs {
display: flex;
}
.nav-tabs.ktabs > li { width: 50%; }
.nav-tabs.ktabsm > li { width:50%; }
.nav-tabs.ktabs li a {
background: #f0f0f0;
color: #000;
}
.nav-tabs.ktabs li.active a {
background: #0070EA;
color: #FFF;
}
.kt_logo {text-align: center; background: #fff; }
.ktabsp {padding: 15px;}
.logoutbtn {
position: relative;
z-index: 99999999;
color: #fff;
font-size: 1.2rem;
font-weight: bold;
}
.article_item {
width: 100%;
background: #FFF;
padding: 10px;
margin: 10px auto;
border-radius: 5px;
box-shadow: 0 0px 5px #ccc;
height:85px
}
.article_item .ai_title {
font-size: 15px;
font-weight: bold;
margin: 0 0 10px;
}
.atxt-wrapper {
background:
#fff;
padding: 10px;
font-size: 13px;
line-height: 200%;
}
.articledate {
background:
#fff;
padding: 10px;
font-size: 12px;
}
.category_child_inner {
background: #0070EA;
border-radius: 10px;
color: #fff;
font-weight: bold;
font-size: 11px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 10px 5px;
margin: 0 auto;
display: block;
}
.custom-file-label img {
position: absolute;
width: 100%;
height: 100%;
right: 0;
top: 0;
background: #fff;
display:none
}
.btn-successd {
margin: 10px auto;
background: #12C376;
border: 1px solid #12C376;
border: 0;
padding: 8px 0;
color: #12C376;
position: relative;
font-size: 13px;
text-align: center;
}
form.dialog-form {
padding: 5px;
}
.af_item {
border: 1px solid #e6e6e6;
margin: 0;
padding: 10px;
border-radius: 5px;
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
position: relative;
width:100%;
background: #fff;
}
.af_type {
font-weight: bold;
}
.blog .af_type {
color:#F44E0D
}
.product .af_type {
color:#009100
}
.af_text {
font-size: 1.1rem;
text-align: center;
}
.odd {
float: right;
width: 100%;
}
.odd a {
float: right;
width: 48%;
}
.even {
float: left;
width: 100%;
}
.even a {
float: left;
width: 48%;
}
.middleborder {
width: 100%;
position: relative;
display: grid;
}
.middleborder::before {
content: " ";
position: absolute;
width: 4px;
height: 100%;
background:#0070EA;
top: -40px;
right: 50%;
margin-right: -2px;
}
#preview-crop-image img {
width: 100%;
}
#preview-crop-image {
width: 128px;
margin: 10px auto;
}
.btn-upload-image, #upload-demo { display: none}
.cr-slider-wrap { display: none; visibility: hidden;}
.tabshoppingprod .col-md-3 {
width: 50%;
float: right;
padding: 5px;
}
.top_filter_holder {
display: flex;
max-height: 60px;
margin: 0 0 5px 0;
background: #e1e1e1;
padding: 10px;
box-shadow: inset 0 0px 5px #ccc;
}
.top_filter_holder .filterchooserlink {
width: 50px;
background: #fff;
border-radius: 5px;
font-size: 26px;
padding: 10px 0;
height: 41px;
text-align: center;
box-shadow: 0 0 5px #c1c0c0;
}
.top_filter_holder .filtercat_list {
width: 80%;
}
.top_filter_holder .filtercat_list.row4 {
width: 100%;
}
.nav-tabs.prodtabs {
display: block;
}
.nav-tabs.prodtabs > li {
width: 33.3333%;
}
.nav-tabs.prodtabs li.active a {
background: #fff;
color: #26273C;
}
.rateButton {
border: none !important;
background: none !important;
font-size: 18px !important;
padding: 5px !important;
}
/*! ========================================================================
* Bootstrap Toggle: bootstrap-toggle.css v2.2.0
* http://www.bootstraptoggle.com
* ========================================================================
* Copyright 2014 Min Hur, The New York Times Company
* Licensed under MIT
* ======================================================================== */
.checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.toggle{position:relative;overflow:hidden}
.toggle input[type=checkbox]{display:none}
.toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.toggle.off .toggle-group{left:-100%}
.toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
.toggle.btn{min-width:59px;min-height:34px}
.toggle-on.btn{padding-right:24px}
.toggle-off.btn{padding-left:24px}
.toggle.btn-lg{min-width:79px;min-height:45px}
.toggle-on.btn-lg{padding-right:31px}
.toggle-off.btn-lg{padding-left:31px}
.toggle-handle.btn-lg{width:40px}
.toggle.btn-sm{min-width:50px;min-height:30px}
.toggle-on.btn-sm{padding-right:20px}
.toggle-off.btn-sm{padding-left:20px}
.toggle.btn-xs{min-width:35px;min-height:22px}
.toggle-on.btn-xs{padding-right:12px}
.toggle-off.btn-xs{padding-left:12px}
.filterbtn {
width: 100%;
height: 40px;
border: 0;
background: #00AF80;
position: absolute;
bottom: 0;
color: #fff;
font-size: 1.4rem;
font-weight: bold;
direction: rtl;
}
.fsp-content {
width: 100% !important;
}
.filter_items a.suplier {
float: right;
width: 50%;
padding: 5px;
}
.filter-item {
width: 100%;
padding: 0;
background: #fff;
border-bottom: 1px solid #ccc;
height: 53px;
display: flex;
direction: rtl;
}
.filter-item label.pointer {
float: right;
width: 50%;
color: #000;
font-size: 1.2rem;
background: #f7f7f7;
padding: 17px;
margin: 0;
}
.filter-item .btn.btn-success {
margin: 0;
}
.toggle.btn-sm {
width: 50px !important;
}
.filter-item select {
width: 50%;
height: auto;
margin: 10px;
float: left;
border: 1px solid #BFBFBF;
padding: 2px !important;
}
.nav-tabs.suppliertabs {
background: #26273C;
padding: 0;
}
.nav-tabs.suppliertabs li.active {
border-bottom: 3px solid #6A6D9B;
}
.af_thumb {
width: 100%;
overflow: hidden;
height: 100px;
}
.af_thumb img {
width: 100%;
}
.multimedia_file img {
width: 100%;
}
.blog_thumb img {
width: 100%;
}
.blog_thumb {
width: 100%;
overflow: hidden;
}
.blog_item.blogmultimedia {
height: auto;
}
.midsidbar ul li {
width: 100%;
}
.midsidbar ul li a i {
margin: 0px 0 0 20px;
width: auto;
line-height: 15px;
}
.midsidbar ul li a {
font-size: 1.3rem;
padding: 28px  12px 0 0;
}
.specmidtitle {
text-align: center;
font-weight: bold;
font-size: 2rem;
margin: 3rem 0;color: #0070EA;
}
.nav-link.open-popupp.tabuser {
background: url(../images/tabuser.png) center center no-repeat;
height: 50px;
background-size: 30px;
background-position: center 0px; color: #0070EA
}
.nav-link.open-popupp.tablogo {
background: url(../images/tablogo.png) center center no-repeat;
height: 50px;
background-size: 30px;
background-position: center 0px; color: #0070EA
}
.nav-link.open-popupp.tablist {
background: url(../images/tablist.png) center center no-repeat;
height: 50px;
background-size: 30px;
background-position: center 0px; color: #0070EA
}
.nav-link.open-popupp.tabchoices {
background: url(../images/tabchoices.png) center center no-repeat;
height: 50px;
background-size: 30px;
background-position: center 0px; color: #0070EA
}
.nav-link.open-popupp.bazar {
background: url(../images/bazar.png) center center no-repeat;
height: 50px;
background-size: 30px;
background-position: center 0px; color: #0070EA
}
.active .nav-link.open-popupp.tabuser {
background: url(../images/tabuser-active.png) center center no-repeat;
background-size: 30px;
background-position: center 0px; color: #448BFF;
}
.active .nav-link.open-popupp.tablogo {
background: url(../images/tablogo-active.png) center center no-repeat;
background-size: 30px;
background-position: center 0px;color: #448BFF;
}
.active .nav-link.open-popupp.tablist {
background: url(../images/tablist-active.png) center center no-repeat;
background-size: 30px;
background-position: center 0px;color: #448BFF;
}
.active .nav-link.open-popupp.tabchoices {
background: url(../images/tabchoices-active.png) center center no-repeat;
background-size: 30px;
background-position: center 0px;color: #448BFF;
}
.active .nav-link.open-popupp.bazar {
background: url(../images/bazar-active.png) center center no-repeat;
background-size: 30px;
background-position: center 0px;color: #448BFF;
}
.jobstodofortradelist li {
width: 50%;
text-align: center;
border: 1px;
margin: 5px 0;
padding: 0 9px;
font-size: 1.2rem;
float: right;
}
.jobstodofortradelist li a {
border: 1px solid #d9d9d9;
box-shadow: 0 0 5px #eaeaea;
display: block;
padding: 5px;
border-radius: 5px;
}
.nav-tabs.prodtabs {
background: #26273C;
padding: 0;
}
.nav-tabs.prodtabs li.active {
border-bottom: 3px solid #6A6D9B;
}
label span.alertt {
float: left;
font-size: 1rem;
font-weight: normal;
color: #7b7b7b;
}
.main_slider .owl-dots {
position: absolute;
bottom: 0;
right: 50%;
margin-right: -36px;
}
.main_slider .owl-dots span {
background: #fff !important;
}
.main_slider .owl-dots .owl-dot.active span {
background: #202136 !important;
}
.innerrealtitle { font-weight: bold; padding: 5px;}
.innerrealphone, .innerrealadrs { padding: 5px;}
.realestate_image video, .si_iamge video {height: 30rem}
.bazaar_items a {
float: right;
display: block;
width: 50%;
}
.halfhalffilter .filterchooserlink {
width: 50%;
margin: 0 10px;
font-size: 1.3rem;
font-weight: bold;
}
.halfhalffilter .filterchooserlink i {
font-size: 1.9rem;
margin: 0 10px;
float: right;
}
.fsp-wrapper.mini {background: rgba(0,0,0,.8) !important;}
.fsp-wrapper.mini .fsp-content {
width: 70% !important;
inset: auto;
right: 15%;
left: 15%;
top: 20%;
bottom: 20%;
position: relative;
}
.fsp-wrapper.mini .fsp-close {inset: 20% !important; height: 60px;}
.toggle.btn.btn-default.off.btn-sm, .filter-item .btn.btn-success {
width: 50%;
height: auto;
margin: 10px;
float: left;
border: 1px solid #BFBFBF;
padding: 2px !important;
}
.absoloutpositionpopupfilter {
position: absolute;
top: 19px;
z-index: 9999999;
right: 15px;
border-radius: 5px;
font-size: 3rem;
color: #fff;
}
.search_bar.inbazar {
position: relative;font-size: 1.2rem;
}
.search_bar.inbazar button {
position: absolute;
left: 0;
top: 14px;
background: none;
border: navajowhite;
font-size: 2.5rem;
color: #0070EA;
}
.search_bar.inbazar #searchboxw {
margin: 0 0 5px 0;
}
.search_where.inbazar {
padding: 0 10px;
display: flex;
}
.switch-field {
display: flex;
margin-bottom: 36px;
overflow: hidden;
width: 100%;
direction: ltr;
}
.switch-field input {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}
.switch-field label {
background-color: #f4f4f4;
color: rgba(0, 0, 0, 0.6);
font-size: 1.2rem;
line-height: 1;
text-align: center;
padding: 8px 16px;
border: 1px solid rgba(0, 0, 0, 0.14);
transition: all 0.1s ease-in-out;
}
.switch-field label:hover {
cursor: pointer;
}
.switch-field input:checked + label {
background-color: #0070EA;
box-shadow: none;
color: #fff;
}
.switch-field-ocolor input:checked + label {
background-color: #448BFF;
box-shadow: none;
color: #fff;
}
.switch-field label:first-of-type {
border-radius: 4px 0 0 4px;
}
.switch-field label:last-of-type {
border-radius: 0 4px 4px 0;
}
.search_where.inbazar span {
width: 25%;
padding: 10px 0;
font-weight: bold;
}
.realestateslist a { width: 100%; }
.label.dlprod_alert {
padding: 5px 10px;
margin: 10px auto;
width: 100%;
border-radius: 5px;
color: #931717;
background: #ffe4e4;
}
/*
-------------------------------------------------------------------------------- */
.top_index_data {
width: 100%;
display: flex;
padding: 10px;
direction: rtl;
}
.top_index_data .dwmainfee {
float: right;
width: 50%;
text-align: right;
font-size: 3rem;
}
.top_index_data .dwcallmargin {
float: left;
width: 50%;
text-align: left;
font-size: 1.3rem;
padding: 12px;
}
.plaintext {
direction: rtl;
padding: 70px 10px;
text-align: justify;
font-size: 1.3rem;
line-height: 200%;
}
.plaintext h1 {
font-size: 1.5rem;
font-weight: bold;
text-align: center;
}
.ctabtn {
color: #fff;
padding: 5px 15px;
border-radius: 5px;
font-weight: bold;
position: fixed;
bottom: 60px;
}
.ctabtn:hover { color: #fff }
.sell {
left: 10px;
background: #b92828;
}
.buy {
right: 10px;
background: #304677;
}
.main_button {
background: #fff;
float: right;
display: block;
width: 100%;
height: 100px;
position: fixed;
bottom: 0;
}
.main_listview { padding: 10px; direction: rtl;float: right; padding-bottom: 20px; width:100%}
.main_listview li {
float: right;
width: 100%;
display: flex;
border: 1px solid #c4c4c4;
box-shadow: 0 0 5px #ccc;
border-radius: 5px;
margin: 5px auto;
}
.main_listview li a {
width: 100%;
display: block;
padding: 0;
font-size: 1.2rem;
}
.main_listview li a .dealtype .buyicon {
width: 12px;
height: 12px;
background: #304677;
display: block;
border-radius: 50%;
position: relative;
}
.main_listview li a .dealtype .buyicon::after {
content: " ";
width: 20px;
height: 20px;
background: rgba(48, 70, 119,.5);
right: -4px;
position: absolute;
border-radius: 50%;
top: -4px;
}
.main_listview li a .dealtype .nanicon {
width: 12px;
height: 12px;
background: #fff;
display: block;
border-radius: 50%;
position: relative;
}
.main_listview li a .dealtype .nanicon::after {
content: " ";
width: 20px;
height: 20px;
right: -4px;
position: absolute;
border-radius: 50%;
top: -4px;
}
.main_listview li a .dealtype .sellicon {
width: 12px;
height: 12px;
background: #B92828;
display: block;
border-radius: 50%;
position: relative;
}
.main_listview li a .dealtype .sellicon::after {
content: " ";
width: 20px;
height: 20px;
background: rgba(185, 40, 40,.5);
right: -4px;
position: absolute;
border-radius: 50%;
top: -4px;
}
.main_listview li a .dealtitle {
float: right;
width: 60%;
padding: 11px 10px;
}
.main_listview li a .dealprice {
float: right;
width: 40%;
font-size: 1.5rem;
text-align: left;
color: #E76A11;padding: 3px 5px;
}
.main_listview li a .dealprice .subdealprice { font-size: 1rem; color: #a2a2a2; }
.jst-seconds {color: #ccc}
.jst-minutes { float: left;color: #ccc}
.main_listview li a .dealprice span.timer {
padding: 0px 0px;
float: left;
width: 100%;
}
.profile .userinfo {
background: #0070EA url(../images/pattern.png) repeat;
width: 100%;
position: fixed;
right:0;
top: 0;
z-index: 9999999;
display: flex;
padding: 30px 45px 50px;
}
.col-md-12.prod_explain.profile { padding: 60px 0 60px;}
.userinfo .userinfo_cashout { color: #fff; font-weight: bold; font-size: 1rem;}
.userinfo .userinfo_name { color: #fff; font-weight: bold;}
.userinfo .col-md-8 { float: right; width: 60%; padding: 39px 20px; }
.userinfo .col-md-4 { float: right; width: 40%; padding: 37px 0; }
textarea#text {
width: 100%;
max-width: 100%;
min-width: 100%;
height: 100px;
border: 1px solid #0070EA;
display: block;
width: 100%;
padding: 10px 12px;
font-size: 14px;
line-height: 1.428571429;
color:#555555;
background-color:#ffffff;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
direction: rtl;
}
.progress {
position: fixed;
top: 60px;
right: 0;
border-radius: 0;
width: 100%;
height: 5px;
background: #444;
display: none;
z-index: 99999999;
}
.progress-bar { background: #84DB21 }
.nothingtoshow {
display: block !important;
text-align: center !important;
padding: 25px;
box-shadow: none !important;
border: none !important;
color: #000;
font-size: 1.3rem;
font-weight: bold;
}
.main_listview li a.cta-rmpty {
padding: 5px 5px 10px 15px;
background: #0070EA;
display: inline-flex !important;
width: auto !important;
margin: 25px auto 0;
border-radius: 55px;
color: #fff;
font-weight: bold;
text-align: right;
box-shadow:0 0 25px #868FCA;
}
.main_listview li a.cta-rmpty i {
font-size: 3rem;
font-weight: bold;
color: #fff;
line-height: 0;
padding:11px 0 0 5px;
float: right;
}
.update_geolocation {
position: absolute;
background: #fff;
width: 40px;
height: 40px;
z-index: 99999999999;
right: 10px;
top: 10px;
border-radius: 50%;
border: 2px solid rgba(0,0,0,0.2);
text-align: center;
padding: 8px;
font-size: 2rem;
}
.form-group.gmap {
position: relative;
}
.checkboxflex_list_wide {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.checkboxflex_wide {
flex: 1 0 100%;
margin: 0 auto;
}
.checkboxflex_wide .spec {
margin: 5px auto;
border: 1px solid #e3e3e3;
box-shadow: none;
}
.checkboxflex_list {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.checkboxflex {
flex: 1 0 33%;
margin: 5px;
position: relative;
}
input[type="checkbox"] {
display: none;
&:not(:disabled) ~ label {
cursor: pointer;
}
&:disabled ~ label.spec {
color: hsla(150, 5%, 75%, 1);
border-color: hsla(150, 5%, 75%, 1);
box-shadow: none;
cursor: not-allowed;
}
}
label.spec {
height: 100%;
display: block;
background: white;
border: 1px solid #ccc;
border-radius: 5px;
padding: 3rem 1rem;
margin-bottom: 1rem;
text-align: center;
box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
position: relative;
}
input[type="checkbox"]:checked + label.spec {
background: #D7DBEE;
color: #000;
border-color:#5d6cca;
box-shadow: 0px 0px 10px #c1c7f0;
&::after {
color: hsla(215, 5%, 25%, 1);
font-family: FontAwesome;
border: 2px solid hsla(150, 75%, 45%, 1);
content: "\f00c";
font-size: 24px;
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
border-radius: 50%;
background: white;
box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
}
}
.checkboxflex_wide label.spec { padding: 1rem; height: auto; argin: auto; }
label.spec h2 {
font-size: 1.2rem;
text-align: center;
margin: 0;
font-weight:bold
}
.sign_form { padding: 10px 10px 50px;}
label.spec img {
height: 64px;
margin: 0px auto 10px;
background: #fff;
border-radius: 5px;
}
.checkboxflex .form-control {
position: absolute;
display: block;
z-index: 999;
bottom: -5px;
text-align: center;
box-shadow: none !important;
}
@keyframes start {
from {
transform: scale(.5);
}
to {
transform: scale(1);
}
}
@-webkit-keyframes start {
from {
-webkit-transform: scale(.5);
}
to {
-webkit-transform: scale(1);
}
}
.rtl{direction:rtl}
.pdp-default {
position: absolute;    
direction: rtl;    
color: #555;
box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.19);
z-index: 9999999999;
}
.pdp-default ::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
.pdp-default ::-webkit-scrollbar
{
width: 15px;
background-color: #F5F5F5;
}
.pdp-default ::-webkit-scrollbar-thumb
{
background-color: #444444;
}
.pdp-default ::selection{
color: #67cdcc;
}
.pdp-default .pdp-header{
background-color: #ffffff;
border-bottom: none;   
padding: 2px;
height: 30px !important;
font-weight: bold;
}
.pdp-default .yearSelect{
overflow-y: auto;
direction: ltr;
}
.pdp-default .monthSelect li.disableMonth, .pdp-default .monthSelect li.disableMonth:hover{
color: #bbb;
background: #eee;
cursor: not-allowed;
}
.pdp-default .yearSelect, .pdp-default .monthSelect{   
font:normal 12px Tahoma;
background: #f9f9f9;
border: 1px solid #ccc;    
list-style: none;
position: absolute;
padding: 0;
width: 99.6%;    
text-align: center;    
z-index: 9999;    
animation: start 0.2s;
-webkit-animation: start 0.2s;    
}
.pdp-default  .selected{
background: #15a6eb;
color: #ffffff;
}
.pdp-default .yearSelect li, .pdp-default .monthSelect li {
padding: 1px;
cursor: default;
display: inline-table;    
text-align: center;       
border: 1px dotted #ddd;
}
.pdp-default .yearSelect li:hover, .pdp-default .monthSelect li:hover {
background: #FF9933;
color: #ffffff;
border-color: #FF7700;
}
.pdp-default .nextArrow{
right:0;
}
.pdp-default .prevArrow{
left:0;    
}
.pdp-default .monthYear{
width: 80%;
margin: 0 auto;
text-align: center;
cursor: pointer;
}
.pdp-default .nextArrow, .pdp-default .prevArrow{
cursor: pointer;    
position: absolute;
top:1px;
padding: 2px;
}
.pdp-default .nextArrow:hover, .pdp-default .prevArrow:hover{
color: #448BFF;
}
.pdp-default .cell {  
display: inline-block;    
cursor: default;
text-align: center; 
}
/* Days of the week */
.pdp-default .dows {  
background: #1258AA;/*#006fe0;*/
color: #fff;    
}
.pdp-default .dow {            
font-weight:bold;
border: 1px solid #0070EA;
}
.pdp-default .days{
background-color: #ffffff;
border-top: none; 
}
button[disabled], html input[disabled] {
cursor: default;
background: #7091B9;
}
.pdp-default .day{
border: 1px solid #f1f1f1;    
}
.pdp-default .day:hover{
background: #f3f3f3;
border: 1px solid #bbb;
border-radius: 2px;
}
.pdp-default .friday{
color: #f38;   
}
.pdp-default .today{
color: #fff;
background: #448BFF;
}
.pdp-default .today:hover{
color: #fff;
background: #448BFF;    
}
.pdp-default .disday, .pdp-default .disday:hover{
color: #B7B5B5;
background: #F1F1F1;
cursor: not-allowed;
}
.pdp-default .nul{    
border: 1px solid #f1f1f1;  
background: #f1f1f1;  
}
.pdp-default .pdp-footer{    
background: #0070EA;
text-align: center;
height: 17px;
}
.pdp-default .pdp-footer .goToday{    
color: #f0f0f0;
text-decoration: none;    
}
.pdp-default .pdp-footer .goToday:hover{    
color: #ffffff;
text-decoration: overline;    
}
.pdp-default {
width: 100%;
height: 500px;
top: 0 !important;
right: 0;
left: 0 !important;
}
.pdp-default .cell {
display: inline-block;
cursor: default;
text-align: center;
width: 14.222222% !important;
height: 68px !important;
padding: 25px 0;
}
.order_info_row {
float: right;
width: 100%;
display: block;
background:#F4F4F4;
}
.order_info_row h3 {
margin: 0;
padding: 5px 10px;
font-weight: bold;
font-size: 1.2rem;
}
.order_info_row span {
font-size: 1rem;
padding: 0 15px 5px;
width: 100%;
display: block;
}
.order_info_row_border {
float: right;
width: 100%;
display: block;
background: #FFF;
}
.order_info_row_border h3 {
margin: 0;
padding: 5px 10px;
font-weight: bold;
font-size: 1.2rem;
border-right: 5px solid #0070EA;
width: 100%;
background: #DBE3EE;
}
.ver_control {
width: 100%;
text-align: center;
font-size: 1rem;
}
.popinner p {
text-align: center;
font-size: 1rem;
}
.order_info_row_border {display: flex;flex-wrap: wrap;width: 100%;}
.order_info_row_border span.wideflex {flex: 1 0 100%;}
.ajaxify.renewbtn { background: #9bbd3c; border:none }
.order_edit {
position: fixed;
top: 15px;
z-index: 9999999;
left: 10px;
}
.order_edit a, .order_edit button {
background: none;
border: none;
color: #fff;
font-size: 3rem;
line-height: 30px;
}
.edition_btn {
display: flex;
}
.step2map {
background:#448BFF !important;
}
button[disabled].step2map { background:#96BEFF }
.switch-field-wide {
display:inline-block
}
.switch-field-wide label {
border-radius: 4px !important;
margin: 2px auto;
}
.main_classlist {
padding: 10px;
}
.main_classlist li a {
width: 100%;
margin: 10px auto;
border-right: 5px solid #FFAD01;
}
.main_classlist li a .title {
text-align: right;
font-weight: bold;
color:#0070EA;
}
.main_classlist li a .code {
text-align: right;
font-size: 1rem;
color: #a2a2a2;
}
.main_classlist li a span {
float: left;
font-size: 1.2rem;
font-weight: bold;
background: #0070EA;
padding: 2px 5px;
color: #fff;
border-radius: 5px;
}