/*!
 * CSS ESS - v. 1.3
 * 2023 - Benedikt Alexander Laufer (Benedikt.Laufer@ess-erfurt.de)
 * OpenClipArt ilustration
 * Licensed GPL
 * Based on Bootstrap
*/

:root {
  --orange: #f8a41e;
  --orange-50: #f8a41e6f;
  --gray: #f2f2f2;
  --radius: 10px;
    --white: #ffffff;
    
    
    /*
    --primary: #075be1;
    --secondary: #001C8D;
    --tertiary: #bed2ff;
    */
    
    --primary: #f8a41e;
    --secondary: #d66109;
    --tertiary: #fff9eb;
    
    /*
    --primary: #3d4b90;
    --secondary: #d66109;
    --tertiary: #fdedc8;
    
    /*
      --orange: #DA702C;
  --orange-50: #DA702C6f;
  --gray: #E6E4D9;
  --radius: 10px;
    --white: #FFFCF0;
    */
}

/* Default single column layout */
.classic-courses .panel-body {
  grid-template-columns: 1fr; 
}

/* Two column layout for medium and up */
@media (min-width: 480px) {
  .classic-courses .panel-body {
    grid-template-columns: 1fr 1fr;
  }
} 

/* Three column layout for large and up */  
@media (min-width: 993px) {
  .classic-courses .panel-body {
    grid-template-columns: 1fr 1fr 1fr; 
  }
}

