/*
    Primary colors:
    Button:     #F20403
    Text-color: #F20403
*/


body {
    background: #ffffff;
}
.login{
    background-image: url('/Image/RandomLoginpageImage/Moderna');
}
a {
}

a:active, a:hover {
    color: #F20403;
}

.logo {
    width: 235px;
    height: 50px;
    background-image: url('/Content/Themes/Moderna/Images/THLogo.png');
}

.navbar-top-menu-bottom,
.navbar-top-menu-bottom a,
.navbar-top-menu-top a:hover,
.navbar-top-menu-top a.active,
.navbar-bottom-left a:hover,
.navbar-bottom-left a.active,
.navbar-bottom-right a:hover
{
    color: #F20403;
}

.page h1 {
    color: #F20403;
}

.login-box form .form-group input:focus {
    border-bottom-color: #F20403;
}

.pagination a.active,
.pagination a.active:focus,
.pagination a.active:hover {
    background-color: #F20402;
    border-color: #F20403;
}


.timeline li .status:before {
    background-color: #F20403;
    border-color: #F20403;
}

.timeline.animate .status {
    border-top-color: #F20403;
}

.tile, .tile-3, .tile-5 {
    color: #F20403;
}

#nprogress .bar {
    background: #F20403;
}

#nprogress .peg {
    box-shadow: 0 0 10px #F20403, 0 0 5px #F20403;
}

#nprogress .spinner-icon {
    border-top-color: #F20403;
    border-left-color: #F20403;
}

.card
{
    color: #F20403;
}

    .card .logo {
        background: url('/Content/Themes/Moderna/Images/THLogo.png') no-repeat;
        background-position-y: center;
        background-size: contain;
    }

.catcher {
    color: #F20403;
}