/* formacao/static/documentos.css */
.pdf {
  content: url('/img/image/pdf.gif');
}

.word {

}

.excel {

}

.imagem {

}

.audio {

}

.video {

}

a::before {

}
a[href $='.pdf']:before, a[href $='.PDF']:before, a[href $='.pdf#']:before, a[href $='.PDF#']:before, a[href $='.pdf?']:before, a[href $='.PDF?']:before {
    content: "\f1c1";
    font-family: 'FontAwesome';
    color: #999;
    display: inline-block;
    margin: 0px 10px 0 0;
    font-size: 24px;
    vertical-align: middle;
}

a[href $='.doc']:before, a[href $='.DOC']:before, a[href $='.doc#']:before, a[href $='.DOC#']:before, a[href $='.doc?']:before, a[href $='.DOC?']:before,
a[href $='.docx']:before, a[href $='.DOCX']:before, a[href $='.docx#']:before, a[href $='.DOCX#']:before, a[href $='.docx?']:before, a[href $='.DOCX?']:before {
    content: "\f1c2";
    font-family: 'FontAwesome';
    color: #999;
    display: inline-block;
    margin: 0px 10px 0 0;
    font-size: 24px;
    vertical-align: middle;
}

a[href $='.xls']:before, a[href $='.XLS']:before, a[href $='.xls#']:before, a[href $='.XLS#']:before, a[href $='.xls?']:before, a[href $='.XLS?']:before,
a[href $='.xlsx']:before, a[href $='.XLSX']:before, a[href $='.xlsx#']:before, a[href $='.XLSX#']:before, a[href $='.xlsx?']:before, a[href $='.XLSX?']:before {
    content: "\f1c3";
    font-family: 'FontAwesome';
    color: #999;
    display: inline-block;
    margin: 0px 10px 0 0;
    font-size: 24px;
    vertical-align: middle;
}

a[href $='.ppt']:before, a[href $='.PPT']:before, a[href $='.ppt#']:before, a[href $='.PPT#']:before, a[href $='.ppt?']:before, a[href $='.PPT?']:before,
a[href $='.pptx']:before, a[href $='.PPTX']:before, a[href $='.pptx#']:before, a[href $='.PPTX#']:before, a[href $='.pptx?']:before, a[href $='.PPTX?']:before {
    content: "\f1c4";
    font-family: 'FontAwesome';
    color: #999;
    display: inline-block;
    margin: 0px 10px 0 0;
    font-size: 24px;
    vertical-align: middle;
}


a[href $='.jpg']:before, a[href $='.JPG']:before, a[href $='.jpg#']:before, a[href $='.JPG#']:before, a[href $='.jpg?']:before, a[href $='.JPG?']:before {
    content: "\f1c5";
    font-family: 'FontAwesome';
    color: #999;
    display: inline-block;
    margin: 0px 10px 0 0;
    font-size: 24px;
    vertical-align: middle;
}




a[href $='.mp3']:before, a[href $='.MP3']:before, a[href $='.mp3#']:before, a[href $='.MP3#']:before, a[href $='.mp3?']:before, a[href $='.MP3?']:before,
a[href $='.wav']:before, a[href $='.WAV']:before, a[href $='.wav#']:before, a[href $='.WAV#']:before, a[href $='.wav?']:before, a[href $='.WAV?']:before,
a[href $='.wav']:before, a[href $='.WAV']:before, a[href $='.wav#']:before, a[href $='.WAV#']:before, a[href $='.wav?']:before, a[href $='.WAV?']:before {
    content: "\f1c5";
    font-family: 'FontAwesome';
    color: #999;
    display: inline-block;
    margin: 0px 10px 0 0;
    font-size: 24px;
    vertical-align: middle;
}

a[href $='.avi']:before, a[href $='.AVI']:before, a[href $='.avi#']:before, a[href $='.AVI#']:before, a[href $='.avi?']:before, a[href $='.AVI?']:before,
a[href $='.mov']:before, a[href $='.MOV']:before, a[href $='.mov#']:before, a[href $='.MOV#']:before, a[href $='.mov?']:before, a[href $='.MOV?']:before {
    content: "\f1c8";
    font-family: 'FontAwesome';
    color: #999;
    display: inline-block;
    margin: 0px 10px 0 0;
    font-size: 24px;
    vertical-align: middle;
}

a:hover::before {
  color: #555;

}

.ativo {
  #color: #999;
}

.desativo {
  /*color: red;*/
  color: rgba(255, 0, 0, 0.34);
}



.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 0rem;
    list-style: none;
    #background-color: rgba(0,0,0,0.05);
    border-radius: 0rem;
}


/*altera o espaçamento da lista de temas*/
#lista_de_temas{
    line-height: 1.0;
}

/* mostra o picotado e uma cor de background quando o rato está hover de um  documento*/
.documento:hover {
    border: 1px dashed #47a2d3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: grab;
}

/* mostra o picotado e uma cor de background quando o rato está hover de um  tema*/
.tema:hover {
    /*background-color: #f2f2f2;*/
    border: 1px dashed #47a2d3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: grab;
}

/* oculta as ferramentas de operacoes de um documento */
.documento > .hide {
    opacity: 0;
}
/* mostra as ferramentas de operacoes de um documento quando o rato está hover */
.documento:hover > .hide {
    opacity: 1;
}


/* oculta as ferramentas de operacoes de um documento */
.tema > .hide {
    opacity: 0;
}
/* mostra as ferramentas de operacoes de um documento quando o rato está hover */
.tema:hover > .hide {
    opacity: 1;
}

/*
mostra o picotado e uma cor de background no local de destino
quando o rato está a arrastar um documento
*/
.move-documento {
  /*cursor: move !important;*/
  /*background-color: #ffe6cc;*/
  background-color: #ecf6fb;
  border: 1px solid #47a2d3;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}



/*
mostra o picotado e uma cor de background no local de destino
quando o rato está a arrastar um tema
*/
.move-tema {
  /*cursor: move !important;*/
  /*background-color: #ffe6cc;*/
  background-color: #ecf6fb;
  border: 1px solid #47a2d3;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
}

.move-tema:hover {
  border: 1px solid #47a2d3 !important;
}



.sortable-ghost, .sortable-chosen, .sortable-drag {
  opacity: 0 !important;
}

.grab {
  cursor: grab !important;
}


/*
h2 {
    border-bottom: 2px dashed #dad6d6;
    #background-color: #eaf1f3;
}
*/

h2 {
    border-bottom: 2px solid #e65a74;
    background-color: #343a4000;
    color: #6c757d;
    padding: 10px 10px 10px 0px;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, sans-serif, SegoeUI-Light-final;
}


.p-1 {
    /* padding: .25rem!important; */
    padding-bottom: 19px !important;
    padding-top: 19px !important;
    padding-left: 8px !important;
}

/*


.sortable-chosen.sortable-ghost {
	opacity: 0;
}
.sortable-fallback {
	opacity: 1 !important;
}



.ghost-class{
  background-color: #ffe6cc;
  border: 1px dashed #47a2d3;
}


.chosen {
  color: #fff;
  background-color: #c00;
}

.sortable-chosen, sortable-chosen.sortable-ghost {
    opacity: 0;
}
.sortable-ghost {
  background-color: #dadada;
  opacity: 1;
}
*/


.p-1 {
    /* padding: .25rem!important; */
    padding-top: 4px !important;
    padding-bottom: 0px !important;
    /*padding-left: 7px !important;*/
}
.espaco_superior {
  margin-top: 10px;
}