@charset "utf-8";
/* CSS Document */


/*import*/
/*
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");*/
/*
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");

@import url("https://daneden.github.io/animate.css/animate.min.css");

@import url("https://fontawesome.com/v4.7.0/assets/font-awesome/css/font-awesome.css");*/


/*
@import url("css/slider/carousel.css" rel="stylesheet" type="text/css");
@import url("css/slider/scrolling-nav.css" rel="stylesheet" type="text/css");*/


@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700");

@import url("https://site-assets.fontawesome.com/releases/v6.4.2/css/all.css");

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");



/* FAAP
@import url("https://faap.net/canvas/css/css.css");

@import url("https://faap.net/canvas/css/module_71088091401_home-banner-2.min.css");

@import url("https://faap.net/canvas/css/inova.css");
*/



/*Buesso

@import url("https://buesso.com.br/faap/css/css.css");

@import url("https://buesso.com.br/faap/css/module_71088091401_home-banner-2.min.css");

@import url("https://buesso.com.br/faap/css/inova.css");*/



/*faap inova*/

@import url("https://www.faap.br/inovafaap/css2/css.css");

@import url("https://www.faap.br/inovafaap/css2/module_71088091401_home-banner-2.min.css");

@import url("https://www.faap.br/inovafaap/css2/inova.css");



/*iframe*/


html, body { 
	
	height:100%; 
	margin: 0; 
	padding: 0;

}


/*login-esqueceu a senha - 190225*/
.ic-Login__forgot {
    /*display: none;*/
}

a.forgot-password {
    color: #fff;
}

.forgotBlock {
    /*display: none;*/
}
/*login-esqueceu a senha - 190225*/




.iframe-wrapper {
	
	height:100%; 
	margin: 0; 
	padding: 0; 

} 


#cnvs_content{

	border: 0;
    padding: 0;
    margin: 0;
    max-width: 100%;
    height: 95% !important;
    min-height: 800px;	
	
	
}

/*
.user_content iframe {
    border: 0;
    padding: 0;
    margin: 0;
    max-width: 100%;
    height: 95% !important;
    min-height: 700px;
}*/

#HTMLcontainer p {
    height: 100%;
    display: table;
    width: 100%;
    position: relative;
}



/*Login*/
.ic-Login__content {
    width: 300px;
	border: 1px solid #ffffff82;
	padding-bottom: 30px;

}


.ic-Login-header__logo {
    flex: auto;
    min-width: 1px;
    width: 250px;
    text-align: center;
    margin: auto;
}

.ic-Login-footer__logo-link {
    display: none !important;
}

.ic-Login__innerContent {
    padding-top: 0px;
   
}

#footer-links {
    display: none;
}

.Button.Button--login {
    color: #333;
	background: #fff;
}




.ic-Login-header {
    padding: 0 0 0 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}



.ic-Dashboard-header__layout {
    
   /* background: rgba(255,255,255,0.0);*//*210821*/
    
}


/*BG*/
body:not(.no-headers).primary-nav-expanded .ic-Layout-wrapper {

    /*background-color: #123857;*/

}

body:not(.no-headers) .ic-Layout-wrapper {
    margin-left: 0px;
   background-color: #fff;
}

body:not(.no-headers).primary-nav-expanded .ic-Layout-wrapper {
   background-color: #fff;
}


body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded):not(.is-inside-submission-frame) .ic-Layout-columns {

    background-color: #fff;

}

body {

   /*background-color: #123857;*/

}


/*LOgo*/


body.primary-nav-expanded .ic-app-header__logomark {
    float: left;
    width: 80px;
    padding: 0px 20px 10px 20px;
    background-color: #0003;
	margin-right: 20px;
	/*height: 70px !important;*/
    height: 82px !important;
}


#primaryNavToggle {
    right: 30px;
}



/***************Testeira - Min******************/

.menu-item__text {

    transform: translate3d(-100%, 0, 0);
    opacity: 0;
    pointer-events: none;
    box-sizing: border-box;
    background-color: var(--ic-brand-global-nav-ic-icon-svg-fill--active);
    position: absolute;
    left: 100%;
    top: 50%;
    padding: 0 12px;
    line-height: 1.8rem;
    margin-top: -0.9rem;
    font-size: 14px;
    font-size: .875rem;
    border-radius: 3px;
    color: #fff;
    white-space: nowrap;
    z-index: 999999999999;

}


.ic-app-header__menu-list li {

    margin: 0;
    padding: 0px 0px;
    float: left;
    height: 65px;

}

.ic-app-header__menu-list li {

    margin: 0;
    padding: 0px 0px;
    float: left;
    height: 65px;

}


.ic-app-header {

   
    height: 60px !important;
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 10;
}


.ic-app-header__menu-list li {

    margin: 0;
    padding: 0px 0px;
    float: left;
    height: 80px;

}


.ic-app-header__menu-list-link:not(.ic-app-header__menu-list-link--nav-toggle) {
    padding: 17px 3px 22px !important;
}




.ic-app-header__secondary-navigation {

    box-sizing: border-box;
    position: absolute;
    left: auto;
    bottom: 0;
    z-index: 1;
    width: auto;
    float: right;
    right: 0;

}



.ic-app-header__menu-list-link {

    padding: 1.8rem 0 1.6rem;

}


.ic-app-header__menu-list {

    margin: -13px 0 0 0;
   

}




.ic-app-header__logomark {

    height: 64px;
    width: 90px;
    float: left;
    background-color: 

    #0003;
    margin-right: 10px;

}



.ic-app {

   /* padding-top: 64px;*/
}

.ic-app-header__menu-list-link.ic-app-header__menu-list-link--nav-toggle .ic-icon-svg--navtoggle {
    transition: all 0.4s;
    rotate: 45;
    transform: rotate(90deg);
	
	
}

/***************Testeira - Max******************/


/*
body.primary-nav-expanded .ic-app-header {

    overflow: hidden !important;
    height: 65px !important;

    width: 100%;
    
    margin-bottom: 20px;
    bottom: 20px;
   

}*/




body.primary-nav-expanded .ic-app-header__menu-list-link.ic-app-header__menu-list-link--nav-toggle .ic-icon-svg--navtoggle {
    transform: rotate(-90deg);
}



body.primary-nav-expanded .ic-app-header {
	overflow: hidden !important;
	height: 80px !important;
	width: 100%;
	margin-bottom: 0px;
	bottom: 0px;
	border-bottom: 1px solid  #fff1;
	/*
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
	background-color: rgba(0, 0, 0, 0);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 );
	-webkit-box-shadow: 0 1px 20px 3px rgba(0,0,0,0.3);*/

	/*box-shadow: 0 1px 20px 3px rgba(0,0,0,0.3);*//*21082021*/
	/*background-color: #123857;*/

	position: relative;
	
	z-index: 10;
	
	
}




