a.button11 {
        display: inline-block;
        white-space: nowrap;
        background-color: #ddd;
		
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;  
    text-decoration: none;
    padding: 10px 10px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #b3b3b3;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-right: 1px;
	
	white-space: nowrap;
	cursor: pointer;
}
a.button
    {        
 
    display: inline-block;
  /*  white-space: nowrap;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s; */
	
	background: #f3f3f3;
	background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
	background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
	border: solid 1px #b3b3b3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-right: 1px;
	padding: 0 0.8em;
	margin: 0.0em;

	font:  1em/2.4em Helvetica, Arial  ;
	text-decoration: none;
	color: #6e6e6e;
		
     /*   text-shadow: 0 1px 0 rgba(255,255,255,.8); */

	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	cursor: pointer;
    }
	
a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

a.button:active { position: relative; top: 1px;  }

a.button:before
{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -0.6em;
	padding: 0 .25em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.3), 1px 0 0 rgba(255,255,255,.3);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.3), 1px 0 0 rgba(255,255,255,.3);
	box-shadow: 1px 0 0 rgba(0,0,0,.3), 1px 0 0 rgba(255,255,255,.3);
	
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;     
	pointer-events: none;		
}

 

/* The disabled styles */
a.button[disabled], a.button[disabled]:hover, a.button.disabled, a.button.disabled:hover 
{
	background: #eee;
	color: #aaa;
	border-color: #aaa;
	cursor: default;
	text-shadow: none;
	position: static;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;		
}

/* Hexadecimal entities for the icons */

a.add:before    {    content: "\271A";   }
a.edit:before   {    content: "\270E";   }
a.delete:before {    content: "\2718";   }
a.save:before   {    content: "\2714";   }
a.email:before  {    content: "\2709";   }
a.like:before   {    content: "\2764";   }
/* a.next:before   {    content: "\279C";   } */
a.star:before   {    content: "\2605";   }
a.spark:before  {    content: "\2737";   }
a.play:before   {    content: "\25B6";   }
a.arrowdownsmall:before   {    content: "\1f893";   } /* arrow down small*/
a.arrowdownbig:before   {    content: "\2bc6";   } /* arrow down big */
a.arrowdown:before   {    content: "\23f7";   } /* arrow down */
a.arrowdown2:before   {    content: "\23f7";   } /* arrow down */

a.umbrella:before   {    content: "\2602";   }  
a.cloud:before   {    content: "\1f327";   }  
a.doctor:before   {    content: "\2695";   } 
a.tools:before   {    content: "\2692";   } 
a.gear:before   {    content: "\2699";   } 
a.ok:before   {    content: "\2713";   } 
a.close:before   {    content: "\2716";   } 
a.phone:before   {    content: "\260F";   } 
a.computer:before   {    content: "\1F4BB";   } 
a.disk:before   {    content: "\1F4BE";   } 
a.folder:before   {    content: "\1F4C1";   } 
a.calendar22:before   {    content: "\1F4C6";   } 
a.stats_bars:before   {    content: "\1F4CA";   } 
a.copy:before   {    content: "\1F4CB";   } 
a.pin:before   {    content: "\1F4CC";   } 
a.buy:before   {    content: "\1F6D2";   } 
a.computer:before   {    content: "\1F4BB";   } 
 
a.filter:after   { width:30px; float:right; content:"\00a0";  background: url(../icons/16/filter16.png) 12px 7px no-repeat; }


a.button.blue, a.button.green, a.button.red, a.button.orange, a.button.gray {
	font:  0.8em/2.4em Helvetica, Arial  ;	
}

a.button.blue{
	
    color: white;
    background:#114b71; /*#1F618D  ;  #0073e5; DodgerBlue */
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);  
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25);

/* text-shadow: 1px 2px 2px #004589;  	
background: -webkit-gradient(linear,0% 40%,0% 70%,from(#0073e5),to(#0067ce));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#0073e5),to(#0067ce));
    border: solid 1px #004589;
	*/
}
a.button.blue:hover{
    color: white;
	background: -webkit-gradient(linear,0% 40%,0% 70%,from(#0073e5),to(#0067ce));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#0073e5),to(#0067ce));
    border: solid 1px #004589;
}

a.button.green{
    color: white;
	background:#0c7136; /*  #229954 ; #0073e5; DodgerBlue */
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);  
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	border: 1px solid #0B5345;
}
a.button.green:hover{
    color: white;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#70c61b),to(#64b018));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#70c61b),to(#64b018));
    border: solid 1px #4b8412;  
}

a.button.red{
    color: white;
	background:#fc2928; /* #FF3746;    */
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);  
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
	border: 1px solid #A93226;
}
a.button.red:hover{
    color: white;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#e50000),to(#cc0000));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#e50000),to(#cc0000));
    border: 1px solid #990000;
}

