@font-face{font-family:iransans;font-style:normal;font-weight:normal;src:url('fonts/iransans/IRANSansWeb.eot');
src:url('fonts/iransans/IRANSansWeb.eot?#iefix') format('embedded-opentype'),url('fonts/iransans/IRANSansWeb.eot') format('woff'),url('fonts/iransans/IRANSansWeb.ttf') format('truetype');}
@font-face{font-family:iransans_bold;font-style:normal;font-weight:bold;src:url('fonts/iransans/IRANSansWeb_Bold.eot');
src:url('fonts/iransans/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),url('fonts/iransans/IRANSansWeb_Bold.woff2') format('woff2'),url('fonts/iransans/IRANSansWeb_Bold.woff') format('woff'),url('fonts/iransans/IRANSansWeb_Bold.ttf') format('truetype');}
@font-face{font-family:iransans_medium;font-style:normal;font-weight:500;src:url('fonts/iransans/IRANSansWeb_Medium.eot');src:url('fonts/iransans/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),url('fonts/iransans/IRANSansWeb_Medium.woff2') format('woff2'),url('fonts/iransans/IRANSansWeb_Medium.woff') format('woff'),url('fonts/iransans/IRANSansWeb_Medium.ttf') format('truetype');}
@font-face{font-family:iransans_fanum;font-style:normal;font-weight:normal;src:url('fonts/iransans/IRANSansWeb(FaNum)_Medium.eot');src:url('fonts/iransans/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),url('fonts/iransans/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),url('fonts/iransans/IRANSansWeb(FaNum)_Medium.woff') format('woff'),url('fonts/iransans/ttf/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');}body{background-color:#f8f8f8;direction:rtl;font-family:'iransans_medium',tahoma;}::selection{background:#c92f37;color:#fff;}::-moz-selection{background:#c92f37;color:#fff;}#wrapper{width:100%;}#page-wrapper{padding:0 15px;min-height:1033px;background-color:#fff;}#page-indirect{padding:0 15px;min-height:568px;background-color:#fff;}@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 249px 0 0;
        padding: 0px 26px 25px 30px;
        border-right: 1px solid #AFAFAF;
    }
	#page-indirect {
        position: inherit;
		margin: 0 250px 0 250px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
		border-right: 1px solid #e7e7e7;
    }
	
}
a
{
   text-decoration: none !important;
}
.autowidth{
	width:auto !important;
}
.chat_header{
	padding:14px 5px 0px 0px !important;
}
.show_date{
    background-color: #dcdcdc33;
    color: #efe4e4;
    display: block;
    position: fixed;
    bottom: 50px;
    left: 30px;
    border: 1px solid #383838;
    z-index: 10;
    padding: 5px;
    text-align: right;
}
h5{
	font-size:14px;
}

.paylinkhtml {
    width:500px;height:100px;direction:ltr;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-left: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-left: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-right: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-right: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-right: -123px;
}

.navbar-top-links .dropdown-user {
    left: 0;
    right: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 10px;
}

.sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
}
.sidebar ul li a{
    font-size: 14px !important;
	padding-top: 13px !important;
	padding-bottom:13px !important;
}
.countdown_label{
	font-family: iransans_fanum,tahoma;
}
.fa_num{
	font-family: iransans_fanum,tahoma !important;
}
.nav{
border-left: 1px solid #AFAFAF !important;
}
.sidebar ul li a.active {
    background-color: #d9edf7;
	border-top: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
}

.sidebar .arrow {
    float: left;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}
.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}
/*
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}
*/
.sidebar .nav-second-level li a {
    padding-right: 26px;
}

.sidebar .nav-third-level li a {
    padding-right: 52px;
}

@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 250px;
        /* margin-top: 51px; */
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-right: auto;
    }
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
    margin-right: 60px;
}

.chat li.right .chat-body {
    margin-left: 60px;
}

.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-left: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

.login-panel {
    margin-top: 25%;
}

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}
.report_tabs .active{
background-color: #ffffff !important;
border: 0px solid #ddd !important;
}
.report_tabs .active a{
padding: 11px 15px 10px !important;
}
.report_tabs li{
background-color: #E9F3FF;
border: 1px solid rgb(215, 215, 215);
border-radius: 4px 4px 0px 0px;
margin-left: 2px;
}
.report_area{
border-right:1px solid #dddddd;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;padding:10px 4px 13px 4px;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: left;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: left;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: left;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 13px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 20px;
    font-family:'iransans',tahoma;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #F8B518;
}