.ic-app-header__menu-list li {

    margin: 0;
    padding: 0px 0px;
    float: left;
    height: 80px;

}


.ic-app-header {
    /*box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 54px;
    z-index: 100;*/
   	
	/*-webkit-box-shadow: 0 1px 20px 3px rgba(0,0,0,0.3);
    box-shadow: 0 1px 20px 3px rgba(0,0,0,0.3);*//*210821*/
}


.ic-flash-info.ic-flash-static, .ic-flash-success.ic-flash-static, .ic-flash-warning.ic-flash-static, .ic-flash-error.ic-flash-static {
 
    z-index: 200;
}






/*BotÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ 'ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£o conta */
body.primary-nav-expanded .menu-item-icon-container .ic-avatar {
    width: 23px;
    height: 23px;
}


.ic-app-header__menu-list-link .ic-icon-svg {

    width: 23px;
 

}




body.primary-nav-expanded .ic-app-header__secondary-navigation {

    position: absolute;
    left: auto;
    bottom: auto;
    z-index: auto;
    width: auto;
    float: right;
    right: auto;
    margin: 0 0 0 96%;
    height: 80px;
    padding-top: 5px;
   

}

.ic-app-header__menu-list-link .ic-icon-svg {

    width: 23px;
    margin: 0 15px;

}


/*barra de menus*/
body.primary-nav-expanded .ic-app-header {

  
    /*overflow-y: auto;
   height: 85px;*/

}

body.primary-nav-expanded .tray-with-space-for-global-nav {
    margin-left: 0px;
    padding-top: 80px;
}

/*
.tray-with-space-for-global-nav {

    margin-left: 54px;

}
*/

.tray-with-space-for-global-nav {

    margin-left: 0px;
    padding-top: 80px;

}
	
	

	

.list-view > ul > li > a:hover, .list-view > ul > li > a:focus, .list-view > nav > ul > li > a:hover, .list-view > nav > ul > li > a:focus {
  /*  background: #fff;*/
	/*color: #333 !important;*/
}


/*Barra de menu disciplina*/
.ic-app-course-menu {

    transition: transform 1s ease-in-out;
    transition-delay: 0s;
    transition-delay: 0.75s;
    transform: translate3d(0, 0, 0);
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 100%;
    width: 192px;
    padding: 24px 12px 12px 24px;
    opacity: 0;
    padding: 24px 0px 12px 0px;

}


.list-view > ul > li, .list-view > nav > ul > li {

    padding: 0;
	padding-top: 0px;
	padding-bottom: 0px;
    
    /*background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,0.3) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 42%,rgba(0,0,0,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
	background-color: rgba(0, 0, 0, 0);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 );*/
	
/*background-color: #123857;*/

/*padding-top: 5px;

padding-bottom: 5px;*/

font-size: 14px;

border-bottom: 1px #fff5 solid;

}



.list-view > ul > li, .list-view > nav > ul > li a {

    /*color: #fff;*/

}

.list-view > ul > li, .list-view > nav > ul > li a:hover {
    /*color: #333;*/
}

.list-view > ul > li > a, .list-view > nav > ul > li > a {
 
    border-radius: 0px 0 0 0px;
	padding: 10px 20px;
  
}

.list-view a.active {
   /* color: #333;*/
	/*backgroundcolor: #fff;*/
	
}

.list-view a.active:hover, .list-view a.active:focus {

   /* background-color: var(--ic-brand-primary);*/
   /* background-color: #333;*/
	/*color: #fff !important;*/

}






/*miolo*/



/*Cor das caixas painel de controle*/
.ic-DashboardCard__header_hero {
    /*background-color: #3330 !important; - 040220*/
   /* opacity: 0.3 !important; /*270420*/
    
        
}


.ic-DashboardCard__header_hero:hover {
  /*opacity: 0.0 !important; /*270420*/
}





body:not(.no-headers).primary-nav-expanded .ic-Layout-wrapper {

    /*margin-left: 0px;
    
    padding-top: 13px;*/
	
	margin-left: 0px;
	padding-top: 0px;
	
}

.with-right-side #right-side-wrapper {

    /*backgroundcolor: #fff;*/

}


body:not(.ic-no-flex-layout):not(.embedded) .ic-app-main-content {

    /*padding-top: 80px !important;*/
}



.ic-app-nav-toggle-and-crumbs {

  
    border-bottom: 0px solid #C7CDD1 !important;
 

}


body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded):not(.is-inside-submission-frame) .ic-Layout-columns .ic-Layout-watermark{
	
/*background-color: #123857;*/
	}


/*breadcrumbs*/

#breadcrumbs {

    background-color: #fff0;
    /*color: #fff;*/
	padding-top: 0px;
	padding-left: 20px;

}

#breadcrumbs a {
   /* color: #fff !important;*/
    font-size: 14px;
}


.ic-app-nav-toggle-and-crumbs {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #C7CDD1;
    /*margin: 80px 0px 0;*/
    min-height: 2.5rem;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 20px 3px rgba(0,0,0,0.3);
    box-shadow: 0 1px 20px 3px rgba(0,0,0,0.3);
    padding-left: 0px;
	/*background-color: #123857;*/
	z-index:11;

	
	
}



.ic-app-nav-toggle-and-crumbs {
  
    padding-left: 0px;
  
}

.ic-app-nav-toggle-and-crumbs {
 
    margin: 0;

}




.with-left-side #left-side{
	
	/*background-color: #123857;*/
	height: 100%;

}

.icon-hamburger::before {
  
    /*color: #fff;*/
}


#content-wrapper {
	
	/*backgroundcolor: #fff;*/

}



/*EricÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬ 'ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â£o*/


.ic-Login__container {
    margin-top: 124px;
   
}


.ic-Login__content {
 opacity: .9;
 
}

.ic-Login__content {
    width: 310px;
    border: 1px solid 
    #ffffff82;
    padding-bottom: 30px;
}


.ic-Login__content {
    width: 310px;
    border: 1px solid 
    #ffffff82;
    padding-bottom: 30px;
}


.ic-Login__header .ic-Login__header__logo img {
   
    
    display: block;
   
    margin-left: auto;
    margin-right: auto;
    
    }
    
    
.ic-brand-Login-body-bgd-color {
/*background-color:none;*/
}





/*imput*/

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
   
  /*  padding: 18px;
    margin-left: 5px;*/
}






