.navbar
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item.dropdown
  .navbar-dropdown
  .dropdown-item
  a:hover {
  cursor: pointer;
}
.navbar
  .navbar-menu-wrapper
  .navbar-nav
  .nav-item.dropdown
  .navbar-dropdown
  .dropdown-item:hover {
  cursor: pointer;
}

.blue-background {
  background-color: #39a7c2;
}

.gray-background {
  background-color: #f7f7f5;
}

.font-weight-light {
  font-weight: 400 !important;
}

.feed {
  width: 100%;
  max-width: 700px;
}
.feed-item {
  background: white;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 15px;
  border-radius: 12px;
  color: black;
  border-bottom: 3px solid rgba(99, 99, 191, 0.25);
  white-space: pre;
  line-height: 1.5;
}

.bg-custom .navbar-nav .nav-link {
  color: #fff;
  font-size: 18px;
}

.bg-custom {
  background-color: #3b6468 !important;
  font-family: "Poppins", sans-serif;

  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}

#job-2 {
  display: none;
}

#rb-1:checked ~ #job-1 {
  display: inline;
}

#rb-2:checked ~ #job-2 {
  display: inline;
}

.card .card-title {
  font-size: 24px;
}

form.chat * {
  transition: all 0.5s;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

form.chat {
  margin: 0;
  cursor: default;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;

  /*  -webkit-touch-callout: none; */ /* iOS Safari */
  /*  -webkit-user-select: none;  */ /* Chrome/Safari/Opera */
  /*  -khtml-user-select: none; */ /* Konqueror */
  /*  -moz-user-select: none;   */ /* Firefox */
  /* -ms-user-select: none;  */ /* IE/Edge */
  /* user-select: none;   */
}

form.chat span.spinner {
  -moz-animation: loading-bar 1s 1;
  -webkit-animation: loading-bar 1s 1;
  animation: loading-bar 1s 1;
  display: block;
  height: 2px;
  background-color: #39a7c2;
  transition: width 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
}

form.chat .messages {
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  height: 90%;
  width: 100%;
  padding: 2% 3%;
  border-bottom: 1px solid #ecf0f1;
}

form.chat ::-webkit-scrollbar {
  width: 3px;
  height: 1px;
  transition: all 0.5s;
  z-index: 10;
}
form.chat ::-webkit-scrollbar-track {
  background-color: white;
}
form.chat ::-webkit-scrollbar-thumb {
  background-color: #bec4c8;
  border-radius: 3px;
}

form.chat .message {
  display: block;
  width: 98%;
  padding: 0.5%;
}

form.chat .message p {
  margin: 0;
}

form.chat .myMessage,
form.chat .fromThem {
  max-width: 50%;
  word-wrap: break-word;
  margin-bottom: 20px;
}

form.chat .message:hover .myMessage {
  -webkit-transform: translateX(-130px);
  transform: translateX(-130px);
}

form.chat .message:hover .fromThem {
  -webkit-transform: translateX(130px);
  transform: translateX(130px);
}

form.chat .message:hover date {
  opacity: 1;
}

form.chat .myMessage,
.fromThem {
  position: relative;
  padding: 10px 20px;
  color: white;
  border-radius: 25px;
  clear: both;
  font: 400 15px "Open Sans", sans-serif;
}

form.chat .myMessage {
  background: #39a7c2; /*#00e34d */
  color: white;
  float: right;
  clear: both;
  border-bottom-right-radius: 20px 0px\9;
}

form.chat .myMessage:before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -2px;
  right: -8px;
  height: 19px;
  border-right: 20px solid #39a7c2;
  border-bottom-left-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
  transform: translate(0, -2px);
  border-bottom-left-radius: 15px 0px\9;
  transform: translate(-1px, -2px) \9;
}

form.chat .myMessage:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -2px;
  right: -42px;
  width: 12px;
  height: 20px;
  background: white;
  border-bottom-left-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
  transform: translate(-30px, -2px);
}

form.chat .fromThem {
  background: #e5e5ea;
  color: black;
  float: left;
  clear: both;
  border-bottom-left-radius: 30px 0px\9;
}
form.chat .fromThem:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -2px;
  left: -7px;
  height: 19px;
  border-left: 20px solid #e5e5ea;
  border-bottom-right-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
  transform: translate(0, -2px);
  border-bottom-right-radius: 15px 0px\9;
  transform: translate(-1px, -2px) \9;
}

form.chat .fromThem:after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: -2px;
  left: 4px;
  width: 26px;
  height: 20px;
  background: white;
  border-bottom-right-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
  transform: translate(-30px, -2px);
}

