.btn
{
float:                           left;
line-height: 30px;
font-size:                           14px;
color: #2c2a28;
padding-top:                           5px;
padding-right: 10px;
padding-bottom:                           5px;
padding-left: 10px;
box-sizing:                           border-box;
cursor: pointer;
}
[dir="rtl"] .btn
{
float:                           right;
}

.btn-grad
{
background-image: linear-gradient(to right, #314755 0%, #26a0da  51%, #314755  100%);
margin:            10px;
padding: 15px 45px;
text-align:            center;
text-transform: uppercase;
transition: 0.5s;
background-size: 200% auto;
color:            white;
box-shadow: 0 0 20px #eee;
border-radius:            10px;
display: block;
}

.btn-grad:hover
{
background-position:            right center;
/* change the direction of the change here */
color:            #fff;
text-decoration: none;
}

.btn:not(.btn-default)
{
border:                           0;
}

.btn:not(.btn-default):hover
{
opacity: 0.9;
}

.btn.passive:hover
{
box-shadow:                           none;
}

.btn-small
{
line-height:                           20px;
font-size: 12px;
}

.btn-small:not(.btn-default):hover
{
opacity: 0.9;
}

.btn-big
{
line-height:                           40px;
font-size: 16px;
}

.btn-big:not(.btn-default):hover
{
opacity: 0.9;
}

.btn-basic,
.btn-basic.passive:hover
{
color:                           #3a3a3a;
background-color: #393939;
}

.btn-basic:hover,
.btn-basic.active
{
color:                           #fff;
/*background-color:#000;*/
}

.btn-default,
.btn-default.passive:hover
{
color:                           #3a3a3a;
border: 1px solid #f1f1f1;
}

.btn-default.active
{
color:                           #fff;
background-color: #5c5c5c;
border-color:                           #5c5c5c;
}

.btn-border,
.btn-border.passive:hover
{
color:                           #7e7e7e;
background: transparent;
border:                           1px solid #ccc;
}

.btn-border:hover,
.btn-border.active
{
border:                           1px solid #7e7e7e;
}

.btn-primary,
.btn-primary.passive:hover
{
color:                           #fff;
background-color: #337ab7;
}
/*.btn-primary:hover,
.btn-primary.active
{
background-color:                          #286090;
}
*/
.btn-cancel
{
color:              #fff;
background-color: #f94949;
border-radius:                  5px;
}

.btn-success,
.btn-success.passive:hover
{
color:                           #fff;
background-color: #06bb56;
border-radius:                  5px;
}
/*.btn-success:hover,
.btn-success.active
{
background-color:                          #449d44;
}
*/
.add-to-basket-button-text-success
{
transition: all .3s ease-in-out;
background-color:                    #46af62;
}

.btn-info,
.btn-info.passive:hover
{
color:                           #fff;
background-color: #5bc0de;
}
/*.btn-info:hover,
.btn-info.active
{
background-color:                          #31b0d5;
}
*/
.btn-warning,
.btn-warning.passive:hover
{
color:                           #fff;
background-color: #e5591b;
border-radius:                  5px;
}
/*.btn-warning:hover,
.btn-warning.active
{
background-color:                          #f33939;
}
*/
.btn-danger,
.btn-danger.passive:hover
{
color:                           #fff;
background-color: #f33939;
border-radius:                 5px;
}
/*.btn-danger:hover,
.btn-danger.active
{
background-color:                          #b91414;
}
*/
.btn-smoked,
.btn-smoked.passive:hover
{
color:                           #fff;
background-color: #7e848c;
}
/*.btn-smoked:hover,
.btn-smoked.active
{
background-color:                          #494f57;
}
*/
.btn-orangies
{
color:  #f8941e;
border: 1px solid #f8941e !important;
border-radius:  5px;
}

.btn-orangies:hover
{
background-color:  #f8941e;
color: #ffffff;
}

.btn-black,
.btn-black.passive:hover
{
color:                           #fff;
background-color: #000;
}

.btn-black:hover,
.btn-black.active
{
background-color:                           #393939;
}

.btn-custom-br,
.btn-custom-br.passive:hover
{
border:          2px solid #d3d3d3;
border-radius: 5px;
background:          #e5e5e5;
background-color: #e5e5e5;
}

.btn-custom-br:hover
{
background:         #c1c1c1;
}

.btn-custom-light-gray,
.btn-custom-light-gray.passive:hover
{
color:                           #fff;
background-color: #707070;
border-radius:                     5px;
}

.btn-custom-darkGray-on-lightGray
{
color:     #595959;
transition: none;
border-radius:     5px;
border: 1px solid #f1f1f1 !important;
}

.btn-custom-darkGray-on-lightGray:hover
{
background:     #f9f9f9;
outline: 1px solid #f9f9f9;
}
/*.btn-custom-light-gray:hover,
.btn-custom-light-gray.active
{
background-color:                          #b2b2b2;
}
*/
.btn-custom-gray,
.btn-custom-gray.passive:hover
{
color:                           #fff;
background-color: #5c5c5c;
border-radius:                   5px;
}

.btn-custom-gray:hover,
.btn-custom-gray.active
{
background-color:                           #3a3a3a;
}

.btn-custom-dark-gray,
.btn-custom-dark-gray.passive:hover
{
color:                           #fff;
/*background-color:#7c7c7c;*/
}

.btn-custom-dark-gray:hover,
.btn-custom-dark-gray.active
{
background-color:                           #5c5c5c;
}

.btn-custom-pink,
.btn-custom-pink.passive:hover
{
color:                           #fff;
background-color: #F8941E;
border-radius:                     5px;
}

.btn-basket-back
{
height:      60px;
background: #F8941E;
border-radius:      10px;
font-weight: bold;
font-size:      18px;
line-height: 22px;
display:      flex;
color: #FFFFFF;
width:      192px;
align-items: center;
justify-content:      center;
margin: 20px 0;
}

.btn-acilir-sepet
{
color:                       #fff;
background: #7e7e7e;
border-radius:                       5px;
}

.btn-acilir-siparis
{
background:                       #f8941e;
color: #fff;
border-radius:                       5px;
}
/*.btn-custom-pink:hover,
.btn-custom-pink.active
{
background-color:                          #c54444;
}
*/
/*.btn-radius
{
border-radius:                          3px;
}
*/
.btn-round
{
border-radius:                           25px;
}
.btn-round-5
{
border-radius:                           5px;
}

.btn-link
{
color:                           #0071e8;
}

.btn-link:hover
{
color:                           #FFC107;
box-shadow: none !important;
}
@media screen and (max-width: 540px)
{
.fr.btn.btn-custom-gray.btn-medium.text-center
{
font-size:        13px;
min-width: 120px;
border-radius:        0;
margin-bottom: 5px;
}

.addressRow .btn
{
height:                           30px;
line-height: 24px;
font-size:                           12px;
}