.width-70-util {
    width: 70px !important;
}

.height-70-util {
    height: 70px !important;
}

.height-35-util {
    height: 35px !important;
}

.vertical-align-col-util {
    display: table;
    table-layout: fixed;
}

.vertical-align-col-child-util {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.remove-bar-space-util {
    margin-top: -60px;
}

.workflow-css-util .grid-stack-item-content {
    background-color: #f96868;
    color: white;
}

.workflow-css-util .grid-stack-item-content-success {
    background-color: #46be8a;
}

input.labelauty-gold:checked + label {
    background-color: #f4c63d !important;
}

input.labelauty-green:checked + label {
    background-color: #46be8a !important;
}

input.labelauty-red:checked + label {
    background-color: #f05b4f !important;
}

.twitter-color, .twitter-color:hover {
    color: #00aced !important;
}

.youtube-color, .youtube-color:hover {
    color: #e52d27 !important;
}

.facebook-color, .facebook-color:hover {
    color: #3b5998 !important;
}

.github-color, .github-color:hover {
    color: #24292E !important;
}

.website-color, .website-color:hover {
    color: #dc3545 !important;
}

.linkedin-color, .linkedin-color:hover {
    color: #007bb6 !important;
}

.border-radius-none {
    border-radius: 0 !important;
}

.border-none {
    border: none !important;
}

.inline-labelauty input.labelauty + label {
    display: inline-block;
}

.bg-transparent {
    background: transparent !important;
}

.bg-grey-blue-util {
    background: #211915 !important;
}

.margin-top-65-util {
    margin-top: 65px !important;
}

.avatar-round-btn-size-util {
    width: 36px;
}

.fixed-right-panel-300px-util {
    width: 300px;
    position: fixed;
    top: 60px;
    right: 0;
    z-index: 9;
}

.fixed-right-card-300px-util {
    margin: 20px 0;
    width: 300px;
    position: absolute;
    right: -250px;
    -webkit-transition: right 0.5s ease;
}

    .fixed-right-card-300px-util .panel {
        border: 1px solid #e4eaec;
    }

    .fixed-right-card-300px-util.open-right-card-util {
        right: -3px;
        -webkit-transition: right 0.5s ease;
    }

    .fixed-right-card-300px-util.closed-right-card-util {
        right: -300px;
        -webkit-transition: right 0.5s ease;
    }

.dot-above-icon-util::before {
    content: '.';
    display: inline-block;
    position: absolute;
    top: -0.25em;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: 55px;
    color: red;
}

.badge-outline-success-util {
    color: #46be8a;
    background-color: transparent;
    border-color: #46be8a;
}

.cursor-pointer-util {
    cursor: pointer;
}

.box-shadow-none-util {
    box-shadow: none;
}

.material-input-name-util {
    font-weight: 500;
    color: #37474f;
}

.min-height-60-util {
    min-height: 60px !important;
}

.display-inline-flex-util {
    display: inline-flex !important;
}

.text-danger-button-color-util {
    color: #ff4c52 !important;
}

.left-border-radius-select2-none-util + .select2-container .select2-selection {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.summernote-dropdown-fix ~ .note-editor .dropdown-toggle::after {
    content: none !important;
}

.text-normal-gray-util {
    color: #76838f;
}

.pr-rem-util-0dot5-util {
    padding-right: 0.5rem;
}

.pl-rem-util-0dot5-util {
    padding-left: 0.5rem;
}

.card-dash-matches-util {
    border: 1px dashed #bf2218;
}

@media (max-width:479px) {
    .font-size-30-xs-down-util {
        font-size: 30px !important;
    }

    .mt-80-xs-down-util {
        margin-top: 80px !important;
    }

    .mb-0-xs-down-util {
        margin-bottom: 0 !important;
    }

    .order-xs-2-util {
        order: 2;
    }
}

@media (max-width:992px) {
    .order-xs-2-util {
        order: 2;
    }
}

.w-15-util {
    width: 15px;
}

.ribbon-transition-colors-util .ribbon-inner {
    transition: background-color 200ms ease-out;
}

.ribbon-transition-colors-util:before {
    transition: border-color 200ms ease-out;
}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url("BebasNeueRegular.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

.page-title-font-util {
    font-family: "BebasNeueRegular";
    letter-spacing: 2.5px;
}

.page-subtitle-font-util {
    font-family: "Raleway", sans-serif;
}

.bg-primary-util {
    background-color: #198381;
}

.bg-purple-util {
    background-color: #574964;
}

.bg-red-util {
    background-color: #EA2226;
}

.alert-light-grey-util {
    background-color: #e6ebec;
    border-color: #e3e9ea;
    color: #31708f;
}

.bg-light-grey-util {
    background-color: #e6ebec;
}


.color-primary-util {
    color: #198381;
}

.color-purple-util {
    color: #574964;
}

.color-red-util {
    color: #EA2226;
}

.border-bottom-primary-util {
    border-bottom: 1px solid #198381;
}

.border-bottom-blue-util {
    border-bottom: 1px solid #3e8ef7;
}

.border-bottom-red-util {
    border-bottom: 1px solid #EA2226;
}

.progress-bar-primary-util {
    background-color: #198381;
}

.ribbon-matches-util.ribbon-corner:before {
    border-top-color: #bf2218;
    border-left-color: #bf2218;
}

.primary-link-color-util {
    color: #49b3a1;
}

    .primary-link-color-util:hover {
        color: #59d3b1;
    }

.secondary-link-color-util {
    color: #bf2218;
}

    .secondary-link-color-util:hover {
        color: #ff4040c4;
    }

.primary-label-color-util {
    color: #49b3a1;
}

.badge-primary-util {
    color: #fff;
    background-color: #198381;
}

.badge-red-util {
    color: #fff;
    background-color: #bf2218;
}

.badge-purple-util {
    background-color: #574964;
    color: #fff;
}

.card-purple-custom-noti-container-util {
    max-width: 450px;
    position: fixed;
    z-index: 9999999;
    right: 30px;
    top: 90px;
}

.card-purple-custom-noti-util {
    background-color: #3B3646;
    border-radius: 5px;
}

    .card-purple-custom-noti-util h4 {
        color: #ee5b4a;
        margin-top: 0;
    }

    .card-purple-custom-noti-util .white-noti-text-util {
        color: #ffffff;
        font-size: 15px;
        line-height: 1.5em
    }

    .card-purple-custom-noti-util a {
        color: #ee5b4a;
    }

.pb-1rem-util {
    padding-bottom: 1rem;
}


.table-one-line-util td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tfoot-one-line-util th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.whole-page-absolute-util {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.social-google-maps-util {
    color: #fff;
    background-color: #DD4B3E !important;
}

    .social-google-maps-util:hover, .social-google-maps-util:focus {
        color: #fff;
        background-color: #FD6B5E !important;
    }

    .social-google-maps-util:active, .social-google-maps-util.active {
        color: #fff;
        background-color: #BD2B1E !important;
    }

.social-mail-generic-util {
    color: #fff;
    background-color: #4183c4 !important;
}

    .social-mail-generic-util:hover, .social-mail-generic-util:focus {
        color: #fff;
        background-color: #689cd0 !important;
    }

    .social-mail-generic-util:active, .social-mail-generic-util.active {
        color: #fff;
        background-color: #3269a0 !important;
    }

.card-border-top-dark-util {
    border-top: 3px solid #526069;
}

.ribbon-primary-green-util .ribbon-inner {
    background-color: #198381;
}

.ribbon-primary-green-util.ribbon-bookmark .ribbon-inner {
    background-color: transparent;
    background-image: linear-gradient(to left, transparent 22px, #ffffff 0);
}

    .ribbon-primary-green-util.ribbon-bookmark .ribbon-inner:before {
        border-color: #198381;
        border-right-color: transparent;
    }

.ribbon-primary-green-util.ribbon-bookmark.ribbon-reverse .ribbon-inner {
    background-image: linear-gradient(to right, transparent 22px, #ffffff 0);
}

    .ribbon-primary-green-util.ribbon-bookmark.ribbon-reverse .ribbon-inner:before {
        border-right-color: #198381;
        border-left-color: transparent;
    }

.ribbon-primary-green-util.ribbon-bookmark.ribbon-vertical .ribbon-inner {
    background-image: linear-gradient(to top, transparent 22px, #ffffff 0);
}

    .ribbon-primary-green-util.ribbon-bookmark.ribbon-vertical .ribbon-inner:before {
        border-right-color: #198381;
        border-bottom-color: transparent;
    }

.ribbon-primary-green-util.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before {
    border-right-color: #198381;
    border-bottom-color: transparent;
    border-left-color: #198381;
}

.ribbon-primary-green-util.ribbon-corner:before {
    border-top-color: #198381;
    border-left-color: #198381;
}

.ribbon-primary-green-util.ribbon-corner .ribbon-inner {
    background-color: transparent;
}

.ribbon-primary-green-util.ribbon-corner.ribbon-reverse:before {
    border-right-color: #198381;
    border-left-color: transparent;
}

.ribbon-primary-green-util.ribbon-corner.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #198381;
}

.ribbon-primary-green-util.ribbon-clip:before {
    border-top-color: #eeeeee;
    border-right-color: #198381;
}

.ribbon-primary-green-util.ribbon-clip.ribbon-reverse:before {
    border-right-color: transparent;
    border-left-color: #198381;
}

.ribbon-primary-green-util.ribbon-clip.ribbon-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #198381;
}

.mini-manager-recruiter-no-photo-button {
    font-size: 12px !important;
    padding: 0 .572rem !important;
}

.vertical-align-unset-util {
    vertical-align: unset;
}

.row-tds-vertical-center-util td {
    vertical-align: middle;
}

.no-text-decoration-util a {
    text-decoration: none !important;
}

.data-centric-rows-smaller-padding-util {
    padding-top: 5px !important;
    padding-bottom: 0 !important;
}

.font-size-8-util {
    font-size: 8px;
}

.paginathing-bootstrap-4-util a {
    padding: .429rem .786rem;
    font-size: .858rem;
    line-height: 1.5;
    position: relative;
    display: block;
    margin-left: -1px;
    color: #76838f;
    background-color: transparent;
    border: 1px solid #e4eaec;
}

.paginathing-bootstrap-4-util .page-item.active a {
    background-color: #198381;
    border-color: #198381;
    color: #ffffff;
}

.dataTable tr th:first-child,
.dataTable tr td:first-child {
    padding-left: 30px;
}

.pagination-default-util .page-item.active .page-link {
    background-color: #ffffff;
    color: #198381;
    border-color: #198381;
}

    .pagination-default-util .page-item.active .page-link:hover {
        background-color: #198381;
        color: #ffffff;
    }

.checkbox-primary-util input[type=checkbox]:checked + input[type=hidden] + label::before, .checkbox-primary-util input[type=checkbox]:checked + label::before, .checkbox-primary-util input[type=radio]:checked + input[type=hidden] + label::before, .checkbox-primary-util input[type=radio]:checked + label::before {
    background-color: #198381;
    border-color: #198381;
}

.checkbox-primary-util label::after {
    color: #ffffff;
}