html {
  font-size: 14px;
}

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

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

body {
  margin-bottom: 60px;
}

tr td {
    border-left: 1px solid #DDDDDD;
}

.tooltip-wrapper {
    display: inline-block;
}

    .tooltip-wrapper .btn[disabled] {
        pointer-events: none;
    }

    .tooltip-wrapper.disabled {
        cursor: not-allowed;
    }

.not-active {
    pointer-events: none;
    cursor: default;
}

.btn-primary,
.btn-primary:disabled,
.btn-primary[disabled] {
    background-color: #9B63DC;
    border: none;
    color: white;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 600;
    line-height: 25.2px;
    text-align: center;
    min-width: 119px;
    transition: 0.25s;
}

    .btn-primary:hover {
        background-color: #9B63DC;
        color: #FFFFFF;
        box-shadow: 0 0.5em 0.5em -0.4em #7F7F7F;
        transform: translateY(-0.25em);
    }

    .btn-primary:active,
    .btn-primary:focus {
        background-color: #9B63DC;
        color: #FFFFFF;
    }

.btn-secondary {
    background-color: #7F7F7F;
    border-color: #7F7F7F;
    color: #FFFFFF;
}

    .btn-secondary:hover {
        background-color: #D9D9D9;
        border-color: #D9D9D9;
        color: #000000 !important;
    }

label {
    margin-bottom: 5px;
}

.pchFooter {
    width: 100%;
    background-color: #1C3648;
    color: #FFFFFF;
    text-align: center;
    padding: 10px 0px;
    margin-bottom: -10px;
    position: fixed;
    bottom: 10px;
}

.pchHeader {
    width: 100%;
    background-color: #1C3648;
    color: #FFFFFF;
    text-align: center;
}

nav {
    color: #FFFFFF;
    margin: 0 5%;
}

.nav-link, .navbar-brand, .linkIcon {
    color: #FFFFFF;
}

    .nav-link:hover, .navbar-brand:hover, .linkIcon:hover {
        color: #A6A6A6;
    }

small {
    font-size: 0.66em;
}

/*LOADER*/

.blockUI.blockOverlay {
    opacity: 0.80 !important;
}

.animated-loader {
    display: inline-grid;
    justify-items: center;
}

    .animated-loader span {
        margin-top: 25px;
        font-size: 25px;
    }

.bui-loader {
    width: 160px;
    height: 80px;
    border-radius: 200px 200px 0 0;
    -webkit-mask: repeating-radial-gradient(farthest-side at bottom,#0000 0,#000 1px 12%,#0000 calc(12% + 1px) 20%);
    background: radial-gradient(farthest-side at bottom,#9968e8 0 95%,#0000 0) bottom/0% 0% no-repeat #ddd;
    animation: l10 2s infinite steps(6);
}