/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.d-none{
  display:none;
}

label.valid {
  width: 24px;
  height: 24px;
  background: url(../img/valid.png) center center no-repeat;
  display: inline-block;
  text-indent: -9999px;
}
label.error {
  font-weight: bold;
  color: red;
  padding: 2px 8px;
  margin-top: 2px;
}


.sidebar-nav-fixed {
     position:fixed;
     top:60px;
     width:20%;
 }

 @media (max-width: 767px) {
     .sidebar-nav-fixed {
         width:auto;
     }
 }

 @media (max-width: 979px) {
     .sidebar-nav-fixed {
         position:static;
        width: auto;
     }
 }

 #cartao{
    width: 100%;
    height: auto;
    position:absolute;
}

#nome{
    position:absolute;
	padding-top:47%;
	padding-left:7.5%;
	font-size: 4.3vw;
	color: #fff;
}

#validade{
    position:absolute;
	padding-top:52%;
	padding-left:7.5%;
	font-size: 4.3vw;
	color: #fff;
}

#n_cartao{
    position:absolute;
	padding-top:52%;
	padding-left:63%;
	font-size: 4.3vw;
	color: #fff;
}

.card_container{
    position:relative;
	max-width: 460px;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}

@media screen and (min-width: 475px) {
  #validade, #nome, #n_cartao {
     font-size: 20px;
  }
}

.menu_bar {
    background-color: #048A6F;
}

.menu {
	background-color: #048A6F;
}

.brand {
	width: 135px;
}

.nav.pull-right{
	margin-top: 17px;
}

.navbar-inverse .brand, .navbar-inverse .nav>li>a {
	font-family: 'Roboto',Arial,sans-serif;
    color: #fff;
    text-shadow: none;
	letter-spacing: 1px;
    text-transform: uppercase;
	font-weight: bold;
	transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7,1,0.7,1);
	font-size: 12px;
}

.navbar-inverse .nav .active>a, .navbar-inverse .nav .active>a:hover, .navbar-inverse .nav .active>a:focus {
    color: #fff;
    background-color: transparent;
	text-decoration: underline;
	box-shadow: none;
}

.navbar-inverse .nav>li>a:focus, .navbar-inverse .nav>li>a:hover {
	text-decoration: underline;
	color: #000;
}

.pad_container{
	margin-top: 25px;
}


.single-colored-widget{
   margin-bottom: 30px;
}

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



@media (max-width: 767px){
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    width: 93%;
}}

.navbar-inverse .btn-navbar {
	color: #fff;
    background-color: #048A6F;
	border-color: transparent;
	background-image:none;
	box-shadow: none;
	text-shadow: none;
    margin-top: 18px;
}

@media (max-width: 979px){
.navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #fff;
}}

@media (max-width: 979px) and (min-width: 768px){
.span6 {
    width: 505px;
}}

.span6 {
    min-width: 502px;
}

.thumbnail img{
width: 151px !important;
    margin: 15px;

}

ul.thumbnails .thumbnail{
      height: 177px;

}

.formulario a{
  text-decoration: underline;
  font-weight: bold;
}