.row.row.height-100 {
    width: 100% !important;
}
div#site {
width: 100%;
text-align: center;
color: #0086f8;
}
.lead {
font-size: 1rem;
font-weight: 300;
margin-bottom: 21px;
}
span.adicionar_self {
font-size: 15px;
color: white;
}
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: #fff;
}
.jumbotron {
padding-right: 60px;
padding-left: 60px;
margin-bottom: 30px  !important;
margin-top: 67px  !important;
}
td {
font-size: 12px !important;
}
div#icon_educar {
font-size: 38px;
float: left;
}
div#perfil_no_menu {
margin-top: 36px;
}
div#menu_educar_post {
width: 100%;
height: 48px;
background-color: white;
padding-top: 12px;
}
input#search {
background-color: #fbfbfb!important;
padding-left: 13px;
}
.baixo {
margin-bottom: 25px;
color: #555;
text-align: center;
background-color: #ffffffe8!important;
}
.row.espacos-topo-pdf {
margin: -14px !important;
margin-top: -39px;
padding-top: 47px !important;
}
button#boas_vindas {
display: none;
}
img.animated.tada {
margin-bottom: 20px;
}
div#modal_texto {
text-align: justify;
font-size: 14pt;
}
#titulo_link_normal{
float: left;
color: #000000;
font-size: 14px;
width: 100%;
height: 17px;
margin-top: 14px;
text-align: left;
margin-bottom: 10px;
font-size: 18px;
}
.nav-side-menu li a i {
padding-left: 10px;
width: 20px;
padding-right: 20px;
/* text-shadow: 1px 2px 0px #0b2b6b59; */
font-size: 23px;
}
.modal-dialog .modal-content .modal-header {
-webkit-border-top-left-radius: .125rem;
border-top-left-radius: .125rem;
-webkit-border-top-right-radius: .125rem;
border-top-right-radius: .125rem;
background-color: #233f75;
color: #FFFFFF;
height: 49px;
display: inherit;
position: relative;
/* height: 100%; */
/* width: 100%; */
}
.offline-simulate-ui {
display: none;
}
.form-check-input[type=radio]:invalid:after  {
content: " - Remember this";
}
div#titulo_link {
    white-space: nowrap;
    float: left;
    color: #000;
    font-size: 14px;
    width: 100%;
    height: 17px;
    margin-top: 15px;
    text-align: left;
    margin-bottom: 10px;
    font-size: 14px;
    padding-left: 0px !important;
    FONT-WEIGHT: 700;
    }
.titulo_link {
    white-space: nowrap;
    float: left;
    color: #000;
    font-size: 14px;
    width: 100%;
    height: 17px;
    margin-top: 15px;
    text-align: left;
    margin-bottom: 10px;
    font-size: 14px;
    padding-left: 0px !important;
    FONT-WEIGHT: 700;
    }
    
.educar-tip-left02 {
width: 10px;
margin-left: 93%;
}
.espaco_cart02 {
padding-right: 27px;
margin-top: 12px;
margin-bottom: 38px;
padding-top: 19px;
padding-bottom: 19px;
padding-left: 23px;
font-size: 12px;
}
.user h3 {
font-size: 14px;
/* text-shadow: 1px 2px #00000038; */
margin-bottom: 15px !important;
margin-top: 13px;
color: #888888;
font-weight: 600;
}
.botao_educar_trilha {
color: blue;
background-color: rgba(0, 0, 0, 0.39) !important;
box-shadow: 0px 2px 1px 0px #000000ba !important;
}
/* Thumbnail Colors as BGs
-----------------------------*/
#castra_mai {
padding-right: 10px;
float: right;
width: 100%;
position: absolute;
margin-right: 16px;
/* margin-left: 62%; */
margin-top: 20px;
color: white;
/* text-shadow: 1px 1px 1px white; */
text-align: right;
}
.cor_tipo {
width: 30px;
height: 30px;
}
.opt-gold_bg_01 [type="radio"]:checked+label:after {
background-color: #9c27b0 !important;
border-color: #ab47bc !important;
}
.opt-gold_bg {
background: #ab47bc;
border-radius: 15%;
}
.opt-gold_bg_h1 {
color: #ab47bc;
font-size: 26px;
margin-top: 4px;
text-shadow: 0 0 1px #00000033;
}
.opt-gold label:before {
background: #ab47bc;
}
/* Silver */
.opt-silver_bg {
background: #1e88e5;
border-radius: 15%;
}
.opt-silve_bg_h1 {
color: #1e88e5;
font-size: 26px;
margin-top: 4px;
text-shadow: 0 0 1px #00000033;
}
.opt-silver label:before {
background: #1e88e5;
}
.opt-silver_bg_01 [type="radio"]:checked+label:after {
background-color: #1e88e5 !important;
border-color: #1e88e5 !important;
}
/* Graphite */
.opt-graphite_bg  {
background: #ff9100 ;
border-radius: 15%
}
.opt-graphite label:before {
background: #ff9100 ;
}
.opt-graphite_bg_01 [type="radio"]:checked+label:after {
background-color: #ff9100  !important;
border-color: #ff9100  !important;
}
.opt-graphite_bg_h1 {
color: #ff9100 ;
font-size: 26px;
margin-top: 4px;
text-shadow: 0 0 1px #ff9100 ;
}
/* Blue Steel */
.opt-blue-steel_bg   {
background: #dd2c00;
border-radius: 15%
}
.opt-blue-steel label:before {
background: #dd2c00;
}
.opt-blue-steel_bg_01 [type="radio"]:checked+label:after {
background-color: #dd2c00 !important;
border-color: #dd2c00 !important;
}
.opt-blue-steel_bg_h1 {
color: #dd2c00;
font-size: 26px;
margin-top: 4px;
text-shadow: 0 0 1px #00000033;
}
/* Rose Gold */
.opt-rose-gold_bg {
background: #ff4081 ;
border-radius: 15%
}
.opt-rose-gold label:before {
background: #ff4081 ;
}
.opt-rose-gold_bg_01 [type="radio"]:checked+label:after {
background-color: #ff4081  !important;
border-color: #ff4081  !important;
}
.opt-rose-gold_bg_h1 {
color:#ff4081 ;
font-size: 26px;
margin-top: 4px;
text-shadow: 0 0 1px #00000033;
}
/* Crimson */
.opt-crimson_bg {
background: #0277bd ;
border-radius: 15%
}
.opt-crimson label:before {
background: #0277bd ;
}
.opt-crimson_bg_01 [type="radio"]:checked+label:after {
background-color:#0277bd  !important;
border-color:#0277bd  !important;
}
.opt-crimson_bg_h1 {
color: #0277bd ;
font-size: 26px;
margin-top: 4px;
text-shadow: 0 0 1px #00000033;
}
/* Electric Blue */
.opt-electric-blue_bg {
background: #bdbdbd;
border-radius: 15%
}
.opt-electric-blue label:before {
background: #bdbdbd;
}
.opt-electric-blue_bg_01 [type="radio"]:checked+label:after {
background-color:#bdbdbd !important;
border-color: #bdbdbd !important;
}
.opt-electric-blue_bg_h1 {
color: #bdbdbd;
font-size: 26px;
margin-top: 4px;
text-shadow: 0 0 1px #00000033;
}
/* Mint Green */
.opt-mint-green_bg {
background: #7b1fa2 ;
border-radius: 15%
}
.opt-mint-green label:before {
background: #7b1fa2 ;
}
.opt-mint-green_bg_01 [type="radio"]:checked+label:after {
background-color:#7b1fa2  !important;
border-color: #7b1fa2  !important;
}
.opt-mint-green_bg_h1 {
color:#7b1fa2 ;
font-size: 26px;
margin-top: 4px;
text-shadow: 0 0 1px #00000033;
}
/* Black */
.opt-blacK_bg  {
background: linear-gradient(-180deg, #636363 0%, #090908 100%);
border-radius: 15%
}
.opt-black label:before {
background: linear-gradient(-180deg, #636363 0%, #090908 100%);
}
.opt-black_bg_01 [type="radio"]:checked+label:after {
background-color: #636363 !important;
border-color: #636363 !important;
}
.opt-black_bg_h1 {
color: #636363;
font-size: 26px;
margin-top: 4px;
text-shadow: 0 0 1px #00000033;
}
/* Rust */
.opt-rust_bg  {
background: #3f51b5 ;
border-radius: 15%
}
.opt-rust label:before {
background: #3f51b5 ;
}
.opt-rust_bg_01  [type="radio"]:checked+label:after {
background-color:#3f51b5  !important;
border-color: #3f51b5  !important;
}
.opt-rust_bg_h1 {
color:#3f51b5 ;
font-size: 26px;
margin-top: 4px;
text-shadow: 0 0 1px #00000033;
}
span.adicionar_educar {
float: right;
position: absolute;
font-size: 13px;
margin-top: 29px;
color: white;
text-shadow: 0px 1px #0000004d;
margin-left: -13px;
}
.tipo-formato {width: 86px;height: 45px;border-radius: 12px;color: white;text-align: center;margin-top: 2px;padding-top: 13px;font-size: 11px;margin: auto;text-overflow: ellipsis;overflow: hidden;/* width: 93px !important; *//* height: 1.2em; */white-space: nowrap;color: white !important;}

h2.text.text-1 {
font-size: 8px !important;
padding-top: 2px;
color: white !important;
}




.esp_left {margin-left: 0px !important;}
#busca_educar {
float: right;
margin-bottom: 15px;
}
#compartilhado {
margin-bottom: 14px;
}
.sucesso {
border-style: none !important;
border-radius: 81px  !important;
width: 80px  !important;
}
.remover {
border-style: none !important;

border-radius: 42px  !important;
width: 80px;
/* padding-top: 0px; */
margin-top: 5px  !important;
}
.btn btn-success {
border-style: none !important;
border-radius: 81px  !important;
width: 80px  !important;
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
font-size: 14px;
}
.toast-container {
color: #FFFFFF !important;
}

