.add-competence .slug {
    width: 13%; 
    float: left;
    margin-right: 3%;
}

.add-competence .desc {
    width: 78%;
    float: left;
    line-height: 1.5;
    height: 7em;
    margin-right: 3%;
}

.add-competence .career-item {
    width: 94%; 
    float: left;
    margin-right: 3%;
}

.add-competence .add  {
    text-align: center;
    border: 2px dashed #ddd;
    padding : 2em 0 1em 0;
    margin: 2em 0;
    font-size: 14px;
    font-weight: bold;
    color: #777;
    background-color: #f3f3f3;
    transition-duration: 100ms;
}

.add-competence .add:hover  {
    color: #444;
    cursor: pointer;
}

.add-competence span {
    width: 3%;
    float: left;
    text-align: right;
    color: #bbb;
    transition-duration: 100ms;
}

.add-competence span:hover {
    color: #444;
    cursor: pointer;
}

.add-competence .competence-item {
    margin: 1em 0;
}

.add-competence .level {
    width: 84%;
    float: left;
}

.add-competence .level textarea{
    line-height: 1.5;
    height: 7em;
}



.competence-item ul {
    padding : 0;
    margin: 0;
    min-height: 42px;
    background-color: #ffb;
    width: 94%;
    float: left;
}

.competence-item ul li {
    display: inline-block;
    cursor: pointer;
    border: 2px solid #ddd;
    padding : 0 7px;
    margin: 7px;
    line-height: 24px;
    background-color: #f3f3f3;
    float: left;
}

.ui-state-highlight {
    height: 3em;
    background-color: #ffb;
}

table.level_competence td {
    border: 2px solid #ccc;    
    
}

table.level_competence th {
    border: 2px solid #ccc;
    width: 13%;   
    vertical-align: top;
    
}

div.menu {
    width: 50%;
    float: left;
    
}

ul.menu {
    padding-left: 0;
}

ul.menu li {
    display: block;
}

ul.menu li a {
    font-size: 14px;
    font-weight: bold;    
}

.entry-meta .edit {
    float: right;
}

.radio-fgos label {
    background-color: #eee;
    width: 100%;
    display: inline-block;
    padding: 5px;
    margin: 2px;
    cursor: pointer;
    transition-duration: 100ms;
}

.radio-fgos input {
    margin: 0 10px;
    vertical-align: middle;
}

.radio-fgos label:hover {
    background-color: #ffb;
}

input.fullwidth {
    width: 100%;
    margin: auto 2px;    
}

.courses textarea, textarea.big {
    height: 30em;
}


.info, .warn {
    background-color: #ffb;
    /*border-left: 3px solid #2b5387;*/
    border-left: 3px solid #ff5400;
    padding: 1em;
    margin: 1em 0;
    
}
.warn {
    border-left: 3px solid #ff5400;
}

.opop pre, .info pre {
    white-space: pre-wrap;
    overflow: hidden;
    background-color: #f3f3f3;
    border: 1px solid #ebebeb;
}

.info input[type="file"] {
    border: dashed 2px #ccc;
    padding: 1em;
    width: 100%;
    margin-bottom: 20px;
}


.course .number {
    max-width: 5%;
}

.course .name {
    min-width: 250px;
    line-height: 1.75em;
}

.course tr:hover td, .course tr.cmp:hover th {
    transition-duration: 100ms;
    background-color: #ffb;
}

.course tr td {
    transition-duration: 100ms;
    /* transition-duration: 100ms; */
}

.course tr.warning td, .course tr th.warning, .course tr td.warning {
    transition-duration: 100ms;
    background-color: #ffc2cc;
}

.course tr.warning:hover td, .course tr:hover th.warning, .course tr:hover td.warning, .course tr.warning:hover th  {
    transition-duration: 100ms;
    background-color: #ff8fa2;
}

span.cmp {
    transition-duration: 100ms;
    background-color: #bfb;
    border-radius: 5px;
    padding: 5px 15px;
}

span.cmp.warning {
    background-color: #ffc2cc;
}

tr:hover span.cmp.warning, tr:hover span.warning {
    background-color: #ff8fa2;
}

tr:hover span.notice {
    background-color: #ff6;
}