.panel-yellow .panel-heading {
    border-color: #F8B518;
    color: #fff;
    background-color: #F8B518;
}

.panel-yellow a {
    color: #F8B518;
}

.panel-yellow a:hover {
    color: #df8a13;
}

.panel-perple {
    border-color: #9E00C6;
}

.panel-perple .panel-heading {
    border-color: #9E00C6;
    color: #fff;
    background-color: #9E00C6;
}

.panel-perple a {
    color: #9E00C6;
}

.panel-perple a:hover {
    color: #6F008A;
}

.panel-gray {
    border-color: #A11D2A;
}

.panel-gray .panel-heading {
    border-color: #A11D2A;
    color: #fff;
    background-color: #A11D2A;
}

.panel-gray a {
    color: #A11D2A;
}

.panel-gray a:hover {
    color: #74141E;
}
.user-ticket-body {
	background: #AED3FF;
	color: #666;
	padding: 1px 25px;
	border-radius: 15px;
	margin-bottom: 20px
}
.user-ticket-body p ,.admin-ticket-body p {
	line-height: 30px !important;
	font-family:iransans !important ,tahoma;
	font-size: 14px !important;
	margin-bottom: 0px !important;
}
.user-arrow_box {
	position: relative;
	background: #AED3FF
}
.user-arrow_box:after {
	right: -41px;
	top: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(213, 128, 202, 0);
	border-left-color: #AED3FF;
	border-width: 8px;
	margin-top: -8px
}
.admin-ticket-body {
	background: #e6e6e6;
	color: #666;
	padding: 1px 25px;
	border-radius: 15px;
	margin-bottom: 20px;
	line-height:25px;
}
.admin-arrow_box {
	position: relative;
	background: #e6e6e6
}
.admin-arrow_box:after {
	left: -41px;
	top: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(213, 128, 202, 0);
	border-right-color: #e6e6e6;
	border-width: 8px;
	margin-top: -8px
}
.ticket-col {
	/* float:right; */
	text-align:center;
}
.img_border{
	border:3px #cdcdcd solid!important;
}
.img_border_support{
	border:3px #c92f37 solid!important;
}
.paged-link{display:inline-block;text-align:center;margin-top:20px;margin-bottom:-25px;text-align:left;padding:5px 0 5px 0;direction:ltr;cursor:pointer;}
.paged-link a{font:normal 11px tahoma;padding:4px 8px 6px 8px;background:#e6e6e6;border:1px solid #ddd;color:#666;text-decoration:none;border-radius:5px;border:1px solid #ccc;}
.paged-link a:hover{text-decoration:none;text-shadow:0px 0px 0px #000;}
.paged-link-selected{display:inline-block;color:#fff;border-radius:5px;}
.paged-link-selected a{display:inline-block;font:normal 11px tahoma;padding:5px 8px 5px 8px;background:#4c96ba;border:1px solid #ddd;color:#fff;border-radius:5px;text-decoration:none;border:1px solid #0DAEDF;}
.paged-link-selected a:hover{text-decoration:none;text-shadow:0px 0px 0px #000;}
.paged-link-off{display:inline-block;font:normal 11px tahoma;padding:4px 8px 6px 8px;background:#e6e6e6;border:1px solid #ddd;color:#CCC;text-decoration:none;border-radius:5px;}
.paged-link-info{display:block;padding:2px;color:#666;line-height:30px;margin:0px 2px 2px 2px;font-size:11px;}
.service_status .panel-heading{
	background-color:#d9edf7 !important;
}
.service_status a:hover, .service_status a:active, .service_status a:focus{
	text-decoration:none !important;
}

.notification-count{
  font-family: iransans_medium !important;
  display: inline-block !important;
  width: 27px !important;
  height: 27px !important;
  background-color: rgb(213, 78, 33);
  text-align: center !important;
  border-radius: 50%;
  color: rgb(255, 255, 255) !important;
  padding:0px !important;
  font-size: 17px !important;
}
.notification-count2{
  display: inline-block !important;
  width: 27px !important;
  height: 27px !important;
  background-color: rgb(213, 78, 33);
  text-align: center !important;
  border-radius: 50%;
  color: rgb(255, 255, 255) !important;
  padding-top:2px !important;
  font-size: 16px !important;
  float: left;
  margin-top: -5px;
}

.myform-control {
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
textarea.myform-control {
    height: 150px;
	width:400px;
}
.main-navigation {
	display: block;
	float: left;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	float: right;
}
.main-navigation li {
	float: left;
	position: relative;
	padding: 21px 10px 17px 10px !important;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	color: #fff;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.main-navigation a {
	float: left;
	font: 14px iransans_medium !important;
}
.main-navigation a:hover {
	color: #ff6b53;
}
.main-navigation .btn {
	font-size:13px !important;
}
.main-navigation .btn:hover {
	color: #ffffff;
}
@media only screen and (max-width: 768px) {
	.main-navigation a {
		float: none;
	}
    .sidebar
    {
      position: relative !important;
margin-top: 0px !important;

    }
}



.site-branding {
	float: left;
	padding: 14px 15px 0px 15px;
}
.site-title {
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 10px;
}
.site-title a {
	color: #fff;
	text-decoration: none;
}
.site-header {
	position: relative;
}
.top-bar {
	position: fixed;
	width: 100%;
 z-index: 9999;
	background-color: #111 !important;
	opacity: 0.9;	
	min-height:66px;
}
.menu .for_links{
	padding: 18px 10px 20px 10px !important;
}
.menu .for_links .link_txt{
	font-size:14px !important;
}
.menu .for_links .fa{
	vertical-align:-2px !important;
}
.menu .btn{
	margin-top: -6px !important;
	/* font-size:13px; */
	font-family: iransans !important,tahoma;
	/* background-color:#55c567 !important */
}
@media only screen and (max-width: 991px) {
	.welcome-info {
		top: 40px;
		float: none !important;
	}
	.welcome-title,.welcome-desc {
		font-size:23px !important;
	}
	.welcome-info2 img {
		top: 85px !important;
		width:450px !important;
		margin-left:0px !important;
	}
	.has-banner,.has-banner::after { max-height:495px; }
	.phas-banner,.phas-banner::after { max-height:350px; }
	.service:nth-of-type(2n+1) {
		clear: both;
	}
	.blog-post:nth-of-type(3n+1) {
		clear: none;
	}
	.blog-post:nth-of-type(2n+1) {
		clear: left;
	}
	.service:nth-of-type(3n+1) {
		clear: none;
	}		
}
@media only screen and (max-width: 499px) {
	.service{
		width: 100% !important;		
	}
	section .widget-title {
		font-size: 36px;
	}
	.welcome-title {
		font-size: 24px;
	}
	.welcome-desc {
		font-size: 20px;
		color: #D8D8D8;
		text-shadow: 0 0 2px #222, 0 0 2px #222;
	}
	.blog-post {
		width: 100%;
		margin-bottom: 30px;
	}
	.blog-post:nth-of-type(3) {
		margin-top: 0;
	}	
}



.menu-toggle {
	display: none;
	background-color: #ebebeb;
	color: #444;
	margin: 14px 0px 0px 0px;
	box-shadow: none;
	float: right !important;
	position: absolute;
	left: 7% !important;
}
.site-title a {
	font: 20px iransans;
}
.site-branding {
	float: right;
}
.main-navigation ul {
	float: left;
}
.main-navigation ul {
	padding-left: 0;
	padding-right: 5px;
}
.container {
  /* width: auto !important;	 */
}
.display_alert{
	line-height:25px !important;
}
.page-header{
	margin:14px 0px 27px 0px !important;
	padding-bottom: 17px !important;
}

.modal-dialog{
	margin-top:50px !important;
}


@media screen and (max-width: 991px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}
	.main-navigation.toggled {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.main-navigation ul {
		float: none;
	}
	.toggled .menu-toggle {
		margin: 0;
	}
	.main-navigation li {
		width: 100%;
		border: 0;
		padding: 5px 0 !important;
		text-align: center;
	}
	.main-navigation li:first-child {
		padding-top: 15px;
	}
	.main-navigation ul ul li:hover {
		background-color: transparent;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation .children,
	.main-navigation ul ul {
		display: block !important;
		float: none;
		position: static;
		border: none;
		background: transparent;
		box-shadow: none;
	}
	.main-navigation ul ul li {
		border: 0;
		text-align: center;
	}
	.main-navigation ul ul a {
		color: #E2E2E2;
		margin: 0 auto;
	}
	.top-bar {
		position: relative !important;
	}
	.btnozv{
		margin-bottom:12px !important;
	}
	.for_links{
		margin-bottom: -25px !important;
	}
}
.listtable{border-collapse: separate;border:1px solid #BCBCBC;border-radius:7px !important;}
.listtable th{background-color:#4c96ba;color:#ffffff;font-size:13px;}
.listtable td{border-top:1px solid #BCBCBC;padding: 13px 3px 11px 3px !important;}
.table th,.table td{vertical-align: middle !important;}

.myth{
	background-color:#efefef!important;
	color:#000000!important;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	width:100px;
}
.text-red{
	color:#c92f37!important;
	text-decoration:none!important;
	border: 0;
}
.second-level{
	border-left:0px !important;
	background-color:#ffffff !important;
}
#crumbs {
	text-align: center;
	margin: 5px 0px 15px;
}
#crumbs ul {
	list-style: none;
	display: inline-table;
}
#crumbs ul li {
	display: inline;
}
#crumbs ul li span {
	display: block;
	float: right;
	height: 50px;
	background: #5cb85c;
	text-align: center;
	padding: 14px 60px 0 45px;
	position: relative;
	margin: 0 3px 0 0;
	font-size: 15px;
	text-decoration: none;
	color: #fff;
}
#crumbs ul li span:after {
	content: "";
	border-top: 23px solid transparent;
	border-bottom: 27px solid transparent;
	border-right: 22px solid #5cb85c;
	position: absolute;
	left: -22px;
	top: 0;
	z-index: 1;
}
#crumbs ul li span:before {
	content: "";  
	border-top: 23px solid transparent;
	border-bottom: 27px solid transparent;
	border-right: 22px solid #d4f2ff;
	position: absolute;
	right: -1px;
	top: 0;
}
#crumbs ul li a span:hover {
	background: #5cb8a1 !important;
}
#crumbs ul li a span:hover:before {
	border-right-color: #ffffff !important;
}
#crumbs ul li a span:hover:after {
	border-right-color: #5cb8a1;
}

#crumbs ul li .laststep {
	background: #0099ab;
}
#crumbs ul li .laststep:before {
	border-right-color: #ffffff;
}
#crumbs ul li .laststep:after {
	border-right-color: #0099ab;
}

