#main{
  max-width:900px;
  background: #fff;
}



.styled select {
   background: transparent;
    -webkit-appearance: none;
} 


.female{
 color : #DDA0DD; 
 
}

.male{
 color : #B0C4DE;
}





ul.rooms-list li:hover, ul.room-all li:hover{
    cursor: move;    
}



ul.rooms-list {
  padding:0px;
  margin:0 5px 0px 5px;
  border :1px dashed #ddd;
  min-height:85px;
}

ul.room-all {
  padding : 2px;
  margin:0px;
  border:1px dashed #ccc;
  font-size:0.9em;
  background-color:#FBFBFB;
  height:600px; 
  overflow: auto;

}

ul.rooms-list li{
  margin-left:30px;
}

.ui-toolbar{
  padding: 10px;
}

.dddd{
  background:#f9f9f9;
  color:#999;  
  list-style-type: none;
}



.sorting_asc{
  
}



.sorting_asc:after{
  font-family: FontAwesome;
  content:' \f0de ';
  color:#aaa;
}

.sorting_desc:after{
  font-family: FontAwesome;
  content:' \f0dd ';
  color:#aaa;
}

.sorting:after{
  font-family: FontAwesome;
  content:' \f0dc ';
  color:#aaa;
}


.paging_two_button{
  padding:10px;  
}




.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-left: 0;
  padding-right: 0;
}
.navbar-wrapper .navbar {
  padding-left: 15px;
  padding-right: 15px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-left:  15px;
    padding-right: 15px;
  }
  .navbar-wrapper .navbar {
    padding-left:  0;
    padding-right: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}


/* scroll */

.scroll::-webkit-scrollbar {
    width: 6px;
}
 
.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2); 
    -webkit-border-radius: 5px;
    border-radius: 10px;
}
 

.scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #555; 
    
}
.scroll::-webkit-scrollbar-thumb:window-inactive {
  background: #999; 
}



.widget{
  background: #F7F7F7;
  padding:10px;
  margin-bottom : 30px;
}

.widget-white{
  padding-top:0px;
  background: #FFF;
}

.footer{
  margin:auto;
  background: #fff;
  padding: 50px 20px 20px 20px;
  width:900px;
  color : #000096;
}



tr.unread{
  font-weight: bold;
}


.ticket-message{
  border-top:1px solid #ccc;
  width:99%;
  margin:auto;
  padding:5px;
}

.ticket-message .header{
  min-height:40px;
line-height: 20px;
}


#logo{
  width : 800px;
  height : 200px;
  background-size:     cover;
  background-repeat:   no-repeat;
  background-position: center center;   
  background:url('../img/header_amf_fpma_iraisana.png') no-repeat;

}

#logo-small{ 
  height : 160px;
  display:block;
  background:url('../img/logo_amf_iraisana.png') no-repeat;
  background-position: center center;
  margin: 20px 0px 20px 0px;
}