/* RESET CSS */

html, body, nav, div{
	padding: 0;
	margin: 0;
}

/* PADRÃO */

:focus, :hover{
	outline: 0 !important;
	text-decoration: none !important;
}

body{
	color: #2E3641;
	background: #F6F6F6;
	font-size: 11px;
}

img{
	vertical-align: middle;
}

input, select, textarea{
	border: 1px solid rgba(101, 148, 208, .7) !important; /* Old browsers */;
	font-variant: normal;
}

input[type='checkbox'],
input[type='radio']{
	cursor: pointer;
	vertical-align: initial;
}

table{
	width: 100%;
}

textarea{
	resize: vertical;
}

.form-control{
	display: inline;
}

.btn-default, 
.btn-default:focus, 
.menu .panel-group:first-child .panel,
.navbar-default,
.icon,
.menu .panel-group:first-child .panel,
.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover,
.button,
.background-default{
	background: #0087cc; /* Old browsers */
	background-image: -moz-linear-gradient(top,  #0087cc 0%, #00468e 100%); /* FF3.6-15 */
	background-image: -webkit-linear-gradient(top,  #0087cc 0%,#00468e 100%); /* Chrome10-25,Safari5.1-6 */
	background-image: linear-gradient(to bottom,  #0087cc 0%,#00468e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087cc', endColorstr='#00468e',GradientType=0 ); /* IE6-9 */
}

.btn-default, .btn-default:focus, .menu .panel-group:first-child .panel{
	color: white;
	outline: none !important;
}

.error{
	color: red;
	float: left;
	font-weight: normal;
}

.MensagemErro{
	color: red;
}

.hide{
	display: none;
}

.list-group{
	margin-bottom:0;
}

/*HEADER*/

.navbar{
	z-index: 1;
}

.navbar-default{
	color: white;
}

.navbar  .brand-centered {
  	display: flex;
  	justify-content: center;
  	position: absolute;
  	width: 100%;
  	left: 0;
  	top: 0;  	
}

.navbar .brand-centered .navbar-brand{
	color: white;
	height: auto;
	font-weight: bold;
	text-transform: uppercase;
}

.navbar-default .triangle-top-left{
	border-style: solid;
    border-width: 60px 60px 0px 220px;
    border-color: white transparent transparent white;
    line-height: 0;
    _border-color: white #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    height: auto;
    float: left;
    margin: 5px 0px 5px 0px;
}

.navbar-default .triangle-top-left img{
	position: absolute;
	top: 20px;
	left: 10px;
}

.navbar-header .navbar-toggle{
    border: 0;
}

#navbar ul,
.navbar-header .navbar-toggle{
	z-index: 3;
}


.navbar-header .navbar-toggle:focus,  .navbar-header .navbar-toggle:active, .navbar-header .navbar-toggle:hover,
.navbar-default .navbar-nav .open a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav .open a:hover,
.nav .open a, .nav .open a:focus, .nav .open a:hover 
{
    background-color: transparent;
}

.navbar-header .navbar-toggle .icon-bar{
	background: white;
}

.navbar .logo{
	display: none;
}

#navbar ul li a{
	color: white;
    outline: none;
}

#navbar .open .dropdown-menu{
	background-color: transparent;
}

#navbar .open .dropdown-menu li a:hover{
	background-color: transparent;
}

/*END HEADER*/

/*FOOTER*/

.footer{
	position: fixed;
    bottom: 0;
    border: 1px solid transparent;
    width: 100%;
    text-align: center;
    font-size: 10px;
    padding: 5px;
    z-index: 1;
}

.footer-default{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0087cc+0,00468e+100 */
	background: #00468e; /* Old browsers */
	color: white;
}

/*END FOOTER*/

/*ICONES SISTEMS*/

.icon {
    position: relative;
    border: 2px solid rgba(12,112,179,1);
    border-radius: 50%;
}

.icon:before{
    position: absolute;  
    content:''; 
    border: 1px solid white; 
    height: 100%;
    width: 100%;
    border-radius: 50%;
}

.icon img {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.box .icon{
    width: 70px;
    height: 70px;
    margin: 30px auto;
}

.icon-sistem{
	width: 30px;
	height: 30px;
}

/*END ICONE HOME*/

/*SISTEMS*/

.menu #accordion,
.container-top, 
#filters{
	border: 2px solid rgba(101,148,208, 1) !important;
	border-radius: 5px;
}

#filters .panel .form-panel{
	padding: 5px 15px 0px 15px;
}

#filters table tr td{
	padding-left: 15px;
	padding-right: 15px;
}

.container-top{
    display: block;
    padding: 5px;
    margin-bottom: 20px;
    background-color: #fff;
    margin-bottom: 10px;
}

.container-top .title{
	padding: 5px;
    font-weight: bold;
}

.panel a{
	color: #000;
}

.panel{
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	border: none;
	border-radius: 0px;
} 

.panel .panel-heading .panel-title,
.panel a .panel-heading .panel-title,
.table tbody tr td{
	font-size: 12px;
}

.menu .panel-group{
	margin-bottom: 10px;
}

.menu .panel-group:first-child .panel{
	color: white;
	outline: none !important;
	border-radius: 5px;
}

.menu .panel-group:first-child .panel a{
	color: white;
}

.menu .panel-group:first-child .panel .panel-heading{
	padding: 14px;
}