/* Four column layout for extra large */
@media (min-width: 1536px) {
  .classic-courses .panel-body {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.classic-courses .panel-body:has(> :last-child:nth-child(1)) {
    grid-template-columns: 1fr;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../chamilo/fonts/OpenSans-Light.woff2) format('woff2'), url(../chamilo/fonts/OpenSans-Light.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../chamilo/fonts/OpenSans.woff2) format('woff2'), url(../chamilo/fonts/OpenSans.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../chamilo/fonts/OpenSans-Semibold.woff2) format('woff2'), url(../chamilo/fonts/OpenSans-Semibold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../chamilo/fonts/OpenSans-Bold.woff2) format('woff2'), url(../chamilo/fonts/OpenSans-Bold.woff) format('woff');
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  position: relative;
}

body > main footer.footer {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}

.panel .panel-body, .classic-courses .panel-body, .classic-courses .panel-group, .panel-default .panel-body {
    display:grid;
    grid-gap: 10px;
    grid-row-gap: 20px;
    grid-column-start: 0;
    box-sizing: border-box;
    padding-top: none;
    position: relative;
    background: var(--white);
        background-color: var(--white);
}

.classic-courses {
    height: max-content;
    overflow: visible;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
}

.panel-body {
    padding: 0;
padding-left: 10;
}

.classic-courses .row {
    padding-top: 0;
    margin-right: 0;
    margin-left: 0;
    border-left: 5px solid white;
    border-radius: 0;
}

.classic-courses .row:hover {
    border-left: 5px solid var(--secondary);
}

.classic-courses .panel {
    opacity: 0;
  animation-delay: 0.25s;
    animation-duration: 0.75s;
    animation-name: fadeInDown;
    animation-fill-mode: forwards;
    animation-timing-function: 1.3s cubic-bezier(.68, -0.6, .32, 1.6);
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform:translateY(-40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform:translateY(0)
    }
}

.sidebar .panel, .social-network-menu {
       opacity: 0;
  animation-delay: 0.25s;
    animation-duration: 0.75s;
    animation-name: fadeInRight;
    animation-fill-mode: forwards; 
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name:fadeInDown;
    animation-timing-function: 1.3s cubic-bezier(.68, -0.6, .32, 1.6);
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        transform:translateX(-40px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform:translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name:fadeInRight
}

.list-group {
    margin-block-end: 0;
}

.list-group-item {
    border-radius: 0 !important;
}

.hide_menu, .hide_menu a,
.nav-stacked li a {
    border: white;
    border-radius: 10px;
}

.list-group-item:hover a, .hide_menu:hover,
.nav-stacked li:hover a {
    color: var(--primary);
}

.classic-courses .row img {
    margin: none;
}

.classic-courses .col-md-2 .row a, .thumbnail {
    width: 100%;
    height: auto;
    padding: 10px 20px;
    margin-bottom: 0;
    border-radius: 0;
}

.classic-courses .row .col-md-10 {
    width: -webkit-fill-available;
    width: 100%;
    height: auto;
    padding-left: 0px;
        padding-right: 0px;
}

.classic-courses .row .col-md-2 {
    width: -webkit-fill-available;
    width: 100%;
    height: auto;
    padding-left: 0px;
        padding-right: 0px;
}

.breadcrumb,
.breadcrumb .active,
.breadcrumb>li+li:before,
.table-well{
    background: var(--primary);
    border-color: var(--primary);
    border-radius: 10px;
}

.panel-default .panel-heading, .panel-default>.panel-heading {
    border-radius: 0px;
    background: transparent;
    font-weight: bold;
}

.panel-heading {
    border-radius: 10px;
}

.list-group-item a,
.hide_menu a,
.nav-stacked li a,
th a{
    color: black;
    font-weight: 500;
}

.list-group-item a:hover,
.hide_menu a:hover,
.nav-pills li a:hover,
.nav-stacked li a:hover{
    color: var(--primary);
    text-decoration: none;
}

.panel-heading a:hover, th a {
    color: var(--primary);
    text-decoration: none;
}

.navbar-default,
.navbar-toggle, .navbar-default .navbar-nav>li>a, 
.navbar-default .navbar-brand{
    font-weight: bold;
    color: white;
}

.navbar:not(#toolbar-admin) {
    border:none;
    border-radius: 0 !important;
        background: var(--primary);
    background-image: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
}

.container {
    width: 95%;
}

.breadcrumb>.active {
    color: #fff !important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--primary);
    font-weight: bold;
}

.navbar-default .navbar-nav > .active > a, .form-control, .badge:not(:hover):not(.list-group-item) {
    background: var(--white);
    background-color: var(--white) !important;
    color: black;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.dropdown-menu .user-body a {
    color: var(--tertiary);
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus, {
    background: var(--primary) !important;
    background-color: var(--primary) important;
    color: white;
    font-weight: bold;
    border-top: none;
}

.navbar-nav .open .dropdown-menu, .dropdown-menu .user-header .text-center a {
background: var(--white);
color: black;
}

.list-group li:hover,
.list-group-item:hover,
.hide_menu:hover,
.nav-stacked li:hover,
.list-items-admin li:hover,
.list-group li:hover a,
.list-group-item:hover a,
.hide_menu:hover a,
.nav-stacked li:hover a,
.list-items-admin li:hover a{
    color: var(--secondary);
    text-decoration: none;
    background: transparent;
}

.list-group li,
.list-group-item,
.list-group-item a,
.hide_menu a,
.nav-stacked li a,
.list-items-admin li a{
    color: black;
    text-decoration: none;
}

.list-group-item .item-icon {
    vertical-align: center;
    left: 0 !important;
    position: relative !important;
}

.list-group-item:not(#search-block):not(.class_block) {
    /*display: grid;*/
    align-items: center;
    grid-template-columns: 0.1fr 0.9fr;
    text-align: left;
}


.navbar-toggle:hover {
    background: #000000;
    background-color: #000000 !important;
}

#home-welcome table {
    width: 100%; 
    display: grid; 
}
/*
#home-welcome tr, #home-welcome h2{
    display: grid;
     opacity: 0;
  animation-delay: 0.25s;
    animation-duration: 0.75s;
    animation-name: fadeInDown;
    animation-fill-mode: forwards;
    max-width: 100%;
    overflow-x: hidden;
}
*/

#home-welcome table {
    width: 400px !important;
}

.navbar .container{
    width: 100%;
}

.avatar-user {
    width: 100%;
}

.dropdown-menu>li>a:hover,
.dropdown-menu .user-header .text-center a:hover,
.breadcrumb .active a:hover {
    color: black !important;
    text-decoration: none;
}

.sidebar .list-group-item {
    border: none;
    margin-left: 0;
}

.dropdown-menu .user-body a {
    font-weight: 500 !important;
}

header>.container {
    width: 100%;
    background: url("./images/background.png");
     background-color: var(--primary);
        background-size: cover;
        background-position: top;
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: var(--secondary);
}

/*
.btn-default,
.btn {
    color: black;
    background-color: transparent;
    border: none;
    border-radius: var(--radius);
    font-weight: bold;
}

.btn-default:hover,
.btn:hover,
.btn-default:active:hover,
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover
{
    color: black;
    background-color: white;
    border-color: white;
}

.pull-right .btn-group, .classic-courses .btn-group-vertical {
    display: grid;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: var(--radius) !important;
    border-top-right-radius: var(--radius) !important;
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: var(--radius) !important;
    border-bottom-right-radius: var(--radius) !important;
}
*/
/*
.btn-default {
color: var(--color-700);
background-color: var(--white);
border-color: var(--color-700);
}

.btn-default:hover {
    color: var(--color-700);
background-color: var(--color-50);
border-color: var(--color-700);
}
*/

.view-options {
    vertical-align: middle;
}

.data_table tr.row_odd:hover, .data_table tr.row_even:hover, .ui-jqgrid .ui-state-hover, .ui-jqgrid .ui-widget-content .ui-state-hover, .ui-jqgrid .ui-widget-header .ui-state-hover {
background-color: var(--tertiary) !important;
}

.social-network-menu .nav-pills li.active a, #groups-acordeon .nav li.active a {
background: var(--primary);
color: white;
border: var(--primary);
border-radius: 0px var(--radius) var(--radius) 0px;
}

.sidebar-avatar .area-avatar .img-circle {
    border-color: var(--primary);
}

.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
color: var(--primary);
    background: transparent;
}

