* {
	margin: 0;
	padding: 0;
}

@font-face
{
	font-family: WebNazli;
	font-weight: normal;
	src: url('../fonts/nazli.ttf'),
	url('../fonts/nazli.eot'),
	url('../fonts/nazli.otf'),
	url('../fonts/nazli.svg'),
	url('../fonts/nazli.woff');
}

@font-face
{
	font-family: WebNazli;
	font-weight: bold;
	src: url('../fonts/nazlib.ttf'),
	url('../fonts/nazlib.eot'),
	url('../fonts/nazlib.otf'),
	url('../fonts/nazlib.svg'),
	url('../fonts/nazlib.woff');
}

:focus,:active {
	outline: 0
}

ul,ol {
	list-style: none
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-family: WebNazli;
}
header, nav, section, article, aside, footer {
   display:block;
}
a img {
	border: 0
}

body {
	font-size: 11px;
	background: #F1F0DC; /*#F9E2FF*/
	color: #333333;
	font-family: Tahoma, sans-serif;
}

html, body {height:100%;}

.content-view {
	color: #363636;
}

a, a h3 {
    color: #00118A;
    text-decoration: none;
}
a:hover, a:hover h3 {
    color: #04001F;
}
#userpanel {
    color: #FFFFFF;
}

p {
	margin: 0 0 15px;
	line-height: 1.64em;
}

#wrap {
	margin: 0 auto 0;
	width: 100%;
	/*max-width: 1300px;
	min-width: 980px;*/
	position: relative;
}

.clear {
	clear: both;
}

nav ul li.submenu-0 ul,
nav ul li.submenu-1 ul {
	background: rgb(134,27,137); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(134,27,137,1) 0%, rgba(174,57,178,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,27,137,1)), color-stop(100%,rgba(174,57,178,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(134,27,137,1) 0%,rgba(174,57,178,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(134,27,137,1) 0%,rgba(174,57,178,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(134,27,137,1) 0%,rgba(174,57,178,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(134,27,137,1) 0%,rgba(174,57,178,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#861b89', endColorstr='#ae39b2',GradientType=0 ); /* IE6-9 */
}

header {
	background: url("../images/logo-bg.jpg");
	width: 100%;
	margin: 0 0;
	height: 100px;
}

header #logo-fa {
	height: 100px;
	width: 100%;
	position: relative;
	background: url("../images/logo.jpg") no-repeat right center;
}

header h1#additional-title {
	display: none;
}

header div.date {
	direction: rtl;
	width: auto;
	background: #131313;
	color: #fff;
	padding: 1px 10px 4px;
	border-radius: 0 0 5px 0;
	-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	float: left;
}

div.bottom_blocks,
section#right,
section#left,
section#ads,
main {
	direction: rtl;
	text-align: justify;
	margin-right: 0.5%
}

main {
	padding-right: 5px;
}

section#right {
	width: 200px;
}

section#left {
	width: 24%;
}

div.bottom_blocks {
	table-layout: auto;
	margin-top: 10px;
}

div.bottom_blocks div.block .block-content,
section#right div.block .block-content,
section#left div.block .block-content,
section#ads div.block .block-content {
	width: 94%;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-bottom: 15px;
	border: 1px solid #EBEBEB;
	padding: 10px 5px;
	z-index: 1;
}

div.bottom_blocks div.block .block-header,
section#right div.block .block-header,
section#left div.block .block-header,
section#ads div.block .block-header {
	position: absolute;
	width: 100%;
	top: -5px;
}

.block-header > div {
	text-align: center;
	text-shadow: 1px 1px 6px #912B74;
	margin: 5px 12px -1px 0;
	border: 1px solid #EBEBEB;
	border-bottom: 1px solid #fff;
	border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	background: #fff;
	font: normal 17px WebNazli;
	height: 25px;
	display: inline-block;
	padding: 2px 10px;
	position: absolute;
}

div.bottom_blocks div.block,
section#right div.block,
section#left div.block,
section#ads div.block {
	position: relative;
	padding-top: 30px;
}

div.bottom_blocks div.block .block-content {
	height: 250px;
}

section#ads {
	width: 11%;
}

main {
	padding-top: 3px;
}

#explore {
	float: right;
	margin: 130px 5px 0 0;
}

#explore-link {
	float: left;
	height: 25px;
	padding: 9px 20px 0 0;
	width: 106px;
	color: #808080;
	background: url(../images/explore.gif) no-repeat;
}

#explore-link:hover {
	color: #fff;
}

.content-text .content-intro {
	background: #FAFAFA;
	padding: 10px 15px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	line-height: 20px;
	margin: 10px 0;
}

.content-text .content-intro span {
	font-weight: bold;
	color: red;
}

#menufix {
	position: fixed;
	width: 100%;
	z-index: 5;
	height: 35px;
	opacity: 0.95;
}

nav {
	width: 100%;
	margin: 0 auto;
	background: #131313;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	margin-bottom: 10px;
	padding: 0 0 3px;
	line-height: 22px;
}

nav ul {
	direction: rtl;
	opacity: 1;
	padding: 2px 10px 0 0;
	float: right;
}

div.search-block {
	float: left;
	padding: 3px 0 0 5px;
	position: relative;
}

div.search-block input.inputbox {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 3px 60px 2px 5px;
	width: 120px;
	font-family: webNazli;
	direction: ltr;
	text-align: left;
}

div.search-block input.search-button {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: absolute;
	top: 4px;
	right: 2px;
	padding: 2px 2px 1px 2px;
	font: normal 13px webNazli;
}

nav li {
	display: inline;
	text-transform: uppercase;
}

nav li a {
	margin: 0 5px 0 0;
	padding: 0 5px 0 5px;
	color: #fff;
	font-family: WebNazli;
	font-size: 18px;
	background: #181818;
	border-bottom: 1px solid #535353;
	border-right: 1px solid #535353;
	border-left: 1px solid #535353;
	border-radius: 0 0 5px 5px;
}

nav li.submenu-1 ul a, nav li.submenu-0 ul a {
	color: #fff;
	display: block;
	font-size: 15px;
}

nav li.submenu-1 ul a:hover, nav li.submenu-0 ul a:hover,
nav li.submenu-1 ul a:focus, nav li.submenu-0 ul a:focus {
	color: #261841;
}

nav li a:hover, nav li a:focus {
	color: #cccccc;
	background: #4D4D4D;
}

nav li.active a {
	background: #525252;
}

nav li.active ul a {
	font-weight: normal;
}

h3,.app_header {
	font-size: 1.4em;
	color: #222;
	margin: 0 0 10px;
	text-shadow: 1px 1px 1px #ECA2D7;
}

.column {
	float: left;
	width: 283px;
	margin: 0 40px 0 0;
	line-height: 2.2em;
}

.column.last {
	margin-right: 0;
}

.column img {
	padding: 10px;
	border: 1px solid #ddd;
	margin: 0 0 5px;
}

.more a {
	background: url(../images/bullet.gif) no-repeat 0 7px;
	padding: 0 0 0 8px;
	color: #672A6D;
	font-weight: bold;
	font-size: .9em;
}

footer {
    background: #8e0000;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
    color: #FFFFFF;
    margin-top: 5px;
    padding: 5px 20px;
	text-align: center;
}

footer a, footer a:link, footer a:visited {
    color: #CDCD50;
}

footer a:hover {
    color: #feffbc;
}

#links {
	float: left;
}

#links a {
	margin: 0 15px 0 0;
}

div#todaypictures {
	width: 39.5%;
	min-height: 1px;
	float: left;
	position: relative;
}

div#specialnewsslides {
	width: 60%;
	min-height: 1px;
	float: right;
	position: relative;
}


