/***** Font Definition for Open Sans. This stylesheet comes from qrohlf.com/posts/better-opensans *****/
/* Regular */
@font-face {
    font-family: 'Open Sans Regular';
    
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-weight: 400;
    font-style: normal;
}
/* Light */
@font-face {
    font-family: 'Open Sans Light';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 200;
    font-style: normal;

}
/* Bold */
@font-face {
    font-family: 'Open Sans Bold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;
}

html { min-height: 100%;}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #888;
    line-height: 30px;
	overflow-x: hidden;
    background: #fafafa url(../img/bg-header.png);
    background-position: bottom;
    background-position-x: right;
    background-repeat: no-repeat;
    min-height: 100%;
}

.menu {
    padding-left: 10px;
    padding-right: 25px;
    font-size: 12px;
}

.logotop {
    margin-top: 5px;
    margin-right: 10px;
    cursor: pointer;
}

.ajeitaicon {
    margin-top: 15px;
}

.logout {
    margin-top: -2px; 
    padding-left: 10px;
    padding-right: 40px;
}


.icon-top {
    margin-right: 10px;
    margin-top: -3px;
    padding-left: 2px;
    padding-right: 2px;
}

.foto-cima {
    margin-top: -1px;
    padding-left: 20px;
    padding-right: 4px;
    font-size: 12px;
}

.foto-cima-image {
    margin-right: 10px;
    width: 28px;
    margin-top: -3px;
}

.espaco-icons {
    width: 100px;
}

strong { font-weight: 600; }

a, a:hover, a:focus {
	color: #000;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

h1, h2 {
    margin-top: 10px;
    font-size: 38px;
    font-weight: 300;
    color: #555;
    line-height: 50px;
}

h3 {
	font-size: 22px;
    font-weight: 300;
    color: #555;
    line-height: 30px;
    font-style: italic;
}


img { max-width: 100%; }

.medium-paragraph {
	font-size: 17px;
	line-height: 32px;
}

.colored-text { color: #000; }

/***** Loader *****/

.loader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden !important;
	z-index: 99999;
}

.loader-img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -30px 0 0 -30px;
	width: 60px;
	height: 60px;
	background: url(../img/loading.gif) center center no-repeat;
}


/***** General style, all sections *****/

.section-container, .page-container {
    margin: 100px auto;
    padding-bottom: 40px;
}

.section-container-gray-bg {
	background: #f8f8f8;
}

.section-container-image-bg, 
.section-container-image-bg h2, 
.section-container-image-bg h3 {
	color: #fff;
}

.section-container-image-bg .divider-1 span {
	border-color: #fff;
}

.section-description {
	margin-top: 60px;
    padding-bottom: 10px;
}

.section-description p {
    margin-top: 20px;
	padding: 0 120px;
}
.section-container-image-bg .section-description p {
	opacity: 0.8;
}

.section-bottom-button {
	padding-top: 60px;
}


/***** Top menu *****/