tr:hover span.cmp {
    background-color: #9f9;
}

span.warning, span.notice, span.norm, span.empty {
    transition-duration: 100ms;
    border-radius: 5px;
    padding: 5px 15px;
    background-color: #ffc2cc;
}

span.notice {
    background-color: #ff9;
}

span.norm {
    background-color: #bfb;
}

span.empty {
    background-color: #f4f4f4;
}

.course {
    /*display: block;*/
    overflow: auto;
    width: 100%
}

th.center, td.center {
    text-align: center;
}

.course th, .course td, .docs th, .docs td {
    border: 1px solid #ddd;
}

/*.course.matrix th, .course.matrix td {
    border: 1px solid #ddd;
}*/


.course td.cmp, .course th.cmp {
    border-left: 1px solid #ddd;
    text-align: center;
}

.course.matrix th.cmp, .course.matrix td.cmp {
    cursor: default;
} 

.course tr .cmp.on {
    background-color: #bfb;
    transition-duration: 100ms;
}

.course tr th.cmp.on {
    background-color: #bfb;
}

.course tr th.cmp.warning {
    background-color: #9f9;
}

.course tr:hover .cmp.on {
    background-color: #9f9;
}

.course tr th.cmp.warning, .course tr.warning th {
    background-color: #ffc2cc;
    transition-duration: 100ms;
}

.course.parts .name, .course.parts .number, 
.course.biblio .name, .course.biblio .number, 
.course.it .name, .course.it .number, 
.course.tech .name, .course.tech .number, 
.course.evaluations .name, .course.evaluations .number, 
.course.contents .name, .course.contents .number, 
.course.authors .name, .course.authors .number,
.course.guidelines .name, .course.guidelines .number,
.course.srs .name, .course.srs .number {
    font-weight: bold;
    background-color: #bfb;
}

.course.curriculum {
    display: block;
    overflow: auto;
    width: 100%
}

.course.curriculum tr td.odd, .course.curriculum tr th.odd {
    transition-duration: 100ms;
    background-color: #def;
}

.course.curriculum tr td.odd.warning, .course.curriculum tr th.odd.warning, .course.curriculum tr.warning td.odd, .course.curriculum tr.warning th.odd {
    background-color: #DDB5CC;
}

.course.evaluations tr:hover th.warning {
    background-color: #ffc2cc;
}

.course.curriculum tr:hover td.odd.warning, .course.curriculum tr:hover th.odd.warning, .course.curriculum tr.warning:hover td.odd, .course.curriculum tr.warning:hover th.odd  {
    background-color: #DD85A2;
}

.course.curriculum tr:hover td.odd, .course.curriculum tr:hover th.odd {
    background-color: #DDEEBB;
}

.course.curriculum tr td.odd.enable {
    background-color: #A2EEBB;
}

.course.curriculum tr:hover td.odd.enable {
    background-color: #A2EE89;
}

.course.curriculum tr td.enable {
    /*padding: 0.5em;*/
    background-color: #bfb;
}

.course.curriculum tr:hover td.enable {
    transition-duration: 100ms;
    background-color: #9f9;
}

.fullscreen-box {
    /*text-align: right;*/
    display: block;
    cursor: pointer;
    float: right;
}

.none {
    display: none;
}

.block {
    display: block;  
}

body.print header, body.print footer, 
body.print ul.menu, body.print div.menu, 
body.print h3, 
body.print div.entry-content p , body.print div.entry-content br,
body.print div.entry-content a.print-box, body.print div.entry-content span.time {
    display: none;
}

body.print div.entry-content p.version {
    display: block;
    clear: both;
}

body.print div.entry-content {
    padding: 1px;
}

body.print div.container, body.print article.opop, body.print div.site-content {
    padding: 0;
    margin: 0;
}

body.print table td.cmp.on, body.print table tr:hover td.cmp.on {
    /*background-color: #000;*/
    color: #000;
} 

body.print table td, body.print table th, 
body.print table tr:hover td, body.print table tr:hover th,
body.print table th.cmp.on, body.print table th.cmp.warning,
body.print table tr:hover th.cmp.on, body.print table tr:hover th.cmp.warning {
    border: 1px solid #000;
    color: #000;
    padding: 2px!important;
    min-width: 20px;
    /*background-color: #fff;*/
} 

