html,body{
	background:"#DAE4EB" !important;
}

.card-body ::-webkit-scrollbar {
  height: 4px;              /* height of horizontal scrollbar ← You're missing this */
  width: 4px;               /* width of vertical scrollbar */
  border: 1px solid #d5d5d5;
   background: #f1f1f1;
}
.card-body ::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.card-body ::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

@keyframes check {0% {height: 0;width: 0;}
    25% {height: 0;width: 6px;}
    50% {height: 10px;width: 6px;}
  }
  .checkbox{
  	
  	display:inline-block;
  	height:12px;
  	margin:0 .25em;
  	
  	border-radius:4px;
  	
  	
  	}
  .checkbox span{
  	display:inline-block;
  	height:15px;
  	position:relative;
  	width:15px;
  	padding:0; 
  	border-radius:4px;
  	border:1px solid #ccc;
  }
  .checkbox span:after{
  	-moz-transform:scaleX(-1) rotate(135deg);
  	-ms-transform:scaleX(-1) rotate(135deg);
  	-webkit-transform:scaleX(-1) rotate(135deg);
  	transform:scaleX(-1) rotate(135deg);
  	-moz-transform-origin:left top;
  	-ms-transform-origin:left top;
  	-webkit-transform-origin:left top;
  	transform-origin:left top;
  	border-right:2.5px solid #fff;
  	border-top:2.5px solid #fff;
  	content:'';
  	display:block;
  	height:10px;
  	left:1px;
  	position:absolute;
  	top:7px;
  	width:6px
  }
  .checkbox span:hover:after{border-color:#999}
  .checkbox input{display:none}
  .checkbox input:checked + span:after{-webkit-animation:check .8s;-moz-animation:check .8s;-o-animation:check .8s;animation:check .8s;border-color:#555;}
.checkbox input:checked + .default:after{border-color:#444}
.checkbox input:checked + .primary:after{border-color:#2196F3}
.checkbox input:checked + .success:after{border-color:#8bc34a}
.checkbox input:checked + .info:after{border-color:#3de0f5}
.checkbox input:checked + .warning:after{border-color:#FFC107}
.checkbox input:checked + .danger:after{border-color:#f44336}