html{
		margin:0;ing:0;
		border:0;
	}
	body{
		font-family: arial !important; 
		color:#595959; 
		font-size:12px; 
		background-color:#fff; /*#f2f2f2;*/    
		margin: 0;    
		padding: 0;    
    }
	a, body {
		font-family: arial !important; 
		font-size: 12px;
	}
	a {outline: none; 
		color: #6D9EF1; 
	}
	img	{border: none; 
		padding:0px;   
		margin:0px;
	}
	h1 {margin-top: 0; 
		padding-bottom: 20px;
		font-size: 22px;
		font-weight:bold;
		color:#496BB4;
	}
	.breadcrumb1 a {
		direction: rtl !important;
		color: #194FB3!important;
		font-size:13px!important;
		font-weight:500!important;
	}
	.breadcrumbs {
		direction: rtl !important;
		font-size:13px!important;
		font-weight:500!important;
		color:#323232!important;
	}
	.breadcrumb1 {
		direction: rtl !important;
		font-size:13px!important;
		font-weight:500!important;
		color:#323232!important;
	}
	#header_gray{
		height: 70px;
		width: 100%;
		text-align: center;
	}
	#header_gray_container
	{ width: 100%;
		display: inline-block;
		margin: 0 auto;

	}
	#header_gray_company{
		display: inline-block;
		text-align: center;
		width: auto;
	}

	#header_gray_icon{
		width: 88px;
		height: 70px;
		position: absolute;
		right: 10px;
	}
	#header_gray_icon img{
		margin: 2px 0;
		max-height: 48px;
		max-width: 57px;
	}
	#header_gray_icon .main_icon{
		margin: 0;
		max-height: none;
		max-width: none;
	}
	#main_container{
		border: 1px solid #B2B2B2;
		display: inline-block;
		/**height: auto;**/
		text-align: center;
		width: 100%;
	}
	#center_container{
		display: inline-block;
		margin: 0 auto;
		width: 80%;
	}
	#page_wrapper{
		width: 85% !important;
		margin: 20px 0;
		padding: 10px;
		text-align: right;
		float: left;
		direction: rtl;
		background-color: #E3E3E3;
	}
	#inner_wrapper{
		display: inline-block;
		width: 960px;
		padding-top: 40px;
	}
	#memento_div{
		position: absolute;
		right: 15px;
		background-color: transparent !important;
		text-align: right;
		direction: rtl;
		width: 18%;
		margin-top: 20px;
	}
	ul.dynatree-container{
		width: 87%;
		overflow-x: auto;
		overflow-y: auto;
	}
	.right_box_1{
		background-color: transparent;
	}
	#right_content{
		height: auto;
		width: 100%;
		border-left: none;
	}
	#top_nav {
		display: inline-block;
	}
	#main_container_pic{
		float: left;
		height: 446px;
	}
	#main_container_content{
		float: right;
	}
	#main_container_bott{
		background-image:url('../img/main_new_bg_shutter_bott.png');
		background-repeat: no-repeat;
		background-position: center center;
		height: 5px;     
		width: 100%;
	}
	#footer_white{    
		position: relative;           
		background-image:url('../img/main_new_bgwhite.png');
		background-repeat: repeat-x;
		height: 85px;
		width: 90%;
		text-align: center;
	}
	#footer_white_container{
		display:inline-block;
		width: 100% !important;
		padding-top: 5px;
	}
	#footer_white_title{
		background-image:url('../img/main_new_bgwhite_title.png');
		background-repeat: no-repeat;
		width: 82%; 
		margin-top: 0px;
		height: 70px;
		float: right;        
	}
	#footer_white_icon{
		float: right;
		width: 55px;
		height: 65px;
		padding-right: 5px;
		padding-bottom: 10px;
	}
	#login2_form_box{
		background-image: url("../img/login2_form_fields.png");
		background-repeat: no-repeat;
		height: 246px;
		margin-top: 40px;
		width: 350px;
	}
	#login2_form_title{
		padding: 13px 0px; 
		height: 15px; 
		width: 100%;
	}
	#login2_form_title span{
		color: #002D52;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
	}
	#login2_form_fieldset{
		margin-top:20px
	}
	#login2_form_fieldset_chet_pei{
		margin-top:35px
	}
	.login2_form_fieldset_row {
		display: inline-block;
		margin-top: 0px;
	}
	.login2_form_label{
		float: right;
		padding-right: 20px;
		text-align: right;
		width: 110px;
	}
	.login2_form_label span{
		color: #002D52;
		font-size: 16px;
		font-weight: bold;
		text-align: center;    
	}
	.login2_form_field{
		float: left;
		padding-left: 20px;
		text-align: left;
		width: 100%;
	}
	.login2_form_field input[type=text], .login2_form_field input[type=password]{
		width: 175px; /* 189 (img size) - 7*2 (padding)*/ 
		height: 27px; 
		border: 0px none; 
		background-color: transparent; 
		background-image: url("../img/login2_input_text.gif");
		background-repeat: no-repeat;
		color: #4F7FA2;
		font-family: arial;
		font-size: 16px;
		padding: 0 7px;
	}
	.login2_form_field input[type=checkbox]{
		margin: 0;
	}
	.login2_form_field_r{
		float: none; 
		text-align: center;
	}
	.login2_form_field_l{
	  float: right;  
	  padding-top: 10px;
	}
	.login2_send_button{
		background-color: rgba(0, 0, 0, 0);
		background-image: url("../img/login2_sent_but.png");
		border: 0 none;
		height: 30px;
		width: 69px;
	}
	#addt_butt_box{
		margin-top: 30px;
	}
	#error_side_container, #error_side_container_chet_pei{
		float: left; 
		width: 160px;   
	}
	#error_side_container{
		margin-top: 0px; 
	}
	#error_side_container_chet_pei{
		margin-top: 98px;
	}
	.add-more{margin:12px 0px}
	.error_block{
		display:block; 
		height: 32px; /* 27px (height) + 5px (margin-bot) */
		margin-bottom: 11px;
	}
	.errorMessage {
		display: block;
		background-image: none;
		background-repeat: no-repeat;
		height: auto;
		width: 100%;
		padding: 2px;
		left: 581px;
		color: white;
		font-size: 11px;
		padding: 5px;
		font-weight: bold;
		margin-bottom: 5px;
		direction: rtl;
		background-color: #2D81CF;
	}
	.scerror > .error_block {
		margin-bottom: -5px !important;
	}
	#connected_photo{
		float: right; 
		margin: 5px;
	}
	#connected_photo img{
		max-width: 80px; 
		max-height: 57px; 
	}
	.login2_but_simple{
		background-image: url("../img/login2_but_empty.png");
		background-repeat: no-repeat; 
		height: 30px;
		width: 69px;
	}
	.login2_but_simple a {
		color: white;
		text-decoration: none;
	}
	.btn {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		background-color: #F5F5F5;
		background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
		border-image: none;
		border-radius: 4px;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
		color: #333333;
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 0;
		padding: 4px 12px;
		text-align: center;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		vertical-align: middle;
	}
	#by_date{
		width:45%;
	}
	#calendar_box {
	  float: left;
	  margin-left: 5%;
	  max-width: 45%;
	  width: auto;
	}
	#welcome_box {
	  background: none repeat scroll 0 0 #FFFFFF;
	  border: 1px solid #778899;
	  float: right;
	  margin-right: 5%;
	  max-width: 45%;
	  padding: 5px 40px;
	  width: auto;
	}
	.btn-success{
		color: #FFF;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
		background-color: #5BB75B;
		background-image: linear-gradient(to bottom, #62C462, #51A351);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		padding: 2px 26px;
		font-size: small !important;
		font-family: arial !important;
		font-weight: 800;
	}
	.btn-info{
		color: #FFF;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
		background-color: #49AFCD;
		background-image: linear-gradient(to bottom, #5BC0DE, #2F96B4);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		padding: 2px 26px;
		font-size: small !important;
		font-family: arial !important;
		font-weight: 800;
	}
	.btn-danger {
		color: #FFF;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
		background-color: #DA4F49;
		background-image: linear-gradient(to bottom, #EE5F5B, #BD362F);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		padding: 2px 26px;
		font-size: small !important;
		font-family: arial !important;
		font-weight: 800;
	}
	.btn-inverse {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #363636;
		*background-color: #222222;
		background-image: -moz-linear-gradient(top, #444444, #222222);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
		background-image: -webkit-linear-gradient(top, #444444, #222222);
		background-image: -o-linear-gradient(top, #444444, #222222);
		background-image: linear-gradient(to bottom, #444444, #222222);
		background-repeat: repeat-x;
		border-color: #222222 #222222 #000000;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		padding: 2px 26px;
		font-size: small !important;
		font-family: arial !important;
		font-weight: 800;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	}
	.btn-warning {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #faa732;
		*background-color: #f89406;
		background-image: -moz-linear-gradient(top, #fbb450, #f89406);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
		background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
		background-image: -o-linear-gradient(top, #fbb450, #f89406);
		background-image: linear-gradient(to bottom, #fbb450, #f89406);
		background-repeat: repeat-x;
		border-color: #f89406 #f89406 #ad6704;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		padding: 2px 26px;
		font-size: small !important;
		font-family: arial !important;
		font-weight: 800;
	}
	.btn-gblue {
		color: #FFF;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
		background-color: skyblue;
		background-image: linear-gradient(to bottom, #23e, #2af);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		padding: 2px 26px;
		font-size: small !important;
		font-family: arial !important;
		font-weight: 800;
		padding: 2px 6px;
		font-size: small !important;
		font-family: arial !important;
		font-weight: 800;
	}
	.btn-primary {
		color: #FFF;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
		background-color: #006DCC;
		background-image: linear-gradient(to bottom, #08C, #04C);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		 padding: 2px 26px;
		font-size: small !important;
		font-family: arial !important;
		font-weight: 800;
	}
	.grid-view .summary {
		margin: -10px 0px 5px 0px !important;
		text-align: right;
		padding-right: 170px;
	}
	#cdiv{
		width: 100%;
		padding: 12px;
		margin-right: 30px !important;
		margin-top: 26px!important;
		border: 2px blue ridge;
		width: 91% !important;
	}
	#yw0>.buttons>input.btn.btn-primary {
		position: absolute !important;
	}
	#connected_box {
		float: right;
		margin: 30px 5px;
		font-size: 30px;
	}
	#connected_logout {
		float: left;
		margin: 30px 5px;
		font-size: 18px;
	}	
	#toolbarSearch {
		display: inline;
		float: left;
		margin-top: 0px !important;
		margin-left: 0px !important;
	}
	#toolbarq {
		z-index: 5000;
		width: 180px;
		display: block;
		height: 20px;
		float: left;
		padding: 4px 6px;
		margin-bottom: 0px !important;
		margin-top: 8px !important;
		margin-left: 25px;
	}
	#toolbarSearch>img {
		margin-top: 15px !important;
	}
	.more>img {
		margin-top: -4px !important;
	}
	.mailbox-list {
		margin-left: 180px !important;
		margin-top: 0px !important;
		clear: none !important;
	}
	#div-chartyw6>div>div>div{
		overflow-y: hidden !important; 
		overflow-x: hidden !important;
	} 
	.menubox {
		width: 50% !important;
	}
	.disabled {
		text-decoration: none !important;
		color: gray !important;
		cursor: not-allowed !important;
	}
	#uploadCoursesXls {
		margin-right: 200px !important;
	}
	div#jobs-report-grid {
		float: right;
		width: auto;
	}
	div#departs-report-grid0 {
		float: right;
		width: auto;
	}
	div#departs-report-grid8 {
		float: right;
		width: auto;
	}
	span.scyear {
		float: right;
		display: inline-block;
		margin-top: -20px;
		padding-right: 15px;
	}
	table#departsgrid {
		display: none;
	}
	table#jobsgrid {
		display: none;
	}
	div#jobs-report-grid0 {
		float: right;
		width: auto;
	}
	div#jobs-report-grid8 {
		float: right;
		width: auto;
	}	
	.scformbox {
		border-color: #2d81cf;
		border-style: solid;
		border-width: 1px;
		border-radius: 4px;
		background-color: white;
		padding: 15px;
		float: right;
	}
	.scerror {
		float: right !important;
	}
	.scflt {
		float: right !important;
	}
	.select2-container {
		margin-right: 5px!important;
		top: 3%!important;
		width: 95% !important;
	}
	div#reminders-crons-grid .btn-success {
		margin-top: -20% !important;
	}	
	input#LlCellphoneModelCompany_title {
		width: 95% !important;
	}
	div#open_unite_desc {
		top: 25px !important;
	}
	input#JobPositionEquipment_equipment {
		width: 95% !important;
	}
	input#LlListCompany_title {
		width: 95%  !important;
	}
	input#LlCellphoneGroupCompany_title {
		width: 95% !important;
	}
		
		
		/****************************************
		**           RESPONSIVE PART           **
		****************************************/	

	@media only screen and (min-width:800px) and (max-width:1200px){
		#page_wrapper{width: 95% !important;}
		#cdiv {width: 85% !important;}
	}
	@media only screen and (min-width:640px) and (max-width:800px){
		#page_wrapper{width: 95% !important;}
		#cdiv {width: 77% !important;}
		#footer_white{    
			width: 100%;
		}
		#footer_white_title{
			width: 100%; 
			margin-top: 0px;
			float: left;        
		}	
		.menubox {
			width: 85% !important;
		}		
		
	}
	@media only screen and (min-width:768px) and (max-width:1200px){
		div#jobs-report-grid {
			float: right;
			width: 13%;
		}
		div#departs-report-grid0 {
			float: right;
			width: 23%;
		}
		div#departs-report-grid8 {
			float: right;
			width: 25%;
		}
		div#jobs-report-grid0 {
			float: right;
			width: 24%;
		}
		div#jobs-report-grid8 {
			float: right;
			width: 24%;
		}	
		div#jobs-report-grid .summary {
		padding-right: 10px;
		}
	}
	@media only screen and (min-width:640px) and (max-width:1200px){
		#memento_div{
			position: relative;
			width:100%;
		}
		#center_container {
			width: 95%;
			padding-right: 5px;
		}
		#welcome_box{max-width: 100%;
			width: 68%;
			margin-right: 0;
		}
		#calendar_box{
			max-width: 100%;
			width: 97%;
			float: right;
			padding-top: 15px;
			margin-left: 0%;
		}		
		#header_gray{width: 100%;}
		.ui-datepicker{width: 100% !important;}
		.pright_30 { padding-right: 20px;}
		.pleft_30 { padding-left: 10px;}
		.fltrt {
			float: right;
			width: 60%;
		}
	}
	
	@media only screen and (max-width:768px){
		#page_wrapper {
			margin-left: 13px;
			text-align: right;
			float: none;
		}	
		.navbar-collapse.in{
			overflow-y: hidden !important;
		}
		.navbar-collapse {
			max-height: 440px !important;
		}
		#toolbarq {
			z-index: 5000;
			width: 120px !important;
			text-direction: rtl;
			text-align: right;
			display: block;
			height: 14px !important;
			float: left;
			padding: 4px 6px;
			margin-bottom: 0px !important;
			margin-top: 6px !important;
			margin-left: 20px;
		}
		#toolbarSearch>img {
			margin-top: 10px !important;
		}
		#div-chartyw6>div>div>div{overflow: scroll !important; } 
		#div-chartyw6>div {
			width: 400px;
		}
		#applicant-grid input {
			width: 45% !important;
		}
		#employee-grid input {
			width: 45% !important;
		}
		.more>img {
			margin-top: -1px !important;
		}
		.mailbox-menu {
			float: none !important;
			width: 100% !important;
			margin-top: 0px !important;
		}
		.mailbox-list {
			margin-left: 0px !important;
			margin-top: 0px !important;
			clear: none !important;
		}
		.scerror {
			float: none !important;
		}
		.scflt {
			float: none !important;
		}
		.select2-container {
			margin-right: 5px!important;
			top: 3%!important;
			width: 45% !important;
		}
		div#reminders-crons-grid .btn-success {
			margin-top: 0% !important;
		}
		input#LlCellphoneModelCompany_title {
			width: 45% !important;
		}
		div#open_unite_desc {
			top: 0px !important;
		}
		input#JobPositionEquipment_equipment {
			width: 45% !important;
		}
		input#LlListCompany_title {
			width: 45%  !important;
		}
		input#LlCellphoneGroupCompany_title {
			width: 45% !important;
		}

	}
	
	@media only screen and (max-width:640px){
		#center_container {
			width: 95%;
			padding-right: 5px;
		}
		#page_wrapper{width: 95% !important;}
		#welcome_box{max-width: 100%;
			width: 68%;
			margin-right: 0;
		}
		#calendar_box{
			max-width: 100%;
			width: 97%;
			float: right;
			padding-top: 15px;
			margin-left: 0%;
		}
		#memento_div{
			position: relative;
			width:100%;
		}
		#header_gray{width: 100%;}
		#footer_white{    
			width: 100%;
		}
		#footer_white_title{
			width: 100%; 
			margin-top: 20px;
			float: left;        
		}		
		#yw0>.buttons>input.btn.btn-primary {
			position: relative !important;
		    margin: 10px 0px !important;
		}
		select#id1 {
			width: 95%;
		}
		.ui-datepicker{width: 100% !important;}
		.pright_30 {padding-right: 20px;}
		.pleft_30 {padding-left: 10px;}
		.fltrt {
			float: right;
			width: 60%;
		}
		#cdiv {width: 70% !important;}
		.menubox {
		width: 70% !important;
		}
		#uploadCoursesXls {
		margin-right: 20px !important;
		}
		#error_side_container {
			margin-top: 0px;
		}
		.error_block {
			display: block;
			height: 32px;
			margin-bottom: 0px;
		}
		#error_side_container, #error_side_container_chet_pei {
			float: left;
			width: 100%;
		}
	}


	table > input, select{width: 95% !important;}

		/****************************************
		**              TABLES                 **
		****************************************/	
