/* ========================================================================
 * Tutorial specific styling
 *
 * @see: css/default.css file for generic CSS
 * ========================================================================
 * Copyright 2016 Bootbites.com (unless otherwise stated)
 * For license information see: http://bootbites.com/license
 * ======================================================================== */
/* ==================================================
  Bootstrap 4 button customisation
  ================================================== */
.breadcrumb{
  background-color: #f9f9f9;
  margin: 30px;
}
.btn {

  overflow: hidden;
  /* font-size:16px;
   padding: 20px 20px;*/
  cursor:pointer;
}
.btn i {
  padding-left: 10px;
  padding-right: 10px;
}
.btn-group-lg > .btn, .btn-lg {
  padding: 0.8rem 4rem;
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.8;
  border-radius: .6rem;
}
.btn-group-md > .btn, .btn-md {
  padding: 1.2rem 1rem;
  font-size: 1rem;
  line-height: 1.1;
  border-radius: .6rem;
}

.btn-primary {
  color: #fff;
 background-color: #FF3C00;
  border-color: #FF3C00;
}
.btn-outline-primary{
  color: #fff;
  background-color: #ed1c24;
  border-color: #FF3C00;
}
.btn-primary:hover {
  color: #fff;
  background-color: #e21e00;
  border-color: #FF3C00;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #e21e00;
  border-color: #FF3C00;
}
.btn-primary1 {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary1:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #ed1c24;
  border-color: #FF3C00;
}

.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #ed1c24;
  border-color: #FF3C00;
  background-image: none;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #ed1c24;
  border-color: #FF3C00;
}
.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
  background-color: #6f5499;
  border-color: #6f5499;
}
.btn-primary.disabled:hover, .btn-primary:disabled:hover {
  background-color: #6f5499;
  border-color: #6f5499;
}


.btn-green {
  color: #fff;
  background-color: #3367ca;
  border: 3px solid #ffffff;
  border-width: 3px 3px 3px 3px;

}
.btn-primary.disabled{
  background-color: #6c757d;
  border-color:#9e9e9e;
}
.btn-green:hover {
  color: #fff;
  background-color: #5379FF;
  border: 3px solid #ffffff;
  border-width: 3px 3px 3px 3px;
}
.btn-green:focus, .btn-green.focus {
  color: #fff;
  background-color: #5763ff;
  border-color: #5763ff;
}
.btn-green:not(:disabled):not(.disabled).active, .btn-green:not(:disabled):not(.disabled):active, .show > .btn-green.dropdown-toggle {
  color: #fff;
  background-color: #5763ff;
  border-color: #5763ff;
}

.btn-green:active, .btn-green.active, .open > .btn-green.dropdown-toggle {
  color: #fff;
  background-color: #5763ff;
  border-color: #5763ff;
  background-image: none;
}
.btn-green:active:hover, .btn-green:active:focus, .btn-green:active.focus, .btn-green.active:hover, .btn-green.active:focus, .btn-green.active.focus, .open > .btn-green.dropdown-toggle:hover, .open > .btn-green.dropdown-toggle:focus, .open > .btn-green.dropdown-toggle.focus {
  color: #fff;
  background-color: #5763ff;
  border-color: #5763ff;
}
.btn-green.disabled:focus, .btn-green.disabled.focus, .btn-green:disabled:focus, .btn-green:disabled.focus {

}
.btn-green.disabled:hover, .btn-green:disabled:hover {
  background-color: #5763ff;

}

.btn-outline-primary {
  color: #000;
  background-image: none;
  background-color: #FFF;
  border-color: #bfbfbf;
  border-radius: 10px;

}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #FF8C40;
  border-color: #FF8C40;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  color: #fff;
  background-color: #FF8C40;
  border-color: #FF8C40;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #FF8C40;
  border-color: #FF8C40;
}
.btn-outline-primary:active, .btn-outline-primary.active, .open > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #FF8C40;
  border-color: #FF8C40;
}
.btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, .open > .btn-outline-primary.dropdown-toggle:hover, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #FF8C40;
  border-color: #FF8C40;

}
.btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus {
  border-color: #a491c2;
  background-color: #FF8C40;
}
.btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
  border-color: #a491c2;
}

.btn-gradient-primary {
  background-image: linear-gradient(to bottom, #FF8C40; 0%, #574278 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8C40', endColorstr='#E97B1A);', GradientType=0);
  color: #fff;
  background-color: #FF8C40;;
  border-color: #ED4524 ;
     font-family: Open Sans;
     width: 200px;
  font-weight: 600;
}
.btn-gradient-primary:hover {
  color: #fff;
  background-color: #F07E1B;;
  background-image: linear-gradient(to bottom, #F07E1B 0%, #E97B1A 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F07E1B', endColorstr='#E97B1A', GradientType=0);
  border-color: #523e71;
}
.btn-gradient-primary:focus, .btn-gradient-primary.focus {
  color: #fff;
  background-color: #FF7912;
  border-color: #523e71;
}
.btn-gradient-primary:active, .btn-gradient-primary.active, .open > .btn-gradient-primary.dropdown-toggle {
  color: #fff;
  background-color: #FF7912;
  border-color: #523e71;
  background-image: none;
}
.btn-gradient-primary:active:hover, .btn-gradient-primary:active:focus, .btn-gradient-primary:active.focus, .btn-gradient-primary.active:hover, .btn-gradient-primary.active:focus, .btn-gradient-primary.active.focus, .open > .btn-gradient-primary.dropdown-toggle:hover, .open > .btn-gradient-primary.dropdown-toggle:focus, .open > .btn-gradient-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #FF7912;
  border-color: #332747;
}
.btn-gradient-primary.disabled:focus, .btn-gradient-primary.disabled.focus, .btn-gradient-primary:disabled:focus, .btn-gradient-primary:disabled.focus {
  background-color: #6f5499;
  border-color: #6f5499;
}
.btn-gradient-primary.disabled:hover, .btn-gradient-primary:disabled:hover {
  background-color: #6f5499;
  border-color: #6f5499;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #939393;
  opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:  #dbdddf;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color:  #dbdddf;
}
input.form-control{
  color:#242424;
}
/*# sourceMappingURL=tutorial.css.map */