/*select
#select_context_content_dialog{
	
	display: table !important;
	width: 100% !important;
	box-sizing: border-box !important;
	
	
}
.module_item_select{
	
	min-height: 400px;
	
}*/





/*Login-120120*/
.ic-Login-header__links .ic-Login__link:first-of-type {

   /* margin-top: 0;
    margin-right: -51px;
    background: #fff;
    color: #333 !important;
    text-decoration: none;
    padding: 20px;
    border-radius: 0 5px 5px 0;
    right: -46px;*/
   
	
	
	display: block;
    margin-top: 16px;
    margin-bottom: 10px;
    
    background: rgba(255,255,255,1.9);
	color: #333 !important;
    text-decoration: none;
    padding: 15px 15px 15px 0px;
    border-radius: 0 5px 5px 0;
    right: -17px;
    position: relative;
	font-size: 12px;
	width: 75px;
	
	box-shadow: 10px -10px 15px 2px rgba(0,0,0,0.2) inset;
	box-sizing: border-box;
	
	
	margin-right: -150px;
	width: 150px;
	padding: 20px;
	text-align: left;
	
	
	display: none;
	
	
	width: 100%;
	padding: 5px 20px;
	text-align: left;
	float: none;
	margin: auto;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	right: 0;
	left: 0;
	/*top: 0;*/
	position: fixed;
	
	text-align: center;
	bottom: 0px;
	z-index: 100;
	max-width: 340px;
	border-radius: 5px 5px 0 0;
	
	
	
	

}



/*Login-220120*/
.Botao_AreaLogin {

    display: block;
    margin-top: 16px;
    margin-bottom: 10px;
    margin-right: -100px;
    background: rgba(255,255,255,1.9);
	color: #333 !important;
    text-decoration: none;
    padding: 15px 15px 15px 0px;
    border-radius: 0 5px 5px 0;
    right: -17px;
    position: relative;
	font-size: 12px;
	width: 75px;
	position: relative;
		box-shadow: 10px -10px 15px 2px rgba(0,0,0,0.2) inset;
		box-sizing: border-box;

}


/*Mobile - 25/05/2020*/

/**/
.mobileLogin-Header {
    z-index: 1;
   
	background-image: url(https://instructure-uploads.s3.amazonaws.com/account_152660000000000001/attachments/1975429/logo8%202.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 156px 108px;
    min-height: 156px;
}

#f1_container {
    display: flex;
    justify-content: center;
    padding: 15px;
    max-width: 320px;
    margin: 20px auto;
    background: #123857;
    border-radius: 10px;
}


/*Mobile - 25/05/2020*/





/*01/06/2022 - Largura do Canvas*/

body:not(.full-width):not(.outcomes):not(.body--login-confirmation) .ic-Layout-wrapper {
  max-width: 100% !important;
}

/*01/06/2022 - Largura do Canvas - home*/

body:not(.full-width):not(.outcomes):not(.body--login-confirmation) .ic-Layout-wrapper {
 max-width: 100% !important;
    margin-left: 0px !important;
    
}




/*17032022 - quebra linha*/


#tudo{
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	
}

#tudo a{
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	
}

/*290425*/
a{
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
    box-sizing: border-box;
	
}

table{
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
     box-sizing: border-box;
	
}


/*23/03/2023 - Msg Login*/
#footer-epilogue {
  display: none;
}
/*23/03/2023 - Msg Logim*/





/*27/03/2023 - Mobile Parent*/
.enrollment_link {
  display: none;
}
/*27/03/2023 - Mobile Parent*/




/*Link Externo*/
.external_link_icon
{
  display: none !important;
}

/*Link Externo*/



/*27/03/2023 - Altura do Card*/


@media only screen and (max-width: 500px){

.ic-DashboardCard__header_image {
  min-height: 180px;
}

}


/*18/09/2024 - Esqueci a senha*/
.ic-Login__forgot {
    /*display: none;*/
    font-size: 13px;
}



/*27/03/2023 - Altura do Card*/


/*tema escuro


body {
    background-color: #333;
}

#tudo{
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
   color: #333;
	
}

#tudo a{
	
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
    color: #2f57a3;
	
}

#main {
    background: #333 !important;
    color: #fff;
}

.unpublished_courses_redesign .ic-DashboardCard__box__header {
   
    background: rgba(255,255,255,.0);
   
}

.ic-Dashboard-header__layout {
    background: rgba(255,255,255,0.0) !important;
}

#right-side .events_list .todo-details:after, #right-side .to-do-list .todo-details:after {
    width: 30px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 95%, #fff5 100%);
    
}


#main a {
    background: #3330;
    color: #039bde;
}



.item-group-condensed .ig-header {
   
    background-color: #666 !important;;
  
    color: #fff !important;
}

.ig-header .name {
    color: #fff;
   
}


.context_module_item .completion_requirement {
   
    color: #ccc!important;
}


.with-left-side #left-side {
  background-color: #333;
  
}




.item-group-condensed .ig-row {
   
    background: #333;
   
}


.list-view a.active {
  border-left: 2px solid #fff;
 
  color: #fff;
  
}

a {
  color: #FFF;
  text-decoration: none;
}

.ic-app-nav-toggle-and-crumbs {
 
  background-color: #333;
 
}

.nav-icon {

  background: #fff0;
  color: #fff;

}

.pages.show .page-title {

  color: #fff;
}

.header-bar {

  background-color: #333;

}

#breadcrumbs {

  color: #fff;

}


.btn, .Button, .ui-button {
  background: #fff0;
  color: #fff;
 
}


.fQfxa_dqAF.fQfxa_buuG {
  background: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}

.btn-link, .Button--link {

  color: #FFF;
}

li a:hover {
  color: #fff;
  background: #0e5b93;

}

.ic-app-header__menu-list-link .ic-icon-svg {
  fill: #f9f9f9;
}


.Theme__editor {
  background: #333;
  
}

.dCppM_ddES {
  background: #333;
}

.dpCPB_caGd {
  background: #333;
}


.Theme__editor-color-block .Theme__editor-color-block_input-text {
 
  color: #000;

}
.Theme__editor-upload-overrides {
  background-color: #333;

}

.Theme__editor-upload-warning {

  background: #333;

}

.ic-Input-group .ic-Input-group__add-on {
  color: #333;
}


.al-trigger.al-trigger-gray {
  background: none !important;    
  color: #333 !important;
}

.ThemeEditorFileUpload__fake-input.uneditable-input.ic-Input {
  color: #333;
}



.ThemeEditorFileUpload__view-file {
  background: #0e5b93;
  color: #fff;
  padding: 0 5px;
  border-radius: 5px;
}

.ic-flash-static.ic-flash-info.ic-flash--Theme-Editor {
  background: #3330;
  color: #fff;
  border: 1px #fff solid;
}


#theme-preview-input-1 {
  color: #333;
}

.ic-Super-toggle--ui-switch .ic-Super-toggle__switch {

  background: #c4c4c4;
 
}
.ic-Super-toggle--ui-switch .ic-Super-toggle__option--LEFT {
  color: #FFF;
}

#breadcrumbs > ul > li + li:last-of-type a {
  color: #FFF;
}

.dpCPB_caGd {
  background: #333;
}
.Theme__editor-color_title {

  color: #FFF;
}
.MlJlv_cjSw {
    color: #FFF;}

.ic-Form-control.ic-Form-control--checkbox input[type="checkbox"]:checked ~ .ic-Label::before {

  border-color: #FFF;
}


.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
  background: #fff0;
}

body:not(.no-headers).primary-nav-expanded .ic-Layout-wrapper {
  background-color: #333;
}

#main .pages.active {
  color: #fff;
}

#main li a {
  color: #fff;
}

.page-heading a {
  color: #fff !important;
}

.btn.edit-wiki {
  color: #fff !important;
}

.icon-more {
  color: #fff;
}

.navigation-tray-container.accounts-tray {
  background: #333;
  color: #fff;
}


.navigation-tray-container.accounts-tray a {
  
  color: #fff;
}


.navigation-tray-container.accounts-tray a:hover {
  
  color: #fff;
}



.module-sequence-footer .module-sequence-footer-content {
  
    background: #fff0;
 
}

.item-group-container {
    background: #333;

}

:root {
    --dCppM-defaultBackground: #333 !important;
    --dCppM-scrollFadeColor: #333 !important;
	--XOwIb-defaultColor: #fff !important;
	--dpCPB-color: #2D3B45 !important;
	--MlJlv-textColor: #fff !important;
	--dpCPB-background: #333 !important;
	--ic-brand-font-color-dark: #fff;
}


/*tema escuro*/