dt {
	padding: 0;
	margin: 5px 0 0 0;
	font-weight: bold;
}

dd {
	padding: 0;
	margin: 2px 15px 0 0;
}

dd p.description {
	display: none;
}

table.params {
	width: 95%;
}

table.advanced {
	width: 100%;
}

table.params td {
	width: 50%;
}

table.advanced td {
	width: 33%;
}

table.params dd,table.advanced dd {
	margin: 0;
	padding: 0;
}

#wrap #main #left input {
	max-width: 125px;
}

.ltr {
	direction: ltr;
}

.red {
	color: red;
}

.green {
	color: green;
}

.redline {
	text-decoration: line-through;
}

.required {
	background: url("../images/arrow.png") left 2px no-repeat;
	padding-left: 10px;
}

.optional {
	background: url("../images/arrow-green.png") top left no-repeat;
	padding-left: 6px;
}

.paginationControl {
	width: 100%;
	text-align: center;
}

.leftfloat {
	float: right;
}

div.app_header {
	font-weight: bold;
}

div.app_header span.highlight {
	color: green;
}

ul.top-menu {
	margin: 0 0 25px 0;
	padding: 15px 0 25px;
	list-style-type: none;
}

ul.top-menu li {
	margin: 0;
	padding: 0;
	padding-right: 5px;
	float: right;
	color: #0036cf;
	cursor: pointer;
	position: relative;
}

textarea, input {
	color: #940000;
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #d94930;
	-moz-box-shadow: 0px 1px 3px rgba(82, 15, 11, 0.2), inset 0px 0px 3px
		rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 0px 1px 3px rgba(82, 15, 11, 0.2), inset 0px 0px 3px
		rgba(255, 255, 255, 0.4);
	text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2), 0px 1px 0px
		rgba(255, 255, 255, 1);
	border: 1px solid #cccccc;
}

input.inputbox.readonly {
	color: #EC7878;
	background: -moz-linear-gradient(top, #ffffff 0%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#E0E0E0));
}

.poll_button button {
	padding: 4px;
	font-size: 11px;
	color: #940000;
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #d94930;
	-moz-box-shadow: 0px 1px 3px rgba(82, 15, 11, 0.2), inset 0px 0px 3px rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 0px 1px 3px rgba(82, 15, 11, 0.2), inset 0px 0px 3px rgba(255, 255, 255, 0.4);
	text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 1);
	border: 1px solid #cccccc;
}

textarea {
	resize: vertical;
}

.description input {
	margin: 5px 14px 0 0;
}


div.useractions {
	margin-top: 10px;
}

a.actived {
	font-weight: bold;
}

.red {
	color: #cc0000;
}

.green {
	color: green;
}

#items-list {
	margin-bottom: 10px;
}

hr {
	border: none;
	border-top: 1px solid #ccc;
}

table.tablelist {
	width: 100%;
	border: 0;
	/*border-collapse: collapse;
	border-spacing: 0px;*/
}

table.tablelist thead th {
	color: #ffffff;
	background: #7d8e9b;
	padding: 3px 5px;
	text-shadow: 1px 1px 0 #666666;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
}

table.tablelist tbody td {
	padding: 0 5px;
}

table.tablelist tbody tr.row1 td {
	padding: 0 5px;
	background: #eeeeee;
}

table.tablelist thead th.center,table.tablelist tbody td.center, .center {
	text-align: center;
}

table.tablelist thead th.right,table.tablelist tbody td.right {
	text-align: right;
}

table.tablelist thead th.left,table.tablelist tbody td.left {
	text-align: left;
}

table.tablelist tfoot tr.pagenav td {
	text-align: center;
	border-top: 1px solid #ccc;
}

fieldset,div.dialog {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	border: 1px dotted #ccc;
	padding: 5px;
}

fieldset legend,
h3.dialog-title {
	padding: 0 10px;
	margin-right: 20px;
	font-size: 20px;
	color: #464000;
	font-weight: normal;
	font-family: WebNazli;
	border-radius: 10px;
	background: #DDD06F;
	border: 1px solid #ccc;
}

div.contents_table ul#contents-list {
	padding-top: 7px;
}

div.contents_table ul#contents-list li,
div.content-view {
	border: solid 1px #ccc;
	margin-bottom: 15px;
	padding: 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
}

div.content-view {
	margin-top: 15px;
}

ul#contents-list div.news-date,
div.content-view div.news-date {
	background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    float: left;
    font-size: 10px;
    margin-top: -15px;
    padding: 0 4px;
}

fieldset.comments div.news-date {
	background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    float: left;
    font-size: 10px;
    margin-top: -19px;
    padding: 0 4px;
}

fieldset.comment-form {
	margin-top: 25px;
	background: #f4f4f4;
	background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dbdbdb));
}

fieldset.comment-form div.comment-name {
    float: right;
	width: 32%;
}

fieldset.comment-form div.comment-email,
fieldset.comment-form div.comment-website {
    float: right;
    margin-right: 25px;
	width: 27%;
}
fieldset.comment-form dt {
	font-size: 12px;
	font-family: tahoma;
}
fieldset.comment-form dd {
    margin: 4px 0;
}
fieldset.comment-form legend,
fieldset.comments legend {
	font-family: Tahoma;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

fieldset.comments {
	margin-top: 10px;
}

fieldset.comments.row0, .poll li.row0 {
	background: -moz-linear-gradient(top, #ffffff 0%, #f9e2ff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9e2ff));
}
fieldset.comments.row1, .poll li.row1 {
	background: -moz-linear-gradient(top, #ffffff 0%, #e2faff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2faff));
}
fieldset.comment-form div.comment-text {
    float: right;
	width: 75%;
}

fieldset.comment-form div.comment-submit {
	float: right;
	margin-top: 15px;
	margin-right: 17px;
	width: 20%;
}
fieldset.comment-form #parent_id-label, #submit-label {
	display: none;
}

fieldset.comment-form input,
fieldset.comment-form textarea {
	font-size: 12px;
	font-family: tahoma;
	width: 100%;
	padding: 5px;
}

fieldset.comment-form input:FOCUS, fieldset.comment-form textarea:FOCUS {
	border-color: #48c7ff;
}

.poll li {
	list-style-type: none!important;
	margin-right: 0!important;
}
.poll li label {
	width: 100%;
	display: block;
	padding: 5px;
}
div.poll {
	margin-top: 4px;
	margin-bottom: 10px;
	padding: 5px 10px;
}
div.poll div.poll_button {
	padding-top: 10px;
	text-align: center;
}
div.poll_view {
	padding: 5px 10px;
}
div.poll_view div.description, div.alert {
	color: #000;
	background: #f4f4f4;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	padding: 10px;
	margin: 10px 0;
}
div.poll div.header {
	font-weight: bold;
}

div.alert {
	background: #f0d6ff;
	direction: rtl;
}

div.alert_success div.alert {
	background: #07AF00;
	color: #FFF;
	font: normal 20px webNazli;
	padding: 5px 10px;
}

div.alert_info div.alert {
	background: #FFE94A;
	color: #3F3F3F;
	font: normal 20px webNazli;
	padding: 5px 10px;
}

#tooltip {
	position: absolute;
	z-index: 3;
	border: 1px solid #450000;
	background-color: rgba(41, 0, 0, 0.99);
	padding: 10px;
	width: 300px;
	text-align: justify;
	direction: rtl;
	font-size: 11px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font: normal 1.5em webNazli;
}

#tooltip h3, #tooltip div {
	margin: 0;
}

