.punch-det {
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 10px 15px;
}
.punch-det h6 {
    line-height: 20px;
    margin-bottom: 0;
}
.punch-det p {
    color: #727272;
    font-size: 14px;
    margin-bottom: 0;
}
.punch-info {
	margin-bottom: 20px;
}
.punch-hours {
    align-items: center;
    background-color: #f9f9f9;
    border: 5px solid #e3e3e3;
    border-radius: 50%;
    display: flex;
    font-size: 18px;
    height: 180px;
    justify-content: center;
    margin: 0 auto;
    width: 180px;
}

.punch-hours-green 
{
  align-items: center;
  background-color: #f9f9f9;
  border: 5px solid #e3e3e3;
  border-radius: 50%;
  display: flex;
  font-size: 18px;
  height: 180px;
  justify-content: center;
  margin: 0 auto;
  width: 180px;
  background-color: #ccf8d4;
  border: 6px solid #033f17;
}

.punch-hours-red 
{
  align-items: center;
  background-color: #f9f9f9;
  border: 5px solid #e3e3e3;
  border-radius: 50%;
  display: flex;
  font-size: 18px;
  height: 180px;
  justify-content: center;
  margin: 0 auto;
  width: 180px;
  background-color: #f8d3d3;
  border: 6px solid #c50202;
}

.punch-btn-section {
    margin-bottom: 20px;
    text-align: center;
}
.punch-btn {
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
    max-width: 100%;
    padding: 8px 40px;
}
.punch-status .stats-box {
	margin-bottom: 0;
}
.stats-list {
	height: 331px;
	overflow-y: auto;
}
.att-statistics .stats-info {
	margin-bottom: 5px;
}
.att-statistics .progress {
	height: 4px;
}
.statistics .row {
	margin-left: -5px;
	margin-right: -5px;
}
.statistics .row > div {
	padding-left: 5px;
	padding-right: 5px;
}
.stats-box {
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3;
    margin-bottom: 15px;
    padding: 5px;
}
.stats-box p {
	margin: 0;
	font-size: 12px;
}
.stats-box > h6 {
    margin-bottom: 0;
}
.stats-info:last-child .progress {
	margin-bottom: 0;
}
.stats-info p {
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    margin-bottom: 5px;
}
.recent-activity .res-activity-list {
    height: 328px;
    list-style-type: none;
    margin-bottom: 0;
    overflow-y: auto;
    padding-left: 30px;
    position: relative;
}
.recent-activity .res-activity-list li {
    margin-bottom: 15px;
    position: relative;
}
.recent-activity .res-activity-list li:last-child {
    margin-bottom: 0;
}
.recent-activity .res-activity-list li:before {
	width: 10px;
	height: 10px;
	left: -30px;
	top: 0px;
	border: 2px solid #ff9b44;
	margin-right: 15px;
	z-index: 2;
	background: #fff;
}
.recent-activity .res-activity-list li:before {
	content: "";
	position: absolute;
	border-radius: 100%;
}
.recent-activity .res-activity-list:after {
	content: "";
	border: 1px solid #e5e5e5;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 4px;
}
.recent-activity .res-activity-time {
    color: #bbb;
    font-size: 12px;
}
.recent-activity h6 {
    line-height: 14px;
    margin-bottom: 0;
}
.recent-activity p {
    font-size: 13px;
    margin-bottom: 0;
}
.half-day {
	width: 15px;
}


.widget-user .widget-user-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    height: 135px;
    padding: 1rem;
    text-align: center;
  }
  
  .widget-user .widget-user-username {
    font-size: 20px;
    font-weight: 250;
    margin-bottom: 0;
    margin-top: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  }
  
  .widget-user .widget-user-desc {
    margin-top: 0;
  }
  
  .widget-user .widget-user-image {
    left: 50%;
    margin-left: -45px;
    position: absolute;
    top: 60px;
  }
  
  .widget-user .widget-user-image > img {
    border: 3px solid #ffffff;
    height: auto;
    width: 90px;
  }
  
  .widget-user .card-footer {
    padding-top: 50px;
  }
  
  .widget-user-2 .widget-user-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding: 1rem;
  }
  
  .widget-user-2 .widget-user-username {
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 5px;
  }
  
  .widget-user-2 .widget-user-desc {
    margin-top: 0;
  }
  
  .widget-user-2 .widget-user-username,
  .widget-user-2 .widget-user-desc {
    margin-left: 75px;
  }
  
  .widget-user-2 .widget-user-image > img {
    float: left;
    height: auto;
    width: 65px;
  }


