/* hebrew */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v9/w8gdH283Tvk__Lua32TysjIfpcuPLdshZhVB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v9/w8gdH283Tvk__Lua32TysjIfqMuPLdshZhVB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v9/w8gdH283Tvk__Lua32TysjIfqcuPLdshZhVB.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: local('Varela Round Regular'), local('VarelaRound-Regular'), url(https://fonts.gstatic.com/s/varelaround/v9/w8gdH283Tvk__Lua32TysjIfp8uPLdshZg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('/../img/loader-64x/Preloader_2.gif') center no-repeat #fff;
}



body
{	
	font-family: 'Varela Round', serif;
}




body::after {
   /*background: url("/img/backround1.jpg") no-repeat center center fixed !important;
   	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
  content: "";
  opacity: 0.9;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1;  */ 
}

.select2-selection__rendered {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.disabledBox {
  color: gray !important;
}

.memberBTN {
	text-align: right;
	margin-top: 5px;
	width: 100%;	
}

btn-think {
	
}

/*#join_locationID.selectCity, #join_locationID.selectCity option {
  font-size:28px;
}*/

.select2, .select2 option {
	font-size: 18px;
}


#orderTable tbody {
	/*display:block;*/
	max-height:150px;
	overflow-y:auto;
}

#orderTable thead, #orderTable tbody #orderTable tr {
	/*display:table;*/
	/*width:100%;*/
	/*table-layout:fixed;*/
}

#orderTable tr{
	font-size: 14px;
}



label {
	text-decoration: underline;
}


#mainmenu {
	
	background-color: white;
	padding: 8px;
	width: 100%;
	box-shadow: 0px 1px 5px black;
	z-index: 100;
	position:absolute;
	/*position: fixed;*/
	display: inline-block;
	right: 0px;
}

.inputMiddle {
	text-align: center;
}

.modal-900 {
	width: 900px
}

.modal-800 {
	width: 800px
}


#clientsList{
	max-height: 520px;
	overflow-y: auto;
	padding: 3px;
	/*direction: ltr;*/
	overflow-x: hidden;
	list-style: none;
	/*visibility: hidden;*/
	display: none;
}


#clientsList2,#clientsList3{
	max-height: 520px;
	overflow-y: auto;
	padding: 3px;
	/*direction: ltr;*/
	overflow-x: hidden;
	list-style: none;
}



#resultsCount {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	width: 340px;
	padding: 3px;
	border-radius: 5px;
	/*visibility: hidden;*/
	display: none;
}

#resultsCount2 {
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	width: 340px;
	padding: 3px;
	border-radius: 5px;
	text-align: center;
}


#clientData{

/*	padding: 3px;*/
	overflow-x: none;
	display: none;

	
}

#clientDataInfo{
	max-height: 600px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	overflow-y: auto;
	overflow-x: hidden;
}


#clientsResultsData {
	/*display: none;*/
}

.resultsCountData {

}

#rightSide{
	float: right;
	display: inline-block;
	width: 350px;
}


#leftSide{
	width: 850px;
	display: inline-block;
	margin-right: 85px;
}

.clientPickBox {
		width: 340px;
		text-align: right;
		display: inline-block;

}

.clientPickBTN {
	display: inline-block;
	width: 350px;
	background-color: #e9f3f7;
	margin-bottom: 5px;
	display: inline-block;
	cursor: hand;
	border-radius: 3px;

}

.clientPickButton {
		display: inline-block;
		float: right;
		margin-bottom: 5px;
		width: 350px !important;
		border-radius: 5px;
		background-color: #e9f3f7;
}

.clientNameMini {
		font-weight: bold;
		color: #04041d;
		font-size: 16px;
		margin-left: 3px;
	}

.clientIDMini {
		margin-left: 3px;
		font-size: 10px;
		width: 55px;
	}
	
.clientImageMini img {
	height: 35px;
	margin-top: 3px;
	display: inline-block;
	float: right;
	margin-left: 5px;
}

.clientBTN {

}


.metal {
  position: relative;
  /*margin: 40px auto;*/
  outline: none;
  
  font: bold 6em/2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-align: center;
  color: hsla(0,0%,20%,1);
  /*text-shadow: hsla(0,0%,40%,.5) 0 -1px 0, hsla(0,0%,100%,.6) 0 2px 1px;*/
  
  background-color: hsl(0,0%,90%);
  box-shadow: inset hsla(0,0%,15%,  1) 0  0px 0px 4px, /* border */
    inset hsla(0,0%,15%, .8) 0 -1px 5px 4px, /* soft SD */
    inset hsla(0,0%,0%, .25) 0 -1px 0px 7px, /* bottom SD */
    inset hsla(0,0%,100%,.7) 0  2px 1px 7px, /* top HL */
    
    hsla(0,0%, 0%,.15) 0 -5px 6px 4px, /* outer SD */
    hsla(0,0%,100%,.5) 0  5px 6px 4px; /* outer HL */ 
  
  transition: color .2s;
}

