:lang(ar) li { direction:rtl;}
.text-right { text-align: right; 	}
.text-left { text-align: left; 	}
.direction-right { direction: rtl; 	}
.direction-left{ direction: ltr; 	}
.err-msg { color: #000;  } 
.err-msg .data-fv-message { color: #000;  } 
 .errors {color:#900; } 
	.modulchange  {cursor: pointer;  box-shadow: 0; margin:0; padding:0;  }   
	.modulchange:hover {  box-shadow: inset 0 0 2px #FF0000; 	}
	
	.menuchsjmcd,.menuchsjmc  {cursor: pointer; } 
	.absolute_save_button { position: absolute; display: none;}
 
	.menuchsjmcd,.menuchsjmc:hover {	box-shadow: inset 0 0 2px #FF0000; 	}
	.disabled_link{	 pointer-events: none; }
	.go_right{   transform: translate3d( 450px, 0, 0 ); /* X, Y, Z */ 
				 -webkit-transform: translate3d( 450px, 0, 0 );
				 -webkit-transition: transform 1s ease-in-out;
	 }           
     .go_left{   transform: translate3d( 0px, 0, 0 ); /* X, Y, Z */ 
				 -webkit-transform: translate3d( 0px, 0, 0 );
				 -webkit-transition: transform 1s ease-in-out; 
	 } 
	 .sortable_grid{   display: block; width: auto; } 
	  #save_page{   display: block; width: auto; } 
	.gridchange {	 box-shadow: inset 0 0 2px #000;	position: relative;	}
	.gridchange:hover {	 box-shadow: inset 0 0 6px #FFF000;	padding-bottom: 0px;	}
	.grid_btn {	position: absolute;  bottom:0; left: 0;	display: none; width: 100%; background: #000; color: #fff; height: 40px; padding: 10px; }
	.grid_active {	position: absolute;  left: 0; display: block;	width: 100%; cursor: pointer; }
	.btn1 {	 border-radius: 50%; padding: 6px; border: .1em solid #afafaf;	}
	
	
	.changearea {cursor: pointer;}
    .changearea:hover  {	 box-shadow: inset 0 0 6px #FF0000;	}
	
	.element_modul { width: 100%; display: block; position: relative;}
	.element_modul:hover {box-shadow: inset 0 0 2px #FF0000;}
	.modul_active  {	margin-bottom: 5px;		}
	.element_btn {	position: relative;  	display: block; width: 100%; background: none; color: #fff; margin-top: 10px; height: auto; padding: 0;  font-size: 14px;}
	.element_active {	display: block;	}
	.btn2 {	  padding: 6px; border: .1em solid #a1cef8;	color: #a1cef8; background: #a1cef8; color: #fff; cursor: pointer;}
 #resizeDiv {overflow-y: scroll; overflow-x: hidden; -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.5);
				-moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.5);
				box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.5);
				border-radius: 3px;	background: #fff; z-index:999; border: 1px solid #fff; display: none;
			}
#resizeDiv::-webkit-scrollbar {
    width: 12px;
}
#resizeDiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
 
}
#resizeDiv::-webkit-scrollbar-thumb {
     
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8); 
}
#resizeDiv.standard {	width: 660px; height: 500px;  position: fixed;  right:0; bottom: 30px; padding: 10px;	}
#resizeDiv.minimal {	position: fixed; width: 120px; height: 40px; right:0; bottom: 30px; }
.template_head {	border: .1em solid #cfcfcf; padding: 5px 10px; margin-bottom: 5px; font-size: 14px; font-weight: bold; background: #fff;	}
.template_head input[type=checkbox] { border: 2px solid red; width: 20px; height: 20px; background: #fff; margin-top: -2px;}
.template_editing_area { display: none;	 border: .1em solid #cfcfcf; padding: 15px 1%; background: #fff; width: 98%;	}
.template_content  {	border: .1em solid #cfcfcf; padding: 15px 1%; width: 98%; margin-bottom: 5px; font-size: 12px;	font-size: 14px; font-weight: bold;	display: inline-block;  	  background: #fff;	}
.template_content h4  {	font-size: 14px; padding: 0; margin:0; display: inline;	}
.template_content  span {		display: inline-block; width: 97%; margin-top: 16px; padding: 7px;  border-bottom: .1em solid #efefef;	}
.template_content  label {  width: 130px; padding: 4px; display: inline-block; margin:0;	}
.template_content  select, input {	 padding: 4px; display: inline-block; margin:0;	}
.cp_bottom_fixed {	bottom: 0; width: 100%; height: 40px; position: fixed; z-index: 777; background: #fff; color: #000; border-top: .1em solid #efefef;	}
.cp_bottom_fixed ul {	list-style: none; margin-left: 15px; }
.cp_bottom_fixed ul li {  padding: 10px 15px; border-right: .1em solid #efefef; height: 40px; cursor: pointer;	overflow: visible; }
.cp_li_div {	display: none;	position: fixed;	width: auto; height: auto; padding: 30px 20px 10px 20px; border: .1e .1em 0 .1em; border-color: #efefef;  min-height: 50px; z-index: 779;   bottom: 40px; background: #fff; overflow: hidden; }																			
 .draggablex_item  { display: inline-block; padding:0; margin:0;	} 
 .draggablex_item li{	 margin: 3px;text-align: center; display: inline-block; background: #fff; border-radius: 4px; border: .1em solid #aaa; padding: 5px; min-width: 110px; font-size: 11px; display: inline-block; list-style-type: none;	}
 .draggablex_item li:hover{	 background: orange; color: #fff; cursor: pointer;	}
 .gridchange .grid_items_small  {		width: 100%; position: relative; height: 100px; background: #efefef; padding: 20px;		}
 /*-------------------------------*/
/*           VARIABLES           */
/*-------------------------------*/
 
								
body {
  position: relative;
  overflow-x: hidden;
}
body, html {
  height: 100%; 
  z-index: 0;
}
.nav .open > a { background-color: transparent; }
.nav .open > a:hover { background-color: transparent; }
.nav .open > a:focus { background-color: transparent; }
nav {	z-index: 99999999; 	}
/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/
#wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
    z-index: 99999999; 
}
#wrapper.toggled { padding-left: 220px; }
#wrapper.toggled #sidebar-wrapper { width: 220px; }
#wrapper.toggled #page-content-wrapper {
  margin-right: -220px;
  position: absolute;
  z-index: 9999999; 
}
#sidebar-wrapper {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  background: #1a1a1a;
  height: 100%;
  left: 220px;
  margin-left: -220px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 0;
  z-index: 999999;
  padding: 0;
  position: absolute;
}
#sidebar-wrapper::-webkit-scrollbar {
 display: none;
}
#page-content-wrapper {
  z-index: 9999999;
  width: 100%;
}
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;    z-index: 99999999; 
  width: 220px;
}
.sidebar-nav li {
  display: block;
  float: left;
  line-height: 20px;
  position: relative;
  width: 100%;
}
.sidebar-nav li:before {
  -moz-transition: width 0.2s ease-in;
  -ms-transition: width 0.2s ease-in;
  -webkit-transition: width 0.2s ease-in;
  background-color: #1c1c1c;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 3px;
  z-index: -1;
}
.sidebar-nav li:first-child a {
  background-color: #1a1a1a;
  color: #ffffff;
}
.sidebar-nav li:nth-child(2):before { background-color: #52418a; }
.sidebar-nav li:nth-child(3):before { background-color: #5c499c; }
.sidebar-nav li:nth-child(4):before { background-color: #6651ad; }
.sidebar-nav li:nth-child(5):before { background-color: #7562b5; }
.sidebar-nav li:nth-child(6):before { background-color: #8473be; }
.sidebar-nav li:nth-child(7):before { background-color: #9485c6; }
.sidebar-nav li:nth-child(8):before { background-color: #a396ce; }
.sidebar-nav li:nth-child(9):before { background-color: #b2a7d6; }
.sidebar-nav li:hover:before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%;
}
.sidebar-nav li a {
  color: #dddddd;
  display: block;
  padding: 10px 15px 10px 30px;
  text-decoration: none;
}
.sidebar-nav li.open:hover before {
  -webkit-transition: width 0.2s ease-in;
  transition: width 0.2s ease-in;
  width: 100%;
}
.sidebar-nav .dropdown-menu {
  background-color: #222222;
  border-radius: 0;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus {
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
  font-size: 20px;
  height: 65px;
  line-height: 44px;
}
/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger_right_top {
  background: transparent;
  border: none;
  display: block;
  height: 32px;
  margin-left: 15px;
  position: fixed;
  top: 10px;
  width: 32px;
  z-index: 9999;
  padding: 10px;
  border-radius: 10px;
  background: #efefef;
}
	.btn_save {	  background: transparent;
  border: none;
  display: block;
  height: 30px;
  margin-left: 15px;
  position: fixed;
  top: 46px;
  width: 32px;
  z-index: 9999;
  padding: 10px;
  border-radius: 10px;
  background: red;	}
  
  	.btn_new {	  background: transparent;
  border: none;
  display: block;
  height: 30px;
  margin-left: 15px;
  position: fixed;
  top: 80px;
  width: 32px;
  z-index: 9999;
  padding: 10px;
  border-radius: 10px;
  background: #caba09;	}
  
   .btn_grid {	  background: transparent;
  border: none;
  display: block;
  height: 30px;
  margin-left: 15px;
  position: fixed;
  top: 220px;
  width: 32px;
  z-index: 9999;
  padding: 10px;
  border-radius: 10px;
  background: #caba09;	}
  
  
  	.btn_copy {	  background: transparent;
  border: none;
  display: block;
  height: 30px;
  margin-left: 15px;
  position: fixed;
  top: 115px;
  width: 32px;
  z-index: 9999;
  padding: 10px;
  border-radius: 10px;
  background: #f1990f;	}
  
    	.btn_edit {	  background: transparent;
  border: none;
  display: block;
  height: 30px;
  margin-left: 15px;
  position: fixed;
  top: 150px;
  width: 32px;
  z-index: 9999;
  padding: 8px;
  border-radius: 10px;
  background: #fff;	
   border: #0fe4f1 .1em solid ;
  }
    
  .btn_editor {	  background: transparent;
  border: none;
  display: block;
  height: 30px;
  margin-left: 15px;
  position: fixed;
  top: 185px;
  width: 32px;
  z-index: 9999;
  padding: 8px;
  border-radius: 10px;
  background: #fff;
  border: #efefef .1em solid ;
  }
  
  .btn_refresh {	  background: transparent;
  border: none;
  display: block;
  height: 30px;
  margin-left: 15px;
  position: fixed;
  top: 220px;
  width: 32px;
  z-index: 9999;
  padding: 8px;
  border-radius: 10px;
  background: #fff;
  border: #efefef .1em solid ;
  }

  
 .actbtn {	cursor: pointer;} 
 .btn_btngizle { display: block;  border-radius: 10px;border: none; z-index: 9999; padding: 5px; position: fixed;
  background: #000;  margin-left: 15px; top: 265px; width: 32px; cursor: pointer; color: #fff; }
.btn_btnac { display: none; background: #000; border-radius: 10px; width: 32px; cursor: pointer; color: #fff; margin-left: 15px; top: 46px;border: none; z-index: 9999;  padding: 5px; position: fixed;}
 
/*-------------------------------*/
/*          Dark Overlay         */
/*-------------------------------*/
.overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 90;
 
}
 
 
.control-group { display: inline-block; width:100%; padding: 12px 0px;  }
 
.control-label {
  float: left;
  width: 140px;
  padding-top: 5px;
  text-align: right;
}
.span9 {	width: 700px;		}
.controls select, .controls input { font-size: 11px; padding: 5px 2px; border-radius: 5px; }
.form-horizontal .control-group:after {
  clear: both;
}
.form-horizontal .control-label {
  float: left;
  width: 140px;
  padding-top: 5px;
  text-align: right;
}
.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 160px;
  *margin-left: 0; 
}
.form-horizontal .controls:first-child {
  *padding-left: 160px;
}
.form-horizontal .help-block {
  margin-top: 10px;
  margin-bottom: 0;
}
.form-horizontal .form-actions {
  padding-left: 160px;
}