/* https://github.com/tui2tone/flat-admin-bootstrap-templates */
.mt1em{margin-top: 1em;}
.mt2em{margin-top: 2em;}
.mt3em{margin-top: 3em;}
.mt4em{margin-top: 4em;}
.mt5em{margin-top: 5em;}
.mb1em{margin-bottom: 1em;}
.mb2em{margin-bottom: 2em;}
.mb3em{margin-bottom: 3em;}
.mb4em{margin-bottom: 4em;}
.mb5em{margin-bottom: 5em;}

.flat-blue { background-color: #F9F9F9;  /* small screen */ }
.flat-blue a { color: #363c46; }
.flat-blue a:hover { color: #09486b; }
.flat-blue .app-footer { opacity: 0.7; color: #353d47; position: absolute;bottom: 0;width: 100%;text-align: center;}
.flat-blue .navbar, .flat-blue .navbar.navbar-default { border-bottom: 0px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); }
.flat-blue .navbar > .container-fluid, .flat-blue .navbar.navbar-default > .container-fluid { background-color: #FFF; }
.flat-blue .navbar .navbar-header .navbar-brand, .flat-blue .navbar.navbar-default .navbar-header .navbar-brand { color: #F9F9F9; }
.flat-blue .navbar .navbar-header .navbar-expand-toggle, .flat-blue .navbar.navbar-default .navbar-header .navbar-expand-toggle { color: #353d47; }
.flat-blue .navbar .navbar-header .navbar-right-expand-toggle, .flat-blue .navbar.navbar-default .navbar-header .navbar-right-expand-toggle { color: #353d47; }
.flat-blue .navbar .navbar-breadcrumb li, .flat-blue .navbar.navbar-default .navbar-breadcrumb li { color: #353d47; }
.flat-blue .navbar .navbar-breadcrumb li a, .flat-blue .navbar.navbar-default .navbar-breadcrumb li a { color: #353d47; }
.flat-blue .navbar .navbar-nav > li, .flat-blue .navbar.navbar-default .navbar-nav > li { border-left: 1px solid #F9F9F9; }
.flat-blue .navbar .navbar-nav > li > a, .flat-blue .navbar.navbar-default .navbar-nav > li > a { color: #353d47; }
.flat-blue .navbar .navbar-nav > li:hover > a, .flat-blue .navbar.navbar-default .navbar-nav > li:hover > a { color: #22A7F0; }
.flat-blue .navbar .navbar-nav > li.open > a, .flat-blue .navbar.navbar-default .navbar-nav > li.open > a { background-color: transparent; color: #22A7F0; }
.flat-blue .navbar .navbar-nav > li.danger > a, .flat-blue .navbar.navbar-default .navbar-nav > li.danger > a { background-color: transparent; border-bottom: 4px solid #FA2A00; color: #FA2A00; }
.flat-blue .navbar .navbar-nav > li.danger.open > a, .flat-blue .navbar.navbar-default .navbar-nav > li.danger.open > a { background-color: #FA2A00; color: #FFF; }
.flat-blue .navbar .navbar-nav .dropdown-menu, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu { background-color: #F9F9F9; border-color: #E4E4E4; }
.flat-blue .navbar .navbar-nav .dropdown-menu .title, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu .title { background-color: #FFF; }
.flat-blue .navbar .navbar-nav .dropdown-menu .title .badge, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu .title .badge { background-color: #353d47; }
.flat-blue .navbar .navbar-nav .dropdown-menu.danger, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu.danger { border-color: #FA2A00; }
.flat-blue .navbar .navbar-nav .dropdown-menu.danger .title, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu.danger .title { background-color: #FA2A00; color: #FFF; }
.flat-blue .navbar .navbar-nav .dropdown-menu.danger .title .badge, .flat-blue .navbar.navbar-default .navbar-nav .dropdown-menu.danger .title .badge { background-color: #FFF; color: #FA2A00; }
.flat-blue .navbar.navbar-inverse { background-color: #353d47; border-bottom: 0px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
.flat-blue .navbar.navbar-inverse > .container-fluid { background-color: #353d47; }
.flat-blue .navbar.navbar-inverse .navbar-header .navbar-brand { color: #F9F9F9; }
.flat-blue .navbar.navbar-inverse .navbar-header .navbar-expand-toggle { color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-header .navbar-right-expand-toggle { color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-breadcrumb li { color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-breadcrumb li a { color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-nav > li { border-left: 1px solid #363c46; }
.flat-blue .navbar.navbar-inverse .navbar-nav > li > a { color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-nav > li:hover > a { color: #22A7F0; }
.flat-blue .navbar.navbar-inverse .navbar-nav > li.open > a { background-color: transparent; color: #22A7F0; }
.flat-blue .navbar.navbar-inverse .navbar-nav > li.danger > a { background-color: transparent; border-bottom: 4px solid #FA2A00; color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-nav > li.danger.open > a { background-color: #FA2A00; }
.flat-blue .navbar.navbar-inverse .navbar-nav .dropdown-menu { background-color: #F9F9F9; border-color: #353d47; }
.flat-blue .navbar.navbar-inverse .navbar-nav .dropdown-menu .title { background-color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-nav .dropdown-menu .title .badge { background-color: #353d47; }
.flat-blue .navbar.navbar-inverse .navbar-nav .dropdown-menu.danger { border-color: #FA2A00; }
.flat-blue .navbar.navbar-inverse .navbar-nav .dropdown-menu.danger .title { background-color: #FA2A00; color: #FFF; }
.flat-blue .navbar.navbar-inverse .navbar-nav .dropdown-menu.danger .title .badge { background-color: #FFF; color: #FA2A00; }
.flat-blue .side-menu { background-color: #FFF; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08); }
.flat-blue .side-menu .navbar-header { background-color: #22A7F0; margin-bottom: 4px; }
.flat-blue .side-menu .navbar-header .navbar-brand { color: #19B5FE; }
.flat-blue .side-menu .navbar-nav { width: 100%; }
.flat-blue .side-menu .navbar { background-color: #FFF; border-bottom: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.flat-blue .side-menu .navbar li > a { color: #363c46; }
.flat-blue .side-menu .navbar li.active { border-left: 0; }
.flat-blue .side-menu .navbar li.active > a { border-right: 4px solid #22A7F0; background-color: #FFF; }
.flat-blue .side-menu .navbar > li:hover > a { background-color: #FA2A00; color: #FFF; }
.flat-blue .side-menu .navbar li.dropdown { background-color: transparent; }
.flat-blue .side-menu .navbar li.dropdown > .panel-collapse { background-color: #E4E4E4; }
.flat-blue .side-menu .navbar li.dropdown .panel-body { padding: 0 7px; }
.flat-blue .side-menu.sidebar-inverse { background-color: #353d47; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08); }
.flat-blue .side-menu.sidebar-inverse .navbar { background-color: #353d47; border-bottom: 0px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.flat-blue .side-menu.sidebar-inverse .navbar li { border-left: 0; }
.flat-blue .side-menu.sidebar-inverse .navbar li > a { color: #FFF; }
.flat-blue .side-menu.sidebar-inverse .navbar li.active > a { color: #353d47; border-left: 3px solid #22A7F0; border-right: 0px solid #22A7F0; background-color: #FFF; }
.flat-blue .side-menu.sidebar-inverse .navbar li.active > a .icon { margin-left: -3px; }
.flat-blue .side-menu.sidebar-inverse .navbar > li:hover > a { background-color: #FA2A00; color: #FFF; }
.flat-blue .side-menu.sidebar-inverse .navbar li.dropdown > .panel-collapse { background-color: rgba(0, 0, 0, 0.1); }
.flat-blue .side-menu.sidebar-inverse .navbar li.dropdown .panel-body { padding: 0 7px; }
@media (max-width:768px) {
    .flat-blue .navbar.navbar-default .navbar-nav > li { border-left: 0; }
    .flat-blue .navbar.navbar-default .navbar-right { background-color: #FFF; }
    .flat-blue .navbar.navbar-inverse .navbar-nav > li { border-left: 0; }
    .flat-blue .navbar.navbar-inverse .navbar-right { background-color: #353d47; }
}
.flat-blue .card.red { background-color: #FA2A00; color: #FFF; }
.flat-blue .card.yellow { background-color: #ffb400; color: #FFF; }
.flat-blue .card.green { background-color: #1ABC9C; color: #FFF; }
.flat-blue .card.blue { background-color: #22A7F0; color: #FFF; }
.flat-blue .card.dark { background-color: #353d47; color: #FFF; }
.flat-blue .card.red, .flat-blue .card.yellow, .flat-blue .card.green, .flat-blue .card.blue, .flat-blue .card.dark { border: 0; }
.flat-blue .card.red .card-header, .flat-blue .card.yellow .card-header, .flat-blue .card.green .card-header, .flat-blue .card.blue .card-header, .flat-blue .card.dark .card-header { border-bottom: 0; }
.flat-blue .card.red .card-header .title, .flat-blue .card.yellow .card-header .title, .flat-blue .card.green .card-header .title, .flat-blue .card.blue .card-header .title, .flat-blue .card.dark .card-header .title { color: #FFF; }
.flat-blue .card { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border: 0px solid #E4E4E4; }
.flat-blue .card .card-header { border-bottom: 1px solid #E4E4E4; }
.flat-blue .card .card-header .title { color: #353d47; }
.flat-blue .card .card-body .sub-title { border-bottom: 1px solid #EAEAEA; }
.flat-blue .card .card-header.no-border { border-bottom: 0; }
.flat-blue .card .card-jumbotron { background-color: #EAEAEA; }
.flat-blue .card.primary .card-jumbotron { background-color: #353d47; color: #FFF; }
.flat-blue .card.profile .card-footer { border-top: 1px solid #F9F9F9; }
.flat-blue .card.summary-inline.red:hover { background-color: #7c1a06; }
.flat-blue .card.summary-inline.yellow:hover { background-color: #85630f; }
.flat-blue .card.summary-inline.green:hover { background-color: #006551; }
.flat-blue .card.summary-inline.blue:hover { background-color: #353d47; }
.flat-blue .card.summary-inline.dark:hover { background-color: #09486b; }
.flat-blue .card.card-success .card-header { background-color: #1ABC9C; }
.flat-blue .card.card-success .card-header .title { color: #FFF; }
.flat-blue .card.card-info .card-header { background-color: #22A7F0; }
.flat-blue .card.card-info .card-header .title { color: #FFF; }
.flat-blue .panel.panel-default { border: 1px solid #EAEAEA; }
.flat-blue .panel.panel-default .panel-heading { border-bottom: 1px solid #EAEAEA; background-color: #F0F0F0; }
.flat-blue .panel.panel-primary { border: 1px solid #353d47; }
.flat-blue .panel.panel-primary .panel-heading { border-bottom: 1px solid #353d47; background-color: #73849d; color: #FFF; }
.flat-blue .panel.panel-success { border: 1px solid #1ABC9C; }
.flat-blue .panel.panel-success .panel-heading { border-bottom: 1px solid #1ABC9C; background-color: #99e9d9; color: #006551; }
.flat-blue .panel.panel-info { border: 1px solid #22A7F0; }
.flat-blue .panel.panel-info .panel-heading { border-bottom: 1px solid #22A7F0; background-color: #91d5fb; color: #09486b; }
.flat-blue .panel.panel-warning { border: 1px solid #FABE28; }
.flat-blue .panel.panel-warning .panel-heading { border-bottom: 1px solid #FABE28; background-color: #ffe5a2; color: #85630f; }
.flat-blue .panel.panel-danger { border: 1px solid #fb927d; }
.flat-blue .panel.panel-danger .panel-heading { border-bottom: 1px solid #fb927d; background-color: #ffb8aa; color: #7c1a06; }
.flat-blue .panel.fresh-color.panel-primary { border: 1px solid #353d47; }
.flat-blue .panel.fresh-color.panel-primary .panel-heading { border-bottom: 1px solid #353d47; background-color: #353d47; color: #FFF; }
.flat-blue .panel.fresh-color.panel-success { border: 1px solid #1ABC9C; }
.flat-blue .panel.fresh-color.panel-success .panel-heading { border-bottom: 1px solid #1ABC9C; background-color: #1ABC9C; color: #FFF; }
.flat-blue .panel.fresh-color.panel-info { border: 1px solid #22A7F0; }
.flat-blue .panel.fresh-color.panel-info .panel-heading { border-bottom: 1px solid #22A7F0; background-color: #22A7F0; color: #FFF; }
.flat-blue .panel.fresh-color.panel-warning { border: 1px solid #FABE28; }
.flat-blue .panel.fresh-color.panel-warning .panel-heading { border-bottom: 1px solid #FABE28; background-color: #FABE28; color: #FFF; }
.flat-blue .panel.fresh-color.panel-danger { border: 1px solid #FA2A00; }
.flat-blue .panel.fresh-color.panel-danger .panel-heading { border-bottom: 1px solid #FA2A00; background-color: #FA2A00; color: #FFF; }
.flat-blue .btn.btn-default { background-color: #F0F0F0; border-color: #EAEAEA; }
.flat-blue .btn.btn-default:hover { background-color: #EAEAEA; }
.flat-blue .btn.btn-primary { background-color: #353d47; color: #FFF; border-color: #353d47; }
.flat-blue .btn.btn-success { background-color: #1ABC9C; color: #FFF; border-color: #1ABC9C; }
.flat-blue .btn.btn-warning { background-color: #FABE28; color: #FFF; border-color: #FABE28; }
.flat-blue .btn.btn-info { background-color: #22A7F0; color: #FFF; border-color: #22A7F0; }
.flat-blue .btn.btn-danger { background-color: #FA2A00; color: #FFF; border-color: #FA2A00; }
.flat-blue .btn.btn-link { color: #353d47; }
.flat-blue .progress .progress-bar { background-color: #353d47; color: #FFF; }
.flat-blue .progress .progress-bar.progress-bar-success { background-color: #1ABC9C; }
.flat-blue .progress .progress-bar.progress-bar-info { background-color: #22A7F0; }
.flat-blue .progress .progress-bar.progress-bar-warning { background-color: #FABE28; }
.flat-blue .progress .progress-bar.progress-bar-danger { background-color: #FA2A00; }
.flat-blue .color-white { color: #FFF; }
.flat-blue .pagination > li > a { color: #353d47; }
.flat-blue .pagination .active > a, .flat-blue .pagination .active > a:focus, .flat-blue .pagination .active > a:hover, .flat-blue .pagination .active span, .flat-blue .pagination .active > span:focus, .flat-blue .pagination .active > span:hover { background-color: #353d47; border-color: #353d47; color: #FFF; }
.flat-blue .modal.modal-primary .modal-header { background-color: #353d47; color: #FFF; }
.flat-blue .modal.modal-success .modal-header { background-color: #1ABC9C; color: #FFF; }
.flat-blue .modal.modal-info .modal-header { background-color: #22A7F0; color: #FFF; }
.flat-blue .modal.modal-warning .modal-header { background-color: #FABE28; color: #FFF; }
.flat-blue .modal.modal-danger .modal-header { background-color: #FA2A00; color: #FFF; }
.flat-blue .alert.alert-success { background-color: #99e9d9; color: #006551; border-color: #1ABC9C; }
.flat-blue .alert.alert-success .alert-link { color: #006551; text-decoration: underline; }
.flat-blue .alert.alert-success .btn-link { color: #006551; }
.flat-blue .alert.alert-info { background-color: #91d5fb; color: #09486b; border-color: #22A7F0; }
.flat-blue .alert.alert-info .alert-link { color: #09486b; text-decoration: underline; }
.flat-blue .alert.alert-info .btn-link { color: #09486b; }
.flat-blue .alert.alert-warning { background-color: #ffe5a2; border-color: #FABE28; color: #85630f; }
.flat-blue .alert.alert-warning .alert-link { color: #85630f; text-decoration: underline; }
.flat-blue .alert.alert-warning .btn-link { color: #85630f; }
.flat-blue .alert.alert-danger { background-color: #ffb8aa; border-color: #fb927d; color: #7c1a06; }
.flat-blue .alert.alert-danger .alert-link { color: #7c1a06; text-decoration: underline; }
.flat-blue .alert.alert-danger .btn-link { color: #7c1a06; }
.flat-blue .alert.fresh-color { color: #FFF; }
.flat-blue .alert.fresh-color .alert-link { color: #FFF; text-decoration: underline; }
.flat-blue .alert.fresh-color .btn-link { color: #FFF; }
.flat-blue .alert.fresh-color.alert-success { background-color: #1ABC9C; }
.flat-blue .alert.fresh-color.alert-info { background-color: #22A7F0; }
.flat-blue .alert.fresh-color.alert-warning { background-color: #FABE28; }
.flat-blue .alert.fresh-color.alert-danger { background-color: #FA2A00; border-color: #FA2A00; }
.flat-blue .list-group .list-group-item.active { background-color: #353d47; color: #FFF; border-color: #353d47; }
.flat-blue .list-group .list-group-item.active .badge { color: #353d47; }
.flat-blue .list-group .list-group-item.list-group-item-success { background-color: #99e9d9; color: #006551; border-color: #99e9d9; }
.flat-blue .list-group .list-group-item.list-group-item-success .badge { background-color: #FFF; color: #1ABC9C; }
.flat-blue .list-group .list-group-item.list-group-item-info { background-color: #91d5fb; color: #09486b; border-color: #91d5fb; }
.flat-blue .list-group .list-group-item.list-group-item-info .badge { background-color: #FFF; color: #22A7F0; }
.flat-blue .list-group .list-group-item.list-group-item-warning { background-color: #ffe5a2; color: #85630f; border-color: #ffe5a2; }
.flat-blue .list-group .list-group-item.list-group-item-warning .badge { background-color: #FFF; color: #FABE28; }
.flat-blue .list-group .list-group-item.list-group-item-danger { background-color: #ffb8aa; color: #7c1a06; border-color: #ffb8aa; }
.flat-blue .list-group .list-group-item.list-group-item-danger .badge { background-color: #FFF; color: #FA2A00; }
.flat-blue .bootstrap-switch { border-color: #EAEAEA; }
.flat-blue .bootstrap-switch .bootstrap-switch-primary { background-color: #353d47; }
.flat-blue .table .active td, .flat-blue .table .active th { background-color: #EAEAEA; }
.flat-blue .table .success { color: #006551; }
.flat-blue .table .success td, .flat-blue .table .success th { background-color: #99e9d9; }
.flat-blue .table .info { color: #09486b; }
.flat-blue .table .info td, .flat-blue .table .info th { background-color: #91d5fb; }
.flat-blue .table .warning { color: #85630f; }
.flat-blue .table .warning td, .flat-blue .table .warning th { background-color: #ffe5a2; }
.flat-blue .table .danger { color: #7c1a06; }
.flat-blue .table .danger td, .flat-blue .table .danger th { background-color: #ffb8aa; }
.flat-blue .table > tbody > tr > td, .flat-blue .table > tbody > tr > th, .flat-blue .table > tfoot > tr > td, .flat-blue .table > tfoot > tr > th { border-color: #EAEAEA; }
.flat-blue .table > thead > tr > th { border-color: #EAEAEA; }
.flat-blue .table.table-striped > tbody > tr:nth-of-type(odd) { background-color: #FDFDFD; }
.flat-blue .login-box .login-form .login-header { color: #FFF; }
.flat-blue .login-box .login-form .login-body { background-color: #FFF; }
/*.flat-blue .login-box input { background-color: #F9F9F9; border: 1px solid #F9F9F9; }*/
.flat-blue .login-box .login-footer a { color: #FFF; }
.flat-blue .login-box .login-footer a:hover { color: #FFF; text-decoration: underline; }
.flat-blue .badge.primary { background-color: #353d47; }
.flat-blue .badge.success { background-color: #1ABC9C; }
.flat-blue .badge.info { background-color: #22A7F0; }
.flat-blue .badge.warning { background-color: #FABE28; }
.flat-blue .badge.danger { background-color: #FA2A00; }
.flat-blue .nav-tabs { background-color: #EAEAEA; }
.flat-blue .nav-tabs > li > a:hover { background-color: #EAEAEA; }
.flat-blue .nav-tabs > li.active > a:hover { background-color: #FFF; }
.flat-blue .tabs-below > .nav-tabs { border-top: 1px solid #E4E4E4; }
.flat-blue .tabs-below > .nav-tabs > li > a:hover, .flat-blue .tabs-below > .nav-tabs > li > a:focus { border-top-color: #E4E4E4; border-bottom-color: transparent; }
.flat-blue .tabs-below > .nav-tabs > .active > a, .flat-blue .tabs-below > .nav-tabs > .active > a:hover, .flat-blue .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #E4E4E4 #E4E4E4 #E4E4E4; }
.flat-blue .tabs-left > .nav-tabs { border-right: 1px solid #E4E4E4; }
.flat-blue .tabs-left > .nav-tabs > li > a:hover, .flat-blue .tabs-left > .nav-tabs > li > a:focus { border-color: #E4E4E4 #E4E4E4 #E4E4E4 #E4E4E4; }
.flat-blue .tabs-left > .nav-tabs .active > a, .flat-blue .tabs-left > .nav-tabs .active > a:hover, .flat-blue .tabs-left > .nav-tabs .active > a:focus { border-color: #E4E4E4 transparent #E4E4E4 #E4E4E4; *border-right-color: #FFF; }
.flat-blue .tabs-right > .nav-tabs { border-left: 1px solid #E4E4E4; }
.flat-blue .tabs-right > .nav-tabs > li > a:hover, .flat-blue .tabs-right > .nav-tabs > li > a:focus { border-color: #E4E4E4 #E4E4E4 #E4E4E4 #E4E4E4; }
.flat-blue .tabs-right > .nav-tabs .active > a, .flat-blue .tabs-right > .nav-tabs .active > a:hover, .flat-blue .tabs-right > .nav-tabs .active > a:focus { border-color: #E4E4E4 #E4E4E4 #E4E4E4 transparent; *border-left-color: #FFF; }
.flat-blue .step .nav-tabs { background-color: #FFF; }
.flat-blue .step .nav-tabs > li { border: 1px solid #E4E4E4; border-right: 0; }
.flat-blue .step .nav-tabs > li:after { border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #FFF; }
.flat-blue .step .nav-tabs > li:before { border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 16px solid #E4E4E4; }
.flat-blue .step .nav-tabs > li.active { background-color: #EAEAEA; }
.flat-blue .step .nav-tabs > li.active > a, .flat-blue .step .nav-tabs > li.active > a:focus, .flat-blue .step .nav-tabs > li.active > a:hover { background: transparent; }
.flat-blue .step .nav-tabs > li:hover { background-color: #EAEAEA; }
.flat-blue .step .nav-tabs > li:hover:after, .flat-blue .step .nav-tabs > li.active:after { border-left: 15px solid #EAEAEA; }
.flat-blue .step .nav-tabs > li:last-child { border-right: 1px solid #E4E4E4; }
.flat-blue .step .nav-tabs > li.step-success { background-color: #99e9d9; border: 1px solid #1ABC9C; }
.flat-blue .step .nav-tabs > li.step-success a { color: #006551; }
.flat-blue .step .nav-tabs > li.step-disabled { background-color: #99e9d9; }
.flat-blue .step .nav-tabs > li.step-success:after { border-left: 15px solid #99e9d9; }
.flat-blue .step .nav-tabs > li.step-success.active:hover:after { border-left: 15px solid #99e9d9; }
.flat-blue .step .nav-tabs > li.step-success:hover:after { border-left: 15px solid #EAEAEA; }
.flat-blue .step.card-no-padding .nav-tabs > li { border: 0px solid transparent; border-right: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; }
.flat-blue .step.card-no-padding .nav-tabs > li:last-child { border-right: 0px solid #E4E4E4; }
.flat-blue .step.tabs-left .nav-tabs > li { border: 1px solid #E4E4E4; }
.flat-blue .step.tabs-left .nav-tabs > li:after { border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #FFF; }
.flat-blue .step.tabs-left .nav-tabs > li:before { border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 16px solid #E4E4E4; }
.flat-blue .step.tabs-left .nav-tabs > li.active { background-color: #EAEAEA; }
.flat-blue .step.tabs-left .nav-tabs > li.active > a, .flat-blue .step.tabs-left .nav-tabs > li.active > a:focus, .flat-blue .step.tabs-left .nav-tabs > li.active > a:hover { background: transparent; }
.flat-blue .step.tabs-left .nav-tabs > li:hover { background-color: #EAEAEA; }
.flat-blue .step.tabs-left .nav-tabs > li:hover:after, .flat-blue .step.tabs-left .nav-tabs > li.active:after { border-left: 15px solid #EAEAEA; }
.flat-blue .step.tabs-left.card-no-padding .nav-tabs > li { border: 0px solid transparent; }
.flat-blue .pricing-table { box-shadow: 0 1px 1px #CCC; }
.flat-blue .pricing-table .pt-header { background-color: #E4E4E4; }
.flat-blue .pricing-table .pt-header .plan-pricing .pricing { text-shadow: 0 1px 1px #FFF; }
.flat-blue .pricing-table .pt-body { background-color: #F9F9F9; }
.flat-blue .pricing-table .pt-body .plan-detail { border-top: 1px dashed rgba(255, 255, 255, 0.6); padding-top: 1em; margin-top: 1em; }
.flat-blue .pricing-table .pt-footer { background-color: #F9F9F9; }
.flat-blue .pricing-table.dark-blue .pt-header { background-color: #353d47; color: #FFF; }
.flat-blue .pricing-table.dark-blue .pt-body { background-color: #9eaabd; color: #363c46; }
.flat-blue .pricing-table.green .pt-header { background-color: #1ABC9C; color: #FFF; }
.flat-blue .pricing-table.green .pt-body { background-color: #99e9d9; color: #006551; }
.flat-blue .pricing-table.blue .pt-header { background-color: #22A7F0; color: #FFF; }
.flat-blue .pricing-table.blue .pt-body { background-color: #91d5fb; color: #09486b; }
.flat-blue .pricing-table.yellow .pt-header { background-color: #FABE28; color: #FFF; }
.flat-blue .pricing-table.yellow .pt-body { background-color: #ffe5a2; color: #85630f; }
.flat-blue .pricing-table.red .pt-header { background-color: #FA2A00; color: #FFF; }
.flat-blue .pricing-table.red .pt-body { background-color: #ffb8aa; color: #7c1a06; }
.flat-blue.landing-page .navbar-inverse .navbar-toggle:focus, .flat-blue.landing-page .navbar-inverse .navbar-toggle:hover { background-color: transparent; }
.flat-blue.landing-page .navbar { background-color: transparent; box-shadow: none; }
.flat-blue.landing-page .navbar .navbar-nav > .active > a { background-color: transparent; }
.flat-blue.landing-page .navbar .navbar-nav > li { border-left: 0px solid #F9F9F9; }
.flat-blue.landing-page .navbar .navbar-nav > li > a { color: #FFF; }
.flat-blue.landing-page .navbar .navbar-collapse { border: 0; }
.flat-blue.landing-page .navbar.affix .navbar-nav > li > a { color: #353d47; }
.flat-blue.landing-page .navbar.affix .navbar-nav > li:hover > a { color: #22A7F0; }
@media (max-width:768px) {
    .flat-blue.landing-page .navbar .navbar-collapse { background-color: #333; }
    .flat-blue.landing-page .navbar .navbar-right { background-color: transparent; color: #FFF; }
    .flat-blue.landing-page .navbar.affix .navbar-nav > li > a { color: #FFF; }
}
.flat-blue.landing-page .navbar.affix .navbar-brand { color: #353d47; }
.flat-blue.landing-page .navbar.affix .navbar-toggle .icon-bar { background-color: #353d47; }
.flat-blue.landing-page .app-header .app-btn { background-color: transparent; border: 2px solid #FFF; }
.flat-blue.landing-page .app-content-a { background-color: #EAEAEA; }



/* 首页 */
.landing-page .navbar .navbar-toggle { position: absolute; right: 0; border-radius: 0; border: 0; height: 44px; padding: 0 15px; }
.landing-page .app-header { padding-top: 100px; background: url(../img/app-header-bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.landing-page .app-header .app-logo { margin-bottom: 20px; }
.landing-page .app-header .app-description { margin-bottom: 40px; }
.landing-page .app-content-a, .landing-page .app-content-b { padding-top: 50px; padding-bottom: 20px; }

.landing-page .app-content-header { font-weight: 300; font-size: 46px; }
.landing-page .app-content-description { font-weight: 300; font-size: 18px; }
.landing-page .app-footer { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0; }
.landing-page .app-footer p { margin: 0; }
.landing-page .navbar-affix { width: 100%; height: 60px; border-top: 2px rgba(78, 205, 196, 0.8); -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; position: fixed; -webkit-box-shadow: 0px 0px 6px 0px rgba(96, 100, 109, 0.4); box-shadow: 0px 0px 6px 0px rgba(96, 100, 109, 0.4); }
.landing-page .navbar.affix { z-index: 4000; background-color: rgba(255, 255, 255, 0.95) !important; height: 60px; opacity: 1; margin-top: 0px; }
.landing-page .navbar-affix.affix li a { height: 40px; line-height: 40px; }
.landing-page .navbar-affix.affix .navbar-nav > li > a { background-color: transparent; font-weight: 400; color: #333; }
.landing-page .navbar { padding-left: 0px; background-color: transparent; box-shadow: none; }
.landing-page .navbar .navbar-right { position: relative; right: 0; }
.landing-page .navbar .navbar-header { border-bottom: 0px solid #e7e7e7; }
.landing-page .navbar .navbar-header .navbar-brand { width: 45px; line-height: 60px; height: 60px; padding: 0; width: 100%; overflow: hidden; padding-left: 0px; font-family: 'Roboto Condensed', sans-serif; }
.landing-page .navbar .navbar-header .navbar-brand .icon { width: 50px; text-align: center; display: inline-block; }
.landing-page .navbar .navbar-header .navbar-brand .title { margin-left: -10px; display: inline-block; }
.landing-page .navbar .navbar-header .navbar-expand-toggle { position: absolute; right: 0; width: 60px; height: 60px; background-color: transparent; border: 0px; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; opacity: 0.75; }
.landing-page .login-logo{margin-top: 2em;margin-bottom:1em;}
@media only screen and (max-width:768px) {
    .landing-page .navbar .navbar-header .navbar-brand { padding-left: 15px; }
}