div#loans.tab #loan-grid.grid-view table.items {
    min-height: auto;
}
div#prepayments.tab #prepayment-grid.grid-view table.items{
	min-height: auto;
}
div#gifts.tab #user-gift-grid.grid-view table.items {
	min-height: auto;
}




	@media only screen and (max-width: 768px)  {
	table > input, select{width: 45% !important;}
	/* Force table to not be like tables anymore */
	.grid-view table{width: 100% !important;}
	.grid-view table.items, .grid-view table.items thead, .grid-view table.items tbody, .grid-view table.items th, 
	.grid-view table.items td, .grid-view table.items tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	
		.grid-view table.items thead tr:first-child{ 

		position: absolute;

		top: -9999px;

		left: -9999px;

	}
	.grid-view table.items tr { border: 1px solid #ccc; }
	
	.grid-view table.items td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		width: 95% !important;
		min-height: 18px;
	}
	
	.grid-view table.items td:before { 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		content: attr(data-th);
		text-align: right;
		color: white;
		background: url("bg.gif") repeat-x scroll left top white;
	}
	
	.grid-view .filters input, .grid-view .filters select {
		width: 45% !important;
		display: table;
		border: 1px solid #ccc;
	}
	#user-hearing-grid input {
		width: 45% !important;
	}
	#user-formdocs-grid table.items td:nth-of-type(3) {
		padding-top: 30px !important;
	}