fieldset.archive table {
	width: 100%;
}
fieldset.archive table td {
	width: 50%;
}
fieldset.archive #author-element {
	text-align: right;
}
fieldset.archive {
	margin-bottom: 20px;
	background: -moz-linear-gradient(top, #ffffff 0%, #f9e2ff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9e2ff));
}
div.content-gallery {
	text-align: center;
}

div.content-gallery div.content-picture {
	border: #ccc 1px dashed;
	margin-bottom: 12px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 3px;
}

div.content-gallery div.content-picture img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

div.weblink-categories {
	width: 100%;
}

div.weblink-categories div.weblink-category {
	width: 32%;
	float: right;
	background: #FAFAFA;
	margin: 0 3px 5px;
	min-height: 250px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

div.weblink-category h1, div.full-weblink-category h1 {
	text-align: center;
}

div.weblink-category ul li, div.full-weblink-category ul li {
	list-style-type: circle;
	margin: 2px 17px 5px 0;
}

div.full-weblink-category {
	width: 100%;
	background: #f9f9f9;
	margin: 0 3px 5px;
	min-height: 250px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

div.full-weblink-category ul {
	-webkit-column-count: 3; -webkit-column-gap:2px;
	-moz-column-count:3; -moz-column-gap:2px;
	-o-column-count:3; -o-column-gap:2px;
	column-count:3; column-gap:2px;
}

div.full-weblink-category {
    text-align: right;
}


.show_archive > a {
    background: #E7BDFF;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    display: block;
    margin: 5px auto 0;
    padding: 5px;
    text-align: center;
    width: 85px;
}

.logon-form .buttons {
	text-align: center;
}


.errors > li {
    background: #960000;
    display: block;
    padding: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    margin: 5px 0 0 0;
    width: 50%;
    color: #fff;
}


div.banners {
    padding: 2px;
}


div.module_content {
	position: relative;
	padding-top: 27px;
}

h3.show_title {
	margin: 0px 13px 0 0;
	background: #FFFFFF;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	color: #7E1D7A;
	padding: 2px 10px;
	text-align: center;
	text-shadow: 1px 1px 6px #A3A3A3;
	display: inline;
}

div.module_content h3.show_title {
	position: absolute;
	top: -2px;
}

#contents-list {
	background: #fff;
	padding: 6px 2px 2px 2px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

div.block-content .noimg {
	list-style-type: disc;
	margin-right: 16px;
	text-align: justify;
	padding-bottom: 5px;
}

div.contents_table ul#contents-list li.row1 {
	background: #eee;
}

div.list-events div.list-event {
	border: 3px solid #A7A37E;
	border-radius: 7px;
	background: #E6E2AF;
	padding: 5px;
	margin-bottom: 10px;
}

div.list-events div.description {
	width: 70%;
}

.organizer {
	float: right;
	background: #3480A3;
	padding: 5px 10px;
	color: #FFFFFF;
	margin-left: 10px;
	border-radius: 6px;
	display: inline;
}

.clear.right {
	clear: right;
}

div.list-events select {
	border: 2px solid #B40000;
	padding: 5px 0px;
	font: normal 16px WebNazli;
	border-radius: 10px;
	background: #fff;
	float: right;
}

div.list-events #time_id-label, div.list-events button {
	float: right;
	font: normal 21px webNazli;
}

div.list-events button {
	padding: 0.1em 0.5em 0.1em;
	margin-right: 5px;
}

#time_id-label .required {
	background: none;
	padding-left: 5px;
}

div.cart div {
	font: normal 14px WebNazli;
}

div.logon-form .button,
div.cart .button {
	font: normal 19px WebNazli;
	padding: 0.2em 0.7em;
	margin-top: 10px;
}

.module {
	padding: 10px;
	border-radius: 8px;
	border: 2px solid #A7A37E;
	background: #F8F7E2;
}



fieldset.notes ul {
	list-style-type: none;
}
fieldset.notes div.seat {
	float: right;
	margin-left: 10px;
}
fieldset.notes ul li {
	margin-bottom: 10px;
}

.alert_error div.alert {
	background: red;
	color: #fff;
	font: bold 17px webNazli;
	text-shadow: 1px 1px 3px #ACACAC;
}


.menubar, a.menubar {
	display: inline-block;
	margin: 10px 1px;
	white-space: nowrap;
	font: normal 20px WebNazli;
	line-height: 20px;
	padding: 10px 5px 5px 10px;
}

ul.choice_method li {
	display: block;
	background: #fff;
	border: 1px solid #ccc;
	margin: 5px;
	border-radius: 10px;
	padding: 5px;
}

ul.choice_method li a {
	font: normal 20px webNazli;
}

fieldset.error ol {
	list-style-type: decimal;
	margin-right: 30px;
}

fieldset.error ol li {
	margin-bottom: 5px;
	color: red;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

fieldset.filter > div {
	display: inline-block;
}

div.table-searchbox {
	margin: -35px 15px 0px;
	float: left;
}
div.table-searchbox dt {
	display: none;
}
div.table-searchbox dd {
	float: right;
	margin: 0;
	padding: 0;
}
div.table-searchbox input#search,
div.table-searchbox input#date_start,
div.table-searchbox input#date_end,
div.table-searchbox input#username {
	height: 24px;
	font: normal 17px webNazli;
	border-radius: 0 5px 5px 0;
	padding: 0 5px;
	border-right: none;
}

div.table-searchbox input#username,
div.table-searchbox input#date_start,
div.table-searchbox input#date_end {
	border-radius: 0;
	width: 80px;
	min-width: 80px;
}

div.table-searchbox input#submit {
	height: 26px;
	font: normal 17px webNazli;
	border-radius: 5px 0 0 5px;
	padding: 0 5px;
	border-right: none;
}
div.table-searchbox input:hover {
	background: #ECECEC;
}

fieldset.whois_field {
	margin-top: 10px;
}

fieldset.whois_field > div.whois_field {
	background: #F0EDED;
	border: 1px solid #ddd;
	margin-bottom: 5px;
	padding: 5px;
	border-radius: 5px;
}

div#maintable {
	display: table;
	direction: rtl;
	width: 100%;
}

div#mainrow {
	display: table-row;
}

div#mainrow section,
div#mainrow main.size10 {
	display: table-cell;
	vertical-align: top;
}

.modulelist th, .modulelist td {
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

.modulelist dt {
	display: none;
}

.modulelist dd {
	padding: 0;
	margin: 0;
}

.modulelist tr.confirm.price-green td {
	color: #0D7000;
}
.modulelist tr.confirm.price-red td {
	color: #FF0000;
}

td.price {
	direction: ltr;
	text-align: right;
}
.modulelist tr.cancel td,
.modulelist tr.cancel td {
	text-decoration: line-through;
	background: #FFECEC;
}
div.paginationControl a,  .paginationControl span {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 5px;
}

dd#charge_method-element label {
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
	vertical-align: top;
	margin-bottom: 5px;
}

dd#charge_method-element label input {
	margin-left: 5px;
}
input[type=radio] {
	border: none;
	background: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

div.user_balance {
	font: bold 17px webNazli;
	padding: 5px;
	color: green;
}
div.user_balance span {
	color: black;
}
div.showbalance {
	text-align: left;
	padding-left: 3px;
	padding-bottom: 5px;
}

div.showbalance > div {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 5px;
	background: #FDFFD3;
	width: 151px;
	text-align: center;
}

div.balanceprice {
	font: normal 20px webNazli;
	text-align: center;
}

div.balanceprice span {
	direction: ltr;
	display: inline-block;
}

div.balanceprice a {
	margin: 10px 1px;
	white-space: nowrap;
	font: normal 17px WebNazli;
	line-height: 20px;
	padding: 10px 5px 5px;
}

dd#captcha-element img,  dd#captcha-element input {
	vertical-align: top;
	float: right;
}
dd#captcha-element img {
	border-radius: 0 5px 5px 0;
	border: 1px solid #ccc;
	border-left: none;
	height: 34px;
	-moz-box-shadow: 0px 1px 3px rgba(82, 15, 11, 0.2), inset 0px 0px 3px rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 0px 1px 3px rgba(82, 15, 11, 0.2), inset 0px 0px 3px rgba(255, 255, 255, 0.4);
	text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.2), 0px 1px 0px rgba(255, 255, 255, 1);
}