body.print table {
    font-size: 90%;
    display: table;
}

body.print .course .name {
    min-width: 10px;
    line-height: 1.25em;
}

body.print h3, body.print h5 {
    text-align: center;
    padding-bottom: 0.25em;
}

.only-print {
    display: none;
}

body.print .only-print, body.print div.entry-content .only-print p, body.print .only-print h3, body.print div.entry-content .only-print br {
    display: block;
    color: #000;
}

body.print .cmpck h5 {
    text-align: left;
}

.only-print .left {
    float: left;
    /*margin-left: 2em;*/
}

.only-print .right {
    float: right;
    /*margin-right: 2em;*/
}

.only-print .left h4, .only-print .right h4 {
    text-align: center;
}

.only-print .cmpck p {
    padding: 0;
}

th.selectable {
    background-color: #ffb;
    cursor: pointer;   
    transition-duration: 100ms;
}

td.warn {
    background-color: #ffb;
    padding: 1em!important;
}

th.selectable.active {
    background-color: #ff5400;
}

.fullscreen {
    width: 100%!important;
    max-width: none!important;
}


.no-bold th {
    font-weight: normal;
    text-align: center;
}

span.file img {
    width: 48px;
    height: 48px;
}

span.file:hover {
    background-color: #eee;
}

span.file {
    transition-duration: 100ms;
    padding: 3px;
    border-radius: 5px;
    float: left;
    display: inline-block;
    text-align: center;
    /*font-size: 13px;*/
    max-width: 100px;
    overflow: hidden;
    line-height: 1.5rem;
    /*width: 38px;
    height: 60px;*/
    
}

.docs a:hover i {
    background-color: #2b5387;
}

.docs span.file-cmp {
    float: left;
    width: 100px;   
    margin: 5px 15px 5px 5px;
}

.docs span.file-cmp i {
    margin-right: 10px;
}


.docs i.fa-spin {
    transition-duration: 100ms;
    display: inline-block;
    background-color: #fff;
    color: #ff5400; 
    padding: 10px;
    margin-right: 15px;
    float: right;
    margin-top: 5px;
    display: none;
}



.docs i  {
    transition-duration: 100ms;
    display: inline-block;
    background-color: #ff5400;
    padding: 10px;
    color: #fff;
    margin-right: 15px;
    float: left;
    margin-top: 5px;
}

.docs td i, .course td.link i, .info i.fa, i.fa.x-tpl {
    transition-duration: 100ms;
    display: inline-block;
    background-color: #ff5400;
    padding: 5px;
    margin: 0;
    color: #fff;
}

.info i.fa, i.fa.x-tpl, table.another i.fa {
    margin-right: 5px;
}

.info a:hover i.fa, a:hover i.fa.x-tpl {
    background-color: #2b5387;
}

/*.course td i.stat {
    background-color: inherit;
}

.course td i.stat.green {
    color: #2e2;
}

.course td i.stat.red {
    color: #F00;
}

.course td i.stat.yellow {
    color: #FFDB4D;
}*/

.course td i.green {
    padding: 5px;
    border-radius: 5px;
    background-color: #bfb;
}

span.stat {
    padding: 5px;
    border-radius: 5px;
    background-color: #f3f3f3;
    /*cursor: help;*/
}



span.stat a {
    text-decoration: none;
    color: #474747;
}

span.stat.red {
    background-color: #ffc2cc;
}

span.stat.green {
    background-color: #bfb;
}

span.stat.yellow {
    background-color: #ff9;
}

.disable span.stat.green, .disable span.stat.red, .disable span.stat.yellow {
    background-color: #f3f3f3;
}

.docs a {
    font-weight: bold;
}

.clear {
    clear: both;
}

table th {
    padding: 5px 9px !important;
}

table td {
    padding: 5px !important;
}

table.another td {
    padding: 20px 20px 0 20px !important;
}

.btn-cat a, #catalog .next-btn a {
    background-color: #ff5400;
    padding: 5px 10px;
    margin: 5px;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    
}

