@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300');

/****************/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../font/MaterialIcons/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../font/MaterialIcons/MaterialIcons-Regular.woff2) format('woff2'),
       url(../font/MaterialIcons/MaterialIcons-Regular.woff) format('woff'),
       url(../font/MaterialIcons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
/*******************/

@font-face {
            font-family: 'Source Sans Pro Light';
            src: url('../font/SourceSansPro/sourcesanspro-light.eot');
            src: url('../font/SourceSansPro/sourcesanspro-light.eot?#iefix') format('embedded-opentype'),
                 url('../font/SourceSansPro/sourcesanspro-light.woff') format('woff'),
                 url('../font/SourceSansPro/sourcesanspro-light.ttf') format('truetype'),
                 url('../font/SourceSansPro/sourcesanspro-light.svg#source_sans_light') format('svg');
            font-weight: normal;
            font-style: normal;
        	}

@font-face {
            font-family: 'Open Sans Condensed Light';
            src: url('../font/OpenSans/condensed/OpenSans-CondLight-webfont.eot');
            src: url('../font/OpenSans/condensed/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
                 url('../font/OpenSans/condensed/OpenSans-CondLight-webfont.woff') format('woff'),
                 url('../font/OpenSans/condensed/OpenSans-CondLight-webfont.ttf') format('truetype'),
                 url('../font/OpenSans/condensed/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
            font-weight: normal;
            font-style: normal;
        	}


@font-face {
    font-family: 'Lane Narrow Regular';
    src: url('../font/lane/LANENAR_-webfont.eot');
    src: url('../font/lane/LANENAR_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lane/LANENAR_-webfont.woff') format('woff'),
         url('../font/lane/LANENAR_-webfont.ttf') format('truetype'),
         url('../font/lane/LANENAR_-webfont.svg#lane_-_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu Light';
    src: url('../font/Ubuntu/light/ubuntu-l-webfont.eot');
    src: url('../font/Ubuntu/light/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Ubuntu/light/ubuntu-l-webfont.woff') format('woff'),
         url('../font/Ubuntu/light/ubuntu-l-webfont.ttf') format('truetype'),
         url('../font/Ubuntu/light/ubuntu-l-webfont.svg#ubuntu-r-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}


  /* ícones */  


    @font-face {
		font-family: 'UFRGSicons';
		src:url('../font/UFRGS/UFRGSicons.eot?pj0hxu');
		src:url('../font/UFRGS/UFRGSicons.eot?pj0hxu#iefix') format('embedded-opentype'),
			url('../font/UFRGS/UFRGSicons.ttf?pj0hxu') format('truetype'),
			url('../font/UFRGS/UFRGSicons.woff?pj0hxu') format('woff'),
			url('../font/UFRGS/UFRGSicons.svg?pj0hxu#UFRGSicons') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	.icon {
		font-size: 125%;
		font-family: 'UFRGSicons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
	
		/* Enable Ligatures ================ */
		letter-spacing: 0;
		-webkit-font-feature-settings: "liga";
		-moz-font-feature-settings: "liga=1";
		-moz-font-feature-settings: "liga";
		-ms-font-feature-settings: "liga" 1;
		-o-font-feature-settings: "liga";
		font-feature-settings: "liga";

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

        .icon-envelope:before {	content: "\e901";}
		.icon-user:before {	content: "\e900";}
        .icon-menu:before { content: "\e619";}
        .icon-home:before { content: "\e600";}
        .icon-googleplus:before { content: "\e601";}
        .icon-googleplus2:before { content: "\e602";}
        .icon-google-drive:before { content: "\e603";}
        .icon-facebook:before { content: "\e604";}
        .icon-facebook2:before { content: "\e605";}
        .icon-facebook3:before { content: "\e606";}
        .icon-instagram:before { content: "\e607";}
        .icon-twitter:before { content: "\e608";}
        .icon-twitter2:before { content: "\e609";}
        .icon-twitter3:before { content: "\e60a";}
        .icon-feed:before { content: "\e60b";}
        .icon-feed2:before { content: "\e60c";}
        .icon-feed3:before { content: "\e60d";}
        .icon-youtube:before { content: "\e60e";}
        .icon-youtube2:before { content: "\e60f";}
        .icon-vimeo:before { content: "\e610";}
        .icon-vimeo2:before { content: "\e611";}
        .icon-vimeo3:before { content: "\e612";}
        .icon-flickr:before { content: "\e613";}
        .icon-flickr2:before { content: "\e614";}
        .icon-flickr3:before { content: "\e615";}
        .icon-flickr4:before { content: "\e616";}
        .icon-heart:before { content: "\e617";}
        .icon-code:before { content: "\e618";}



        

body{
  background: #f7f7f7;
  color: #666;
  font-family: 'Source Sans Pro Light','Ubuntu','Lane Narrow Regular','Source Sans Pro','Open Sans Light', arial, helvetica, sans-serif;
}


/********** Barra ***********/


body #barra-brasil .list-item a{
	padding-top:8px;
	line-height: 15px;
}

body #barra-brasil nav{background: none;}

#barra-ufrgs{
	width:100%;
	border-bottom: 1px solid #eee;
	background: #fff;
	line-height: 30px;
	font-size: 90%;
}

#barra-ufrgs .wrapper-size{
	background: url(../img/chama.jpg) left no-repeat;
	padding-left: 50px;
    box-sizing: border-box;
    height:30px;
}

#barra-ufrgs ul{
	display: inline;
	float:left;
	margin: 0;
}

#barra-ufrgs ul.icons{
	float: right;
}

#barra-ufrgs ul li{
	display: block;
	float:left;
}

#barra-ufrgs ul li:first-child{
	border-right: #eee 1px solid;
}

#barra-ufrgs a{
	color: #AAA;
	padding: 0 0.5em;
}