dd#captcha-element input {
	border-radius: 5px 0 0 5px;
	width: 70px;
}

fieldset.whois dd#captcha-element input {
	padding: 0.26em;
	min-width: 70px;
}

dl.zend_form dt#submit-label {
	clear: both;
	display: block;
}

dl.zend_form dd label input,
div.width_full dd label input {
	margin-left: 5px;
}
dl.zend_form dd br,
div.width_full dd br {
	display: none;
}
dl.zend_form dd label,
div.width_full dd label {
	display: inline-block;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-left: 5px;
	background: #fff;
	white-space: nowrap;
}
dl.zend_form dd label:hover,
div.width_full dd label:hover {
	border: 1px solid #A973D3;
}
div.firstpage fieldset {
	width: 48%;
	background: #fff;
	margin: 1px 1px 5px 1px;
	float: right;
}
div.firstpage fieldset td,
div.firstpage fieldset th {
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	text-align: center;
}
div.firstpage fieldset table {
	width: 100%;
}

div.slider-banners ul li img {
	width: 100%;
	margin-bottom: 10px;
}


ul.attachments-pictures {
	margin-top: 12px;
}

ul.attachments-pictures li {
	float: right;
	margin-right: 5px;
}

ul.attachments-pictures li img {
	border: #333 solid 3px;
}

table.ticket_attachments,
table.topic_attachments {
	margin-top: 5px;
}

table.tickets,
table.topics {
    background: #f2f8ff;
    border-radius: 10px;
    width: 100%;
}

table.tickets td, table.tickets th,
table.topics td, table.tickets th {
	border-radius: 4px;
	padding: 5px;
}

table.tickets thead th,
table.topics thead th {
	background: #badcff;
}

table.profile tbody th {
	width: 20%;
}

table.tickets tbody tr.row1 td,
table.topics tbody tr.row1 td {
	background: #d8ebff;
}

table.tickets tbody tr.row0 td,
table.topics tbody tr.row0 td {
	background: #dfefff;
}

div#autochange-state {
	background: #dfefff;
	padding: 5px;
	margin: 5px 0;
	border-radius: 8px;
	width: 140px;
	text-align: center;
}


.ticket_replay.row1,
.topic_replay.row1 {
    background: #f8f8f8;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 5px;
}
.ticket_replay.row0,
.topic_replay.row0 {
    background: #e9e9e9;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 5px;
}
.ticket_replay.row1 .replayer,
.topic_replay.row1 .replayer {
	background: #e4e4e4;
	padding: 2px 10px;
	border-radius: 8px;
}
.ticket_replay.row0 .replayer,
.topic_replay.row0 .replayer {
	background: #d5d5d5;
	padding: 2px 10px;
	border-radius: 8px;
}

.ticket_replay.byadmin,
.topic_replay.byadmin {
	background: #d5ffd1;
}

.ticket_replay.byadmin .replayer,
.topic_replay.byadmin .replayer {
	background: #b5ffad;
}

.ticket_replay .replayer span,
.topic_replay .replayer span {
	font-weight: bold;
}

/** FONT AWESOME **/
.gps-left .fa-customx {
	font-size: 1.5em!important;
	padding-right: 5px;
}

.gps-right .fa-customx {
	font-size: 1.3em!important;
	padding-left: 5px;
}

.gps-left .fa-car {
	color: #fe1f1f;
}

.gps-left .fa-user {
	color: #1733ff;
}
/** FONT AWESOME **/

/** GPS **/
.gps-main {
	width: 100%;
	height: 100vh;
	background: #ccc;
}

.gps-main .gps-left {
	width: 25%;
	height: 100vh;
	background: #f4f4f4;
	float: left;
	overflow: hidden;
}

.gps-main .gps-right {
	width: 74.8%;
	height: 100%;
	background: #fff;
	float: right;
	overflow: hidden;
}

.gps-main .gps-left div#users {
	height: 95%;
    overflow-y: scroll;
	padding-top: 5px;
}

.show_users div#users ul,
.gps-main .gps-left div#users ul {
    padding: 0 0 0 10px;
}

.show_users div#users ul li,
.gps-main .gps-left div#users ul li {
    padding: 2px 5px;
	margin: 1px 0;
	clear: both;
	min-width: 315px;
	display: block;
}

.show_users div#users ul li span.line,
.gps-main .gps-left div#users ul li span.line {
	width: 70%;
	display: inline-block;
	cursor: pointer;
}

.show_users div#users ul li span.fa-customx,
.gps-main .gps-left div#users ul li span.fa-customx {
	cursor: pointer;
}

.gps-main .gps-right .panel {
	direction: rtl;
	overflow: auto;
}

.gps-main .gps-left div.details {
	direction: rtl;
}

.gps-main .gps-left div.details div.content {
	display: none;
}

.gps-main .gps-left div.details .content > ul.tabs,
.gps-main .gps-right .panel > ul.tabs {
    background: #bfbfbf;
    padding-top: 5px;
}

.gps-main .gps-left div.details .content ul.tabs li,
.gps-main .gps-right .panel ul.tabs li {
	background: #7a7a7a; /* Old browsers */
	background: -moz-linear-gradient(top, #7a7a7a 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a7a7a), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #a7a7a7 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #a7a7a7 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #a7a7a7 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #a7a7a7 0%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a7a7', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
    display: inline-block;
    padding: 5px;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
	white-space: nowrap;
}

.gps-main .gps-left div.details .content ul.tabs li.actived,
.gps-main .gps-right .panel ul.tabs li.actived {
	background: #d1d1d1; /* Old browsers */
	background: -moz-linear-gradient(top, #d1d1d1 0%, #fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1d1d1), color-stop(100%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d1d1d1 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d1d1d1 0%,#fff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d1d1d1 0%,#fff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #d1d1d1 0%,#fff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}

.show_users div#users ul li.actived,
.gps-main .gps-left div#users ul li.actived {
    border-radius: 5px;
    color: #212121;
    padding: 2px 5px;
	background: #dedede; /* Old browsers */
	background: -moz-linear-gradient(top, #dedede 0%, #c1c1c1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dedede 0%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dedede 0%,#c1c1c1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dedede 0%,#c1c1c1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dedede 0%,#c1c1c1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */
}

.show_users div#users ul li.actived span.fa-car,
.gps-main .gps-left div#users ul li.actived span.fa-car {
    color: #fff;
}

.gps-main .gps-left div.details .content .buttons > li {
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
	cursor: pointer;
}

.gps-main .gps-left div.details .content .buttons {
    text-align: center;
	margin-top: 10px;
}

.show_users div#users span.device_name,
.gps-main .gps-left div#users span.device_name {
    display: inline-block;
    width: 65px;
	padding: 0 3px;
	overflow: hidden;
	cursor: pointer;
}

.show_users div#users span.device_date,
.gps-main .gps-left div#users span.device_date {
    display: inline-block;
    width: 70px;
	padding: 0 3px;
	overflow: hidden;
	cursor: pointer;
}

