#actionBar {
    background-color: #15334D;
    height: inherit;
    text-align: center;
    /* width: 14%; */
    width: 220px;
}

#actionBar .group {
    margin: 20px;
}

#actionBar h1 {
    color: #fff;
    font-size: 14px;
    text-align: left;
    margin: 0 0 20px 0;
    font-weight: 400;
}

#actionBar .new {
    padding: 8px 7px;
    margin-bottom: 20px;
    width: 100%;
}

/* #actionBar .btn-primary:focus,
#actionBar .btn-primary:hover {
    border-color: #42BAE9;
} */

/* #actionBar>.group>.input-group {
    height: 23px;
    width: 160px;
} */

#actionBar>.group>.input-group>.form-control {
    border: none;
    box-shadow: none;
    max-height: 23px;
    font-size: 12px;
    font-weight: 400;
    border-bottom: 1px solid #D4D2D2;
    border-radius: 0;
    padding-left: 0;
    /* line-height: 100px; */
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

#actionBar>.group>.input-group>.form-control,
#actionBar>.group>.input-group>.form-control::placeholder {
    color: #D4D2D2;
}

#actionBar>.group>.input-group>.input-group-btn {
    border: none;
    box-shadow: none;
    /* width: 15%; */
}

#actionBar>.group>.input-group>.input-group-btn>button,
#actionBar>.group>.input-group>.form-control {
    background-color: transparent;
}

#actionBar>.group>.input-group>.input-group-btn>button {
    box-shadow: none;
    max-height: 23px;
    padding: 2px 5px;
    border: none;
    border-bottom: 1px solid #D4D2D2;
    border-radius: 0;
    margin-bottom: 0;
}

#actionBar>.group>.input-group>.input-group-btn>button>i {
    color: #42BAE9;
}

#actionBar>.group>.input-group {
    margin: 0;
    width: 100%;
}

#actionBar>.group>.list-group {
    border-radius: 0;
}

#actionBar>.list-group {
    overflow-y: scroll;
    height: 532px;
    position: relative;
    border-radius: 0;
    padding-bottom: 130px;
}

#actionBar>.list-group>label {
    color: #8A99A6;
    left: 37%;
    -ms-transform: translate(-28%, -50%);
    transform: translate(-28%, -50%);
    font-weight: 200;
}

#actionBar>.list-group button.header,
#actionBar>.list-group a {
    height: 31px;
    padding: 8px 20px;
    border: none;
    border-radius: 0;
    font-size: 12px;
    font-weight: 600;
    background-color: transparent;
    color: #fff;
    text-align: left;
}

#actionBar>.list-group a>i {
    display: none;
}

#actionBar>.list-group a.favorite>i {
    position: absolute;
    right: 6px;
    top: 11px;
    color: #42BAE9;
    display: block;
}

#actionBar>.list-group a.active,
#actionBar>.list-group a:hover {
    background-color: #246082;
}

/* Active and desactive options */

#actionBar>.list-group.headers .list-group-item.header:first-child {
    border-radius: 0;
}

#actionBar>.list-group.headers .list-group-item.header {
    display: block;
}

#actionBar>.list-group .list-group-item.header {
    display: none;
}

#actionBar>.list-group.headers a:not(.header) {
    padding-left: 38px;
}

#actionBar>.list-group.headers .list-group-item.header>span {
    display: inline-block;
}

#actionBar>.list-group.headers .list-group-item.header .badgepoint {
    width: 7px;
    height: 7px;
    border-radius: 10px;
    margin-right: 8px;
}

#actionBar>.list-group.headers .list-group-item.header.green .badgepoint {
    background-color: #69BE6A;
}

#actionBar>.list-group.headers .list-group-item.header.red .badgepoint {
    background-color: #FF4949;
}

#actionBar>.list-group.headers .list-group-item.header.red .badgepoint {
    background-color: #FF4949;
}

#actionBar>.list-group.headers .list-group-item.header.blue .badgepoint {
    background-color: #42BAE9;
}

#actionBar>.list-group .empty {
    color: #fff;
    opacity: 0.5;
    padding: 0 19px;
    font-size: 14px;
    margin-top: 222px;
    display: block;
}

/* LEFTBAR */

#leftbar {
    background-color: #1D4669;
    height: 100vh;
    width: 4%;
    max-width: 57px;
    float: left;
}

#leftbar>li>a {
    color: #fff;
    background-color: transparent;
    border-radius: 0;
    padding: 29% 35%;
    text-align: center;
}

#leftbar>li {
    margin-top: 0;
}

#leftbar>li.active {
    border-right: 2px solid #42BAE9;
}

#leftbar>li.active>a>i {
    color: #42BAE9;
}

#leftbar>li>a>i {
    color: #8A99A6;
}

/* CONTENTVIEW */

#contentView {
    padding: 20px;
    position: relative;
    width: 100%;
}

#dashboard.new_vehicle:not(.hasNotActionBar) > #contentView,
#dashboard.hasNotActionBar:not(.new_vehicle) > #contentView {
    width: 100%;
}

#dashboard.new_vehicle.hasNotActionBar>#contentView {
    width: 100%;
}

#contentView .form-group input {
    padding-left: 7px;
    width: 320px;
}

#users .form-group input,
#owners .form-group input {
    width: 100%;
}

#contentView .actions a,
#contentView .actions button {
    margin: 0 10px 0 0;
}

#contentView .actions a:last-child {
    margin: 0;
}

#contentView .actions a.restore {
    padding: 9px 6px;
}

#contentView .actions button.qrcode {
    padding: 4px 0 4px 20px;
    margin: 0;
    border: none;
    font-size: 26px;
    color: #2C2C2C;
}

#contentView .actions .btn-clear:active {
    box-shadow: none;
}

#contentView .actions .btn-clear i {
    color: #42BAE9;
}

#contentView .actions a:first-child,
#contentView .actions button:first-child {
    margin-right: 0;
}