.wrapper.wrapper-content {
    padding-bottom: 20px;
    padding-top: 20px;
}

.ibox.fullscreen .ibox-content.m-b-sm {
    margin-bottom: 0;
}

.nav > li.active {
    border-left-color: #237BC0;
}

.nav > li.current {
    border-left: 4px solid #1c84c6;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #337ab7;
}

.btn-success {
    background-color: #237BC0;
    border-color: #237BC0;
}

/* 
    This guarantees that for the button that has caption with space
    the caption will not wraps automatically 
*/
.btn {
    white-space: nowrap;
}

.open > .dropdown-toggle.btn-success:hover,
.open > .dropdown-toggle.btn-success:focus{
    background-color: #237BC0;
    border-color: #237BC0;
    color: #FFFFFF;
}

/*********** EDITOR STYLES *************/
.field-validation-valid {
    display: none;
}

.validation-summary-valid {
    display: none;
}

.editor-fullscreen {
    z-index: 2030;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    margin-bottom: 0;
}

/* Adjustments on padding of top header elements */
#Bootstrap_TitleDisplay_ID {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 23px;
}

@media (max-width: 767px) {
    #Bootstrap_TitleDisplay_ID {
        text-align: center;
    }
}

.page-heading {
    padding: 0px 10px 10px 10px;
}

.navbar-collapse > .nav > li > a {
    padding: 15px 20px 12px 20px;
}

.navbar-top-links > li > a.dropdown-toggle {
    min-height: 30px;
    padding-top: 15px;
    padding-bottom: 12px;
}

.sidebar-collapse {
    height: 128px;
}

.sidebar-collapse > div {
    height: 128px;
    overflow: hidden;
    position: relative;
}

/*chrome solution*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .sidebar-collapse > div {
        height: 127px;
    }

    .sidebar-collapse {
        height: 127px;
    }
}

/*firefox solution*/
@-moz-document url-prefix() {
    .sidebar-collapse > div {
        height: 128px;
    }

    .sidebar-collapse {
        height: 128px;
    }
}

.sidebar-collapse > div > img {
    display: block;
    margin: auto;
    position: absolute;
}

.sidebar-collapse > div.profile-logo-image > img {
    top: 50%;
    left: 50%;
    margin-top: -35%;
    margin-left: -50%;
}

.sidebar-collapse > div.full-logo-image > img {
    height: 127px;
    width: 219px;
    top: 0;
    left: 0;
}

