html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  background-color: #fff;
  margin: 0;
}

.validation-summary-errors ul {
    list-style: none;
    margin-left: -40px;
}

.profile-user-img {
    width: 200px;
}

.theme-switch {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 50px
}

    .theme-switch input {
        display: none
    }

.slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 400ms
}

    .slider::before {
        background-color: #fff;
        bottom: 4px;
        content: "";
        height: 16px;
        left: 4px;
        position: absolute;
        transition: 400ms;
        width: 16px
    }

input:checked + .slider {
    background-color: #66bb6a
}

    input:checked + .slider::before {
        transform: translateX(26px)
    }

.slider.round {
    border-radius: 34px
}

.slider.round::before {
    border-radius: 50%
}

table.dataTable tbody td {
    vertical-align: middle;
}

.select2-selection__rendered {
    line-height: 33px !important;
}

.select2-container .select2-selection--single {
    height: 38px !important;
}

.select2-selection__arrow {
    height: 37px !important;
}