.nav-fill .nav-item {
background-color: #FFFFFF;
}
.modal-backdrop {
background-color: #00000073 !important;
}
@media (max-width: 768px) {
#itens_menu {
float: left;
margin-top: 28px;
margin-left: 10px;
display: none !important;
font-size: 0.8rem;
}
.modal-title {
margin: 0 !important;
padding-top: 7px !important;
margin-left: -18px !important;
}
.espaco_dir {
margin-right: 0px;
}
.p-3 {
padding: 0rem !important;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0.6rem !important;
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
font-size: 12px;
}
span.adicionar_educar {
float: right;
position: absolute;
font-size: 10px;
margin-top: 29px;
color: white;
text-shadow: 0px 1px #0000004d;
margin-left: -13px;
}
.container-fluid {
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-right: 0px;
margin-left: 0px;
background-color: #FFFFFF !important;
}
.modal-title {
font-size: 1.5rem;
}
}
.just {
width: 115% !important;
}
.modal-title {margin: -3px !important;line-height: 0.428571 !important;float: right !important;color: #000000 !important;margin-left 11px !important;}
@media (max-width: 608px) {
#cke_biblioteca_texto_descritivo {
margin-left: 9px !important;
}
}
@media (min-width: 768px) {
.container {width: 96%!important;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container-fluid {
background-color: #f5f5f5 !important;
}
#page-wrapper {
width: 101%!important;
padding: 0!important;
margin-left: -1px!important;
margin-top: 32px;
background-color: #efefef!important;
}
#itens_menu {
float: left;
margin-top: 28px;
margin-left: 70px;
font-size: 1rem;
}
.home {
margin-left: 3px !important;
margin-right: 23px !important;
}
.espaco_cart {
padding-right: 27px !important;
margin-top: 12px;
margin-bottom: 38px;
padding-top: 19px;
padding-bottom: 19px;
padding-left: 27px !important;
font-size: 12px;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -8px !important;
margin-left: -8px !important;
}
.modal-header .close
{font-size: 2rem !important;color: #000000 !important;margin-right: 8px;padding-right: 8px;}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
/* color: #FFFFFF; */
filter: alpha(opacity=50);
opacity: 1.5 !important;
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
}
}
@media (max-width: 868px) {
.baixo {
margin-bottom: 25px;
color: #555555;
text-align: center;
margin-top: 25px;
}
.espaco_cart {
padding-right: 27px !important;
margin-top: 12px;
margin-bottom: 38px;
padding-top: 19px;
padding-bottom: 19px;
padding-left: 27px !important;
font-size: 12px;
}
}
body.modal-open {
overflow: hidden  !important;
}
.modal-dialog .modal-content .modal-header {
-webkit-border-top-left-radius: .125rem !important;
border-top-left-radius: .125rem !important;
-webkit-border-top-right-radius: .125rem !important;
border-top-right-radius: 1.125rem !important;
background-color: #FF3547;
color: #FFFFFF;
}
.modal-sm	
{position: relative !important;width: auto !important;/* margin-top: 96px !important; *//* margin-right: auto !important; *//* margin-left: auto !important; */margin-bottom: auto  !important;/* display: inline-block; *//* text-align: left; *//* vertical-align: middle; */width: 84% !important;margin: auto !important;margin-top: 98px !important;}
.deletar  {
position: relative;
width: auto;
margin: auto;
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: 0.8rem !important;
border-top-right-radius: 0.8rem !important;
}
.fa-pencil
{
color: #FFFFFF !important;
}
.danger a:hover {
background-color: #F30003 !important;
}
.toast-info {
background-color: #33b5e5;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR…b0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important;
}
.salvacao  {
border-radius: 20px !important;
width: 99% !important;
background-color: #FFFFFF !important;
border: 1px solid #3662B7 !important;
color: #2D5BB4 !important;
}
.salvacao:hover  {
border-radius: 20px !important;
width: 99% !important;
background-color: #2D5BB4 !important;
border: 1px solid #3662B7 !important;
color: #FFFFFF !important;
}
#toast-message
{
color: #FFFFFF !important;
}
.toast-message
{
color: #FFFFFF !important;
}


.salvacao_p  {
border-radius: 20px !important;
width: 100% !important;
margin-right: 0px !important;
margin-left: 0px !important;
padding-right: auto;
padding-left: auto;
background-color: #FFFFFF !important;
border: 1px solid #f66035 !important;
color: #f66035 !important;
}
.salvacao_p:hover  {
border-radius: 20px !important;
width: 100% !important;
margin-right: 0px !important;
margin-left: 0px !important;
padding-right: auto;
padding-left: auto;
background-color: #f66035 !important;
border: 1px solid #f66035 !important;
color: #FFFFFF !important;
}

.salvacao_f  {
border-radius: 20px !important;
width: 100% !important;
margin-right: 0px !important;
margin-left: 0px !important;
padding-right: auto;
padding-left: auto;
background-color: #FFFFFF !important;
border: 1px solid #969696  !important;
color: #969696  !important;
}
.salvacao_f:hover  {
border-radius: 20px !important;
width: 100% !important;
margin-right: 0px !important;
margin-left: 0px !important;
padding-right: auto;
padding-left: auto;
background-color: #969696  !important;
border: 1px solid #969696  !important;
color: #FFFFFF !important;
}




/*
.salvacao_p  {
background: linear-gradient(40deg,#ff6ec4,#7873f5)!important;
border-radius: 20px !important;
width: 80% !important;
margin-right: 36px !important;
margin-left: 36px !important;
padding-right: auto;
padding-left: auto;
}
*/
.save_fecha  {
border-radius: 20px !important;
width: 99% !important;
padding-right: auto;
padding-left: auto;
background-color: #FFFFFF !important;
border: 2px solid #3662B7 !important;
color: #2D5BB4 !important;
}
.save_fecha:hover  {
border-radius: 20px !important;
width: 99% !important;
padding-right: auto;
padding-left: auto;
background-color: #2D5BB4 !important;
border: 2px solid #3662B7 !important;
color: #FFFFFF !important;
}
.btn .fa {
position: relative !important;
font-size: 1.0rem !important;
margin-left: 2px !important;
}
.fa-eye {
position: relative;
font-size: .9rem;
color: #FFFFFF;
}
.jumbotron {
padding-top: 47px;
padding-bottom: 23px;
}
.criar {color: #FFFFFF;background: #F66035!important;border-radius: 20px !important;padding-top: 14px !important;padding-right: 14px !important;padding-bottom: 14px !important;padding-left: 14px !important;width: 100% !important;margin-right: 0px !important;margin-left: 0px !important;margin: auto;margin-top: 15px !important;}
.criar:hover  {background: #FFFFFF !important;border-radius: 20px !important;padding-top: 14px !important;padding-right: 14px !important;padding-bottom: 14px !important;padding-left: 14px !important;width: 100% !important;margin-left: 0px !important;color: #F66037 !important;border: 1px solid #F66037!important;}
.aulas {
border-radius: 50px !important;
width: 100% !important;
padding-right: auto;
padding-left: auto;
background-color: #FFFFFF !important;
border: 2px solid #FF6700 !important;
color: #FF6700 !important;
padding-top: 8px;
padding-bottom: 8px;
margin-bottom: 8px;
margin-top: 15px;}
}
.editar {
color: #00c851 !important;
background-color: #00c851 !important;
}
.btn-editar {
background-color: #00c851 !important;
color: #fff!important;
}
.avalia {
background-color: #FFCE00 !important;
color: #fff!important;
}
#frame-spec{
overflow-y: hidden;
}
.topo_menu_interno
{
margin-top: 39px;
}
.modal-title {
margin: 0;
line-height: 0.428571;
float: right;
color: #FFFFFF;
}
.modal-title {
font-size: 1.5rem;
}
.modal-header {
min-height: 15.43px !important;
padding: 4px !important;
border-bottom: 1px solid #DFDFDF;
border-top-color: #DFDFDF;
border-right-color: #DFDFDF;
border-left-color: #DFDFDF;
}
.col-12 #nav-tabContent #nav-testes {
}

