/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

nav {
  position: fixed;
}
.navbar-header {
  width: 180px;
  height: 50px;
  float: left;
}
.navbar-top-links{
  width: 55px;
}
.navbar-right {
    float: right;
}
.navbar-right .dropdown-menu {
    right: 0;
    left: auto;
}

#send_emotion {
  display: flex;
  justify-content: center;
}
#send_emotion img{
  margin: 10px;
  width: 100px;
  height: 100px;
}

#send_emotion li{
  display: inline-block;
}

#push_list p{
    padding-top: 10px;
    padding-bottom: 10px;
}

#time_bar{
  background-color: #d41414;
  font-size: 22px;
  color: #fff;
  margin-top:50px;
  position: fixed;
  width: 100%;
  heigh: 30px;
  min-width: 350px;
  text-align: center;
  z-index: 1;
}

#work_btn{
    color: white;
}

#push-send-flag {
  width: 110px;
  margin-top:10px;
  padding: 0px;
  font-size: 20px;
  float:left;
  background-color: #c0c0c0;
}
#push-send-button {
  width: 55px;
  text-align: center;
}

@media (max-width: 370px) {
  #push-send-flag {
    width: 80px;
  }
  #push-send-button {
    width: 40px;
  }
}
.flag-no-selected{
  background-color: #a9a9a9;
}
.flag-selected{
  background-color: #00bfff;
  float:right;
}
#home {
  padding-top:70px;
}

.navbar, .navbar.navbar-default{
  background-color: #d3d3d3;
}
#time_modal > .modal-dialog {
  width: 65%;
  margin: auto;
}
.btn-category {
    width: 100%;
    display: inline-block;
    text-align: left;
    font-size: 1.5em;
    border-bottom: 1px solid #696969;
    position: relative;
    background-color: #eee;
    padding-left:10px;
    padding-top:10px;
    height:45px;
}
.btn-category:hover {
    background-color: #aaa;
}
.arrow{
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin:10px;
}

.arrow::before{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 4px #cecece;
  border-right: solid 4px #cecece;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 0;
}

.arrow::hover {
    background-color: #eee;
}

#return_button{
    left: 0;
    top: 0;
    float:left;
    display: none;
}
#return_text{
  position: relative;
  border: 16px solid transparent;
  border-left-width: 8px;
  border-right-color: #999;
  margin-top: 10px;
}
#category_list{
  margin-top: 10px;
}