/*Colors*/
.text-orange {
  color: #fa8c16;
}
.bg-orange {
  background-color: #fa8c16;
}

.text-purple {
  color: #eb2f96;
}

.bg-purple {
  background-color: #eb2f96;
}

.bg-google-blue {
  background-color: #0789c6;
}

.text-google-blue {
  color: #0789c6;
}

.btn-google-blue {
  color: #fff;
  background-color: #0789c6;
  border-color: #0789c6;
}

.text-twitter {
  color: #1da1f2;
}

.pg-twitter {
  background-color: #1da1f2;
}
.text-linkedin {
  color: #0077b5;
}
.bg-linkedin {
  background-color: #0077b5;
}
.text-facebook {
  color: #3b5998;
}
.bg-facebook {
  background-color: #3b5998;
}
.text-youtube {
  color: #ff0000;
}
.bg-youtube {
  background-color: #ff0000;
}
.text-instagram {
  color: #833ab4;
}
.bg-instagram {
  background-color: #833ab4;
}

/* vertical divider*/
.grid-divider {
  position: relative;
}
.grid-divider > :after {
  content: "";
  background-color: rgb(213, 214, 216);
  position: absolute;
  top: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .grid-divider > :after {
    width: 100%;
    height: 1px;
    left: 0;
    top: -4px;
  }
}
@media (min-width: 768px) {
  .grid-divider > :after {
    width: 1px;
    height: auto;
    left: -1px;
  }
}
.ml-auto .v-select {
  width: 330px;
}

.vs__clear {
  margin-bottom: 3px;
}
html, body {
  position: absolute;
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;

}

body:after {
  line-height: 30px; /* height of footer */
  white-space: pre;
  content: "\A";
}


footer {  
  position: absolute;
  width: 100%;
  height: 30px; /* height of footer */
  bottom: 0px;
  margin-top: -30px; /* height of footer */
  background-color: rgb(163, 163, 163);
}