a.button.orange{
    color: #283747;
	background:#FFD237;   
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);  
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}
a.button.orange:hover{
    color: white;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#f98009),to(#e07308));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#f98009),to(#e07308));
    border: 1px solid #c76607;
}

a.button.gray{  
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);  
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
}
a.button.gray:hover{
 
   /*  border: 1px solid black; */
}

a.buttonOnField {
 
    color: #6e6e6e;
    font: bold 12px Helvetica, Arial, sans-serif;  
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    text-shadow: 0 1px 0 #fff;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: 1px;
	height:22px;
	margin-top:1em;
}


a.button:active {
    color: #000;
    border-color:1px #444;
}

a.calendar {
    background: url(../icons/Calendar.png) 8px 10px no-repeat #f3f3f3;
    padding-left: 40px;
	/* height:42px; */
} 
a.calendar1Day {
    background: url(../icons/24/Calendar1Day.png) 4px 4px no-repeat #f3f3f3;
    padding-left: 30px;
} 
a.down_key {
	float:right;
	content:&#10151;
	transform: rotate(20deg);
	
}

a.combo_key {
/*	content:&#10151;
	transform: rotate(0deg); */
	background: url(../icons/16/down16.png) 4px 4px no-repeat #f3f3f3;
	text-align:right;
}
a.combo_key:before {
	/* float:left; 
	content:&#10151;
	transform: rotate(0deg);*/
}
.money:before {
	/* float:right; */
	content: attr(title)  ;
	
}

a[disabled]  {
  opacity: .4;
  cursor: default !important;
  pointer-events: none;
}

.btn_blue {
  background-color: DodgerBlue;
  border:none;
  color: white;
  padding: 2px 14px 8px 14px ;
  font-size: 16px;
  cursor: pointer;
  margin:10px 3px 10px 3px;
  border-radius: 5px;
  font-size:0.9em;
  line-height:12px;
  text-align:center;
  display: inline-block;
}
.btn_blue:hover { 
	background-color: RoyalBlue;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.65);
}

/* ================================================
                btn-vs-group  © 2020
   ================================================ */
  
.btn-vs-group {
  width: 90%; 
 /* display: inline-block; /* flex; */
  display: flex;
  /*align-items: stretch;*/
  align-items: stretch;
  justify-content: flex-start;
  gap: 3px;
  /*  padding: 0px 0px 0px 5px !important;*/
   justify-items: stretch;
}

.btn-vs-group a.button2  {
  padding: 8px 10px ; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
  font: bold 14px "Font Awesome 5 Free"; 

    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#f1f1f1),to(#e6e6e6));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#f1f1f1),to(#e6e6e6));
    border: solid 1px #b3b3b3;
    margin-right: 0px;
	color:#6e6e6e;
	/* height:100%; */
	border-radius:5px 5px 5px 5px;
}

.btn-vs-group input.button2 { 
	min-width:80px;
     padding: 7px 0px ; /* Some padding */
	font: bold 16px Helvetica, Arial, sans-serif; 
    float: left;
    border: solid 1px #b3b3b3;
    margin-right: 1px ;
	color:#6e6e6e;
	text-align: center;
	height:100%;
    align-self: stretch;
 
}

.calendar_prv {border-radius:5px 0px 0px 5px;}
.calendar_next {border-radius:0px 5px 5px 0px; }
.calendar_select {  border-radius:5px 5px 5px 5px; }

.calendar_select {margin-left:1px; }
.calendar_select::before  {
/*	content:'\f107'; */
  display: flex;
  content: '';
  margin-top:-4px;
  width: 25px;
  height: 1.5em;
  background: url("../icons/24/Calendar1Day2.png") no-repeat;	
	}
	
.calendar_prv::before  {content:'\f104';}
.calendar_next::before  {content:'\f105';}

#btn_prv {margin-right:-1px;border-radius:5px 0px 0px 5px;}
#btn_next {margin-left:-2px;border-radius:0px 5px 5px 0px; }
#btn_prv:before  {content:'\f104';}
#btn_next:before  {content:'\f105';}



.btn-vs-group .calendar_day::before  {content:'\f783';}
.btn-vs-group .calendar_week::before  {content:'\f784';}
.btn-vs-group .calendar_month::before  {content:'\f073';}

 
#btn_Phone::before  {font-family: "Font Awesome 5 Free";content:'\f095';}


div.btn-vs-group a.button2:hover {
    color: #333;
	border-color: #999;
     -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); 
	-webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.6);  
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.20) ;
}


/* ========================================= */
/* ========================================= */
 
