/*-----------------------
  General 
-----------------------*/
/* Define status bar size */
/* Bottom settings sections */
/* Define general spaces */
/*@media screen and (min-width: 576px) { 
	$screeny-padding: 5px;
}
@media screen and (min-width: 768px) { 
	$screeny-padding: 10px;
}
@media screen and (min-width: 992px) { 
	$screeny-padding: 15px;
}
@media screen and (min-width: 1200px) { 
	$screeny-padding: 20px;
}*/
/* Define global radius */
/* Define size of arrows */
/* Define general transition time */
/* Define general border size */
/* Define background image blur */
/*-----------------------
  General 
-----------------------*/
.btn {
  border-radius: 0 8px;
  min-width: 50px;
  min-height: 50px;
  border: none;
  font-size: 1.1rem;
  font-weight: 400;
  font-family: bicyclette, sans-serif;
  background-size: 200% !important;
  /*text-transform: uppercase;
  -webkit-transform: scale(1);
  transform: scale(1);*/
  display: inline-flex;
  align-items: center !important;
  justify-content: center !important;
  align-self: auto;
  -webkit-transition: calc(0.3s*1) ease-in-out;
  transition: calc(0.3s*1) ease-in-out;
}

/*// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {
	.btn {
        padding-top:12px;
	}
}
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
	.btn {
        padding-top:12px;
	}
}
// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
	.btn {
        padding-top:10px;
	}
}
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
	.btn {
        padding-top:10px;
	}
}*/
.rounded-border .btn {
  border-radius: 100px;
}

.square-border .btn {
  border-radius: 0;
}

.btn, .btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
}

/*-----------------------
  Primary 
-----------------------*/
.btn.btn-primary,
.btn.btn-primary:focus {
  background-color: transparent;
  background-image: linear-gradient(to right, #007de3 0%, #b200e3 50%, #007de3 100%);
  border: 2px solid transparent;
  color: #ffffff !important;
}

.btn.btn-primary:not([disabled]):not(.disabled):hover,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-position: right !important;
}

.btn.btn-outline-primary, .btn.btn-outline-primary:focus {
  background: transparent;
  border: 2px solid #007de3;
  color: #007de3;
}

.btn.btn-outline-primary:not([disabled]):not(.disabled):hover,
.btn-outline-primary:not([disabled]):not(.disabled).active,
.btn-outline-primary:not([disabled]):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  background-image: linear-gradient(to right, #007de3 0%, #b200e3 50%, #007de3 100%);
  background-position: right !important;
  border: 2px solid transparent;
  color: #ffffff;
}

/*-----------------------
  Secondary 
-----------------------*/
.btn.btn-secondary, .btn.btn-secondary:focus {
  background: white;
  border: 2px solid transparent;
  color: #007de3;
}

.btn.btn-secondary:not([disabled]):not(.disabled):hover,
.btn-secondary:not([disabled]):not(.disabled).active,
.btn-secondary:not([disabled]):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  /*background-image: linear-gradient(to right, $style_button_background_gradient_color_1 0%, $style_button_background_gradient_color_2 100%);  */
  background-image: linear-gradient(to right, #007de3 0%, #b200e3 50%, #007de3 100%);
  background-position: right !important;
  border: 2px solid transparent;
  color: #ffffff;
}

.btn.btn-outline-secondary, .btn.btn-outline-secondary:focus {
  background: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
}

.btn.btn-outline-secondary:not([disabled]):not(.disabled):hover,
.btn-outline-secondary:not([disabled]):not(.disabled).active,
.btn-outline-secondary:not([disabled]):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
  background-image: linear-gradient(to right, #007de3 0%, #b200e3 50%, #007de3 100%);
  background-position: right !important;
  border: 2px solid transparent;
  color: #ffffff;
}

/* 
.btn.btn-secondary, .btn.btn-secondary:focus, .btn.btn-secondary.active {
    background: $screeny-gray-01;
    border:$screeny-border-button solid $screeny-gray-01;
    color: $screeny-white;
}

.btn.btn-secondary:not([disabled]):not(.disabled):hover, .btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    background: $application_button_background_color_hover;
    border: $screeny-border-button solid $application_button_background_color_hover;
    color: $application_button_text_color_hover;
}

.btn.btn-secondary.disabled, .btn.btn-secondary:disabled, .btn.secondary.disabled {
    color:$screeny-gray-04 !important;
}*/