.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;
}

.page-header-inner .top-menu {
    max-height: 46px;
    overflow: hidden;
}

@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: #EF7C00;
}

.primary-stripe {
    border-left: 3px solid #EF7C00 !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: #EF7C00;
}

.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: #EF7C00;
}

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

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

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

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

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

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

.text-primary {
    color: #EF7C00 !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;
}

.diary-image-resize {
    display: none;
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

.diary-image-resize img {
    display: block;
    width: 80%;
    margin: 50px auto auto;
}

.diary-image-resize span.modal-close {
    position: absolute;
    top: 65px;
    font-size: 20px;
    right: 12%;
    background: rgba(255, 255, 255, .6);
    padding: 5px;
    border-radius: 50% !important;
    cursor: pointer;
}

.diary-image-resize span.modal-close:hover {
    background: rgba(0, 0, 0, .6);
    color: white;
}

/* TEMPLATE LIGHT */
body {
    background-color: #e5e5e5;
}

.page-header.navbar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar, .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu, .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle, .page-header.navbar .top-menu .navbar-nav > li, .page-header.navbar .top-menu
{
    background-color: #e5e5e5;
}

body, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, .page-sidebar .page-sidebar-menu .sub-menu > li > a
{
    color: #3b3b3c;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a
{
    border-top-color: #F1F3FA !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a
{
    background: #e30513;
    color: white;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a
{
    background: #F1F3FA !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a
{
    background: #e30513;
    color: white;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar .page-sidebar-menu > li.open > a > i
{
    color: white;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a
{
    color: white;
}

body, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, .page-sidebar .page-sidebar-menu .sub-menu > li > a {
    color: #3b3b3c;
}

.page-header.navbar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover, .page-sidebar,
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle,
.page-header.navbar .top-menu .navbar-nav > li,
.page-header.navbar .top-menu {
    background-color: #e5e5e5;
}

.page-sidebar .page-sidebar-menu > li .sub-menu {
    background-color: #e5e5e5 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu::after {
    border-bottom-color: #e5e5e5;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover, .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    background: #F1F3FA !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a, .page-sidebar .page-sidebar-menu > li > a {
    border-top-color: #F1F3FA !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
    background: #e30513;
    color: white;
}

ul.page-sidebar-menu > li.active > a > span.title, ul.page-sidebar-menu > li:hover > a > span.title,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open::before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow::before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open::before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow::before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open::before {
    color: white;
}

ul.page-sidebar-menu > li > a > span.title
{
    font-weight: 500;
    color: #3b3b3c;
}
/* FIN TEMPLATE LIGHT */