@font-face {
    font-family: 'Alef';
    src: url('/css/Alef-Webfont/Alef-regular.eot');
    src: url('/css/Alef-Webfont/Alef-regular.eot?#iefix') format('embedded-opentype'),
         url('/css/Alef-Webfont/Alef-regular.woff') format('woff'),
         url('/css/Alef-Webfont/Alef-regular.ttf') format('truetype'),
         url('/css/Alef-Webfont/Alef-regular.svg#alefregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Alef';
    src: url('/css/Alef-Webfont/Alef-bold.eot');
    src: url('/css/Alef-Webfont/Alef-bold.eot?#iefix') format('embedded-opentype'),
         url('/css/Alef-Webfont/Alef-bold.woff') format('woff'),
         url('/css/Alef-Webfont/Alef-bold.ttf') format('truetype'),
         url('/css/Alef-Webfont/Alef-bold.svg#alefbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

* {
	margin: 0;
}


html, body {
	height: 100%;	
}


body {
	direction: rtl; 
	font-family: Alef, arial;	
	color: #34495e;
	
	 background: url(/images/admin/backg_image.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
}

/*  for adding bootstrap templates */
.row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}


p {margin: 0;}

a {color: 	#34495e;}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -32px; /* the bottom margin is the negative value of the footer's height */
}

.main {
	/*background: url(/images/admin/backg_image.jpg);*/
	padding: 3% 0;	
}
  .main .container {position: relative;}

.success_message {
	width: 250px;
	display: none;
	position: absolute;
	top: 250px;
	right: 40%;
	background-color: #16A086;
	text-align: center;
	color: white;
	z-index: 99999;
	padding: 1.4em 1em;
	font-size: 1.2em;
	border-radius: 5px;
}
      .success_message span {font-size: 1.3em; background: white; padding: 0.2em 0.4em; border-radius: 50%;}


.to_dashboard{position: absolute;  text-align: left;  left: 3.3em; top: -2.1em; }

.btn, .ui-widget {font-size: 15px !important;}

.system-btn-login {font-size: 17px;}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-size: 15px !important;
}

.page_description {font-size: 1.2em;}

form {display: inline;}

.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.7); /*dim the background*/
}

/***********************************************************************
| General
************************************************************************/
.submit_no_link {cursor: pointer;} /*   כאשר על מנת לעבור לדף הבא צריך לשלוח טופס */


