html {
--thar-primary: rgba(13,55,127,1);
--thar-secondary: rgba(201,0,0,1)
}

body,
.content-wrapper h2 {
    color: rgba(0,0,0,1);
}





.btn-primary {
    background: rgba(13,55,127,1);
    color: #fff;
}

.btn-primary.active,
.btn-primary:not([disabled]):hover {
    background: rgba(201,0,0,1);
    color: #fff;
}

.btn-secondary {
    background: #fff;
    color: rgba(201,0,0,1);
    border-color: rgba(201,0,0,1);
}

.btn-secondary:hover {
    color: #fff;
    background-color: rgba(201,0,0,1);
}





.bg-primary-color {
    background-color: rgba(13,55,127,1)
}
.bg-primary-color-70 {
    background-color: rgba(13,55,127,0.7)
}

.bg-secondary-color {
    background-color: rgba(201,0,0,1)
}

.text-default-color {
    color: rgba(0,0,0,1)
}

.text-primary-color {
    color: rgba(13,55,127,1)
}

.text-secondary-color {
    color: rgba(201,0,0,1)
}





.skin-yellow-light .main-header .logo,
.skin-yellow-light .main-header .navbar {
    background-color: rgba(255,255,255,0.1);
}

.skin-yellow-light .main-header .logo:hover,
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
    background: rgba(255,255,255,0.1);
}





.skin-yellow-light .main-header .navbar.navbar-static-top {
    background-color: rgba(13,55,127,1);
}
.skin-yellow-light.sidebar-collapse .main-header .logo,
.skin-yellow-light.sidebar-collapse .main-header .navbar {
    background-color: rgba(13,55,127,1);
}
.skin-yellow-light.sidebar-collapse .main-header .logo:hover,
.skin-yellow-light.sidebar-collapse .main-header .navbar .sidebar-toggle:hover {
    background: rgba(13,55,127,1);
}

#organization-color-overlay {
    background-color: rgba(13,55,127,1)
}


.course-footer-wrapper .md-button.active {
    background: rgba(201,0,0,1);
    color: #fff;
}





.course-page-wrapper .main-header .navbar .sidebar-toggle,
.course-page-wrapper .main-header .navbar .sidebar-toggle:hover,
.course-page-wrapper .navbar-login-menu a.dropdown-toggle {
    color: rgba(13,55,127,1);
}





a {
    color: rgba(13,55,127,1)
}
a:hover {
    color: rgba(201,0,0,1)
}





#sideNav a:hover{
    color: rgba(201,0,0,1)
}

.gn-menu li a .diamond {
    background: rgba(201,0,0,1);
}

.gn-menu li:hover a .diamond {
    background: rgba(13,55,127,1);
}

.gn-menu li.active a .diamond {
    background: rgba(13,55,127,1);
}





.progress-bar {
    background-color: rgba(13,55,127,1)
}

.progress-bar span {
    color: rgba(0,0,0,1);
}





.pagination > .active > a, .pagination > .active > a:hover,
.pagination > .active > a:focus, .pagination > .active > span,
.pagination > .active > span:hover, .pagination > .active > span:focus {
    background-color: rgba(201,0,0,1);
    border-color: rgba(201,0,0,1);
}

.pagination > .next > a,
.pagination > .previous a {
    background-color: rgba(13,55,127,1)
}

.pagination > .next > a:hover,
.pagination > .previous > a:hover {
    background-color: rgba(13,55,127,1)
}





.organization-header-image {
    background: url('/storage/header_images/1615988938.PNG') no-repeat center;
    background-size: cover;
}




.planning-status {
    text-align: center;
}

.planning-status svg {
    fill: rgba(13,55,127,1);
    width: 22px;
    height: 20px;
}