#user-formdocs-grid table.items tr.filters td:nth-of-type(3) {
    padding-top: 5px !important;
}
thead {
    padding-bottom: 15px;
}
	.grid-view table.items th, .grid-view table.items td {
		font-size: 0.9em;
		border: 1px white solid;
		padding: 0.3em;
		text-align: right !important;
	}
	.grid-view table.items thead tr:first-child {
		position: relative;
		top: 0px;
		width: 47%;
		left: 15px;
		float: left;
		border: none;
	}
	.grid-view table.items thead tr:first-child th {
		left: 10px;
		    margin-top: 2px;
    margin-bottom: 5px;
	}
	.grid-view table.items thead tr.filters {
		border: none;
		width: 100%;
	}
	.grid-view table.items thead tr.filters td {
		border: none;
	}

	


	table#newjobequip td:nth-of-type(1):before {     color: white;
    background: url("bg.gif") repeat-x scroll left top white; content: "משרה"; }
	table#newjobequip td:nth-of-type(2):before { color: white;
    background: url("bg.gif") repeat-x scroll left top white; content: "עובדים במשרה"; }
	table#newjobequip td:nth-of-type(3):before { color: white;
    background: url("bg.gif") repeat-x scroll left top white; content: "ציוד"; }
	table#newjobequip td:nth-of-type(4):before {     color: white;
    background: url("bg.gif") repeat-x scroll left top white; content: "ימים"; }	

	


	/* TABLE HEADERS ENDS */
	
	
	/* DEPARTS AND JOBS REPORT TABLES */
	div#jobs-report-grid {
		float: none;
		width: auto;
	}
	div#departs-report-grid0 {
		float: none;
		width: auto;
	}
	div#departs-report-grid8 {
		float: none;
		width: auto;
	}
	div#jobs-report-grid0 {
		float: none;
		width: auto;
	}
	div#jobs-report-grid8 {
		float: none;
		width: auto;
	}	
	#departsgrid .grid-view table{width: 100% !important;}
	#departsgrid .grid-view table.items, #departsgrid .grid-view table.items thead, 
	#departsgrid .grid-view table.items tbody, #departsgrid .grid-view table.items th, 
	#departsgrid .grid-view table.items td, #departsgrid .grid-view table.items tr { 
		display: block; 
	}
	#departsgrid .grid-view table.items thead tr:first-child{ 
		position: relative;
		top: 0px;
		left: 0px;
	}
	#departsgrid td {
		border: 0px!important;
		display: block;
	}
	#departsgrid .grid-view table.items tr { border: 1px solid #ccc; }
	#departsgrid .grid-view table.items td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		width: 95% !important;
		min-height: 18px;
	}
	#departsgrid .grid-view table.items td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		height: 18px;
		padding-right: 10px; 
		white-space: nowrap;
		content: none;
		background: none;
	}
	#departsgrid .grid-view table.items thead tr:first-child {
    position: relative;
    top: 0px;
    width: 100%;
    left: 0px;
    float: left;
    border: none;
}
	#departsgrid .grid-view table.items tr.filters td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		height: 18px;
		padding-right: 10px; 
		white-space: nowrap;
		background: none;
	}	
	#departsgrid .grid-view .filters input, #departsgrid .grid-view .filters select {
		width: 45% !important;
		display: table;
		border: 1px solid #ccc;
	}
	#departsgrid .grid-view table.items th, #departsgrid .grid-view table.items td {
		font-size: 0.9em;
		border: 1px white solid;
		padding: 0.3em;
		text-align: right !important;
	}
	#jobsgrid .grid-view table{width: 100% !important;}
	#jobsgrid .grid-view table.items, #jobsgrid .grid-view table.items thead, 
	#jobsgrid .grid-view table.items tbody, #jobsgrid .grid-view table.items th, 
	#jobsgrid .grid-view table.items td, #jobsgrid .grid-view table.items tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	#jobsgrid .grid-view table.items thead tr:first-child{ 
		position: relative;
		top: 0px;
		left: 0px;
	}
	#jobsgrid td {
		border: 0px!important;
		display: block;
	}
	
	#jobsgrid .grid-view table.items tr { border: 1px solid #ccc; }
	
	#jobsgrid .grid-view table.items td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		width: 95% !important;
		min-height: 18px;
	}
	
	#jobsgrid .grid-view table.items td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		height: 18px;
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	#jobsgrid .grid-view .filters input, #jobsgrid .grid-view .filters select {
		width: 45% !important;
		display: table;
		border: 1px solid #ccc;
	}

	#jobsgrid .grid-view table.items th, #jobsgrid .grid-view table.items td {
		font-size: 0.9em;
		border: 1px white solid;
		padding: 0.3em;
		text-align: right !important;
	}
		#jobsgrid .grid-view table.items td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		height: 18px;
		padding-right: 10px; 
		white-space: nowrap;
		content: none;
		background: none;
	}
	#jobsgrid .grid-view table.items thead tr:first-child {
    position: relative;
    top: 0px;
    width: 100%;
    left: 0px;
    float: left;
    border: none;
}
	
	

	
	/* Hide table headers (but not display: none;, for accessibility) */
	#newjobequipform .grid-view table.items tbody tr:first-child{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#newjobequipform td{padding-top: 10px;}
	
