.datepicker {z-index: 9999 !important;}
.ui-autocomplete {z-index: 9999 !important;}

.topbar .form-group {
  display: block;
}
.topbar .form-control {
  background-color: transparent !important;
  border: none;
  color: #FFF;
  box-shadow: none;
  display: block;
  width: 100%;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.topbar .form-control:focus {
  background-color: transparent !important;
  border-color: #888;
  color: #FFF;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}
.topbar .search-button {
  background: none;
  border: none;
  position: absolute;
  right: 5px;
  top: 3px;
  color: #ccc;
  -webkit-box-shadow: 0px 0px 0px 0px !important;
  box-shadow: 0px 0px 0px 0px !important;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  -ms-transition: all 100ms ease-in;
  -o-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.mt3 {
	margin-top:3px;
}
.mt7 {
	margin-left:7px;
}
.opacidade {
	opacity: 0.92;
}

.barraBranca {
  background-color: #FFF;
}

#conteudo {
  margin-top: 40px;
}

.conteudomobile {
	height: 100% !important;
	padding: 20px !important;
}

.conteudomobileac {
	margin-top:62px !important;
	height: 100% !important;
	padding: 20px !important;
}

@media (max-width: 870px) {
	.conteudomobile {
		padding: 20px !important;
		height: 100% !important;
	}
	.conteudomobileac {
		padding: 20px !important;
		margin-top:22px !important;
		height: 100% !important;
	}
}
/*Large Desktop*/

@media (min-width: 1200px) {

}

/*Desktop*/
/*@media (min-width: 992px) and (max-width: 1199px) { */
@media (min-width: 992px) and (max-width: 1199px) {

}

/*Small desktop or tablet*/
/* @media (min-width: 768px) and (max-width: 991px) { */
@media (min-width: 768px) and (max-width: 991px) {
	body{overflow-x: hidden;}
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-x: scroll;
		overflow-y: hidden;
		border: 1px solid #dddddd;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
	}
	.table-responsive > .table {
		margin-bottom: 0;
	}
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td {
		white-space: nowrap;
	}
	.table-responsive > .table-bordered {
		border: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child {
		border-left: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child {
		border-right: 0;
	}
	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td {
		border-bottom: 0;
	}
	.button-menu-mobile{display: block;}
	.navbar{margin: 0 0 0 40px;}
	.mobile-sidebar{left: 0px;}
	.mobile-content{left: 225px;right: -225px;}
	.box-info .icon-box{
		width: 45px;
		font-size: 20px;
		margin-top: 5px
	}
	.box-info .text-box p{font-size: 11px;}
	.toolbar-btn-action{text-align: center;}
	.gallery-wrap .column .inner .img-wrap{
		height: 60px;
		overflow: hidden;
		background: #ddd;
	}
	.gallery-wrap .column-3 .inner .img-wrap{
		height: 140px;
		overflow: hidden;
		background: #ddd;
	}
	.gallery-wrap .column-4 .inner .img-wrap{
		height: 100px;
		overflow: hidden;
		background: #ddd;
	}
	.user-profile-sidebar{text-align: center;}
	.barraBranca {
		background-color:#fff;
	}
}

/*Phone*/
/* @media (max-width: 767px) { */
@media (max-width: 767px) {
	body{overflow-x: hidden;}
	.barraBranca {
		background-color:#fff;
	}
	.mobile-sidebar{left: 0px;}
	.mobile-content{left: 250px;right: -250px;}
	.box-info table{margin: 0 0 0 0;}
	.box-info .table-responsive{border: none;}
	
	.nav.navbar-nav.top-navbar li span.absolute {left: 25px;}

	.box-info .additional .list-group{margin-bottom: -10px;}
	.toolbar-btn-action{text-align: center;}
	.gallery-wrap .column{width: 25%;}
	.gallery-wrap .column-4{width: 33.33333333333333%;}
	.gallery-wrap .column-3{width: 50%;}
	.gallery-wrap .column .inner .img-wrap{
		height: 70px;
		overflow: hidden;
		background: #ddd;
	}
	.gallery-wrap .column-3 .inner .img-wrap{
		height: 140px;
		overflow: hidden;
		background: #ddd;
	}
	.gallery-wrap .column-4 .inner .img-wrap{
		height: 105px;
		overflow: hidden;
		background: #ddd;
	}
	.widget.box-messages{
		margin-top:0px;
	}
	
	footer{text-align: center;}
	.navbar-nav{
		margin:0px;
	}
	.navbar{
		border:none;
	}

	.navbar-nav .open .dropdown-menu{
		float:left;
		position: absolute;
		background:#fff;
		right:0px;
		left:auto;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	}

	.navbar-nav.navbar-right:last-child {
	    margin-right: -15px;
	    height:60px;
	}

	.open > .dropdown-menu {
	    display: block;
	}

	.nav-tabs.nav-justified > li {
	    display: table-cell;
	    width: 1%;
	}

	.navbar-nav > li > a{
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.navbar-right{
		float: right;
	}
	.navbar-nav > li{
		display: inline-block;
	}
	.lock-screen{text-align: center;}

	.profile-actions{
		bottom:auto;
		top:60px;
	}
	.widget-tabbed{
		margin-top:40px;
	}
	.widget-cid {
		margin-top: -7px!important;
	}
	.widget-tabbed .nav-tabs a{
		font-size:0px !important;
	}
	.widget-tabbed .nav-tabs a i{
		font-size:18px !important;
	}
	.the-timeline ul li.the-year{
		font-size:30px;
	}
	.ava-lock-screen{text-align: center; margin-bottom: 20px;}
	.ava-lock-screen img{
		width: 100px;
		margin: 0;
	}
	.open-right-sidebar .hide-phone{
		display: none;
	}
	
	.la-pricing-table .la-col-4{width: 50%;}
	.user-profile-sidebar{text-align: center;}

	.img-topo-login {
	position: relative;
    top: 10px;
	}
	.img-topo-cadastro {
	position: relative;
    top: 0px;
	}
}

@media (max-width: 480px){
	.box-info .icon-box{
		width: 100%;
		display: block;
	}
	.box-info .icon-box,.box-info .text-box{text-align: center;}
	.gallery-wrap .column,.gallery-wrap .column-3,.gallery-wrap .column-4{width: 33.33333333333333%;}
	.gallery-wrap .column .inner .img-wrap,.gallery-wrap .column-3 .inner .img-wrap,.gallery-wrap .column-4 .inner .img-wrap{height: 70px;}
	.login-wrap{margin: 20px 0 0 0;}
	
	.navbar-default {
	  border: none;
	}
	.open-right-sidebar .topbar-profile,.open-right-sidebar .hide-phone{
		display: none;
	}
	.the-timeline ul li.the-year{
		font-size:20px;
		margin-left: 37%;
	}
	#wrapper:not(.enlarged) .topbar-profile,#wrapper:not(.enlarged) .hide-phone{
		display: none;
	}
	#wrapper .content-page{
		width:100%;
		display: inline-block;
	}
	.open-right-sidebar .content-page > .content{
		opacity: 0;
	}
	.side-menu{
		z-index: 10 !important;
	}
	#weather h2{
		top:90px;
	}
	#weather .w-region{
		top:250px;
	}
	#stock-widget #stock-title{
		display: none;
	}
	#stock-widget .stock-options{
		margin-left: 15px;
	}
	.button-menu-mobile{display: block;}
}

