@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@400;700;800&display=swap');

body {
    outline: none!important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Catamaran", sans-serif;
  }

  .tutor-list {
      margin-bottom: 1rem;
  }

  .panel-login {
	text-align: center!important;
}

.panel-login>.panel-heading a{
	display: inline-block;
    background-color: #e6e6e6;
	color: #333;
    font-size: 18px;
    padding: .50em 2em;
}
.panel-login>.panel-heading a.active{
	display: inline-block;
    background-color: #4285F4;
	color: #fff;
    font-size: 18px;
    padding: .50em 2em;
}

.btn-info{color:#fff;background-color:#4285F4;border-color:#4285F4;}
.btn-info:hover{color:#fff;background-color:#5696fd;border-color:#5696fd;}
.btn-info:focus{color:#fff;background-color:#5696fd;border-color:#5696fd;box-shadow:0 0 0 .2rem #5696fd;}
.btn-info:disabled{color:#fff;background-color:#4285F4;border-color:#4285F4;}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #5696fd;
    border-color: #5696fd;
}
.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {
    background: #c8ddfe;
    color: #fff;
}

button:focus {
    box-shadow:0 0 0 0!important;
}

@media (max-width: 767px) {
    .tutor-img {
        width: 110px;
    }
}