.btn-success{
    background-image: linear-gradient(180deg, #23931d, #165913);
    border:2px solid black;
	/*box-shadow: 2px 2px 5px #000;*/
}

.btn-danger{
    background-image: linear-gradient(180deg, #ff6c6c, #713341);
    border:2px solid black;
	/*box-shadow: 2px 2px 5px #000;*/
}

.btn-primary{
    background-image: linear-gradient(180deg, #1300ff, #2aa6fd);
    border:2px solid black;
	/*box-shadow: 2px 2px 5px #000;*/
}

.btn-warning{
    color:black;
    font-weight:bolder;
    background-image: linear-gradient(180deg, #fceb00, #f6f865);
    border:2px solid black;
	/*box-shadow: 2px 2px 5px #000;*/
}

.btn-type1{
    color:white;
    font-weight:bolder;
    background-image: linear-gradient(180deg, #9c865b, #d1b784 );
    border:2px solid black;
	box-shadow: 2px 2px 5px #000;
}

.btn-type2{
    color:white;
    font-weight:bolder;
    background-image: linear-gradient(180deg, #c08329, #daaa62 );
    border:2px solid black;
	box-shadow: 2px 2px 5px #000;
}

.btn-type1:hover{
    color:#2980b9;
}

.btn-type2:hover{
    color:#2980b9;
}



.btn-Ok{
    color:white;
    background-image: linear-gradient(180deg, #37404f, #596375 );
    border:1px solid black;
    box-shadow: 1px 1px 1px #000;
    margin-top:-2px;
}

.btn-Ok:hover{
    color:red;
}

.btn-money{
    width:100%;
    color:white;
    font-size:1rem;
    font-weight:bolder;
    background-color: #214e6d;
    border-color: #274565;
    box-shadow: 1px 1px 1px #000;
    padding:8px 2px;
}
.btn-money:hover{
	color:white;
	background-color: #2965fe; 
	border-color: #2965fe;
}

body .btn-check:focus + .btn, body .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

body .btn-st1 {
  display: block;
  border: 0;
  color: #FFF;
  height: 2rem;
  border-radius: 0.8rem;
  font-size: 1rem;
  font-weight: 600;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0.2rem 0.8rem;
}

body .btn-green {
  background: -webkit-gradient(linear, left top, left bottom, from(#7CFF44), to(#38BA00));
  background: linear-gradient(#7CFF44, #38BA00);
  -webkit-box-shadow: 0 2px 8px rgba(76, 255, 0, 0.49);
          box-shadow: 0 2px 8px rgba(76, 255, 0, 0.49);
  color: #FFF;
}

body .btn-green:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#38BA00), to(#7CFF44));
  background: linear-gradient(#38BA00, #7CFF44);
  -webkit-transition: 1s;
  transition: 1s;
  color: #FFF;
}

body .btn-blue {
  background: -webkit-gradient(linear, left top, left bottom, from(#4B99FF), to(#3464a1));
  background: linear-gradient(#4B99FF, #3464a1);
  -webkit-box-shadow: 2px 2px 8px rgba(0, 89, 255, 0.49);
          box-shadow: 2px 2px 8px rgba(0, 89, 255, 0.49);
  color: #FFF;
}

body .btn-blue:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#3464a1), to(#4B99FF));
  background: linear-gradient(#3464a1, #4B99FF);
  -webkit-transition: 1s;
  transition: 1s;
  color: #FFF;
}

body .btn-pupple {
  background: -webkit-gradient(linear, left top, left bottom, from(#9949D7), to(#2A1B30));
  background: linear-gradient(#9949D7, #2A1B30);
  -webkit-box-shadow: 0 2px 6px #9949D7;
          box-shadow: 0 2px 6px #9949D7;
}

body .btn-pupple:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#2A1B30), to(#9949D7));
  background: linear-gradient(#2A1B30, #9949D7);
}

body .btn-navy {
  background: -webkit-gradient(linear, left top, left bottom, from(#473A88), to(#2C225F));
  background: linear-gradient(#473A88, #2C225F);
  -webkit-box-shadow: 0 2px 6px #473A88;
          box-shadow: 0 2px 6px #473A88;
  color: #FFF;
}

body .btn-navy:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#2C225F), to(#473A88));
  background: linear-gradient(#2C225F, #473A88);
  color: #FFF;
}

body .btn-close-white {
  width: 40px;
  height: 40px;
  background: url(../img/icons/icon-close-1.svg) no-repeat;
  background-size: cover;
  top: 10vh;
  right: 24vw;
}


.btn-myinfo {
  width: 94px;
  font-size: 14px;
  line-height: 40px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-left: 20px;

}


@media all and (min-width: 993px) {

	body .btn-st1 {
	  height: 2rem;
	  border-radius: 0.8rem;
	  font-size: 1rem;
	  font-weight: 600;
	}
}


@media all and (max-width: 992px) {
	body .btn-st1 {
	  height: 1.6rem;
	  border-radius: 0.6rem;
	  font-size: 0.8rem;
	  font-weight: 400;
	}
	
	body .btn-st1 .loginMenuBtn{
		width:'100px';
	}

}