.logo {
	font-size: 22px;
	font-weight: bold;
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	/*background-color: #13214b;*/
	color: white;
	border-radius: 10px;
	
	  /* can be treated like a fallback */
    width: 200px;
  height: 200px;
  
  
  
  background: 
    repeating-radial-gradient(
      circle at 0 0, 
      #eee,
      #ccc 50px
    );
    
    text-shadow: 3px 1px 10px black;
    
    box-shadow: 1px 1px 0px black;
	
}

.tokef {
	width: 75px !important;
	display: inline-block;
}


	
@media only screen and (device-width: 768px) {
	
	#rightSide{
		float: right;
		display: inline-block;
		width: 240px;
	}
  	#leftSide{
		width: 650px;
		display: inline-block;
		margin-right: 25px;
	}
	#resultsCount {
		font-size: 16px;
		text-align: center;
		font-weight: bold;
		width: 250px;
		padding: 3px;
		border-radius: 5px;
		display: none;
	}
	
	.clientPickBox {
		margin-right: -90px;
		width: 240px;
		text-align: right;
	}

	.clientPickButton {
		margin-bottom: 5px;
		width: 250px !important;
		border-radius: 5px;
		background-color: #e9f3f7;
	}
	
	.clientNameMini {
		font-weight: bold;
		color: #04041d;
		font-size: 14px;
		margin-left: 3px;
	}
	
	.clientIDMini {
		margin-left: 3px;
		font-size: 8px;
		width: 45px;
	}
	
	.clientImageMini img {
		height: 30px;
		margin-top: 3px;
		display: inline-block;
		float: right;
		margin-left: 5px;
	}
	
	.clientBTN {
		font-size: 12px !important;
	}
	
	.tokef {
		width: 75px !important;
		display: inline-block;
}


}


#map {
      height: 180px;
      width: 100%;
      margin-top: 10px;
}

.clientImage {
	/*position: absolute;
	left: 40px;
	top: 70px;
	height: 50px;*/
}

.clientImage img {
	visibility: hidden;
	height: 0px;
	width: 0px;
}

.lastCharges {
	font-size: 11px !important;
	direction: rtl;
	text-align: right;
}

.lastDetails {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	padding-right: 20px;
	border-radius: 3px;
	/*
	-moz-box-shadow:    inset 0 0 1px #000000;
   -webkit-box-shadow: inset 0 0 1px #000000;
   box-shadow:         inset 0 0 1px #000000; */
   
}



.clientEmail {
	font-size: 14px;
}


.clienetAddressMini {
	font-size: 12px;
}

.clientImageCard {
	display: inline-block;
	margin-right: 5px;
	/*background-color: white;
	border-radius: 25px;
	padding: 3px;*/
}

.clientImageCard img{
	height: 40px;
	display: inline-block;
}

.agentArea {
	margin-right: 43px;
}



.clientFullNameMini {
}

.clientPickButton hr {
	color: black;
	margin-bottom: 0px;
	margin-top: 0px;
	box-shadow: inset 1px 1px 1px 9px black;
	border-style: dotted;
}

.clientContactsMini {
	/*
	border-top-style: dashed;
	border-top-width: 0.25px;
	border-top-color: #662b2b;
	*/
}

.clientNationalIDMini {
	font-size: 8px;
	color: green;
}

.clientEmailMini {
	font-size: 10px;
	color: #b4801f;

}


.clientPhoneMini {
	font-size: 10px;
	color: #b4801f;
}

.clientDataMarginMini {
	margin-left: 15px;
}



.editClienButton {
	margin-top: 10px;
}

.clientImage img {
	width: 180px;
}



.clientZipCode {
	margin-right: 30px;
	font-size: 16px;
}

.clientNeigberhood{
	margin-right: 20px;
}



#paymentBTN {
	margin-top: 5px;
	margin-bottom: 5px;
}

#clientData{
	background: #f6f6f6;
	margin-bottom: 20px;
	/*display: hidden;*/
	margin-top: 10px;
	box-shadow: 0px 0px 14px black;
	overflow-x: hidden;
	padding: 0px;
}

#clientData_reload{
	background: #f6f6f6;
	/*padding-right: 10px;
	padding-left: 10px;*/
	overflow-x: hidden;
}

#clientTopBar {
	background-color: #030e1d;
	width: 100%;
	margin-bottom: 10px;

}


.clientBigName {
	font-size: 28px;
	padding-top: 20px;
	color: white;
	padding: 8px;
	display: inline-block;
	margin-right: 10px;
}

