body {
  font-family: 'Open Sans', sans-serif;
}

@font-face {
  font-family: 'Tango';
  src: url('TangoSans.ttf');
  font-weight: normal;
  font-style: normal;
}

.loggaheader{

  font-size: 40px;
  font-family: 'Tango', sans-serif;
}

/********************************************************/
/* Initial settings                                     */
/********************************************************/
/********************************************************/
/* CleverLearning styles for buttons, backgrounds etc   */
/********************************************************/
a {
  color: #67939B;
}
.bg-cleverlms-primary {
  background-color: #67939B;
  color: #ffffff;
}
.bg-cleverlms-dark {
  background-color: #67939b;
  color: #ffffff;
}
.bg-cleverlms-secondary {
  background-color: #67939B;
  color: #ffffff;
}
.cleverlms-star {
  background-repeat: no-repeat;
  background-position: top -50px right 50px;
}
.btn {
  color: #ffffff;
  background-color: #67939B;
  border-color: #ffffff;
}
.btn:hover {
  color: #ffffff;
  background-color: #c4d5d7;
  border-color: #c4d5d7;
}
.btn-cleverlms {
  color: #111111;
  background-color: #133657;
  border-color: #efefef;
}
.btn-cleverlms:hover {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #1c5081;
}
.btn-cleverlms {
  color: #ffffff;
  background-color: #133657;
  border-color: #efefef;
}
.btn-cleverlms:hover {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #1c5081;
}
.btn-cleverlms-buy {
  color: #ffffff;
  background-color: #d90d6c;
  border-color: #efefef;
}
.btn-cleverlms-buy:hover {
  color: #ffffff;
  border-color: #ffffff;
  background-color: #f22786;
}
.buttonList {
  background-color: #efefef;
  color: #111111;
  height: 50px;
}
.buttonList .btn-sm {
  height: 80%;
  border: none;
}
.breadcrumb {
  background-color: #67939B;
  color: #ffffff;
}
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #ffffff;
}
/********************************************************/
/* Change header                                        */
/********************************************************/
.navbar-top-cleverlms {
  min-height: 80px;
}
.logotype {
  height: 100%;
  width: 350px;
}
.navbar-brand {
  height: 80px;
  line-height: 80px;
}
.cleverlms-toggler.navbar-toggler {
  border-color: #ffffff;
}
/* Setting the stroke to white using rgb values (255, 255, 255,1.0) */
.cleverlms-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggle {
  /* Use this formula if height is changed, replace 80px with actual value */
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 10px !important;
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* Use this formula if height is changed, replace 80px with actual value */
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 26.5px;
    padding-bottom: 26.5px;
    line-height: 27px;
  }
}
/********************************************************/
/* Styling for modals (popups)                           */
/********************************************************/
.modal-backdrop {
  opacity: 0.8 !important;
}
.modal-header {
  background-color: #67939B;
  color: #ffffff;
}
.modal-header .close {
  color: #ffffff;
  opacity: 1 !important;
}
.modal-header .close:hover {
  color: #ffffff;
  opacity: 0.8 !important;
}
.modal-dialog {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.modal-content {
  margin: 0 auto;
}


.loggaheader
{
font-size:24px !important;
}


@media (max-width: 768px){
.loggaheader
{
font-size:16px !important;
}
}



/********************************************************/
/* Add icon to search field                             */
/********************************************************/
.has-search .form-control {
  padding-left: 2.375rem;
}
.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.375rem;
  text-align: center;
  pointer-events: none;
  color: #aaaaaa;
}