div.bhoechie-tab-container {
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    opacity: .97;
    filter: alpha(opacity=97)
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0
}

div.bhoechie-tab-menu div.list-group {
    margin-bottom: 0
}

div.bhoechie-tab-menu div.list-group>a {
    margin-bottom: 0
}

div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
    color: #585858
}

div.bhoechie-tab-menu div.list-group>a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0
}

div.bhoechie-tab-menu div.list-group>a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active {
    background-color: #585858;
    color: #ffffff
}

div.bhoechie-tab-menu div.list-group>a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #cecece
}

div.bhoechie-tab-content {
    background-color: #ffffff;
    padding-left: 20px;
    padding-top: 10px
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none
}

.rs-login-bg {
    background: url(/assets/img/bg-login-2.jpg) top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 94.1vh
}

.panel-title {
    font-size: 13px;
    padding-left: 0 !important
}

.navbar {
    margin-bottom: 0 !important
}

body.login-page .panel {
    width: 400px;
    margin: 0 auto;
    position: relative
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

@media (min-width:1200px) {
    #topbar {
        padding: 0 21px 0 23px
    }
    #content {
        padding: 20px 20px 50px 23px;
        width: 400px;
        margin: 0 auto;
        position: relative
    }
}

.panel-title>.fa,
.panel-title>.glyphicon,
.panel-title>.glyphicons,
.panel-title>.imoon {
    color: #23497e !important
}

.input-group-addon {
    color: #23497e !important
}

.bg-purple2 {
    background-color: #23497e !important
}

.login-page .panel-bg {
    padding: 12px;
    width: 430px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.8) inset
}

.panel-footer {
    background-color: #fff
}

.login-page .panel-bg {
    padding: 12px;
    width: 430px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.8) inset
}

.minimal .overlay-black {
    background: rgba(0, 0, 0, 0.5)
}

.screenlock-page .panel-bg {
    padding: 12px;
    width: 530px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.8) inset
}

.form-control {
    height: 38px
}

.form-control:focus {
    border-color: #ccd0d2 !important;
    box-shadow: none
}

.login-pannel-box {
    margin-top: 150px !important
}

.row .painel-admin {
    margin-top: 50px !important
}

.select_fw {
    font-family: 'FontAwesome', 'sans-serif'
}

#app {
    min-height: 100vh;
    background-color: #f0f0f0
}

#app .m-top-30 {
    margin-top: 30px
}

#app .m-top-28 {
    margin-top: 28px
}

#app .m-bot-15 {
    margin-bottom: 15px
}

#app .color-title {
    color: #333
}

#app .rs-admin-section-title {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 15px
}

#app .navbar-brand img {
    height: 100%
}

#app .panel {
    padding: 15px
}

#app .panel-default {
    border: 1px solid #e1e1e1
}

#app .panel-primary {
    margin-top: 25vh;
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.3);
    border: none
}

#app .panel-primary .panel-heading {
    background-color: #0088CC;
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px
}

#app .panel-primary .panel-heading i {
    margin-right: 10px
}

#app .btn-collapse {
    color: #fff
}

#app .panel-page {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

#app .panel-page-title {
    background-color: #23497e;
    color: #fff;
    border: none;
    padding: 25px 15px;
    border-radius: 4px
}

#app .panel-page-title small {
    color: #fff
}

#app .btn-gray {
    background-color: #dadada;
    color: #4c4e50;
    border: 1px solid #ccc;
    transition: all 300ms ease
}

#app .btn-gray:hover {
    background-color: #cdcdcd;
    color: #fff
}

#app .btn-gray.edit:hover {
    background-color: #3097D1;
    border-color: #3097D1
}

#app .btn-gray.success:hover {
    background-color: #2ab27b;
    border-color: #259d6d
}

#app .btn-gray.danger:hover {
    background-color: #bf5329;
    border-color: #aa4a24
}

#app .btn-gray.preview:hover {
    background-color: #f2f2f2;
    border-color: #c4c4c4;
    color: #444
}

#app .list-group-item {
    color: #444;
    background-color: #cecece;
    border-color: #fff
}

#app .btn.collapsed .fa-caret-up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}