#barra-ufrgs a:hover{
	color:#333;
}

.wrapper-size {
	margin: 0 auto;
	width: 80%;
	max-width: 1200px;
}

header {
	background-color:#fff; 
	max-height: 320px;
    overflow: hidden;
}

header .row {
    margin-bottom: 0;
}

#logo img {
    height: 320px;
    padding: 20px 0;
}

#ilustra{
	padding-top: 326px;
	background: transparent no-repeat center bottom;
	background-image: url('../img/negra.svg');
    background-size: 100% auto;
}

nav{
	background-color: #9BC778;
	box-shadow: none;
    height: 60px;
    line-height: 60px;
}

nav ul li, nav a{
	-webkit-transition: border .1s;
    -moz-transition: border .1s;
    -o-transition: border .1s;
    -ms-transition: border .1s;
    transition: border .1s;
    padding: 0;
    background-color: rgba(0, 0, 0,0);
    line-height: 60px;
    font-weight: 600;
}



nav ul li:hover, nav ul li.active{
	border-bottom: 3px solid #E6244D;
	background: none; 
}

nav ul li:hover{
	border-color: #ccc;
}

nav a, nav ul li a{
    text-transform: uppercase;
    padding: 0 22px 0 2.25rem;
    background-size: 2rem;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 1.2rem;
    line-height: 4.5rem;
    height: 60px;
}

nav a#gabaritos{background-image: url(../img/gabarito.svg);}
nav a#histogramas{background-image: url(../img/histograma.svg);}
nav a#densidade{background-image: url(../img/densidade.svg);}
nav a#medias{background-image: url(../img/medias.svg);}
nav a#lista_aprovados{background-image: url(../img/listao.svg);}


#listao {
    display: block;
    background-color: #AACF8C;
    margin: 0 10%;
    text-align: center;
    text-transform: uppercase;
    font-size: 130%;
    width: 80%;
}
#listao a {
    background-position: 10% 50%;
    text-align: center;
    background-size:3rem;
}

aside nav{
    color:#666;
}
aside nav.menu-lateral{
	background: #fff; 
	margin-top: 20px; 
	height: auto; 
	display: block; 
	float: left;
	box-shadow: none;
}

aside nav.menu-lateral .collapsible{
    border: none;
    margin: 0;
    box-shadow: none;
}

aside nav.menu-lateral .collapsible-body{
    border: 0;
}