.title-action > h4 {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

@media (max-width: 767px) {
    .title-action > h4 {
        text-align: center;
    }
}

.ibox-title {
    display: flow-root;
}

.ibox-tools {
    display: table-cell;
    float: right;
}

/*Collapsed side-menu*/
body.mini-navbar div.slimScrollDiv {
    min-width: 70px;
}

body.mini-navbar div.slimScrollDiv:hover {
    min-width: 300px;
}

body.mini-navbar div.slimScrollDiv .nav > li.active {
    background: none;
}

body.mini-navbar .navbar-static-side .linkGroupDisplayCaption {
    display: none;
}

.mini-navbar .nav .nav-second-level {
    top: 40px;
}

body.mini-navbar .navbar-default .nav li:hover a span.nav-label,
.mini-navbar .navActionLinks > li:hover .nav-label {
    display: block;
    position: absolute;
    left: 70px;
    top: 0px;
    padding: 14px 10px 0px 10px;
    font-size: 13px;
}

body.mini-navbar .navbar-default .nav li:hover,
.mini-navbar .navActionLinks > li:hover {
    width: 300px;
}

.mini-navbar .navActionLinks > li.active:hover .nav-label {
    left: 66px;
}

.mini-navbar .navbar-static-side .sidebar-collapse .full-logo-image {
    display: none;
}

.navbar-static-side .sidebar-collapse .full-logo-image:hover {
    position: relative;
}

.navbar-static-side .sidebar-collapse .full-logo-image .full-logo-click-collapse {
    display: none;
    color: white;
    background-color: grey;
    left: 0px;
    top: 108px;
    position: absolute;
    text-align: center;
    padding: 1px;
    height: 18px;
    width: 220px;
    font-size: 11px;
} 

.navbar-static-side .sidebar-collapse .full-logo-image:hover .full-logo-click-collapse {
    display: block;
}

.mini-navbar .navbar-static-side .sidebar-collapse .profile-logo-image img:hover {
    position: relative;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
}

.navbar-static-side .sidebar-collapse .profile-logo-image {
    display: none;
}

.mini-navbar .navbar-static-side .sidebar-collapse .profile-logo-image {
    display: block;
    width: 70px;
    height: 70px;
}

.mini-navbar .navbar-static-side .sidebar-collapse .profile-logo-image img {
    width: 60px;
    height: 60px;
    border-width: 0px;
    background-color: white;
    margin-top: -25px;
    margin-left: -30px;
}

.mini-navbar .navbar-static-side .sidebar-collapse {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
}

nav.navbar-default.navbar-static-side .sidebar-collapse:hover {
    cursor: pointer;
}


/*Display top-menu on extra-small screen*/
.mini-navbar .navbar-header .navbar-collapse.collapse {
    display: block !important;
    height: 51px !important;
    padding-bottom: 0;
    overflow: visible !important;
}

.mini-navbar .navbar-header .navbar-collapse.collapse ul.nav.navbar-nav {
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbar-right {
    float: right !important;
}

.navbar-header .navbar-nav > li {
    float: left;
}

@media (max-width: 767px) {
    body.mini-navbar ol.breadcrumb {
        text-align: center;
    }
}

/*Small Table Style (class="table-sm")*/
.table.table-sm > thead > tr > th,
.table.table-sm > tbody > tr > th,
.table.table-sm > tfoot > tr > th,
.table.table-sm > thead > tr > td,
.table.table-sm > tbody > tr > td,
.table.table-sm > tfoot > tr > td {
    padding: .3rem;
    line-height: 1.35em;
}

.table.table-sm > thead > tr > th label,
.table.table-sm > tbody > tr > th label,
.table.table-sm > tfoot > tr > th label,
.table.table-sm > thead > tr > td label,
.table.table-sm > tbody > tr > td label,
.table.table-sm > tfoot > tr > td label {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 7px;
}

.table.table-sm > thead > tr > th select.form-control,
.table.table-sm > tbody > tr > th select.form-control,
.table.table-sm > tfoot > tr > th select.form-control,
.table.table-sm > thead > tr > td select.form-control,
.table.table-sm > tbody > tr > td select.form-control,
.table.table-sm > tfoot > tr > td select.form-control {
    line-height: 1;
    height: 25px;
    font-size: 13px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Changes from here are intended to make our interface work properly after updating bootstrap to version 4 */

/* Avoid extra vertical expace in nav icon pages and side menu due to strech default value */
div.row.content-main, .nav.metismenu {
    align-content: flex-start;
}

/* Added lighter grey color to breadcrumb slash separators */
.breadcrumb-item + .breadcrumb-item::before {
    color: #CCC;
}

/* Adjusted fullscreen to avoid scroll bar. */
.ibox.fullscreen .ibox-content {
    min-height: calc(100% - 60px);
}

/*Fixed color of links */
a, .breadcrumb > li a {
    color: #3072B6;
}

/* Added missing class in bootstrap 4 since it is spread throughout the interface*/
.pull-right {
    float: right !important;
}

/* Fixed editor labels*/
label {
    margin-bottom: 5px;
    font-weight: bold;
}

.label-font-normal {
    margin-bottom: 5px;
    font-weight: normal;
}

.label-padding-bottom-15{
    margin-bottom: 5px;
    font-weight: bold;
    padding-bottom: 15px;
}


/* Kept same line height from bootstrap 3 */
body {
    line-height: 1.42857143;
}

/* Added bachground chage when hovering in top menu */
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eee;
}

/* specialty font heights to fix headers when we really just wanted a specific height */
.font-size-24 {
    font-size: 24px;
}

.font-size-18{
    font-size: 18px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-13 {
  font-size: 13px;
}

.font-weight-600{
    font-weight: 600;
}


.paragraph-label {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #676a6c;
    box-sizing: border-box;
    line-height: 1.2;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 600;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.project-label, .inventory-label {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #676a6c;
    text-align: right;
    box-sizing: border-box;
    line-height: 1.2;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 600;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.sk-spinner-wave div {
    background-color: #237BC0;
}

.btn-success.btn-outline,
.btn-success.btn-outline.dropdown-toggle:focus {
    background-color: white;
}

.btn-success.btn-outline:hover,
.btn-success.btn-outline:disabled,
.btn-success.btn-outline:focus,
.btn-success.btn-outline.dropdown-toggle,
.btn-success.btn-outline.dropdown-toggle:focus {
    color: #1d6db0;
}

.btn-success.btn-outline:disabled {
    opacity: 0.5;
}

small, .small {
    font-size: 85%;
}

.ibox > .ibox-title > p.lkPanelHeaderText {
    display: inline-block;
    font-size: 14px;
    margin: 0 0 7px;
    padding: 0;
    text-overflow: ellipsis;
    float: none;
    font-weight: 600;
}

@media (min-width: 576px) and (max-width: 1200px) {
    .nav-icon-text {
        padding-left: 35px;
    }
}

.NavIconTitle {
    font-size: 16px;
    margin-top: 5px;
    font-weight: bold;
}

.SessionTimeoutWarning-container {
    display: none;
    position: relative;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 600;
    color: #404040;
    background-color: #ffd15d;
}

#SessionTimeoutAction {
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
}

.input-group-btn-vertical .bootstrap-touchspin-up i,
.input-group-btn-vertical .bootstrap-touchspin-down i {
    font-size: 10px;
}


.lk-modal-header button.close {
    font-weight: 600;
    font-size: 21px;
}

/* Override the focused border to be visible */
.form-control:focus {
    color: #495057;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.has-error .form-control:focus {
    border-color: #ED5565;
    box-shadow: 0 0 0 0.2rem rgba(194, 20, 38, 0.25);
}

/* Makes the side by side panels has the same height */
.lk-responsive-panels .lk-panel.lk-bootstrap-panel {
    display: flex;
    flex-direction: column;
}

.lk-responsive-panels .ibox {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.lk-responsive-panels .lk-bootstrap-panel .ibox-content {
    min-height: 440px;
    flex: 1;
    margin-bottom: 0px;
}

/**
 * Wrapping the file name at the upload file component to avoid breaking the layout
 * http://bugtracker.weblakes.com/view.php?id=38455
*/
.fileinput.input-group.fileinput-exists div.form-control {
    display: flex;
}

    .fileinput.input-group.fileinput-exists div.form-control i.fileinput-exists {
        margin-right: 8px;
    }

    .fileinput.input-group.fileinput-exists div.form-control span.fileinput-filename {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/* Class to style label and paragraph tags as h4*/
.to-h4 {
    font-weight: 600;
    font-size: 14px;
}
/* better name of simulating h4-tags*/
.h4-like {
  font-weight: 600;
  font-size: 14px;
}
}

/* styles static html table header to look like jqGrid */
.table > thead > tr > th.like-JqGrid {
    height: auto;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    vertical-align: middle;
    background: #157db9;
    color: #fff;
    font-weight: bold
}