.grid-view table.items thead tr:first-child {
    position: absolute;
    top: -9999px;
    width: 47%;
    left: -9999px;
    float: left;
    border: none;
}
div#pforms .grid-view table.items td:nth-of-type(6){
	    min-height: 22px;
}
div#pforms .grid-view table.items td:nth-of-type(6) font{
	    width: 70%;
}
#job-position-grid table.items thead tr:first-child,
#applicant-grid table.items thead tr:first-child,
#employee-grid table.items thead tr:first-child,
#event-grid table.items thead tr:first-child,
#user-vacation-grid table.items thead tr:first-child,
#course-grid table.items thead tr:first-child,
#cellphone-grid table.items thead tr:first-child,
#vehicle-grid table.items thead tr:first-child,
#transportation-grid table.items thead tr:first-child,
#user-equipment-grid table.items thead tr:first-child,
#prepayment-grid table.items thead tr:first-child,
#loan-grid table.items thead tr:first-child,
#user-hearing-grid table.items thead tr:first-child,
#ll-base-company-grid table.items thead tr:first-child,
#user-formdocs-grid table.items thead tr:first-child,
#department-grid table.items thead tr:first-child {
    position: relative;
    top: 0px;
    width: 47%;
    left: 15px;
    float: left;
    border: none;
}
div#formdocs.tab #user-formdocs-grid.grid-view table.items thead tr:first-child,
div#pforms #loan-grid table.items thead tr:first-child,
div#pforms #user-vacation-grid table.items thead tr:first-child
{
    position: absolute;
    top: -9999px;
    width: 47%;
    left: -9999px;
    float: left;
    border: none;
}
div#buildforms.tab #user-formdocs-grid.grid-view table.items thead tr:first-child,
div#events.tab #user-event-grid.grid-view table.items thead tr:first-child,
div#gifts.tab #user-gift-grid.grid-view table.items thead tr:first-child,
div.scvacation #user-vacation-grid.grid-view table.items thead tr:first-child,
div#prepayments.tab #prepayment-grid.grid-view table.items thead tr:first-child,
div#loans.tab #loan-grid.grid-view table.items thead tr:first-child{
	    top: 15px;
}