.vscombo-div {
	width: 100%;
  position: relative;
 /*  margin: 20px -20px -20px; */
  border-radius: 3px 3px 3px 3px;
 /* background-color: red;
   height:30px;
  border: 0px solid !important;
  padding:0px !important; 
  */
}

.vscombo-div input {
	 /* font-family: 'Oswald', 'Open Sans Condensed',  'Helvetica Neue',  sans-serif; */
	font-family:  'Open Sans Condensed', "Helvetica", 'Fira Sans Condensed',   'Helvetica Neue',  sans-serif; 
	font-size:1em;
	font-size: 100%;
	font-weight:600;
	text-align:left;
	letter-spacing:0em;
	height: 2em;
	width:100%;
	color: #595959; /* #808080 ; */
	padding: 2px 5px 2px 5px; /* top, right, bottom, left */
	margin-top:0.2em;	
	margin-bottom:0.1em;	
	margin-right:1px;
	border: 1px solid #dadada;
	border-radius: 3px; 
	width:100%;
 /* font-stretch: extra-condensed; */

}



.vscombo_button {
  display: block;
  position: absolute;
  float:right;
  top: 3px;
  right:-0px;
  padding: 0px;
  height: 1.8em; /* 30px; */
  width: 32px;
  color: transparent;
  /* font: 0/0 a; 
  border: 1px solid;
  border-color: #4c9d50 #4c9d50 #4c9d50 #55af5a;*/
  border-radius: 0 3px 3px 0;
  cursor: pointer;
 
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	background: #f3f3f3;
	background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
	background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
	border: solid 1px #b3b3b3;
	 
}
.vscombo_button:active {
  background: #b3b3b3;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.vscombo_button:before {
  display: block;
  content: '';
  margin: 8px 8px 0 8px;
  width: 25px;
  height: 19px;
  background: url("../icons/16/down16.png") no-repeat;
}
 

.vscombo_date_button, .vscombo_search_button {
  display: inline-block;
  position: absolute;
  float:right;
  top: 4px;
  right:1px;
  padding: 0px;
  height: 30px;  /* 30px; */
  width: 32px;
  color: transparent;
  border-radius: 0 3px 3px 0;
  cursor: pointer;

	background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
	background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
 	border: solid 1px #b3b3b3  
}

.vscombo_date_button:active, .vscombo_search_button:active {
  background: #b3b3b3;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.vscombo_date_button:before  {
  display: block;
  content: '';
  margin: 4px 4px 0 4px;
  width: 25px;
  height: 24px;
  background: url("../icons/24/Calendar1Day2.png") no-repeat;
} 

.datepicker {
	height: 30px; 
}
/* =========================================================== */

.btn_group  {
  font:  0.8em/2.4em Helvetica, Arial  ;
 /* height: 2em; */
  text-align: center;
   white-space:nowrap;
}

.btn_group div {
  /* height: 1em; */
  max-width: 300px;
  text-align: center;
}
 
.btn_group {  display: flex; flex-wrap: nowrap;}

 
.btn_group >a.button  {        
    display: inline-block;
    white-space: nowrap;
   /* -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s; */
	
	background: #f3f3f3;
	background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
	background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
	border: solid 1px #b3b3b3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
 
	margin-right: 1px;
	padding: 0 0.8em;
	margin: 0.0em;

	font:  1.1em/2.2em Helvetica, Arial  ;
	text-decoration: none;
	color: #6e6e6e;
		
     /*   text-shadow: 0 1px 0 rgba(255,255,255,.8); */

	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	cursor: pointer;
    }
	
.btn_group >a.button:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
	-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.btn_group >a.button:active { position: relative; top: 1px;  }

.btn_group > a.button:before
{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;

	margin: 0 1em 0 -0.6em;
	padding: 0 .25em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.3), 1px 0 0 rgba(255,255,255,.3);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.3), 1px 0 0 rgba(255,255,255,.3);
	box-shadow: 1px 0 0 rgba(0,0,0,.3), 1px 0 0 rgba(255,255,255,.3);
	
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;     
	pointer-events: none;		
}
 
/* The disabled styles */
.btn_group > a.button[disabled], .btn_group > a.button[disabled]:hover
{
	background: #eee;
	color: #aaa;
	border-color: #aaa;
	cursor: default;
	text-shadow: none;
	position: static;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;		
}
 
/* a.add:before    {    content: "\271A";   }  */

 
.btn_group > a.prv {  border-radius: 5px 0px 0px 5px; font-weight:bold;	}
.btn_group > a.next {  border-radius: 0px 5px  5px 0px;	 font-weight:bold;}
.btn_group > a.text {  border-radius: 0px 0px  0px 0px;	}
 
.btn_group > a.prv:after   { content: "<"; }
.btn_group > a.next:after  { content: ">" ;  }
 