/*Tema de alto contraste*/

.ic-framed-lti-tool .ic-app-header__menu-list {
  margin: 0px !important;
}




/*tabela -- 040423 -- */

.rTable{
	width: 100%; text-align: center;
	margin-bottom: 10px;
}
.rTable thead{background: black; font-weight: bold; color:#fff;}
.rTable tbody tr:nth-child(2n){/*background: #ccc;*/}
.rTable th, .rTable td{
    padding: 7px 0;
    
}


/*260424*/
@media screen and (max-width: 1024px){
    
	
#tudo table td, .inicio table td {
  /*padding: 2% !important;*/
  padding: 5% !important;
  box-sizing: border-box;
  word-wrap: anywhere !important;
}
    



#tudo table tr, .inicio table tr {
  /*padding: 2% !important;*/
  padding: 5% !important;
  box-sizing: border-box;
  word-wrap: anywhere !important;
}


}
/*260424*/

@media screen and (max-width: 800px){
    
.rTable3 thead{display:none;}
.rTable3 tbody td{display: flex; flex-direction: column; width: 100% !important; height: auto !important; box-sizing: border-box !important; padding: 5% !important;}
    
}


@media screen and (max-width: 700px){
.rTable thead{display:none;}
.rTable tbody td{display: flex; flex-direction: column; width: 100% !important; height: auto !important;}
.rTable2 thead{display:none;}
.rTable2 tbody td{display: flex; flex-direction: column; width: 100% !important; height: auto !important;}
.rTable3 thead{display:none;}
.rTable3 tbody td{display: flex; flex-direction: column; width: 100% !important; height: auto !important; box-sizing: border-box !important; padding: 5% !important;}
}

@media screen and (max-width: 480px){
.rTable thead{display:none;}
.rTable tbody td{display: flex; flex-direction: column; width: 100% !important; height: auto !important; }
.rTable3 thead{display:none;}
.rTable3 tbody td{display: flex; flex-direction: column; width: 100% !important; height: auto !important; box-sizing: border-box !important; padding: 5% !important;}
}

@media only screen and (min-width: 481px){

.rTable tbody tr td:nth-child(1){width:49%;}
.rTable tbody tr td:nth-child(2){width:2%; height: 10px;}
.rTable tbody tr td:nth-child(3){width:49%;}
.rTable3 thead{display:none;}
.rTable3 tbody td{display: flex; flex-direction: column; width: 100% !important; height: auto !important; box-sizing: border-box !important; padding: 5% !important;}
}




/*Studio*/


/*BREAKPOINT 500PX */
@media only screen and (max-width: 500px) {
    

.pages.show .show-content.lti-content p.lti-embed-container{

margin-left: 0px;

}

#tudo .lti-embed, .inicio .lti-embed {
  width: 100% !important;
}


#tudo .lti-embed, .inicio .lti-embed {
	
	
	
	
}
	
	
#tudo table td, .inicio table td {
  padding: 5% 2% !important;
  box-sizing: border-box;
  word-wrap: anywhere !important;
}


#tudo table tr, .inicio table tr {
  padding: 5% 2% !important;
  box-sizing: border-box;
  word-wrap: anywhere !important;
}


	/*
.padingZero{
  padding: 0% !important;
  box-sizing: border-box;
  word-wrap: anywhere !important;
}*/


#tudo .padingZero table td, .inicio .padingZero table td {
  padding: 0% !important;
  box-sizing: border-box;
  word-wrap: anywhere !important;
}


#tudo .padingZero table tr, .inicio .padingZero table tr {
  padding: 0% !important;
  box-sizing: border-box;
  word-wrap: anywhere !important;
}



}





div {
  /*box-sizing: border-box;*/
}






/*Curso20/09/2023*/



/*-----index-----*/


.box{
	
	
	box-sizing: border-box;
}





.inicio {
background-color: #050c50;
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
}



.inicio .rectangle {

mix-blend-mode: multiply;
position: relative;
width: 100%;
max-width: 1024px;
left: 0;
margin-top: 0px;
}



.inicio .img {

top: 1px;
mix-blend-mode: multiply;
position: absolute;
width: 100%;
left: 0;
}



.inicio .imagem {
position: relative;
width: 45%;
max-width: 489px;
top: -111px;

margin-bottom: -100px;
right: 0px;
object-fit: cover;
float: right;
}

.inicio .p2 {
position: relative;
max-width: 700px;
width: 95%;
top: -80px;
left: 41px;
font-family: 'Roboto', 'Work Sans', Arial;
font-weight: 700;
color: #ffffff;
font-size: 30px;
letter-spacing: 0;
line-height: normal;

box-shadow: 0px 0px 0px 0px #3330; 
text-shadow: 0px 0px 10px  #333; 
}