div#buildforms.tab #user-formdocs-grid.grid-view table.items td:before, 
div#events.tab #user-event-grid.grid-view table.items td:before, 
div#gifts.tab #user-gift-grid.grid-view table.items td:before, 
div.scvacation #user-vacation-grid.grid-view table.items td:before, 
div#prepayments.tab #prepayment-grid.grid-view table.items td:before, 
div#loans.tab #loan-grid.grid-view table.items td:before {
    white-space: nowrap;
    content: none;
}
div#events.tab #user-event-grid.grid-view table.items thead tr:first-child,
div#gifts.tab #user-gift-grid.grid-view table.items thead tr:first-child
{    position: relative;
    top: 15px;
    width: 47%;
    left: 15px;
    float: left;
    border: none;
	
}
div#loans.tab #loan-grid.grid-view table.items {
    min-height: 300px;
}
div#prepayments.tab #prepayment-grid.grid-view table.items{
	min-height: 200px;
}
div#gifts.tab #user-gift-grid.grid-view table.items {
	min-height: 200px;
}
input#desc_0 {
    width: 20%;
}

}	
#toTop {
    position: fixed;
    bottom: 47px;
    right: 5px;
    cursor: pointer;
    display: none;
}
#toTopx {
    position: fixed;
    bottom: 47px;
    right: 5px;
    cursor: pointer;
    display: none;
	z-index: 99999;
}
.scarr {
    background-color: #60CFC9;
}

