/* style.css */

body{
	padding-top: 50px;
}
main.container, main.container-fluid {
	margin-top: 10px;
}

/* navbar(header)
--------------------*/
.navbar-inverse .navbar-brand {
    visibility:hidden;
}
.navbar-inverse {
    background-color: #FFFFFF;
    border-bottom: 1px solid #dfe4e7;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus {
    color: #0080FF;
}

/* container-header
--------------------*/
#container-header .frame {
    border:none;
    box-shadow: none;
}
/* not smartphone hide */
#container-header .frame:nth-child(2) {
    display: none !important;
}
/* smartphone view */
@media only screen and (max-width: 750px) {
    #container-header .frame:first-child {
        margin-bottom: 0px
    }
    #container-header .frame:nth-child(2) {
        display: table !important;
        margin: 0 auto 15px auto;
    }
    #container-header .frame:nth-child(2) .panel-heading {
        display: table-cell;
        border-bottom: none;
        vertical-align: top;
    }
    #container-header .frame:nth-child(2) .panel-body {
        display: table-cell;
        padding: 0px 15px;
        background-color: #f5f5f5;
        border-color: #ddd;
    }
}

/* container-major
--------------------*/
#container-major .frame:first-child,
#container-major .frame:nth-child(2) {
    padding: 0px 15px 0px 15px;
}
#container-major .breadcrumb{
    background-color: #FFFFFF;
}
#container-major .frame:first-child .panel-body, 
#container-major .frame:nth-child(2) .panel-body {
    padding: 0px;
}
#container-major .frame:first-child {
    margin-bottom: 10px;
}
#container-major .frame:nth-child(2) .panel-body .breadcrumb{
    padding: 0px;
}

/* container-main .navbar-default
--------------------*/
#container-main .navbar-default .pull-right {
    display: none !important;
}
#container-main .navbar-default .navbar-collapse {
    display: block;
}
#container-main .navbar-default .navbar-collapse .hidden-xs {
    display: none;
}
#container-main .navbar-default .navbar-collapse .visible-xs-block {
    display: block !important;
}
#container-main .navbar-default .navbar-collapse .visible-xs-block .list-group {
    display: block !important;
    margin-bottom: 0px
}
#container-main .navbar-default .navbar-collapse .visible-xs-block .list-group-item {
    display: inline-block !important;
    min-width: 60px;
    min-height: 65px;
    padding-right: 5px;
    margin: 0px
}
#container-main .navbar-default .navbar-collapse .visible-xs-block .list-group-item:not(.active) {
    background: linear-gradient(to top, #bbb,#fff,#fff);
}
#container-main .navbar-default .navbar-collapse .visible-xs-block .list-group-item:not(.active):hover {
    background: linear-gradient(to top, #bbb,#fff);
}
#container-main .navbar-default .navbar-collapse .visible-xs-block .list-group .menu-tree-0 .pull-right {
    display: none;
}

/* container-main .plugin-menus:first-child nav
--------------------*/
#container-main .plugin-menus:first-child nav .list-group {
    margin-bottom: 0px
}
#container-main .plugin-menus:first-child nav .list-group-item {
    display: inline-block !important;
    min-width: 60px;
    min-height: 65px;
    padding-right: 5px;
    margin: 0px
}
#container-main .plugin-menus:first-child nav .list-group-item:not(.active) {
    background: linear-gradient(to top, #bbb,#fff,#fff);
}
#container-main .plugin-menus:first-child nav .list-group-item:not(.active):hover {
    background: linear-gradient(to top, #bbb,#fff);
}
#container-main .plugin-menus:first-child nav .list-group .menu-tree-0 .pull-right {
    display: none;
}

/* container .row
--------------------*/
@media all and (min-width:992px) {
    .col-md-3 {
        width: 20%;
    }
    .col-md-6 {
        width: 60%;
    }
    .col-md-push-3 {
        left: 20%;
    }
    .col-md-pull-6 {
        right: 60%;
    }
}