.menu #accordion .panel .panel-heading{
	border-bottom: 1px solid rgba(101,148,208, 1);
}

.menu #accordion .panel{
	border-radius: 5px;
}

.menu #accordion .panel .list-group .list-group-item{
	background: #DCE6ED;
}

.menu #accordion .panel .list-group .list-group-item:hover,
.table tr.hover:hover,
.pagination>li>a:hover,
.nav-tabs>li a:hover{
	background: #A0C6E3;
}

.accordion-default{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.accordion-default .panel{
	border-radius: 0px;
}

.accordion-default .panel-group{
	margin-bottom: 0px;
}

.accordion-default .panel{
	background: #DCE6ED;
}

.accordion-default .panel-group:first-child .panel{
	background: #C5D9E8;
}

.accordion-default .panel .panel-heading{
	border-bottom: 2px solid white;
}

.accordion-default .panel-group:first-child .panel .panel-heading h4{
	font-weight: 600;
}

.table>tbody>tr>td {
	padding: 0px;
	border-top: transparent;
}

.table-responsive{
	margin-bottom: 0px;
	border: transparent;
}

.table-responsive::-webkit-scrollbar {
    height: 10px;
}
 
.table-responsive::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.table-responsive::-webkit-scrollbar-thumb {
  background-color: #00468E;
  outline: 1px solid slategrey;
}

.border{
	border-top: 2px solid rgba(101,148,208, 1) !important;
	border-left: 2px solid rgba(101,148,208, 1) !important;
	border-right: 2px solid rgba(101,148,208, 1) !important; 
	border-bottom: none;
}

.table{
	margin-bottom: 0px !important;
    background-color: #fff;
}

.border-default{
	border: 2px solid rgba(101,148,208, 1) !important;
	margin-bottom: 10px !important;
}

.dataTitulo,
.paginacao{
	background: #C5D9E8 !important;
	font-weight: bold;
}

.table tr.dataTitulo td,
.table tr td.dataTitulo,
.dataTitulo,
.table tr td.GridPaginacaoLink,
.table tr.dataField td,
.table tr.dataLabel td,
.table tr td.dataField,
.table tr td.dataField2,
.table tr td.dataLabel,
.table tr td.dataLinha,
.table tr.hover td{
	padding: 4px;
	vertical-align: middle;
	white-space: initial;
}

.table tr td .registration{
	padding-top: 10px;
	padding-bottom: 10px;
}

.table tr td .registration{
	padding-right: 15px;
}

.table tr td .registration div.checkbox-master{
	padding: 5px 10px;
	width: 40px;
}

.table tr.dataTitulo td a,
.table tr.dataTitulo td,
.dataTitulo{
	color: #000;
	font-weight: bold;
}

.table tr.dataLabel td,
.table tr td.dataLabel{
	white-space: nowrap;
	border:none;
}

.table tr td img{
	height: 18px;
	margin: 3px 1px 3px 1px;
}

.table .dataLabel{
	background: #DCE6ED;
	font-weight: 600;
}

.paginacao{
	padding: 5px;
	border-bottom: 2px solid rgba(101,148,208, 1);
	border-left: 2px solid rgba(101,148,208, 1);
	border-right: 2px solid rgba(101,148,208, 1);
	margin-bottom: 20px;
}

.pagination{
	margin: 0px;
	display: block;
}

.paginacao div:nth-child(1){
	padding-top: 5px;
}

.buttons-form{
	margin-bottom: 10px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	border: 2px solid rgba(101,148,208, 1);
	border-bottom-color: transparent;
}

.form-control{
	height: 30px;
	padding: 0px 0px 0px 10px;
}

.file-about{
	padding-top: 2px;
	padding-bottom: 2px;
}

.file-about img{
	height: 25px;
}

.modal-video {
	display: block;
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: none; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}


.modal-video .video {
	margin: auto;
	display: block;
	width: 90%;
	max-width: 900px;
	transition: 0.3s;
}

.modal-video .caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

.modal-video .video, .modal-video .caption { 
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
	from {-webkit-transform:scale(0)} 
	to {-webkit-transform:scale(1)}
}

@keyframes zoom {
	from {transform:scale(0)} 
	to {transform:scale(1)}
}

.modal-video .close {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
	opacity:1;
}

.modal-video .close:hover,
.modal-video .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}
		
/*END VIDEO APRESENTATION*/


/*END SISTEMS*/

/* RESPONSIVE */

@media (min-width: 1200px){
}

@media (min-width: 992px){
}

@media (min-width: 768px){
	
	.container-fluid{
    	padding-right: 50px;
    	padding-left: 50px;
	}

	.footer{
		font-size: 10px;
	}

	.navbar .logo{
		display: block;
	}

	#navbar .open .dropdown-menu{
		background: #00468E;
	}

	#navbar ul{
		padding: 10px 15px;
	}

	.navbar-brand {
		font-size: 20px;
		padding: 25px 15px;
	}

	.navbar>.container .navbar-brand, 
	.navbar>.container-fluid .navbar-brand{
		margin: 0px;
	}

	.menu{
		min-height: 700px;
	}
}

@media all and (orientation: portrait){

}


@media (max-width: 768px) and (orientation:portrait) {

}

@media (max-width: 768px) and (orientation:landscape) {

  .navbar{
  	margin-bottom: 30px;
  }

  .footer {
  	margin-top: 30px;
  	position: relative;
  }

}