.user-block-lg {
  float: left;
}

.user-block-lg img {
  float: left;
  height: 60px;
  width: 60px;
}

.user-block-lg .username,
.user-block-lg .description,
.user-block-lg .comment {
  display: block;
  margin-left: 70px;
}

.user-block-lg .username {
  font-size: 20px;
  font-weight: 600;
  margin-top: -1px;
  color: #17a2b8;
}

.user-block-lg .description {
  color: #6c757d;
  font-size: 16px;
  margin-top: -2px;
}

/*.user-block-lg img {*/
/*  width: 1.875rem;*/
/*  height: 1.875rem;*/
/*}*/

/*.user-block-lg.user-block-sm .username,*/
/*.user-block-lg.user-block-sm .description,*/
/*.user-block-lg.user-block-sm .comment {*/
/*  margin-left: 50px;*/
/*}*/

/*.user-block-lg.user-block-sm .username {*/
/*  font-size: 15px;*/
/*}*/

.bg-orange2 {
  background-color:#F57C00;
  color:white;
}

.text-orange2 
{
  color:#F57C00;
}

.text-darknavy 
{
  color:rgb(4, 22, 56);
}

.bg-goldenrod {
  background-color:#e0ab24;
  color:white;
}
.text-goldenrod {
  color:#e0ab24;
}

.bg-gold {
  background-color:#ffbb00;
  color:white;
}
.text-gold {
  color:#ffbb00;
}


.bg-gold.btn:hover {
  background-color:#ffcc3e;
  color:black;
}

.bg-darkred 
{
  background-color:#8d0f08;
  color:white;
}

.bg-darkred.btn:hover 
{
  background-color:#f12419;
  color:white;
}

.text-darkred 
{
  color:#8d0f08;
}
.text-darkred2 
{
  color:#c90808;
}


.bg-darkgreen 
{
  background-color:#043819;
  color:white;
}

.bg-darkgreen.btn:hover 
{
  background-color:#05bb4e;
  color:white;
}

.bg-darkbrown 
{
  background-color:#773b03;
  color:white;
}

.bg-darkbrown.btn:hover 
{
  background-color:#c27d3d;
  color:white;
}

.text-darkbrown 
{
  color:#773b03;
}

.bg-darkblue2 
{
  background-color:#014268;
  color:white;
}

.bg-darkblue2.btn:hover 
{
  background-color:#5dc5ee;
  color:white;
}

.text-darkblue2 
{
  color:#014268;
}

.bg-darkteal 
{
  background-color:rgb(3, 95, 95);
  color:white;
}

.bg-darkteal.btn:hover 
{
  background-color:rgb(13, 173, 173);
  color:white;
}

.text-darkteal 
{
  color:rgb(3, 95, 95);
}

.text-skyblue 
{
  color:skyblue;
}

.text-lightblue 
{
  color:rgb(83, 168, 202);
}

.text-midblue 
{
  color:#166bb6;
}

.text-midblue2 
{
  color:rgb(55, 141, 223);
}

.bg-skyblue 
{
  background-color:skyblue;
  color:white;
}

.bg-lightblue 
{
  background-color:rgb(83, 168, 202);
  color:white;
}

.bg-midblue 
{
  background-color:#166bb6;
  color:white;
}

.bg-midblue2 
{
  background-color:rgb(55, 141, 223);
  color:white;
}


.bg-seagreen 
{
  background-color:rgb(68, 100, 82);
  color:white;
}

.text-seagreen 
{
  color:rgb(68, 100, 82);
}

.transbtn {
  background: transparent;
  border:0px;
}
.transbtn :hover {
  background:transparent;
  border:0px;
}

.transbtn i {
  background: transparent;
  color:green;
}

.trowbtn {
  /* color:red; */
/* text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; */
/* text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333; */
/* text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444;  */
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555; 
color:green;
}