form.chat date {
  position: absolute;
  top: 10px;
  font-size: 14px;
  white-space: nowrap;
  vertical-align: middle;
  color: #8b8b90;
  opacity: 0;
  z-index: 4;
}

form.chat .myMessage date {
  left: 105%;
}

form.chat .fromThem date {
  right: 105%;
}

form.chat input {
  font: 400 13px "Open Sans", sans-serif;
  border: 0;
  padding: 0 15px;
  height: 10%;
  outline: 0;
}

form.chat input[type="text"] {
  width: 73%;
  float: left;
}

form.chat input[type="submit"] {
  width: 23%;
  background: transparent;
  color: #39a7c2;
  font-weight: 700;
  text-align: right;
  float: right;
}

form.chat .myMessage,
form.chat .fromThem {
  font-size: 12px;
}

form.chat .message:hover .myMessage {
  transform: translateY(18px);
  -webkit-transform: translateY(18px);
}

form.chat .message:hover .fromThem {
  transform: translateY(18px);
  -webkit-transform: translateY(18px);
}

form.chat .myMessage date,
form.chat .fromThem date {
  top: -20px;
  left: auto;
  right: 0;
  font-size: 12px;
}

form.chat .myMessage,
form.chat .fromThem {
  max-width: 90%;
}

@-moz-keyframes loading-bar {
  0% {
    width: 0%;
  }
  90% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}

@-webkit-keyframes loading-bar {
  0% {
    width: 0%;
  }
  90% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}

@keyframes loading-bar {
  0% {
    width: 0%;
  }
  90% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}

/* DEMO */
.iphone {
  width: 100%;
  height: 509px;
  background-color: #ffffff;
  background-size: 100% 100%;
  margin: 0 auto;
  position: relative;
}

.border {
  position: absolute;
  top: 3.3%;
  right: 2%;
  left: 2%;
  bottom: 3%;
  /* top:12.3%;right:7%;left:7%;bottom:12%; */
  overflow: hidden;
}

a.article {
  position: fixed;
  bottom: 15px;
  left: 15px;
  display: table;
  text-decoration: none;
  color: white;
  background-color: #39a7c2;
  padding: 10px 20px;
  border-radius: 25px;
  font: 400 15px "Open Sans", sans-serif;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
  visibility: hidden;
  height: 0;
}

#order-listings_filter {
  display: none;
}

.fa-stack[data-count]:after {
  position: absolute;
  right: 6px;
  top: 2px;
  content: attr(data-count);
  font-size: 30%;
  padding: 0.6em;
  border-radius: 999px;
  line-height: 0.55em;
  background: #e45477;
  text-align: center;
  min-width: 0.85em;
  font-weight: bold;
}

#progress-wrp {
  border: 1px solid #0099cc;
  padding: 1px;
  position: relative;
  border-radius: 3px;
  margin: 10px;
  text-align: left;
  background: #fff;
  box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}
#progress-wrp .progress-bar {
  height: 20px;
  border-radius: 3px;
  background-color: #f39ac7;
  width: 0;
  box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
#progress-wrp .status {
  top: 3px;
  left: 50%;
  position: absolute;
  display: inline-block;
  color: #000000;
}

.new-term {
  float: left;
  margin-right: 95px;
}
.existing-terms input {
  margin-bottom: 0px;
}
.existing-terms tr {
  height: 50px;
}
.existing-terms th {
  width: 33%;
}
.existing-terms td,
.existing-terms th {
  vertical-align: middle;
}

.media-upload-form div.error,
.wrap div.error,
.wrap div.updated {
  margin: 5px 0 15px;
}

.select2 {
  width: 100% !important;
}
.select2 .select2-selection__rendered {
  line-height: 31px !important;
  width: 100% !important;
}
.select2 .select2-container .select2-selection--single {
  height: 35px !important;
}
.select2 .select2-selection__arrow {
  height: 34px !important;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered
  li {
  line-height: 2.2;
}
.select2 .select2-container .select2-search--inline {
  line-height: 2.2;
}
.select2 .select2-container .select2-selection--multiple {
  padding: 0.875rem 1.375rem;
  line-height: 2.2;
}

.auth .login-half-bg {
  background: url("https://data.theloophire.com/file/backit.jpg");
  background-size: cover;
}
.auth .register-half-bg {
  background: url("https://data.theloophire.com/file/backit.jpg");
  background-size: cover;
}
.auth .lock-full-bg {
  background: url("https://data.theloophire.com/file/backit.jpg");
  background-size: cover;
}

.form-check-inline .form-check-input {
}

.range-slider {
  margin: 25px 0 0 0%;
}

.range-slider {
  width: 100%;
}

.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - (73px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #1abc9c;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  transition: background 0.15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-moz-range-thumb {
  background: #1abc9c;
}
.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;
}