.btn-cat a:hover, #catalog .next a:hover, .btn-cat a.current {
    background-color: #2b5387;
    color: #fff;
}

.btn-cat a:focus {
    color: #fff;
}

.btn-cat a:visited {
    color: #fff;
}

table.btn-cat {
    display: block;    
}

.btn-cat th, .btn-cat td {
    background-color: #fff;
}

#catalog div {
    float: left;
    background-color: #eee;
    margin: 20px 1.66%;  
    padding: 0;
    width: 30%;  
    min-width: 200px;
    min-height: 360px;
    line-height: 1.5;
}

#catalog div.empty {
    width: 100%;
    padding: 100px 50px;
    margin: 20px 0;
    font-size: 16px;    
    text-align: center;
}

#catalog div.empty {
    min-height: 100px;
}

#catalog .next-btn {
    display: block;
    text-align: center;
}

#catalog .next-btn a, #catalog .next-btn i {
    margin: 30px 0;
    padding: 10px 20px;
}


#catalog div span {
    padding: 20px;
    display: block;    
}

#catalog div span a {
    color: #000;
    text-decoration: none;
}

#catalog div span a:hover {
    color: #ff5400;
}

#catalog div a.title {
    background-color: #2b5387;
    display: block;    
    width: 100%;
    height: 100px;    
    text-align: center;    
}

#catalog div a.title:hover {
    opacity: 0.8;
}

#catalog div a.title img {
    height: 40px;
    margin: 30px 5px;
}

#catalog div a.title.mif { background-color: #1ba0e1; }
#catalog div a.title.egf { background-color: #287233; }
#catalog div a.title.skp { background-color: #f1a30b; }
#catalog div a.title.ifl { background-color: #765f89; }
#catalog div a.title.fip { background-color: #a20025; }
#catalog div a.title.fil { background-color: #fa6801; }
#catalog div a.title.iho { background-color: #666633; }



.slider-banner-button-box { visibility: hidden; }
body.single .site-branding { padding: 20px 0; }
body.single .site-branding h2 { font-size: 3rem; }
body.single .site-branding .site-description { display: none; }
body.single .site-branding .site-logo:after { display: none; }

span.hint {
    border-bottom: 1px dotted #aaa;
    cursor: help;
}

span.hint.deleted {
    color: #f00;
    border-bottom: 1px dotted #f00;
}

.compare th {
    text-align: center;
    font-weight: normal;
    background-color: #bfb;
} 

.compare td {
    vertical-align: top;
} 

.compare .diff td {
    background-color: #ffc2cc;
} 

.wrn {
    color: red;   
}

.type-fgos_vo .nav-links, .type-opop .nav-links {
    display: none;
}

table.acl td {
    vertical-align: top;
    width: 50%;
    background-color: #fff;
}

table.acl th {
    text-align: center;
}

.parents-opop, .course-gia-program, table.acl td textarea {
    height: 12rem;
}



.item-avatar {
    float: left;
    margin-top: 10px;
}

.course.disable .link i, .docs.disable i, .course.disable td.link i {
    background-color: #ccc;
}

.course.disable a:hover i, .docs.disable a:hover i {
    background-color: #bbb;
}

.course.disable a, .docs.disable a {
    color: #777
}

.parts span.warning, .evaluations td.warning strong {
    border-bottom: 1px dotted #aaa;
    cursor: help;    
}

table.matrix {
    display: block;    
}

.evaluations td.cmpcol {
    width: 20%;    
}

.progressbar {
    display: block;
    width: 300px;
    margin-left: 60px;    
    /*background-color: #eee;*/
}

.progress {
    display: block;
    margin: 2rem 0;
    width: 100%;    
    height: 30px;
    border: 1px solid #d9d9d9;
    background-color: #f3f3f3;
    border-radius: 5px;
    overflow: hidden;
}

.progress .fill {
    display: block;
    height: 100%;
    background-color: #ff5400;
    color: #fff;
    font-weight: bold;
}

.item-avatar img {
    float: left;
    margin: 0px 10px 0px 0;
    border: 2px solid #EEEEEE;
}

.edit-btn {
    float: right;
    font-weight: normal;
}

.course td .edit-btn i {
    background-color: inherit;
    /*color: #ff5400;*/
    color: #474747;
    cursor: pointer;
}