.full {
width: 100%;
margin-top: 3px;
margin-right: 3px;
margin-bottom: 3px;
margin-left: -22px !important;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.positioncurrent {
border-radius: 52px !important;
border: 2px solid #CBCBCB !important;
text-align: center;
color: #82A0F3;
font-size: 9px !important;
width: 23%  !important;
}
#perfil_aluno
{
padding-left: 0px !important;
}
#perfil_professor
{
padding-left: 0px !important;
}
.data_notoficacao {
float: right;
position: relative;
font-size: 12px;
color: #b5b5b5;
}
form input {border-bottom: 2px solid !important;transition: border-color .5s ease-out !important;color: #7b7b7b !important;height: 32px;}
form input:optional {
border-bottom-color: #E3E3E3 !important;
border-bottom: 1px;
}
form input:required {border-bottom-color: #E3E3E3 !important;}
form input:invalid {border-bottom-color: red !important;border-bottom: 1px;}
form select:invalid {
/* border-bottom-color: red !important; */
/* border-bottom: 1px; */
border: 2px solid red;
}
form radio:invalid {
/* border-bottom-color: red !important; */
/* border-bottom: 1px; */
border: 2px solid red;
}
form textarea:invalid {
/* border-bottom-color: red !important; */
border: 2px solid red;
}
input[type="radio"]:invalid + label {
border-bottom-color: red !important;
color: red !important;
}
.form-check-input[type=radio]:invalid+label
{
border-bottom-color: red !important;
color: red !important;
}
.form-check-input:checked ~ label {
color: blue;
}
label {
display: block;
flex: 1;
}
.input-group {
display: block;
}
.espacos-topo-pdf {
margin-top: 0;
margin-bottom: 0px;
padding-top: 49px !important;
padding-bottom: 0px;
}
.mb-4, .my-4 {
margin-bottom: -2.5rem !important;
}
.fa {
margin-right: 6px  !important;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 0;
background-color: transparent;
}
header {
margin-top: 0px;
width: 100%;
height: 65px;
background: #111 url(https://educarfacil.com.br/ead/img/bg_header.png) repeat-x;
position: fixed;
z-index: 9999;
}
/*
DEMO STYLE
*/
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
font-family: 'Poppins', sans-serif;
background: #fafafa;
}
#roda_educar {
text-align: center;
width: 100%;
height: 69px;
}
p {
font-family: 'Poppins', sans-serif;
font-size: 1.1em;
font-weight: 300;
line-height: 1.7em;
color: #999;
}
a,
a:hover,
a:focus {
color: inherit;
text-decoration: none;
transition: all 0.3s;
}
.navbar {
padding: 15px 10px;
background: #fff;
border: none;
border-radius: 0;
margin-bottom: 40px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-btn {
box-shadow: none;
outline: none !important;
border: none;
}
.line {
width: 100%;
height: 1px;
border-bottom: 1px dashed #ddd;
margin: 40px 0;
}
/* ---------------------------------------------------
SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
display: flex;
width: 100%;
align-items: stretch;
}
#sidebar {
min-width: 182px;
max-width: 182px;
background: #7386D5;
color: #fff;
transition: all 0.3s;
}
#sidebar.active {
margin-left: -183px;
}
a[data-toggle="collapse"] {
position: relative;
}
.dropdown-toggle::after {
display: block;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.mb-4, .my-4 {
margin-bottom: -0.5rem !important;
}
/* ---------------------------------------------------
CONTENT STYLE
----------------------------------------------------- */
#content {
width: 100%;
min-height: 100vh;
transition: all 0.3s;
}
/* ---------------------------------------------------
MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
#sidebar {
margin-left: -183px;
}
#sidebar.active {
margin-left: 0;
}
}
.topo_menu_interno {
margin-top: 16px !important;
}
.container {
width: 100%;
padding-right: 0px !important;
padding-left: 0px !important;
margin-right: auto !important;
margin-left: auto !important;
}
.blue-text {
color: #2196f3!important;
}
.jumbotron {
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)  !important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)  !important;
-webkit-border-radius: .125rem  !important;
border-radius: .125rem  !important;
background-color: #fff  !important;
}
.container {
max-width: 100% !important;
}
.jumbotron {
margin-right: 5px !important;
margin-left: 5px !important;
}
table.table thead th {border-top: none;color: #ffffff !important;padding-top: 1px;}
.jumbotron {
margin-top:38px;
padding-top: 14px;
}
h6, .h6 {
font-size: 1.2rem  !important;
}
.jumbotron {
padding-top: 45px;
padding-bottom: 30px;
margin-bottom: 30px;
color: #4A4A4A;
background-color: #fff !important;
font-weight: lighter;
text-transform: uppercase;
font-size: 6rem !important;
line-height: 2rem !important;
}
.jumbotron {
padding-top: 34px;
padding-bottom: 34px;
margin-left: 9px !important;
margin-right: 9px !important;
border-radius: 10px !important;
margin-bottom: 34px;
margin-top: 52px;
margin-left: 5px !important;
margin-right: 5px !important;
}
.btn-info {
/* color: #fff; */
/* background-color: #17a2b8; */
border-color: transparent !important;
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: transparent !important;
}
.btn-primary:hover {
color: #fff;
/* background-color: #0069d9; */
border-color: #ffffff;
}
.danger:hover	 {
background-color: #FF0004 !important;
color: #FFFFFF;
}
.modal-header {
min-height: 16.43px;
padding: 15px;
border-bottom: 2px solid #1087b3 !important;
min-height: 15.43px !important;
}
.modal-title {
font-size: 1.2rem  !important;
}
.pb-2, .py-2 {
padding-bottom: 0rem !important;
}
.pt-2, .py-2 {
padding-top: 0rem !important;
}
a {
text-decoration: none  !important;
}
a:hover {
text-decoration: none  !important;
}
a:link {
text-decoration: none  !important;
}
.md-form {
position: relative !important;
margin-top: 0 !important;
margin-bottom: 1.5rem !important;
}
.form-check.dir_esq {
}
.form-check {padding-left: 0px !important;}
#navbar {
transition: top 0.3s;
z-index: 250;
position: fixed;
top: 0;
width: 100%;
display: block;
}
.modal-header {
min-height: 15.43px;
padding: 4px;
border-bottom: 1px solid #e5e5e5;
}
@media only screen and (max-width: 700px) {
.espaco_notif {
margin-left: 18px;
height: 45px !important;
font-size: 12px;
}
}
.data_notoficacao {
float: right;
position: relative;
font-size: 10px;
color: #ffffff;
margin-top: -57px;
text-shadow: 0 1px #0000002b;
}
.quantidade_de_notificacao {
float: right;
color: #282828;
margin-left: -12px;
width: 15px;
background-color: white;
height: 15px;
position: relative;
border-radius: 30px;
font-size: 10px;
margin-top: 10px;
}
@media (min-width: 768px) {
#itens_menu {
float: left;
margin-top: 28px;
margin-left: 70px;
font-size: 1rem;
}
.col-12.col-sm-4.border-light.espaco_dir.animated.bounceInRight {
margin-left: -6px !important;
}
.home {
margin-left: 2px!important;
margin-right: 27px!important;
}
}
.pt_al {
padding: 1rem;
font-size: 2.5rem !important;
color: #fff;
text-align: left;
-webkit-border-radius: 3px;
border-radius: 54px;
margin-top: -38px;
margin-left: 6px;
margin-bottom: 12px;

width: 81px !important;
height: 81px !important;
/* padding-left: 13px; */
border-radius: 10px !important;
padding-top: 22px;
}
.pt_al_teste {
padding: 1rem;
font-size: 2.5rem !important;
color: #fff;
text-align: left;
-webkit-border-radius: 3px;
border-radius: 54px;
margin-top: -38px;
margin-left: 7px;
margin-bottom: 12px;
width: 81px !important;
height: 81px !important;
padding-left: 22px;
border-radius: 10px !important;
padding-top: 22px;
}
.modal-dialog.modal-notify.modal-success {
margin: auto;
margin-top: 13vh;
}
.qtip {
display: inline-block;
position: relative;
cursor: pointer;
color: #3bb4e5;
border-bottom: 0.05em dotted #3bb4e5;
box-sizing: border-box;
font-style: normal;
transition:all .25s ease-in-out
}
/*the tip*/
.qtip:before {
content: attr(data-tip);
font-size: 14px;
position: absolute;
background: rgba(10, 20, 30, 0.85);
color: #fff;
line-height: 1.2em;
padding: 0.5em;
font-style: normal;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
min-width: 220px;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all .3s ease-in-out;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
font-family: sans-serif;
letter-spacing: 0;
font-weight: 600
}
.qtip:after {
width: 0;
height: 0;
border-style: solid;
content: '';
position: absolute;
opacity: 0;
visibility: hidden;
transition: all .3s ease-in-out
}
.qtip:hover:before,
.qtip:hover:after {
visibility: visible;
opacity: 1
}
/*top*/
.qtip.tip-top:before {
top: 0;
left: 50%;
transform: translate(-50%, calc(-100% - 8px));
box-sizing: border-box;
border-radius: 3px;
}
.qtip.tip-top:after {
border-width: 8px 8px 0 8px;
border-color: rgba(10, 20, 30, 0.85) transparent transparent transparent;
top: -8px;
left: 50%;
transform: translate(-50%, 0);
}
/*bottom*/
.qtip.tip-bottom:before {
bottom: 0;
left: 50%;
transform: translate(-50%, calc(100% + 8px));
box-sizing: border-box;
border-radius: 3px;
}
.qtip.tip-bottom:after {
border-width: 0 8px 8px 8px;
border-color: transparent transparent rgba(10, 20, 30, 0.85) transparent;
bottom: -8px;
left: 50%;
transform: translate(-50%, 0);
}
/*left*/
.qtip.tip-left:before {
left: 0;
top: 50%;
transform: translate(calc(-100% - 8px), -50%);
box-sizing: border-box;
border-radius: 3px;
}
.qtip.tip-left:after {
border-width: 8px 0 8px 8px;
border-color: transparent transparent transparent rgba(10, 20, 30, 0.85);
left: -8px;
top: 50%;
transform: translate(0, -50%);
}
/*right*/
.qtip.tip-right:before {
right: 0;
top: 50%;
transform: translate(calc(100% + 8px), -50%);
box-sizing: border-box;
border-radius: 3px;
}
.qtip.tip-right:after {
border-width: 8px 8px 8px 0;
border-color: transparent rgba(10, 20, 30, 0.85) transparent transparent;
right: -8px;
top: 50%;
transform: translate(0, -50%);
}
/*some styles for this example*/
code {
color: #3bb4e5;
font-size: 0.8em;
padding: 1em;
background: rgb(10,20,30);
display: block;
text-align:left;
}
.qcontent {
color: #ff0;
font-weight: bold
}
.qclass {
color: #dd0;
font-weight: bold
}
.qtip:hover {
color: #069;
border-bottom: .05em dotted #069;
z-index: 9;
}
.educar-tip-left {
width: 10px;
margin-left: 97%;
margin-bottom: 17px;
}
p.p-responsive.font-weight-bold.text-center.my-5 {
/* margin-top: 3rem!important; */
width: 81%;
margin: auto;
padding-top: 5px;
margin-top: -11px !important;
font-size: 20px ;
margin-bottom: 30px !important;
}
#nome_perfil {
width: 97%;
text-transform: capitalize  !important;
color: #888888  !important;
}
#nome_perfil {
width: 98%;
}
#perfil {
width: 100%;
line-height: 4px;
text-align: center;
}
div#muda_perfil_voltar_topo {
float: left;
width: 196px;
margin-top: 150px;
position: fixed;
z-index: 999;
}

#muda_perfil_voltar_topo .seta {
    float: left;
    width: 196px;
    margin-top: 151px !important;
    position: fixed;
    z-index: 999;
  
}





