common.css

/**
 * 公共
 */
* { font-size: 12px; }
.w100 {width:100%;}
.fw-100 {font-weight:100;}
.fw-700 {font-weight:700;}
#common-prompt {position:fixed;top:0;left:0;right:0;text-align:center;margin-top:0;padding:5px;font-size:14px;z-index:10000;}
.am-popover, .am-radius, .am-selected-btn { border-radius:2px !important; }
.am-popover * {font-size: 12px;}
.am-icon-trash-o:before {width:12px !important;}
.fr {float:right !important;}
.fl {float:left !important;}
.fs-12 {font-size:12px !important;}
.fs-13 {font-size:13px !important;}
.fs-14 {font-size:14px !important;}
.fs-15 {font-size:15px !important;}
.fs-16 {font-size:16px !important;}
.fs-17 {font-size:17px !important;}
.fs-18 {font-size:18px !important;}
.c-r {cursor:w-resize;}
.c-p {cursor:pointer;}
.c-m {cursor: move !important;}
legend {padding-bottom:0.2rem !important; margin-bottom: 1rem; }
.am-popup-bd {background:#fff;}
.cr-eee {color:#eee !important;}
.cr-ccc {color:#ccc !important;}
.cr-ddd {color:#ddd !important;}
.cr-999 {color:#999 !important;}
.cr-666 {color:#666 !important;}
.cr-red {color:#fd4747 !important;}
.cr-green { color: #4aaa4a !important; }
.cr-blue { color: #4abbf5 !important; }
.cr-yellow { color: #e4bfbc !important; }
.am-form select,.am-form textarea,.am-form input[type="text"],.am-form input[type="password"],.am-form input[type="datetime"],.am-form input[type="datetime-local"],.am-form input[type="date"],.am-form input[type="month"],.am-form input[type="time"],.am-form input[type="week"],.am-form input[type="number"],.am-form input[type="email"],.am-form input[type="url"],.am-form input[type="search"],.am-form input[type="tel"],.am-form input[type="color"],.am-form-field {font-size:12px !important;}
select {height:28px !important;}
.bk-cr-gray {background:#f3f3f3 !important;}
.bk-cr-ffd {background:#ffd !important;}
.bk-cr-white {background-color: #fff;}
.t-c {text-align:center;}
.t-l {text-align:left;}
.t-r {text-align:right;}
.o-h { overflow: hidden; }
.submit-state { font-size: 16px; width: 25px; height: 25px; line-height: 25px; }
input:hover, select:hover, textarea:hover, .chosen-choices:hover, .chosen-single:hover { border-style:solid; border-width:1px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:1px solid #4FACF5 !important; box-shadow:0 0 5px #4FACF5 !important; }
.am-input-group-sm > .am-input-group-btn > .am-btn { height: 28px; font-size: 12px !important; }
.left-menu-more-ico-rotate {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transition: all 300ms;transition: all 300ms;}
.am-icon-angle-down {-webkit-transition: all 300ms;transition: all 300ms;}
.am-radio-inline input[type="radio"] { margin-left: 0px !important; }
.am-alert-tips { background-color: #ffffe9; border-color: #faebd2; color: #888; }
.am-alert-tips, .am-alert-tips * { font-size: 12px; }
.am-btn-sm { font-size: 12px; }

body {margin:0;color:#797979;}
html,body {position:relative;background:#fff;height:100%;width:100%;}
h1,h2,h3,h4,h5,h6 {font-family:'Karla',sans-serif;margin:10px 0;}
h1 {line-height:43px;}
h2 {line-height:35px;}
h3 small {color:#444444;}
h4 {line-height:22px;}
h4 small {color:#444444;}
h5 {font-size:15px;}
h5 small {color:#444444;}
p {line-height:1.6;}
* {outline:none !important;}
b {font-weight:600;}
i{ font-style: normal; }
a:hover {outline:0;text-decoration:none;}
a:active {outline:0;text-decoration:none;}
a:focus {outline:0;text-decoration:none;}
.container {width:auto;}
.container-alt {margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;}
/* Footer */
.footer {border-top:1px solid rgba(152,166,173,0.2);bottom:0px;color:#98a6ad;text-align:left !important;padding:19px 30px 20px;position:absolute;right:0px;left:250px;}
#wrapper {height:100%;overflow:hidden;width:100%;}
.page {bottom:0;left:0;right:0;top:0;}
/* Page titles */
.page-title {font-size:20px;font-weight:600;margin-bottom:0px;margin-top:0px;line-height:70px;}
.page-header {border-bottom:1px solid #DBDDDE;}
.header-title {font-size:16px;font-weight:600;line-height:16px;margin-bottom:8px;}
/* =============   Helper clasess============= */
.m-0 { margin: 0px !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-30 { margin: 30px !important; }
.m-35 { margin: 35px !important; }
.m-40 { margin: 40px !important; }
.m-45 { margin: 45px !important; }
.m-50 { margin: 50px !important; }
.p-0 { padding: 0px !important; }
.p-10 { padding: 10px !important; }
.p-20 { padding: 20px !important; }
.p-30 { padding: 30px !important; }
.p-l-0 { padding-left: 0px !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-l-25 { padding-left: 25px !important; }
.p-l-30 { padding-left: 30px !important; }
.p-r-0 { padding-right: 0px !important; }
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-r-25 { padding-right: 25px !important; }
.p-r-30 { padding-right: 30px !important; }
.p-r-0 { padding-right: 0px !important; }
.p-t-0 { padding-top: 0px !important; }
.p-b-0 { padding-bottom: 0px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-l-r-10 { padding-left: 10px; padding-right: 10px; }
.m-0 { margin: 0px !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 15px !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-25 { margin-left: 25px !important; }
.m-l-30 { margin-left: 30px !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-0 { margin-top: 0px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-40 { margin-top: 40px !important; }
.m-b-0 { margin-bottom: 0px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-b-30 { margin-bottom: 30px !important; }
.w-xs {min-width:80px;}
.w-sm {min-width:95px;}
.w-md {min-width:110px;}
.w-lg {min-width:140px;}
.m-h-40 {min-height:40px;}
.m-h-50 {min-height:50px;}
.l-h-34 {line-height:34px;}
.font-600 {font-weight:600;}
.font-bold {font-weight:700;}
.font-normal {font-weight:normal;}
.font-light {font-weight:300;}
.font-13 {font-size:13px !important;}
.wrapper-md {padding:20px;}
.pull-in {margin-left:-20px;margin-right:-20px;}
.b-0 {border:none !important;}
.vertical-middle {vertical-align:middle;}
.bx-shadow {-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);box-shadow:0px 1px 2px 0px rgba(0,0,0,0.1);}
.bx-shadow-none {box-shadow:none !important;}
.mx-box {max-height:380px;min-height:380px;}
.thumb-sm {height:32px;width:32px;}
.thumb-md {height:48px;width:48px;}
.thumb-lg {height:88px;width:88px;}
.thumb-xl {height:120px;width:120px;}
.add-new-plus {height:32px;text-align:center;width:32px;display:block;line-height:32px;color:#98a6ad;font-weight:700;background-color:#ebeff2;border-radius:50%;}
/* =============   Extras============= *//* Table type box */
.table-box {display:table;height:100%;width:100%;}
.table-box .table-detail {display:table-cell;vertical-align:middle;}
/* Card Box */
.card-box {padding:20px;box-shadow:0 0px 8px 0 rgba(0,0,0,0.06),0 1px 0px 0 rgba(0,0,0,0.02);-webkit-border-radius:5px;border-radius:5px;-moz-border-radius:5px;background-clip:padding-box;margin-bottom:20px;background-color:#ffffff;}
.card-box .card-drop {color:#98a6ad;font-size:20px;line-height:1px;padding:0px 5px;display:inline-block;}
/* Grid page */
.grid-structure .grid-container {background-color:#f4f8fb;margin-bottom:10px;padding:10px 20px;}
/* Demo only */
.icon-list-demo div {cursor:pointer;line-height:45px;white-space:nowrap;color:#75798B;}
.icon-list-demo div p {margin-bottom:0px;line-height:inherit;}
.icon-list-demo i {display:inline-block;font-size:18px;margin:0;vertical-align:middle;width:40px;}
.icon-list-demo .col-md-4 {-webkit-border-radius:3px;border-radius:3px;-moz-border-radius:3px;background-clip:padding-box;}
.icon-list-demo .col-md-4:hover {background-color:rgba(113,182,249,0.07);}
.button-list {margin-left:-8px;margin-bottom:-12px;}
.button-list .btn {margin-bottom:12px;margin-left:8px;}
.demo-dropdown {position:static;display:block;margin-bottom:5px;clear:left;}
#static-modal {position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block;}
/* Switchery demo */
.switchery-demo .switchery {margin-bottom:10px;}
/* =============   Bootstrap-custom============= */
.row {margin-right:-10px;margin-left:-10px;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {padding-left:10px;padding-right:10px;}
.breadcrumb {background-color:transparent;margin-bottom:15px;padding-top:10px;padding-left:0px;}
/* Image Thumbnail */
.img-thumbnail {border:1px solid #EBEFF2;}
/* Dropdown */
.dropdown-menu {padding:4px 0;transition:all 300ms ease;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;-ms-transition:all 300ms ease;box-shadow:0 0px 8px 0 rgba(0,0,0,0.06),0 1px 0px 0 rgba(0,0,0,0.02);border:1px solid rgba(152,166,173,0.15);}
.dropdown-menu > li > a {padding:6px 20px;}
.dropdown-menu > li > a:focus,.dropdown-menu > li > a:hover {background-color:rgba(218,230,236,0.3) !important;}
.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {background-color:rgba(152,166,173,0.1);color:#435966;}
/*Well */
.well {background-color:rgba(152,166,173,0.15);border:rgba(152,166,173,0.5);-webkit-box-shadow:inset 0 1px 1px rgba(152,166,173,0.25);box-shadow:inset 0 1px 1px rgba(152,166,173,0.25);}
/* Background colors */
.bg-custom {background-color:#71b6f9 !important;}
.bg-primary {background-color:#188ae2 !important;}
.bg-success {background-color:#10c469 !important;}
.bg-info {background-color:#35b8e0 !important;}
.bg-warning {background-color:#f9c851 !important;}
.bg-danger {background-color:#ff5b5b !important;}
.bg-muted {background-color:#f4f8fb !important;}
.bg-inverse {background-color:#3b3e47 !important;}
.bg-purple {background-color:#5b69bc !important;}
.bg-pink {background-color:#ff8acc !important;}
.bg-white {background-color:#ffffff !important;}
.bg-lightdark {background-color:#f4f8fb !important;}
/* Text colors */
.text-custom {color:#71b6f9 !important;}
.text-white {color:#ffffff !important;}
.text-danger {color:#ff5b5b !important;}
.text-muted {color:#98a6ad !important;}
.text-primary {color:#188ae2 !important;}
.text-warning {color:#f9c851 !important;}
.text-success {color:#10c469 !important;}
.text-info {color:#35b8e0 !important;}
.text-inverse {color:#3b3e47 !important;}
.text-pink {color:#ff8acc !important;}
.text-purple {color:#5b69bc !important;}
.text-dark {color:#797979 !important;}
/* Form components */textarea.form-control {min-height:90px;}
.form-control {background-color:#FFFFFF;border:1px solid #E3E3E3;border-radius:4px;color:#565656;padding:7px 12px;height:38px;max-width:100%;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;}
.form-control:focus {background-color:#FFFFFF;border:1px solid #AAAAAA;-webkit-box-shadow:none;box-shadow:none;outline:0 !important;color:#333333;}
.input-lg {height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px;}
.input-sm {height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;}
.form-horizontal .form-group {margin-left:-10px;margin-right:-10px;}
.form-control-feedback {line-height:38px !important;}
.input-group-btn .btn {padding:8px 12px;}
.input-group-btn .btn-sm {padding:5px 10px;}
.input-group-btn .btn-lg {padding:10px 17px;}
/* Labels */
.label {font-weight:500;letter-spacing:0.05em;padding:.3em .6em .3em;color:#fff;border-radius:3px;}
.label-default {background-color:#71b6f9;}
.label-primary {background-color:#188ae2;}
.label-success {background-color:#10c469;}
.label-info {background-color:#35b8e0;}
.label-warning {background-color:#f9c851;}
.label-danger {background-color:#ff5b5b;}
.label-purple {background-color:#5b69bc;}
.label-pink {background-color:#ff8acc;}
.label-inverse {background-color:#3b3e47;}
/* Badge */
.badge {text-transform:uppercase;font-weight:500;padding:3px 5px;font-size:12px;margin-top:1px;background-color:#71b6f9;}
.badge-xs {font-size:9px;}
.badge-xs,.badge-sm {-webkit-transform:translate(0,-2px);-ms-transform:translate(0,-2px);-o-transform:translate(0,-2px);transform:translate(0,-2px);}
.badge-primary {background-color:#188ae2;}
.badge-success {background-color:#10c469;}
.badge-info {background-color:#35b8e0;}
.badge-warning {background-color:#f9c851;}
.badge-danger {background-color:#ff5b5b;}
.badge-purple {background-color:#5b69bc;}
.badge-pink {background-color:#ff8acc;}
.badge-inverse {background-color:#3b3e47;}
/* Pagination/ Pager */
.pagination > li:first-child > a,.pagination > li:first-child > span {border-bottom-left-radius:3px;border-top-left-radius:3px;}
.pagination > li:last-child > a,.pagination > li:last-child > span {border-bottom-right-radius:3px;border-top-right-radius:3px;}
.pagination > li > a,.pagination > li > span {color:#636e7b;}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {background-color:#e4e7ea;}
.pagination-split li {margin-left:5px;display:inline-block;float:left;}
.pagination-split li:first-child {margin-left:0;}
.pagination-split li a {-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {background-color:#71b6f9;border-color:#71b6f9;}
.pager li > a,.pager li > span {-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#636e7b;}
/* Tabs */
.tab-content {padding:20px;border:2px solid #eeeeee;border-top:none;}
.nav-tabs > .active > a,.nav-tabs > .active > a:focus,.nav-tabs > .active > a:hover {border:2px solid #eeeeee !important;border-bottom-color:#ffffff !important;}
.nav-tabs {border-bottom:2px solid #eeeeee;}
.nav-tabs > li {margin-bottom:-2px;}
.nav-tabs a {color:#435966;font-size:15px;font-weight:600;font-family:'Karla',sans-serif;}
.nav > li > a:focus,.nav > li > a:hover {text-decoration:none;background-color:#f4f8fb;}
.nav .open > a,.nav .open > a:focus,.nav .open > a:hover {border-color:#eeeeee;}
/* List group */
.list-group-item {border:1px solid #ebeff2;border-left:none;border-right:none;}
.list-group-item:hover {background-color:rgba(152,166,173,0.1);}
.list-group-item:first-child {border-top:none;}
.list-group-item:last-child {border-bottom:none;}
.list-no-border .list-group-item {border:none;}
/* Dropcap */
.dropcap {font-size:3.1em;}
.dropcap,.dropcap-circle,.dropcap-square {display:block;float:left;font-weight:400;line-height:36px;margin-right:6px;text-shadow:none;}
/* Alert */
.alert .btn {margin-top:10px;}
.alert-success {background-color:rgba(95,190,170,0.3);border-color:rgba(95,190,170,0.4);color:#5fbeaa;}
.alert-info {background-color:rgba(52,211,235,0.2);border-color:rgba(52,211,235,0.3);color:#35b8e0;}
.alert-warning {background-color:rgba(255,189,74,0.2);border-color:rgba(255,189,74,0.3);color:#f9c851;}
.alert-danger {background-color:rgba(240,80,80,0.2);border-color:rgba(240,80,80,0.3);color:#ff5b5b;}
/* Modals */
.modal .modal-dialog .modal-content {-moz-box-shadow:none;-webkit-box-shadow:none;border-color:#DDDDDD;border-radius:2px;box-shadow:none;padding:25px;}
.modal .modal-dialog .modal-content .modal-header {border-bottom-width:2px;margin:0;padding:0;padding-bottom:15px;}
.modal .modal-dialog .modal-content .modal-body {padding:20px 0;}
.modal .modal-dialog .modal-content .modal-footer {padding:0;padding-top:15px;}
.modal-full {width:98%;}
.modal-content .nav.nav-tabs + .tab-content {margin-bottom:0px;}
.modal-content .panel-group {margin-bottom:0px;}
.modal-content .panel {border-top:none;}
/* Custom-modal */
.modal-demo {background-color:#FFF;width:600px;-webkit-border-radius:4px;border-radius:4px;-moz-border-radius:4px;background-clip:padding-box;display:none;}
.modal-demo .close {position:absolute;top:15px;right:25px;color:#eeeeee;}
.custom-modal-title {padding:15px 25px 15px 25px;line-height:22px;font-size:18px;background-color:#36404a;color:#ffffff;text-align:left;margin:0px;}
.custom-modal-text {padding:20px;}
.custombox-modal-flash .close,.custombox-modal-rotatedown .close {top:20px;z-index:9999;}
/* Tabs-Accordions */
.tabs-vertical-env .tab-content {margin-bottom:0px;}
.table > thead > tr > td.middle-align,.table > tbody > tr > td.middle-align,.table > .tfood > tr > td.middle-align,.table > thead > tr > th.middle-align,.table > tbody > tr > th.middle-align,.table > .tfood > tr > th.middle-align {vertical-align:middle;}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus {background-color:#71b6f9;border-color:#71b6f9;}
.nav-pills > .active > a > .badge {color:#71b6f9;}
.has-success .form-control {border-color:#10c469;box-shadow:none !important;}
.has-warning .form-control {border-color:#f9c851;box-shadow:none !important;}
.has-error .form-control {border-color:#ff5b5b;box-shadow:none !important;}
.input-group-addon {border-radius:2px;border:1px solid #eeeeee;}
/* Tooltips */
.tooltip-inner {border-radius:1px;padding:6px 10px;}
.jqstooltip {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:auto!important;height:auto!important;}
/* Popover */
.popover {font-family:inherit;border:none;-webkit-border-radius:3px;border-radius:3px;-moz-border-radius:3px;background-clip:padding-box;}
.popover .popover-title {background-color:transparent;color:#71b6f9;font-weight:600;}
/* Code */code {color:#188ae2;background-color:#f4f8fb;border-radius:4px;}
/* Pre */pre {background-color:#f4f8fb;border:1px solid #d4d8da;}
/* Carousel */
.carousel-control {width:10%;}
.carousel-control span {position:absolute;top:50%;/* pushes the icon in the middle of the height */  z-index:5;display:inline-block;font-size:30px;}
/* Owl */
.slider-bg {background-size:cover !important;padding:5.5% 4.5%;}
/* Media */
.media {margin-bottom:20px;}
.media .media-heading {font-weight:600;font-size:16px;}
.media:last-of-type {margin-bottom:0px;}
/* =============   Animation============= *//* Progressbar Animated */
@-webkit-keyframes animationProgress {from {width:0;}
}
@keyframes animationProgress {from {width:0;}
}
/* Portlets loader */
@-webkit-keyframes sk-rotateplane {0% {-webkit-transform:perspective(120px);}
50% {-webkit-transform:perspective(120px) rotateY(180deg);}
100% {-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg);}
}
@keyframes sk-rotateplane {0% {transform:perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);}
50% {transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);}
100% {transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}
/*! * Waves v0.6.0 * http://fian.my.id/Waves * * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/Waves/blob/master/LICENSE */
.waves-effect {position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;will-change:opacity,transform;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.waves-effect .waves-ripple {position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,0.2);-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;transition:all 0.7s ease-out;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);pointer-events:none;}
.waves-notransition {-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;-ms-transition:none !important;transition:none !important;}
.waves-circle {-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none;}
.waves-input-wrapper {border-radius:0.2em;vertical-align:bottom;}
.waves-input-wrapper .waves-button-input {position:relative;top:0;left:0;z-index:1;}
.waves-block {display:block;}
.waves-effect.waves-light .waves-ripple {background-color:rgba(255,255,255,0.4);}
.waves-effect.waves-custom .waves-ripple {background-color:rgba(113,182,249,0.4);}
.waves-effect.waves-primary .waves-ripple {background-color:rgba(24,138,226,0.4);}
.waves-effect.waves-success .waves-ripple {background-color:rgba(16,196,105,0.4);}
.waves-effect.waves-info .waves-ripple {background-color:rgba(53,184,224,0.4);}
.waves-effect.waves-warning .waves-ripple {background-color:rgba(249,200,81,0.4);}
.waves-effect.waves-danger .waves-ripple {background-color:rgba(255,91,91,0.4);}
.waves-effect.waves-pink .waves-ripple {background-color:rgba(255,138,204,0.4);}
.waves-effect.purple .waves-ripple {background-color:rgba(91,105,188,0.2);}
.waves-effect.waves-inverse .waves-ripple {background-color:rgba(59,62,71,0.4);}
/* fixed-layout 固定头部和边栏布局*/
@media only screen and (max-width:641px) {.am-dropdown-content {border:0px;}
  header .tpl-header-list-user-nick {color:#fff;}
}
header { background-color:#4386fb !important; border-color:#4386fb; color:#fff; }
header, header.am-topbar { min-height:35px; }
header .am-topbar-brand  { height:35px; }
header .am-dropdown-content {border-radius:2px;}
header .am-topbar-brand h2 { margin: 0; }
header .header-nav-submit { margin: 4px 10px 0 0; }
ul {margin-top:0;}
.admin-header {position:fixed;top:0;right:0;z-index:1000;font-size:1.4rem;margin-bottom:0;}
.admin-sidebar {width:260px;min-height:100%;float:left;border-right:1px solid #cecece;}
.admin-sidebar.am-active {z-index:1600;}
.admin-sidebar-list {margin-bottom:0;}
.admin-sidebar-list li a {color:#b6b6b6;padding-left:24px;}
.admin-sidebar-list li:first-child {border-top:none;}
.admin-sidebar-sub {margin-top:0;margin-bottom:0;box-shadow:0 16px 8px -15px #e2e2e2 inset;background:#404040;padding-left:24px;}
.admin-sidebar-sub li:first-child {border-top:1px solid #dedede;}
.admin-sidebar {height:100%;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.admin-sidebar .am-icon-angle-down {margin-top: 5px;}
@media only screen and (min-width:641px) {
    header { left: 169px; }
    header .am-topbar-brand, .am-topbar-nav > li > a { line-height: 35px; }
  .admin-sidebar {display:block;width:170px;z-index:1; position: fixed; top: 0; left: 0;}
  .admin-offcanvas-bar {position:static;width:auto;background:none;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);overflow-y:visible;min-height:100%;}
  .admin-offcanvas-bar:after {content:none;}
  #ifcontent { padding-left: 170px; }
}
@media only screen and (max-width:640px) {
    header { left: 0; }
  .admin-sidebar {width:inherit;}
  .admin-offcanvas-bar {background:#f3f3f3;}
  .admin-offcanvas-bar:after {background:#BABABA;}
  .admin-sidebar-list a:hover,.admin-sidebar-list a:active {-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease;background:#E4E4E4;}
  .admin-sidebar .am-offcanvas-bar { width: 70%; }
}
.common-nav-bar {position:fixed;z-index:10;bottom:30px;right:20px;box-shadow: 0 0 10px 2px #c4c4c4;opacity: 0.8;}
.admin {width:100%;height:100%;display:flex;display:-webkit-flex;padding-top:35px;background:#fff;}
.admin .am-g {padding-left:0;padding-right:0;}
/*---right Content---*/
.content-right {overflow:auto;flex:1;-webkit-flex:1;}
.content-right .content {padding:10px 10px 0 10px;}
.admin-sidebar-list li a {padding:0.6rem;}
.common-left-menu a:hover { background:rgba(118, 119, 120, 0.1); }
.common-left-menu-active {background:rgba(118, 119, 120, 0.3) !important;color:#fff !important;}
#ifcontent {border:0px;}
.am-table > tbody > tr > td {vertical-align:top;}
.admin-offcanvas-bar, .admin-offcanvas-bar .am-list > li { background: #36373c; }
.admin-offcanvas-bar .am-list > li { border: 1px solid #2e2e31; }

/**
 * excel导入窗口
 */
.excel-form input[name="excel"] { width: 105px !important; height: 32px; }

/**
 * 导航
 */
.admin-site-vice-name { font-size: 12px; color: #eaeaea; }
.table-nav { border-bottom: 1px solid #eee; }
.table-nav li a { border-top-left-radius: 2px; border-top-right-radius: 2px; }

/**
 * PC
 */
@media only screen and (min-width: 641px) {
  /* 树 */
  .submit { display: none; }
  #tree tr:hover .submit { display: block !important; }
}

/**
 * 手机
 */
@media only screen and (max-width: 641px) {
  
}

/**
 * mini菜单
 */
.menu-mini .nav-name,.menu-mini .am-icon-angle-down,.menu-mini .admin-sidebar-sub{display:none}
.menu-mini .admin-sidebar-list li {text-align: center;}

/**
 * mini开关
 */
.menu-scaling-submit{position:fixed;left:174px;top:40px;opacity:.6;width:16px;height:25px;padding:2px;box-shadow:0 0 3px 1px #208fd5;font-size: 18px;}

/**
 * mini小icon
 */
.menu-mini-container-tips{position:absolute;left:63px;top:0;padding:0 10px;width:auto;height:35px;line-height:35px;text-align:center;color:#fff;background-color:#01bcd4;-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);-moz-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);font-weight:700;display:none;z-index:1001;}
.menu-mini-container-tips span{font-size:12px}
.menu-mini-container-tips .mui-mbar-tab-tip,.menu-mini-container-popup .mui-mbar-tab-tip{position:absolute;width:16px;height:16px;line-height:16px;text-align:center;font-size:16px;font-family:"\5b8b\4f53";top:10px;left:-8px;z-index:0;color:#01bcd4}

/**
 * mini子菜单
 */
.menu-mini-container-popup{background:#36373c;position:absolute;left:63px;top:0;min-width:120px;height:auto;display:none;z-index:1001;}
.menu-mini-container-popup ul{margin:0;padding:0}
.menu-mini-container-popup ul li{line-height:35px;list-style-type:none}
.menu-mini-container-popup ul li a{padding:0 10px;display:block;color:#fff}
.menu-mini-container-popup ul li a:hover{background:rgba(118,119,120,0.1)}
.menu-mini-container-popup ul li a span{font-size:12px}
.menu-mini-container-popup ul li:not(:last-child){border-bottom:1px solid #2e2e31}
.menu-mini-container-popup .mui-mbar-tab-tip{color:#36373c}


/**
 * 列表按钮美化
 */
table.am-table .am-btn-default {
    border: 1px solid #444;
    background: #fff;
    color: #444;
}
table.am-table .am-btn-default:hover {
    background: #444;
    color: #fff;
}

table.am-table .am-btn-primary {
    border: 1px solid #0c79b1;
    background: #fff;
    color: #0c79b1;
}
table.am-table .am-btn-primary:hover {
    background: #0c79b1;
    color: #fff;
}

table.am-table .am-btn-secondary {
    border: 1px solid #3bb4f2;
    background: #fff;
    color: #3bb4f2;
}
table.am-table .am-btn-secondary:hover {
    background: #3bb4f2;
    color: #fff;
}

table.am-table .am-btn-success {
    border: 1px solid #5eb95e;
    background: #fff;
    color: #5eb95e;
}
table.am-table .am-btn-success:hover {
    background: #5eb95e;
    color: #fff;
}

table.am-table .am-btn-warning {
    border: 1px solid #F37B1D;
    background: #fff;
    color: #F37B1D;
}
table.am-table .am-btn-warning:hover {
    background: #F37B1D;
    color: #fff;
}

table.am-table .am-btn-danger {
    border: 1px solid #dd514c;
    background: #fff;
    color: #dd514c;
}
table.am-table .am-btn-danger:hover {
    background: #dd514c;
    color: #fff;
}


/**
 * 分类列表优化
 */
#tree table.am-table td {
    line-height: 30px;
    padding: 0.4rem 0.7rem;
}
#tree table.am-table td button.am-btn {
    vertical-align: unset;
}