.course td .edit-btn i:hover {
    color: #2b5387;
}

.course tr.edit-form:hover td {
    background-color: #fff;
}

.course tr.edit-form textarea {
    height: 30em;
}

.course tr.edit-form button {
    font-size: 1rem;
    float: right;
    margin: 1em 0 1em 1em;
}

.course tr.edit-form span.edit-loader {
    font-size: 1rem;
    float: right;
    margin: 0.7em 0 0 0 ;
}

.course tr.edit-form span i {
    color: #474747;
    background-color: #fff;
}

div.part {
    background-color: #f4f4f4;
    background-color: #bfb;
    border: 1px solid #ddd;
    text-align: center;
    padding: 5px;
    margin: 2em 0;
    font-weight: bold;
}

div.part.gray {
    background-color: #f4f4f4;
    border: 0;
}

div.part .right, .name a.right {
    float: right;
}

div.part span {
    line-height: 90%;
    font-size: 90%;
    opacity: 0.9;
}

div.part.edit {
    background-color: #ffb;
}

div.part.stat {
    text-align: left;
}

div.part.stat a {
    color: #474747;
    text-decoration: none;
}

div.part.stat a i {
    color: #ff5400;
    transition-duration: 100ms;
}

div.part.stat a:hover i {
    color: #2b5387;
    transition-duration: 100ms;
}

span.qwrn {
    background-color: #ffc2cc;
    padding: 3px 7px;
}

.help {
    cursor: help;
}

table.stat {
    width: auto;
}

table.stat td {
    padding: 0px 10px !important;
}

progress {
    display: inline-block;
    width: 200px;
    height: 16px;
    vertical-align: -0.2em!important;
}

progress::-moz-progress-bar {
    background-color: #7BAAF7;
}

div.statprogress {
    display: inline-block;
    width: 200px;
    /*height: 16px;*/
    /*vertical-align: -0.2em!important;*/
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    line-height: 14px;
}

div.statprogress .bar {
    display: inline-block;
    background-color: #7BAAF7;
    /*line-height: 16px;*/
}

.edit-loader {
    display: none;
    margin-right: 0.5em;
}

pre.cmp-list {
    display: none;
}

.filter {
    margin: 2em 0;
    text-align: center;
}

.filter span {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    background-color: #ff5400;
    padding: 1px 7px;
    margin: 3px;
    border-radius: 3px;
    cursor: pointer;
    transition-duration: 100ms;
}

.filter span:hover {
    background-color: #2b5387;
    transition-duration: 100ms;
}

.filter span.cur {
    background-color: #2b5387;
}

i.filter  {
    float: right;
    margin: -2em 0 0 0;
    /*display: none;*/
}

span.old_cmp {
    background-color: #ffb;
    cursor: help;
}

span.new_cmp {
    background-color: #bfb;
    cursor: help;
}

/*span.wrn_cmp {
    background-color: #ffc2cc;
}*/

span.wrn_cmp span.new_cmp, span.wrn_cmp span.old_cmp {
    background-color: #ffc2cc;
}

.circle {
    display: block;
    float: left;
}

circle {
  fill: rgba(0,0,0,0);
  stroke: #eee;
  stroke-width: 10;
  stroke-dasharray: 252px 252px;
}

circle:nth-child(2n) {
  fill: rgba(0,0,0,0);
  stroke: #7BAAF7;
  stroke-width: 10;
}

text.progress {
  text-anchor: middle; 
  fill: #474747; 
  /*stroke-opacity: 0; */
  font-size: 16px;
  font-weight: bold;
}

text.date {
  text-anchor: middle; 
  fill: #474747; 
  font-size: 10px;
}

text.percent {
  fill: #474747; 
  font-size: 10px;
}

div.progress-stat {
    float: right;
}

div.percentage {
    float: left;
    margin-left: 10px;
}

div.warning-filter {
    margin: 0.5em;
    text-align: center;
}

div.warning-filter a {
    font-weight: bold;
}

div.warning-filter a.cur {
    color: #2b5387;
}

.tools td.number {
    width: 30px;
    text-align: center;
}

p.nopadding {
    padding: 0;
}