div#espaco_educar_disc {
width: 73%;
margin: auto;
}
div#espaco_educar_disc_md {
font-size: 10px!important;
width: 90%;
margin: auto;
margin: auto;
border-radius: 9px;
margin-bottom: 10px;
background: #3356aeba;
margin-bottom: 42px!important;
padding: 11px;
text-align: center;
margin-top: 30px;
padding-top: 6px;
}
div#tm_total {
margin-bottom: -14px;
margin-top: -15px;
}
.jumbotron {
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
}
.self-tip-left {
width: 96%;
text-align: right;
}
div#icon_self {
width: 43px;
font-size: 31px;
}
.z-depth-2 {
-webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;
box-shadow: 0 3px 2px 0 rgba(0,0,0,0.2),0 1px 0px 0 rgba(0,0,0,-2.81)!important;
}
.nav-side-menu li a i {
padding-left: 10px;
width: 20px;
padding-right: 20px;
font-size: 15px;
}
.input-group-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #ffffff;
border: 1px solid #f7f7f7;
border-radius: 0.25rem;
}
div#icon_self {
width: 43px;
font-size: 31px;
float: left;
}
.lead {
font-size: 1rem;
font-weight: 300;
padding-left: 7px;
}
.fc-past {
background-color: silver;
}
.topo_menu_interno {
margin-top: 39px !important;
padding-right: 0px !important;
}
.duvida {
float: right;
width: 20px;
color: #021d44;
background-color: white;
border-radius: 50px;
box-shadow: 1px 0 0 1px #cecece;
text-align: center;
height: 20;
font-size: 13px;
margin-right: -6px;
margin-top: -8px;
}
.testimonial-card .card-up {
overflow: hidden;
height: 120px;
-webkit-border-top-left-radius: .25rem;
border-top-left-radius: .25rem;
-webkit-border-top-right-radius: .25rem;
border-top-right-radius: .25rem;
}
.testimonial-card .avatar {
-webkit-border-radius: 50%;
border-radius: 50%;
width: 120px;
margin-top: -60px;
overflow: hidden;
border: 5px solid #fff;
}
.info-color {
background-color: #33b5e5!important;
}
#frame-spec{
overflow-y: hidden;
}
.topo_menu_interno
{
margin-top: 39px;
}
.col-12 #nav-tabContent #nav-testes {
}
.espaco {margin-top: 13px;margin-bottom: 14px;padding-top: 0px;padding-bottom: 17px;}
.border {
border: 1px solid #ffffff !important;
margin-top: 4px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-radius: 1rem !important;
box-shadow: 1px 1px 2px #f1f1f1e3;
background-color: #ffffff;
}
.small-box.bg-green {
background-color: #28a745;
margin: 5px;
padding: 2px;
color: white;
}
#remover_esse	
{
font-size: 18px;
color: #DF0003;
}
#nav-home {
margin-top: -23px;
}
#tipo_trilha {
color: #787878;
font-size: 13px;
}
#nome {
color: #6A6A6A;
font-weight: bold;
text-transform: uppercase;
}
#titulo {
font-size: 11px;
}
.titulo_mold_self {
}
#rodape_alunos {
width: 100%;
}
.self_pad {
max-width: 90% !important;
width: 90% !important;
box-shadow: 0px 2px 0px 0px #00000057;
margin-bottom: 5px;
}
#trilha_md_br {
text-align: center;
font-size: 9px;
margin-top: 153px;
background-color: #FFFFFF;
color: #000000;
border-radius: 100px;
margin-bottom: -28px;
margin-right: auto;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
margin-left: 42%;
z-index: 55;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 18px;
padding-right: 20px;
max-width: 36%;
position: absolute;
}
.alert {
z-index: 999;
}
#alert_altentique_e-mail {
padding-top: 17px;
padding-right: 29px;
padding-bottom: 16px;
padding-left: 17px;
color: #000;
border: 1px solid #ff0105;
margin-top: 23px;
font-weight: bold;
/* margin-right: 14px; */
/* margin-left: auto; */
/* margin-right: 44px; */
width: 91%;
background-color: white;
margin: auto;
}
.md_self_tr {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 8px;
padding-top: 8px;
padding-bottom: 7px;
padding-left: 8px;
background-color: #0a1b29;
color: #fff;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
margin-bottom: -10px;
border-style: none;
border-width: 0px;
box-shadow: 0px 2px 1px #0000005c;
font-weight: 100;
font-size: 7px!important;
box-shadow: 0px 2px 3px 0px #00000054;
}
.espaco_al {
padding-left: 11px;
}
.roxo {
background-color: #25128e;
}
.card-cascade {
border-radius: 8px !important;
}
.combo_grafic {margin-top: 55px !important;margin-right: auto !important;margin-left: auto !important;width: 98% !important;margin-bottom: 24px !important;}
.menu_triha {border-color: #FFFFFF;font-size: 28px;float: left;/* padding-right: 5px; */padding-top: -5px;padding-bottom: 0px;/* padding-left: 45px; */list-style-type: none;border-style: none;color: #cccccc !important;/* box-shadow: 0 1px 2px black; *//* margin-left: 49px; */}
.menu_triha:hover {
color: #f66035 !important;
background-color: #ffffff00 !important;
}
button, select {
text-transform: none;
}
button, input {
overflow: visible;
}
.dropdown-menu {
position: absolute;
transform: translate3d(-6px, 48px, 0px) !important;
top: -17px !important;
left: -75px !important;
will-change: transform;
}
.cl_p {
color: #000000 !important;
}
.titulo_trilha {
width: 98.5%;
color: #4A4A4A !important;
background-color: #fbfbfb;
border-radius: 2px;
padding-top: 14px;
/* text-align: center; */
margin: auto;
padding: 9px;
margin-top: 1px;
box-shadow: 0 1px 2px #d0d0d0;
font-weight: bold;
margin-top: 3px;
/* font-size: 13px; */
}
#titulo {
/* background: #4183f0; */
width: 120px;
margin-left: auto;
margin-right: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
font-size: 0.5rem;
}
#fitrar {
width: 100%;
border: 1px solid #D5D5D5;
padding: 10px;
background-color: #fbfbfb;
border-radius: 3px;
box-shadow: 0px 2px 3px 0px #00000054;
margin-bottom: 15px;
}
.central {
text-align: center;
color: #3662b7 !important;
font-size: 12px;
}
@media (max-width: 768px) {
.container {padding-top: 18px !important;padding-left: 0px !important;margin-right: auto !important;margin-left: 3px !important;}
.espaco_dir {
margin-right: 0px;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.card-cascade {
margin-bottom: 46px !important;
sssss
}
}
@media (min-width: 768px) {
.quadro_espace_centro {
/* margin: 15px; */
margin-left: 29px;
margin-right: 29px;
}
}
@media (max-width: 768px) {
#alert_altentique_e-mail {
padding-top: 17px;
padding-right: 12px;
padding-bottom: 16px;
padding-left: 11px;
color: #000000;
border: 1px solid #FF0105;
/* margin-top: 23px; */
font-weight: bold;
margin-right: 14px;
margin-left: auto;
/* padding-left: 10px; */
margin-right: 44px;
width: 100%;
margin-top: 35px;
margin-bottom: -31px;
} }
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 0px;
margin-left: 0px;
}
#conteudo {
width: 400px;
height: 300px;
}
.page {
height: 118px;
color: rgba(0,104,215,1.00);
text-align: center;
padding-top: 0px;
border-radius: 3px;
background-color: white;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
padding-bottom: 7px;
margin-bottom: 20px;
margin-right: 0px;
margin-left: 0px;
margin-top: 4px;
font-size: 9;
}
#page_center {
width: 70%;
height: 93%;
margin-right: auto;
margin-left: auto;
text-align: center;
padding-top: 18px;
font-size: 14 !important;
}
#page_center H6 {
font-size: 12 !important;
}
.content {
position: relative;
animation: animatop 0.9s cubic-bezier(0.425, 1.14, 0.47, 1.125) forwards;
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.carde {
height: 183px;
padding: 8px;
border-radius: 3px;
background-color: white;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
position: relative;
overflow: hidden;
margin-bottom: 5px;
}
.carde:after {
content: '';
display: block;
width: 190px;
height: 300px;
background-color: linear-gradient(to top,#a8edea 0,#fed6e3 100%);
position: absolute;
animation: rotatemagic 0.75s cubic-bezier(0.425, 1.04, 0.47, 1.105) 1s both;
background-image: -webkit-linear-gradient(90deg,rgba(168,199,237,1.00) 0%,rgba(255,255,255,1.00) 100%);
background-image: -moz-linear-gradient(90deg,rgba(168,199,237,1.00) 0%,rgba(255,255,255,1.00) 100%);
background-image: -o-linear-gradient(90deg,rgba(168,199,237,1.00) 0%,rgba(255,255,255,1.00) 100%);
background-image: linear-gradient(0deg,rgba(168,199,237,1.00) 0%,rgba(255,255,255,1.00) 100%);
}
.badgescard {
padding: 10px 20px;
border-radius: 3px;
background-color: #3354ad;
width: 480px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
position: absolute;
z-index: -1;
left: 10px;
bottom: 10px;
animation: animainfos 0.5s cubic-bezier(0.425, 1.04, 0.47, 1.105) 0.75s forwards;
}
.badgescard span {
font-size: 1.6em;
margin: 0px 6px;
opacity: 0.6;
}
.firstinfo {
flex-direction: row;
z-index: 2;
position: relative;
text-align: center;
}
.firstinfo img {
border-radius: 50%;
width: 80x;
height: 80px;
}
.firstinfo .profileinfo {
padding: 0px 0px;
}
.firstinfo .profileinfo h1 {
font-size: 1.8em;
}
.firstinfo .profileinfo h3 {
font-size: 1.2em;
color: #3354ad;
font-style: italic;
}
.firstinfo .profileinfo p.bio {
padding: 10px 0px;
color: #3354ad;
line-height: 1.2;
font-style: initial;
}
@keyframes animatop {
0% {
opacity: 0;
bottom: -500px;
}
100% {
opacity: 1;
bottom: 0px;
}
}
@keyframes animainfos {
0% {
bottom: 10px;
}
100% {
bottom: -42px;
}
}
@keyframes rotatemagic {
0% {
opacity: 0;
transform: rotate(0deg);
top: -24px;
left: -253px;
}
100% {
transform: rotate(-30deg);
top: -24px;
left: -78px;
}
}
#sortable {
width: 100%px;
}
#sortable > div {
float: left;
}
.espaco_trilha {
margin-top: 13px;
margin-bottom: 14px;
padding-top: 9px;
padding-bottom: 0px;
}
.order {
width: 35px !important;
float: left;
max-height: 23px !important;
}
.espaco_dir {
margin-right: 4px;
}
.espaco_d {
margin-bottom: 5px;
margin-top: 11px;
}
.pb-3, .py-3 {
padding-bottom: 0px !important;
}
.pt-3, .py-3 {
padding-top: 0rem !important;
}
#trilha_md {color: #6b6b6b;/* text-align: center; */padding-top: 12px;border-radius: 3px;background-color: white;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);padding-bottom: 11px;margin-right: 0px;margin-left: 0px;margin-top: 4px;font-size: 14px;width: 100% !important;float: left;}
/*
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
left: 50%;
margin-left: -1.5px;
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
width: 46%;
float: left;
border: 1px solid #d4d4d4;
border-radius: 2px;
padding: 20px;
position: relative;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline > li > .timeline-badge {
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -25px;
background-color: #999999;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-badge.primary {
background-color: #2e6da4 !important;
}
.timeline-badge.success {
background-color: #3f903f !important;
}
.timeline-badge.warning {
background-color: #f0ad4e !important;
}
.timeline-badge.danger {
background-color: #d9534f !important;
}
.timeline-badge.info {
background-color: #5bc0de !important;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0;
}
.timeline-body > p + p {
margin-top: 5px;
}
@media (max-width: 767px) {
ul.timeline:before {
left: 40px;
}
ul.timeline > li > .timeline-panel {
width: calc(100% - 90px);
width: -moz-calc(100% - 90px);
width: -webkit-calc(100% - 90px);
}
ul.timeline > li > .timeline-badge {
left: 15px;
margin-left: 0;
top: 16px;
}
ul.timeline > li > .timeline-panel {
float: right;
}
ul.timeline > li > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
ul.timeline > li > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
*/
.card-cascade {
margin-bottom: 15px;
}
.switch {/* position: relative; *//* display: inline-block; *//* height: 26px; *//* padding-top: 7px; *//* margin-top: 7px; *//* margin-left: 8px; */}
.vis-timeline {
position: relative;
border: 4px solid #ffffff;
overflow: hidden;
padding: 0;
margin: 0;
box-sizing: border-box;
}
.vis-item {
border-color: #E5EEFF;
background-color: #FFFFFF;
font-size: 15pt;
color: #424242;
box-shadow: 5px 5px 20px rgba(128,128,128, 0.5);
borderx-radius: 50px;
}
.vis-item.vis-dot {
border-width: 10px;
border-radius: 10px;
}
.vis-item.vis-selected {
border-color: green;
background-color: lightgreen;
}
.vis-time-axis .vis-text {
color: #073A9C;
padding-top: 10px;
padding-left: 10px;
}
.vis-time-axis .vis-text.vis-major {
font-weight: bold;
}
.vis-time-axis .vis-grid.vis-minor {
border-width: 2px;
border-color: #E5EEFF;
}
.vis-time-axis .vis-grid.vis-major {
border-width: 2px;
border-color: #E5EEFF;
}
.vis-item.vis-box {
text-align: center;
border-style: solid;
border-radius: 31px;
}
#profe_self {
position: absolute;
margin-left: -29px;
padding-left: 27px;
margin-top: -65px;
padding-top: 0px;
margin-right: 21px;
}
#profe_self_nome {
font-size: 13px;
color: #606060;
text-align: left;
margin-left: 27px;
margin-top: 3px;
max-height: 237px;
margin-right: 21px;
}
#aula_self {
font-size: 13px;
color: #606060;
text-align: left;
margin-left: 27px;
margin-top: 3px;
max-height: 237px;
}
#profe_self {
position: absolute;
margin-left: -92px;
padding-left: 0px;
margin-top: -24px;
font-style: normal;
/* padding-top: 0px; */
font-size: 10px;
background-color: #3662b7!;
border-radius: 53px;
-webkit-box-shadow: 0px 0px #B7B7B7;
box-shadow: 0px 0px #B7B7B7;
color: #676767;
background-color: #FFFFFF;
padding-bottom: 14px;
padding-top: 23px;
/* border-color: #006565; */
border-bottom-width: 6px;
/* border: 2px; */
}
#profe_self:after {
content: '';
position: absolute;
bottom: 0;
left: 94%;
width: 0;
height: 0;
border: 17px solid transparent;
border-top-color: #2c3c8d;
border-bottom: 0;
border-right: 0;
margin-left: -10.5px;
margin-bottom: -17px;
margin-top: -2px;
padding-top: 27px;
}
#nome_self {
font-size: 13px;
color: #606060;
text-align: left;
margin-left: 8px;
margin-top: 3px;
max-height: auto;
width: 200px;
word-break: break-all !important;
display: inline-block;
overflow-wrap: break-word !important;
word-wrap: break-word;
white-space: -moz-pre-wrap !important;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}
.sobe_b {
margin-bottom: 22px;
float: right;
margin-right: 10px;
}
#linha_tempo_trilhas {
text-align: center;
padding-top: 22px;
border-radius: 3px;
background-color: white;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
padding-bottom: 22px;
margin-right: 0px;
margin-left: 0px;
margin-top: 4px;
padding-right: 22px;
padding-left: 22px;
margin-bottom: 17px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)  !important;
}
.ordem {
float: right;
bottom: 0px;
position: relative;
background-color: #ECECEC;
color: #A4A4A4;
font-size: 8px;
margin-top: 3px;
margin-right: 3px;
margin-bottom: 3px;
margin-left: 3px;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
border-radius: 6px;
}
.self_pad_time {
}
.ordem_ordem {
float: left;
}
#comentario_self {
padding-right: 26px;
margin-right: 0px;
margin-left: 80px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 22px;
color: #A4A4A4;
font-style: normal;
font-size: 14px;
box-shadow: 1px 1px 1px #d4d4d4;
border-radius: 29px;
width: 214px;
word-break: break-all !important;
display: inline-block;
overflow-wrap: break-word !important;
word-wrap: break-word;
white-space: -moz-pre-wrap !important;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}
.cascading-admin-card .admin-up .fab, .cascading-admin-card .admin-up .far, .cascading-admin-card .admin-up .fas {
padding: 1.7rem;
font-size: 2rem;
color: #fff;
text-align: left;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.white-skin .primary-color, .white-skin ul.stepper li.active a .circle, .white-skin ul.stepper li.completed a .circle, ul.stepper li.active a .white-skin .circle, ul.stepper li.completed a .white-skin .circle {
background-color: #4285F4!important;
}
.z-depth-2 {-webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.0)!important;box-shadow: 0 1px 0px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.0)!important;}
.primary-color, ul.stepper li.active a .circle, ul.stepper li.completed a .circle {
background-color: #5c07a9!important;
}
.dropbtn {
background-color: #3498DB;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropbtn:hover, .dropbtn:focus {
background-color: #2980B9;
}
.dropdown {
position: relative;
display: inline-block;
float: right;
margin-right: -10px;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
overflow: auto;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown a:hover {
background-color: #ddd;
}
.show {
display: block;
}
.filter-button {
font-size: 12px;
border: 1px solid #efefef;
border-radius: 5px;
text-align: center;
color: #021d44;
margin-bottom: 6px;
background: white;
box-shadow: 1px 1px 1px #dedede;
}
.filter-button:hover
{
text-align: center;
color: #ffffff;
background-color: #021d44;
}
.btn-default:active .filter-button:active
{
background-color: #42B32F;
color: white;
}
.dropdown {
position: relative;
display: inline-block;
float: right;
}
@media (max-width: 767px)
.card-cascade {
margin-bottom: 21px;
}
@media (max-width: 768px)
. {
padding: 0.8rem !important;
}
@media (max-width: 768px)
{
.espaco_dir {
margin-right: 0!important;
margin-top: -34px !important;
}
}
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 8px  !important;
padding-left: 8px  !important;
}
@media (max-width: 1204x)
{
.combo_grafic {
margin-top: 37px !important;
margin-right: auto !important;
margin-left: auto !important;
margin-bottom: 17px <strong> </strong> width: 96% !important;
margin-bottom: 59px !important;
}
}
@media (max-width: 768px) {
#page-wrapper {width: 100% !important;padding: 0 !important;margin-left: -2px !important;}

}



