﻿/*=====================================================================	CLASSES CUSTOMIZADAS =============================================================================*/

body {
    background-color: #fff !important;
}

.row {
    margin-right: 0 !important;
}

.navbar {
    background: #ee8325 none repeat scroll 0 0 !important;}
	
.dropdown-menu.dropdown-close {
    width: 300px;
    padding: 15px 10px;
    left: auto;
}

.dropdown-menu.dropdown-caret::before{right: 10px !important; left:auto !important;}
.dropdown-menu.dropdown-caret::after{right: 9px !important; left:auto !important;}

.li-curso {
    line-height: 20px;
    margin: 10px 0;
}

.passos{float:left !important; color:#FFF !important; padding:15px 5px;}
.botao-passos{margin:15px 15px 15px 5px;}

.clicavel{cursor:pointer !important;}

.clicavel{cursor:pointer !important;}

/************************LOGIN***************************/

.login-layout{background:url(../images/bg-login-graduacao.jpg) repeat #f8f8f8 !important;}

.login-info {text-align: center; margin-top: 40px;}

.widget-box {background-color: none !important;}

.forgot-password-link{color: #004F7A !important;}

.forgot-box .back-to-login-link, .signup-box .back-to-login-link {
    color: #004F7A !important;
    font-size: 13px !important;
    font-weight:normal !important;
    text-shadow:none !important;
}

.ajuste-logo{padding-top:30px; padding-bottom:50px;}

.dropdown-menu.dropdown-close {
    top: 118% !important;
}

.ace-nav li.transparent a{height:56px !important;}

.no-padding {padding: 0 !important;}

.unisuam-dark-blue {background: #004F7A !important;}

.margin-select{margin:5px 0; min-width:170px;}

select {height: 35px !important;}

.left{float:left;}

.topbar {width: 100%; background: #1B6AAA; height: 41px;}

.space-bottom2{margin-bottom:5px;}

.no-mg{margin-left:0px !important}

.space-bottom3{margin-bottom:15px;}

.space-top{margin-top:5px;}

.space-top-35{margin-top:35px;}

.space-bottom-35{margin-bottom:35px;}

.space-bottom-50{margin-bottom:50px;}

.margin-label{margin-right:25px !important;}

.infobox{height:auto !important; width:32% !important; margin:0px 2px !important;}

.input-icon{width:100%;}

.input-icon > .ace-icon{line-height:32px !important;}

.small-icon{font-size:8px !important;}

.topo{padding:0 35px;}

.ajuste-logo{padding-top:30px; margin-bottom: 20px;}

.chosen-container{max-width:100% !important; width:100% !important; margin-bottom:12px;}

.olho{padding:0px 3px !important;}

.entre-disc{border-top: none !important;  padding: 2px 8px !important;}

.filtros{background-color:#e4e4e4 !important; float: left; padding: 13px 0 0; width: 100%;}

.barra-creditos{background-color:#fff !important; float: left; padding:0 0 10px 0; width: 100%; color:#2297ab;}

.chosen-container-multi .chosen-choices li.search-field input[type="text"]{height: 26px !important; width:114px !important;}

.accordion-inactive{background-color:#f4f4f4; color:#b7b7b7; }
.popover-pointer{color:#428bca !important; cursor:pointer;}

.azul-claro-unisuam{color:#2297ab !important;}
.azul-claro-unisuam-bg{background-color:#2297ab !important;}



.info-rodape{border-top:#e5e5e5 1px solid; padding-top:20px; margin-top:20px;}
.contato{float:left;}
.logo-rodape{float:right;}

.box-cursar {
border: 1px solid #e5e5e5;
padding: 5px;
width: 100%;
height: 470px;
overflow-y: scroll;
margin-bottom:5px;
}

.dark {
    height: 56px !important;
}


.infobox .infobox-icon .ace-icon::before {
    font-size: 18px !important;
    padding: 7px 0 !important;
    width: 31px !important;
}

.infobox .infobox-icon .ace-icon{
	height:32px !important;
}

.infobox .infobox-data{padding:5px 0;}

.cr{font-size:18px !important;}

.senha-container{
    width:980px;
    margin:0 auto;
    background-color:#FFF;
}

.ui-progressbar {
    height: 40px;
	border:solid 1px #ccc !important;
}

.progress.active .progress-bar {
    padding: 11px 2px;
}

.progress.active .progress-bar img{
	float:right !important;
}

figure { width: 100%; min-width: 17.5em; margin:0 auto;}
figcaption { font: 120% sans-serif; text-align: center;}
.boxVideo {
    position: relative;
    padding-bottom: 56.25%; 
    padding-top: 25px;
    height: 0;
    margin:0 auto;
}
.boxVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.periodo-div{background-color:#2297ab; color:#FFF; font-size:16px;}

@media only screen and (min-width:1000px){.modal-grade-lg{width:990px !important;}}

@media only screen and (min-width:768px) and (max-width:999px){.modal-grade-lg{width:750px !important;}}


@media only screen and (max-width:480px){
	.ace-nav li.transparent a {
    height: 45px !important;}
	
	.dropdown-menu.dropdown-close {
    right: -60% !important;;
	}
	
	.dropdown-menu.dropdown-caret::before {
    right: 128px !important;;
}

.dropdown-menu.dropdown-caret::after {
    right: 129px !important;;
}

.navbar .navbar-brand{float:none !important;}

.navbar-brand {
    font-size: 9px !important;
    line-height: 10px !important;
}

.navbar-brand img{margin:0 auto !important; display:block !important;}
}

@media only screen and (max-width:400px){.top-space{margin-top:10px;}}
@media only screen and (max-width:1200px){.senha-container{width:98%} .infobox {min-width: 240px !important;} }
@media only screen and (max-width:520px){.box-escolhidas {overflow-x: scroll; border: 1px solid #e5e5e5; padding: 5px; width: 100%;} .btn-conteudo{margin:4px 0;}}
@media only screen and (max-width:767px){.box-grade {overflow-x: scroll; border: 1px solid #e5e5e5; padding: 5px; width: 100%;}}
@media only screen and (max-width:600px){.hide-mobile{display:none !important;} .contato{float:none !important; text-align:center;} .logo-rodape{float:none !important; display: block; margin: 10px auto;}}
	
.form-container {
	max-width:960px;
	margin: 20px auto;
}

.form-group {
    margin-bottom: 10px !important;
}	

/************************FOOTER***************************/

/*.ambiente-footer {margin: 100px 0 0 0 !important;}*/

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

.box-cursar {
overflow-x: scroll;
}
}

@media only screen and (max-width:779px){.hide-banner-escolha{display:none !important;}}