.navbar {
	background-color: #2980b9;
	margin-bottom: 0;
	border: 0;
	-o-transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transition: all .6s;
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar.navbar-no-bg { background: #000000; background: #000000; }

.navbar-right { margin-right: 0; margin-top: 12px; }

ul.navbar-nav {
	font-size: 1.5rem;
	color: #fff;
	text-transform: uppercase;
}

ul.nav-perfil { float: right; }

.navbar-inverse ul.navbar-nav li a { padding-top: 20px; padding-bottom: 20px; color: #fff; opacity: 1; text-transform: capitalize; font-size: 1.5rem;}
.navbar-inverse ul.navbar-nav li a:hover { color: #fff; opacity: 0.8; }
.navbar-inverse ul.navbar-nav li a:focus { color: #fff; outline: 0; opacity: 1; }

.navbar-text a {
	margin: 0 8px;
	font-size: 26px;
	color: #fff;
	line-height: 28px;
	opacity: 0.8;
}
.navbar-text a:hover { opacity: 1; }

.navbar-toggle {
	margin-top: 13px;
	margin-bottom: 13px;
}


/***** Top content *****/

.inner-bg {
    padding: 210px 0;
}

.top-content { border-top: 1px solid white; margin-top: 82px; }

.top-content .text {
	color: #fff;
}

.top-content .text .logo {
	padding-bottom: 20px;
}

.top-content .text .logo a {
	display: inline-block;
	width: 130px;
	height: 69px;
	background: url(../img/logo.png) center center no-repeat;
}

.top-content .text h1 {
	margin-top: 25px;
	color: #fff;
}

.top-content .description {
	margin: 30px 0 10px 0;
}

.top-content .description p { opacity: 0.8; }

.top-content .top-big-link {
	margin-top: 45px;
}

/***** Footer *****/

footer {
	padding: 40px 0 0 0;
	background: #444;
	color: #aaa;
	text-align: left;
}

footer h3 {
	color: #aaa;
}

.contact-form {
	padding-top: 20px;
}

.contact-form textarea {
	height: 100px;
}

.contact-form .input-error {
	border-color: #ff8a38;
}

.footer-social {
	padding-top: 20px;
}

.footer-social a {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin-right: 6px;
	margin-bottom: 10px;
	padding-top: 7px;
	background: #666;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
    font-size: 32px;
    color: #ddd;
    line-height: 40px;
    text-align: center;
}
.footer-social a:hover, .footer-social a:focus { background: #777; color: #eee; }

.footer-social a i { vertical-align: middle; }

.footer-copyright {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px dotted #777;
}

.footer-copyright a { color: #ddd; }
.footer-copyright a:hover, .footer-copyright a:focus { color: #eee; }

.footer-bottom {
	margin-top: 60px;
	padding-top: 15px;
	padding-bottom: 25px;
	background: #3d3d3d;
	text-align: center;
}

.footer-bottom a {
	font-size: 32px;
    color: #666;
    line-height: 40px;
}

.footer-bottom a:hover, .footer-bottom a:focus { color: #888; }


.btn-infox {
    margin-top: 20px;
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.btnx {
    display: inline-block;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 1rem 3.6rem;
    font-size: 13px;
    border-radius: 0.25rem;
}

.caixaupa {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    border: 5px solid #ffffff;
}

.caixaupa:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    border: 5px 5px transparent;
}

.caixaup {
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    border: 5px solid #ffffff;
}

.caixaup:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    border: 5px transparent;
}

.iconStatus {
    width: 80px;
    text-align: center;
}

/** MINHAS ATIVIDADES **/

.portlet {
	margin-top: 0;
	margin-bottom: 25px;
	padding: 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px; 
	text-align: left;
}

.caption {
    margin-left: 15px;
    margin-top: 2px;
	text-transform: uppercase;
}


.portlet h4#mes { margin-bottom: 20px; }
.portlet > .portlet-title { margin-bottom: 10px; line-height: 25px; }
.portlet > .portlet-title:before, .portlet > .portlet-title:after { content: " "; display: table; }
.portlet > .portlet-title:after { clear: both; }
.portlet > .portlet-title > .caption {
	float: left;
	display: inline-block;
	font-size: 18px;
	line-height: 25px;
	padding: 10px 0; 
}
.portlet > .portlet-title > .caption.bold {
	font-weight: 400; 
}
.portlet > .portlet-title > .caption > i {
	float: left;
	margin-top: 4px;
	display: inline-block;
	font-size: 16px;
	margin-right: 5px;
	color: #666; 
}
.feeds .label { border-radius: 0;}
.feeds {
	margin: 0px;
	padding: 0px;
	list-style: none; 
}
.feeds li {
	background-color: #fafafa;
	color: #82949a;
	margin-bottom: 17px; 
}
.feeds li:before, .feeds li:after {
	display: table;
	line-height: 0;
	content: ""; 
}
.feeds li:after { clear: both; }
.feeds li:last-child { margin-bottom: 0px; }
.feeds li .col1 {
	float: left;
	width: 100%;
	clear: both; 
}
/*.feeds li:nth-of-type(odd) { background-color: #efefef; }*/

.feeds li:nth-of-type(2n+0) {
	background-color: #EFEFEF;
}
.feeds .subFeeds li:nth-of-type(1n+0) {
	background-color: #F5F5F5;
}
.feeds li .col1:hover, .feeds .subFeeds li:hover {
	background-color: #E2E2E2 !important;
}

.feeds li .col1 > .cont {
	float: left;
	margin-right: 75px;
	overflow: hidden; 
}
.feeds li .col1 > .cont > .cont-col1 { float: left; margin-right: -100%; }
.feeds li .col1 > .cont > .cont-col1 > .label {
	display: inline-block;
	padding: 8.5px;
	vertical-align: middle;
	text-align: center; 
}
.feeds li .col1 > .cont > .cont-col1 > .label > i { text-align: center; font-size: 14px; }
.feeds li .col1 > .cont > .cont-col2 { float: left; width: 100%; }
.feeds li .col1 > .cont > .cont-col2 > .desc {
	margin-left: 45px;
	padding-top: 4px;
	padding-bottom: 5px;
	overflow: hidden; 
	color: #333;
	font-size: 16px;
}
.feeds li .col2 {
	float: left;
	width: 120px;
	margin-left: -120px; 
}
.feeds li .col2 > .date {
	padding: 6px 9px 5px 4px;
	text-align: right;
	color: #333; 
    float: right;
}


.status .andamento { color: #3d8eb9; }
.status .cancelado, .curso .label-danger { color: #cf0000; }
.status .finalizado { color: #41a85f; }
.status .aguardando { color: #000000; }
.status span { line-height: 30px; padding-right: 15px; font-size: 12px; }
.iconleft-b { color:#888; float: left; margin: 7px 2px 0 0 !important; }
.iconleft-b i { margin-top: 8px !important; }

.breadcrumbs {
    overflow: hidden;
    font-size: 10px; 
}
.breadcrumbs h1 {
    margin: 0;
    float: left;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    margin-right: 20px;
    text-transform: uppercase;
    color: #2a3239;
    font-family: 'Oswald', sans-serif;
    margin-top: 10px;
    margin-left: 22px;
}

.legenda { margin: 0; float: right; }
.status { margin-left: 0; }
.subFeeds {
	list-style: none;
	padding-top: 10px;
	/*margin-top: 30px;*/
	padding-left: 0;
}

.curso .label-info { background: #3d8eb9; }
.status .iniciar { color: #9e9e9e; }
.curso .label-default { background: #9e9e9e; }
.status .cancelado, .curso .label-danger { color: #cf0000; }
.curso .table-scrollable i {  font-size: 18px;  }
.curso .table-scrollable tr td {  padding: 10px; font-size: 16px; }
.iconStatus {  width: 80px; text-align:center; }
.curso .portlet-title .caption { text-transform: uppercase;  }
.curso .portlet-title .caption i { margin-top: 2px;  }
.cursoSerie .iconStatus i {  font-size: 22px; padding-top: 25px; }
.table tbody tr.success td { background: #41a85f; color: #FFF;  }
.table tbody tr.success td a { color: #FFF; }
.table tbody tr.info td {  background: #3d8eb9; color: #FFF; }
.table tbody tr.info td a {  color: #FFF; }
.table tbody tr.default td { background: #F5F5F5; color: #333; }
.table tbody tr.default td a { color: #333;  }
.feeds li .col2 > .date .finalizado { color: #41a85f; }
.feeds li .col2 > .date .andamento { color: #3d8eb9; }
.feeds li .col2 > .date .cancelado { color: #cf0000; }
.feeds li {  margin-bottom: 15px;  }
.feeds li .col1 > .cont > .cont-col1 > .label img { height: 25px; }
.subFeeds li {
    background-image: url(../img/submenu_back.gif);
    background-repeat: no-repeat;
    padding-left: 40px;
	display: flow-root;
}
.bg-blue-steel {
    background: #4B77BE !important;
}
.bg-green-jungle {
    background: #26C281 !important;
}
.bg-purple {
    background: #8E44AD !important;
}
.bg-red-haze {
    background: #f36a5a !important;
}
.bg-yellow-lemon {
    background: #F7CA18 !important;
}


    .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
        width: 100%;
		border: none;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #eaeaea;
        border-color: #EEEEEE;
		margin-bottom: 5px;
    }

	.panel-default > .panel-heading + .panel-collapse > .panel-body { border: 1px solid #EEEEEE; }

    .panel-title {
        font-size: 14px;
    }

    .panel-title > a {
            text-align: left;     display: block;
        padding: 15px;
        text-decoration: none;
    }

    .more-less {
        float: left;
        color: #212121;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
		padding-top: 5px;
    }

/* ----- v CAN BE DELETED v ----- */
.demo {
    padding-top: 60px;
    padding-bottom: 60px;
}

.titulo, .page-title { text-transform: uppercase; font-style: normal; font-weight: 600; color: #2980b9; font-size: 22px; text-align:left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; width: 100%; margin-top: 5px; margin-bottom: 20px; line-height: 40px; }
.titulo span { font-weight: 100; color: #333; }
.navbar-inverse ul.navbar-nav li a { text-decoration: none; font-weight: 400; }
.navbar-inverse .navbar-nav > .open > a { text-decoration: underline; font-weight: bold; }
.nav-perfil li a { text-decoration: none; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { background-color: transparent; }

/*** ALTERA CORES DO LAYOUT ***/
.theme-panel { width: 420px; z-index: 9991; position: fixed; top: 8px; right: 10px; }
.theme-panel > .toggler { top: 11px; right: 0; padding: 20px; cursor: pointer; position: absolute; background: url(../img/colors.png) center no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.theme-panel > .out { top: 11px; right: 0; cursor: pointer; position: absolute; margin-right: 50px; margin-top: 3px;}
.theme-panel > .toggler:hover { }
.theme-panel > .toggler-close { display: none; top: 4px; right: 0; padding: 20px; z-index: 101; cursor: pointer; position: absolute; background: #CCC url(../img/icon-color-close.png) center no-repeat !important; }
.theme-panel > .toggler-close:hover { background-color: #999 !important; }
.theme-panel > .theme-options { top: 4px; right: 0; display: none; position: absolute; z-index: 100; background: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.theme-panel > .theme-options > .theme-option { color: #c6cfda; padding-left: 25px; padding-right: 15px; padding-top: 15px; padding-bottom: 46px; border-top: 1px solid #354353; margin-top: 0px; margin-bottom: 0px; }
.theme-panel > .theme-options > .theme-option > span { color: #000; text-transform: uppercase; display: inline-block; width: 145px; font-size: 16px; font-weight: 300; }
.theme-panel > .theme-options > .theme-option > select.form-control { display: inline; width: 135px; padding: 2px; text-transform: lowercase; }
.theme-panel > .theme-options > .theme-option.theme-colors { border-top: 0; }
.theme-panel > .theme-options > .theme-option.theme-colors > span { display: block; width: auto; }
.theme-panel > .theme-options > .theme-option.theme-colors > ul { list-style: none; padding: 0; display: block; margin-bottom: 10px !important; margin-top: 15px; }
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li { width: 40px; height: 40px; margin: 0 15px; cursor: pointer; list-style: none; float: left; border: solid 1px #707070; /* theme colors */ }
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:first-child { margin-left: 0; }
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li:hover, .theme-panel > .theme-options > .theme-option.theme-colors > ul > li.current { border: solid 2px #d64635; }
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-default { background: #27ae60; }
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-darkblue { background: #2980b9; }
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-blue { background: #903f8b; }
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-grey { background: #999999; }
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-light { background: #e67e22; }
.theme-panel > .theme-options > .theme-option.theme-colors > ul > li.color-light2 { background: #F1F1F1; }

.icon { margin-right: 5px; }
.icone {
    width: 17px;
    height: 17px;
    background-size: 100%;
    float: left;
    margin-right: 5px;
}
.icone-sm {
	background-size: 100%;
	background-repeat: no-repeat;
	width: 27px !important;
	height: 27px;
	margin: 2px 0;
}
.icone-sm-l {
	background-size: 100%;
	background-repeat: no-repeat;
	width: 20px !important;
	height: 20px !important;
	margin: -5px 0;
}
.icone-sm-2 {
	background-size: 100%;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	display: block;
}
.nav-item .title { margin-right: 15px; } 
.icone, .icon { margin-right: 10px; }
.icon-trilha {
	background-image: url(/siga/layout/img/icon-trilha-branco.png);
}
.icon-biblioteca {
	background-image: url(/siga/layout/img/biblioteca.png);
}
.icon-presenca {
	background-image: url(/siga/layout/img/wh-icon-lista-presenca.png);
}

.icon-webinar {
	background-image: url(/siga/layout/img/wh-online.png);
}

.icon-relatorio-b {
	font-family: 'Simple-Line-Icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin: 10px 15px 0 0;
}
.icon-relatorio-b:before {
	content: "\e077";
}
.label-quiz { background: #00a885; }
.label-curso { background: #28314e; }
.label-pesquisa { background: #fac51d; }
.label-presencial { background: #a768e8; }
.label-arquivo { background: #f85f22; }



.icon-finalizado {
	background-image: url(../img/status/finalizado.png);
}
.icon-finalizado-b {
	background-image: url(../img/status/finalizado-b.png);
}
.icon-andamento {
	background-image: url(../img/status/andamento.png);
}
.icon-andamento-b {
	background-image: url(../img/status/andamento-b.png);
}
.icon-aguardando {
	background-image: url(../img/status/aguardando.png);
}
.icon-aguardando-b {
	background-image: url(../img/status/aguardando-b.png);
}
.icon-iniciar {
	background-image: url(../img/status/iniciar.png);
}
.icon-iniciar-b {
	background-image: url(../img/status/iniciar-b.png);
}
.icon-cancelado {
	background-image: url(../img/status/cancelado.png);
}
.icon-cancelado-b {
	background-image: url(../img/status/cancelado-b.png);
}
.icon-atrasado {
	background-image: url(../img/status/atrasado.png);
}
.icon-carga-horaria {
	background-image: url(../img/status/carga-horaria.png);
}
.icon-categoria {
	background-image: url(../img/status/categoria.png);
}
.icon-id-curso {
	background-image: url(../img/status/id-curso.png);
}
.icon-questoes {
	background-image: url(../img/status/questoes.png);
}
.icon-nota {
	background-image: url(../img/status/nota.png);
}
.icon-tentativa {
	background-image: url(../img/status/tentativa.png);
}
.icon-presente {
	background-image: url(../img/status/presente.png);
}
.icon-presente-b {
	background-image: url(../img/status/presente-b.png);
}

/**** Icone Branco ****/
.icon-curso-branco {background-image: url(../img/icon-status/online-b.png); }
.icon-presencial-branco {background-image: url(../img/icon-status/presencial-b.png);}
.icon-avaliacao-branco {background-image: url(../img/icon-status/avaliacao-b.png);}
.icon-pesquisa-branco {background-image: url(../img/icon-status/pesquisa-b.png);}
.icon-quiz-branco {background-image: url(../img/icon-status/quiz-b.png);}

.icon-cat-1-branco {background-image: url(../img/icon-status/online-b.png); width: 25px; height: 25px; display: block; }
.icon-cat-2-branco {background-image: url(../img/icon-status/presencial-b.png);}
.icon-cat-2-branco2 {background-image: url(../img/presencial.png);}
.icon-cat-3-branco {background-image: url(../img/icon-status/avaliacao-b.png);}
.icon-cat-4-branco {background-image: url(../img/icon-status/pesquisa-b.png);}
.icon-cat-5-branco {background-image: url(../img/arquivo.png);}
.icon-cat-6-branco {background-image: url(../img/icon-status/quiz-b.png);}

.icon-avaliacao-operador {background-image: url(../img/avaliacao-preto.png); width: 30px; height: 30px; margin-top: 4px;}
.icon-pesquisa-operador {background-image: url(../img/pesquisa-preto.png); width: 30px; height: 30px; margin-top: 4px;}

.form-horizontal .form-group { margin-left: 0; margin-right: 0; }

.btn .fa { margin-right: 7px; }

button.btn {
	height: 40px;
	padding: 18px 15px 18px 15px;
	border: 1px solid #34495E;
	background: #67809F;
	border-radius: 5px;
	font-size: 14px;
    line-height: 0;
	color: white;
}
button.btn:hover, button.btn:focus {
	border: 1px solid #34495E;
	background: #34495E;
	color: white;
}

.btn-cinza {
	padding-top: 10px;
	padding-bottom: 10px;
	border-color: #34495E;
	background-color: #67809F;
	text-decoration: none;
	color:white;
}

.btn-azul-claro {
	padding-top: 10px;
	padding-bottom: 10px;
	border-color: #757D75;
	background-color: #ABB7B7;
	text-decoration: none;
	color: white;
	margin-right: 10px;
}

.btn-azul-escuro {
	padding-top: 10px;
	padding-bottom: 10px;
	border-color: #757D75;
	background-color: #9da7b5;
	text-decoration: none; 
	color: white; 
	margin-right: 10px;
}

button.btn-sm { padding:5px 10px;font-size:13px;line-height:1.5;border-radius:3px; }

.btn-faq:hover { color: #FFF; background-color: #67809F; }

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    -o-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
}
.search-page .search-bar {
    padding: 10px 30px 10px 30px;
    margin-bottom: 20px;
    background-color: #fff;
}
.search-page .bordered {
    border: 1px solid #e7ecf1;
}

.search-page .search-bar input {
    border: none;
    background-color: #fff;
    color: #222 !important;
    height: 55px;
	font-size:2rem;
}

.search-page  .btn.green-soft:not(.btn-outline) {
    color: #FFF;
    background-color: #3faba4;
    border-color: #3faba4;
    height: 55px;
}


.search-page  .btn.blue-soft:not(.btn-outline) {
    color: #FFF;
    background-color: #47c3d3;
    border-color: #47c3d3;
    height: 55px;
	margin-left:-4px;
}
.search-content-2 .search-container>ul .search-item>.search-content .search-title {
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    line-height: 25px;
}

.search-content-2 .search-container>ul .search-item>.search-content .search-title>a {
    color: #4e5a64;
    font-size: 20px;
	
}


.search-content-2 .search-container>ul .search-item>.search-content .search-title>a:hover {
    text-decoration: none;
    color: #49a7fa;
}

.search-content-2 .search-container>ul .search-item>.search-content .search-title>a {
    color: #4e5a64;
}

.search-content-2 .search-container>ul {
    padding: 0 0 20px 0;
    margin-bottom: 0;
}

.search-content-2 .search-container>ul .search-item {
    list-style: none;
    padding: 20px 0;
    border-bottom: 1px solid;
    border-color: #e2e2e2;
}

.search-content-2 .search-container>ul .search-item>.search-content .search-desc {
    color: #000;
    font-size: 15px;
}
.search-content-2 .search-container>ul .search-item>.search-content p {
    margin: 0;
}

.search-content-2 .search-container>ul li:nth-of-type(2n+0) {
	background-color: #efefef;
}

.dadosCurso span { margin-left: 10px; margin-right: 10px; color: #333; }
.dadosCurso .icon-check { color: #41a85f; }
.dadosCurso .icon-reload { color: #3d8eb9; }

.tbCurso .icon-check { color: #FFFFFF; font-size: 20px; }
.tbCurso .icon-reload { color: #FFFFFF; font-size: 20px; }
.tbCurso .icon-close { color: #FFFFFF; font-size: 20px; }
.tbCurso .icon-control-play { color: #000; font-size: 20px; }

.tbCurso td a { color: #FFF; cursor: pointer; }
.bg- td a { color: #000; }
.tbCurso td { color: #FFF; }
.tbCurso .nota { width: 92px; text-align:center; font-weight: 600; }

.tbCurso .bg-icon-check { background-color: #9dc681; }
.tbCurso .bg-icon-reload { background-color: #3d8eb9; }
.tbCurso .bg-icon-close { background-color: #cf0000; }
.tbCurso .bg-icon-control-play { background-color: #F5F5F5; }
.tbCurso .bg-icon-control-play td a, .tbCurso .bg-icon-control-play .nota { color: #000; }

.tbCurso .bg-icon-check:nth-of-type(2n+0) { background-color: #8fb575; }
.tbCurso .bg-icon-reload:nth-of-type(2n+0) { background-color: #48a2d2; }
.tbCurso .bg-icon-close:nth-of-type(2n+0) { background-color: #e04d4d; }
.tbCurso .bg-icon-control-play:nth-of-type(2n+0) { background-color: #ececec; }

li a embed, li a object {
	float: left;
	margin-top: -5px;
	margin-right: 10px;
}

.page-content-wrapper {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}


.container, .page-content-wrapper {
	width: 100% !important;
}

@media (min-width: 768px) {
	.page-content-wrapper {
		width: 750px;
	}
	.modal-full {
		width: 99%;
		margin: 10px; 
	}
}
@media (max-width: 1366px) {
	.container, .page-content-wrapper {
		max-width: 1150px !important;
	}
}
@media (min-width: 992px) {
	.page-content-wrapper {
		max-width: 970px;
	}
}
@media (min-width: 1367px) {
	.container, .page-content-wrapper {
		max-width: 1320px !important;
	}
}
@media (max-width: 1024px) {
	.container, .page-content-wrapper {
		max-width: 1000px !important;
	}
	.icone, .icon {
		margin-right: 5px !important;
	}
	.nav-item .title {
		margin-right: 10px !important;
	}
	.icon-top {
    	margin-right: 3px;
	}
	li a embed, li a object {
    	margin-right: 5px;
	}
	.status span {
		padding-right: 2px;
		font-size: 11px;
	}
	.navbar-inverse ul.navbar-nav li a { font-size: 11px !important; }
}

.btn-faq {
	opacity: 0.6;
	background-color: #34495E;
	border: 1px solid #34495E;
	color: #FFFFFF;
}
.purple {
    color: #fff;
	background-color: #67809F;
    border: 1px solid #34495E;
}




@media (max-width: 768px) {

	body {
		font-size:0.9rem!important;
	}


	.logotop {
	    margin-right: 10px!important;
	}

	.legenda {
		margin-top:20px;
	}

	.iconleft-b {
		padding-right: 2%!important;
		margin: 0px !important;
		line-height: 1rem;
	}

	.iconleft-b img {
		max-width: 30px!!important; 
		width:15%!important;
	}

		.openAdvanced {
			max-width:48%!important;
			font-size: 1.3rem!important;
			margin-left:1%;
		}

	.feeds li .col1 > .cont > .cont-col2 > .desc {
			font-size: 1.3rem!important;
	}

	.mt-element-step {
		padding:10px;
	}

	.mt-element-step p {
		display:block!important;
		width:100%!important;
	}

	.mt-element-step .page-title  {
		margin-bottom:5px!important;
	}

	h3.page-title {
		font-size: 1.3rem!important;
		line-height: 2rem;
	}

	.titulo{
		font-size: 1.8rem!important;
		line-height: 2.1rem;

	}

	.nav-perfil {
		display:none
	}

	#btnsTrilha a {
		font-size:1rem;
	}
}