.clientNumber {
	color: white;
	display: inline-block;
	margin-right: 10px;
	font-size: 22px;
}

.clientType {
	font-size: 18px;
	color: white;
	display: inline-block;
	margin-right: 50px;

}

.clientAddress, .clientBirthdate {
	font-size: 16px;
}

.hebrewDate {
	font-size: 12px;
}

.clientPhones {
	font-size: 18px;
	direction: ltr;
	text-align: left;
}

.smallText {
	font-size: 12px;
	padding-top: 3px;
}

.phoneLabel {
	margin-top: 5px;
	font-size: 10px;
	padding-top: 3px;
	background-color: black;
	color: white;
	padding: 1px;
	border-radius: 5px;
	text-align: center;
}

.subscriptionPanel {
	box-shadow: 1px 1px 1px black;
	border-radius: 5px;
	width: 100%;
	display: inline-block;
	padding: 2px;
	margin-bottom: 10px;
	
	/*padding: 37px 55px 27px;*/
    position: relative;
    border: 1px solid #B5B5B5;
    background: white;
   /* background: -webkit-linear-gradient(top, #DFE8EC 0%, white 5%) 0 50px;
    background: -moz-linear-gradient(top, #DFE8EC 0%, white 5%) 0 50px;
    background: linear-gradient(top, #DFE8EC 0%, white 5%) 0 50px;
    -webkit-background-size: 100% 30px;
    -moz-background-size: 100% 30px;
    -ms-background-size: 100% 30px;
    background-size: 100% 30px;*/
}


.subscriptionPanel:nth-child(odd) {
	
}






.subscriptionPanelDisabled {
	box-shadow: 1px 1px 1px black;
	border-radius: 5px;
	width: 100%;
	margin-left: 10px;
	display: inline-block;
	padding: 2px;
	margin-bottom: 10px;
	
	/*padding: 37px 55px 27px;*/
    position: relative;
    border: 1px solid rgba(181, 181, 181, 0.47);
    background: gray;
    /*
    background: -webkit-linear-gradient(top, #DFE8EC 0%, white 8%) 0 57px;
    background: -moz-linear-gradient(top, #DFE8EC 0%, white 8%) 0 57px;
    background: linear-gradient(top, #DFE8EC 0%, white 8%) 0 57px;
    -webkit-background-size: 100% 30px;
    -moz-background-size: 100% 30px;
    -ms-background-size: 100% 30px;
    background-size: 100% 30px;*/

}

.productIMG {
	padding: 1px;
	border-radius: 3px;
	background-color: black;
	margin-bottom: -10px;
	margin-top: 10px;
}

.productIMG img{
		height: 80px;
}

.subscriptionTitle {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #050424;
}


/*
// Container sizes
// --------------------------------------------------

// Small screen / tablet
@container-tablet:            ((720px + @grid-gutter-width));

// Medium screen / desktop
@container-desktop:           ((940px + @grid-gutter-width));

// Large screen / wide desktop
@container-lg-desktop:        ((1020px + @grid-gutter-width));
*/

.container {
	width: 95% !important;
}

.navbarBottom {
	height: 80px;
}

.menuBTN {
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
	margin-right: 10px;
	width: 100px;
	float: right;
	display: inline-block;
}

.btnGroup {
	padding: 0px;
}

h1 {
	color: white;
	text-shadow: 1px 1px 7px black;
}

h2 {
	color: white;
	text-shadow: 1px 1px 7px black;
	font-size: 20px;
}

.clientData hr {
	margin-bottom: 3px;
	margin-top: 3px;
}



.modal-header-black {
    color:#fff;
    background-color: #088300;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}


#loginBTN {
	width: 70%;
}

.modal-header-success {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5cb85c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-warning {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-danger {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-info {
    color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.modal-header-primary {
	color:#fff;
    padding:9px 15px;
    border-bottom:1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}


.phoneCol {
}

.studentsTableFont {
	/*font-size: 12px !important;*/
}

.clientsTable {
	font-size: 12px !important;
	width: 400px !important;
	
}



#custom-search-input {
	margin-bottom: 10px;
}



#searchBox {
	width: 100%;
	font-size: 14px;
	
}


#searchBox2 {
	/*width: 270px;*/
	font-size: 14px;
	
}

/*
#searchBox2 {
	margin-right: 10px;
	width: 30%;
	font-size: 14px;

}

#searchBox3 {
	margin-right: 10px;
	width: 30%;
	font-size: 14px;

	
}
*/



::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 255, 247, 0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}


.clientDisable {
	background-color: gray !important;
}

#addProductItem_addBTN {
	margin-top: 6px;
}

.userImage {
	display: inline-block;
	margin-left: 5px;
}

.userImage img {
	width: 30px;
	height: 30px;
	border-radius: 15px;
}