/***********************************************************************
| Forms
************************************************************************/
	.form-control-checkbox {
	  width: 20px;
	  height: 20px;
	  padding: 6px 12px;
	  font-size: 14px;
	  line-height: 1.42857143;
	  color: #555;
	  background-color: #fff;
	  background-image: none;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	 
	}
	
	.thumbnail-box {
	   border: 1px solid silver; border-radius: 4px; background: white;
	   text-align: center; padding: 8px 30px;
	   max-width: 300px; margin: 8px 0 10px 0;
	}
	
	.file_buttons {margin-top: 8px;}
	
	.handle {
	   cursor: move;
	}

	      
    .error {
		border: 1px dotted gray;
		width: 100%;
		margin:0px 0px 6px 10px;
		background-color: #FBF6CE;
		font-size: 13px;
		padding: 6px;
		color: red;	
		margin: 0 0px 0 0 ;
    }
        
    
    .file_exists {padding-right: 204px; margin-top: -10px; }
    
    .sort_tbl {
      background: white; margin-bottom: 10px; margin-top: 10px;
      width: 100%; height: 2.5em;
      border-radius: 5px;
    }    
    
      .sort_tbl .tbl_drag{
       width: 4%; text-align: center;
      }
    
      .sort_tbl .tbl_txt{
       width: 51%; text-align: right; padding-right: 10px; font-size: 1.2em;  
      }
    
      .sort_tbl .tbl_buttons{
       width: 32%;
       text-align: left; padding: 5px 0px 5px 0px; padding-left: 7px;   
      }
      
      /**  landing pages ***/
      .sort_tbl .tbl_txt_forms{
       width: 41%; 
      }
    
      .sort_tbl .tbl_buttons_forms{
       width: 42%;
      }
      
      /*****************/
      
          .btn-info-edit {background: #428bca;}
          
          .sub_items_bottom_buttons {padding: 1em 0; text-align: right;}
    
    .handle {border-top-right-radius:5px; border-bottom-right-radius:5px;}
	
	
	  .free_articles_tbl .tbl_txt{
       width: 40%; text-align: right; padding-right: 10px; font-size: 1.2em;  
      }
      
       .free_articles_tbl .page_url{
       width: 40%; text-align: left; padding-right: 10px; font-size: 1.2em;  
      }
      	 .free_articles_tbl .page_url  input[type=text] {text-align: left; direction: ltr; width: 100%; padding-left: 5px;}
    
      .free_articles_tbl .tbl_buttons{
       width: 20%;
       text-align: left; padding: 5px 0px 5px 0px; padding-left: 7px;   
      }
	
	
	
	.validation_error {
	  	border: 1px dotted gray;
		width: 700px;
		margin:0px 0px 6px 10px;
		background-color: #FBF6CE;
		font-size: 13px;
		padding: 6px;
		color: red;	
	}
			
	.star {color: red; }
	
	.help_div {margin-bottom: 2px;}	
	.help {color: #477946; font-weight: bold;}

    .form-horizontal .control-label {padding-top: 0;}


/***********************************************************************
| Top section
************************************************************************/

.top_section {
	margin: 0 auto;
	padding: 0% 0; background: #34495E;
}

	.top_section .logo {text-align: left; padding-top: 0.3%;}
	
	
	/***  menu ***/
	.navbar {margin-bottom: 0;}
	.navbar-header select {display: none; } /* for smart phones */
	.navbar-default {background: none; border:none;}
		
	.navbar-nav > li > a {
	                                   color: white !important; font-size: 1.1em !important;
	                                   border-right: 1px solid #54677a  !important;
	                                   border-left:   1px solid #142638 !important;    
	                                }
	.navbar-nav > li > a:hover {background: #2D3E50 !important;}
	
	  	
	.dropdown-menu {background: #40556A;}
	
	  .dropdown-menu  a {color: white !important; font-size: 1.1em;}
	    .dropdown-menu  a:hover {background: #2D3E50 !important;}

      .top_link_over {background: #2D3E50 !important}


/***********************************************************************
| Login
************************************************************************/

	.login_screen {
	   margin: 0 auto;
	   padding: 1.5em 2.5em;
	   width: 42%; height: 32%;
	   background: url(/images/admin/backg_image_transparent.png);
	   border-radius: 5px;
	}
	
	.welcome {font-size: 2.8em; text-align: right; margin: 0 auto;}
	  .welcome span {background: white; padding: 0.2em 0.5em; border-radius: 50%;}
	  
		
	.login_txt {font-size: 1.3em; margin-top: 5px;}
	  .login_txt  p {line-height: 19px;}
	
			.form_fields {margin-top: 1.3em;}
			 .btn-login { 
			  color: #ffffff; 
			  background-color: #6CA80B; 
			  border-color: #67A109; 
			} 
 			
				
	.login_screen .form_fields div {margin-bottom: 1em; }
	
	 .login_screen .form_fields .form-control {height: 3.0em;}
	 .login_screen .form_fields .input-group {height: 3.0em; }
		
	  .login_screen .form_fields input[type=text],
	  .login_screen .form_fields input[type=password] {font-size: 1.1em;}
		
	.login_screen .input-group-addon {background: #2780B8; color: white;}
	
	
/***********************************************************************
| Page subject
************************************************************************/
.page_subject {margin: 0 auto; background: #DFE7E9; padding: 0.4em 0;}
	.page_subject .subject {text-align: right; font-size: 1.8em; padding-right: 45px;}
	.page_subject .site_name {text-align: left; font-size: 1.2em; padding-top: 0.4%;}


/***********************************************************************
| Main icons
************************************************************************/
.main_content {
	min-height: 400px;
	border-radius: 5px;    background: url(/images/admin/backg_image_transparent.png);
	margin: 1.0em auto 2em;
}


	.main_content .content {padding: 1.0em 2em;}
	.main_content_hp .content {padding: 30px 0 30px;}
	
	
	   .main_icon {float: right; width: 10.5em; text-align: center; margin: 0 2.0em 2.0em 0em; }
	   
	       .main_content  .the_icon {padding: 1.4em 0.8em  1em 0.8em;}
	         	       
           .main_content  .txt {height: 3.0em; line-height: 15px;  padding: 3px 3px;
                                           font-size: 1em; font-weight: bold;
                                           vertical-align:middle;
                                           display: table-cell;
                                           width: 10.5em;
                                        }
                                     
            .icon_over {opacity: 0.8;}
                              
          	   
	   
	   /* Colors */
	   
	    .main_content .green .the_icon {background: #16a085; color: white;}
		.main_content .green .txt {background: #16a085 url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .orenge .the_icon {background: #f39c12; color: white;}
		.main_content .orenge .txt {background: #f39c12 url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .blue .the_icon {background: #2980b9; color: white;}
		.main_content .blue .txt {background: #2980b9 url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .red .the_icon {background: #e74c3c; color: white;}
		.main_content .red .txt {background: #e74c3c url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .purple .the_icon {background: #8e44ad; color: white;}
		.main_content .purple .txt {background: #8e44ad url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .red .the_icon {background: #e74c3c; color: white;}
		.main_content .red .txt {background: #e74c3c url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .pink .the_icon {background: #c92f70; color: white;}
		.main_content .pink .txt {background: #c92f70 url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .blue-purple .the_icon {background: #4455ad; color: white;}
		.main_content .blue-purple .txt {background: #4455ad url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .green-blue .the_icon {background: #29adb9; color: white;}
		.main_content .green-blue .txt {background: #29adb9 url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .blue-green .the_icon {background: #2992b9; color: white;}
		.main_content .blue-green .txt {background: #2992b9 url(/images/admin/backG_text_only.png); color: white; }
	   
	 	.main_content .green .the_icon {background: #16a085; color: white;}
		.main_content .green .txt {background: #16a085 url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .Dynamic_Pages .the_icon {background: #2980b9; color: white;}
		.main_content .Dynamic_Pages .txt {background: #2980b9 url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .Members .the_icon {background: #c92f70; color: white;}
		.main_content .Members .txt {background: #c92f70 url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .Categories .the_icon {background: #f39c12; color: white;}
		.main_content .Categories .txt {background: #f39c12 url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .Gallery .the_icon {background: #e74c3c; color: white;}
		.main_content .Gallery .txt {background: #e74c3c url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .Projects .the_icon {background: #16a085; color: white;}
		.main_content .Projects .txt {background: #16a085 url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .Movies .the_icon {background: #29adb9; color: white;}
		.main_content .Movies .txt {background: #29adb9 url(/images/admin/backG_text_only.png); color: white; }
		
		.main_content .Media .the_icon {background: #4455ad; color: white;}
		.main_content .Media .txt {background: #4455ad url(/images/admin/backG_text_only.png); color: white; }
		
	
/***********************************************************************
| Galleries
***********************************************************************/
	
.add_images_tbl {margin: 1.5em 0;}
 
 	.add_images_tbl .img_label {font-weight: bold; }
 	   .add_images_tbl .img_label label{padding-right: 0.8em;}
	.add_images_tbl .upload_field {background: #34495E; color: #ffffff; padding: 0.5em 1em; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
	.add_images_tbl .img_label1 {text-align: center; background: #C92F6F; color: white;}
	.add_images_tbl .img_title {background: #ffffff; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
	   .add_images_tbl .img_title input{margin: 0 1em 0 0; width: 95%;}
	
	
.galleries_list {width: 100%; background: white; border-radius: 5px; margin-bottom: 1em; padding: 0.5em 0.5em;}

   .galleries_list .item_name {font-size: 1.2em; padding-top: 0.5em;}
   .galleries_list .button {text-align: left; padding-left: 0px !important;}
	
 .pictures_drag {background: #16A086; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

.gallery_images_buttons {vertical-align: bottom; }


  /* gallery images  */
  .gallery_images ul {list-style-type: none;}
  
   .gallery_images ul li {margin-bottom: 15px;}
   
    .gallery_images ul li img {cursor: move;}
  

/***********************************************************************
| menus / products (add main/sub item)
************************************************************************/
table.add_item {}
 table.add_item td{padding: 0.3em ;}
	table.add_item td.title {
	                   width: 20%;
	                   color: white; text-align: center; background: #34495E; 
	                   border-top-right-radius: 4px;   border-bottom-right-radius: 4px;
	                   font-weight: bold;
	                   font-size: 15px !important;
	                  }
	table.add_item td.item_text {width: 70%; }
	  table.add_item td.item_text input[type=text] {width: 100%; margin-right: 10px;}
	
	table.add_item td.action {width: 10%; text-align: left; padding-left: 8px; }
	
/***********************************************************************
| Footer
************************************************************************/
	
.footer, .push {
	min-height: 32px; /* .push must be the same height as .footer */
}

.footer {
	margin: 0 auto;
    background: #34495E;
	text-align: center;
	color: white;
	border-top: 4px solid #e0e7e8;
}
 .footer .container {padding: 4px 0 0px 0;}
    .footer a {color: white !important;}


/***********************************************************************
| jquery ui
***********************************************************************/
.ui-widget {font-family: Alef !important;}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Alef,Helvetica,Arial,sans-serif !important;
}


/***********************************************************************
/ Tabs (jquery ui)
************************************************************************/

#tabs {margin-bottom: 20px;}

#tabs label {font-size: 13px !important;}

#tabs .btn{color: white;} 

.en_direction input[type=text],
.en_direction textarea {
	direction: ltr;
}

.ui-tabs .ui-tabs-nav li {float: right !important;}



/***********************************************************************
/ Ckeditor (divarea plugin)
************************************************************************/

.cke_wysiwyg_div {
	min-height: 600px !important;
	font-size: 15px !important; font-family: Alef,arial;
	padding: 10px !important; 
}
.cke_source {min-height: 600px !important;}

	.cke_wysiwyg_div  a{text-decoration: underline; }

/*
#cke_content1, #cke_content2, #cke_content3, #cke_content4, #cke_content5, #cke_content6 {
	font-size: 14px !important; font-family: Alef,arial;
}
#cke_1_contents, #cke_2_contents, #cke_3_contents, #cke_4_contents, #cke_5_contents, #cke_6_contents {
	padding: 10px !important; 
}
#cke_content1 a, #cke_content2 a, #cke_content3 a, #cke_content4 a, #cke_content5 a, #cke_content6 a{
	text-decoration: underline;
}*/



.short_input {width: 40px; text-align: center;}



/************************************************
| pagination
*************************************************/

   .pagination_container {width: 100%; margin: 0 auto; text-align: center;}
     .pagination li {float: right;}
    








/***********************************************************************
| Media queries
***********************************************************************/

@media screen and (max-width: 1024px) {
	
	.navbar-header select {display: none;} /* for smart phones */
	
	.login_screen {
	  	 width: 90%; height: 30%;
	}
		
	.main {padding-top: 5%;}
	
	 .sort_tbl { width: 100%;}
	 
	   .sort_tbl .tbl_drag{
       width: 4%;
      }
    
      .sort_tbl .tbl_txt{
       width: 73%; text-align: right;padding-right: 5px;
      }
    
      .sort_tbl .tbl_buttons{
       width: 40%;
       text-align: left; padding: 5px 0px 5px 0px;
      }
	
}


@media screen and (max-width: 800px) {
	
	.navbar-header select {display: none;} /* for smart phones */
	
		
	.main {padding-top: 7%;}
	
	 .sort_tbl { width: 100%;}
	 
	 .sort_tbl .tbl_drag{
       width: 4%;
      }
    
      .sort_tbl .tbl_txt{
       width: 46%; text-align: right;padding-right: 5px;
      }
    
      .sort_tbl .tbl_buttons{
       width: 50%;
       text-align: left; padding: 5px 0px 5px 0px;
      }
	
	
}


@media screen and (max-width: 768px) {
	
	.navbar-header select {display: none;} /* for smart phones */
	
		
	.main {padding-top: 7%;}
	
	 .sort_tbl { width: 100%;}
	 
	 .sort_tbl .tbl_drag{
       width: 4%;
      }
    
      .sort_tbl .tbl_txt{
       width: 56%; text-align: right;padding-right: 5px;
      }
    
      .sort_tbl .tbl_buttons{
       width: 40%;
       text-align: left; padding: 5px 0px 5px 0px;
      }
	
	
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape)
 { 

	
}


@media screen and (max-width: 480px) {
	
    .navbar-header select {display: block; } /* for smart phones */
	
	.login_screen {
	  	 width: 90%; height: 30%;
	}
	
	 .sort_tbl { width: 100%;}
}


@media screen and (max-width: 320px) {
	
     .navbar-header select {display: block; } /* for smart phones */
	
	.login_screen {
	  	 width: 90%; height: 30%;
	}
	
	 .sort_tbl { width: 100%;}
}