.range-slider__value {
  display: inline-block;
  position: relative;
  width: 60px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #2c3e50;
  padding: 5px 10px;
  margin-left: 8px;
}
.range-slider__value:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #2c3e50;
  border-bottom: 7px solid transparent;
  content: "";
}

.range-slider__fill {
  display: inline-block;
  position: relative;
  width: 60px;
  color: #fff;
  line-height: 20px;

  padding: 5px 10px;
  margin-left: 8px;

  height: 12px;

  border-radius: 6px;
  background: red;

  display: none;
}

@keyframes outline {
  from {
    stroke-dasharray: 0, 345.576px;
  }
  to {
    stroke-dasharray: 345.576px, 345.576px;
  }
}
#outline {
  animation: 0.38s ease-in outline;
  transform: rotate(0deg);
  transform-origin: center;
}

@keyframes circle {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
#white-circle {
  animation: 0.35s ease-in 0.35s forwards circle;
  transform: none;
  transform-origin: center;
}

@keyframes check {
  from {
    stroke-dasharray: 0, 75px;
  }
  to {
    stroke-dasharray: 75px, 75px;
  }
}
#check {
  animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards check;
  stroke-dasharray: 0, 75px;
}

@keyframes check-group {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(1.09);
  }
  to {
    transform: scale(1);
  }
}
#check-group {
  animation: 0.32s ease-in-out 1.03s check-group;
  transform-origin: center;
}

/* PROGRESS BAR - BASE */
.meter {
  height: 12px;
  position: relative;
  background: #dce0e3;
  border-radius: 8px;
}
.dark {
  background: #4d575f;
}
.meter > span {
  display: block;
  height: 100%;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #6bb438;
  position: relative;
  overflow: hidden;
}
.meter > span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(
    linear,
    0 0,
    100% 100%,
    color-stop(0.25, #56aa1c),
    color-stop(0.25, transparent),
    color-stop(0.5, transparent),
    color-stop(0.5, #56aa1c),
    color-stop(0.75, #56aa1c),
    color-stop(0.75, transparent),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(
    -45deg,
    #56aa1c 25%,
    transparent 25%,
    transparent 50%,
    #56aa1c 50%,
    #56aa1c 75%,
    transparent 75%,
    transparent
  );
  background-image: -moz-linear-gradient(
    -45deg,
    #56aa1c 25%,
    transparent 25%,
    transparent 50%,
    #56aa1c 50%,
    #56aa1c 75%,
    transparent 75%,
    transparent
  );
  background-image: -ms-linear-gradient(
    -45deg,
    #56aa1c 25%,
    transparent 25%,
    transparent 50%,
    #56aa1c 50%,
    #56aa1c 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    -45deg,
    #56aa1c 25%,
    transparent 25%,
    transparent 50%,
    #56aa1c 50%,
    #56aa1c 75%,
    transparent 75%,
    transparent
  );
  z-index: 1;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  -webkit-animation: move 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

/* PROGRESS BAR - ANIMATION */
@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 30px 30px;
  }
}
@-moz-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 30px 30px;
  }
}
/* 
/* SLIDER - BASE */
/*  input[type="range"]{
  -webkit-appearance: none;
  outline: none;
  position: relative;
  background: #DBDFE2;
  width: 100%;
  height: 12px;
  -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #002A44;
}
::-ms-fill-lower {background: #58BFFF;}  */

.nav-pills-primary .nav-link.active {
  color: #fff;
}

#user_switching_switch_on {
  display: none;
}