aside nav.menu-lateral li {
    box-shadow: none; 
    border-left: 5px solid #eee; 
    border-bottom: 1px solid #eee; 
    float: left; 
    width: 100%;
    -webkit-transition:	all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

aside nav.menu-lateral li.active{
	border-left: 5px solid #9BC778;
	background: none;
}

aside nav.menu-lateral li a{
    width: 100%;
    text-align: left;
    padding-left: 15px;
    height: auto;
}


aside nav.menu-lateral ul li:hover{
	background: none;
	border-left: 5px solid #E6244D; 
}

aside nav.menu-lateral ul li a{
	box-shadow: none; 
	color: #666; 
	width: 100%; 
	display: block;
	text-transform: none;
}


nav#menu-horizontal{margin-bottom: 40px;}

.pinned th, .pinned td{
    color: #fff;
    background-color: #9bc778!important;
    -webkit-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}

.pinned {
    width: 70%;
}

.headerMedias.fixed td {
    color: #fff;
    background-color: #9BC778!important;
    overflow-wrap: break-word;
    -webkit-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
}

.btn-floating, .btn-floating:hover {
    background-color: #EB5160;
}

.fixed-action-btn.horizontal ul{
    left: inherit;
}

.btn-floating.filtrar {
    background-color: #E68892;
}

.btn-floating.subir {
    background-color: #EE6674;
}

.fixed-action-btn{
	display: none;
}



/* The Modal Close Button */
.modal-close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    border: none !important;
    background-color: white !important;
    box-shadow: none !important;
}

.modal-close:hover,
.modal-close:focus {
    color: #ddd;
    text-decoration: none;
    cursor: pointer;
}

table, td{
	background: #fff;
	border:1px solid #eee;
	border-collapse: collapse;
	text-align: center;
	table-layout: fixed;
	width: auto;
    overflow-wrap: break-word;
    /* For IE */
    -ms-word-wrap:break-word;
    /* For Firefox */
    white-space: pre-wrap;
    word-break: break-all;
}

table.bordered,
table.bordered th,
table.bordered tr,
table.bordered td
{ border:1px solid #d0d0d0; border-collapse: collapse; vertical-align: middle}

th{
	background: #EAEAEA;
	text-align: center;
}


td, th{
	padding: 10px 5px;
	vertical-align: middle;
	border-radius: 0; 
}

td#grafico{width: 100%; text-align: left; padding: 0; }
td#grafico ul{margin:0;}
td#grafico li{border-bottom: 1px solid #eee; padding: 1px 0; }

table.2col td{
	box-sizing: border-box;
	width: 50%;

}

table.curso{
    margin: 1em 0; 
}

table.curso td.left-align{
    padding-left: 1rem;
}

table.col.s12.headerMedias.pin-top {
    width: 100%;
}


.col.s12.headerMedias.pinned {
    width: 70%;
}

h3{
	color: #E6244D;
    font-weight: 600;
	margin: 3rem 0 1.168rem 0;
}


.opcoes{
	padding: 0 15px;
	border-top: 1px solid #eee;
}

/*** Estilos especificos por pagina ***/

    /** médias e densidades **/

        #filtros, #modal1{
            background: white;
            border: 1px solid #eee;
            margin-bottom: 2em;
        }
       
        #filtros, #modal1 label{
           /* color: #9bc778;*/
            font-size: 1.1rem;
        }

        #headerFixo th{    
            overflow-wrap: break-word;
            line-height: 1;
        }

    
        legend {
            border: 0;
            width: 100%;
            padding: 10px;
            font-size: 1.2rem;
        }

        #filtros .input-field label, #modal1 .input-field label {
            top: 0;
        }

        #filtros [type="checkbox"]+label:before, #modal1 [type="checkbox"]+label:before{
            border: 2px solid #ddd!important;
        }

        #filtros [type="checkbox"]:checked+label:before, #modal1 [type="checkbox"]:checked+label:before{
            border-top: 2px solid transparent!important;
            border-left: 2px solid transparent!important;
            border-right: 2px solid #9BC778!important;
            border-bottom: 2px solid #9BC778!important;
        }



    /**          **/


#canvas-holder1 {
    width: 300px;
    margin: 20px auto;
}
#canvas-holder2 {
    width: 50%;
    margin: 20px 25%;
}
#chartjs-tooltip {
    top: -10px;
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    padding: 3px;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.chartjs-tooltip-key{
    display:inline-block;
    width:10px;
    height:10px;
}
footer.page-footer {
    background-color: #9BC778;
}
.brand-logo {
    margin-left: 60px;
}
.button-collapse {
    padding-left: 0px !important;
}