.navbar .nav>li:hover {
      background-color: #08c !important;
}

.pdfbtn {
    margin: 0px;
    padding-left: 30px !important;
}

.pdfbtn1 {
    position: relative;
}

.pdfbtn1:after {
    font-family: FontAwesome;
    content:  "\f1c1" !important;
    font-size: 13px;
    position: absolute;
    left: 12px;
    top: -1px;
    pointer-events: none;
	color:white;
}
/**
#addresses, #family, #bank, #licenses, #passport, #kupatholim, #languages, #education, #courses, 
#specialization, #army, #notes, #changes, #processes, #password{display: none;} **/	
.cardbtn {
      background-color: #08c !important; 
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    font-size: 15px !important;
    color: white !important;
    border-style: hidden !important;
	    background-image: none !important;
		border-radius: 0px !important;
}

.cardbtna{
    background-color: #00C3CC !important;
	    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    font-size: 15px !important;
    color: white !important;
    border-style: hidden !important;
	    background-image: none !important;
		border-radius: 0px !important;
}

.cardbtn:hover {
    background-color: #00C3CC !important;
}



.navbar {
    border-radius: 0px !important;
}
.frmbuttonss{display: block;     width: 100%;
    right: 0;
    position: fixed;
    bottom: -1px;
    z-index: 99;
background-color: #44A9DC;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 65px;
}	

