@font-face {
    font-family: 'BYekan';
    src: url('/fonts/BYekan.eot');
    src: local('?'), url('/fonts/BYekan.woff') format('woff'), url('/fonts/BYekan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.logo {
         transition-duration: 100s;
    transition: all 0.5s ease 0s;
}
.logo:hover {

    transform: rotate(360deg);
}



a {
	color:#000000;
	text-decoration:none;
}
.userpanel_stat   a {
	color:black;
}
body{margin:0}
body, div, td, tr, select, textarea, input,button { font-family: "BYekan"  }
.icon-bg{ background-image:url("")!important;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 ,.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: right;
}
.navbar-nav{float:right}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color:#fac312 ;
	color: #fff;
}
.navbar-nav > li.active > a, .navbar-nav > li.active > a:focus, .navbar-nav > li.active > a:hover, .navbar-nav > li:hover > a, .navbar-nav > li > a:focus, .navbar-nav > li > a:hover{
	background-color:#fac312 ;
	color: #fff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	background-color:#fac312 ;
	color: #fff;	
}
.navbar-default {
	border-color:transparent;
}
.input-group-btn .btn{
	margin-bottom : 0px;
margin-top:0px;	
}
[class^="icon-"], [class*=" icon-"]{
		background-image:inherit;
}
.modal-footer {
    text-align:center;
}
.ussd_number_state{ height: 200px;}
.ussd_number_state a {color:#000000}
.panel-success{ background-color: #d6e9c6;}
.panel-danger{background-color: #ebccd1;}
.panel-warning{background-color: #FCF8E3;}
.panel-info{background-color: #D9EDF7;}
.panel-primary{background-color: #337AB7;}

.table {
    margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
}



    .page_ltr .form-group{
     direction:ltr!important;   
    }
	.btn-primary {
    background-color: #1c7ebb;
    border-color: #196fa5;
    color: #fff;
}
.list-group-item{
	padding: 12px!important;
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
  height: 50px;
}
.input-group-addon, .input-group-btn {
    width: 50px; 
	
}
.form-horizontal .form-group {
    margin-left: 0px!important; 
    margin-right: 0px!important; 
}
.list_table{
width:100%;
border: 1px solid #c9cdcd;
    border-radius: 5px;
    box-shadow: 0 0 8px #c9cdcd;
	
}
#noresult {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    color: #a94442;
    margin: 15px 0;
    padding: 10px;
}
.my_error_success{
	background-color:#5cb85c;
	border-radius: 5px 5px 5px 5px;
	text-shadow:0px 1px #C9CDCD;
	-moz-box-shadow:0px 0px 8px #C9CDCD;
	-webkit-box-shadow:0px 0px 8px #C9CDCD;
	box-shadow:0px 0px 8px #C9CDCD;	
	margin: 20px;
	border: 1px solid #C9CDCD;
	background-image: url('images/success_larg.png');

	background-position: 98% 5px ; 
	background-repeat: no-repeat;
	padding-right: 60px;
	padding-top: 10px;
	padding-bottom: 25px;
	color: #FFFFFF;padding-left:5px; font-weight:bold; text-align:right 	
}
.my_error_error{
	background-color: #F5F5F5;
	border-radius: 5px 5px 5px 5px;
	text-shadow:0px 1px #fff ;
	margin: 20px;
	border: 1px solid #ED1F24;
	background-image: url('images/error_larg.png');
	background-position: 98% 5px ; 
	background-repeat: no-repeat;
	padding-right: 60px;
	padding-top: 10px;
	padding-bottom: 15px;
	color:red;padding-left:5px;  text-align:right 	
}
.my_error_help{
	background-color:#FFFCDB;
	border-radius: 5px 5px 5px 5px;
	text-shadow:0px 1px #FFFFFF;
	-moz-box-shadow:0px 0px 8px #FF6600;
	-webkit-box-shadow:0px 0px 8px #FF6600;
	box-shadow:0px 0px 8px #FF6600;
	
	margin: 20px;
	border: 1px solid #FF6600;
	background-image: url('images/help_larg.png');
	background-position: 98% 5px ; 
	background-repeat: no-repeat;
	padding-right: 60px;
	padding-top: 10px;
	padding-bottom: 25px;
	color: #FF6600;padding-left:5px; font-weight:bold; text-align:right 	
}

.list_text   { border: 1px solid #800000;  margin:5px; padding: 5px }
label{ cursor:pointer; }
.not_show{display:none}
#md_form {margin :0px}
.my_error_fill_ok { border: 1px solid #008000 }
.my_error_fill_error { border: 1px solid #FF0000 }

.highlight { background-color: yellow }
.list_image{
	border-top:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; float:right;
	width:183px;height:140px; border-top-width:1px; 
}

.list_toolbar{
	background-color:#885555;padding:10px;
}
.list_title{
	background-color:#C0C0C0;

}
.overal {
	background-color:#000000;
}
.list_30{
	float:right;
	width:30px;
}
.list_50{
	float:right;
	width:50px;
}
.list_100{
	float:right;
	width:100px;
}
.near        { 
	float:right;
	padding-right:5px;
	padding-left:5px;
 }
.list_200{
	float:right;
	width:200px;
}

.list_300{
	float:right;
	width:300px;
}
.list_0      {
	padding-top:4px;
	padding-right:5px;
	height:20px;	
	background-color:#D0DAF4;
	clear:both; color:#000080
}
.list_1{
	padding-right:5px;
	padding-top:4px;
	height:20px;	
	background-color: #E2D8FE;
	clear:both; color:#000000
}

.list_item_3{
	padding-right:5px;
	padding-top:4px;
	height:20px;	
	background-color: #CEFFD8;
	clear:both;
	word-wrap:break-word;
}

.list_delete , .list_delete td { text-decoration: line-through; color: #C0C0C0; background-color: #F99C8E}

.search_form{
	background-color:#C6DAFB;
	border-radius: 5px 5px 5px 5px;
	text-shadow:0px 1px #FFFFFF;
	-moz-box-shadow:0px 0px 8px #A5C2FB;
	-webkit-box-shadow:0px 0px 8px #A5C2FB;
	box-shadow:0px 0px 8px #A5C2FB;	
	margin: 20px;
	border: 1px solid #A5C2FB;
	padding-top: 10px;
	padding-bottom: 25px;
	color: #0007FB;padding-left:5px; font-weight:bold; text-align:right 
	
	
}



.my_stat{
height: 20px; 
background-image: url('/images/stat_small.gif'); 
background-repeat: no-repeat;
background-position: right 5px ;
padding-top :5px;
padding-right :20px;
}
.my_info{
min-height: 30px; 
_height: 30px; 

padding-top :5px;
padding-right :20px;
}
.my_info_ltr{
min-height: 30px; 
_height: 30px; 
background-image: url('/images/info_small.gif'); 
background-repeat: no-repeat;
background-position: right 5px ;
padding-top :5px;
padding-right :20px; direction:ltr; text-align:right;
}
.need        { color: #FF0000; font-weight: bold }
.clear_me{clear:both}


#page-list{
	font-size: 12px;

	padding-bottom: 10px;
	padding-top: 10px;
	margin : 5px;

}
#page-list A:hover {
	color: #fff;
	background: red;
	border: 1px solid #d77011;
}
#page-list a {

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 6px;
	margin: 0 1px;
}
#page-this {
	background: #39a3e6;
	border: 1px solid #0082d5;
	color: #fff;
}

.fraim_title{
background-color: #E3E3E3; color:#000080; font-weight:bold

}
.fraim_down{
background-color: #E3E3E3;

}
.stat_title {
	height: 17px !important;
	height: 20px;
	background: #DCDCDC;
	color: #291F27;
	border-bottom: 1px #E4E4E4 solid;
	border-left: 1px #E4E4E4 solid;
	padding-top: 3px;
	text-align: center;	
}

.stat_table{
	border-right: 1px #E4E4E4 solid;

}
.stat_info {
	height: 17px !important;
min-height: 30px; 
_height: 30px; 
border-bottom: 1px #E4E4E4 solid;
	border-left: 1px #E4E4E4 solid;
	padding-top: 3px;
	text-align: center;	
}

.list-group-item:hover{
	background-color:#FFB61C ;
}
.boxtextads {
	display: block;
	background: #FFFFFF;
	border: #979F71 1px solid;
	margin-top: 10px;
	width: 623px;
}

.list_text_2 {
	background: #FBF8F1;
	padding-top: 3px;
	padding-right: 10px;
}
.list_text_1 {
	background: #FFFFF4;
	padding-top: 3px;
	padding-right: 10px;
}
.show_info_item{
height:25px;
}


.icon_list{
float:right;
width: 130px;
height:85px;
padding:2px;
text-align:center;
font-weight: bold;
}
img {border: 0px;}

.main_title_right{

}
.main_title_back{
 color:red; font-weight:bold;font-size:10pt;

}
.main_title_left{

}



.banksms_category {
	background: url('/images/category.gif');
	background-repeat: no-repeat;
	background-position: right top ;
	padding-right:48px;
	padding-top:7px;
	height:50px;
}


.support_main:hover {
background-color: #FAF9EE;
}
.support_main_item:hover {
background-color: #FFFFFF;
}
.support_main {
border: 1px solid #CCD9E7;-moz-border-radius: 1em;background-color: #FFFFFF;padding:10px;
}
.support_main_item {
border: 1px solid #CCD9E7;-moz-border-radius: 1em;background-color: #FAFAFA;padding:10px;
}
.attach_file_item{
float:left;margin-right:10px;margin-left:10px;margin-bottom:10px;
border: 1px solid #CCD9E7;-moz-border-radius: 1em;background-color: #FFFFFF;padding:5px;
}
.attach_file_item:hover {
background-color: #FAF9EE;
}
.support_main_left{
	padding:5px;
	padding-left: 30px;
	float:left;border: 1px solid #CCD9E7;-moz-border-radius: 1em;
}
.support_main_left:hover {
background-color: #FAF9EE;
}
.sms_counter{float:right}


#thSelectColumn div.cmDiv {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  display: inline;
}

.clickMenu {
  cursor: default;
  margin: 0;
  padding: 0;
}

#thSelectColumn li.main {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding: 0;
  text-align: right;
  width: 100%;
}

.clickMenu div.outerbox {
  display: none;
  min-width: 106px;
}

.list_item_1 {
  background-color: #77EA77;
  clear: both;
  height: 20px;
  padding-right: 5px;
  padding-top: 4px;
  word-wrap: break-word;
}

.list_item_2 {
  background-color: #F5F5F5;
  clear: both;
  height: 20px;
  padding-right: 5px;
  padding-top: 4px;
  word-wrap: break-word;
}

.tableall thead > tr > th{
	background-color: #ff7354;
	color:#fff;
  clear: both;
  height: 20px;
  padding:5px;
  word-wrap: break-word;
}

.messages {

  list-style: none;
}
.messages .message {
  clear: both;
  overflow: hidden;
  margin-bottom: 20px;
  transition: all 0.5s linear;
  opacity: 0;
}
.messages .message.left .avatar {
  background-color: #f5886e;
  float: left;
}
.messages .message.left .text_wrapper {
  background-color: #ffe6cb;
  margin-left: 20px;
}
.messages .message.left .text_wrapper::after, .messages .message.left .text_wrapper::before {
  right: 100%;
  border-right-color: #ffe6cb;
}
.messages .message.left .text {
  color: #c48843;
}
.messages .message.right .avatar {
  background-color: #fdbf68;
  float: right;
}
.messages .message.right .text_wrapper {
  background-color: #c7eafc;
  margin-right: 20px;
  float: right;
}
.messages .message.right .text_wrapper::after, .messages .message.right .text_wrapper::before {
  left: 100%;
  border-left-color: #c7eafc;
}
.messages .message.right .text {
  color: #45829b;
}
.messages .message.appeared {
  opacity: 1;
}
.messages .message .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
.messages .message .avatar a {
	color:#fff;	
}
.messages .message .text_wrapper {
  display: inline-block;
  padding: 20px;
  border-radius: 6px;
  width: calc(100% - 85px);
  min-width: 100px;
  position: relative;
}
.messages .message .date {
	float:left;
}
.messages .message .text_wrapper::after, .messages .message .text_wrapper:before {
  top: 18px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.messages .message .text_wrapper::after {
  border-width: 13px;
  margin-top: 0px;
}
.messages .message .text_wrapper::before {
  border-width: 15px;
  margin-top: -2px;
}
.messages .message .text_wrapper .text {
  font-size: 14px;
}

.modal-body {
    max-height: calc(100vh - 112px);
    overflow-y: auto;
}



	.setting_div{
	   padding:2px;
	 min-height:40px;
       
    }
	.tree-btn  {
		float: left;
		cursor: pointer;
        margin:5px;
	}


		.menuEdit{
		direction:rtl;
		text-align:right;
		}
		

		
		.placeholder {
			outline: 1px dashed #4183C4;
		}

		
		#my_tree ul {
			
			padding-right: 25px;
		}

		.menuDiv {
			border: 1px solid #d4d4d4;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			cursor: move;
			border-color: #D4D4D4 #D4D4D4 #BCBCBC;
			padding: 3px;
		}
		
		li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
			border-color: #999;
		}
		
		.disclose, .expandEditor {
			cursor: pointer;
			width: 20px;
			display: none;
		}
		
		.sortable li.mjs-nestedSortable-collapsed > ul {
			display: none;
		}
		
		.sortable li.mjs-nestedSortable-branch > div > .disclose {
			display: inline-block;
		}
		
		.sortable span.ui-icon {
			display: inline-block;
			margin: 0;
			padding: 0;
		}
		
		.menuDiv {
		      margin:5px;
		       width :550px;
			background: #EBEBEB;                
		}

		.itemTitle {
			vertical-align: middle;
			cursor: pointer;
		}
		
        .div_text{
            background: #449DD5;      
        }
        .div_rpc{
            background: #F98E33;      
        }		
        .div_input{
            background: #777777;      
        }        
		
        .div_data{
            background: #23AE89;      
        }        
		
        .div_goto{
            background: #E94B3B;      
        }