.blue-gradient {
  background: linear-gradient(40deg,#8be0ff,#0c1661) !important;
}

.pills-rounded.blue-gradient {
  background: linear-gradient(40deg,#6ad0f5,#161f5f) !important;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}

.pills-rounded.green-gradient,.pills-green-gradient,.btn.green-gradient, .btn-rounded.green-gradient {
  background: linear-gradient(40deg,#04a53a,#a5f722) !important;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}

.btn.green-gradient:hover,.btn.green-gradient.active {
  background: linear-gradient(40deg,#d0f820,#4ccc25) !important;
  color:darkgreen;
}

.pills-rounded.green-gradient:hover,.pills-rounded.green-gradient.active {
  background: linear-gradient(40deg,#d0f820,#4ccc25) !important;
  color:darkgreen;
}

.pills-green-gradient:hover,.pills-green-gradient.active 
{
  background: linear-gradient(40deg,#d0f820,#4ccc25) !important;
}


.btn.blue-gradient:hover,.btn.blue-gradient.active {
  background: linear-gradient(40deg,#20bef8,#2589cc) !important;
}

.pills-rounded.blue-gradient:hover,.pills-rounded.blue-gradient.active {
  background: linear-gradient(40deg,#20bef8,#2589cc) !important;
}

.btn.peach-gradient {
  color: #fff;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}

.btn.pills-orangered-gradient {
  color: #fff;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}


.waves-effect {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.peach-gradient {
  background: linear-gradient(40deg,#ffd86f,#fc6262) !important;
}

.pills-orangered-gradient {
  background: linear-gradient(40deg, orange, #fa0202);
}
.pills-rounded {
  border-radius: 10em;
}

.btn-rounded {
  border-radius: 10em;
}

.btn.purple-gradient {
  color: #fff;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}
.purple-gradient {
  background: linear-gradient(40deg,#e91c97,#4741f5,#2f2c96) !important;
}

.orange-gradient3 {
  background: linear-gradient(40deg,#e05126,rgb(224, 137, 6),rgba(248, 92, 45, 0.945),#c90808) ;
}

.pills-purple-gradient  
{
  /* background: linear-gradient(40deg, #c92d8a, #7873f5); */
  background: linear-gradient(40deg,#e91c97,#2f2c96) !important;
}

.aqua-gradient {
  background: linear-gradient(40deg,#2096ff,#05ffa3) !important;
}

.aqua2-gradient {
  background: linear-gradient(40deg,#0763b4,#07ec98) !important;
}

.aqua3-gradient {
  background: linear-gradient(40deg,#05ffa3,#2096ff) !important;
}

.green-gradient {
  background: linear-gradient(40deg,#1dfa9eea,#1a9725d3) !important;
}

.pills-aqua-gradient  {
  background: linear-gradient(40deg, #2096ff, #05ffa3);
}

.pills-aqua2-gradient  {
  background: linear-gradient(40deg,#2569a5,#02cf84) !important;
}

.md-pills.active:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}

.md-pills.active {
  color: #fff;
  background-color: #2bbbad;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.rgba-grey-light, .md-pills:hover, .rgba-grey-light:after, .md-pills:hover:after {
  background-color: rgba(158,158,158,0.3);
}
.md-pills  {
  color: #666;
  text-align: center;
  border-radius: 2px;
  -webkit-transition: all .4s;
  transition: all .4s;
}
waves-effect, waves-light {
  display: inline-block;
}

a.waves-effect, a.waves-light {
  display: inline-block;
}

.btn-deep-orange {
  color: #fff;
  background-color: #ff7043 !important;
}
.text-deep-orange {
  color: #ff7043 !important;
}

.btn-amber {
  color: #fff;
  background-color: #ffa000 !important;
}

.text-amber {
  color: #ffa000 !important;
}

.text-deep-pink 
{
  color: #880e4f;
}
.btn-deep-pink,.bg-deep-pink 
{
  color: #fff;
  background-color: #880e4f !important;
}

.btn-deep-pink:hover,.btn-deep-pink.active,.bg-deep-pink:hover,.bg-deep-pink:active {
  color: #fff;
  background-color: #c4076c !important;
}

.btn-pink2 {
  color: rgb(53, 7, 7);
  background-color: #d10873 !important;
}

.btn-pink2:hover,.btn-pink2.active {
  color: #fff;
  background-color: #70063f !important;
}

.text-deep-pink {
  color: #880e4f !important;
}

.btn-dark-green {
  color: #fff;
  background-color: #1c6420 !important;
}

.btn-dark-green:hover,.btn-dark-green.active {
  color: rgb(3, 41, 2);
  background-color: #2cb332 !important;
}


.btn.blue-gradient,.btn-rounded.blue-gradient {
  color: #fff;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}

.btn.green-gradient,.btn-rounded.green-gradient {
  color: #fff;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}

select>option.btn.blue-gradient,select>option.btn-rounded.blue-gradient  {
  color: rgb(22, 21, 21);
  -webkit-transition: .5s ease;
  transition: .5s ease;
}

select>option.btn.green-gradient, select > option .btn-rounded.green-gradient {
  color: rgb(22, 21, 21);
  -webkit-transition: .5s ease;
  transition: .5s ease;
}
select:focus.btn-rounded.green-gradient
{
  color:white;
  font-weight:bold;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}

/* select>option:not(:selected).btn-rounded.green-gradient
{
  color:navy;
  -webkit-transition: .5s ease;
  transition: .5s ease;
} */


.btn-green2 {
  color: #fff;
  background-color: #0e6d36 !important;
}

.text-green2 {
  color: #0e6d36 !important;
}

.deepseablue-gradient {
  background-image: -webkit-gradient(linear,left bottom,left top,from(#30cfd0),to(#330867));
  background-image: linear-gradient(to top,#30cfd0 0,#330867 100%);
  color:rgb(226, 226, 221);
}

.deepgreen-gradient,.btn-deepgreen-gradient  
{
  background-image: -webkit-gradient(linear,left bottom,left top,from(#70be099d),to(#033112));
  background-image: linear-gradient(to top,#70be099d 0,#033112 100%);
  color:rgb(226, 226, 221);
}

.btn.deepgreen-gradient:active,.btn.deepgreen-gradient:hover,.btn-deepgreen-gradient:active,.btn-deepgreen-gradient:hover 
{
  background-image: -webkit-gradient(linear,left bottom,left bottom,from(#ebff33ee),to(#3c6349));
  background-image: linear-gradient(to  bottom,#ebff33ee 0,#3c6349 100%);
  color:rgb(61, 61, 32);
}

.pills-orangered-gradient:active,.pills-orangered-gradient:hover 
{
  /* background: linear-gradient(40deg, orange, #fa0202); */
  background-image: -webkit-gradient(linear,left bottom,left bottom,from(rgb(255, 239, 21)),to(#ff2b2b));
  background-image: linear-gradient(to bottom,rgb(255, 239, 21) 0,#ff1616 100%);
}


.pills-aqua-gradient:active,.pills-aqua-gradient:hover  {
  background: linear-gradient(55deg, #caff0b,#44a8ff );
}

.pills-aqua2-gradient:active,.pills-aqua2-gradient:hover {
  background: linear-gradient(40deg,#17ffaa,#087de2) !important;
  background-image: -webkit-gradient(linear,left bottom,left bottom,from(rgb(255, 239, 21)),to(#0763b4));
  background-image: linear-gradient(to bottom,rgb(255, 239, 21) 0,#0763b4 100%);
}

.pills-purple-gradient:active,.pills-purple-gradient:hover 
{
  background: linear-gradient(40deg,#0386f8,#ff089c) !important;
}

.btn-outline-success {
  color: #00c851 !important;
  background-color: transparent !important;
  border: 2px solid #00c851 !important;
}

.btn[class*="btn-outline-"] {
  padding-top: .7rem;
  padding-bottom: .7rem;
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-deep-purple {
  color: #fff;
  background-color: #512da8 !important;
}


.text-deep-purple 
{
  color: #512da8 !important;
}

.txtshadow 
{
  /* color: #05741f; */
  font-weight:bold;
  /* font-size:16px; */
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.774);
}

.zoomctl:hover 
{
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.692);
  font-weight:bold;
  font-size:2em;
}

.txtshadow2 
{
  /* color: #05741f; */
  font-weight:bold;
  /* font-size:16px; */
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.849);
}

.fixed-action-btn {
  position: fixed;
  right: 35px;
  bottom: 35px;
  z-index: 998;
  margin-bottom: 0;
  overflow: hidden;
  height: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 15px 15px 15px 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-transition: height 400ms;
  transition: height 400ms;
}
/* *, *::before, *::after {
  box-sizing: border-box;
} */

.btn-floating {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0;
  margin: 10px;
  overflow: hidden;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  width: 47px;
  height: 47px;
}
.btn-floating.btn-lg {
  width: 61.1px;
  height: 61.1px;
}

.aqua4-gradient
{
  background: linear-gradient(to right, rgb(52, 232, 158), rgb(15, 52, 67));  
}
.gold2-gradient
{
  background: linear-gradient(to right, rgb(247, 151, 30), rgb(255, 210, 0));
}
.aqua5-gradient
{
  background: linear-gradient(to right, rgb(178, 254, 250), rgb(14, 210, 247));
}
.teal2-gradient
{
  background: linear-gradient(to right, rgb(0, 121, 145), rgb(120, 255, 214));
}
.skyblue-gradient
{
  background: linear-gradient(to right, rgb(28, 146, 210), rgb(242, 252, 254));
}
.skyblue2-gradient
{
  background: linear-gradient(to right, rgb(97, 144, 232), rgb(167, 191, 232));
}
.honeydew-gradient
{
  background: linear-gradient(to right, rgb(67, 198, 172), rgb(248, 255, 174));

}
.yellowgreen-gradient
{
  background: linear-gradient(to right, rgb(220, 227, 91), rgb(69, 182, 73));
}

.greenblue2-gradient
{
  background: linear-gradient(to right, rgb(6, 190, 182), rgb(72, 177, 191));
}
.green4-gradient
{
background: linear-gradient(to right, rgb(12, 235, 235), rgb(32, 227, 178), rgb(41, 255, 198));
}
.dull-gradient
{
  background: linear-gradient(to right, rgb(201, 214, 255), rgb(226, 226, 226));
}
.purplepink-gradient
{
background: linear-gradient(to right, rgb(127, 0, 255), rgb(225, 0, 255));
}

.orangecoral-gradient
{
  background: linear-gradient(to right, rgb(255, 153, 102), rgb(255, 94, 98));
}
.summer-gradient
{
  background: linear-gradient(to right, rgb(34, 193, 195), rgb(253, 187, 45));
}
.zinc-gradient
{
  background: linear-gradient(to right, rgb(173, 169, 150), rgb(242, 242, 242), rgb(219, 219, 219), rgb(234, 234, 234));
}
.lightwaterblue-gradient
{
  background: linear-gradient(to right, rgb(116, 235, 213), rgb(172, 182, 229));
}
.orange3-gradient
{
  background: linear-gradient(to right, rgb(252, 74, 26), rgb(247, 183, 51));
}
.lavendar-gradient
{
  background: linear-gradient(to right, rgb(211, 204, 227), rgb(233, 228, 240));
}
.citrus-gradient
{
  background: linear-gradient(to right, rgb(253, 200, 48), rgb(243, 115, 53));
}
.pink3-gradient
{
  background: linear-gradient(to right, rgb(128, 0, 128), rgb(255, 192, 203));
}
.rainbowblue-gradient
{
  background: linear-gradient(to right, rgb(0, 242, 96), rgb(5, 117, 230));
}
.quepal-gradient
{
background: linear-gradient(to right, rgb(17, 153, 142), rgb(56, 239, 125));
}

.blue-rasperry-gradient
{
  background: linear-gradient(to right, rgb(0, 180, 219), rgb(0, 131, 176));
}
.frostblue-gradient
{
background: #000428;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #004e92, #000428);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.red-gradient
{
  background: #F00000;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #DC281E, #F00000);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #DC281E, #F00000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.grapefruit-gradient
{
  background: #e96443;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #904e95, #e96443);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #904e95, #e96443); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.solidblue-gradient
{
background: #3a7bd5;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #3a6073, #3a7bd5);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #3a6073, #3a7bd5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.brightblue-gradient
{
  background: #00d2ff;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #928DAB, #00d2ff);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #928DAB, #00d2ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.saffron-gradient
{
  background: #ff4b1f;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #ff9068, #ff4b1f);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #ff9068, #ff4b1f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.lightskyblue-gradient
{
  background: #E0EAFC;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #CFDEF3, #d9e6ff);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #CFDEF3, #cbddff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.mediumskyblue-gradient
{
  background: #4CA1AF;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #C4E0E5, #4CA1AF);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #C4E0E5, #4CA1AF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.darkskyblue-gradient
{
  background: #4B79A1;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #283E51, #4B79A1);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #283E51, #4B79A1); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.palewood-gradient
{
  background: #eacda3;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #d6ae7b, #eacda3);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #d6ae7b, #eacda3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.lightgreenblue-gradient
{
  background: #c2e59c;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #64b3f4, #c2e59c);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #64b3f4, #c2e59c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.lightorange-gradient
{
  background: #FFB75E;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ED8F03, #FFB75E);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ED8F03, #FFB75E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.darkred-gradient
{
  background: #8E0E00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #1F1C18, #8E0E00);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #1F1C18, #8E0E00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.lightleafgreen-gradient
{
  background: #76b852;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #8DC26F, #76b852);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #8DC26F, #76b852); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.deeppurple-gradient
{
  background: #673AB7;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #512DA8, #673AB7);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #512DA8, #673AB7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.tealgreen-gradient
{
  background: #00C9FF;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #92FE9D, #00C9FF);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #92FE9D, #00C9FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ 
}
.lightgreenteal-gradient
{
  background: #B3FFAB;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #12FFF7, #B3FFAB);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #12FFF7, #B3FFAB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.olive-gradient
{
  background: #ADD100;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #7B920A, #ADD100);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #7B920A, #ADD100); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.aqualight-gradient
{
  background: #50C9C3;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #96DEDA, #50C9C3);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #96DEDA, #50C9C3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.greengray-gradient
{
  background: #215f00;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #e4e4d9, #215f00);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #e4e4d9, #215f00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.redyellow-gradient
{
  background: #c21500;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #ffc500, #c21500);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #ffc500, #c21500); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.dullrosegray-gradient
{
  background: #FFEEEE;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #DDEFBB, #FFEEEE);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #DDEFBB, #FFEEEE); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.mediumrose-gradient
{
  background: #DE6262;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFB88C, #DE6262);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFB88C, #DE6262); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.pinkrose-gradient
{
  background: #f857a6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ff5858, #f857a6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ff5858, #f857a6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.armygreen-gradient
{
  background: #414d0b;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #727a17, #414d0b);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #727a17, #414d0b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.darkrose-gradient
{
  background: #e43a15;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #e65245, #e43a15);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #e65245, #e43a15); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.whitecloud-gradient
{
  background: #ECE9E6;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.brightsea-gradient
{
  background: #1CD8D2;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #93EDC7, #1CD8D2);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #93EDC7, #1CD8D2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */   
}
.brightorangeyellow-gradient
{
  background: #FF8008;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #FFC837, #FF8008);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #FFC837, #FF8008); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.lightmango-gradient
{
  background: #F09819;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #EDDE5D, #F09819);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #EDDE5D, #F09819); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.darkturquise-gradient
{
  background: #136a8a;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #267871, #136a8a);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #267871, #136a8a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.gray-gradient
{
  background: #bdc3c7;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #2c3e50, #bdc3c7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.lightpink-gradient
{
  background: #ee9ca7;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #ffdde1, #ee9ca7);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #ffdde1, #ee9ca7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */  
}
.roseorange-gradient
{
  background: #FF416C;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right,#FF416C, #FF4B2B );  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right,#FF416C, #FF4B2B); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.vinegreen-gradient
{ background: #00bf8f;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #001510, #00bf8f);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #001510, #00bf8f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.purpledark-gradient
{
  background: #6441A5;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2a0845, #6441A5);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2a0845, #6441A5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.dullorange-gradient
{
  background: #ffb347;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #ffcc33, #ffb347);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #ffcc33, #ffb347); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.tealblue-gradient
{
  background: #43cea2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #185a9d, #43cea2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #185a9d, #43cea2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.darkpurpleblue-gradient
{
  background: #360033;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #0b8793, #360033);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #0b8793, #360033); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.graypurple-gradient
{
  background: #948E99;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2E1437, #948E99);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2E1437, #948E99); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.lightmetallic-gradient
{
  background: #abbaab;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ffffff, #abbaab);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ffffff, #abbaab); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.brightyellowgreen-gradient
{
  background: #FDFC47;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #24FE41, #FDFC47);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #24FE41, #FDFC47); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ 
}
.yellowred-gradient
{
  background: #fe8c00;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f83600, #fe8c00);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.skyblue2-gradient
{
  background: #83a4d4;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #b6fbff, #83a4d4);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #b6fbff, #83a4d4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */  
}
.brighttealblue-gradient
{
  background: #00c6ff;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #0072ff, #00c6ff);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #0072ff, #00c6ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.rose-gradient
{
  background: linear-gradient(to right, rgb(244, 196, 243), rgb(252, 103, 250));
}

.green2-gradient
{
  background: linear-gradient(to right, rgb(168, 255, 120), rgb(120, 255, 214));
}

.blueyellow-gradient
{
  background: linear-gradient(to right, rgb(0, 195, 255), rgb(255, 255, 28));
}
.limeblue-gradient
{
  background: linear-gradient(to right, rgb(161, 255, 206), rgb(250, 255, 209));
}
.lushgreen-gradient
{
  background: linear-gradient(to right, rgb(86, 171, 47), rgb(168, 224, 99));
}
.lushgreen2-gradient
{
  background: linear-gradient(to right,rgb(168, 224, 99), rgb(86, 171, 47) );
}

.orangegreen-gradient
{
  background: linear-gradient(to right, rgb(247, 157, 0), rgb(100, 243, 140));
}
.green3-gradient
{
background: linear-gradient(to right, rgb(0, 176, 155), rgb(150, 201, 61));
}
.fnt5 {font-size:5px; }
.fnt6 {font-size:6px; }
.fnt7 {font-size:7px; }
.fnt8 {font-size:8px; }
.fnt9 {font-size:9px; }
.fnt10 {font-size:10px; }
.fnt11 {font-size:11px; }
.fnt12 {font-size:12px; }
.fnt13 {font-size:13px;}
.fnt14 {font-size:14px;}
.fnt15 {font-size:15px;}
.fnt16 {font-size:16px;}
.fnt17 {font-size:17px;}
.fnt18 {font-size:18px;}
.fnt19 {font-size:19px;}
.fnt20 {font-size:20px;}
.fnt22 {font-size:22px;}
.fnt24 {font-size:24px;}
.fnt26 {font-size:26px;}
.fnt28 {font-size:28px;}
.fnt25 {font-size:25px;}
.fnt30 {font-size:30px;}
.fnt35 {font-size:35px;}
.fnt40 {font-size:40px;}
.fnt45 {font-size:45px;}
.fnt50 {font-size:50px;}

.w10 {width:10px;}
.w11 {width:11px;}
.w12 {width:12px;}
.w13 {width:13px;}
.w14 {width:14px;}
.w15 {width:15px;}
.w16 {width:16px;}
.w17 {width:17px;}
.w18 {width:18px;}
.w19 {width:19px;}
.w20 {width:20px;}
.w25 {width:25px;}
.w30 {width:30px;}
.w35 {width:35px;}
.w40 {width:40px;}
.w45 {width:45px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w65 {width:65px;}
.w70 {width:70px;}
.w75 {width:75px;}
.w80 {width:80px;}
.w85 {width:85px;}
.w90 {width:90px;}
.w95 {width:95px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w125 {width:125px;}
.w130 {width:130px;}
.w135 {width:135px;}
.w140 {width:140px;}
.w145 {width:145px;}
.w150 {width:150px;}

.ht10 {height:10px;}
.ht11 {height:11px;}
.ht12 {height:12px;}
.ht13 {height:13px;}
.ht14 {height:14px;}
.ht15 {height:15px;}
.ht16 {height:16px;}
.ht17 {height:17px;}
.ht18 {height:18px;}
.ht19 {height:19px;}
.ht20 {height:20px;}
.ht25 {height:25px;}
.ht30 {height:30px;}
.ht35 {height:35px;}
.ht40 {height:40px;}
.ht45 {height:45px;}
.ht50 {height:50px;}
.ht55 {height:55px;}
.ht60 {height:60px;}
.ht65 {height:65px;}
.ht70 {height:70px;}
.ht75 {height:75px;}
.ht80 {height:80px;}
.ht85 {height:85px;}
.ht90 {height:90px;}
.ht95 {height:95px;}
.ht100 {height:100px;}
.ht110 {height:110px;}
.ht120 {height:120px;}
.ht130 {height:130px;}
.ht140 {height:140px;}
.ht150 {height:150px;}
.ht160 {height:160px;}
.ht170 {height:170px;}
.ht175 {height:175px;}
.ht180 {height:180px;}
.ht190 {height:190px;}
.ht200 {height:200px;}
.ht210 {height:210px;}
.ht225 {height:225px;}
.ht250 {height:250px;}
.ht275 {height:275px;}
.ht300 {height:300px;}
.ht325 {height:325px;}
.ht350 {height:350px;}
.ht375 {height:375px;}
.ht400 {height:400px;}
.ht425 {height:425px;}
.ht450 {height:450px;}
.ht475 {height:475px;}
.ht500 {height:500px;}
.ht525 {height:525px;}
.ht550 {height:550px;}
.ht575 {height:575px;}
.ht600 {height:600px;}
.ht625 {height:625px;}
.ht650 {height:650px;}
.ht675 {height:675px;}
.ht700 {height:700px;}
.ht725 {height:725px;}
.ht750 {height:750px;}
.ht775 {height:775px;}
.ht800 {height:800px;}
.ht825 {height:825px;}
.ht850 {height:850px;}
.ht875 {height:875px;}
.ht900 {height:900px;}
.ht925 {height:925px;}
.ht950 {height:950px;}
.ht975 {height:975px;}
.ht1000 {height:1000px;}
.ht1025 {height:1025px;}
.ht1050 {height:1050px;}
.ht1075 {height:1075px;}
.ht1100 {height:1100px;}
.ht1150 {height:1050px;}

.round-button,.round-button-sm,.btn-teal,.btn-teal-sm 
{
  background-image: rgb(6, 85, 85);
}

.round-button:hover,.round-button-sm:hover 
{
  background-image: rgb(13, 219, 219);
}

.btn-teal 
{
	color: white;
	border:none;
}
.btn-teal:hover 
{
  background-image: rgb(13, 219, 219);
	color: black;
}

.fntitalic 
{
    font-style: italic;    
}
.fntbold 
{
    font-weight: bold;    
   
}
.fntul 
{
    font-style: underline;       
}
.bg-dullbrown
{
  background-image:#854f4f;
}
.bg-dullbrown2
{
  background-image:#b47979;
}
.bg-dullgreen
{
  background-image:#9eb99d;
}

.btn3D:hover {
	transform: perspective(500px) rotateY(15deg);
	text-shadow: -6px 3px 2px rgba(0, 0, 0, 0.2);
	box-shadow: -2px 0 0 5px rgba(0, 0, 0, 0.2);
	transition: 0.5s;
}

.btn3D-gold {
	background: linear-gradient(to right, gold, darkorange);
	color: white;
	--width: 250px;
	--height: calc(var(--width) / 3);
	width: var(--width);
	height: var(--height);
	text-align: center;
	line-height: var(--height);
	font-size: calc(var(--height) / 2.5);
	font-family: sans-serif;
	letter-spacing: 0.2em;
	border: 1px solid darkgoldenrod;
	border-radius: 2em;
	transform: perspective(500px) rotateY(-15deg);
	text-shadow: 6px 3px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 0 0 5px rgba(0, 0, 0, 0.2);
	transition: 0.5s;
	position: relative;
	overflow: hidden;
}


.btn3D:hover::before {
	left: 100%;
}

/* .btn3D.btn3D-gold::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, transparent, white, transparent);
	left: -100%;
	transition: 0.5s;
} */

.bg-yellow-gradient
{
background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
}

.yellow-gradient
{
    /* padding:20px 15px; */
    /* background:#fff; */
    /* font-size:14px;  */
    background: #fefcea; /* Old browsers */
    background: -moz-linear-gradient(top,  #f7ea7d 0%, #f1d818 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f7ea7d 0%,#f1d818 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f7ea7d 0%,#f1d818 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color:rgb(122, 72, 7);
}

.yellow-gradient:hover
{
    /* padding:20px 15px;
    font-size:14px;  */
    background: #fffb14; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff176 0%, #fffb14 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #fff176 0%,#fffb14 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #fff176 0%,#fffb14 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color:darkred;
}


.bg-palegreen 
{
  background-color:#98FB98;
  background-image:#98FB98;
}
.bg-palegreen2 
{
  background:#ccffcc;
  background-image:#ccffcc;
  color:#014268;
}

.darkblue-gradient { background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);}
.green-blue-gradient {background-image: linear-gradient(to left top, #3c69ab, #0098d9, #00c4ce, #00e98c, #b8ff17);}
.purple-yellow-gradient{background-image: linear-gradient(to left top, #cdc341, #f69434, #ff5a5c, #f52898, #a343d6);}
.blue-pink-gradient{background-image: linear-gradient(to right top, #ff36a8, #e63ab7, #c742c4, #a44acd, #7951d2, #5e65df, #3c76e6, #0085ea, #00a4f3, #00bff1, #3cd6ea, #85ece6);}
.blue-green-gradient{background-image: linear-gradient(to right top, #3bff25, #00f1a9, #00dafd, #00b9ff, #0091ff, #008df8, #0089f1, #0085ea, #00a4f3, #00bff1, #3cd6ea, #85ece6);}

/* white2 */
.white2-gradient {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 247, 247)), to(#d4d3d3));
	background: -moz-linear-gradient(top,  rgb(250, 247, 247),  #dcdcdc);
	/* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d4d3d3'); */

}
.white2-gradient:hover 
{
  color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');

}
.white2-gradient:active 
{
  color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

.btn-outline-darkgreen {
  color: #043d12;
  border-color: #0b6320;
}

.btn-outline-darkblue {
  color: #024694;
  border-color: #025788;
}

.btn-outline-darkred {
  color: #99040c;
  border-color: #be151d;
}

.topborder-light 
{
    border-top: 1px solid #b7b7b7;
}
.bottomborder-light 
{
    border-bottom: 1px solid #b7b7b7;
}
.leftborder-light 
{
    border-left: 1px solid #b7b7b7;
}
.righttborder-light 
{
    border-right: 1px solid #b7b7b7;
}