.inicio .text-wrapper-31 {
position: relative;
width: 100%;
max-width: 452px;


min-height: 50px;
margin-bottom: 0px;
display: table;

font-family: 'Roboto', 'Work Sans', Arial;
font-weight: 700;
color: #000000;
font-size: 30px;
letter-spacing: 0;
line-height: 1.5;
}


.inicio .span {
font-family: 'Roboto', 'Work Sans', Arial;
font-weight: 400;
color: #000000;
font-size: 16px;
letter-spacing: 0;
}

.inicio .text-wrapper-6 {
font-family: 'Roboto', 'Work Sans', Arial;
font-weight: 700;
}




.inicio .coluna_resp {
position: relative;
width: 42%;
max-width: 452px;

top: 0px;

min-height: 500px;
margin-bottom: 50px;
display: block;

font-family: 'Roboto', 'Work Sans', Arial;
font-weight: 400;
color: #000000;
font-size: 16px;
letter-spacing: 0;
line-height: 1.5;

float: left;
margin-left: 5%;
}



.inicio .caixa-detalhes {
position: relative;
max-width: 425px;
width: 100%;

height: auto;
top: 0px;
left: 0px;
margin-top: 0px;

}

.inicio .overlap-2 {
position: relative;

max-width: 430px;
width: 100%;

height: auto;
background-color: #d9d9d9;
border-radius: 8px;
display: table;
	padding: 10px 40px;
	box-sizing: border-box;
}

.inicio .FORMATO-online-DURA {
position: relative;

max-width: 314px;
width: 100%;

top: 0px;
bottom: 0px;
left: 0px;
font-family: 'Roboto', 'Work Sans', Arial;
font-weight: 400;
color: #000000;
font-size: 16px;
letter-spacing: 0;
line-height: 1.5;
margin: 40px auto 60px;
display: table;
	box-sizing: border-box;
}

.inicio .text-wrapper-7 {
font-weight: 700;
}

.inicio .text-wrapper-8 {
font-family: 'Roboto', 'Work Sans', Arial;
	position: relative;
	display: table;
}

.inicio .text-wrapper-9 {
font-family: "Myriad Pro-Italic", 'Roboto', 'Work Sans', Arial;
font-style: italic;
}

.inicio .icon-calendar {
position: relative;

max-width: 30px;
width: 30%;

float: left;
height: 30px;
top: -5px;
margin-right: 10px;
/* top: 184px;
left: 34px;*/
}

.inicio .icon-profile-circle {
position: relative;

max-width: 30px;
width: 30%;

height: 30px;
top: -5px; 
margin-right: 10px;
float: left;
/* top: 259px;
left: 32px;*/
}


.inicio .icon {
position: relative;

max-width: 30px;
width: 30%;

height: 30px;
top: -5px;
float: left;
margin-right: 10px;

	font-size: 30px;
	
}


.inicio .icon-global {
position: relative;

max-width: 30px;
width: 30%;

height: 30px;
top: -5px;
float: left;
margin-right: 10px;
/* top: 40px;
left: 32px;*/
}

.inicio .icon-clock {
position: relative;

max-width: 30px;
width: 30%;

height: 30px;
top: -5px;
margin-right: 10px;
float: left;


}

.inicio .player01 {
position: relative;

max-width: 440px;
width: 100%;


height: 255px;
/*top: 1181px;*/

margin-top: 0px;
margin-bottom: 30px; 

/*left: 528px;*/
background-color: #0f74da;
border-radius: 8px;
border: 1px solid;
border-color: #000000;


}

.inicio .icon-play01 {
position: relative;
width: 73px;
height: 77px;
top: 37%;
left: 45%;
	font-size: 60px;
	color: #fff;
}




.inicio .iniciar {
position: relative;
max-width: 370px;
width: 100%;
height: 50px;
top: 30px;
/*left: 74px;*/
background-color: #0f74da;
border-radius: 8px;
display: table;
}

.inicio .text-wrapper-10 {
position: relative;
width: 100%;
top: 15px;
left: 0px;
font-family: 'Roboto', 'Work Sans', Arial;
font-weight: 700;
color: #ffffff;
font-size: 20px;

letter-spacing: 0;
line-height: normal;
text-align: center;

}



.inicio .text-wrapper-111 {
position: relative;
display: block;
height: auto;
/*top: 2176px;
left: 386px;*/
font-family: 'Roboto', 'Work Sans', Arial;
font-weight: 400;
color: #ffffff;
font-size: 12px;

letter-spacing: 0;
line-height: 1.5;
width: 100%;
max-width: 1024px;
text-align: center;
padding: 20px 0;
background: #010104;
border-radius: 0 0 10px 10px;

top: -5px;
	bottom: 50px;
	/*margin-bottom: 350px;*/
}




.inicio .player {
position: relative;
width: 100%;
max-width: 848px;
min-height: 400px;
top: 0;
left: 0px;
background-color: #0f74da;
border-radius: 8px;
border: 1px solid;
border-color: #000000;
margin: 0 auto;
}


.inicio .icon-play001 {
position: absolute;
width: 136px;
height: auto;
top: 40%;
left: 45%;
	right: 40%;
	color: #fff;
	font-size: 90px;
	margin: auto;
}



.inicio .icon-security-safe02 {
position: absolute;
width: 70px;
height: 70px;
top: -10px;
left: -10px;
	
	font-size: 50px;
	
	color:#fff;
	background: #020A43;
	
	border-radius: 500px;
	text-align: center;
	box-sizing: border-box;
	padding: 2px 0 0 0;


}


.inicio .p3 {
position: relative;
width: 100%;
top: 0px;
left: 0;
font-family: 'Roboto', 'Work Sans', Arial;
font-weight: 700;
color: #ffffff;
font-size: 20px;
text-align: center;
letter-spacing: 0;
line-height: normal;
margin: 0px auto;
	box-sizing: border-box;
	padding: 15px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}



.inicio .div-wrapper {
position: relative;
width: 95%;
max-width: 870px;
height: auto;
	min-height: 50px;
top: 0px;
left: 0px;
background-color: #020a43;
border-radius: 8px;
margin: 60px auto 30px ;
	display: table;
	box-sizing: border-box;/**/
	padding: 10px 30px;

}


.inicio .div {
background-color: #050c50;
max-width: 1024px;
width: 100%;
height: auto;
position: relative;
display: table;
}

.inicio .bg-rodape {

top: 0;
position: relative;
max-width: 1024px;
width: 100%;
left: 0;
mix-blend-mode: multiply;
margin: 0 auto;

}



