.alpha-primary {
  background-color: #e3f2fd;
}
.text-primary {
  color: #2196f3;
}
.text-primary[href]:focus,
.text-primary[href]:hover {
  color: #0c83e2;
}
.bg-primary {
  background-color: #3e418b;
}


.text-danger {
  color: #f44336;
}
.text-danger[href]:focus,
.text-danger[href]:hover {
  color: #f22112;
}
.bg-danger {
  background-color: #f44336;
}
.border-danger {
  border-color: #f44336;
}

.text-success {
  color: #4caf50;
}
.text-success[href]:focus,
.text-success[href]:hover {
  color: #409444;
}
.bg-success {
  background-color: #4caf50;
}

.text-info {
  color: #00bcd4;
}
.text-info[href]:focus,
.text-info[href]:hover {
  color: #009aae;
}
.bg-info {
  background-color: #00bcd4;
}

.text-blue {
  color: #03a9f4;
}
.text-blue[href]:focus,
.text-blue[href]:hover {
  color: #038fce;
}
.bg-blue {
  background-color: #03a9f4;
}


.bg-body {
  background-color: #f5f5f5;
}
.border-go {
  border: 1px solid #0d819d;
}
.bg-go {
  background-image: linear-gradient(to right, #24c6dc, #514a9d);
  color:#ffffff;
}
.bg-golight {
  background-image: linear-gradient(to right, #24c6dc, #514a9d);
}
.bg-go-down {
  background-image: linear-gradient(#24c6dc, #514a9d);
}
.bg-cyan {
  background-color: #24c5db;
}
.text-go {
  /*color:  #24c6dc;*/
  color:#0d819d;
}
.text-nav {
  /*color:  #24c6dc;*/
  color:#2d21b9;
}
.text-ban {
  color:  #2874a8;
}
.bg-header {

 background-color: #e1ebf3;
}
.bg-ban {
 /* background-color: #2874a8d9;*/
 background-color: #12ACD2;
  color:#ffffff !important;
}
.bl-blue{
  border-left:#0069d9 5px solid;
}
.bl-danger{
  border-left:#f32905 5px solid;
}
.bl-green{
  border-left:#09a738 5px solid;
}
.text-fade{
  color:#888787;
}

#style-Overflow::-webkit-scrollbar-track,
#tblpolicy::-webkit-scrollbar-track,
#task-overflow::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-Overflow::-webkit-scrollbar,
#tblpolicy::-webkit-scrollbar,
#task-overflow::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

#style-Overflow::-webkit-scrollbar-thumb,
#tblpolicy::-webkit-scrollbar-thumb,
#task-overflow::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)),
									   color-stop(0.86, rgb(28,58,148)));
}

.verticalLine {
  border-left: 2px solid #24c6dc;
}
.bg-custom{
  background-color: #f8fafd;
  color: #2b2b2b !important;
}
::-webkit-scrollbar {
  width: 8px;
  height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background-image: -webkit-gradient(linear,
  left top,
  left bottom,
 
  color-stop(0.44, rgb(122,153,217)),
  color-stop(0.72, rgb(73,125,189)),
  color-stop(0.86, rgb(28,58,148)));
  
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #25c3db; 
}

.bg-attg{
  background-color: #e7f5eb;
}

.bg-attr{
  background-color: #ffe2de;
}
.btn-outline-go {
  color: #0d819d;
  background-color: #0d819d0a;
  background-image: none;
  border-color: #0d819d;
}
.btn-outline-go:hover {
  color: #fff;
   background-image: linear-gradient(to right, #24c6dc, #514a9d);
  border-color: #0d819d;
}
.btn-outline-go.disabled,
.btn-outline-go:disabled {
  color: #0d819d;
  background-color: #0d819d0a;
}
.btn-outline-go:not([disabled]):not(.disabled).active,
.btn-outline-go:not([disabled]):not(.disabled):active,
.show > .btn-outline-go.dropdown-toggle {
  color: #fff;
  background-image: linear-gradient(to right, #24c6dc, #514a9d);
  border-color: #0d819d;
}
.bg-band{
  background-color: #336699;
}
.bg-login{
  background-color: #e8f0fe;
}
.ph-2x{
font-size: 24px;
}
.ph-1x{
  font-size: 20px;
  }
.ph-4x{
  font-size: 40px;
  }