.show_users div#users span.device_speed,
.gps-main .gps-left div#users span.device_speed {
    display: inline-block;
    width: 65px;
	padding: 0 3px;
	overflow: hidden;
	cursor: pointer;
}

div.main-left div.status {
    padding: 2px;
}

div.main-left div.status ul li {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    direction: rtl;
    display: inline-block;
    font-size: 10px;
    padding: 2px;
    text-align: center;
    min-width: 20%;
}
.status li:nth-child(3) {
    min-width: 25% !important;
}

div.main-left div.search {
    padding: 0 5px;
}

div.main-left div.search input#device_search {
    padding: 3px 5px;
}

div.main-left div.search select#device_status {
    padding: 3px 2px;
}

div.main-left div.search input#device_submit {
    padding: 1px 2px 4px;
}

.gps-main .gps-right div#toolbar > div {
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    padding: 3px;
	cursor: pointer;
	white-space: nowrap;
}
.gps-main .gps-right div#toolbar > div.menu {
    position: relative;
}
.gps-main .gps-right div#toolbar > div.menu ul {
    position: absolute;
	z-index: 100;
	border: #ccc solid 1px;
	border-radius: 5px;
	background: #eee;
	display: none;
	padding: 5px 10px;
}
.gps-main .gps-right div#toolbar > div.menu ul li {
	padding: 5px 0;
}

.gps-main .gps-right div#toolbar > div.menu:hover ul {
    display: block;
}

.gps-main .gps-right div#toolbar > div:hover {
    background: #e3e3e3;
}

.gps-main .gps-right div#toolbar > div.geosearch {
    border: 0 none;
    padding: 0;
	position: relative;
}

.gps-main .gps-right div#toolbar > div.geosearch input#geosearch {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 17px;
    padding: 2px 10px;
    width: 110px;
}

.gps-main .gps-right div#toolbar > div.geosearch span {
    left: 2px;
    position: absolute;
    top: 4px;
    z-index: 2;
}

.gps-main .gps-right div#toolbar .actived,
.gps-main .gps-right div#toolbar .actived:hover {
    background: #ffe0fb;
}

.gps-main .gps-right div#toolbar > div.selected_vehide {
    float: left;
	cursor: default;
    margin-left: 15px;
	padding: 0px 5px;
}


.gps-main .gps-right div#toolbar > div.selected_vehide select {
	border: 0px solid #ccc;
	border-right: 1px solid #ccc;
    padding: 2px 0 2px 10px;
}

.progressbar {
	width: 90%;
	margin: 5px auto 0;
	direction: ltr;
}

.progressbar > div {
    float: right;
}

.progressbar .bar {
	margin-top: 3px;
}

.progressbar > div.back, .progressbar > div.next {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
	margin: 0 0 0 10px;
	cursor: pointer;
}


.progressbar > div.next {
	margin: 0 10px 0 0;
}

.vsplitbar {
	width: 5px;
	background: #aaa;
}

.gps-main .gps-right div#toolbar  {
    background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top,  #fafafa 0%, #c5c5c5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#c5c5c5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafafa 0%,#c5c5c5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafafa 0%,#c5c5c5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafafa 0%,#c5c5c5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fafafa 0%,#c5c5c5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#c5c5c5',GradientType=0 ); /* IE6-9 */
    padding: 3px;
	height: 23px;
	direction: rtl;
	text-align: right;
}

.gps-main .vehide_limits {
	width: 100%;
}

div.calendar {
    margin: 5px 0;
    padding: 5px;
}

div.calendar input.calendar {
    padding: 4px;
    width: 85px;
}

div.calendar input.calendartime {
    padding: 4px;
    width: 45px;
}

div.calendar > span {
    display: inline-block;
    width: 65px;
}

.details .current_time {
    direction: ltr;
    margin: 0 auto;
    text-align: center;
}

div.right-splitter {
	width: 100%;
	height: 100vh;
}

div.map-svg {
	position: relative;
	overflow: hidden;
}

div.map-svg svg {
    background: none repeat scroll 0 0 rgba(237, 237, 237, 0.79);
    border: 5px solid #ccc;
    border-radius: 79px 79px 31px 31px;
    bottom: 10px;
    left: 74px;
    position: absolute;
}

div#map {
	height: 400px;
}

div.panel div.tabs table {
    width: 100%;
}

div.panel div.tab .table-scroller {
    overflow: auto;
	display: block;
	width: 100%;
}

div.panel div.tab thead tr td {
    background: #635c5c;
	border: 1px solid #635c5c;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    text-align: center;
	white-space: nowrap;
}

div.panel div.tab tbody tr td {
    background: #ffffff;
    border: 1px solid #c2c2c2;
    border-radius: 5px;
    color: #3a3a3a;
    padding: 5px;
    text-align: right;
	height: 14px;
	overflow: hidden;
	white-space: nowrap;
}

div.panel div.tab tbody tr.active td {
    background: #c4ccea;
}

div.panel div.tab tfoot td {
    color: #a90000;
    font-weight: bold;
    padding: 5px 10px 0;
}

.gps_manager_table > table {
    direction: rtl;
	width: 100%;
}