.btn {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.card {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.card-header:first-child {
  border-radius: 25px 25px 0 0;
}
.card-footer:last-child {
  border-radius: 0 0 25px 25px;
}

label.error {
  padding: 3px;
  background-color: #e45477;
  color: #fff !important;
}

span.number {
  display: none;
}

.loophireblue {
  color: #39a7c2;
}
.loophirebluebg {
  background-color: #39a7c2;
  color: #000;
  font-weight: bold;
}
.loophirebluebg:hover {
  background-color: #63bec9;
  color: #000;
  font-weight: bold;
}

.text-primary {
  color: #39a7c2 !important;
}

.sidebar {
  background-color: #000;
}

.sidebar .nav .nav-item.active > .nav-link {
  background: #63bec9;
}

.sidebar .nav .nav-item .nav-link {
  color: #fff;
}

.footer a {
  color: #39a7c2 !important;
}

.btn-primary {
  color: #fff;
  background-color: #39a7c2;
  border-color: #39a7c2;
}

.btn-primary:hover {
  color: #fff;
  background-color: #84ccd5;
  border-color: #39a7c2;
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(132, 204, 213, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #39a7c2;
  border-color: #39a7c2;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #39a7c2;
  border-color: #39a7c2;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(132, 204, 213, 0.5);
}

.btn:focus {
  outline: none;
}

/* 

MAP:
#5e2572 to #39a7c2 
#512063 to #39a7c2 
#c2acc9 to #cccc;
#3e194b  to #39a7c2  
#461c55 to #39a7c2 

*/

.btn:active,
.btn:focus,
.btn.active,
.btn:active:focus {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none !important;
}

.btn-outline-primary {
  background-color: transparent;
  background-image: none;
  border-color: #39a7c2;
  box-shadow: 0 0 0 0.2rem #39a7c2;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #39a7c2;
  border-color: #39a7c2;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem #39a7c2;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #39a7c2;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #39a7c2;
  border-color: #39a7c2;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #39a7c2;
}

.email-wrapper .mail-list-container .mail-list .details i {
  color: #fff;
}

.skills {
  width: 100%;
  max-width: 600px;
  padding: 0 20px;
}
.skill .skill-name {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  margin: 20px 0;
}
.skill .skill-bar {
  height: 15px;
  background-color: #cacaca;
  border-radius: 8px;
}
.skill .skill-bar .skill-per {
  height: 15px;
  width: 0;
  border-radius: 8px;
  transition: 1s linear;
  background-color: #545454;
  position: relative;
}
.skill .skill-bar .skill-per::before {
  content: attr(per);
  font-size: 14px;
  background-color: #000;
  color: #fff;
  padding: 4px 6px;
  border-radius: 4px;
  position: absolute;
  top: -35px;
  right: 0;
  transform: translate(50%);
  display: none;
}
.skill .skill-per::after {
  content: "";
  position: absolute;
  top: -14px;
  right: 0;
  width: 10px;
  height: 10px;
  background-color: #000;
  transform: translate(50%) rotate(45deg);
  border-radius: 2px;
  display: none;
}



.navbar .navbar-brand-wrapper .navbar-brand img {
  max-width: 100%;
  height: 34px;
  margin: auto;
  vertical-align: middle;
}

.alert-fill-danger {
  color: #ffffff;
  background-color: #e45477;
  border-color: #e45477;
}

.checkcurrent {
  float: right;
  position: absolute;
  top: 60%;
  -ms-transform: translateY(-60%);
  transform: translateY(-60%);
  float: right;
}

@media screen and (max-width: 576px) {
  .btn-group {
    display: flex;
    flex-direction: column;
  }

  .btn-group a {
    font-size: 10px;
    white-space: normal !important;
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
  }
}

.breadcrumb {
  /* border: none; */
  border-color: rgba(0, 0, 0, 0.1);
  /* background-color: rgba(0,0,0,.075); */
}

#myersBriggsFields .answer-field {
  margin-top: .75rem;
}

#myersBriggsFields .answer-field:first-child {
  margin-top: 0;
}

#myersBriggsFields .answer-field label {
  padding-top: .3125rem;
}

.auth form .form-group .form-control, 
.auth form .form-group .asColorPicker-input, 
.auth form .form-group .dataTables_wrapper select, 
.dataTables_wrapper .auth form .form-group select, 
.auth form .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], 
.jsgrid .jsgrid-table .jsgrid-filter-row .auth form .form-group input[type=text], 
.auth form .form-group .jsgrid .jsgrid-table .jsgrid-filter-row select, 
.jsgrid .jsgrid-table .jsgrid-filter-row .auth form .form-group select, 
.auth form .form-group .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], 
.jsgrid .jsgrid-table .jsgrid-filter-row .auth form .form-group input[type=number], 
.auth form .form-group .select2-container--default .select2-selection--single, 
.select2-container--default .auth form .form-group .select2-selection--single, 
.auth form .form-group .select2-container--default .select2-selection--single .select2-search__field, 
.select2-container--default .select2-selection--single .auth form .form-group .select2-search__field, 
.auth form .form-group .typeahead, .auth form .form-group .tt-query, .auth form .form-group .tt-hint 
{
  -webkit-appearance: none;
}

@media (max-width: 575px) {

  select#filter_skills_by_industry {
    height: calc(2.25rem + 2px)
  }

}

.tab-content {
  text-align: inherit;
}