.scdrop.dropdown-menu li {
    width: 100px;
    display: inline-block;
}

.scdrop {
    min-width: 2800px !important;
display: block;}
.navbar {
    margin-bottom: 0px !important;
    overflow: visible;
}
.nav-tabs {
    border-bottom: 1px solid #60CFC9;
    background-color: #F7F7F7;
}
.navbar > .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
.navbar-collapse {
    overflow-x: visible;
    padding-right: 0px;
    padding-left: 0px;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}
.navbar .nav>li>a {
    float: none;
    padding: 10px 11px 10px !important;
    color: #777;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
}
.fixed {
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 999;
	    background-color: white;
    padding-bottom: 7px;
}
.fixcard {
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99;
	background-color: white;
}
.fixmenu {
    width: 100%;
    left: 0;
    position: fixed;
   
    z-index: 99;

}
.fixfrmbtns {
    width: 100%;
    padding-right: 100px;
	bottom: 0;
    position: fixed;
   background-color: #D3DBE0;
   right: 0;
    z-index: 99;
    padding-bottom: 8px;
    padding-top: 10px;
	border-top: 1px solid #60CFC9;

}
.fixedbtns {
      position: fixed;
    top: 10px;
    left: 20px;
    z-index: 99;

}
#overflow-scroll {
    width: 90%;
    padding-right: 10px;
}
.fixscrollx {
    position: fixed;
  top: 0 ;
    bottom:0;

    overflow-y:scroll;
    overflow-x:hidden;
    z-index: 99;
	    width: 95%;
		direction: ltr;
    background-color: #F7F7F7;

}
#inner-scroll {
    position: relative;
    direction: rtl;
    height: 100%;
}
html{height: 100%;}
.frmdivs {
    width: 98%;
    display: inline-block;
}

