@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: #333333; background: #F7F7F7; /*padding-top: 50px;*/
}

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



p {margin: 0;}

a {color: #34495e; text-decoration: none;}

a, .btn {transition: all 0.5s;}

.navbar-brand {padding-top: 2px;}

.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 {	
	padding: 0 0;	
}
.hp_page .main {padding-top: 1%;}

  .main .container {position: relative;}
  

.success_message {
	position: fixed; top: 250px; width: 100%; display: none; z-index: 99999;	
}
	.success_message div {
		width: 300px;	display: block; margin-right: auto; margin-left: auto; 
		background-color: #16A086;	text-align: center;
		color: white;	padding: 1.2em 0.7em;	font-size: 1.2em;
		border-radius: 5px; 
	}
        .success_message div i {font-size: 35px; display: inline-block; vertical-align: bottom; }
   

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

 .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;}


.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*/
}

.alert {margin-bottom: 0; font-weight: bold; font-size: 1.0em; padding-top: 7px; padding-bottom: 7px;}


.table {margin-bottom: 0;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 0px; border-top: none;  
}

.no_padding_right {padding-right: 0;}
.no_padding_left {padding-left: 0;}
.no_padding {padding-right: 0; padding-left: 0;}


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

.short_input {width: 250px; display: inline-block;}

.text-left {text-align: left !important;}
.text-right {text-align: right !important;}

.modal-header {display: block;} /*  display: flex aligns the content to the left */
.modal-header .modal-title {color: #0063AE;}
.modal-body p {margin: 10px 0; }

label {font-weight: bold; margin-bottom: 5px;}

@media (min-width: 576px) {}

.modal-dialog {
    max-width: 600px;   
}
.modal-dialog.modal-signers {
    max-width: 800px;   
}


/**  בעיקר על מנת ליישר לימין שדה קובץ **/
code, samp, var, [type="email"], [type="file"], [type="number"], [type="password"], [type="tel"], [type="url"] {
     text-align: right;  direction: rtl; 
}

fieldset {border: 1px solid #ccc; padding: 5px; margin-bottom: 15px;}
legend {width: auto; font-size: 18px; font-weight: normal;}


.ltr {direction: ltr; text-align: left; width: 100%;}

/** sometimes it is not full width  **/

#form1  .select2-container {
	width: 100% !important;
	padding: 0;
}

/* 06-2024 when upgrading to select2 version 4.1 */
.select2-container .select2-search--inline .select2-search__field {margin-top: 0 !important; font-size: 14px !important;}


/* align placeholder to the right  */
::-webkit-input-placeholder {
	text-align: right;
	letter-spacing: normal;
}

:-moz-placeholder {
	text-align: right;
	letter-spacing: normal;
}


#webhook_url::-webkit-input-placeholder {
	text-align: left;
}


.yellow {color: yellow;}
.green {color: green;}

/**  HEBREW- RTL  **/
.btn-close {
	position: absolute;
	top: 10px;
	left: 10px;
}

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

.top_section {
	position: sticky;  top: 0; z-index: 999; width: 100%;
	margin: 0 auto;
	padding: 0% 0; background: #0063AE;
}

.navbar {padding: 0; }
@media (min-width: 992px) {
   .navbar {padding-right: 150px;}	
}

.navbar-brand {margin-left: 0;}
@media (min-width: 992px) {
	.navbar-brand {position: absolute; right: 0; top: 5px; }
}
             

.nav-link {
   padding: 0.8rem 1rem;
}

@media (min-width: 992px) {}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: .7rem; padding-right: .7rem;
}