.gps_manager_table table td, .gps_manager_table table th {
	background: #F8F8F8; /* Old browsers */
	background: -moz-linear-gradient(top, #F8F8F8 0%, #E0E0CB 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#E0E0CB)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F8F8F8 0%,#E0E0CB 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F8F8F8 0%,#E0E0CB 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #F8F8F8 0%,#E0E0CB 100%); /* IE10+ */
	background: linear-gradient(to bottom, #F8F8F8 0%,#E0E0CB 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E0E0CB',GradientType=0 );
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}

.gps_manager_table table tr.row0 td {
	background: #CDE8DA; /* Old browsers */
	background: -moz-linear-gradient(top, #F8F8F8 0%, #CDE8DA 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8F8F8), color-stop(100%,#CDE8DA)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F8F8F8 0%,#CDE8DA 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F8F8F8 0%,#CDE8DA 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #F8F8F8 0%,#CDE8DA 100%); /* IE10+ */
	background: linear-gradient(to bottom, #F8F8F8 0%,#CDE8DA 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#CDE8DA',GradientType=0 );
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}


.gps_manager_table table tr.expired td {
	background: #FB8787; /* Old browsers */
	background: -moz-linear-gradient(top, #FB8787 0%, #FF9488 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FB8787), color-stop(100%,#FF9488)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FB8787 0%,#FF9488 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FB8787 0%,#FF9488 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FB8787 0%,#FF9488 100%); /* IE10+ */
	background: linear-gradient(to bottom, #FB8787 0%,#FF9488 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FB8787', endColorstr='#FF9488',GradientType=0 );
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}

div.gps_manager_table tfoot a {
    background: #ffe6fb;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
}

div.gps_manager_table tfoot a:hover {
    background: #d5c2ff;
}

div.gps_manager_table tfoot a.actived {
    background: #d00000;
	color: #fff;
}

div.gps_manager_table div.search_manager {
    float: left;
}

div.gps_manager_table div.search_manager input#search_manager_table {
    border-left: 0 none;
    border-radius: 0 5px 5px 0;
    padding: 5px;
}

div.gps_manager_table div.search_manager input#submit_manager_table {
    border-radius: 5px 0 0 5px;
    padding: 4px;
}

div.gps_manager_table .buttons_manager {
    float: right;
    font-weight: normal;
}

div.gps_manager_table tbody a, div.gps_manager_table tbody a:link, div.gps_manager_table tbody a:visited {
    color: blue!important;
}

div.gps_manager_table div.buttons_manager > a {
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
    padding: 5px 7px;
}

div.gps_manager_table div.buttons_manager > a:hover {
    background: #fff;
    border-color: #88007a;
    color: #820075;
}

div.gps_edit_table table {
	direction: rtl;
	border-spacing: 3px;
	border-collapse: 10px;
	width: 100%;
}

div.gps_edit_table td {
    background: none repeat scroll 0 0 #f4f4f4;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding: 5px;
}

div.gps_edit_table .inputbox {
    padding: 5px;
}

div.gps_edit_table #master_user {
    width: 95%;
}

/** END GPS **/

.ui-dialog .ui-dialog-title { float: right !important; margin: .1em 0 .1em 16px !important; }
.ui-dialog .ui-dialog-titlebar-close { right: auto !important; left: .3em; }
.ui-dialog .ui-dialog-content { text-align: right !important; direction: rtl !important;}
.ui-dialog .ui-dialog-buttonpane { text-align: right !important; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: left !important; }


.splitter {
	height: 400px;
	margin: 1em 3em;
	border: 4px solid #bdb;
	background: #f8fff8;
}

.vsplitbar {
	width: 4px;
	background: #A9A9A9 url(img/vgrabber.gif) no-repeat center;
}
.vsplitbar:hover, .vsplitbar.active {
	background: #c66 url(img/vgrabber.gif) no-repeat center;
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE */
}
.hsplitbar {
	height: 4px;
	background: #A9A9A9 url(img/hgrabber.gif) no-repeat center;
}
.hsplitbar.active, .hsplitbar:hover {
	background: #c66 url(img/hgrabber.gif) no-repeat center;
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE */
}

.icon {
	content: "" !important;
    display: inline-block;
    height: 16px;
    width: 16px;
}
.fa-user:before {
	content: "" !important;
}
.fa-user {
    background: url("../icons/user.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}


.icon-offline {
	background: url("../icons/gps_disconnected.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.icon-on {
	background: url("../icons/gps_tracking.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.icon-invalid,
.icon-off {
	background: url("../icons/gps_receiving.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.icon-antenoffline,
.icon-anteninvalid {
	background: url("../icons/gps-offline.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.icon-antenon, .icon-antenoff {
	background: url("../icons/gps-online.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.icon-signal70 {
	background: url("../icons/signal70.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.icon-signal0 {
	background: url("../icons/signal0.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.fa.fa-warning.alert-off {
    font-size: 16px;
}

.fa.fa-warning.alert-on {
    font-size: 16px;
	color: #FF9000;
}
/* REPORTER CSS */

div.topmenu {
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
	z-index: 100;
}

div.topmenu div.menu {
	position: relative;
}

div.topmenu div.menu > div.border {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    margin: 2px;
    padding: 0 5px;
	cursor: pointer;
}

div.topmenu div.menu div.border > span.fa-bars {
    font-size: 30px;
	float: left;
}
div.topmenu div.menu div.border > span.text {
    font-family: WebNazli;
    font-size: 22px;
	float: left;
	margin-left: 10px;
}
div.topmenu div.menu:hover > div.toolbar{

}

div.toolbar {
	position: absolute;
	top: 1px;
	left: 1px;
    background: #fff;
    height: 460px;
    width: 390px;
	border: 2px solid #E6E6E6;
	border-radius: 5px;
	display: none;
}

div.toolbar .close {
	position: absolute;
	right: -1em;
	background: #3cbd23;
	padding: 0.4em 0.8em 0.5em;
	border-radius: 50%;
	color: #fff;
	bottom: -1em;
	cursor: pointer;
}

div.charge div.toolbar {
    height: 93px;
    padding-top: 10px;
    text-align: center;
    width: 300px;
}

div.toolbar div.second {
    direction: rtl;
    display: none;
    padding: 5px 10px;
    text-align: center;
}

div.toolbar div.second input.inputbox {
    margin-bottom: 10px;
    padding: 6px;
    width: 40px;
	text-align: center;
}
div.show_report {
	margin-top: 5px;
}
div.toolbar ul.reports_method li {
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
    float: left;
    margin: 2px;
    padding: 0px 5px 5px 5px;
	line-height: 8px;
    width: 29.2%;
	text-align: center;
	cursor: pointer;
}

div.toolbar ul.reports_method li:hover {
	border-color: #2BB100;
}

div.toolbar ul.reports_method li span {
    clear: both;
    color: #1db503;
    display: block;
    font-size: 75px;
    margin: 5px 0 5px 15px;
}

.bi {
	display: inline-block;
	width: 86px;
	height: 86px;
}
.bi-users {
	background: url("../icons/fa-users.png") no-repeat;
}
.bi-binoculars {
	background: url("../icons/fa-binoculars.png") no-repeat;
}
.bi-car {
	background: url("../icons/fa-car.png") no-repeat;
}
.bi-exclamation {
	background: url("../icons/fa-exclamation.png") no-repeat;
}
.bi-marks {
	background: url("../icons/fa-marks.png") no-repeat;
}
.bi-eyedropper {
	background: url("../icons/fa-eyedropper2.png") no-repeat;
}
.bi-sensor {
	background: url("../icons/fa-sensor.png") no-repeat;
}
.bi-simcart {
	background: url("../icons/fa-simcart.png") no-repeat;
}
.bi-road {
	background: url("../icons/fa-road.png") no-repeat;
}
.bi-tachometer {
	background: url("../icons/fa-tachometer.png") no-repeat;
}
.bi-warning {
	background: url("../icons/fa-warning.png") no-repeat;
}
.bi-place {
	background: url("../icons/fa-place.png") no-repeat;
}
.bi-changeoil {
	background: url("../icons/fa-oil.png") no-repeat;
}
.nodisplay {
	display: none;
}

div.show_users div#users input {
	display: none;
}

.show_users div#users ul li span.fa-customx {
    font-size: 17px;
}

div.toolbar div.show_users {
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: none;
    overflow: auto;
    padding: 5px;
    position: absolute;
    width: 350px;
	height: 350px;
}

.waiting.fa.fa-5x.fa-spinner.fa-spin {
    display: block;
    font-size: 130px;
    margin: 100px auto 0;
    width: 130px;
}

div.report_toolbar {
    background: #fff;
    height: 40px;
}

div.report_toolbar span.title {
	display: inline-block;
    color: #0c369f;
    font-size: 25px;
    height: 35px;
    padding-left: 120px;
    padding-top: 2px;
}

table.report_tables {
	width: 99.9%;
	direction: rtl;
}

table.report_tables tr th,
table.report_tables tr td {
    background: #f9f9f9;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    padding: 5px;
}

table.report_tables tr th {
	background: #e1e1e1;
}

td.clickable {
    color: #22219a;
    cursor: pointer;
    font-weight: bold;
}

div.sections div.second {
    margin-left: 10px;
}

td.mileage {
	direction: ltr;
	text-align: center;
}

div.vehideinfo {
    width: 100%;
    direction: rtl;
    font: normal 12px tahoma;
    background: #fff;
    height: 160px;
    border-radius: 10px;
    padding: 0.5em 1em;
}

div.vehideinfo div.toolbarinfo {
    border-bottom: 2px solid #ff0000;
    height: 25px;
}

div.vehideinfo div.toolbarinfo > div.menu {
    background:#f8f8f8;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    float: right;
    margin: 2px;
    text-align: center;
    width: 31%;
	font-weight: bold;
	height: 15px;
}

div.vehideinfo div.maininfo > div.columns {
    float: right;
    margin: 2px;
    text-align: right;
    width: 47%;
	padding: 3px 0;
	font-weight: bold;
}

div.vehideinfo div.maininfo > div > span {
    display: inline-block;
    width: 90px;
	font-weight: normal;
}

div.vehideinfo div.maininfo > div.dateandtime {
    width: 60%;
}
div.vehideinfo div.maininfo > div.dateandtime span {
    width: 65px;
}

div.vehideinfo div.maininfo > div.speedc {
    padding-right: 17px;
    width: 30%;
}
div.vehideinfo div.maininfo > div.speedc span {
    width: 42px;
}

div.vehideinfo div.maininfo > div.datechargec {
    width: 60%;
}
div.vehideinfo div.maininfo > div.datechargec span {
    width: 70pxf;
}

div.vehideinfo div.maininfo > div.chargec {
    width: 33%;
}
div.vehideinfo div.maininfo > div.chargec span {
    width: 42px;
}


div.vehideinfo div.maininfo > div.statusc {
    width: 35%;
}
div.vehideinfo div.maininfo > div.statusc span {
    width: 65px;
}
div.vehideinfo div.maininfo > div.statusd {
    padding-right: 30px;
    width: 53%;
}
div.vehideinfo div.maininfo > div.statusd span {
    width: 85px;
}

.labels {
	background: #f1f1f1;
	color: #000;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.78);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.78);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.78);
	padding: 5px;
}

dd#icon-element br {
	display: none;
}

#icon-element > label {
    background: none repeat scroll 0 0 #e3e3e3;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    display: inline-block;
    margin: 2px;
    padding: 5px;
}
#icon-element > label img {
	margin-right: 5px;
}

.show_onmap, .custommenu {
    background-color: #f8f77f;
    border: 1px solid #cf8200;
    min-width: 50px;
    padding: 0 2px 4px 2px;
    position: absolute;
    text-align: center;
    z-index: 1000;
    font-size: 14px;
}

.reporter_map {
	background-color: #e5e3df;
    border: 1px solid #ccc;
    border-radius: 10px;
    height: 400px;
    overflow: hidden;
    position: absolute;
    width: 500px;
    z-index: 500;
	display: none;
}

.limitoptions {
	background: #fff;
    border: 5px solid #4e4d4d;
    border-radius: 10px;
    display: block;
    height: 200px;
    left: 200px;
    position: absolute;
    top: 200px;
    width: 600px;
    z-index: 200;
}

.limitwindow {
    border-radius: 10px;
    height: 200px;
    position: relative;
    width: 100%;
}

.limitwindow span.close {
    background: #474747;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font: 14px bold;
    padding: 2px 5px;
    position: absolute;
    right: 12px;
    top: -12px;
	z-index: 201;
}

.limitwindow div.contents {
    direction: rtl;
    padding: 10px;
    text-align: right;
    z-index: 100;
	overflow: hidden;
}

.limitwindow div.contents ul.mastermenu li {
    border: 1px solid #ccc;
    border-radius: 5px;
    float: right;
    margin: 0 3px 0;
    padding: 5px;
    text-align: center;
    width: 120px;
	font: 20px WebNazli;
	cursor: pointer;
}
.limitwindow div.contents ul.mastermenu li:hover {
    border: 1px solid #ff0000;
}

.limitwindow div.contents ul.mastermenu li span {
    display: block;
    margin: 0 auto;
}
#limit-box > div.limitwindow {
	position: relative;
}

.limitmain {
    height: 480px;
    width: 100%;
}

.limitmain .limitleft {
    float: left;
    height: 480px;
    width: 195px;
}

.limitmain #limitmap, .limitmain .limitright {
    float: right;
    height: 480px;
    width: 580px;
}

div.limitname input {
    padding: 3px;
    width: 100px;
}
div.limitmethod select.inputbox {
    padding: 3px;
}
div.limitmethod span.reload,
div.limitmethod span.remove {
    cursor: pointer;
    font-size: 12px;
}
div.limitmethod span.remove {
    margin-right: 4px;
}
div.alarm_device .adddevice,
div.limitdevice .adddevice {
    padding: 2px;
}

div.alarm_device .inputbox.device_name,
div.limitdevice .inputbox.device_name {
    margin-left: 2px;
    padding: 3px;
    width: 115px;
}


div.limitmobile .inputbox.mobile {
    padding: 3px;
    width: 170px;
}


div.renewleft > div,
div.limitleft > div {
    background: none repeat scroll 0 0 #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 2px 0;
    padding: 5px;
}

div.limitright div.limittoolbar > div {
    background: none repeat scroll 0 0 #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 5px;
    float: right;
    margin: 0 1px 2px;
    padding: 5px;
}

div.limitright div.limittoolbar > div.limitmethod {
    padding: 3px;
}

div.limitspeed .inputbox.speed {
    padding: 3px;
    width: 100px;
}

div.gps_edit_table div.left div.alarm_devices,
div.limitleft div.limitdevices {
    height: 270px;
    overflow: auto;
}

div.renewleft div.limitdevices {
    height: 200px;
    overflow: auto;
}

div.limitleft .button.button-red.large {
    font: 35px/33px webNazli;
    margin-right: 50px;
    padding: 0 15px;
}

div.renewleft .button.button-red.large {
    font: 35px/33px webNazli;
    margin-right: 77px;
    margin-top: 10px;
    padding: 0 15px;
}

div.alarm_devices-item span.fa.fa-minus,
div.limitdevices-item span.fa.fa-minus {
    float: left;
	cursor: pointer;
	display: block;
}

.alarm_devices-item,
.renewdevices-item,
.limitdevices-item {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 2px 0;
    padding: 2px;
}

ul.ui-autocomplete {
	overflow: auto;
	max-height: 400px;
}

.vehide_limits td,
.vehide_limits th {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
}

.vehide_limits td.clickable,
.vehide_limits td.remove {
	cursor: pointer;
}

.commands {
    padding: 5px 0 0;
}

.commands > li {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #808080;
    border-radius: 5px;
    cursor: pointer;
    float: right;
    height: 40px;
    margin: 2px;
    min-width: 90px;
    padding: 1px 5px 7px;
    text-align: center;
    width: 28%;
}

.commands > li:hover {
    border: 1px solid #ff0000;
}

ul.commands li span {
    display: block;
    font-size: 20px;
    line-height: 18px;
}

div.charge div.toolbar div > input.button,
div.resetfactory .button.button-red,
div.activesensors .button.button-red,
div.settime .button.button-green,
div.othercommands .button.button-green,
div.changemaxspeed .button.button-green,
div.changemaxspeed .button.button-red {
    font: 35px/35px WebNazli;
    margin-top: 5px;
    padding: 0 20px;
}

div.charge div.toolbar div > input,
.settime div > input,
.changeAdminNumber > input,
.othercommands > input,
.changesosnumber > input,
.changemaxspeed > input,
.calltodevice > input {
    font: 35px WebNazli;
    height: 40px;
    padding: 0;
    text-align: center;
    width: 258px;
}

.changesosnumber > ul,
.changeAdminNumber > ul,
.calltodevice > ul {
    margin-top: 5px;
}

.changesosnumber li,
.changeAdminNumber li,
.calltodevice li {
    background: #e2e2e2; /* Old browsers */
    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
    border: 1px solid #cdcdcd;
    border-radius: 8px;
    display: block;
    float: left;
    font: 30px/25px webNazli;
    height: 32px;
    margin: 1px;
    padding-top: 7px;
    text-align: center;
    width: 31.7%;
	cursor: pointer;
}
.changesosnumber li:hover,
.changeAdminNumber li:hover,
.calltodevice li:hover {
    background: #f2f6f8; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
}

.changesosnumber li.call,
.changeAdminNumber li.call,
.calltodevice li.call {
    background: #9dd53a; /* Old browsers */
	background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}
.changesosnumber li.call:hover,
.changeAdminNumber li.call:hover,
.calltodevice li.call:hover {
    background: #bfd255; /* Old browsers */
	background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}

div.gps_edit_table td.show_alerts > div {
	display: none;
    width: 235px;
}


div.gps_edit_table div.left {
    border: 1px solid #ccc;
    border-radius: 5px;
    float: right;
    padding: 5px;
    width: 230px;
	height: 370px;
}

div.gps_edit_table div.right {
    border: 1px solid #ccc;
    border-radius: 5px;
    float: right;
    margin-left: 5px;
    width: 235px;
	height: 380px;
}

div.gps_edit_table div.chargeinfo {
    background: #eee;
    border-radius: 5px;
    height: 60px;
    margin-bottom: 5px;
    padding: 5px;
}
div.gps_edit_table div.chargeinfo strong {
    color: green;
}

.chargeinfo a {
    color: #004bc1!important;
    display: block;
    font: 25px WebNazli;
    padding-top: 5px;
    text-align: center;
}

div.charge div.alert_success {
    margin: 0 auto;
    text-align: center;
    width: 300px;
}

.oil-changed {
    background: none repeat scroll 0 0 #8e8e8e;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    padding: 2px 10px;
}



.report_toolbar > div {
    border: 1px solid #ccc;
    border-radius: 5px;
    direction: rtl;
    float: right;
    margin-right: 5px;
}
.report_toolbar > div img {
    float: right;
}

.report_toolbar > div strong {
    display: block;
    float: right;
    padding-left: 5px;
    padding-top: 10px;
}

.direction > div {
    border: 1px solid #ccc;
    border-radius: 5px;
    float: right;
    margin: 5px;
    padding: 5px;
}

.tab.direction input {
    padding: 5px;
}
.context_menu{
    background-color:white;
    border:1px solid gray;
}
.context_menu_item{
    padding:3px 6px;
	font: 12px normal tahoma;
}
.context_menu_item:hover{
    background-color:#CCCCCC;
}
.context_menu_separator{
    background-color:gray;
    height:1px;
    margin:0;
    padding:0;
}
#clearDirectionsItem, #getDirectionsItem{
    display:none;
}

.clear {
    border: none!important;
    border-radius: none!important;
    clear: both!important;
    float: none!important;
}

div.activesensors,
tbody#tbody-alerts tr td:nth-child(4){
	text-align: center;
}

.checking_alerts, .checking_all_alerts {
	cursor: pointer;
}
.fa.fa-2x.icon.fa-user {
    position: relative;
}
.expired_count {
    background: none repeat scroll 0 0 red;
    border-radius: 5px;
    color: #fff;
    font: 10px tahoma;
    left: 11px;
    padding: 0 2px;
    position: absolute;
    top: -7px;
}

.device.device_expire1 {
    background: #ff3d3d;
    border-radius: 5px;
    color: #fff;
}
.device.device_expire2 {
    background: #fcff64;
    border-radius: 5px;
    color: #525252;
}

.ticketcenter {
	direction: rtl;
}

.support {
    background: #097300;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font: 15px Tahoma;
    padding: 5px;
    position: fixed;
    top: 230px;
	right: 0px;
    transform: rotate(-90deg);
    white-space: nowrap;
    z-index: 5;
}
.support:hover {
    background:#097300;
    color: #fff;
}

.loading {
    background: #fff844;
    color: #370606;
    padding: 8px;
    position: fixed;
    z-index: 100;
	left: 40%;
	direction: rtl;
	display: none;
}
.loading span {
    margin: 0 5px;
}

.renewvehide {
    background: #a1c1fe;
    color: #000000;
    text-align: center;
}

.ticket_header {
	float: right;
}

.ticketbackbutton {
	float: left;
}

div.batterydiv > span {
    float: right;
    vertical-align: middle;
}

span.batterybox {
    background: #C1C1C1;
    border-radius: 2px;
    display: block!important;;
    height: 15px;
    width: 100px!important;
	overflow: hidden;
}

span.batterybox span.batteryremain {
    background: #029300;
    display: block!important;;
    height: 15px;
}
span.batterybox span.batteryremain.remain0 { width: 0px; }
span.batterybox span.batteryremain.remain5 { width: 5px; }
span.batterybox span.batteryremain.remain10{ width: 10px; }
span.batterybox span.batteryremain.remain15{ width: 15px; }
span.batterybox span.batteryremain.remain20{ width: 20px; }
span.batterybox span.batteryremain.remain25{ width: 25px; }
span.batterybox span.batteryremain.remain30{ width: 30px; }
span.batterybox span.batteryremain.remain35{ width: 35px; }
span.batterybox span.batteryremain.remain40{ width: 40px; }
span.batterybox span.batteryremain.remain45{ width: 45px; }
span.batterybox span.batteryremain.remain50{ width: 50px; }
span.batterybox span.batteryremain.remain55{ width: 55px; }
span.batterybox span.batteryremain.remain60{ width: 60px; }
span.batterybox span.batteryremain.remain65{ width: 65px; }
span.batterybox span.batteryremain.remain70{ width: 70px; }
span.batterybox span.batteryremain.remain75{ width: 75px; }
span.batterybox span.batteryremain.remain80{ width: 80px; }
span.batterybox span.batteryremain.remain85{ width: 85px; }
span.batterybox span.batteryremain.remain90{ width: 90px; }
span.batterybox span.batteryremain.remain95{ width: 95px; }
span.batterybox span.batteryremain.remain100{ width: 100px; }

.battery_title {
    width: 50px !important;
}
.battery_percent {
    width: 40px !important;
	text-align: center;
}
.columns.batterydiv {
    width: 50% !important;
}

.report_toolbar > div.chart {
    float: left;
    margin-left: 5px;
    margin-top: 2px;
    padding: 5px;
	cursor: pointer;
}

.report_toolbar > div.chart span {
    color: #ff0000;
}
.report_toolbar > div.chart strong {
    padding-top: 5px;
}

.gm-style .gm-style-iw > div > div {
    padding: 0 0 0 10px;
}

div.vehideinfo div.maininfo > div > span.recheck_chargenow {
    color: #e71912;
    cursor: pointer;
    padding-right: 20px;
    white-space: nowrap;
    width: 180px;
}

div.speedlimit > input {
    padding: 5px;
    width: 80px;
    font-family: Tahoma;
}

div.speedlimit {
    text-align: center;
    margin-top: 5px;
}

.gps-right div.paddingOut > span {
	padding: 0;
}


div#map + button {
    height: 8vh;
    width: 98vw;
    font-size: 30px;
    background: #26cf07;
    color: #fff;
    font-family: webNazli;
    cursor: pointer;
    border: 1px solid #0f850c;
    border-radius: 5px;
    margin: 1vh auto;
    display: block;
}

div.schedulecar > div > span {
    display: block;
    font-weight: bold;
}
div.schedulecar > div {
    margin-top: 0.9em;
	clear: both;
}

div.schedulecar > div > label {
    display: block;
    margin-top: 0.3em;
    border: 1px solid #ccc;
    width: 170px;
    clear: both;
    float: right;
    padding: 0.3em 0.5em;
    border-radius: 0.5em;
}

input.costNumber {
	width: 30px;
}

.devicestatus {
	padding: 5px;
}
.devicestatus select {
	font-family: webNazli;
}

#popup-closer {
    height: 1em;
    width: 2em;
    background: #000;
    display: block;
    position: absolute;
    left: -1em;
    top: -1em;
    border-radius: 1em;
    content: "x";
    color: #fff;
}

#info {
	position: absolute;
	background: #fff;
	padding: 0.3em;
	border-radius: 0.5em;
}

#popup-content {
	background: #fff;
	text-align: center;
	padding: 0.2em 0;
}