.col-xl-6.col-lg-4.mb-6 {
margin-bottom: 27px;
}
.modal {
    /* right: 20px !important; */
}


  div#cadastre_img {
        width: 100%;
        text-align: center;
      }
      div#cadastre_educar {
        width: 100%;
        margin-top: 27px;
        text-align: center;
      }
      .tooltipeduc {
        cursor: help;
        -webkit-transform: translateZ(0);
        /* webkit flicker fix */
        -webkit-font-smoothing: antialiased;
        /* webkit text rendering fix */
      }
      .tooltipeduc .tooltip {
        background: #66058e;
        bottom: 100%;
        color: #fff;
        display: block;
        left: -64px;
        margin-bottom: 15px;
        opacity: 0;
        padding: 20px;
        pointer-events: none;
        position: absolute;
        width: 179px;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
        -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);

        -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      }
      /* This bridges the gap so you can mouse into the tooltip without it disappearing */
      .tooltipeduc .tooltip:before {
        bottom: -20px;
        content: " ";
        display: block;
        height: 20px;
        left: 0;
        position: absolute;
        width: 100%;
      }
      /* CSS Triangles - see Trevor's post */
      .tooltipeduc .tooltip:after {
        border-left: solid transparent 10px;
        border-right: solid transparent 10px;
        border-top: solid #66058e 10px;
        bottom: -10px;
        content: " ";
        height: 0;
        left: 50%;
        margin-left: -13px;
        position: absolute;
        width: 0;
      }
      .tooltipeduc:hover .tooltip {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
      }
      /* IE can just show/hide with no transition */
      .lte8 .tooltipeduc .tooltip {
        display: none;
      }
      .tooltip{
        font-size: 14px !important;
      }
      .lte8 .tooltipeduc:hover .tooltip {
        display: block;
      }
      .avatar_curso {
        width: 30px;
        height: 30px;
        float: left;
        margin: 4px;
        color: white;
        text-align: center;
        font-size: 14px;
        padding-top: 5px;
        FONT-WEIGHT: 800;
      }
      i.lar.la-comment-alt.primary-color.mr-3.z-depth-2.pt_al.green {
        background: #00c851 !important;
      }
      h2, .h2 {
        font-size: 19px;
        font-weight: 500 !important;
      }
      .btn-file.photo_pel {
        margin-top: -50px;
        /* left: 22px; */
        width: 58px;
        height: 58px;
        position: absolute;
      }
      .mt-1, .my-1 {
        margin-top: 1.25rem !important;
      }
      .modal-dialog.modal-notify.modal-info .fa {
        color: #969696;
        font-size: 27px;
        background: white;
        border-radius: 12px;
        padding: 10px;
        box-shadow: 1px 1px #b5b5b5;
        border-radius: 29px;
      }
      input:required:invalid, input:focus:invalid {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAj0lEQVQokY2QUQ3CQBBEH3WwFrBwSMACFmoBC2ehFmqBWqgEkICF4YMNzF0o6SaT3GRnd+cGSXwAF4EM16YvMdDWo+MrfeXWSVAE0V2IRBVUSSCYTTALnsYne98lcXjP7K7TACw7xSsQnlDp7Ch58ZT+iX8ObYnPW0NkbKM1a171hMbW0tfWTRDJI/nR//ACdAbKpjkPcWgAAAAASUVORK5CYII=');
        background-position: right top;
        background-repeat: no-repeat;
        -moz-box-shadow: none;
        background-size: 6px;
      }
      input:required:valid {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlBQUZERkY3OUFDQzExRUE4ODNGQjkwQTJFMThDOEEyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlBQUZERkY4OUFDQzExRUE4ODNGQjkwQTJFMThDOEEyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUFBRkRGRjU5QUNDMTFFQTg4M0ZCOTBBMkUxOEM4QTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUFBRkRGRjY5QUNDMTFFQTg4M0ZCOTBBMkUxOEM4QTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6UMArMAAAB4UlEQVR42uyXTSgEYRjHd9EqDjhsDtgTOcmZAyk3ik1y0CbKgeQkFEXZEycRcREOksMiJdbXpnzcOEjcKEkOXFahbfyf+qvXtrXmw6zDPPVr9n1ndva/83yOW9M013+yNNc/M0eQI8isZej9QnXIbdVvy40mwTWYjfg1Y4IssnSwAAIgBh7AZqpc5gFrFPMtrtWwy0xaNlgHtcreCmhLRVDngt04MXN8Up92C8oHR6BS2RsHXYwhW9PeByKgXNkbBgNAM532Oq2UbvJxLQJ6wIzuOoR6U8B0NGryRHboLhdd0w6WdVdqiBnB4QqUGRQjsXKoiHkHTcnEJBQEMYM4jIIcsA+KdYqppZvyuI6CerBhtJdJAL7xsxccgMJfivGDLdYbsRcK3DPTXE9BA/jguoiivEnuFWAFzuT6CdSAMyu6vfyjFqVGlIAw3ZjIJHMW2QbE7kAVuLRy/JAS36HUCsmabZAVd90QmGL3FruhmNu/mIeWQK+yrmBweihgAgSV8xeSF+D+L+ehafahMSWLVsEz6FSuOwF14NWOAS3I+OnjujHufJgZFrVzhO0H8wn2Q6wzpsXoFSTB3Q2Olb1z0KyUCNtn6hhjSGrLI5+Mpa++budV2hHkCHIEOYJ+2pcAAwCJzl9uG86NFgAAAABJRU5ErkJggg==');
        background-position: right top;
        background-repeat: no-repeat;
        /* background-size: 16px; */
      }
      form select:required:invalid {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAAsklEQVRYhe2WMQ7CMAxFX5k7l4qLMtKRAyIBpwkDREJVBbV/3HTIW6oOyX9xayvQaOycvuYeE/AETkL4EbgBV+vCHrgD6fMcHeHjbA9zJQbe9gl7JfLJE/AwrpUlioV7JIqHWyTCwtdIhIf/ktgsPDNvL7VdXXxXQjr5wSnQ/XkPpeonWPrhlIkph2fCJda0WpiEpc+LS3iGTDEJZcLJEru4kJzRZ3uuxMW7QdVLaaOxCS83S2S/AHDc6AAAAABJRU5ErkJggg==);
        background-repeat: no-repeat;
        -moz-box-shadow: none;
        background-size: 10px;
        background-position-x: 90%;
        background-position-y: 18px;
      }
      form select:required:valid {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAAhklEQVRYhe2UUQqAIBBE3yksuqIdN7JOUx8JiUSo6BqxD/bXmV1nFxRFkWUEbE9xBxzALC0+AIsX34BJxVVcxT8rbrkORi7hkXGFbzAXPlBFHMBwj3AnbYTV/zzHRLPApZhonvY3E2Kr9mRCfM/jhFdJey7hJLpcOLi6XX2JdR5jfCnKvzgB4/dKWeb1iEcAAAAASUVORK5CYII=);
        background-repeat: no-repeat;
        -moz-box-shadow: none;
        background-size: 10px;
        display: inline-block;
        width: 100%;
        height: calc(2.25rem + 2px);
        padding: 0.375rem 1.75rem 0.375rem 0.75rem;
        line-height: 1.5;
        color: #495057;
        vertical-align: middle;
        background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
        background-repeat: no-repeat;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");
        background-size: auto;
        background-size: 8px 10px;
        border: 1px solid #ced4da;
        border-top-color: rgb(206, 212, 218);
        border-right-color: rgb(206, 212, 218);
        border-bottom-color: rgb(206, 212, 218);
        border-left-color: rgb(206, 212, 218);
        border-radius: 0.25rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }
      label.form-check-label {
        width: 100%;
      }
      /* Padrao personalizado*/
      /* Modal deletar */	
      .modal-dialog .modal-content .modal-header {
        background-color: #66058e!important;
        height: 36px;
      }
      h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        margin-bottom: 0.5rem;
        font-family: 'Poppins', sans-serif  !important;
        font-weight: 500;
        line-height: 1.2;
      }
      .bootbox.modal.fade.bootbox-alert.in {
        display: none !important;
      }
      li {
        font-family: 'Poppins', sans-serif  !important;
        line-break: anywhere;
      }
      body {
        font-family: 'Poppins', sans-serif  !important;
      }
      .form-check-educar {
        width: 100%;
        height: 36px;
        margin-bottom: 15px;
      }
      header {
        margin-top: 0px;
        width: 100%;
        height: 38px;
        position: fixed;
        z-index: 250;
        background: #66058e;
      }
      /* Barrar de títulos */		
      .btn-editar {
        background-color: #2b0f40 !important;
        color: #fff!important;
      }
      .modal-dialog.modal-notify.modal-info .badge, .modal-dialog.modal-notify.modal-info .modal-header {
        background-color: #66058e!important;
      }
      .modal-header {
        border-bottom: 2px solid #66058e !important;
      }
      .text-uppercase .py-4  {
        padding-bottom: 0.5rem !important;
      }
      .py-4 {
        padding-top: 1.2rem !important;
      }
      .py-4 {
        padding-bottom: 1.2rem !important;
      }
      i.fa.fa-plus.fa-2x {
        color: #ff8201;
      }
 
      /* Botao trilha */



			
      .salvacao_p_trilha {
        border-radius: 20px !important;
        width: 230px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-right: auto;
        padding-left: auto;
        background-color: #FFFFFF !important;
        border: 1px solid #F66035 !important;
        color: #F66035 !important;
      }
      .salvacao_p_trilha:hover {
        border-radius: 20px !important;
        width: 230px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-right: auto;
        padding-left: auto;
        background-color: #F66035 !important;
        border: 1px solid #F66035 !important;
        color: #FFFFFF !important;
      }




      .offline-ui.offline-ui-down {
        background: #ffffff;
        border: 1px solid #eaeaea;
      }
      /*paginação de alnos e professores			*/
      .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #f66035;
        border-color: #f66035;
        width: 35px;
      }
      .pagination>li>a, .pagination>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #f66035;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
      }
      nav {
        margin-top: 30px !important;
      }
      .off_aluno {
        width: 100%;
        height: 19px;
        background: #ff3547;
        vertical-align: middle !important;
        border-radius: 10px;
        font-size: 9px;
        white-space: nowrap;
        padding-top: 3px;
        display: inline-block;
        color: white !important;
        max-width: 100px;
      }
      .ative {
        width: 100%;
        height: 19px;
        background: #00c851;
        vertical-align: middle !important;
        border-radius: 10px;
        font-size: 9px;
        white-space: nowrap;
        padding-top: 3px;
        display: inline-block;
        color: white !important;
        max-width: 100px;
      }
      #thumbnil{
        width: 60px !important;
        height: 60px !important;
      }
      .img-fluid {
        width: 88px !important;
        height: 88px !important;
      }
      div#atualiza_perfil_div {
        margin-top: 55px;
      }
      .avatar {
        border-radius: 50%;
        width: 50px;
        height: 50px;
        color: white;
        font-size: 30px;
        margin: auto;
      }
      .avatar_m {
        border-radius: 50%;
        width: 70px;
        height: 70px;
        color: white;
        font-size: 46px;
        margin: auto;
        margin-bottom: 14px;
        padding-top: 6px;
      }
      /*
      .card-body {
      min-width: 281px;
      }		
      */
      .form-check.meio {
        position: relative;
        display: table;
        padding-left: 0px;
        width: 50%;
      }
      .campo_g {
        width: 80% !important;
        padding-right: 35px !important;
        height: 32px;
      }

     .campo_gg {
        width: 80% !important;
        padding-right: 35px !important; height: 39px
      }




      .dataTables_paginate .paginate_button.disabled {
        display: none;
      }
      #myDummyTable_length select {
        width: 50px;
        height: 45px;
        border-radius: 7px;
        font-size: 17px;
        text-align: center;
        /* display: inline-block; */
        width: 100%;
        */
        height: calc(2.25rem + 2px);
        line-height: 1.5;
        color: #495057;
        vertical-align: middle;
        background-size: 8px 10px;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        /* -webkit-appearance: none; */
        -moz-appearance: none;
      }
      div#myDummyTable_length {
        margin-top: -82px;
        margin-bottom: 20px;
        position: absolute;
      }
      #myDummyTable {
        /* margin-top: 77px !important; */
        /* margin-bottom: 18px !important; */
        display: block !important;
      }
      .troca_prof {
        width: 100%;
        float: left;
        height: 38px;
        position: relative;
        padding-top: 8px;
      }
      div.dataTables_wrapper div.dataTables_filter input {
        width: auto;
        height: calc(2.25rem + 2px);
        line-height: 1.5;
        color: #495057;
        background-size: 8px 10px;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        margin-bottom: 15px;
        position: relative;
      }
      div#myDummyTable_filter {
        position: absolute;
        float: right;
        /* width: 134px; */
        /* margin-left: 67%; */
        margin-left: calc(100% - 163px) !important;
        margin-top: -82px;
      }
      input[type="search"] {
        width: 159px !important;
      }
      h3.card-header.text-center.font-weight-bold.text-uppercase.py-4.btn-default {
        text-align: left !important;
      }
      #container_load {
        height: 22px;
        /* margin-top: 36px; */
        /* margin: 47vw !important; */
        vertical-align: middle;
        /* resize: vertical; */
        margin-top: 250px !important;
        width: 53px;
        margin: calc(50vw - 24px);
      }
      .chromeframe {
        margin: 0.2em 0;
        background: #ccc;
        color: #000;
        padding: 0.2em 0;
      }
      /* ==========================================================================
      Author's custom styles
      ========================================================================== */
      .circle {
        display: inline-block;
        background-color: #66058e;
        height: 15px;
        width: 15px;
        border-radius: 25px;
      }
      body
      {
        overflow-y: hidden;
      }
      .deno_bar
      {
        overflow-y: auto !important;
      }
      ;
      #nome_perfil {
        width: 98%;
        margin-top: 10px;
      }
      .campo_m {
        width: 83% !important;
        padding-right: 36px !important;
        height: 39px;
      }
      @media (min-width: 768px) {


     



        .mr-esq {
          /* margin: 0px; */
          /* padding-left: 0px; */
          padding-right: 10px;
          /* padding-left: 15px; */
        }
        .mr-dir {
          padding-left: 0px;
        }
      }






  @media (max-width: 1200px) {
nav {
    /* margin-top: 15px !important; */
}

h2.obre {
    margin-left: -15px;
}

.cor_tr {
    white-space: nowrap;
    color: black;
    FONT-WEIGHT: 700;
    margin-top: 19px;
    font-size: 9px;
}

}

  @media (max-width: 568px) {


nav {
    margin-top: 50px !important;
}
      .campo_g {
        width: 80% !important;
        padding-right: 35px !important;
        height: 39px
      }

      .campo_g {
        width: 87% !important;
        padding-right: 35px !important;
        height: 39px
      }
}




      @media (max-width: 768px) {
img#thumbnil_magem {
    width: 80;
    height: 50px;
}
     