#crumbs ul li .selected {
	background: #5cb8a1;
}
#crumbs ul li .selected:before {
	border-right-color: #ffffff;
}
#crumbs ul li .selected:after {
	border-right-color: #5cb8a1;
}

#crumbs ul li .haserror {
	background: #c40000;
	line-height:19px !important;
	padding-top: 7px !important;
}
#crumbs ul li .haserror:before {
	border-right-color: #ffffff;
}
#crumbs ul li .haserror:after {
	border-right-color: #c40000;
}
#crumbs ul li a .haserror:hover {
	background: #ff0000 !important;
}
#crumbs ul li a .haserror:hover:before {
	border-right-color: #ffffff !important;
}
#crumbs ul li a .haserror:hover:after {
	border-right-color: #ff0000;
}

#crumbs ul li .haserror-selected {
	background: #ff0000;
	line-height:19px !important;
	padding-top: 7px !important;
}
#crumbs ul li .haserror-selected:before {
	border-right-color: #ffffff;
}
#crumbs ul li .haserror-selected:after {
	border-right-color: #ff0000;
}

#crumbs ul li .disabled {
	background: #d5d5d5;
}
#crumbs ul li .disabled:before {
	border-right-color: #ffffff;
}
#crumbs ul li .disabled:after {
	border-right-color: #d5d5d5;
}
#crumbs ul li:first-child span {
	border-top-right-radius: 10px; border-bottom-right-radius: 10px;
}
#crumbs ul li:first-child span:before {
	display: none; 
}
#crumbs ul li:last-child span {
	padding-left: 59px;
	border-top-left-radius: 10px; border-bottom-left-radius: 10px;
}
#crumbs ul li:last-child span:after {
	display: none; 
}
textarea#field6{
	padding: 4px 7px 4px 5px !important;
	line-height: 27px;
}
.inputs-title{
	font-size:13px;
	width:105px !important;
	display:inline-block;
	text-align:center;
}
.tooltips {
	position:absolute;
	margin-right:69%;
	margin-top:-50px;
	color: #FFFFFF;
	border: solid 1px #000000;
	background: #444444;
	width: 240px;
	text-align: right;
	z-index: 2;
	font-size: 13px;
	line-height: 18px;
	border-radius:8px;
	padding-bottom:10px;
	opacity: 0;
}
.tooltips:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #000000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.tooltips .t_title{
	background-color:#333;
	padding:5px 3px 8px 3px;
	border-radius:8px 8px 0px 0px;
	margin-bottom:5px;
	text-align:center;
	font-size:11px;
}
.tooltips .t_content{
	padding:0px 7px 0px 7px;
	font-size:11px;
	line-height:23px;
	text-align:justify;
}
.form-field-area .error .t_title{
	background-color:#c40000;
	padding:5px 3px 8px 3px;
	border-radius:8px 8px 0px 0px;
	margin-bottom:5px;
	text-align:center;
	font-size:11px;
}
.form-field-area .error{
	border: solid 1px #c40000;
	background: #f33;
}
.form-field-area .error:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -8px;
  width: 0; height: 0;
  border-left: 8px solid #c40000;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.form-field-area{
	padding-right: 30px !important;
}
.form-field-area .myform-control{
	width: 100% !important;
}
.cfield{
	width: 100%;
	height: 40px;
	font-size: 13px !important;
	padding: 3px 12px 6px 12px !important;
}
.sfield{
	border-right: 0px none !important;
	border-radius: 5px 0px 0px 5px;
}
.tfont{
	font-family:tahoma !important;
}
.submit_area{
	text-align:center;
	margin:30px 0px 10px 0px;
}
.submit_area .btn{
	padding:5px 12px 7px 11px !important;
}
.submit_area .btn i{
	vertical-align:-2px !important;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.field{
	float:none !important;
}
.fixtext{
	margin-top:10px;
	width:78px;
	font-size:11px;
	color:#ff0000;
	float: left !important;
	margin-left: -87px !important;
}
.ths:first-child{
	text-align:center;
	border-left:1px solid #BCBCBC;
	border-radius:0px 7px 0px 0px;
}
.ths{
	text-align:center;
	border-left:1px solid #BCBCBC;
}
.ths:last-child{
	text-align:center;
	border-radius:7px 0px 0px 0px;
}
.table-bordered label{
	cursor:pointer;
	font-size:13px !important;
}
.table-bordered label input{
	cursor:pointer;
	vertical-align:-3px;
}
.spacer{
	margin-top:9px;
}
.btn-left{
	margin-bottom:5px;
	float:left;
	/* padding:3px 10px 5px 10px; */
	margin-right:3px;
}
.client_detail_box{
	text-align: center;margin: 12px 0px 15px !important;font-size: 18px !important;font-family: iransans_medium;
}

/* service status*/
.servicestates > * {
        display: inline-block;
        min-width: 15px;
        position: relative;
    }

.servicestates {
	position: relative;
}


.servicestates .led > span {
	display: none;
}

.servicestates .led {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,f16f5c+50,f6290c+51,f02f17+71,e73827+100;Red+Gloss+%231 */
	position: absolute;
	height: 15px;
	margin-top: 28px;
	border-radius: 5px;
	z-index: 5;
	border: 1px solid;
	left: 5px;
	font-size: 10px;
	text-align: center;
	width: 15px;
	font-family:'Lucida Console';
	line-height: 17px;
}

.servicestates .led_noselect {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#91e842+43,d2ff52+53,91e842+86 */
	background: #91e842;
    background-color: rgb(145, 232, 66);
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
	background: -moz-linear-gradient(-45deg, #91e842 43%, #d2ff52 53%, #91e842 86%);
	background: -webkit-linear-gradient(-45deg, #91e842 43%,#d2ff52 53%,#91e842 86%);
	background: linear-gradient(135deg, #ececec 43%,#eaeaea 53%,#ececec 86%);
	border-color: #929292;
	box-shadow: 0 0 5px #b0b0b0;
	color: #B1B1B1;
	text-shadow: 0px 0px 1px #a4a4a4;
	cursor:pointer;
}
.servicestates .ledon {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#91e842+43,d2ff52+53,91e842+86 */
	background: #91e842; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #91e842 43%, #d2ff52 53%, #91e842 86%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #91e842 43%,#d2ff52 53%,#91e842 86%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #91e842 43%,#d2ff52 53%,#91e842 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-color: #006f00;
	box-shadow: 0 0 5px #40ff40;
	color:#090;
	text-shadow:0px 0px 1px #0f0;
}

.servicestates .ledoff {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,f16f5c+50,f6290c+51,f02f17+71,e73827+100;Red+Gloss+%231 */
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border-color: #2F2020;
	color: #9f0000;
	/*box-shadow: 0 0 3px #888;*/
	text-shadow:1px 1px 0 #ff7070
}

.servicestatus {
	border-radius: 60px;
	box-shadow: 0 0 2px #000;
	margin: 9px 5px;
	transition: all 300ms ease 0s;
	width: 26px;
}

.servicestates .status-1 {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
}

.servicestates .status-0 {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	opacity: 0.6;
}
/* service status*/
.chatarea{display:none;}
#openchatting{display:none;}
#livesup_box{position:fixed;z-index:999999;right:30px;bottom:0;margin-bottom:-272px;direction:ltr !important;}
.chat_header_area{width:367px;height:38px;background-color:transparent;}
.trans_chheader1{background-color:transparent;width:121px;height:38px;float:right;border-radius:0px 0px 0px 0px;}
.trans_chheader2{background-color:transparent;width:121px;height:38px;float:right;border-radius:0px 0px 0px 20px;border-bottom:0px solid #C4C4C4;}
.chat_header{font-size:11px;font-family:iransans,tahoma;text-align:center;font-weight:bold;direction:rtl;padding:10px 5px 0px 0px;color:#fff;background-color:#000;width:245px;height:38px;float:right;border-radius:15px 20px 0px 0px;border-right:0px solid #C4C4C4;border-left:0px solid #C4C4C4;border-top:0px solid #C4C4C4;box-shadow: 1px 0px 5px #AFAFAF;}
#oponline, #opoffline{cursor:pointer;border:0px solid #fff;padding:5px 0px 0px 8px;margin-top:-11px;height:28px;position:absolute;width:245px;font-size: 13px;font-family:iransans_bold;}
.chat_title{cursor:pointer;border:0px solid #fff;margin-top:-10px;height:28px;position:absolute;width:245px;display:none;font-size: 12px;font-family: iransans_bold;}
.beforechatting{padding:6px 5px 0px 8px;}
.chatting{padding:6px 10px 0px 8px;}
.chat_title img{float:left !important;margin:1px 0px 0px 9px;cursor:pointer;}
.chatbox_area{font-size:11px;font-family:iransans,tahoma;text-align:center;direction:rtl;padding:10px 5px 0px 5px;color:#ffffff;width:365px;height:270px;background-color:#000000;border-radius:0px 15px 0px 0px;border-left:0px solid #C4C4C4;border-right:0px solid #C4C4C4;box-shadow: 1px 0px 5px #AFAFAF;}
#carealoading{text-align:center;position:absolute;width:363px;font-size:13px;}
#loadingshow{margin:0px 5px -15px 0px;}
.under_login{
	font-family:iransans_medium;
	font-size:14px;
	color:#ffffff;
}
.sub_content_title {
	color: rgb(255, 57, 57) !important;
	font-size: 17px !important;
	font-family: iransans !important,tahoma;
	border-bottom: 1px solid rgb(102, 102, 102);
	padding-bottom: 11px;
}
.sp_table_titles{background-color:#c92f37 !important;text-align:center;font-size: 12px !important;font-family: iransans_bold !important;padding: 13px 0px 14px;color:#ffffff;}
.sp_tr_parting{border-bottom: 2px dotted rgb(125, 125, 125) !important;}
.sp_activity_num{text-align:center;font-size: 14px !important;padding: 13px 0px 14px;color:#0000ff;}
.sp_activity_td{font-size: 11px;padding:13px 0px 13px !important;}
.table_number{
	font-size:14px !important;
}
.hidden_input{
	border:0px;background-color:transparent;width:185px;;
}
.table_sum_box{
	background-color: rgb(0, 160, 186);
	margin-top: 10px;
	border-radius: 5px;
	border: 1px solid rgb(175, 175, 175);
	text-align: center;
	color: rgb(255, 255, 255);
	padding: 6px 0px 0px;
	height: 36px;
	font-family: iransans_fanum;
}



.field-tip {
    position: relative;
    background-color: #fcf8e3;
    color: #c09853;
    font-size: 80%;
    margin-top: 10px;
    padding: 5px;
    border-radius: 2px;
    display: none;
}
.arrow-up {
    position: absolute;
    top: -8px;
    width: 0;
    height: 0;
    margin-right: 3px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fcf8e3;
}
.field-tip .tip-text {
    display: inline-block;
    white-space: pre-wrap;
    margin-right: 5px;
}
li .bubble {
    border-radius: 1000px;
    width: 20px;
    height: 20px;
    background-color: #bbb;
    display: inline-block;
    margin-left: 10px;
}
li.completed .bubble {
    background-color: #65d074;
    color: #65d074;
    border-color: #247830;
}

li.warning .bubble {
    background-color: #edb10a;
    color: #edb10a;
    border-color: #5a4304;
}
/*tab in bootstrap*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #eae7e7;
    border: 1px solid #000;
        border-bottom-color: #000;
    border-bottom-color: transparent;
}
.nav-tabs {
    border-bottom: 1px solid #000;
}
.searchBox
{
      width: 625px;
    height: 250px;
    margin: 50px 0 20px 0;
        margin-right: 0px;
    margin-right: calc(50% - 327.5px);
    padding: 15px;
    position: relative;
    float: right;
    text-align: center;
    background: -moz-linear-gradient(270deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, 270deg, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, #fafaf4));
    background: -webkit-linear-gradient(270deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(270deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(270deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=rgba(0,0,0,0.5), endColorstr=rgba(0,0,0,0), GradientType='1');
    background: linear-gradient(180deg, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
}
.catBox
{
    width: 100%;
    float: right;
    margin: 50px 0 0 0;
}
.catBox ul
{
    width: 810px;
    float: right;
    margin-right: calc(25% - 11%);
    padding: 0px;
    list-style: none;
}
.catBox ul li {
    float: right;
    margin: 0px 7px;
    height: 130px;
    width: 120px;
    background-color: rgba(255,255,255,0.2);
    border-radius: 4px;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.catBox ul li:hover
{
background-color: rgba(209,47,47,0.6);    
}
.catBox ul li i {
    font-size: 60px;
    position: relative;
    color: #fff;
}
.catBox ul li a {
text-decoration: none;
}
.catBox ul li h5 {
margin: 0px;
padding: 0px;
font-size: 14px;
font-weight: 100;
position: relative;
top: 25px;
color: #fff;

}
.adszaman
{
color: #b0a7a7;
font-size: 0.9em;

}
.adstitle
{
color: black;
font-size: 1.3em;    
}
.adsmakan
{
   color: black;
font-size: 1em;
 
}
.ribbon {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
#searchText
{

    float: right;
    width: 67%;
    height: 40px;
    margin: 17px 4.6% 0 0;
    border: 0px;
    padding: 0px 6px;
    direction: rtl;
    text-align: right;
    font-size: 17px;
    border-radius: 4px;
    outline: none;
}
#searchSubmitBtn {
    float: left;
    width: 20%;
    height: 40px;
    margin: 17px 0% 0 5%;
    color: #FFF;
    background-color: #ff4d55;
    border: 0px;
    border-radius: 4px;
    font-size: 20px;
    outline: none;
}
.imgmoble
{
    height: 150px;
}
.noealert {
    padding: 3px;
    border: 2px solid #fc0202;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 5px;
}
.itemmahsol
{
 height: 52px;
border-bottom: solid 1px #e6e6e6;
line-height: 52px;
font-size: 16px;
overflow: hidden !important;
-webkit-transition: height .5s;
transition: height .5s;  
padding-right: 40px;
padding-left: 40px;
 
}
.itemmahsol .value
{
    float: left;
display: inline-block;
font-weight: 700;

}
.itemmahsol label
{
   float: right;
display: inline-block;
color: #4a4a4a;


}
.breadcrumb {
    padding: 8px 15px;
    margin-top: 20px;
    list-style: none;
    background-color: #f4f3f3;
    border-radius: 4px;
    border: 1px solid;
}
.paymentalert {
    background-color: white;
    border: 1px solid #C0C0C0;
    padding: 10px;
}

