.error{
	color: red;
}
.btn-sm{
	padding: 3px !important;
}
.col-search-input {
    display: block;
    width: 100%;
}
.panel {
    padding-top: 3%!important;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #263238; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #263238; 
}

.info-box{
  padding:50px;
}
.box1,.box2,.box3,.box4,.box5,.box6,.box7,.box8,.box10{
  padding:30px;
}
.box1{
  background-color: #00c0ef;
}
.box2{
  background-color: #dd4b39; 
}
.box3{
  background-color: #00a65a; 
}
.box4{
  background-color: #f39c12;  
}
.box5{
  background-color: #f56954; 
}
.box6{
  background-color: #d2d6de;
}
.box7{
  background-color: #5c6bc0;
}
.box8{
  background-color: #26a69a;
}
.box10{
  background-color: #f5f5f5;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.loading-image {
  top: 50%;
  left: 50%;
  z-index: 10;
}
.loader
{
    display: none;
    width:200px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align:center;
    margin-left: -50px;
    margin-top: -100px;
    z-index:2;
}
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled){
      background: #202a30 !important;
}
.ck-editor__editable{
  height: 150px !important;
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu{
  bottom: auto!important;
}
.reorder_ul{
  list-style: none!important;
/*  display: inline-flex;*/
}
.required::after {
    content: " *";
    color: red;
}