.jscolor {
    width: 100%;
}




 .salvacao_p_trilha {
        border-radius: 20px !important;
             width: 100% !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-right: auto;
        padding-left: auto;
        background-color: #FFFFFF !important;
        border: 1px solid #F66035 !important;
        color: #F66035 !important;
      }
      .salvacao_p_trilha:hover {
        border-radius: 20px !important;
        width: 100% !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding-right: auto;
        padding-left: auto;
        background-color: #F66035 !important;
        border: 1px solid #F66035 !important;
        color: #FFFFFF !important;
      }


        .campo_m {
          width: 100% !important;
          padding-right: 36px !important;
          height: 39px;
        }
        .combo_grafic {
          margin-top: 55px !important;
          margin-right: auto !important;
          margin-left: auto !important;
          width: 91% !important;
          margin-bottom: 7px !important;
        }
      }
      .custom-select {
        height: 46px;
      }
      input, button, select, optgroup, textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        font-size: 16px !important;
      }
      .no_space {
        white-space: nowrap;
      }
      .prioridade_turma.disabled {
        background: #eeeeee !important;
      }
      th.educar01 {
        background: #f1f1f1;
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px;
        vertical-align: middle !important;
        font-size: 0.8em;
      }
      th.educar02 {
        background: #f1f1f1;
        border-left: 0px solid #FFF;
        vertical-align: middle !important;
        /* font-size: 0.8em; */
        em; */
      ;
        white-space: nowrap;
      }
      th.educar03 {
        background: #f1f1f1;
        border-bottom-right-radius: 8px;
        border-top-right-radius: 8px;
        vertical-align: middle !important;
        font-size: 0.8em;
        white-space: nowrap;
      }
      th {
        padding-bottom: 45px;
      }
      .table thead th {
        vertical-align: bottom;
        border-bottom: 0px solid #ffffff;
        height: 39px;
      }
      table.table td, table.table th {
        padding-top: 8px;
        padding-bottom: 8px;
      }
      .table th, .table td {
        padding: 0.2rem;
        vertical-align: top;
        border-bottom: 2px solid #f1f1f1;
        border-top: 3px solid #ffffff;
      }
      ul.dropdown-menu {
        margin-left: -35px;
      }
      table.table-hover tbody tr .dropdown {
        visibility: hidden;
      }
      table.table-hover tbody tr:hover .dropdown {
        visibility: visible;
      }
      button.edita_educar {
        background: white;
        border: none;
        margin-left: 15px;
      }
      div#filter {
        margin: 23px;
      }
      .md-form label {
        position: absolute;
        top: .65rem;
        -webkit-transition: .2s ease-out;
        -o-transition: .2s ease-out;
        transition: .2s ease-out;
        cursor: text;
        color: #757575;
      }
      .card-body.ordena {
        margin-bottom: -41px;
      }
      #search {
        position: relative;
        font-size: 18px;
        padding-top: 40px;
        margin: -42px auto 0;
      }
      #search label {
        position: absolute;
        left: 17px;
        top: 51px;
      }
      label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight:500;
      }
      .input-lg {
        height: 46px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px;
      }
      #search #search-clear {
        text-decoration: none;
        position: absolute; right: 18px;
        top: 54px;
        color: #b3b3b3;
      }
      .custom-select {
        height: 46px;
      }
      #search #search-input, #search .hint {
        padding-left: 43px;
        padding-right: 43px;
        border-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
      }
      /* botao busca apagar */
      /* Clearable text inputs */
      .clearable {
        background: #fff url(http://i.stack.imgur.com/mJotv.gif) no-repeat right -10px center;
        /* border: 1px solid #999; */
        padding: 3px 18px 3px 4px;
        border-radius: 3px;
        transition: background 0.4s;
      }
      .clearable.x  {
        background-position: right 12px center;
      }
      /* (jQ) Show icon */
      .clearable.onX{
        cursor: pointer;
      }
      /* (jQ) hover cursor style */
      .clearable::-ms-clear {
        display: none;
        width:0;
        height:0;
      }
      /* Remove IE default X */.clearable.x  {
        background-position: right 12px center;
      }
      /* (jQ) Show icon */
      .clearable02 {
        background: #fff url(http://i.stack.imgur.com/mJotv.gif) no-repeat right -10px center !important;
        /* border: 1px solid #999; */
        padding: 3px 18px 3px 4px;
        border-radius: 3px;
        transition: background 0.4s;
      }
      .clearable02.x  {
        background-position: right 11px center !important;
      }
      /* (jQ) Show icon */
      .clearable02.onX {
        cursor: pointer;
      }
      /* (jQ) hover cursor style */
      .clearable02::-ms-clear {
        display: none;
        width:0;
        height:0;
      }
      /* Remove IE default X */
      tbody tr {
        border-bottom: 5px solid #f5f5f5 !important;
        /* margin: 10px !important; */
      }
  
      .mb-2, .my-2 {
        margin-bottom: 1.2rem !important;
      }
      table.busca {
        width: 92%;
        margin: auto;
        background: whitesmoke;
        border-radius: 4px;
        /* margin: 24px; */ /* padding: 14px; */
      }
      select.custom-select.change03 {
        margin: 14px;
      }
      .row.espacoc {
        margin-bottom: 14px;
        margin-top: 27px;
      }

.add {
    background: #00c851 !important;
    border-radius: 50px !important;
    padding: 12px !important;
    font-size: 14px !important;
    /* padding-top: 8px !important; */
    color: white !important;
}
.row.button-div {
    float: right;
}
.reserve-button {
    background: #00c851 !important;
    border-radius: 50px !important;
    padding: 12px !important;
    font-size: 14px !important;
    /* padding-top: 8px !important; */
    color: white !important;
}



	
th.educar01 {
    background: #a7a7a7 !important;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 8px !important;
    vertical-align: middle !important;
    font-size: 0.8em;
}
th.educar02 {
    background: #a7a7a7 !important;
    /* border-left: 8px solid #FFF !important; */
    vertical-align: middle !important;
    font-size: 0.8em;
}	
	
