/*This is a sample CSS template that builds a totally different eFrontPro them.
  Feel free to check and customize according to your needs.
*/

body {
  background: #EEE; /*Background color*/
  font-family: 'Open Sans', sans-serif; 
}

/*Box Titles*/
div.block .title {
  background:#CCC;
  border: 2px solid #662d91;
  border-bottom: 0px;
  position: relative;
  top: 2px; 
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/*Box Content*/
div.block .content {
  background: #FFF; /*Box background color*/
  border: 2px solid #662d91;
  box-shadow: 0 1px 1px rgba(0,0,0,0); /*shadow*/
  border-radius: 4px;
}

/*Handle in a different way blocks within a block*/
div.block div.block .content {
  border: 0px;
}

/*Hide top left radious when then block has a Header*/
div.block .blockHeader ~ .content {
  border-top-left-radius: 0px;
}

/*Consistency with toolbars*/
div.block .toolbar {
  border: 2px solid #662d91;
  border-bottom: 0px;
  border-top-left-radius: 4px; 
  border-top-right-radius: 4px;  
}

/* Hide radious on box after a toolbar*/
div.block .toolbar ~ .content {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top:0px;
}

/*Navigation bar color*/
.navbar-inverse {
  background: #662d91; /*Background color*/
  border:0px;
}

/*Breadcrubs external layer*/
.breadcrumb-x {
  background: #CCC; /*Background color*/
  border-bottom: 2px solid #662d91;
  border-top: 2px solid #111;
}

/*Breadcrumb internal layer*/
.breadcrumb {
  background: #CCC; /*Background color*/
  color:#FFF;
}

/*Breadcrumb separator*/
.breadcrumb > li + li:before {
  color: #000;
  content: "\003e";  
}


/*Hover color on table icons*/
div.block table.iconTable td.iconData:hover {
  background-color: #f89c1c;
  color: #FFF
}

/*Main button color*/
.btn-primary {
  background-color: #662d91;
  border-color: #662d91;
  
}

/*Main button hover color*/
.btn-primary:hover {
  background-color: #80599e;
}

.navbar-inverse .navbar-nav > li > a {
  color: #DDD;
}

.navbar-inverse .navbar-nav > li > a:hover {
  color: #FFF;
}

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

.table > tbody > tr > td {
  border:0px;
}

/* Grids */
td.sortedTableFooter {
  background: #ddd;
}
  
tr.oddRowColor {
  background: #eee;
  border:0px;
}

/*Thumnails for courses and users*/
.thumbnail {
  background: #eee;
}

/* DO NOT ADD/EDIT AFTER THIS LINE */
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#662D91;border-color:#662D91;}
html.new-ui-html:root{--c-brand-primary:#662d91;--c-brand-primary-darken-5:#61288c;--c-brand-primary-darken-7:#5f268a;--c-brand-primary-darken-10:#5c2387;--c-brand-primary-darken-15:#571e82;--c-brand-primary-darken-17:#551c80;--c-brand-primary-darken-20:#52197d;--c-brand-primary-darken-25:#4d1478;--c-brand-primary-lighten-7:#6d3498;--c-brand-primary-lighten-40:#8e55b9;}