.inicio .bg-testeira {

top: 1px;
position: absolute;
max-width: 1024px;
width: 100%;
left: 0;
mix-blend-mode:multiply;
height: auto;
display: table;
}




.inicio .rectangle-2 {
height: auto;
top: 100px;
background-color: #ffffff;
position: relative;
max-width: 1024px;
width: 100%;
left: 0;
padding-bottom: 100px;
display: table;
bottom: 100px;

}





.inicio .p {
position: relative;
width: 100%;
top: 15px;
left: 0;
font-family: 'Roboto', 'Work Sans', Arial;
font-weight: 700;
color: #ffffff;
font-size: 20px;
text-align: center;
letter-spacing: 0;
line-height: normal;
margin-bottom: 50px;
}

.inicio .overlap-4 {
position: relative;
width: 100%;
max-width: 386px;
height: 246px;
top: 433px;
left: 105px;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px 4px 10px 5px #00000040;
}

.inicio .overlap-group-2 {
position: relative;
width: 100%;
height: auto;
top: 0;
left: 0;
margin: auto;

padding: 60px 0px;
	font-size: 70px;
	text-align: center;
	display: table;
	color: #0F74DA;
}

.inicio .text-wrapper-3 {
position: relative;
width: 100%;
top: 0px;
left: 0;
height: auto;

font-family: 'Roboto', 'Work Sans', Arial;
font-weight: 700;
color: #000000;
font-size: 20px;
text-align: center;
letter-spacing: 0;
line-height: 1.5;
display: table;
margin: 5px auto;
}

.inicio .text-wrapper-4 {
position: relative;
width: 100%;
top: 0px;
left: 0;
height: auto;
font-family: 'Roboto', 'Work Sans', Arial;
font-weight: 400;
color: #000000;
font-size: 16px;
text-align: center;
letter-spacing: 0;
line-height: 1.5;
display: table;
margin: 10px auto;
}

.inicio .text-wrapper-5 {
position: relative;
width: 100%;
top: 0px;
left: 0px;
height: auto;

font-family: 'Roboto', 'Work Sans', Arial;
font-weight: 400;
color: #000000;
font-size: 16px;
text-align: center;
letter-spacing: 0;
line-height: 1.5;
display: table;
}

.inicio .icon-security-safe {
position: relative;
width: 70px;
height: auto;
top: 0px;
left: 0px;
margin: auto;
display: table;
}

.inicio .overlap-5 {
position: relative;
width: 100%;

max-width: 386px;
height: auto;
top: 0px;
left: 0;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px 4px 10px 5px #00000040;
float: left;
}

.inicio .overlap-6 {
position: relative;
width: 100%;

max-width: 386px;
height: auto;
top: 0px;
left: 0;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px 4px 10px 5px #00000040;
float: left;
}

.inicio .overlap-7 {
position: relative;
width: 100%;
max-width: 100%;
max-width: 386px;
height: 246px;
top: 0px;
left: 0;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px 4px 10px 5px #00000040;
float: left;
}

.inicio .overlap-8 {
position: relative;
width: 100%;
max-width: 100%;
max-width: 386px;
height: 246px;
top: 0px;
left: 0;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px 4px 10px 5px #00000040;
float: left;
}

.inicio .overlap-9 {
position: relative;
width: 100%;
max-width: 100%;
max-width: 386px;
height: 246px;
top: 0px;
left: 0;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px 4px 10px 5px #00000040;
float: left;
}

.inicio .overlap-10 {
position: relative;
width: 100%;
max-width: 100%;
max-width: 386px;
height: 246px;
top: 0px;
left: 0;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px 4px 10px 5px #00000040;
float: left;
}

.inicio .overlap-11 {
position: relative;
width: 100%;
max-width: 100%;
max-width: 386px;
height: 246px;
top: 0px;
left: 0;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px 4px 10px 5px #00000040;
float: left;
}

.inicio .aula {
position: relative;
width: 45%;
max-width: 380px;
height: 246px;
top: 0px;
left: 0;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px 4px 10px 5px #00000040;
float: left;
margin: 10px 2.5%;
display: table;
}

.inicio .aula {
position: relative;
width: 45%;
max-width: 380px;
height: auto;
	
top: 0px;
left: 0;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px 4px 10px 5px #00000040;
float: left;
margin: 10px 2.5%;
display: table;
	padding: 0 40px;
	box-sizing: border-box;
}




.inicio .text-wrapper-6 {
position: relative;
height: 22px;
top: 0;
left: 0;
font-family: 'Roboto', 'Work Sans', Arial;
font-weight:bold;
/*color: #ffffff;*/
font-size: 16px;
text-align: center;
letter-spacing: 0;
line-height: 1.5;
}






/*Logo*/
.inicio  .logo {    
position: relative;
width: 100%;
max-width: 179px;
height: 121px;
top: 0;
left: 0px;
background-color: #0f74da;
border-radius:0 0px 8px 8px;
float: right;
margin-right: 30px;

z-index: 1;
    }

.inicio  .logo-2 {
position: relative;
width: 100%;
max-width: 179px;
height: 81px;
top: 16px;
left: 0;
object-fit: cover;
}


/*Logo*/


/*Pagina*/
.inicio  .overlap {
position: relative;
max-width: 1024px;
width: 100%;
height: auto;
min-height: 200px;
top: 0;
left: 0;

display: table;

margin: 0 auto;
}




.inicio  .overlap-3 {
position: relative;
max-width: 1024px;
width: 100%;
height: auto;
min-height: 1000px;
top: 0px;
left: 0;
background-color: #fff;
margin: 20px auto 10px;
display: table;

bottom: 10px;
padding-bottom: 100px;
}


.inicio  .bg-rodape {

top: 0;
position: relative;
max-width: 1024px;
width: 100%;
left: 0;
mix-blend-mode: multiply;
margin: 0 auto;
}



/*Pagina*/


/*menu*/


.inicio  .links {
position: relative;
width: 100%;
max-width: 386px;
height: 78px;
top: 17px;
left: 0px;
}


.inicio  .sobre-o-curso {
position: relative;
width: 88px;
height: 68px;
top: 0;
left: 0;

float: left;

}


.inicio  .frum {
width: 88px;
height: 68px;
 top: 0;
left: 0;

position: relative;
float: left;	

}	


.inicio  .guia {
position: relative;
width: 88px;
height: 68px;
 top: 0;
left: 0;
float: left;

}


.inicio  .voltar {
position: relative;
width: 88px;
height: 68px;
 top: 0;
left: 0;
float: left;
transform: rotate(0deg);
margin: 0;
background-color: #fff0;
padding: 0px;
}




