@font-face {font-family: IRANSans;font-style: normal;font-weight: 200;src: url('font/IRANSansWeb_UltraLight.woff') format('woff'),url('IRANSansWeb_UltraLight.woff2') format('woff2');}
@font-face {font-family: IRANSans;font-style: normal;font-weight: 300;src: url('font/IRANSansWeb_Light.woff') format('woff'),url('font/IRANSansWeb_Light.woff2') format('woff2');}
@font-face {font-family: IRANSans;font-style: normal;font-weight: normal;src: url('font/IRANSansWeb.woff') format('woff'),url('font/IRANSansWeb.woff2') format('woff2');}
@font-face {font-family: IRANSans;font-style: normal;font-weight: bold;src: url('font/IRANSansWeb_Bold.woff') format('woff'),url('font/IRANSansWeb_Bold.woff2') format('woff2');}
@font-face {font-family: IRANSans;font-style: normal;font-weight: 500;src: url('font/IRANSansWeb_Medium.woff') format('woff'),url('font/IRANSansWeb_Medium.woff2') format('woff2');}

*{font-family:'IRANSans',tahoma;line-height:150%;}
html{margin:0;}
body{margin:0;background:#f5f5f5;color:#000000;font-size:11pt;margin-top:48px;margin-bottom:-48px;}
select:focus{outline:none;}
.borderedtable td{border:1px solid #dddddd;padding:5px;}
.max100{max-width:100%;}
*[data-fancybox]{outline:none;}
.noselect{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;  user-select: none;}
.selectable{-webkit-touch-callout:text ;-webkit-user-select: text ;-khtml-user-select: text ;-moz-user-select: text ;-ms-user-select: text ;  user-select: text ;}

h2{font-size:13pt;font-weight:normal;}

/*override IOS elements style*/
textarea, input.text, input[type=text], input[type=button], input[type=submit], .input-checkbox {-webkit-appearance: none;border-radius:3px;}
#logo{cursor:pointer;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#logoPreLoad{background:url('template/logo2.png');}
.generalbox  p:first-of-type {margin:0;padding:0}
.generalbox  p:last-of-type {margin:0;padding:0}
.generalboxdiv  p:first-of-type {margin-top:0;padding:0}
.generalboxdiv  p:last-of-type {margin-bottom:0;padding:0}
.specialbox  p:first-of-type {margin:0;padding:0}
.specialbox  p:last-of-type {margin:0;padding:0}
.specialbox  p:empty {margin:0;padding:0}
.specialbox  p:empty  {margin:0;padding:0}
.flexnewsItem{display:inline-block;background:#ffffff;box-sizing:border-box;margin-bottom:20px;text-align:center;overflow:hidden;border:1px solid #999999;	text-align:center;margin: 10px;width:calc(25% - 20px);float:right;box-shadow:0 0 10px 5px #ffffff;}
.flexNewsText {font-size:16pt;font-weight:bold;color:#000000;position:absolute;top:45%;right:0;width:100%;z-index:2;;padding:5px;box-sizing:border-box;text-align:center;}
.flexNewsImage{position:relative;right:0px;top:0px;}
@media all and (max-width: 800px) {.flexnewsItem{width:calc(50% - 20px);}}
@media all and (max-width: 400px) {.flexnewsItem{width:calc(100% - 20px);}}
.limited{width:98%;max-width:1200px;margin-right:auto;margin-left:auto;	box-sizing:border-box;}
.full{width:98%;max-width:650px;margin:auto;margin-bottom:0;margin-top:0;direction:rtl;}
table{border-collapse:collapse;}
h1{font-size:18pt;}
a{color:#1c53cf;text-decoration:none;}
a:hover{color:#e50000;}
.myred{color:#E50000;}
.logored{background:#ff1744;}
.menuBullet{width:8px;height:8px;display:inline-block;background:url('template/menu-bullet.png') no-repeat;margin-left:8px;}
.menu_active{background:#ff8800;}
.bordered{text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,1px 1px 0 #000;}
.galleryLink{display:inline-block;margin-left:10px;position:relative;top:0;left:0;float:right;margin-bottom:10px;}
.borderedw{color:#000; text-shadow: -1px -1px 0 #aaa, 1px -1px 0 #aaa, -1px 1px 0 #aaa,1px 1px 0 #aaa;}
.searchbutton{cursor:pointer;vertical-align:middle;border:0px solid #16345d;width:36px;height:36px;text-indent:-1000px;background:url('template/icon-search.png') center no-repeat ;}
.searcharea{color:#000000;padding:6px 10px;height:16px;font-size:9pt;width:140px;border:1px solid #aaaaaa;background:#e4edee;margin:0;border-radius:5px;opacity: 0.7;}
.photothumb{border:1px solid #aaaaaa;border-radius:2px;vertical-align:top;}
.titles{font-size:18pt;text-align:right;color:#666666;line-height:30px;width:100%;}
.titleholder{width:100%;;box-sizing:border-box;padding-right:10px;border-bottom:1px solid #ffb408;}
.specialtitle{background:#bf0000;color:#ffffff;margin-bottom:10px;line-height:30px;box-sizing:border-box;padding-right:10px;}
.clear { clear: both; display: block; }
.box{margin:0;padding:0;width:100%;box-sizing:border-box;background:#ffffff;border:1px solid #dddddd;}
.readon{padding-right:14px;display:block;background:url('template/readon-bg.png') no-repeat right center;color:#666666;border-right:10px solid transparent;}
.readon:hover{background:url('template/readon-hover-bg.png') no-repeat right;color:#d42b1e;color:#d42b1e;}
form{margin:0}
input,select,textarea{font-size:11pt;outline:0;border-radius:3px;padding:5px;padding-right:10px;padding-left:10px;border:1px solid #bbbbbb;box-sizing:border-box;}
input[type=submit]{	cursor:pointer;}

input[type=submit],input[type=button]{
 background-color: #f4f5f5; background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
 }

input[type=submit]:hover,input[type=button]:hover{
 background-color: #d9dddd; 
 background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);
 }
 
input[type=submit]:active,input[type=button]:active{
 background-color: #d9dddd; 
 background-image: linear-gradient(to bottom, #d9dddd, #dad8d8);
 }

.fade{background:#aaaaaa}
.fadewhite{background:#ffffff}
.text{text-align:justify}
.jumpinactive{cursor:pointer;display:inline-block;width:20px;height:20px;background:#888888;border:1px solid #000000}
.jumpactive{cursor:pointer;display:inline-block;width:20px;height:20px;background:#2d6c86;border:1px solid #000000}
.menuholder{border-bottom:1px solid #555555;background:#132027;}
.menuholder:hover{border-bottom:1px solid #555555;background:#455a64;}
.menuholderAnimated{
	  animation: menuholderAnimated 1s infinite;
}
@keyframes menuholderAnimated{
  0% {background-color: #132027;}
  50% {background-color: #325568;}
  100% {background-color: #132027;}
}
.sidemenu{width:300px;max-width:90%;direction:rtl;text-align:right;height:100%;position:fixed;top:0;right:-300px;z-index:5;box-sizing:border-box;background:#3b3b3b;overflow-y:auto;}
.sidemenulogo{vertical-align:top;border:0;outline:none;height:80px;}
.header-active{top:0px;}
.menu{color:#ffffff;height:48px;line-height:48px;display:block;width:100%;padding-right:25px;padding-left:25px;box-sizing:border-box;	margin:0;text-align:right;overflow:hidden;box-sizing:border-box;}
.menu:hover{color:#ffffff;}
.copyright{text-align:center;width:100%;height:30px;background:#dddddd;line-height:30px;color:#555555;font-size:8pt;}
.brief{color:#dddddd;font-size:8pt;display:block;}
.myhr{height:1px;background:#999999;}
.lastlinks{color:#ffffff;}
.navig {box-sizing:border-box;display:inline-block;width:14px;height:14px;border-radius:7px;background:#ffffff;margin-right:5px;cursor:pointer;border:1px solid #555555;}
.navig-active{box-sizing:border-box;display:inline-block;width:14px;height:14px;border-radius:7px;background:#0098d0;margin-right:5px;cursor:pointer;border:1px solid #ffffff;}
.card{border:1px solid #aaaaaa;border-radius:2px;padding:5px;margin-bottom:10px;border-top:0;background:#eeeeee;font-size:10pt;}
.cardHeader{background:#dddddd;border:1px solid #aaaaaa;padding:5px;font-size:10pt;}
.cardId{display:inline-block;float:left;text-align:left;}
.cardRedBullet{display:inline-block;width:10px;height:10px;background:#ff0000;border-radius:5px;}
.cardGreenBullet{display:inline-block;width:10px;height:10px;background:#00cb00;border-radius:5px;}
.cardBlueBullet{display:inline-block;width:10px;height:10px;background:#0071f1;border-radius:5px;}
.cardOrangeBullet{display:inline-block;width:10px;height:10px;background:#ff8800;border-radius:5px;}
.paging{float:left;text-align:center;display:inline-block;width:30px;height:30px;line-height:30px;background:#ffffff;border:1px solid #666666;vertical-align:middle;color:#666666;border-radius:2px;margin:2px;margin-top:0;margin-bottom:4px;cursor:pointer;}
.paging_active , .paging:hover{	background:#fc1f49;	color:#ffffff;}
.brandlink{color:#666666;position:relative;top:0;left:0;overflow:hidden;width:200px;height:100px;display:block;line-height:100px;}
.confirmhouse{display:inline-block;padding:5px;background:#999999;border:1x solid #777777;color:#ffffff;cursor:pointer;border-radius:5px;}
.confirmhouse:hover{background:#777777;border:1x solid #777777;color:#ffffff;}
#fpabout p{margin:0;font-size:9pt;}
.inner{margin-right:10px;margin-left:10px;box-sizing:border-box;width:calc(100% - 20px);}
.inner *{max-width:100%;}
.fixedsize *{max-width:none !important;}
.box *{	max-width:100%;}
.whitelink a{ color:#ffffff;}
.whitelink a:hover{ color:#ff8e1c;}
.inline{display:inline-block;white-space:nowrap;}
.listitem{width:24%;margin-right:0.5%;box-sizing:border-box;margin-bottom:10px;vertical-align:top;}
@media all and (max-width: 700px) {.listitem{width:49%;}}
@media all and (max-width: 450px) {.listitem{width:100%;margin-right:0;}}
.pagerinactive{display:inline-block;width:12px;height:12px;background:#888888;cursor:pointer;border-radius:10px;margin:0;padding:0;}
.pageractive{display:inline-block;width:12px;height:12px;border-radius:10px;background:#0082c5;margin:0;padding:0;}
#bottommenu{min-height:150px;line-height:30px;font-size:18px;color:#ffffff;background:#222222;padding-top:30px;padding-bottom:30px;}
#bottommenu a{font-size:18px;color:#06ccff;}
#bottommenu a:hover{color:#ffffff;}
#bottommenu p{margin-top:0;margin-bottom:0;}
#bottom p{margin-top:0;}
.usernameDiv{height:30px;line-height:30px;background:#ffffff;width:220px;margin:auto;border:1px solid #aaaaaa}
.username{width:200px;background:url('template/email-red.png') left no-repeat transparent;border:0;padding-left:24px;box-sizing:border-box;outline:none;}
.password{width:200px;background:url('template/lock.png') left no-repeat transparent;border:0;padding-left:24px;box-sizing:border-box;outline:none;}
#membersUL li{display:inline-block;float:right;margin:5px;min-width:150px;height:30px;line-height:30px;background:#eeeeee;border:1px solid #888888;text-align:center;}
#membersUL li:hover{background:#FFCC00}
#membersUL li a{display:block;width:100%;height:100%;line-height:30px;}
.edit{display:inline-block;width:25px;height:25px;background:url('template/edit.png');}
.delete{display:block;width:100%;box-sizing:border-box;line-height:20px;color:#ffffff;}
.item{display:inline-block;float:right;margin:10px;text-align:center;}
.fpproducts{display:inline-block;width:150px;margin-left:5px;margin-right:5px;vertical-align:top;}
.white{color:#ffffff;}
.white:hover{color:#ffffff;}
.size12{font-size:12pt;}
.size14{font-size:14pt;}
.size18{font-size:18pt;}
.hidden{display:none;}
.members-options{display:inline-block;width:140px;height:35px;line-height:35px;text-align:center;background:#c71d22;border:1px solid #444444;	margin-left:5px;margin-right:5px; color:#ffffff;}
.members-options:hover{background:#ffffff;color:#000000;}
.basket{background:#ffdf04;display:inline-block;width:120px;height:30px;line-height:30px;border-radius:15px;border:1px solid #777777;}
.fptitle{position:absolute;bottom:0px;left:0px;direction:rtl;width:100%;background:#00acd8;height:50px;line-height:50px;z-index:3;color:#ffffff;padding-right:10px;box-sizing:border-box;}
.fpboxholder{position:relative;top:0;left:0;}
.priceheader{font-size:18pt;}
#contactspecial{width:50%;float:right;box-sizing:border-box;padding-right:10px;padding-left:10px;}
#contactspecial p{margin-top:0;}
#contactformdiv{width:50%;float:right;box-sizing:border-box;text-align:right;padding-right:20px;}
@media all and (max-width: 800px) {
#contactspecial{width:100%;padding-right:10px;padding-left:10px;}
#contactspecial{width:100%;text-align:right}
}
.fpboxtitles{color:#ffffff;background:#ffb408;position:absolute;bottom:0;z-index:3;width:100%;height:40px;line-height:40px;}
.circlemenu{width:120px;height:120px;display:inline-block;background:#eeeeee;border-radius:60px;vertical-align:middle;line-height:120px;}
.col25{width:calc(25% - 10px);box-sizing:border-box;float:right;margin-right:5px;margin-left:5px;}
.col33{width:calc(33.3% - 10px);box-sizing:border-box;float:right;margin-right:5px;margin-left:5px;}
.col50{width:calc(50% - 10px);box-sizing:border-box;float:right;margin-right:5px;margin-left:5px;}
.col66{width:calc(66.6% - 10px);box-sizing:border-box;float:right;margin-right:5px;margin-left:5px;}
.col75{width:calc(75% - 10px);box-sizing:border-box;float:right;margin-right:5px;margin-left:5px;}
.col100{width:calc(100% - 10px);box-sizing:border-box;float:none;margin-right:5px;margin-left:5px;}

@media all and (max-width: 500px) {
.col25{width:100%;margin:0;float:none;}
.col33{width:100%;margin:0;float:none;}
.col50{width:100%;margin:0;float:none;}
.col66{width:100%;margin:0;float:none;}
.col75{width:100%;margin:0;float:none;}
.col100{width:100%;margin:0;float:none;}
}

.signuplink{cursor:pointer;color:#000000;background:#cccccc;padding:10px;width:100%;display:inline-block;border:1px solid #888888;	border-radius:2px;}
.signuplink:hover{border:1px solid #e50000;color:#e50000}
.forms{background:#eeeeee;margin:0;border:1px solid #dddddd}
.section{border:1px solid #666666;border-radius:6px;padding:20px;display:none;border-top-right-radius:0px;}

.tab{text-align:center;width:100px;background:#eeeeee;display:inline-block;border:1px solid #444444;border-bottom:0;
	border-top-right-radius:5px;border-top-left-radius:5px;padding-right:5px;padding-left:5px;height:30px;line-height:30px;
	font-size:9pt;color:#666666;cursor:pointer;}

.tab_active{background:#ffffff;margin-bottom:-1px;}


/*wait Icon */
.cssload-container {width: 100%;height: 47px;text-align: center;}
.cssload{width: 47px;height: 47px;margin: 0 auto;border-radius: 50%;border-top-color: transparent;
	border-left-color: transparent;border-right-color: transparent;	box-shadow: 3px 3px 1px rgba(194,155,0,0.5);
	animation: cssload-spin 690ms infinite linear;-o-animation: cssload-spin 690ms infinite linear;
	-ms-animation: cssload-spin 690ms infinite linear;-webkit-animation: cssload-spin 690ms infinite linear;
	-moz-animation: cssload-spin 690ms infinite linear;}



@keyframes cssload-spin {100%{ transform: rotate(360deg); transform: rotate(360deg); }}
@-o-keyframes cssload-spin {100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }}
@-ms-keyframes cssload-spin {100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }}
@-webkit-keyframes cssload-spin {100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }}
@-moz-keyframes cssload-spin {100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }}

.pt9{
	font-size:9pt;
}
.min100{min-width:100px;box-sizing:border-box;}
.max220{width:100%;max-width:220px;direction:rtl;box-sizing:border-box;}
.max440{width:100%;max-width:450px;direction:rtl;box-sizing:border-box;}
.anchorbutton{cursor:pointer;border:1px solid #888888;width:100%;padding:10px;display:block;padding-right:0px;box-sizing:border-box;margin-bottom:10px;}
.anchorbutton:hover{color:#ffffff;}
.checkmark{display:none;vertical-align:middle;width:25px;height:25px;background:url ('template/checkmark.png') no-repeat center;}
.joblink{display:block;width:100%;background:#ffffff;padding:5px;color:#000000;box-sizing:border-box;}
.bidslink{cursor:pointer;margin:0;}
.inline{display:inline-block;}
.refresh{display:inline-block;width:30px;height:30px;background:url('template/refresh.png') no-repeat;vertical-align:middle;cursor:pointer;}
.height40{min-height:40px;line-height:40px;}
.jobdiv{margin-bottom:15px;background: #ffffff;padding:10px;border:1px solid #aaaaaa;box-sizing:border-box;
	border-radius:5px;-webkit-box-shadow: 0px 4px 10px -8px rgba(0,0,0,0.58);-moz-box-shadow: 0px 4px 10px -8px rgba(0,0,0,0.58);
	box-shadow: 0px 4px 10px -8px rgba(0,0,0,0.58);}

.fancy{outline:none;}
.c-hamburger {display: block;position: relative;overflow: hidden;margin: 0;padding: 0;width: 48px;height: 48px;
  font-size: 0;text-indent: -9999px;appearance: none;box-shadow: none;border-radius: none;border: none;cursor: pointer;
  transition: background 0.3s;background:transparent;
}

.c-hamburger:focus {outline: none;}
.c-hamburger span {display: block;position: absolute;top: 22px;left: 9px;right: 9px;height: 4px;background: white;border-radius:2px;}
.c-hamburger span::before,.c-hamburger span::after { position: absolute;display: block;left: 0;width: 100%;border-radius:2px;  height: 4px;  background-color: #ffffff;  content: "";}
.c-hamburger span::before {top: -10px;}
.c-hamburger span::after {bottom: -10px;}
.c-hamburger--htx {}
.c-hamburger--htx span {transition: background 0s 0.3s;}
.c-hamburger--htx span::before,.c-hamburger--htx span::after {transition-duration: 0.3s, 0.3s;transition-delay: 0.3s, 0s;}
.c-hamburger--htx span::before {transition-property: top, transform;}
.c-hamburger--htx span::after {transition-property: bottom, transform;}
.c-hamburger--htx.is-active {background-color: transparent;}
.c-hamburger--htx.is-active span {background: none;}
.c-hamburger--htx.is-active span::before {top: 0;transform: rotate(45deg);}
.c-hamburger--htx.is-active span::after {bottom: 0;transform: rotate(-45deg);}
.c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after {transition-delay: 0s, 0.3s;}

.button{outline:none;display:inline-block;}
.driversButton{display:inline-block;float:left;vertical-align:middle;}
.jobtable{table-layout:fixed;width:100%;border-color:#bbbbbb}
.jobtable td{border:1px solid #dddddd;padding:5px;}
.myblack{background:url('template/hash.jpg');color:#ffffff;direction:rtl;}
.hasdot:before{padding-right:5px;content: "";display: inline-block; background: url('template/push-white.png') no-repeat center;
    background-size:contain;width: 26px;height: 16px;vertical-align:middle;
}

.closefancy{float:right;display:inline-block;cursor:pointer;margin-right:5px;
	width:60px;height:60px;	vertical-align:middle;background:url('template/close.png') no-repeat center;
}
.ButtonConfirm{	background-color:#33CC33;color:#000000;padding:10px;display:inline-block;margin:5px;
	border-radius:5px;border:1px solid #aaaaaa;float:right;
}
.ButtonConfirm:hover{color:#000000;background-color:#55D555}
.ButtonRemove{background-color:#FF0000;color:#000000;padding:10px;display:inline-block;margin:5px;
	border-radius:5px;border:1px solid #aaaaaa;float:left;
}
.ButtonRemove:hover{color:#000000;background-color:#FF4646;}
.flatbutton{height:36px;text-align:center;display:inline-block;padding:8px;box-sizing:border-box;vertical-align:middle;
	border-radius:5px;border:1px solid #999999;color:#666666;vertical-align:middle;width:160px;background:rgba(255,255,255,0.8);
	margin:4px;cursor:pointer;}

.flatbutton:hover{-webkit-box-shadow: 0px 5px 8px -6px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 8px -6px rgba(0,0,0,0.75);box-shadow: 0px 5px 8px -6px rgba(0,0,0,0.75);}
.floatleft{float:left;}
.floatright{float:right;}
.greenBorder{border-right:7px solid #33CC33;color:#33CC33;}
.orangeBorder{border-right:7px solid #FFB03C;color:#FFB03C;}
.redBorder{border-right:7px solid #ff0000;color:#ff0000;}
.grayBorder{border-right:7px solid #aaaaaa;color:#aaaaaa;}
.greenBorder:hover{color:#33CC33;}
.orangeBorder:hover{color:#FFB03C;}
.redBorder:hover{color:#ff0000;}
.grayBorder:hover{color:#aaaaaa;}
.greenHover:hover{color:#33CC33;}
.tag{position:relative;right:-14px;background:#c31b1b;height:41px;width:213px;text-align:center;
	color:#ffffff;line-height:40px;border-right:3px solid #800000;border-top-left-radius:3px;
	border-bottom-left-radius:3px;display:inline-block}

.tagHolder{position:relative;width:100%;top:0;left:0;pointer-events:none;}
.tag-cancel{height:72px;width:120px;background:url('template/tag-cancel.png') no-repeat top left;background-size:contain;position:absolute;z-index:2;left:-13px;top:-12px;float:left;}
.tag-win{height:72px;width:120px;background:url('template/tag-win.png') no-repeat top left;	background-size:contain;position:absolute;z-index:2;left:-13px;	top:-12px;	float:left;}
.tag-loose{height:72px;width:120px;background:url('template/tag-loose.png') no-repeat top left;	background-size:contain;position:absolute;z-index:2;left:-13px;top:-12px;float:left;}
.tag-job-done{height:72px;width:120px;background:url('template/tag-job-done.png') no-repeat top left;	background-size:contain;position:absolute;z-index:2;left:-13px;top:-12px;float:left;}
.tag-job-cancel{height:72px;width:120px;background:url('template/tag-job-cancel.png') no-repeat top left;	background-size:contain;position:absolute;z-index:2;left:-13px;top:-12px;float:left;}
.tag-job-unfinished{height:72px;width:120px;background:url('template/tag-job-unfinished.png') no-repeat top left;	background-size:contain;position:absolute;z-index:2;left:-13px;top:-12px;float:left;}
.tag-job-special{height:72px;width:120px;background:url('template/tag-job-special.png') no-repeat top left;	background-size:contain;position:absolute;z-index:2;left:-13px;top:-12px;float:left;}
.pointer{cursor:pointer}
.inline-link{padding:5px;margin:5px;border:1px solid #aaaaaa;display:inline-block;}
.alertbox{background:#fff3cd;border:1px solid #ffeeba;padding:10px;box-sizing:border-box;margin-bottom:10px;padding-top:15px;padding-bottom:15px;color:#856404;border-radius:.25rem;}
.confirmbox{border:2px dashed #009900;padding:10px;box-sizing:border-box;margin-bottom:10px;padding-top:15px;padding-bottom:15px;color:#444444;border-radius:2px;}
.propertySelector{display:inline-block;white-space:nowrap;margin:5px;width:140px;}
#hiddenmenu{z-index:3;display:inline-block;width:15px;position:fixed;right:0;top:0;height:100%;}

/* style for slider */
.standbyDiv{background:#e4e8ea;padding:15px;border-radius:2px;border:1px solid #dddddd;}
.standbyLabel{float:right;font-size:10pt;}
.standbyButton{	float:left;font-size:8pt;}
.switch { position: relative;display: inline-block; width: 40px; height: 17px;top:5px;}
.switch input {display:none;}
.slider { position: absolute;cursor: pointer;top: 0;left:0;right:0;bottom:0;background-color: #ccc;-webkit-transition: .4s;  transition: .4s;}
.slider:before { position: absolute;content: "";height: 13px;width: 13px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .4s;  transition: .4s;}
input:checked + .slider { background-color: #0cad00;}
input:focus + .slider {box-shadow: 0 0 1px #0cad00;}
input:checked + .slider:before {-webkit-transform: translateX(23px);-ms-transform: translateX(23px);transform: translateX(23px);}
.slider.round {border-radius: 17px;}
.slider.round:before {border-radius: 50%;}
/* end of style for slider */

.jobIdHolder{display:inline-block;white-space:nowrap;font-size:8pt;color:#ffffff;}
.moremenu{position:absolute;top:0;left:-5px;background:url('template/settings.svg') no-repeat center;display:inline-block;width:25px;height:25px;background-size:contain;max-width:none;cursor:pointer;}
.floatmenuClose{display:inline-block;width:20px;height:20px;max-width:none;position:absolute;top:-10px;right:-10px;color:#ffffff;border-radius:10px;border:1px solid #777777;text-align:center;line-height:22px;cursor:pointer;background:#aaaaaa;z-index:3;}
.floatmenuClose:hover{color:#ffffff;}
.floatmenu{position:absolute;top:30px;left:0;display:none;background:#eeeeee;z-index:2;width:150px;}
.floatmenuItem{width:100%;display:block;line-height:35px;max-width:none;text-align:center;cursor:pointer;border-bottom:1px solid #aaaaaa;	color:#000000;}
.floatmenuItem:hover{background:#cccccc;}
.details{border-bottom:1px solid #eeeeee;padding-top:5px;padding-bottom:5px;font-size:10pt;}
.dtitle{display:inline-block;min-width:120px;}
.paymentHistory{background:#ffffff;padding:8px;border:1px solid #aaaaaa;margin-bottom:4px;font-size:9pt;}
.paymentHistory > div{border-bottom:1px solid #eeeeee;padding-top:5px;padding-bottom:5px;}
.paymentHistory > div:last-of-type{	border-bottom:0px;}
.paymentHistory > div > div{display:inline-block;min-width:100px;}
.indexbutton{width:120px;max-width:33%;margin:0;}
@media all and (max-width: 350px) {.indexbutton{width:100%;clear:both;margin-bottom:5px;}}
.formattedSpan{color:#999999;font-size:10pt;display:inline-block;text-align:left;direction:rtl;float:right;}
.formattedSpanCurrency{display:inline-block;float:left;color:#999999;font-size:10pt;margin-right:10px;}
.dottedhr{margin-top:20px;margin-bottom:20px;height:1px;border-top:1px dotted #aaaaaa;box-sizing:border-box;}
.redTitle{background:#ff1744;line-height:45px;color:#ffffff;padding:5px;}
.sectionLink{box-sizing:border-box;color:#000000;display:block;width:100%;border:1px solid #888888;line-height:35px;padding:10px;border-right:5px solid #ff1744;background:#dddddd;cursor:pointer;}
.sectionContent{background:#ffffff;padding:10px;border:1px solid #cccccc;border-right:5px solid #ff7a94;border-top:0;display:none;}
.creditToggle {background:#eeeeee;border:1px solid #bbbbbb;border-top-right-radius:3px;border-top-left-radius:3px;border-bottom:0;padding:10px;font-size:9pt;box-sizing:border-box;color:#aaaaaa;cursor:pointer;display:inline-block;position:relative;top:0px;}
.creditToggle:hover{color:#999999;}
.creditToggleActive{background:#ffffff;border:1px solid #bbbbbb;border-bottom:0;color:#000000;position:relative;top:2px;}
.creditToggleActive:hover{color:#000000;}
.creditDivs{background:#ffffff;border:1px solid #bbbbbb;padding:5px;}
.forgotTabs{display:inline-block;width:150px;height:30px;font-size:9pt;line-height:30px;border:1px solid #aaaaaa;border-top-right-radius:2px;border-top-left-radius:2px;text-align:center;background:#eeeeee;border-bottom:0;}
.forgotTabsActive{background:#ffffff;position:relative;top:1px;border-bottom:1px solid #ffffff;}
.ForgotForms{border:1px solid #aaaaaa;padding:15px;padding-bottom:30px;}
.jobDetailsTable{width:100%;table-layout:fixed;}
.jobDetailsTable tr{border-bottom:1px solid #eeeeee;}
.jobDetailsTable td{padding:3px;}
.jobDetailsTable tr td:first-of-type{width:90px;font-size:9pt;}

@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -732px 0; }
}

@-webkit-keyframes myship{
    from {top: -4px;} 
    to{top:4px;} 
}

.shippingWorldMap{line-height:160px;text-align:center;background: url('customers/worldmap.jpg') repeat 0 0;-webkit-animation: slide 55s linear infinite;}
.shippingWorldMap img{vertical-align:middle;}
.shipImage{position:relative;-webkit-animation: myship 2s linear infinite;-webkit-animation-direction: alternate;}
#changeProfile{padding-top:10px;}
#changeProfile a{color:#66CCFF;font-size:10pt;}
.mat { display: inline-block;vertical-align:middle; width:20px;height:20px;background-repeat:no-repeat;background-size:contain;  background-position:center;}
.mat_shipping{background-image:url('font/shipping.png');}
.mat_ls{background-image:url('font/ls.png');}
.mat_his{background-image:url('font/his.png');}
.mat_done{background-image:url('font/done.png');}
.mat_qu{background-image:url('font/qu.png');}
.mat_idn{background-image:url('font/idn.png');}
.mat_loc{background-image:url('font/loc.png');}
.mat_ho{background-image:url('font/ho.png');}
.mat_p{background-image:url('font/p.png');}
.mat_pp{background-image:url('font/pp.png');}
.mat_io{background-image:url('font/io.png');}
.mat_ps{background-image:url('font/ps.png');}
.mat_phone{background-image:url('font/phone.png');;width:25px;height:25px;}
.mat_mrk{background-image:url('font/mrk.png');}
.mat_login{background-image:url('font/login.png');}
.mat_ir{background-image:url('font/ir.png');}
.mat_int{background-image:url('font/int.png');}
.mat_shop{background-image:url('font/shop.png');}
.mat_cargo{background-image:url('font/cargo.png');}
.mat_shipping{background-image:url('font/shipping.png');}
.mat_ins{background-image:url('font/ins.png');}
.mat_tasks{background-image:url('font/tasks.png');}
.mat_sub{background-image:url('font/sub.png');}
.mat_add{background-image:url('font/add.svg');margin-left:10px;}
.mat_jobdone{background-image:url('font/jobdone.svg');margin-left:10px;}
.mat_current{background-image:url('font/current.svg');margin-left:10px;}
.mat_zing{background-image:url('font/zing.png');width:25px;height:25px;}
.mat_privacy{background-image:url('font/privacy.png');width:25px;height:25px;}
.mat_azan{background-image:url('font/azan.png');width:25px;height:25px;}
.mat_notif{background-image:url('font/notif.png');width:25px;height:25px;}


.alertMessage{
	animation: blinker 1s linear infinite;
	display:inline-block;width:10px;height:10px;background-color:#FFFF00;
	border-radius:5px;
}

@keyframes blinker {
  50% {opacity: 0;}
}


.Ssettings{font-size:10pt;width:100%;}
.Ssettings td{width:50%;white-space:nowrap;}
.Ssettings td span{padding-bottom:10px;}
.ltr{direction:ltr;}
.rtl{direction:rtl;}
.alignLeft{text-align:left;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}

.recaptcha{cursor:pointer;width:20px;height:20px;background:url('template/recaptcha.png') no-repeat center;display:inline-block;vertical-align:middle}
.chooseAccount{
	display:block;
	text-align:right;
	line-height:40px;
	box-sizing:border-box;
	width:100%;
	font-size:11pt;
	background:#eeeeee;
	margin-top:2px;
	margin-bottom:2px;
	border:1px solid #cccccc;
	padding:10px;
	color:#000000;
	-moz-transition: all .1s ease-in;-o-transition: all .1s ease-in;-webkit-transition: all .1s ease-in;transition: all .1s ease-in;	
}
.chooseAccount:hover{background-color:#dddddd;color:#000000;border-color:#aaaaaa}


.chooseAccountMain{
	position:relative;
	height:100px;
	width:100%;
	box-sizing:border-box;
	margin-bottom:8px;
	display:block;
	font-size:12pt;
	color:#000000;
	font-weight:bold;
}
.chooseAccountMain:hover{
	color:#222222;
}

.chooseAccountMain div:first-child{
	position:absolute;
	top:7px;
	height:90px;
	width:90px;
	background-size: contain;
	background-repeat:no-repeat;
	z-index:2;
}
.chooseAccountMain div:nth-child(2){
	box-sizing:border-box;
}

.chooseAccountMain[data-customers] div:nth-child(2),
.chooseAccountMain[data-freights] div:nth-child(2),
.chooseAccountMain[data-shop] div:nth-child(2)
{
	position:absolute;
	background:#ffffff;
	width:calc(100% - 18px);
	z-index:1;
	height:96px;
	top:0;
	left:9px;
	line-height:100px;
	border:1px solid #bbbbbb;
}

.chooseAccountMain[data-drivers] div:nth-child(2),
.chooseAccountMain[data-marketers] div:nth-child(2)
{
	position:absolute;
	background:#ffffff;
	width:calc(100% - 18px);
	z-index:1;
	height:96px;
	top:0;
	right:9px;
	line-height:100px;
	border:1px solid #bbbbbb;
	padding-right:5px;
}


.chooseAccountMain[data-customers] div:first-child{
	background-image:url('template/cover-customers2.png');
	right:1px;
}
.chooseAccountMain[data-shop] div:first-child{
	background-image:url('template/cover-shop.png');
	right:1px;
}

.chooseAccountMain[data-freights] div:first-child{
	background-image:url('template/cover-freights.png');
	right:1px;
}

.chooseAccountMain[data-drivers] div:first-child{
	background-image:url('template/cover-drivers.png');
	left:1px;
}
.chooseAccountMain[data-marketers] div:first-child{
	background-image:url('template/cover-marketers.png');
	left:1px;
}



.inlinePlus{
	color:green;display:inline-block;width:14px;height:14px;line-height:18px;text-align:center;border-radius:20px;border:1px solid green;margin-left:5px;
}

.dashboard{
padding-top:10px;padding-bottom:10px;cursor:pointer;
display:inline-block;box-sizing:border-box;width:100%;
color:#000000;text-align:center;font-size:9pt;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;

}
.dashboardActive{
	border-bottom:0;
}

.dashboard a{
	color:#444444;
}
.dashboardHeader{
text-align:center;
width:100px;height:100px;line-height:100px;margin:auto;max-width:100%;border-radius:50px;background-color:#ffaf17;box-sizing:border-box;
}

.dashboardLinks{display:none;vertical-align:top;border:1px solid #aaaaaa;background:#eeeeee;border-radius:30px;}

.dashboardLinksBefore{
	display:block;height:12px;width:33px;background:url('template/toparrow2.png') top center no-repeat #eeeeee;
	position:relative;top:-12px;margin:auto;
}

.dashboardLinks ul {
	padding:10px;
	margin:0;
	list-style:none;
}
.dashboardLinks ul li {
	display:block;
	border-bottom:1px solid #eeeeee;
}
.dashboardLinks ul li a{color:#555555;display:block;width:100%;height:100%;	line-height:40px;}
.dashboardLinks ul li a:hover{color:#111111;}
.grayscale{
	filter: gray;
    -webkit-filter: grayscale(100%);
}

/* Shipping styles */
.addPart{color:#444444;font-size:9pt;display:inline-block;border:1px solid #aaaaaa;border-radius:15px;padding:5px;cursor:pointer;padding-right:10px;padding-left:10px;}
.addPart .plus{box-sizing:border-box;border-radius:20px;padding-top:1px;text-align:center;display:inline-block;width:24px;height:24px;line-height:24px;background-color:#006600;color:#ffffff;vertical-align:middle}
.shippingtab{
	background-color:#dddddd;color:#444444;
	width:22%;font-size:9pt;text-align:center;float:right;box-sizing:border-box;border-left:1px solid #aaaaaa;
	cursor:pointer;line-height:40px;
}
.shippingtabActive{
	background-color:#fff1c9;
}

div[data-content-tab]{
	display:none;
}

.antiCompass{
	font-size:9pt;display:inline-block;width:40px;height:40px;line-height:40px;border:1px solid #888888;text-align:center;background-color:#eeeeee;border-radius:30px;
}

.compassHelpLink{
	border-radius:5px;color:#000000;cursor:pointer;display:inline-block;width:150px;background:rgba(255,255,255,0.8);text-align:right;padding:10px;border:1px solid #aaaaaa
}

.compassHelpText{
	border:1px solid #888888;padding:20px;background:rgba(255,255,255,0.7);text-align:justify;width:100%;box-sizing:border-box;direction:rtl;
}

.changeTab{
	box-sizing:border-box;color:#444444;border-top-right-radius:3px;border-top-left-radius:3px;background:#eeeeee;position:relative;top:0px;border:1px solid #dddddd;display:inline-block;padding:10px;text-align:center;box-sizing:border-box;width:100%;cursor:pointer;
}
.changeTabActive{
	background:#ffffff;top:1px;
}


.arrow{
	display:inline-block;
	width:44px;
	height:10px;
	background-image:url('template/arrow.svg');
	background-size:100% 100%;
	background-repeat:no-repeat;
	vertical-align:bottom;
	background-position:center bottom;
	position:relative;
	top:2px;
	
}

@-webkit-keyframes MOVE-BG {
   from {
     -webkit-transform: translateX(0);
   }
   to { 
     -webkit-transform: translateX(-100%);
   }
}

.chooseCat{
	border:1px solid #aaaaaa;text-align:center;margin-right:5px;margin-left:5px;
	vertical-align:top;font-size:8pt;color:#666666;padding:5px;
	margin-bottom:10px
}
.chooseCat a{
	display:block;width:100%;height:100%;vertical-align:bottom;
	color:#666666;
}

.chooseCat img{
	height:100px;max-width:100%;vertical-align:middle;
}


.catSquare{
	display:inline-block;width:60%;
	height:170px;
	border:1px solid #aaaaaa;text-align:center;margin-right:5px;margin-left:5px;
	vertical-align:top;font-size:8pt;color:#666666;
}

.catSquare a{
	display:block;width:100%;height:100%;vertical-align:bottom;
	color:#666666;
}
.catSquare a table{
	width:100%;height:100%;
	}

.catHolder{
	-webkit-overflow-scrolling: touch;
	width:100%;white-space:nowrap;overflow-x:auto;overflow-y:hidden;
}


.catHolder::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 10px;
}
.catHolder::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0,0,0,.3);
    border:1px solid #aaaaaa;
   }
   
.catHolder::-webkit-scrollbar-track{
	background:#dddddd;
}


.notifCounter{
	position:relative;top:0;right:0;
}
.notifCounter span{
font-size:10pt;font-weight:bold;
display:inline-block;position:absolute;top:0;right:5px;line-height:26px;width:25px;height:25px;background:#ff0000;color:#ffffff;text-align:center;border-radius:20px;
	
}
.greenBg span{
	background-color:#00CC66;
}

.green{
	color:green;
}

.red{
	color:red;
}

.subsetManage {
	min-width:30px;min-height:30px;line-height:30px;white-space:nowrap;font-size:9pt;color:#888888;
	display:inline-block;cursor:pointer;background-size:contain;
	border:1px solid #aaaaaa;margin:5px;vertical-align:middle;
	background-repeat:no-repeat;background-position:center center;
}

.subsetStandAloneManage {
	min-width:30px;min-height:30px;line-height:30px;white-space:nowrap;font-size:9pt;color:#888888;
	display:inline-block;padding-right:5px;padding-left:5px;
	border:1px solid #aaaaaa;margin:5px;vertical-align:middle;
}


.subsetManage:hover{
	background-color:#CCCCFF
}
.subsetDelete{background-image:url('template/subset-delete.svg');}
.subsetStat{background-image:url('template/subset-stat.svg')}
.subsetMap{background-image:url('template/subset-map.svg')}
.subsetMapOff{background-image:url('template/subset-map-off.svg')}
.subsetCall{background-image:url('template/subset-call.svg')}
.subsetSMS{background-image:url('template/subset-SMS.svg')}
#subsetFilter{
	background:url('template/searchIcon.svg') no-repeat left center;background-size:contain;width:100%;
}

.callButton{
	color:#444444;height:40px;display:inline-block;background:#efefef;
	line-height:40px;padding-right:35px;padding-left:25px;
	box-sizing:border-box;
	border-radius:20px;border:1px solid #aaaaaa;
	background-image:url('template/call.png');
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position:calc(100% - 6px) calc(50% - 2px);
	direction:ltr;
}

.callIcon{
	display:inline-block;
	width:35px;height:35px;
	background-image:url('template/call.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:20px 20px;
	border:1px solid #aaaaaa;
	border-radius:50px;
	vertical-align:middle;
}

.mapIcon{
	display:inline-block;
	width:35px;height:35px;
	background-image:url('template/subset-map.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:28px 28px;
	border:1px solid #aaaaaa;
	border-radius:50px;
	cursor:pointer;
	vertical-align:middle;
}

.mapIconOff{
	display:inline-block;
	width:35px;height:35px;
	background-image:url('template/subset-map-off.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:28px 28px;
	border:1px solid #aaaaaa;
	border-radius:50px;
	cursor:pointer;
	vertical-align:middle;
}



.payIcon{
	display:inline-block;
	width:35px;height:35px;
	background-image:url('template/payment.png');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:28px 28px;
	border:1px solid #aaaaaa;
	border-radius:50px;
	cursor:pointer;
	vertical-align:middle;
}
.jobTitleIcon{
	display:inline-block;
	width:35px;height:35px;
	background-image:url('template/jobtitle.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size:28px 28px;
	border:1px solid #aaaaaa;
	border-radius:50px;
	cursor:pointer;
	vertical-align:middle;
}


.emptyIcon{
	display:inline-block;
	width:35px;height:35px;
	vertical-align:middle;
}

.centerMarker{
width:150px;height:150px;max-width:100%;max-height:100%;
position:absolute;top:calc(50% - 75px);left:calc(50% - 75px);z-index:2;
background:url('template/centerMarker.png') no-repeat center;pointer-events:none;
}

.grayText{
	color:#666666;font-size:9pt;
}
.padding10{
	padding:10px;
	box-sizing:border-box;
}

.chooseSubset{
	border:1px solid #aaaaaa;
	padding:5px;text-align:center;
	color:#aaaaaa;
	background:#eeeeee;
	border-radius:5px;
	float:left;
	min-width:70px;
	font-size:9pt;
	cursor:pointer;
}
.chooseSubset_Active{
	border:1px solid #00CC00;
	padding:5px;text-align:center;
	color:#009900;
	background-color:#CCFFCC;
	border-radius:5px;
	float:left;
	min-width:70px;
	font-size:9pt;
	cursor:pointer;
}

.subsetListDiv{
	display:block;width:100%;padding:10px;line-height:35px;cursor:pointer;color:#444444
}

.sendMessage{
	text-align:right;
	padding:5px;border:1px solid #aaaaaa;border-radius:4px;
	width:130px;display:inline-block;
	color:#555555;
	cursor:pointer;
	position:relative;
	background:#ffffff;
}
.sendNotification::after{
	display:inline-block;background:url('template/notification.svg');background-size:contain;height:20px;width:20px;vertical-align:top;
	position:absolute;left:4px;top:6px;
	content:"";
}

.sendSms::after{
	display:inline-block;background:url('template/sms.svg');background-size:contain;height:25px;width:25px;vertical-align:top;
	position:absolute;left:4px;top:3px;
	content:"";
}

.buySMS{
	color:#333333;display:inline-block;padding:5px;border:1px solid #aaaaaa;border-radius:3px;width:100px;text-align:center;background:#eeeeee
}
.buySMS:hover{
	color:#333333;background:#dddddd;
}
.arrowDown{
	display:inline-block;width:10px;height:10px;vertical-align:middle;
	background:url('template/arrow-down.svg') no-repeat center center;
	background-size:contain;
}

.trusted{
	cursor:pointer;display:inline-block;width:35px;height:35px;background:url('template/trusted.svg') no-repeat;background-size:contain;
}
.untrusted{
	cursor:pointer;display:inline-block;width:35px;height:35px;background:url('template/untrusted.svg') no-repeat;background-size:contain;
}

.blueBox{
	padding:10px;background:#e4e8ea;border:1px solid #dddddd;margin-bottom:10px;font-size:10pt;
}

.chooseAccountSections{
	width:calc(100% - 40px);
	margin:auto;
	margin-top:-10px;
	margin-bottom:20px;
}

.chooseAccountSections a{
	line-height:40px;text-align:right;color:#333333;
	display:block;width:100%;height:100%;
	padding-right:10px;
}

.chooseAccountSections a::before{
	display:inline-block;
	width:7px;height:7px;
	vertical-align:middle;
	background-color:#FFFF66;
	border-radius:10px;
	border:3px solid #999999;
	content:'';
}

.chooseAccountSections a:hover{color:#222222;}
.chooseAccountSections{
	display:none;
}