/* Add here all your CSS customizations */

.btn-alert{
  color: white ;
  background-color: #be69c9;
}

.btn-alert:focus, .btn-alert:hover{
  color: white ;
  background-color: #cb83d4;
}


.btn-mode{
  color: white ;
  background-color: #D770AD;
}

.btn-mode:focus, .btn-mode:hover{
  color: white ;
  background-color: #fa82c6;
}



.btn-group {
  display: flex;
}
.list-container{
    overflow-x: auto;
    clear: both;
	witdh:auto;
}

#toTop {
    padding: 5px 3px;
    /*background: #000;*/
    color: #fff;
    position: fixed;
    bottom: 0;
    right: 5px;
    display: none;
	z-index: 9999;
}


/* scroll bar */
/*
::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 2px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(225,0,0,0.5);  
}
*/

/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(51,146,209,0.65); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(51,146,209,0.65); 
}

.imghead {
	border-radius: 5px 5px 0px 0px;
	height: 200px;
    width: 100%;
}

#branch-logo {
	padding-left: -100px;
	display:block; 
	width:220px; 
	height:auto;
}

.custom > thead > tr > th,
.custom > tbody > tr > th,
.custom > tfoot > tr > th,
.custom > thead > tr > td,
.custom > tbody > tr > td,
.custom > tfoot > tr > td {
  padding: 0px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #000;
}