.inicio  .icon-book {
position: relative;
width: 25px;
height: auto;

margin: 0px auto 0;
display: table;
top: 9px;
left: 0;
}


.inicio  .icon-book-2 {
position: relative;
width: 30px;

margin: 0px auto;
display: table;
top: 9px;
left: 0;
}

.inicio  .icon-messages {
position: relative;
width: 30px;
height: auto;

margin: 0px auto;
display: table;
top: 9px;
left: 0;
}


.inicio  .vector {
position: relative;
width: 14px;
height: auto;

margin: 0px auto;
display: table;
top: 10px;
left: -1px;
transform: rotate(-0deg);
}


.inicio  .ellipse {
position: relative;
width: 48px;
height: 48px;

top: 0;
left: 0;
background-color: #0F74DA;
border-radius: 29.06px/28.79px;

margin: auto;
	
	/*color: #333; */
	font-size: 25px;
	text-align: center;
	padding: 5px 0 0 0;
	box-sizing: border-box;
	color: #fff;
	
}

.inicio  .icon-book-wrapper {
position: relative;
width: 48px;
height: 48px;

top: 0;
left: 0;
background-color: #d9d9d9;
border-radius: 29.06px/28.79px;

margin: auto;
}



.inicio  .overlap-group {
position: relative;
width: 48px;
height: 48px;
top: 0;
left: 0;
background-color: #d9d9d9;
border-radius: 29px/28.79px;

margin: auto;
}



.inicio  .text-wrapper {
width: 58px;
height: auto;
top: 0px;
left: 0;
font-family: 'Roboto', 'Work Sans', Arial;
font-weight: 400;
color: #ffffff;
font-size: 11px;
text-align: center;

position: relative;
letter-spacing: 0;
line-height: 1.5;
display: table;
text-align: center;
margin: 5px auto;

}



/*fim-menu*/

/*sanfona*/
.acord {

padding: 15px 0; 
background-color: #fff0; 
margin-bottom: 25px;    
}

#tudo summary, .acord_tit {
cursor: pointer; background-color: #0272C6; padding: 10px; box-sizing: border-box; border-radius: 10px; color: #fff; font-weight:bold; margin-top: 5px
}

.acord_cont {
padding: 30px 25px; 
box-sizing: border-box; 
}


.caixa_cont{



}

    
.foto_circ {
    float: left; 
     border: 0px #CCCCCC solid; 
    margin-right: 15px; margin-bottom: 10px; padding: 1px; 
    height: auto; display: table;
    }    

.img_circ {
    border-radius: 1000px;
}
.border10{   
border-radius: 10px; 
box-shadow: 0 0 4px 4px #3332; 
border: 1px solid #fff;
}


/*sanfona*/





/*Painel lateral Flex - 28/11/24 */



.css-n0u9rf-view--flex-flex {
  max-width: 100%;
  overflow: visible;
  display: flex;
  overscroll-behavior: auto;
  font-family: LatoWeb, "Lato Extended", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  -moz-box-align: stretch;
  align-items: stretch;
  -moz-box-pack: justify;
  justify-content: space-between;
  flex-direction: column;
  gap: 0px;
}






/*BREAKPOINT 1060PX */

@media only screen and (max-width: 1060px) {


.inicio .coluna_resp {

width: 42%;
max-width: 452px;


float: left;
margin-left: 5%;
}






.inicio .p2 {

font-size: 25px;
	width: 100%;
	/*position: relative;
	display: table;*/
	line-height: normal;

}	
.inicio .aula {

width: 45%;
max-width: 380px;
height: auto;
float: left;
margin: 10px 2.5%;

}	
    
	
#tudo table td, .inicio table td {
  /*padding: 2% !important;*/
  padding: 5% !important;
  box-sizing: border-box;
  word-wrap: anywhere !important;
}


#tudo table tr, .inicio table tr {
  /*padding: 2% !important;*/
  padding: 5% !important;
  box-sizing: border-box;
  word-wrap: anywhere !important;
}    
    
    
    
    

}



/*BREAKPOINT 1000PX */

@media only screen and (max-width: 1000px) {





}



/*BREAKPOINT 930PX */
@media only screen and (max-width: 930px) {





}




/*BREAKPOINT 900PX */
@media only screen and (max-width: 900px) {


}



/*BREAKPOINT 855PX */
@media only screen and (max-width: 855px) {


}



/*BREAKPOINT 768PX */
@media only screen and (max-width: 768px) {

}





/*BREAKPOINT 756PX */
@media only screen and (max-width: 756px) {


}




/*BREAKPOINT 727pX */
@media only screen and (max-width: 727px) {


.inicio .coluna_resp {

width: 90%;
max-width: 452px;

float: none;
margin-left: 5%;
}



.inicio .p2 {

font-size: 20px;

}	

.inicio .aula {

width: 45%;
max-width: 380px;
height: auto;
float: left;
margin: 10px 2.5%;

}	


}













/*BREAKPOINT 690PX */
@media only screen and (max-width: 690px) {



.inicio .coluna_resp {

width: 90%;
max-width: 452px;

float: none;
margin-left: 5%;
}

.inicio .aula {

width: 45%;
max-width: 380px;
height: auto;
float: left;
margin: 10px 2.5%;

}	


}



/*BREAKPOINT 670PX */
@media only screen and (max-width: 670px) {






}







/*BREAKPOINT 640PX */

@media only screen and (max-width: 640px){


.inicio .aula {

width: 95%;
max-width: 600px;
height: auto;
float: none;
margin: 10px auto;
}	



}







/*BREAKPOINT 577PX */
@media only screen and (max-width: 577px) {

.inicio .aula {

width: 95%;
max-width: 600px;
height: auto;
float: none;
margin: 10px auto;
}	


.inicio .logo {    
width: 100%;
max-width: 150px;
	height: 100px;
text-align: center;
}
	
.inicio .logo-2 {
width: 95%;
	height: 60px;
max-width:100px;
	
object-fit: 100%;	

}

}


/*BREAKPOINT 527PX */
@media only screen and (max-width: 527px) {






}




/*BREAKPOINT 500PX */
@media only screen and (max-width: 500px) {


.inicio .logo {    
width: 100%;
max-width: 100px;
text-align: center;
}
	
.inicio .logo-2 {
width: 95%;
	height: 60px;
max-width:90px;
	
object-fit: 100%;	

}
	
.inicio .logo {

    display: block;
}

/*tabela*/    
#tudo table td, .inicio table td
{
  padding: 5% 1% !important;
  word-wrap: normal !important;
  hyphens: auto !important;
    font-size: 95%;
}	   
    
#tudo
{
  font-size: 70%;
}  
    
    

}

