.container {
    max-width:100%;
}

.top-nav {
    max-width: 100%;
}

.top-nav-links a {
    color: #FFFFFF;
}

.top-login-links{
    background-color: #EA0F19;
    color: #FFFFFF;
    padding: 5px 30px 5px 0px;
    text-align: right;
}

.top-login-links a {
    color: #FFFFFF;
}

.button.blue {
    background-color: #017AFE;
    border: 0.1rem solid #017AFE;
}
	
.logout-button {
    margin: 10px 10px 10px 10px;
    border: 1px solid  #ddd;
    padding: 2px 10px 2px 10px;
    border-radius: 5px;
}

.top-navi-user{
    text-decoration:underline;  
}

.content h3 {
    color:#017AFE;
}

.add_info{
    display:none;
}

.close{
    display:none;
}

.success {
    padding: 20px;
    background-color: #04AA6D;
    color: white;
    margin-top: 15px;
    margin-bottom: 15px;
}

.fail {
    padding: 20px;
    background-color: #f44336;
    color: white;
    margin-top: 15px;
    margin-bottom: 15px;
}

.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}
  
.closebtn:hover {
    color: black;
} 

.error-message {
    background-color:#a90329;
    color:#fff;
    margin-bottom: 20px;
    padding: 5px;
}

#loginform {
    width: 30%;
    margin: 0 auto;
}

.store_button{
    text-align:center;
    margin-top: 7px;
    width:30px;
}

.new_icon img{
    max-width: none;
    margin-top: 7px;
}

.address_icon img{
    max-width: none;
    margin-top: 7px;
}

.actions img{
    max-width: none;
    margin-top: 7px;
}

.line_space {
    padding-top:30px;
}

.childAges {
    width:100px !important;
    margin: 2px !important;
}

#childAgeList{
    padding-bottom: 10px;
}

.error {
    color: red;
    white-space: pre ;
}

label {
    margin-bottom: 0.5rem;
}

fieldset, input, select, textarea {
    margin-bottom: 0.5rem;
}

.view.content .date {
    margin-top: 1.2rem;
}

.add_guest_form {
    padding-bottom: 30px;
}

.number {
    font-weight: bold;
}

.view.content .radio {
    margin-top: 1.2rem;
  }

  .input.radio label:first-of-type {
    margin-bottom: 0.5rem;
  }

label, legend {
    font-weight: 100;
    font-size: 1.8rem;
}

.sbm_btn{
    text-align: center;
}

.message.success {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.message.success100 {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    background: #e3fcec;
    color: #1f9d55;
    border-color: #51d88a;
}

.message.error {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.csv_importing{
    display:none;
}

.loading{
    margin-left: 10px;
}

@media (min-width: 640px){
    .column-responsive.column-80 {
        margin: 0 auto;
    }
}

.store_list.table-responsive {
    overflow: scroll;
}

.table-responsive td, th {
    padding: 0.1rem 0.8rem;
}

.search_content{
    width:200px;
}

.search_area{
    padding-bottom: 20px;
}

.top-nav-links a {
    width:200px;  
}

.store_list{
    font-size: 0.9em;
}

.row_grey {
	background: #eee;
}

table th a {
   text-decoration: none;
}

table th a:hover {
    text-decoration: underline;
}

.asc:after {
    content: " \25B2";
}
.desc:after {
    content: " \25BC";
}

@media screen and (max-width: 640px){
    table {
        display: block;
    }

    table tbody {
        display: contents;

    }

    table td, table th {
        display: table-cell;
    }

    .top-nav-links a {
        margin-bottom:5px;
    }
}