.dropdown-menu {  
    margin:  0; border-top-left-radius: 0; border-top-right-radius: 0;  right:-1px;
}
		
	.navbar-nav > li > a {
	                                   color: white !important; 
	                                   /*border-right: 1px solid #54677a;
	                                   border-left:   1px solid #142638;*/    
	                                }
	.navbar-nav > li > a:hover {background: #00355D !important;}
	
    .dropdown:hover {background: #00355D;}
	  	
	.dropdown-menu {background: #00355D; min-width: 14rem;}
	
	  .dropdown-menu  a {color: white !important; font-size: 1.1em; border-bottom: 1px solid #174B72;}
	    .dropdown-menu  a:hover {background: #0063AE !important;}

      .top_link_over {background: #2D3E50 !important}


.active_page {background: #00365E !important;}


/***********************************************************************
| 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;
	   width: 200px; 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 ;
    }
    
    .form-error {color: red;}
        
    
    .file_exists {padding-right: 204px; margin-top: -10px; }
    
   
    .sort_row {background: #fff; margin-bottom: 0px;}
        .sort_row .drag_section{padding-right: 0; padding-left: 0;}
        .sort_row .text_section{padding-right: 0; padding-left: 0; font-size: 1.1rem; }
        .sort_row .buttons_section{padding-left: 0; }
          .sort_row .buttons_section .btn {margin-right: 5px;}
   
   
      
          .btn-info-edit {background: #428bca; color: #fff;}
            .btn-info-edit:hover {color: #fff; opacity: 0.8;}
          
          .sub_items_bottom_buttons {padding: 1em 0; }
    
     
      
      /*****************/
      
    
    .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; padding-top: 5px; 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;	
		display: block;	
	}
			
	.star {color: red; }
	
	.help_div {margin-bottom: 2px;}	
	.help {color: #477946; font-weight: bold;}

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

    .btn_add_item {font-size: 1.1rem; margin-bottom: 10px;}
    .btn_margin_left {margin-left: 5px;}
    
     .sub_items_bottom_buttons {padding: 1em 0; }
     
     .field_help {}
     

	 .link_green_border a {border: 1px solid green; padding: 3px 8px; display: inline-block; color: green; border-radius: 3px;}

     .black_anchor {color: #000 !important;}

	 .with_underline {text-decoration: underline;}

	 /*  grid icons  */
	 .action_icon {vertical-align: middle; }
	 .size_18 {font-size: 18px;}
     .size_19 {font-size: 19px;}

	 /*  form-inline */
	 /*  לא קיים יותר בגרסה 5. אני השארתי */
	 .form-inline .form-control {display: inline-block;	width: auto; vertical-align: middle;}
			    
	 		
	
/***********************************************************************
| Login
************************************************************************/

	.login_screen {
	   margin: 50px 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.6em; text-align: right; margin: 0 auto 5px;}
	  .welcome span {background: white; padding: 0.1em 0.3em; border-radius: 50%;}
	      .welcome span i {font-size: 32px;}
		
	.login_txt {font-size: 1.1em; 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: 8px; }
	
	 .login_screen .form_fields .form-control {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-text {background: #0063AE; color: white; padding: 1.6rem .75rem;}
	
	.login_logo {max-width: 250px;}
	
/***********************************************************************
| Page subject
************************************************************************/
.page_subject {margin: 0 auto; background: transparent; padding: 0.4em 0 0 0;  font-size: 1.8em; line-height: 22px; }


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

.main_content a:hover {text-decoration: none;}

	.main_content .content {padding: 1.0em 2em;}
	.main_content_hp .content {padding: 30px 0 30px;}
	
	
	   .main_icon {width: 9rem; display:inline-block; text-align: center; margin: 0 25px 20px 0em; transition: all 0.3s; border: 1px solid #E6E6E6;}
	       .main_icon:hover {opacity: 0.8;}
	   	   
	       .main_icon  .the_icon {padding: 1.2em 0em  1em 0em; transition: all 0.3s;}
	           .main_icon  .the_icon i {font-size: 26px;}
	         	       
           .main_icon  .txt {height: 3.0em; line-height: 17px;  padding: 3px 3px; font-weight: bold;
                              /*vertical-align:middle;*/ display: table-cell; width: 9rem; font-size: 0.9rem;                                         
                            }
                                     
   .feature_not_active {opacity: 0.4;}

/***********************************************************************
| 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; vertical-align: middle;
	                   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%; padding-top: 4px;}
	  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;
	padding: 0 0 5px 0;
	background: #F7F7F7;
	text-align: center;
	color: gray;
}

.footer .container {
	padding: 4px 0 0px 0;
}

.footer a {
	color: gray !important;
}
    
    
/***********************************************************************
|Forms
***********************************************************************/

.remove_option {position: absolute; z-index: 9; top: 6px; left: 20px;}

.add_row {display: inline-block; padding: 4px 8px; background: #e2e2e2; margin-bottom: 10px; cursor:pointer;}
 

#frm_field_details .form-check-label {font-weight: normal}
#frm_field_details .form-group {margin-bottom: 3px; }
#frm_field_details .form-group.form-check {padding-right: 1.05rem; }
#frm_field_details .form-check-input { margin-right: -1.05rem; }
#frm_field_details .form-check-label {padding-right: 1px;}

 
 /*********************************************************************
 | display off rows not in grid
 *********************************************************************/
 
 .add_one_item {padding-bottom: 25px;}
 
 .not_grid_display {padding: 8px 0 8px 0; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; }
 
 
 /***************************************
 |  Link to modal video
 ****************************************/
 
.video_link {cursor: pointer; display: inline-block; }
 
  .video_link span {display: inline-block; }
   .video_link img {vertical-align: text-top;}
   .video_link span.img {padding-top: 2px;}
   .video_link span.text {font-size: 14px; line-height: 15px; text-align: right; vertical-align: top; }
 
    .popup-youtube:hover {text-decoration: none;}
 
 
 
/***********************************************************************
| 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;
}


#ui-datepicker-div {z-index: 999999 !important;}
.ui-datepicker table {
   background: #fff; border: 1px solid gray;  
}


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

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

	.cke_wysiwyg_div  a{text-decoration: underline; }

/**
**how to change the height of a specific instance
#cke_content1 .cke_contents {height: 300px important}
**/	
 #cke_content1 .cke_contents {height: 600px !important;}
 #cke_content2 .cke_contents {height: 600px !important;}
 #cke_content3 .cke_contents {height: 600px !important;}
 #cke_content4 .cke_contents {height: 600px !important;}
 #cke_content5 .cke_contents {height: 600px !important;}
 #cke_content6 .cke_contents {height: 600px !important;}
 #cke_txt .cke_contents {height: 200px !important;}


.cke_contents td {min-width: 150px;}

 .cke_contents  img{max-width: 100%; }





/********************************************************************
|Multi level categories
*********************************************************************/
.multi_categories_list .open_close {
    font-size: 25px;  color: #ffffff; display: inline-block;
    margin-left: 0px;  width: 50px;  text-align: center;
    border-top-right-radius: 5px;  border-bottom-right-radius: 5px;
}

.multi_categories_list .kaftor {
    cursor: pointer;  background: #34495E;
}


.multi_categories_list .l span {
    margin-right: 8px;
}

.multi_categories_list.siman {
    display: inline-block;  vertical-align: middle;
    margin-left: 8px;  background: #16a085;  height: 3px;
}

.multi_categories_list a:hover {text-decoration: none;}

.current_tree_category {padding: 0 3px; border: 0px solid black; color: white; background: #cc1515;}

.categories_tbl a:hover {text-decoration: none;}

.tree label {font-weight: normal;}

.open_close {
    font-size: 25px;
    color: #ffffff;
    display: inline-block;
    margin-left: 0px;
    width: 50px;
    text-align: center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.kaftor {
    cursor: pointer;
    background: #34495E;
}





.inpage_explanation {
	margin-top: 10px; margin-bottom: 30px;
}
.inpage_explanation a {text-decoration: underline; }

/*  קישורים בתוך דפים שמרכזים קישורים לנושאים קרובים */

.lists_links_container {border-bottom: 1px solid #e6e6e6;}

.lists_links_container a {display: inline-block; margin-left: 10px; font-size: 1.0em; color: #34495e; 
	                      padding:0 0.5em 0.5em 0.5em;
						 }

.lists_links_container a.active {
	font-weight: bold;color: #000; border-bottom: 2px solid #000;
	cursor: text
}






/***********************************************************************
| 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-default .navbar-collapse { border: none; }
	
	.main_content .content { padding: 0.5em 0.5em;}
	
	.page_subject .subject {font-size: 1.5em;   padding-right: 5px; padding-left: 0;}
	.page_subject .site_name { font-size: 1.5em;}
	
	.main_icon {margin-right: 10px;}
	
	.welcome { font-size: 1.8em; }
	
	.btn {margin-top: 5px; margin-bottom: 5px;}
		
    .to_dashboard {display: none;}		
		
	.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-toggler  {color: #fff; }
      .navbar-toggler i {font-size: 22px;}.page_subject .subject {font-size: 1.5em;  padding-right: 0;}
				
	 .main {padding-top: 3%;}
		
	 .sort_tbl { width: 100%;}
	 
	 .sort_tbl .tbl_drag{
       width: 4%; vertical-align: middle;
      }
    
      .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: 640px) {
	
	.navbar-nav > li > a {   border-right: none ; border-left: none ; }    

    .navbar-toggler  {color: #fff; }
      .navbar-toggler i {font-size: 22px;}
	 	
	.login_screen {
	   height: 30%; width: 100%; padding: 1.5em .8em;
	}
	
	.main_content .content { padding: 1.0em  10px;}
	
	.main_icon {width: 8rem;}	         	   
	     .main_content  .the_icon {padding: 1.2rem 0  1rem 0;}	         	       
         .main_icon  .txt { width: 8rem; }                                     
	
	
	 .sort_tbl { width: 100%;}
	 
	 .btn_margin_left {margin-left: 0px;}
	 
	 .sort_tbl .tbl_drag{
       width: 4%; vertical-align: middle; background: #16A086; border-top-right-radius: 5px; border-bottom-right-radius: 5px;
      }
      
      .sort_tbl .tbl_buttons .btn{width: 100%; }
      
      .free_articles_tbl .page_url {display:none;}
      .free_article_url {width: 100%;}
      
      .youtube_video_preview {width: 100%; height: auto;}
      
      table.add_item td.item_text input[type=text] {  width: 90%;   margin-right: 10px;}
      
      .page_subject .subject {font-size: 1.2rem;  padding-right: 0;}
      .page_subject .site_name { font-size: 1.2em; padding-top: 0;}
      
      .ui-tabs .ui-tabs-panel {padding: 1em 0rem; }
      
      .page_buttons .btn {margin: 0 0 10px 0;}
      
      .send_requests_to_users h4 {margin-right: 14px;}

       table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
       table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
	     top: 5px !important; 		
       }
	   #all tr td:first-child {padding-right: 15px; }
                 		 
}