body {
    font-size: .875rem !important;
}

.dragarea {
    width:100%;
    height: 300px;
    border: 1px dashed #ccc;
    text-align:center;
    background: #efefef;
}

.dragarea svg {
    margin: 100px auto 30px auto;
}
.navbar-brand {
    padding-top: 0.6rem !important;
    padding-bottom: 0.5rem !important;
}

.navbar-brand img {
    height:2rem !important
}

.navbar-nav-link.sidebar-control {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

.alert.alert-styled-lock:after {
  content: "\eb65";
}

label.text-danger a {
    color: #f44336!important;
}

.page-header-light {
    background-color: #ffffff !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

tr.gu-transit td {
    background-color: #f1fa8c;
}

.carousel-control-next, .carousel-control-prev {
    width: 40px !important;
    height: 40px !important;
}

.content.frontend {
    font-size: 16px;
}

@media print {
  body {
      background-color: #fff !important;    
  }
  
  .card {
    border:0 !important;
  }
}



.alpha-magenta {
    background-color: #E3F2FD; }

.text-magenta {
    color: #009EE3;
}
.text-magenta[href] {
    color: #009EE3;
}
.text-magenta[href]:hover, .text-magenta[href]:focus {
    color: #112162; }

.bg-magenta {
    background-color: #009EE3; }

.border-magenta {
    border-color: #009EE3; }

.border-top-magenta {
    border-top-color: #009EE3; }

.border-bottom-magenta {
    border-bottom-color: #009EE3; }

.border-left-magenta {
    border-left-color: #009EE3; }

.border-right-magenta {
    border-right-color: #009EE3; }

.btn-magenta {
    color: #fff;
    background-color: #009EE3; }
.btn-magenta:hover {
    color: #fff;
    background-color: #009EE3; }


#footer {
    padding: 50px 0 40px;
    background-color: #009EE3;
}

#footer .widget-title {
    margin-top: 10px;
    font-size: 18px;
    line-height: 28px;
    text-transform: none;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.widget > *:last-child {
    margin-bottom: 0;
}
.widget-pages ul {
    margin-bottom: 0;
    list-style: none;
    padding: 16px 0 16px 18px;
}

#footer .widget-pages ul li {
    margin-bottom: 7px;
}

.widget-pages ul li a {
    color: #FFFFFF;
    font-size: 14px;
    transition: all 0.25s;
}

#footer-bottom {
    padding: 15px 0;
    background-color: #112162;
    color: #ffffff;
    line-height: 28px;
}

#footer-bottom .widget {
    margin-bottom: 30px;
}

#footer-bottom .widget:last-child {
    margin-bottom: 0;
}

#footer-bottom .widget-social {
    text-align: right;
}
.copyright {
    margin-top: 3px;
    font-size: 13px;
}
.copyright img {
    margin-right: 10px;
    height: 22px;
}

fieldset.carousel-item {
    min-height: 330px;
}

.widget-social .social-media.rounded a:nth-child(1) {
    background-color: #b90066;
}
.social-media.rounded a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 5px 10px 5px 0;
    background-color: #636b75;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}
.social-media a {
    display: inline-block;
    margin-right: 20px;
    font-size: 16px;
    line-height: 32px;
    color: #8f8f8f;
    text-decoration: none;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.widget-social .social-media.rounded a:nth-child(2) {
    background-color: #1caccc;
}

.fa-youtube:before {
    content: "\f167";
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
}
.widget-text div > *:last-child {
    margin-bottom: 0;
}

.hp-headline-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px;
}

.hp-headline {
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
}

.logged .hide-logged {
    display: none;
}