.thumb-pic img {
    height: auto !important;
}

.barcode-show {
    padding-top: 15px;
    padding-bottom: 15px;
}

.barcode-show > div {
    margin: auto !important;
}

.modal > .modal-dialog {
    max-width: 100% !important;
}

#scanBarcodeModal .qr-reader video {
    width: 100% !important;
}

@media screen and (max-width: 700px) {
    .modal > .modal-dialog {
        width: 95% !important;
        margin: auto;
    }

    .modal > .modal-dialog > .modal-content {
        width: 100% !important;
    }
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    font-family: sans-serif;
    color: #000;
    margin: 0;
}

.tabs-content .swiper-container {
    width: 100%;
    height: 300px;
}

.tabs-content .swiper-slide {
    padding: 1rem 2rem;
}

.tabs-buttons {
    height: auto;
    box-shadow: inset 0 -2px #e6e6e6;
}

.tabs-buttons .swiper-wrapper {
    display: flex;
    justify-content: space-between;
}

.tabs-buttons .swiper-slide {
    width: auto;
    height: auto;
    padding: 1rem 2rem;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.tabs-buttons .active-tab {
    opacity: 1;
    border-bottom-color: #FF0023;
}

.primary-stripe {
    border-left: 3px solid #FF0023 !important;
}

.thumb-pic img {
    height: auto !important;
}

a, .profile-usertitle-job, .profile-stat-text, .profile-desc-link a, .profile-desc-link i, .btn.btn-custom:hover, .btn-group:hover .btn.btn-custom, .font-orange {
    color: #FF0023;
}

.portlet.box.green > .portlet-title, .portlet.green, .portlet > .portlet-body.green, .bootstrap-switch-orange, .cke_bottom,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover, .page-sidebar .page-sidebar-menu > li.active > a:hover, .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
    background: #FF0023;
}

.btn.green:not(.btn-outline), .orange.btn, .blue.btn {
    background-color: #FF0023;
    border-color: #FF0023;
}

.btn.btn-custom {
    border: 2px solid #FF0023;
    background-color: #FF0023;
}

.tabbable-line > .nav-tabs > li.active {
    border-color: #FF0023;
}

.add-pic:hover {
    box-shadow: 0 0 .2em .3em #FF0023;
}

.portlet.box.green {
    border-color: #FF0023;
}

.badge-primary, .label-primary, .btn-primary {
    background-color: #FF0023;
    border-color: #FF0023;
}

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

body.login div.logo {
    margin-top: 10px;
    margin-bottom: 10px;
}

body.login div.logo > h1 > a > img {
    width: 250px;
}

.ripple:active {
    background-color: #6eb9f7;
    background-size: 100%;
    transition: background 0s;
}

.page-header.navbar .page-logo .logo-default {
    height: 25px;
    margin: 8px auto auto;
}