th.educar03 {
    background: #a7a7a7 !important;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 8px;
    vertical-align: middle !important;
    font-size: 0.8em;
}	
th {
   padding-bottom: 45px;
}	
	.table thead th {
    vertical-align: bottom !important;
    border-bottom: 1pxa solid #a7a7a7 !important;
    /* height: 29px !important; */
    /* padding-left: 20px; */
    font-size: 13px !important;
    text-align: center;
}
	table.table td, table.table th {
    padding-top: 8px;
    padding-bottom: 8px;
}

.custom-select {

    height: 46px !important;

}

.mb-12 {
    margin: 0px !important;
    padding: 15px !important;
    padding-bottom: 26px !important;
    padding-top: 0px !important;
}


div#container_load_int {
    width: 100%;
    text-align: center;
    margin-top: 150px;
    margin-bottom: 150px;
}
a.export_CVS {
    float: right;
}
.mold_bs {
    background: #e4e4e4;
    box-shadow: 1px 0px 2px #827c7c94;
}



.result {
    width: 276px;
    font-size: 14px;
    FONT-WEIGHT: 700; text-align: center;
    margin: auto;
}

h2 {
    font-size: 20px !important;
    color: var(--dark) !important;
    FONT-WEIGHT: 600 !important;
}
h2.text.text-1 {
    font-size: 9px !important;
}

label.form-check-label {
    text-shadow: 0 0 white !important;
    color: #5a5a5a !important;
    FONT-WEIGHT: 300 !important;
}
div#myTabContent {
    background-color: white !important;
    padding: 13px !important;
    border: 1px solid #ddd!important;
    border-top: 0 !important;
}
button.btn.margim.editar {
    background: #34b100;
    margin-left: 3px  !important;
}




button.btn.margim.changer_texto.janela_links {
    /* background: #8200b7; */
}


span.help-block {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}



.titulo_link {
    white-space: nowrap;
    float: left;
    color: rgb(0, 0, 0);
    width: 100%;
    height: 17px;
    margin-top: 15px;
    text-align: left;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
    padding-left: 0px !important;
}


	
.drag {
    background: #6f42c12e;
    color: white;
    text-align: center;
    width: 100%;
    height: 100%;
    box-shadow: -9px 9px 5px #0000000f;
}	
	
	
	
div.drag p {
    margin: 0;
    /* background: yellow; */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    color: white;
    color: white;
    color: black;
    color: white;
    text-shadow: 2px 0px dimgrey;
}


small {
    font-size: 10px !important;
}


.lead {
    font-size: 1.25rem;
    font-weight: 300;
    margin-top: 25px;
}

  /* Custom Radio Bttns Component
  -----------------------------*/
  .config02-options {
    padding-bottom: 5px;
    margin-bottom: 5x;
  }
  .config02-options ul,
  .config02-options ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0px;
  }
  .config02-options ul {
    max-width: 325px;
    margin: 14px auto 0 auto;
  }
  .config02-options ul li,
  .config02-options ul li * {
    /* disable 'select' fucntionality for
    these elements - otherwise clunky on mobile */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* remove the tap highlight color
    on mobile browsers, since the :active
    state have a style that provides the feedback*/
    -webkit-tap-highlight-color: transparent;
  }
  .config02-options ul li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 12px;
    width: 65px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.075em;
  }
  .config02-options input {
    display: none;
    width: 0;
    height: 0;
  }
  .config02-options label {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    cursor: pointer;
  }
  .config02-options label:before {
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto 8px auto;
    border-radius: 100%;
    /* inset shadow for lighting affect */
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.24);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.24);
    box-shadow: inset 0 0 3px rgba(0,0,0,0.24);
  }
  .config02-options label span {
    display: block;
  }
  /* faux check mark styles */
  .config02-options label .faux-checked {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    overflow: visible;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.0);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.0);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.0);
    transform: translateX(-50%) translateY(-50%) scale(1.0);
    position: absolute;
    left: 50%;
    top: 22px;
    opacity: 0.0;
    background: transparent;
    background: url(#) no-repeat 0 0 transparent;
    background-size: 100% 100%;
    border-image-slice: 1;
    -webkit-transition: 
      width 0.2s ease-out 0.05s, 
      height 0.2s ease-out 0.05s, 
      opacity 0.2s ease-out 0.05s, 
      -webkit-transform 0.2s ease-out 0.05s;
    -moz-transition: 
      width 0.2s ease-out 0.05s, 
      height 0.2s ease-out 0.05s, 
      opacity 0.2s ease-out 0.05s, 
      -moz-transform 0.2s ease-out 0.05s;
    -ms-transition: 
      width 0.2s ease-out 0.05s, 
      height 0.2s ease-out 0.05s, 
      opacity 0.2s ease-out 0.05s, 
      -ms-transform 0.2s ease-out 0.05s;
    -o-transition: 
      width 0.2s ease-out 0.05s, 
      height 0.2s ease-out 0.05s, 
      opacity 0.2s ease-out 0.05s, 

      -o-transform 0.2s ease-out 0.05s;
    transition: 
      width 0.2s ease-out 0.05s, 
      height 0.2s ease-out 0.05s, 
      opacity 0.2s ease-out 0.05s, 
      transform 0.2s ease-out 0.05s;
  }
  .config02-options label .faux-checked:before {
    /* content: url(option-checked.svg); */
    /* SVG file converted into a data URI */
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .config02-options label .faux-checked:after {
    /* content: url(option-checked-check.svg); */
    /* SVG file converted into a data URI */
    /* removes an external file call, and its still tiny */
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYOCAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNS4yOTE2bW0iIGhlaWdodD0iNS4yOTE2bW0iIHZlcnNpb249IjEuMSIgc3R5bGU9InNoYXBlLXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IHRleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgaW1hZ2UtcmVuZGVyaW5nOm9wdGltaXplUXVhbGl0eTsgZmlsbC1ydWxlOmV2ZW5vZGQ7IGNsaXAtcnVsZTpldmVub2RkIg0Kdmlld0JveD0iMCAwIDUyOSA1MjkiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLmZpbDEge2ZpbGw6IzM4Mzk3MH0NCiAgICAuZmlsMiB7ZmlsbDp3aGl0ZX0NCiAgICAuZmlsMCB7ZmlsbDp1cmwoI2lkMCl9DQogICBdXT4NCiAgPC9zdHlsZT4NCiAgPGxpbmVhckdyYWRpZW50IGlkPSJpZDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjQ0LjQ1IiB5MT0iMjcwLjQ1IiB4Mj0iNzY5Ljk0IiB5Mj0iMzU1LjMiPg0KICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1vcGFjaXR5OjE7IHN0b3AtY29sb3I6IzNFNDA5NSIvPg0KICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1vcGFjaXR5OjE7IHN0b3AtY29sb3I6IzA1MjU2NiIvPg0KICA8L2xpbmVhckdyYWRpZW50Pg0KIDwvZGVmcz4NCiA8ZyBpZD0iQ2FtYWRhX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8Y2lyY2xlIGNsYXNzPSJmaWwwIiBjeD0iMjY1IiBjeT0iMjY1IiByPSIyMTkiLz4NCiAgPHBhdGggY2xhc3M9ImZpbDEiIGQ9Ik0yMDggMjkybC0xNiAtMTZjLTYsLTYgLTExLC0xMSAtMTYsLTE2bC0yNCAtMjRjLTMsLTIgLTcsLTUgLTEyLC01IC0xMCwwIC0xNyw5IC0yNSwxOCAtNCw0IC03LDcgLTExLDExIC02LDYgLTgsOCAtOCwxNiAwLDggNiwxMyAxMSwxN2w4MiA4MmM5LDkgOSwxMiAyMSwxMiAzLDAgNiwtMiA4LC0zIDIsLTIgNCwtNCA2LC02bDE1NSAtMTU1YzUsLTUgOCwtOSA4LC0xM2wwIC01Yy0xLC05IC0xMCwtMTYgLTE3LC0yNCAtNywtNyAtMTYsLTE3IC0yNSwtMTcgLTEyLDAgLTE0LDUgLTIyLDEzIC02LDUgLTExLDEwIC0xNiwxNiAtNiw2IC05Niw5NyAtOTksOTl6Ii8+DQogIDxwYXRoIGNsYXNzPSJmaWwyIiBkPSJNMjEwIDI3NWwtMTYgLTE2Yy01LC02IC0xMCwtMTEgLTE2LC0xNmwtMjMgLTI0Yy0zLC0yIC04LC01IC0xMiwtNSAtMTEsMCAtMTcsOSAtMjYsMTggLTMsNCAtNyw3IC0xMCwxMSAtNiw2IC04LDggLTgsMTYgMCw4IDYsMTMgMTAsMTdsODIgODJjMTAsMTAgMTAsMTIgMjIsMTIgMywwIDYsLTIgOCwtMyAyLC0yIDQsLTQgNiwtNWwxNTUgLTE1NmM1LC01IDcsLTkgOCwtMTNsMCAtNWMtMSwtOSAtMTAsLTE2IC0xOCwtMjMgLTcsLTcgLTE1LC0xOCAtMjQsLTE4IC0xMiwwIC0xNCw1IC0yMiwxMyAtNiw1IC0xMSwxMSAtMTcsMTYgLTUsNiAtOTYsOTcgLTk5LDk5eiIvPg0KIDwvZz4NCjwvc3ZnPg0K);
    display: block;
    width: 8px;
    height: 8px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    left: 7px;
    top: 7px;
    opacity: 0.0;
    -webkit-transition: 
      width 0.2s ease-out 0.15s, 
      height 0.2s ease-out 0.15s, 
      opacity 0.2s ease-out 0.15s;
    -moz-transition: width 0.2s ease-out 0.15s, 
      height 0.2s ease-out 0.15s, 
      opacity 0.2s ease-out 0.15s;
    -ms-transition: 
      width 0.2s ease-out 0.15s, 
      height 0.2s ease-out 0.15s, 
      opacity 0.2s ease-out 0.15s;
    -o-transition: 
      width 0.2s ease-out 0.15s, 
      height 0.2s ease-out 0.15s, 
      opacity 0.2s ease-out 0.15s;
    transition: 
      width 0.2s ease-out 0.15s, 
      height 0.2s ease-out 0.15s, 
      opacity 0.2s ease-out 0.15s;
  }
  .config02-options label:active .faux-checked,
  .config02-options label:active ~ label .faux-checked {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.45);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.45);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.45);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.45);
    transform: translateX(-50%) translateY(-50%) scale(1.45);
    opacity: 1.0;
  }
  .config02-options label:active .faux-checked:after,
  .config02-options label:active ~ label .faux-checked:after {
    width: 8px;
    height: 8px;
    opacity: 0.0;
  }
  .config02-options input:checked ~ label .faux-checked {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2728);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.2728);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.2728);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.2728);
    transform: translateX(-50%) translateY(-50%) scale(1.2728);
    opacity: 1.0;
  }
  .config02-options input:checked ~ label .faux-checked:after {
    width: 14px;
    height: 14px;
    opacity: 1.0;
  }

.center_md {
    margin-left: auto !important;
    margin-right: auto !important;
}

.config02-options label {
    position: relative !important;
}
.row.full02 {
    width: 100%;
    margin: 0px;
}

.centrarr {
    max-width: 70%;
}