@media only screen and (max-width: 768px)  {
.fixedbtns {
      position: relative;
    top: 10px;
    left: 0px;
    z-index: 1;

}
.fixcard {
    width: 100%;
    left: 0;
    position: relative;
    top: 0;
    z-index: 99;
	background-color: #F7F7F7;
}
}

.scwrap {
 width:100%;
 height:100%;
 position:relative;

}
.scbody {
 width:100%;
 height:100%;
 overflow: auto;

}
div#toptextw {
    display: block !important;
    z-index: 999;
}
.select2-container {
    margin-right: 5px!important;
    top: 0%!important;
    width: 95% !important;
}
.add-more a {
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    border-radius: 4px;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-danger {
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #DA4F49;
    background-image: linear-gradient(to bottom, #EE5F5B, #BD362F);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    padding: 2px 26px;
    font-size: 18px !important;
    font-family: arial !important;
    font-weight: 800;
}
a.confirmed-button{    font-weight: bold;
    cursor: pointer;
    cursor: hand;
    border-radius: 4px;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;}
/*div#frmButtons{    width: auto;
    right: 100px;
    bottom: 0;
    position: absolute;
    background-color: #D3DBE0;
padding-left: 10px;
    padding-right: 10px;
    z-index: 99;
    padding-bottom: 8px;
    padding-top: 10px;
    border-top: 1px solid #60CFC9;}*/

	.admelm {
    margin-bottom:  10px !important;
}