@media (max-width: 420px){
	.hide-phone{
		display: none !important;
	}

	
}

@media (max-width: 360px){
	.gallery-wrap .column,.gallery-wrap .column-3,.gallery-wrap .column-4{width: 50%;}
	.gallery-wrap .column .inner .img-wrap,.gallery-wrap .column-3 .inner .img-wrap,.gallery-wrap .column-4 .inner .img-wrap{height: 80px;}
	.la-pricing-table .la-col-4{width: 100%;}
}

@media (max-width: 320px){
	.gallery-wrap .column,.gallery-wrap .column-3,.gallery-wrap .column-4{width: 50%;}
	.gallery-wrap .column .inner .img-wrap,.gallery-wrap .column-3 .inner .img-wrap,.gallery-wrap .column-4 .inner .img-wrap{height: 70px;}
}

.make-md-column(3);

.col-md-3{
    .make-md-column(3); /* Replaces .col-md-3; */
    
}

@media (max-width: 767px) {
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	  float: left;
	}
	.col-xs-12 {
	  width: 100%;
	}
	.col-xs-11 {
	  width: 100%;
	}
	.col-xs-10 {
	  width: 100%;
	}
	.col-xs-9 {
	  width: 100%;
	}
	.col-xs-8 {
	  width: 100%;
	}
	.col-xs-7 {
	  width: 100%;
	}
	.col-xs-6 {
	  width: 100%;
	}
	.col-xs-5 {
	  width: 100%;
	}
	.col-xs-4 {
	  width: 100%;
	}
	.col-xs-3 {
	  width: 100%;
	}
	.col-xs-2 {
	  width: 100%;
	}
	.col-xs-1 {
	  width: 100%;
	}

}

@media print {
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	  float: left!important;
	}
	.col-xs-12 {
	  width: 100%;
	}
	.col-xs-11 {
	  width: 91.66666666666666%;
	}
	.col-xs-10 {
	  width: 83.33333333333334%;
	}
	.col-xs-9 {
	  width: 75%;
	}
	.col-xs-8 {
	  width: 66.66666666666666%;
	}
	.col-xs-7 {
	  width: 58.333333333333336%;
	}
	.col-xs-6 {
	  width: 50%;
	}
	.col-xs-5 {
	  width: 41.66666666666667%;
	}
	.col-xs-4 {
	  width: 33.33333333333333%;
	}
	.col-xs-3 {
	  width: 25%;
	}
	.col-xs-2 {
	  width: 16.666666666666664%;
	}
	.col-xs-1 {
	  width: 8.333333333333332%;
	}

}

.grid-portlets {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 0px;
  grid-gap: 2px;
}
.grid-item-portlets {
  background-color: #059474;
  padding: 5px;
  font-size: 1.125em;
  text-align: center;
  border-radius: 4px;
}
.grid-item-portlets2 {
  background-color: #e5e5e5;
  padding: 5px;
  font-size: 1.125em;
  text-align: center;
  border-radius: 4px;
}
.a-grid {
  color: #1a1a1a;
}
.i-grid {
  font-size: 16px;
}

.p-grid-media {
	color: #fff;
	padding-top: 12px;
}
.p-grid-portlets {
	padding-top: 12px;
}