.dropdown.open .dropdown-menu {display:table; width:100%; padding:0px; }
.dropdown.open .dropdown-menu a{display:table; width:100%; padding:5px 10px; }
.dropdown.open .dropdown-menu a:hover{ text-decoration:none; background:rgba(1,1,1,.25);}

::-webkit-scrollbar{}
::-webkit-scrollbar:horizontal {
  height: 14px;              /* height of horizontal scrollbar ? You're missing this */
  width: 4px;               /* width of vertical scrollbar */
  border: 1px solid #d5d5d5;
  background:#ccc;
}
::-webkit-scrollbar:vertical {
  width:15px;               /* width of vertical scrollbar */
  background:#fff;
}

/* Track */
::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-track:vertical {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb:horizontal {
  background: /*#c7251c*/ #ccc; 
}
::-webkit-scrollbar-thumb:vertical { background:#ccc;  }


/* Handle on hover */
::-webkit-scrollbar-thumb:horizontal:hover {
  background:/*#555*/ #aaa; 
}
::-webkit-scrollbar-thumb:vertical:hover {
  background: #ccc; 
}


#myCarousel{ max-width:768px; margin:0px auto;}
.carousel-control.left,.carousel-control.right{ background:none; }
.carousel-control{ visibility:hidden;}
.header_row {
    margin: 15px 0px 10px;
    display: table;
    width: 100%;
}
.header_row h2{ padding:5px; }
#selected_room{ float:right; }
.shortcut.body{ text-align: center; display: table; width: 100%; padding: 5px 10px;border: none; background:none; }

.shortcut { 
  text-align: center; 
  display: table; 
  /*width: 100%; */
  padding: 5px 10px; 
  background: #f1f1f1; border-radius: 5px; 
  /* border: 0.75px solid #c7251c; */ 
  font-size: 12px; 
  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.025);
  background: #f6f6f6; padding: 5px;
}
.shortcut .li { line-height:50px; }
.shortcut .li .table {  background: #fff; text-align:center; border-radius:5px; padding: 0px 5px; margin: 0px; }
.shortcut .row { padding: 0px; margin: 7px 0px; line-height: 50px;}
.shortcut .title, .shortcut .shortcut_icon { display: inline; text-transform: uppercase; }
.shortcut .title { margin-left: 10px; }
.shortcut .barcode.title { padding: 0px 0px 2px 1px; }
html,body{ font-family:"Open Sans", Verdana, Arial, Helvetica, sans-serif; padding-bottom:10px;}
svg { float: left; margin-left:5px; }
#overview{ color: #c7251c; }
#overview svg{ width:20px; margin-top: 5px;}
#overview .title{     font-weight: bolder; margin-left:5px;}
#notif{ color: #106db6; }
#notif svg{ width:20px; margin-top: 5px;}
#notif .title{     font-weight: bolder; margin-left:5px;}

/*
.table { width:100%; height:25px; margin:0px 5px; text-align: left; padding-left: 10px; display:table; }
table { width:100%; background: #ffffff; border-radius:	5px; border-radius: 5px; border: 0px solid #f1f1f1; }
table th { font-size: 14px; font-weight: normal; padding: 5px ;}
table tr:nth-child(odd){ background: #f9f9f9;}
table td { text-align:center; padding:5px 0px;}
*/

/*table tr:nth-child(odd){ background: #f4f4f4;} */
.border-left-right{border-right:1px solid #ccc;border-left:1px solid #e1e1e1; }
.border-right { border-right: 1px solid #ccc;}

.container-fluid{ margin:0px auto; width:100%;  max-width:100%;   }
.padding-top-bottom-15{padding-top: 15px;    padding-bottom: 15px;}
.carousel-indicators .active {  border-radius:0px;    width:40px; height:7px;}
.carousel-indicators{ bottom:0px; }
.carousel-indicators li{ border-radius:0px; width:15px; height:7px; }
.carousel-inner .item{ padding:0px 10px ;}
.carousel-inner>.item>a>img, .carousel-inner>.item>img{ border-radius:10px;	}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {    background: #ccc !important;}