.center{text-align: center ;}
.left{text-align: left ;}
.right{text-align: right ;}
.pointer{cursor:pointer;}
.noallow{cursor:not-allowed;}
.none{display: none}
.vcenter{vertical-align:middle}
.vtop{vertical-align:top}
.vbottom{vertical-align:bottom}
.red{color:red}
.blue{color:blue}
.orange{color:orange}
.white{color:white}
.strong{font-weight:bold}
.oyauto{overflow-y: auto;}

.width100{width : 100% !important}



.bgorange{background : #ffb100 }
.bgred{background : #ff6262 }
.bgpurple{background : #9816f4 }
.bglightblue{background : #00c5dc }
.bglightgreen{background : #34bfa3 }
.bgsky{background : #36a3f7 }
.bgpink{background : #e83e8c }
.bggray{background : #6c757d }
.bgfacebook{background : #1877f2 }


::-webkit-scrollbar
{
  width: 12px;
  height: 16px;
}
/* Track */
::-webkit-scrollbar-track {
/* -webkit-border-radius: 16px; */
/* border-radius: 16px; */
width: 16px;


}

/* Handle */
::-webkit-scrollbar-thumb {
/* -webkit-border-radius: 16px; */
border-radius: 16px;
background: #c7e0f7;
width: 16px;

}

ul.dropdown-menu {
  padding: 6px !important;
  border-radius: 12px !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
  border: none !important;
}

div.modal-content {
  padding: 12px !important;
  border: none !important;
  border-radius: 1.3rem !important;
}

.modal-open .modal {
  background: #000000c4 !important;
}