.modal-dialog.center_md.centrarr {
    width: 80% !important;
    max-width: 100% !important;
}








  -----------------------------*/
  .config-options {
    padding-bottom: 5px;
    margin-bottom: 5x;
  }
  .config-options ul,
  .config-options ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0px;
  }
  .config-options ul {
    max-width: 325px;
    margin: 14px auto 0 auto;
  }
  .config-options ul li,
  .config-options ul li * {
    /* disable 'select' fucntionality for
    these elements - otherwise clunky on mobile */
    -webkit-touch-callout: none;
    /* -webkit-user-select: none; */
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /* user-select: none; */
    /* remove the tap highlight color
    on mobile browsers, since the :active
    state have a style that provides the feedback*/
    /* -webkit-tap-highlight-color: transparent; */
  }
  .config-options ul li {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 12px;
    width: 65px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.075em;
    position: relative;
    height: 49px;
  }
  .config-options input {
    display: none;
    width: 0;
    height: 0;
  }
  .config-options label {
    display: inline-block;
    width: 100%;
    text-align: center;
    position: relative;
    cursor: pointer;
  }
  .config-options label:before {
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto 8px auto;
    border-radius: 100%;
    /* inset shadow for lighting affect */
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.24);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.24);
    box-shadow: inset 0 0 3px rgba(0,0,0,0.24);
  }
  .config-options label span {
    display: block;
  }
  /* faux check mark styles */
  .config-options label .faux-checked {
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    overflow: visible;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.0);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.0);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.0);
    transform: translateX(-50%) translateY(-50%) scale(1.0);
    position: absolute;
    left: 50%;
    top: 22px;
    opacity: 0.0;
    background: transparent;
    background: url(#) no-repeat 0 0 transparent;
    background-size: 100% 100%;
    border-image-slice: 1;
    -webkit-transition: 
      width 0.2s ease-out 0.05s, 
      height 0.2s ease-out 0.05s, 
      opacity 0.2s ease-out 0.05s, 
      -webkit-transform 0.2s ease-out 0.05s;
    -moz-transition: 
      width 0.2s ease-out 0.05s, 
      height 0.2s ease-out 0.05s, 
      opacity 0.2s ease-out 0.05s, 
      -moz-transform 0.2s ease-out 0.05s;
    -ms-transition: 
      width 0.2s ease-out 0.05s, 
      height 0.2s ease-out 0.05s, 
      opacity 0.2s ease-out 0.05s, 
      -ms-transform 0.2s ease-out 0.05s;
    -o-transition: 
      width 0.2s ease-out 0.05s, 
      height 0.2s ease-out 0.05s, 
      opacity 0.2s ease-out 0.05s, 

      -o-transform 0.2s ease-out 0.05s;
    transition: 
      width 0.2s ease-out 0.05s, 
      height 0.2s ease-out 0.05s, 
      opacity 0.2s ease-out 0.05s, 
      transform 0.2s ease-out 0.05s;
  }
  .config-options label .faux-checked:before {
    /* content: url(option-checked.svg); */
    /* SVG file converted into a data URI */
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .config-options label .faux-checked:after {
    /* content: url(option-checked-check.svg); */
    /* SVG file converted into a data URI */
    /* removes an external file call, and its still tiny */
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYOCAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNS4yOTE2bW0iIGhlaWdodD0iNS4yOTE2bW0iIHZlcnNpb249IjEuMSIgc3R5bGU9InNoYXBlLXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IHRleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgaW1hZ2UtcmVuZGVyaW5nOm9wdGltaXplUXVhbGl0eTsgZmlsbC1ydWxlOmV2ZW5vZGQ7IGNsaXAtcnVsZTpldmVub2RkIg0Kdmlld0JveD0iMCAwIDUyOSA1MjkiDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KIDxkZWZzPg0KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgPCFbQ0RBVEFbDQogICAgLmZpbDEge2ZpbGw6IzM4Mzk3MH0NCiAgICAuZmlsMiB7ZmlsbDp3aGl0ZX0NCiAgICAuZmlsMCB7ZmlsbDp1cmwoI2lkMCl9DQogICBdXT4NCiAgPC9zdHlsZT4NCiAgPGxpbmVhckdyYWRpZW50IGlkPSJpZDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjQ0LjQ1IiB5MT0iMjcwLjQ1IiB4Mj0iNzY5Ljk0IiB5Mj0iMzU1LjMiPg0KICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1vcGFjaXR5OjE7IHN0b3AtY29sb3I6IzNFNDA5NSIvPg0KICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1vcGFjaXR5OjE7IHN0b3AtY29sb3I6IzA1MjU2NiIvPg0KICA8L2xpbmVhckdyYWRpZW50Pg0KIDwvZGVmcz4NCiA8ZyBpZD0iQ2FtYWRhX3gwMDIwXzEiPg0KICA8bWV0YWRhdGEgaWQ9IkNvcmVsQ29ycElEXzBDb3JlbC1MYXllciIvPg0KICA8Y2lyY2xlIGNsYXNzPSJmaWwwIiBjeD0iMjY1IiBjeT0iMjY1IiByPSIyMTkiLz4NCiAgPHBhdGggY2xhc3M9ImZpbDEiIGQ9Ik0yMDggMjkybC0xNiAtMTZjLTYsLTYgLTExLC0xMSAtMTYsLTE2bC0yNCAtMjRjLTMsLTIgLTcsLTUgLTEyLC01IC0xMCwwIC0xNyw5IC0yNSwxOCAtNCw0IC03LDcgLTExLDExIC02LDYgLTgsOCAtOCwxNiAwLDggNiwxMyAxMSwxN2w4MiA4MmM5LDkgOSwxMiAyMSwxMiAzLDAgNiwtMiA4LC0zIDIsLTIgNCwtNCA2LC02bDE1NSAtMTU1YzUsLTUgOCwtOSA4LC0xM2wwIC01Yy0xLC05IC0xMCwtMTYgLTE3LC0yNCAtNywtNyAtMTYsLTE3IC0yNSwtMTcgLTEyLDAgLTE0LDUgLTIyLDEzIC02LDUgLTExLDEwIC0xNiwxNiAtNiw2IC05Niw5NyAtOTksOTl6Ii8+DQogIDxwYXRoIGNsYXNzPSJmaWwyIiBkPSJNMjEwIDI3NWwtMTYgLTE2Yy01LC02IC0xMCwtMTEgLTE2LC0xNmwtMjMgLTI0Yy0zLC0yIC04LC01IC0xMiwtNSAtMTEsMCAtMTcsOSAtMjYsMTggLTMsNCAtNyw3IC0xMCwxMSAtNiw2IC04LDggLTgsMTYgMCw4IDYsMTMgMTAsMTdsODIgODJjMTAsMTAgMTAsMTIgMjIsMTIgMywwIDYsLTIgOCwtMyAyLC0yIDQsLTQgNiwtNWwxNTUgLTE1NmM1LC01IDcsLTkgOCwtMTNsMCAtNWMtMSwtOSAtMTAsLTE2IC0xOCwtMjMgLTcsLTcgLTE1LC0xOCAtMjQsLTE4IC0xMiwwIC0xNCw1IC0yMiwxMyAtNiw1IC0xMSwxMSAtMTcsMTYgLTUsNiAtOTYsOTcgLTk5LDk5eiIvPg0KIDwvZz4NCjwvc3ZnPg0K);
    display: block;
    width: 8px;
    height: 8px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    left: 7px;
    top: 7px;
    opacity: 0.0;
    -webkit-transition: 
      width 0.2s ease-out 0.15s, 
      height 0.2s ease-out 0.15s, 
      opacity 0.2s ease-out 0.15s;
    -moz-transition: 
      width 0.2s ease-out 0.15s, 
      height 0.2s ease-out 0.15s, 
      opacity 0.2s ease-out 0.15s;
    -ms-transition: 
      width 0.2s ease-out 0.15s, 
      height 0.2s ease-out 0.15s, 
      opacity 0.2s ease-out 0.15s;
    -o-transition: 
      width 0.2s ease-out 0.15s, 
      height 0.2s ease-out 0.15s, 
      opacity 0.2s ease-out 0.15s;
    transition: 
      width 0.2s ease-out 0.15s, 
      height 0.2s ease-out 0.15s, 
      opacity 0.2s ease-out 0.15s;
  }
  .config-options label:active .faux-checked,
  .config-options label:active ~ label .faux-checked {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.45);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.45);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.45);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.45);
    transform: translateX(-50%) translateY(-50%) scale(1.45);
    opacity: 1.0;
  }
  .config-options label:active .faux-checked:after,
  .config-options label:active ~ label .faux-checked:after {
    width: 8px;
    height: 8px;
    opacity: 0.0;
  }
  .config-options input:checked ~ label .faux-checked {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.2728);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.2728);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.2728);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.2728);
    transform: translateX(-50%) translateY(-50%) scale(1.2728);
    opacity: 1.0;
  }
  .config-options input:checked ~ label .faux-checked:after {
    width: 14px;
    height: 14px;
    opacity: 1.0; }

label.form-check-label.redux {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 122px !important;
    height: 33px !important;
    white-space: nowrap;
}

.mm {
    font-size: 14px !important;
    text-align: left !important;
}




.titi {
    width: 90%;
    float: left;
}


.user_perfil_eval {
    margin-top: -30px;
    position: relative;
    text-align: center;
}


.text-center.red-color {
    margin: 0px;
        margin-top: 0px;
    padding: 0px;
    color: red;
    margin-top: 12px;
    line-height: 0px;
}


.text-center.red-colo-bdr {
    color: red;
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    line-height: 0px;
}

.stattd {
    padding-bottom: 0px !important;
    position: absolute;
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
}

b, strong {
    font-weight: bolder;
    font-weight: 600;
}
  .right-inner-addon {
    position: relative;
    width: 80%;
    margin: auto;
}
  .right-inner-addon input{
    padding-right: 30px;
  }
  .jumbotron {
    margin-top: 86px;
  }
  .right-inner-addon i {
    position: absolute;
    font-size: 1.3em;
    right: 0px;
    padding: 11px 0px;
    color: #0f9aef;
  }

.data_self {
    margin-left: 0px;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 46px !important;
}

.ticket-event__comment-date.alsss {
    background-color: #cfe88c;
    border: 2px solid #cfe88c;
}

.ticket-event__comment-pointer.alsss_seta {
    border-right-color: #cfe88c;
}

.ticket-event__file.alsss {
    background-color: #cfe88c;
}
.admin-icon {
    font-size: 61px !IMPORTANT;
}
span.red-colo-bdr {
    color: red;
    width: 100%;
    float: left;
    font-size: 13px;
    text-align: left;
    margin-top: 5px;
}
span.mgt {
    font-size: 19px;
}

.row-set {
    margin-top: 20px;
    height: 47px;
    text-align: center;
}

span.label.curse_box {
    color: black;
    font-size: 12px;
    padding-bottom: 2px !important;
}

div#mt_dm {
    color: black;
    font-size: 18px;
    FONT-WEIGHT: 800;
}

.tarja {
    width: 100%;
    height: 7px;
    background: #eaeaea;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
}

.tarja {}




a:hover.btn.btn-rounded.waves-effect.waves-light.criar {
    color: #f66035 !important;
}


span.red-colo-bdd {
    color: black;
    float: left;
    margin-top: 5;
    FONT-WEIGHT: 800;
}



a:hover.text-success.reserve-button {
    background: #388e3c !important;
}

i.fa.fa-trash-o {
    color: white !important;
    /* FONT-WEIGHT: lighter; */
}

button.bootbox-close-button.close {
    FONT-WEIGHT: 100 !important;
    background: #f3f3f3 !important;
    width: 30px !important;
    border-radius: 50p !important;;
    font-size: 27px !important;
    margin-top: 1px !important;
    color: #616161 !important;
}