/*BREAKPOINT 472PX */
@media only screen and (max-width: 472px) {

.inicio .coluna_resp {

width: 90%;
max-width: 452px;

float: none;
margin-left: 5%;
}

.inicio .aula {

width: 95%;
max-width: 600px;
height: auto;

}	

.inicio .logo {    
width: 100%;
max-width: 140px;
text-align: center;

}
	
.inicio .logo-2 {
width: 80%;
max-width:100px;
object-fit: 100%;	
	

}	
	
.inicio .logo {
  
    display: none;
}
    
    
 /*tabela*/    
#tudo table td, .inicio table td
{
  padding: 5% 1% !important;
  word-wrap: normal !important;
  hyphens: auto !important;
    font-size: 95%;
}	   
    
#tudo
{
  font-size: 70%;
}      
    
	

}





/*BREAKPOINT 424PX */

@media only screen and (max-width: 424px) {

.inicio .coluna_resp {

width: 90%;
max-width: 452px;

float: none;
margin-left: 5%;
}


.inicio .aula {

width: 95%;
max-width: 600px;
height: auto;
float: none;
margin: 10px auto;
	
}		

.inicio .logo {

    display: none;
}
    
 /*tabela*/    
#tudo table td, .inicio table td
{
  padding: 5% 1% !important;
  word-wrap: normal !important;
  hyphens: auto !important;
    font-size: 95%;
}	   
    
#tudo
{
  font-size: 90%;
}      
    
    
    

}






/*BREAKPOINT 340PX */

@media only screen and (max-width: 340px) {


.inicio .logo {
    width: 100%;
    max-width: 140px;
    text-align: center;
    display: none;
}
	
	
.inicio .coluna_resp {

width: 90%;
max-width: 452px;

float: none;
margin-left: 5%;
}



.inicio .p2 {

font-size: 20px;

}	

.inicio .aula {

width: 95%;
max-width: 600px;
height: auto;
float: none;
margin: 10px auto;
}	
	

    
/*tabela*/    
#tudo table td, .inicio table td
{
  padding: 5% 1% !important;
  word-wrap: normal !important;
  hyphens: auto !important;
    font-size: 95%;
    box-sizing: border-box !important;
      
}	  
    
  
    
#tudo
{
  font-size: 70%;
      hyphens: auto !important;
}    
    



#tudo .rTable3 td, .inicio .rTable3 td
{
  padding: 5% !important;
  word-wrap: normal !important;
  hyphens: auto !important;
    font-size: 95%;
    box-sizing: border-box !important;
  
    
}	 

}

.box{
    box-sizing: border-box;
    position: relative;
    margin: auto;
}


.box table td
{
  padding: 5% 1% !important;
  word-wrap: normal !important;
  hyphens: auto !important;
    font-size: 95%;
    box-sizing: border-box !important;
      
}	  



@media (min-width: 768px) {
  body:not(.no-headers):not(.content-only) .ic-Layout-wrapper {
    margin-left: 0px !important;
  }

}

@media (min-width: 768px) {
    body:not(.no-headers):not(.content-only).primary-nav-expanded .ic-Layout-wrapper {
        margin-left: 0px !important;
    }
}

















/*Novo Painel lateral 03/02/2025*/
/*
.css-1fkpg39-view-flexItem {
  
    flex: 1 0 calc(-184.5px + 100vh);
   
}
*/

.css-1fkpg39-view-flexItem.css-1fkpg39-view-flexItem.css-1fkpg39-view-flexItem.css-1fkpg39-view-flexItem.css-1fkpg39-view-flexItem.css-1fkpg39-view-flexItem.css-1fkpg39-view-flexItem.css-1fkpg39-view-flexItem.css-1fkpg39-view-flexItem.css-1fkpg39-view-flexItem {
    padding: 0.75rem;
    min-height: calc(-189.5px + 100vh) !important;
    flex: 1 0 calc(-161.5px + 76vh) !important;
}



/*
.css-1hqn675-view-flexItem.css-1hqn675-view-flexItem.css-1hqn675-view-flexItem.css-1hqn675-view-flexItem.css-1hqn675-view-flexItem.css-1hqn675-view-flexItem.css-1hqn675-view-flexItem.css-1hqn675-view-flexItem.css-1hqn675-view-flexItem.css-1hqn675-view-flexItem {
    padding: 1.5rem 1.5rem 0.75rem;
    min-height: calc(-237.5px + 100vh);
    flex-basis: calc(-218.5px + 89vh);
}*/

.css-1ex7fbf-view-flexItem{
    
    min-height: calc(-237.5px + 100vh) !important;
    flex-basis: calc(-218.5px + 89vh) !important;
    
}



#tudo {
    font-size: 100% !important;
   /* line-height: 1.5;*/
  }


.txt-descricao {
  width: 70.5%;
   /* line-height: 1.5;*/

}


.txt-descricao3 {
  width: 80%;
    /*line-height: 1.5;*/
}


@media only screen and (max-width: 424px) {
    #tudo {
    font-size: 100% !important;
  }
  .txt-descricao3 {
    
    width: 69% !important;
    font-size: 100%;
  }
    
.txt-descricao {
  width: 60.5%;
  font-size: 100%;
}
    

    
}

@media only screen and (max-width: 472px) {
  .txt-descricao3 {
    width: 75% !important;
    font-size: 100%;
  }
    .txt-descricao {
  width: 60.5%;
  font-size: 100%;
}
}

@media only screen and (max-width: 500px) {
  .txt-descricao3 {
    width: 70% !important;
    font-size: 90%;
  }
    
    .txt-descricao {
  width: 60.5%;
  font-size: 100%;
}
    
}

@media only screen and (max-width: 900px) {
  .txt-descricao3 {
    width: 67.5% !important;
      
  }
    .txt-descricao {
  width: 65.5%;
}
}



/*02/07/25*barra de rolagem*/



#quiz_edit_wrapper #options_tab {
  overflow-x: unset !important;
}





.css-1cl6k8e-view-flexItem {
  
  /*min-width: 0.0625rem;*/
  flex: 1 0 calc(-189.5px + 100vh) !important;
  -moz-box-flex: 1;
}



.css-1cl6k8e-view-flexItem.css-1cl6k8e-view-flexItem.css-1cl6k8e-view-flexItem.css-1cl6k8e-view-flexItem.css-1cl6k8e-view-flexItem.css-1cl6k8e-view-flexItem.css-1cl6k8e-view-flexItem.css-1cl6k8e-view-flexItem.css-1cl6k8e-view-flexItem.css-1cl6k8e-view-flexItem {
  /*padding: 0.75rem;*/
  min-height: calc(-198.5px + 100vh) !important;
}
