.kwr-search-input{
    border-radius: 5px;
}

.user-marker:hover{
    filter:brightness(1.2);
    outline:4px solid #c0f080b0;
}

.marker-comment-popup{
    box-shadow: 0px 0px 8px white;
}

.message-header.request_meeting{
    background-color: #faaaaa;
}

.message-header.message{
    background-color: #aafaaa;
}


.message-input + button.text-clear{
    visibility: visible;
}

.message-input:placeholder-shown + button.text-clear{
    visibility: hidden;
}

button.delete-text:hover{
    filter:brightness(1.07);
}
button.delete-text:active{
    filter:brightness(0.85);
}


/* dropdown menu */

.zoom-presence-circle{
    display: block;
    width: 15px;
    height: 15px;
    margin: 3px;
}


.hide-icon{
    visibility: hidden;
}

.unread-circle{
    width: 0.7rem;
    height: 0.7rem;
    background-color: red;
    position: relative;
    top: -0.8rem;
    left: 1.5rem;    
}

#user-comment-available-textbox{display: none;}
#floor-center-menu.available #user-comment-available-textbox{display: block;}

#user-comment-away-textbox{display: none;}
#floor-center-menu.away #user-comment-away-textbox{display: block;}

#user-comment-donotdisturb-textbox{display: none;}
#floor-center-menu.donotdisturb #user-comment-donotdisturb-textbox{display: block;}

#user-comment-inmeeting-textbox{display: none;}
#floor-center-menu.inmeeting #user-comment-inmeeting-textbox{display: block;}






.menu_button-back-home-position:hover{
    background-color: #AAAAEE;
}


.sidenav {
    height: 100%; /* 100% Full-height */
    width:250px;
    width: 0px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #AAAAFF; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}


/* Account Sidebar */

.wrapper{
    display: flex;
    width: 100%;
    align-items: stretch;
}

body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.account-main{
    position:fixed;
    left:130px;
    right: 0px;
    top:56px;
    bottom:0px;
    overflow-y: auto;
}

.account-main-no-scroll{
    position:fixed;
    left:130px;
    right: 0px;
    top:56px;
    bottom:0px;
}


#account-sidebar {
    min-width: 130px;
    max-width: 130px;
}

#account-sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
    list-style-type: none;
    color: #000000;
}

#account-sidebar ul li a:hover{
    color: #000000;
    background: #eaeaea;
}

#account-sidebar ul li li{
    margin-left: 1em;
}

#account-sidebar ul li.active > a, a[aria-expanded="true"]{
    color: #000000;
}


/*********************************************/

#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #7386D5;
}
/*
#sidebar ul li{
    list-style-type: none;    
}
*/
#sidebar .sidebar-header {
    padding: 5px 3px 5px 3px;
    background: #6d7fcc;
}

#sidebar ul p{
    color: #000000;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
    list-style-type: none;
    color: #000000;
}

#sidebar ul li a:hover{
    color: #000000;
    background: #eaeaea;
}

#sidebar ul li.active > a, a[aria-expanded="true"]{
    color: #000000;

}
/*
ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}
*/
table, th, td{
    border: 2px solid black;
    border-collapse: collapse;
}



/* popover user state */

/**
 * Popover ユーザ状態
 */

.popover-list-group .self{ display: none; }
.popover-list-group .room{ display: none; }
.popover-list-group .user{ display: block; }


.popover-list-group .comment{ display: none; }
.popover-list-group .status{ display: none; }

.popover-list-group.user.available .comment.available{ display: block; }
.popover-list-group.user.away .comment.away{ display: block; }
.popover-list-group.user.donotdisturb .comment.donotdisturb{ display: block; }
.popover-list-group.user.inmeeting .comment.inmeeting{ display: block; }

.popover-list-group.user.available.login .status.available{ display: block; }
.popover-list-group.user.available.logout .status.available{ display: block; }
.popover-list-group.user.away.login .status.away{ display: block; }
.popover-list-group.user.away.logout .status.away{ display: block; }
.popover-list-group.user.donotdisturb .status.donotdisturb{ display: block; }
.popover-list-group.user.donotdisturb.logout .status.donotdisturb{ display: block; }
.popover-list-group.user.zoom-signed-out.login .status.available{ display: block; }
.popover-list-group.user.zoom-signed-out.logout .status.offline{ display: block; }
.popover-list-group.user.inmeeting .status.inmeeting{ display: block; }

.popover-list-group.self .self{ display: block; }
.popover-list-group.self .user{ display: none; }
.popover-list-group.self .room{ display: none; }

.popover-list-group.room .room{ display: block; }
.popover-list-group.room .self{ display: none; }
.popover-list-group.room .user{ display: none; }


.popover-call-open-button.show {
    display: block;
}
.popover-call-open-button.hide {
    display: none;
}
.popover-call-close-button.show {
    display: block;
}
.popover-call-close-button.hide {
    display: none;
}
.popover-invite-meeting.show {
    display: block;
}
.popover-invite-meeting.hide {
    display: none;
}

/* popover favorite */
.popover-list-group.favorite .popover-add-favorite{ display: none; }
.popover-list-group .popover-add-favorite{ display: block; }
.popover-list-group.favorite .popover-remove-favorite{ display: block; }
.popover-list-group .popover-remove-favorite{ display: none; }


.popover-button{
    background-color:#5555FF;
    color: white;
    margin: 0px 10px;
    padding: 5px 8px;
    border-radius: 3px;
}

.popover-flex{
    display: flex;
}

.popover-endter-button{
    background-color:#26ac39;
}








.open-call {
    color:green;
}

.closed-call {
    color:blue;
}

/* ユーザリストcss */

.user-list.visible{
    padding: "3px";
    display: block;
}
.user-list.hidden{
    padding: "3px";
    display: none;
}

/*ユーザ一覧のテキスト色*/
/* kwrログイン済み */
.user-list.login span{
    color: #000000;
}

/* kwr未ログイン */
.user-list.logout span{
    color: #606060;
}

.user-list.logout img{
    filter:brightness(30%);
}

/* floor user list */
.user-list-text{
    margin: 3px;
}

.user-list:hover {
    margin: 3px;
    background-color: #a1b0f3;
}

.user-list-text.logout {
    margin: 3px;
    color:gray;
}



/* Roomリストcss */

.room-list.visible{
    padding: "3px";
    display: block;
}
.room-list.hidden{
    padding: "3px";
    display: none;
}

/* floor user list */
.room-list-text{
    margin: 3px;
}

.room-list:hover {
    margin: 3px;
    background-color: #a1b0f3;
}







/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}


/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}



h2 {
    font-size:1.2rem;
}

h3 {
    font-size:1.1rem;
}

.template {
    display:none;
}