.side-nav a{
    height: 52px;
    font-size: 1.2rem!important;
    line-height: 52px!important;
    text-transform: none!important;
}

.side-nav li.active{
    border-left:5px solid #9bc778!important;
    background-color: #fff!important; 
}

.side-nav li:hover{
    border-left: 5px solid #e6244d!important;
    background-color: #fff!important;
}

.side-nav li{
    border-bottom:1px solid #eee!important;
    border-left: 5px solid #eee!important;
    background-color: #fff!important;
}

.side-nav .collapsible-header {
    margin: 0px!important; 
}


nav .nav-wrapper i {
    display: block;
    font-size: 2rem;
}


.destaqueQuestao{
	color: #C00;
	font-weight: bold;
}

nav ul li ul {
    padding-left: 10px;
    font-size: 95%;
    line-height: 77%;
}

p {
    margin: 1.5em 0 0;
    display: block;
    float: left;
}

h4 {
    font-size: 2.28rem;
    line-height: 110%;
    margin: 1.8rem 0 1rem 0;
}


/**************menu alfabeto listao ****************/
.alfabeto{
margin: 5% 0 0 0;
padding: 0;
width: 100%;
height: 50px;
}

.alfabeto ul{
list-style: none;
}

.alfabeto li{
display: inline;
float: left;
padding:0px;
margin: 0;
width: 3.84%;
border-left: #eee thin solid;
}


.alfabeto a:hover, .alfabeto a:focus {
    outline: 0;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    background-color: #E6244D;
}

.alfabeto li.active{
        background-color: #E6244D;
        color: #fff;
}

.listao table{
        margin-top: 10px;
        width: auto;
        font-size: 0.8em;
        table-layout: inherit;
        text-align: left;
}

.listao td{
        border-left: none;
        border-right: none;
        font-size: 0.8em;
        text-align: left;
}

.listao th{
        background: #EAEAEA;
        text-align: left;
        font-size: 0.8em;
}

.listao td,{
        padding: 10px 5px;
        vertical-align: top;
        border-radius: 0;
        margin-left: 10px;
}
.listao tr:hover td {
    background: #B3E48D;
}


.asterisco {
    color: red;
    font-weight: bolder;
    display: inline;
}


.listao thead tr th:first-child {
    width: 5em;
}



/*** RESPONSIVE MAGIC ***/

 
 @media only screen and (max-width: 1280px) { 
 	table.col.s12.headerMedias.fixed.pinned{
		width: 74%!important;
	}

    aside nav.menu-lateral li a{
        height: 3rem;
        line-height: 3rem;
    
     }
     
     nav a, nav ul li a{
         font-size: 1rem;
     }
     
     #listao a {
         background-size: 2.5rem;
     }

	.container {
    	width: 74%;
	}

}



@media only screen and (max-width: 992px) {    
    table.col.s12.headerMedias.fixed.pinned{
		width: 70%!important;
	}

    .side-nav .collapsible-body ul{
        margin:0;
    }

    .side-nav .collapsible-body li a{
        font-size: 14px;
        line-height: 90%;
        height: 40px    
    }

    .container {
    	width: 70%;
	}

}


 @media only screen and (min-width: 992px){


    .side-nav{
        display: none!important;
    }


    #sidenav-overlay{
        display: none!important;
    }

}

@media only screen and (max-width: 600px){

    nav .button-collapse {
    top: 4px;
    }

}


@media only screen and (max-width: 400px){
	table.col.s12.headerMedias.fixed.pinned{
		width: 80%!important;
	}

    i.large.material-icons {
        width: inherit;
        display: inline-block;
        text-align: center;
        color: #fff;
        font-size: 1.6rem;
        line-height: 37px;
    }

    .container {
        width: 80%;
    }

    nav .brand-logo.left {
        left: 0rem;
    }

    nav .brand-logo{
        font-size: 1.8rem;
        margin-left: 44px;
    }

    nav .button-collapse {
        top: 4px;
    }

}

/*only for IE*/
@media only screen and (max-width: 285px){
    #barra-ufrgs {
        line-height: 14px\0;
    }

    nav .brand-logo.left {
    	font-size: 1.4em\0;
	}
}