.panel {
   border-color: var(--primary);
    border-radius: var(--radius);
    border-width: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 2vh;
}

.alert-info {
    color: white;
    background-color: var(--primary);
    border-color: var(--primary);
    border-radius: 10px;
    font-weight: 500;
}

.footer {
    background: var(--gray);
    color: black;
}

a {
    color: black;
    font-weight: 500;
    hyphens: auto;
}

a:hover {
    color: white;
}

#dropzone {
    position: relative;
    overflow: hidden;
    direction: ltr;
    cursor: pointer;
    text-align: center;
    color: black;
    font-weight: bold;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    line-height: 50px;
    background-color: var(--tertiary);
    border: 2px dashed var(--gray);
    font-size: 120%;
    margin-bottom: 0;
}

.panel {
    border-left: 5px solid var(--primary);
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-radius: 0 !important;
}

a, .breadcrumb li:before {
    color: black;
    background: transparent;
}

body, a {
  font-family: Helvetica Neue , sans-serif;
}

.panel-heading a, .breadcrumb li, .breadcrumb li:before, .table-well td, .panel-heading{
    color: black;
    font-weight: bold;
    font-size: 2rem;
    background: transparent;
}

.breadcrumb a, .breadcrumb>li+li:before {
    color: white;
    font-weight: bold;
}

a:hover {
    color: var(--secondary);
    text-decoration: none;
}

.big-icon .text-muted img {
    width: 2px !important;
}

.big_icon img {
padding: 5px;
border-radius: 10px;
box-shadow: none;
    border: none;
}

.big_icon img:hover {
box-shadow: 0 4px 18px var(--primary);
}

.panel-body:before {
    display: none;
}

.navbar-inverse .navbar-toggle .icon-bar, .navbar-default .navbar-toggle .icon-bar {
background-color:var(--white);
}

.navbar-brand {
    color: white;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
color:black;
}

.list-group-item:not(.active), 
.nav-stacked>li:not(.active),
img, a, tr, td, .row{
    transition: all 0.3s;
}

.list-group-item:not(.active):hover, 
.nav-stacked>li:not(.active):hover {
    color: var(--primary);
    padding-left: 20px;
}

#search-block .form-group {
display: grid;
grid-template-columns: 0.9fr 0.1fr;
}

.breadcrumb li a img {
float: unset;
padding-right: 5px;
vertical-align: middle;
}

#sn-avatar-one .panel-body {
    display: block !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: var(--primary);
}

.text-muted.text-muted + img {
    border: 5px solid red;
}

.img-circle img{
    filter: none;
}

body {
    background: var(--white);
}

.panel {
    background: var(--white) !important;
    background-color: var(--white);
}

.badge:hover {
    background: var(--primary);
}

.row_selected {
    background-image: none;
}

#search_block .form-group {
display: flex;
}

.btn-primary:hover {
color: black;
background-color: var(--secondary);
border: none;
}

.btn-primary {
color: black;
background-color: var(--primary);
border: none;
}


#cm-header .container .row {
        height: 170px;
    
    }

.navbar-right {
    display: flex;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
background-color: transparent;
}

.footer .container .sub-footer .row .text-right::after {
    content: "Design by Benedikt A. Laufer";
    display: block;
    text-align: right;
}

a.unread {
    color: var(--primary);
}

#header-logo {
display:none;
}