:focus {
    outline: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}
.alert, .brand, .btn-simple, .h1, .h2, .h3, .h4, .h5, .h6, .navbar, .td-name, a, body, button.close, h1, h2, h3, h4, h5, h6, p, td {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: 'Microsoft JhengHei', 'Lato', sans-serif
}
body {
    color: #575962
}
a {
    color: #1572e8
}
a:focus, a:hover {
    color: #1269db
}
ol li{margin-bottom:.5rem;}
.h1, h1 {
    font-size: 2rem
}
.h2, h2 {
    font-size: 1.625rem
}
.h3, h3 {
    font-size: 1.25rem
}
.h4, h4 {
    font-size: 1.05rem
}
.h5, h5 {
    font-size: .9125rem
}
.h6, h6 {
    font-size: .825rem
}
p {
    margin-bottom: 0;
    word-break: break-word
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.4
}
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit
}
.small, small {
    font-size: 14px
}
.b, .strong, b, strong {
    font-weight: 600
}
.page-pretitle {
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #95aac9
}
.page-title {
    font-size: 23px;
    font-weight: 600;
    color: #2a5db6;
    line-height: 30px;
}
.page-category {
    color: #444;
    line-height: 1.8;
    margin-bottom: 25px
}
.text-primary, .text-primary a{
    color: #1572e8!important
}
.text-primary a:hover, .text-primary:hover {
    color: #1572e8!important
}
.text-secondary, .text-secondary a {
    color: #6861ce!important
}
.text-secondary a:hover, .text-secondary:hover {
    color: #6861ce!important
}
.text-info, .text-info a {
    color: #48abf7!important
}
.text-info a:hover, .text-info:hover {
    color: #48abf7!important
}

.text-warning, .text-warning a {
    color: #f49e33!important
}
.text-warning a:hover, .text-warning:hover {
    color: #ffad46!important
}
.text-danger, .text-danger a {
    color: #f25961!important;
	font-weight: 600;
}
.text-danger a:hover, .text-danger:hover {
    color: #f25961!important
}
label {
    color: #495057!important;
	font-weight: bold!important;
}
.text-small {
    font-size: 13px
}
.metric-value {
    margin-bottom: 5px;
    line-height: 1;
    white-space: nowrap
}
.metric-label {
    font-size: .975rem;
    font-weight: 500;
    color: #686f76;
    white-space: nowrap;
    margin-bottom: 0
}
.fw-light {
    font-weight: 300!important
}
.fw-normal {
    font-weight: 400!important
}
.fw-mediumbold {
    font-weight: 400!important
}
.fw-bold {
    font-weight: 600!important
}
.fw-extrabold {
    font-weight: 700!important
}
.op-9 {
    opacity: .9
}
.op-8 {
    opacity: .8
}
.op-7 {
    opacity: .7
}
.op-6 {
    opacity: .6
}
.op-5 {
    opacity: .5
}
.op-4 {
    opacity: .4
}
.op-3 {
    opacity: .3
}
body {
    min-height: 100vh;
    position: relative;
    background: #f9fbfd
}
.no-bd {
    border: 0!important
}
.no-box-shadow {
    box-shadow: none!important
}
.mt--5, .my--5 {
    margin-top: -3rem!important
}
.mt--4, .my--4 {
    margin-top: -1.5rem!important
}
.mt--3, .my--3 {
    margin-top: -1rem!important
}
.mt--2, .my--2 {
    margin-top: -.5rem!important
}
.mt--1, .my--1 {
    margin-top: -.25rem!important
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.wrapper {
    min-height: 100vh;
    position: relative;
    top: 0;
    height: 100vh
}
.main-header {
    background:#0c3166;
    min-height: 50px;
    width: 100%;
    position: fixed;
    z-index: 1001;
	box-shadow: 0 0 5px rgba(18,23,39,.2);
}
.main-header .navbar-header {
    min-height: 50px
}
.main-header .navbar-header .btn-toggle {
    margin-right: 30px;
    margin-left: 20px
}
.logo-header {
    float: left;
    width: 250px;
    height: 50px;
    line-height: 50px;
    color: #333;
	background:#fff;
	background:#014099;
    z-index: 1001;
    font-size: 17px;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
    z-index: 1001;
    display: flex;
    align-items: center;
    position: relative;
    transition: all .3s
}
.logo-header .big-logo {
    margin-right: 8px
}
.logo-header .big-logo:hover {
    text-decoration: none
}
.logo-header .big-logo .logo-img {
    width: 35px;
    height: 35px
}
.logo-header .logo {
    color: #575962;
    opacity: 1;
    position: relative;
    height: 100%
}
.logo-header .logo:hover {
    text-decoration: none
}
.logo-header .logo .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0
}
.logo-header .nav-toggle {
    position: absolute;
    top: 0;
    right: 18px;
    z-index: 5
}
.logo-header .navbar-toggler {
    padding-left: 0;
    padding-right: 0;
    opacity: 0;
    display: none
}
.logo-header .navbar-toggler .navbar-toggler-icon {
    height: 1em;
    width: 1em;
    color: #fff;
    font-size: 22px
}
.logo-header .more {
    background: 0 0;
    border: 0;
    font-size: 22px;
    padding: 0;
    opacity: 0;
    width: 0;
    display: none
}
.btn-toggle {
    font-size: 20px!important;
    line-height: 20px;
    padding: 0!important;
    background: 0 0!important;
    color: #fff!important
}
.btn-toggle:focus, .btn-toggle:hover {
    opacity: 1
}
#search-nav {
    flex: 1;
    max-width: 400px
}

.sidebar{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 250px;
    margin-top: 50px;
    display: block;
    z-index: 1000;
    color: #676660;
    font-weight: 200;
    background: #fff;
    -webkit-box-shadow: 4px 4px 10px rgba(69,65,78,.06);
    -moz-box-shadow: 4px 4px 10px rgba(69,65,78,.06);
    box-shadow: 4px 4px 10px rgba(69,65,78,.06);
    transition: all .3s
}
.sidebar.full-height {
    margin-top: 0
}
.sidebar .user {
    padding:8px 0;
    display: block;
	background:#fff;
}

.sidebar .user .info a {
    white-space: nowrap;
    position: relative;
}
.sidebar .user .info a:focus, .sidebar .user .info a:hover {
    text-decoration: none
}
.sidebar .user .info a>span {
    font-weight: 400;
    color: #333;
    flex-direction: column;
}
.sidebar .user .info a>span .user-level {
    color: #333;
    font-weight: 600;
    font-size: .9rem;
    margin-top: 0
}
.sidebar .user .info a .link-collapse {
    padding: 7px 0 0
}
.sidebar .user .info .caret {
    float:right;
	margin-top:13px;
	margin-right:8px;
    border-top-color: #606060
}
.sidebar .bulletin{
	color:#333;
	text-align: left;
	border-top:2px #C4C4C4 solid;
	font-size: .95rem;
	font-weight: normal;
}
.sidebar .bulletin ul{
	padding-left:1.5rem;
	margin-bottom:0;
}
.sidebar .bulletin li{
	list-style-image: url("../img/listtype01.png");
	padding:3px 0;
	border-bottom:1px dotted #D3D3D3;
}
.sidebar .bulletin li:last-child{
	border-bottom: 0;
}
.sidebar .sidebar-wrapper {
    position: relative;
    max-height: calc(100vh - 75px);
    min-height: 100%;
    overflow: auto;
    width: 100%;
    z-index: 4;
    padding-bottom: 100px;
    transition: all .3s
}
.sidebar .sidebar-wrapper .sidebar-content {
    padding-top: 0;
}

.sidebar .nav {
    display: block;
    float: none;
}
.sidebar .nav .nav-section {
    margin: 15px 0 0 0
}
.sidebar .nav .nav-section .sidebar-mini-icon {
    text-align: center;
    font-size: 15px;
    color: #909093;
    display: none
}
.sidebar .nav .nav-section .text-section {
    padding: 2px 30px;
    font-size: 12px;
    color: #727275;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 12px;
    margin-top: 20px
}
.sidebar .nav>.nav-item {
    display: list-item
}
.sidebar .nav>.nav-item:last-child{border-bottom:1px solid #e4e4e4!important;}
.sidebar .nav>.nav-item.active>a {
    color: #676660!important
}
.sidebar .nav>.nav-item.active>a:before {
    background: #fff17a
}
.sidebar .nav>.nav-item.active>a p {
    color: #676660!important;
}
.sidebar .nav>.nav-item.active:hover>a:before {
    background: #fff17a
}
.sidebar .nav>.nav-item.active a i {
    color: #4d7cfe
}
.sidebar .nav .nav-item .active a{background:#fffded}
.sidebar .nav .nav-item a:hover{
    background: #fff17a;
}
.sidebar .nav>.nav-item.submenu {
    background: rgba(255,252,232,.5)
}
.sidebar .nav>.nav-item.submenu>li>a i {
    color: rgba(23,125,255,.76)
}
.sidebar .nav>.nav-item.active>a {
    background: #fff17a!important;
}
.sidebar.sidebar-style-2 .nav .nav-item .active a{
	background: #2772c1!important;
}
.sidebar .nav>.nav-item a {
    display: flex;
    align-items: center;
    color: #676660;
    padding: 10px 25px;
    width: 100%;
    font-size: 17px;
    font-weight: 400;
    position: relative;
	border-top: 1px solid #e3e3e3;
}

.sidebar .nav>.nav-item a:focus, .sidebar .nav>.nav-item a:hover {
    text-decoration: none
}
.sidebar .nav>.nav-item a:focus p, .sidebar .nav>.nav-item a:hover p {
    color: #676767!important;
}
.sidebar .nav>.nav-item a:focus i, .sidebar .nav>.nav-item a:hover i {
    color: #676767!important
}
.sidebar .nav>.nav-item a .letter-icon {
    color: #676767;
    margin-right: 15px;
    width: 25px;
    text-align: center;
    vertical-align: middle;
    float: left;
    font-size: 20px;
    font-weight: 200
}
.sidebar .nav>.nav-item a i {
    color: #fff;
    margin-right: 15px;
    width: 25px;
    text-align: center;
    vertical-align: middle;
    float: left;
    font-size: 18px;
    line-height: 30px
}
.sidebar .nav>.nav-item a i[class^=flaticon-] {
    font-size: 20px
}
.sidebar .nav>.nav-item a p {
    font-size: 19px;
    margin-bottom: 0;
    margin-left: 5px;
    white-space: nowrap;
}
.sidebar .nav>.nav-item a .caret {
    margin-left: auto;
    margin-right: 10px;
    transition: all .5s;
}
.sidebar .nav>.nav-item a[data-toggle=collapse][aria-expanded=true] .caret {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.sidebar .nav-collapse {
    margin-top: 0;
	background:#fffdf1;
}
.sidebar .nav-collapse li.active>a {
    font-weight: 400;
	color: #3a3935!important;
	background-color: #fff17a!important;
}
.sidebar .nav-collapse li a:before, .sidebar .nav-collapse li a:hover:before {
    opacity: 0!important
}
.sidebar .nav-collapse li a {
    margin-bottom: 3px!important;
    padding: 5px 15px!important;
	border-top:0!important;
}
.sidebar .nav-collapse li a .sub-item {
    position: relative;
    margin-left: 20px;
}

.sidebar .nav-collapse li a .sub-item:before {
    content: '';
    height: 4px;
    width: 4px;
    background: #676767;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100%
}
.sidebar .nav-collapse li a:hover .sub-item {
    opacity: 1
}
.sidebar .nav-collapse li a .sidebar-mini-icon {
    font-size: 18px;
    color: #c3c5ca;
    margin-right: 15px;
    width: 25px;
    text-align: center;
    vertical-align: middle;
    float: left;
    font-weight: 300!important
}
.sidebar .nav-collapse.subnav {
    padding-bottom: 6px;
    margin-bottom: 0
}
.sidebar .nav-collapse.subnav li a {
    padding-left: 30px!important
}
.sidebar .nav-collapse2 {
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
	background:#fffdf1
}
.sidebar .nav-collapse2 li a .sub-item {
    position: relative;
    margin-left: 30px;
	font-size:90%;
}
.main-panel {
    position: relative;
    width: calc(100% - 250px);
    height: 100vh;
    min-height: 100%;
    float: right;
    transition: all .3s
}
.main-panel>.content {
    padding: 0!important;
    min-height: calc(100% - 95px);
    margin-top: 50px;
    overflow: hidden;
	background: url("../img/background.png") right top;
	background-size: cover;
}
.main-panel>.content-full {
    padding: 0!important;
    min-height: calc(100% - 95px);
    margin-top: 63px;
    overflow: hidden;
	background: url("../img/background.png") right top;
	background-size: cover;
}
.main-panel .page-header {
    display: flex;
    align-items: center;
    margin-bottom: 5px
}
.main-panel .page-header .page-title {
    margin-bottom: 0
}
.main-panel .page-header .btn-page-header-dropdown {
    width: 35px;
    height: 35px;
    font-size: 15px;
    padding: 0;
    color: #6b6b6b;
    box-shadow: 0 2px 14px 0 rgba(144,116,212,.1)!important;
    border: 0
}
.main-panel .page-header .btn-page-header-dropdown:after {
    display: none
}
.main-panel .page-header .dropdown-menu {
    margin-top: 15px;
    top: 0!important
}
.main-panel .page-header .dropdown-menu:after {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -8px;
    right: 32px;
    content: ''
}
.main-panel .page-divider {
    height: 0;
    margin: .3rem 0 1rem;
    overflow: hidden;
    border-top: 1px solid #ebecec
}
.page-wrapper {
    min-height: calc(100vh - 57px);
    position: relative
}
.page-wrapper.has-sidebar .page-inner {
    margin-right: 22.5rem
}
.page-navs {
    position: relative;
    display: block;
    padding-right: 1rem;
    padding-left: 1rem;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.07);
    z-index: 1
}
.page-navs .nav .nav-link {
    padding: 1rem!important
}
.page-navs .nav-line {
    border: 0!important
}
.page-navs .nav-line .nav-link {
    border-bottom-width: 3px!important
}
.nav-scroller .nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap
}
@media (min-width:992px) {
.page-navs {
    padding-right: 2rem;
    padding-left: 2rem
}
}

@media (min-width:576px) {
.page-inner {
    padding-right: 1rem;
    padding-left: 1rem
}
}

@media (min-width:992px) {
.page-inner {
    padding:1em 2em;
	max-width:1700px;
	margin:0 auto;
}
}
.page-inner-fill {
    padding: 1em 2em;
    height: calc(100% - 57px);
    /*display: flex;*/
    flex-direction: column;
	max-width:1500px;
	margin:0 auto;
}
.page-sidebar {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width: 22.5rem;
    box-shadow: none;
    transform: translate3d(100%, 0, 0);
    overflow: auto;
    z-index: 999;
    transition: transform .2s ease-in-out;
    border-left: 1px solid rgba(61,70,79,.125)!important;
}
.page-sidebar .back {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1rem;
    box-shadow: 0 0 0 1px rgba(61,70,79,.05), 0 1px 3px 0 rgba(61,70,79,.15);
    font-size: 15px
}
.page-sidebar-section {
    flex: 1;
    overflow-y: auto
}

@media (min-width:1200px) {
.page-sidebar {
    transform: translateZ(0)
}
}

@media (max-width:1200px) {
.page-wrapper.has-sidebar .page-inner {
    margin-right: 0
}
.pagesidebar_open .page-sidebar {
    transform: translate3d(0, 0, 0)!important;
    max-width: unset
}
}
.page-with-aside {
    display: flex
}
.page-with-aside .page-aside {
    width: 280px;
    min-height: 100vh;
    border-right: 1px solid #f1f1f1;
    padding: 15px 0
}
.page-with-aside .page-aside .aside-header {
    padding: 15px 22px
}
.page-with-aside .page-aside .aside-header .title {
    font-size: 24px
}
.page-with-aside .page-aside .aside-header .description {
    font-size: 12px
}
.page-with-aside .page-aside .aside-nav .nav {
    flex-direction: column
}
.page-with-aside .page-aside .aside-nav .nav>li {
    padding: 8px 22px;
    margin-bottom: 5px
}
.page-with-aside .page-aside .aside-nav .nav>li.active, .page-with-aside .page-aside .aside-nav .nav>li:focus, .page-with-aside .page-aside .aside-nav .nav>li:hover {
    background: rgba(51,51,51,.08)
}
.page-with-aside .page-aside .aside-nav .nav>li.active {
    padding: 12px 22px;
    font-weight: 600
}
.page-with-aside .page-aside .aside-nav .nav>li.active>a {
    color: #575962!important
}
.page-with-aside .page-aside .aside-nav .nav>li>a {
    color: #83848a;
    display: flex;
    align-items: center;
    font-size: 12px
}
.page-with-aside .page-aside .aside-nav .nav>li>a:focus, .page-with-aside .page-aside .aside-nav .nav>li>a:hover {
    text-decoration: none
}
.page-with-aside .page-aside .aside-nav .nav>li>a i {
    font-size: 20px;
    margin-right: 15px;
    color: #a1a2a6
}
.page-with-aside .page-aside .aside-nav .label {
    padding: 5px 22px;
    margin-top: 22px;
    margin-bottom: 5px;
    display: block
}
.page-with-aside .page-aside .aside-compose {
    padding: 25px 22px
}
.page-with-aside .page-content {
    width: calc(100% - 280px)
}
.footer {
    border-top: 0;
    padding: 5px;
    background: #fff;
    position: absolute;
    width: 100%
}
.footer .container, .footer .container-fluid {
    display: flex;
    align-items: center
}

@media screen and (min-width:991px) {
.sidebar_minimize .avatar{position:static;margin-left:.7em;}
.sidebar_minimize .main-panel {
    width: calc(100% - 75px);
    transition: all .3s
}
.sidebar_minimize .logo-header {
    width: 75px;
    transition: all .3s;
    padding: 0;
    text-align: center
}
.sidebar_minimize .logo-header .big-logo {
    margin-right: 0
}
.sidebar_minimize .logo-header .logo {
    position: absolute;
    transform: translate3d(25px, 0, 0);
    opacity: 0
}
.sidebar_minimize .logo-header .logo img {
    display: none
}
.sidebar_minimize .logo-header .nav-toggle {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    right: 0!important
}
.sidebar_minimize .sidebar {
    width: 75px;
    transition: all .3s
}
.sidebar_minimize .sidebar .sidebar-wrapper {
    width: 75px;
    transition: all .3s
}
.sidebar_minimize .sidebar .sidebar-wrapper .user {
    padding-left: 0;
    padding-right: 0
}
.sidebar_minimize .sidebar .sidebar-wrapper .user [class^=avatar-] {
    float: none!important;
    margin: auto
}
.sidebar_minimize .sidebar .sidebar-wrapper .user .info {
    display: none
}
.sidebar_minimize .sidebar .sidebar-wrapper .user .info span {
    display: none
}
.sidebar_minimize .sidebar .sidebar-wrapper .nav-item {
    position: relative
}
.sidebar_minimize .sidebar .sidebar-wrapper .nav-item a .letter-icon {
    display: block!important
}
.sidebar_minimize .sidebar .sidebar-wrapper .nav-item a i {
    margin-right: unset
}
.sidebar_minimize .sidebar .sidebar-wrapper .nav-item a .badge, .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a .caret, .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a p, .sidebar_minimize .sidebar .sidebar-wrapper .nav-item a span, .sidebar_minimize .sidebar .sidebar-wrapper .user .btn span {
    display: none;
    transition: all .3s
}
.sidebar_minimize .sidebar .sidebar-wrapper .nav-item a .sidebar-mini-icon {
    display: block!important;
    margin-right: 0
}
.sidebar_minimize .sidebar .sidebar-wrapper .nav-item.active .nav-collapse, .sidebar_minimize .sidebar .sidebar-wrapper .nav-item.submenu .nav-collapse {
    display: none
}
.sidebar_minimize .sidebar .sidebar-wrapper .nav-section .text-section {
    display: none
}
.sidebar_minimize .sidebar .sidebar-wrapper .nav-section .sidebar-mini-icon {
    display: block
}
.sidebar_minimize .sidebar:hover {
    width: 250px
}
.sidebar_minimize .sidebar:hover .sidebar-wrapper {
    width: 250px
}
.sidebar_minimize .sidebar:hover .sidebar-wrapper .user {
    padding-left: 0;
    padding-right: 0
}
.sidebar_minimize .sidebar:hover .sidebar-wrapper .user [class^=avatar-] {
    float: left!important;
    margin-right: 11px!important
}
.sidebar_minimize .sidebar:hover .sidebar-wrapper .user .info {
    display: block
}
.sidebar_minimize .sidebar:hover .sidebar-wrapper .user .info span {
    display: block
}
.sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a i {
    margin-right: 15px
}
.sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a .badge, .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a .caret, .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a p, .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a span {
    display: block
}
.sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item a .sidebar-mini-icon {
    display: block!important;
    margin-right: 15px
}
.sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item.active .nav-collapse, .sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-item.submenu .nav-collapse {
    display: block
}
.sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-section .sidebar-mini-icon {
    display: none
}
.sidebar_minimize .sidebar:hover .sidebar-wrapper .nav-section .text-section {
    display: block
}
.sidebar_minimize.sidebar_minimize_hover .logo-header {
    width: 250px;
    padding-left: 25px;
    padding-right: 25px;
    text-align: left
}
.sidebar_minimize.sidebar_minimize_hover .logo-header .logo {
    opacity: 1!important;
    transform: translate3d(0, 0, 0)!important;
    position: relative!important
}
.sidebar_minimize.sidebar_minimize_hover .logo-header .logo img {
    display: inline-block!important
}
.sidebar_minimize.sidebar_minimize_hover .main-panel {
    width: calc(100% - 250px)
}
.sidebar_minimize_hover .logo-header .nav-toggle {
    right: 18px!important;
    transform: translateX(0)!important;
    left: unset
}
}
.overlay-sidebar:not(.is-show) .sidebar {
    left: -250px
}
.overlay-sidebar .main-panel {
    width: 100%!important
}

@media screen and (min-width:991px) {
.compact-wrapper .main-header .logo-header {
    width: 175px
}
.compact-wrapper .sidebar {
    width: 175px
}
.compact-wrapper .sidebar .badge {
    position: absolute;
    top: 8px;
    right: 8px
}
.compact-wrapper .sidebar .text-section {
    text-align: center
}
.compact-wrapper .sidebar .nav>.nav-item a {
    flex-direction: column
}
.compact-wrapper .sidebar .nav>.nav-item a i {
    margin-right: 0
}
.compact-wrapper .sidebar .nav>.nav-item a p {
    margin-right: 0
}
.compact-wrapper .sidebar .nav>.nav-item a .caret {
    display: none
}
.compact-wrapper .sidebar .nav-collapse li a .sub-item {
    margin-left: 0;
    text-align: center
}
.compact-wrapper .sidebar .nav-collapse li a .sub-item:before {
    display: none
}
.compact-wrapper .main-panel {
    width: calc(100% - 175px)
}
}

@media screen and (min-width:991px) {
.classic-wrapper .classic-grid {
    margin: 93px 40px 30px
}
.classic-wrapper .main-header {
    top: 0
}
.classic-wrapper .main-header .logo-header {
    padding: 0 40px;
    width: 290px
}
.classic-wrapper .sidebar {
    position: relative;
    float: left;
    margin-top: 0
}
.classic-wrapper .sidebar .sidebar-wrapper {
    max-height: unset;
    min-height: 100%
}
.classic-wrapper .navbar-header {
    padding-right: 30px
}
.classic-wrapper .main-panel {
    height: unset
}
.classic-wrapper .main-panel .content, .classic-wrapper .main-panel .content-full {
    margin-top: 0
}
.classic-wrapper .page-inner {
    padding-right: 0;
    padding-top: 5px
}
.classic-wrapper .board {
    height: 100%
}
.sidebar_minimize .classic-wrapper .logo-header .logo {
    position: relative;
    transform: unset;
    opacity: 1
}
.sidebar_minimize .classic-wrapper .logo-header .logo img {
    display: inline-block
}
.sidebar_minimize .classic-wrapper .logo-header .nav-toggle {
    left: unset;
    transform: unset;
    right: 18px!important
}
}
.classic-wrapper {
    height: unset
}
.classic-wrapper .main-panel {
    height: unset
}
.classic-wrapper .footer {
    position: unset
}
.classic-grid {
    min-height: 100vh;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media screen and (min-width:991px) {
.static-sidebar {
    height: unset
}
.static-sidebar .sidebar {
    position: static;
    float: left
}
.static-sidebar .sidebar .sidebar-wrapper {
    max-height: unset;
    min-height: 100%
}
.static-sidebar .main-panel {
    height: unset
}
.static-sidebar .main-panel .content {
    margin-bottom: 60px
}
.static-sidebar .footer {
    position: absolute;
    bottom: 0
}
}
.mail-wrapper .toggle-email-nav {
    margin-top: 10px;
    display: none
}
.mail-wrapper .mail-content .email-head, .mail-wrapper .mail-content .inbox-head {
    padding: 35px 25px 20px
}
.mail-wrapper .mail-content .email-head h3, .mail-wrapper .mail-content .inbox-head h3 {
    font-size: 22px;
    font-weight: 300;
    margin: 0
}
.mail-wrapper .mail-content .email-head {
    padding: 35px 25px;
    border-bottom: 1px solid #f1f1f1
}
.mail-wrapper .mail-content .email-head .favorite {
    color: #eee;
    margin-right: 5px
}
.mail-wrapper .mail-content .email-head .favorite.active {
    color: #ffc600
}
.mail-wrapper .mail-content .email-head .controls {
    margin-left: auto
}
.mail-wrapper .mail-content .email-head .controls>a {
    color: #9c9c9c;
    font-size: 18px;
    padding: 0 5px
}
.mail-wrapper .mail-content .email-head .controls>a:hover {
    text-decoration: none;
    opacity: .8
}
.mail-wrapper .mail-content .email-head .controls>a:last-child {
    padding-right: 0
}
.mail-wrapper .mail-content .email-sender {
    padding: 14px 25px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f1f1f1
}
.mail-wrapper .mail-content .email-sender .avatar {
    padding-right: 12px
}
.mail-wrapper .mail-content .email-sender .avatar img {
    max-width: 40px;
    max-height: 40px;
    border-radius: 50%
}
.mail-wrapper .mail-content .email-sender .date {
    margin-left: auto
}
.mail-wrapper .mail-content .email-sender .sender .action {
    display: inline-block
}
.mail-wrapper .mail-content .email-sender .sender .action>a {
    cursor: pointer
}
.mail-wrapper .mail-content .email-body {
    padding: 30px 28px
}
.mail-wrapper .mail-content .email-attachments {
    padding: 25px 28px;
    border-top: 1px solid #f1f1f1
}
.mail-wrapper .mail-content .email-attachments .title {
    font-weight: 400;
    margin-bottom: 10px
}
.mail-wrapper .mail-content .email-attachments .title span {
    font-weight: 400
}
.mail-wrapper .mail-content .email-attachments ul {
    padding-left: 0;
    list-style: none
}
.mail-wrapper .mail-content .email-attachments ul li {
    padding: 6px 0
}
.mail-wrapper .mail-content .email-attachments ul li a {
    font-weight: 400
}
.mail-wrapper .mail-content .email-attachments ul li a:hover {
    text-decoration: none
}
.mail-wrapper .mail-content .email-attachments ul li a i {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle
}
.mail-wrapper .mail-content .email-attachments ul li a span {
    font-weight: 400
}
.mail-wrapper .mail-content .inbox-body {
    padding: 20px 0
}
.mail-wrapper .mail-content .inbox-body .mail-option {
    padding: 0 20px;
    margin-bottom: 20px;
    display: flex
}
.mail-wrapper .mail-content .inbox-body .mail-option .chk-all {
    display: inline-block
}
.mail-wrapper .mail-content .inbox-body .mail-option .btn-option {
    color: #555!important;
    border: 1px solid #ebedf2!important;
    font-weight: 600;
    background: #fff!important;
    box-shadow: 2px 2px 3px 0 #f2f1f1!important
}
.mail-wrapper .mail-content .inbox-body .mail-option .form-check {
    padding: 0
}
.mail-wrapper .mail-content .inbox-body .mail-option .form-check .form-check-sign:before {
    border: 1px solid #eee;
    background: #eee
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item {
    padding: 14px 20px;
    display: table;
    cursor: pointer;
    position: relative;
    font-size: 12px;
    width: 100%;
    border-top: 1px solid #f1f1f1
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item:hover {
    background: #f6f5f5
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions, .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail {
    vertical-align: top;
    display: table-cell
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions {
    width: 50px
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .custom-checkbox {
    margin-right: 0
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .favorite {
    color: #eee;
    font-size: 18px
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .favorite:hover {
    text-decoration: none;
    color: #969696
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .favorite.active, .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-actions .favorite.active:hover {
    color: #ffc600
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .msg, .mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail p {
    font-size: 12px
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .msg {
    margin-bottom: 0;
    margin-top: 8px
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .from {
    font-size: 13px
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .date {
    font-size: 12px;
    display: flex;
    align-items: center
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item .email-list-detail .date .paperclip {
    font-size: 16px;
    padding-right: 4px
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item.unread {
    font-weight: 400;
    background: #fbfbfb
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item.unread:after {
    content: '';
    display: block;
    position: absolute;
    width: 3px;
    background: #1572e8;
    top: -1px;
    left: 0;
    bottom: -1px;
    height: calc(100% + 2px)
}
.mail-wrapper .mail-content .inbox-body .email-list .email-list-item.unread .email-list-detail .from {
    font-weight: 600
}
.mail-wrapper .mail-content .email-compose-fields, .mail-wrapper .mail-content .email-editor {
    padding: 20px 25px
}
.mail-wrapper .mail-content .email-compose-fields {
    padding: 20px 25px;
    border-bottom: 1px solid #f1f1f1
}
.mail-wrapper .mail-content .email-action {
    text-align: right;
    margin-bottom: 15px
}
.mail-wrapper .mail-content .email-action>.btn {
    margin-right: 7px
}
.mail-wrapper .mail-content .email-action>.btn:last-child {
    margin-right: 0
}
.flex-1 {
    -ms-flex: 1;
    flex: 1
}
.metric {
    display: flex;
    padding: 1rem;
    flex-direction: column
}

.btn-toggle {
    color: #fff!important
}

.avatar {
    position: relative;
    display: inline-block
}
.avatar-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.avatar-title {
    width: 100%;
    height: 100%;
    background-color: #6861ce;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}
.avatar-away::before, .avatar-offline::before, .avatar-online::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25%;
    height: 25%;
    border-radius: 50%;
    content: '';
    border: 2px solid #fff
}

.avatar-offline::before {
    background-color: #97a2b1
}
.avatar-away::before {
    background-color: #ffad46
}
.avatar {
    width: 3rem;
    height: 3rem
}
.avatar .border {
    border-width: 3px!important
}
.avatar .rounded {
    border-radius: 6px!important
}
.avatar .avatar-title {
    font-size: 18px
}
.avatar-xs {
    width: 1.65rem;
    height: 1.65rem
}
.avatar-xs .border {
    border-width: 2px!important
}
.avatar-xs .rounded {
    border-radius: 4px!important
}
.avatar-xs .avatar-title {
    font-size: 12px
}
.avatar-xs.avatar-away::before, .avatar-xs.avatar-offline::before, .avatar-xs.avatar-online::before {
    border-width: 1px
}
.avatar-sm {
    width: 2.5rem;
    height: 2.5rem
}
.avatar-sm .border {
    border-width: 3px!important
}
.avatar-sm .rounded {
    border-radius: 4px!important
}
.avatar-sm .avatar-title {
    font-size: 15px
}
.avatar-sm.avatar-away::before, .avatar-sm.avatar-offline::before, .avatar-sm.avatar-online::before {
    border-width: 2px
}
.avatar-lg {
    width: 3.75rem;
    height: 3.75rem
}
.avatar-lg .border {
    border-width: 3px!important
}
.avatar-lg .rounded {
    border-radius: 8px!important
}
.avatar-lg .avatar-title {
    font-size: 24px
}
.avatar-lg.avatar-away::before, .avatar-lg.avatar-offline::before, .avatar-lg.avatar-online::before {
    border-width: 3px
}
.avatar-xl {
    width: 5rem;
    height: 5rem
}
.avatar-xl .border {
    border-width: 4px!important
}
.avatar-xl .rounded {
    border-radius: 8px!important
}
.avatar-xl .avatar-title {
    font-size: 28px
}
.avatar-xl.avatar-away::before, .avatar-xl.avatar-offline::before, .avatar-xl.avatar-online::before {
    border-width: 4px
}
.avatar-xxl {
    width: 5.125rem;
    height: 5.125rem
}
.avatar-xxl .border {
    border-width: 6px!important
}
.avatar-xxl .rounded {
    border-radius: 8px!important
}
.avatar-xxl .avatar-title {
    font-size: 30px
}
.avatar-xxl.avatar-away::before, .avatar-xxl.avatar-offline::before, .avatar-xxl.avatar-online::before {
    border-width: 4px
}

@media (min-width:768px) {
.avatar-xxl {
    width: 8rem;
    height: 8rem
}
.avatar-xxl .border {
    border-width: 4px!important
}
.avatar-xxl .rounded {
    border-radius: 12px!important
}
.avatar-xxl .avatar-title {
    font-size: 42px
}
.avatar-xxl.avatar-away::before, .avatar-xxl.avatar-offline::before, .avatar-xxl.avatar-online::before {
    border-width: 4px
}
}
.avatar-group {
    display: inline-flex
}
.avatar-group .avatar+.avatar {
    margin-left: -.75rem
}
.avatar-group .avatar-xs+.avatar-xs {
    margin-left: -.40625rem
}
.avatar-group .avatar-sm+.avatar-sm {
    margin-left: -.625rem
}
.avatar-group .avatar-lg+.avatar-lg {
    margin-left: -1rem
}
.avatar-group .avatar-xl+.avatar-xl {
    margin-left: -1.28125rem
}
.avatar-group .avatar:hover {
    z-index: 1
}
.border-dark {
    border-color: #202940!important
}
.breadcrumbs {
    list-style: none;
    display: inline;
    width: auto;
    margin-left: 8px;
    padding-left: 8px;
    padding-top: 5px;
	padding-bottom: 5px;
    margin-bottom: 0;
    height: 100%;
	color:#434343;
}
.breadcrumbs li {
    display: inline-block;
	
}
.breadcrumbs li a {
    color:#656565
}
.breadcrumbs li a i {
    font-size: 16px
}
.breadcrumbs li a:hover {
	color: #006abb;
}
.breadcrumbs li.separator {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px
}
.page-inner-fill .card, .card-light {
    border-radius: 5px;
    background-color: #fff;
    margin-bottom: 30px;
    -webkit-box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1);
    -moz-box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1);
    box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1);
    border: 0
}
.card .card-header, .card-light .card-header {
    padding: .35rem .75rem;
    background-color: transparent;
    border-bottom: 1px solid #ebecec!important
}
.card .card-header h3{margin-bottom:0;}
.card .card-header:first-child, .card-light .card-header:first-child {
    border-radius: 0
}
.card .card-header .card-head-row, .card-light .card-header .card-head-row {
    display: flex;
    align-items: center
}
.card .card-header .card-head-row .card-tools, .card-light .card-header .card-head-row .card-tools {
    margin-left: auto;
    float: right;
    padding-left: 15px
}
.card .separator-solid, .card-light .separator-solid {
    border-top: 1px solid #ebecec;
    margin: 15px 0
}
.card .separator-dashed, .card-light .separator-dashed {
    border-top: 1px dashed #ebecec;
    margin: 15px 0
}
.card .separator-dot, .card-light .separator-dot {
    border-top: 1px dotted #ebecec;
    margin: 15px 0
}
.card .full-width-separator, .card-light .full-width-separator {
    margin: 15px -20px 15px
}
.card .b-b1, .card-light .b-b1 {
    border-bottom: 1px solid rgba(255,255,255,.3)
}
.card .card-body, .card-light .card-body {
    padding: 1.25rem
}
.card .card-footer, .card-light .card-footer {
    background-color: transparent;
    line-height: 30px;
    border-top: 1px solid #ebecec!important;
    font-size: 13px
}
.card .pull-in, .card-light .pull-in {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}
.card .pull-in.sparkline-fix, .card-light .pull-in.sparkline-fix {
    margin-left: -1.35rem;
    margin-right: -1.35rem;
    margin-bottom: -3px
}
.card .chart-as-background, .card-light .chart-as-background {
    position: absolute;
    bottom: 0;
    width: calc(100% + 2px)
}
.card .card-action, .card-light .card-action {
    padding: 30px;
    background-color: transparent;
    line-height: 30px;
    border-top: 1px solid #ebecec!important;
    font-size: 15px
}
.card .card-footer hr, .card-light .card-footer hr {
    margin-top: 5px;
    margin-bottom: 5px
}
.card .card-footer .legend, .card-light .card-footer .legend {
    display: inline-block
}

@media screen and (max-width:476px) {
.card .card-header .card-head-row:not(.card-tools-still-right) {
    flex-direction: column;
    align-items: unset
}
.card .card-header .card-head-row:not(.card-tools-still-right) .card-tools {
    margin-left: 0;
    float: left;
    padding-left: 0;
    padding-top: 10px
}
}
.card.full-height {
    height: calc(100% - 30px)
}
.card-space {
    padding: 0 30px
}
.card-space>.card-action, .card-space>.card-body, .card-space>.card-footer, .card-space>.card-header {
    padding-left: 0!important;
    padding-right: 0!important
}
.card-with-nav .card-header {
    border-bottom: 0!important;
    padding-top: 0!important;
    padding-bottom: 0!important
}
.card-with-nav .card-body {
    padding: 15px 25px!important
}
.card-list {
    padding: 10px 0
}
.card-list .item-list {
    display: flex;
    flex-direction: row;
    padding: 10px 0;
    align-items: center
}
.card-list .item-list .info-user {
    flex: 1
}
.card-list .item-list .info-user .username, .card-list .item-list .info-user a.username {
    color: #1572e8;
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 400
}
.card-list .item-list .info-user .status {
    font-size: 11px;
    color: #7d7b7b
}
.card-title {
    margin: 0;
    color: #575962;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6
}
.card-title a, .card-title a:focus, .card-title a:hover {
    color: #575962;
    text-decoration: none
}
.card-sub {
    display: block;
    margin: 5px 0 10px 0;
    font-size: .9rem;
    background: #f7f8fa;
    color: #575962;
    padding: .85rem 1.5rem;
    border-radius: 4px;
    line-height: 1.82
}

label {
    font-size: 15px;
    font-weight: 400;
    color: #626668;
    margin-bottom: 0
}

@media screen and (max-width:768px) {
.col-cardProduct {
    width: 175px
}
.card-product .title-product {
    font-size: 15px
}
.card-product .price-product {
    font-size: 18px
}
}
.skew-shadow {
    position: relative;
    overflow: hidden
}
.skew-shadow:before {
    content: '';
    position: absolute;
    background: rgba(255,255,255,.1);
    width: 50%;
    min-width: 150px;
    height: 100%;
    top: 0;
    right: -25%;
    transform: skewX(-32.5deg)
}
.bubble-shadow {
    position: relative;
    overflow: hidden
}
.bubble-shadow:before {
    position: absolute;
    top: -10%;
    right: -140px;
    width: 300px;
    height: 300px;
    content: "";
    border-radius: 50%;
    background: rgba(255,255,255,.05)
}
.bubble-shadow:after {
    position: absolute;
    top: -65px;
    right: 80px;
    width: 150px;
    height: 150px;
    content: "";
    border-radius: 50%;
    background: rgba(255,255,255,.05)
}
.curves-shadow {
    position: relative;
    overflow: hidden
}
.curves-shadow:before {
    content: '';
    position: absolute;
    background: url(../img/img-shadow.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

@media only screen and (max-width:990px) {
.card-pricing2 {
    margin-bottom: 30px
}
}

@media only screen and (max-width:767px) {
.card-pricing2:before {
    transform: skewY(-15deg)
}
}

.row-card-no-pd {
    border-radius: 5px;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    -webkit-box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1);
    -moz-box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1);
    box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1);
    border: 0
}
.row-card-no-pd .card {
    margin-bottom: 0;
    border-width: 0;
    box-shadow: none;
    position: unset
}
.row-card-no-pd .card .card-header {
    padding-left: 0!important;
    padding-top: 0!important;
    padding-right: 0!important
}
.row-card-no-pd [class*=col] .card:before {
    position: absolute;
    height: calc(100%);
    width: 1px;
    background: #eee;
    content: '';
    right: 0
}
.row-card-no-pd [class*=col]:last-child .card:before {
    width: 0
}
.accordion .card {
    border-radius: 5px!important;
    background: #f7f7f7!important;
    color: #575962!important;
    border: 0;
    box-shadow: none
}
.accordion .card .span-icon {
    font-size: 22px;
    padding-left: 15px;
    padding-right: 15px
}
.accordion .card>.card-header {
    border: 0!important;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    border-radius: 0!important
}
.accordion .card>.card-header>.span-mode {
    margin-left: auto
}
.accordion .card>.card-header>.span-mode:before {
    content: "\f068"!important;
    font-family: 'Font Awesome 5 Solid';
    font-weight: 900;
    font-size: 16px
}
.accordion .card>.card-header.collapsed>.span-mode:before {
    content: "\f067"!important
}
.accordion .card .card-body {
    border-top: 1px solid #ebebeb;
    padding: 30px
}

.border-transparent {
    border-color: transparent!important
}
.gutters-0 {
    margin-right: 0;
    margin-left: 0
}
.gutters-0>.col, .gutters-0>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}
.gutters-0 .card {
    margin-bottom: 0
}
.gutters-xs {
    margin-right: -.25rem;
    margin-left: -.25rem
}
.gutters-xs>.col, .gutters-xs>[class*=col-] {
    padding-right: .25rem;
    padding-left: .25rem
}
.gutters-xs .card {
    margin-bottom: .5rem
}
.gutters-sm {
    margin-right: -.5rem;
    margin-left: -.5rem
}
.gutters-sm>.col, .gutters-sm>[class*=col-] {
    padding-right: .5rem;
    padding-left: .5rem
}
.gutters-sm .card {
    margin-bottom: 1rem
}
.gutters-lg {
    margin-right: -1rem;
    margin-left: -1rem
}
.gutters-lg>.col, .gutters-lg>[class*=col-] {
    padding-right: 1rem;
    padding-left: 1rem
}
.gutters-lg .card {
    margin-bottom: 2rem
}
.gutters-xl {
    margin-right: -1.5rem;
    margin-left: -1.5rem
}
.gutters-xl>.col, .gutters-xl>[class*=col-] {
    padding-right: 1.5rem;
    padding-left: 1.5rem
}
.gutters-xl .card {
    margin-bottom: 3rem
}
.stamp {
    color: #fff;
    background: #6861ce;
    display: inline-block;
    min-width: 2rem;
    height: 2rem;
    padding: 0 .25rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 3px;
    font-weight: 600
}
.stamp-md {
    min-width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem
}
.form-control {
    font-size: 15px;
	padding: .175rem .35rem;
    height: inherit!important
}
.form-control:focus {
    border-color: #3e93ff
}
.form-control-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-append>.btn, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-prepend>.input-group-text {
    padding: .5rem 1rem!important;
    font-size: 1.25rem!important
}
.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text {
    padding: .25rem .5rem!important;
    font-size: .875rem!important;
    line-height: 1.5
}
.form-control::-webkit-input-placeholder {
color:inherit;
opacity:.7
}
.form-control:-moz-placeholder {
color:inherit;
opacity:.7
}
.form-control::-moz-placeholder {
color:inherit;
opacity:.7
}
.form-control:-ms-input-placeholder {
color:inherit;
opacity:.7
}
.form-control::-ms-input-placeholder {
color:inherit;
opacity:.7
}

.form-button-action {
    display: inline-flex
}

.form-radio [type=radio]:checked, .form-radio [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}
.form-radio [type=radio]:checked+.form-radio-sign, .form-radio [type=radio]:not(:checked)+.form-radio-sign {
    color: #575962;
    position: relative;
    padding-left: 2em;
    cursor: pointer;
    line-height: 22px;
    font-weight: 400
}
.form-radio [type=radio]:not(:checked)+.form-radio-sign:before {
    content: "\f18a";
    font-size: 22px;
    font-family: LineAwesome;
    position: absolute;
    left: 0;
    top: auto;
    background: 0 0;
    line-height: 1;
    color: #bbb
}
.form-radio [type=radio]:checked+.form-radio-sign:before {
    content: "\f18a";
    font-size: 22px;
    font-family: LineAwesome;
    position: absolute;
    left: 0;
    top: auto;
    background: 0 0;
    line-height: 1;
    display: none
}
.form-radio [type=radio]:checked+.form-radio-sign:after, .form-radio [type=radio]:not(:checked)+.form-radio-sign:after {
    content: "\f1bc";
    position: absolute;
    left: 0;
    top: auto;
    text-align: center;
    font-size: 22px;
    color: #4d7cfe;
    transition: all .2s;
    line-height: 1;
    font-family: LineAwesome
}
.form-radio [type=radio]:not(:checked)+.form-radio-sign:after {
    opacity: 0;
    transform: scale(0)
}
.form-radio [type=radio]:checked+.form-radio-sign {
    font-weight: 400
}
.form-radio [type=radio]:checked+.form-radio-sign:after {
    opacity: 1;
    transform: scale(1)
}
.form-radio [type=radio]:disabled:not(:checked)+.form-radio-sign:before {
    box-shadow: none;
    opacity: .65
}
.form-radio [type=radio]:disabled:checked+.form-radio-sign:before {
    box-shadow: none;
    opacity: .65
}
.form-radio [type=radio]:disabled:checked+.form-radio-sign:after {
    opacity: .65
}
.form-radio [type=radio]:disabled+.form-radio-sign {
    color: #aaa;
    opacity: .65
}
.form-radio [type=radio]:checked:focus+.form-radio-sign:before, .form-radio [type=radio]:not(:checked):focus+.form-radio-sign:before {
    border: 1px solid #ccc
}
.form-radio {
    padding-left: .75rem
}
.form-radio-input {
    position: relative;
    margin-top: .3rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #1572e8
}
.custom-checkbox.checkbox-default .custom-control-input:checked~.custom-control-label::before {
    background-color: #1a2035
}
.custom-checkbox.checkbox-primary .custom-control-input:checked~.custom-control-label::before {
    background-color: #1572e8
}
.custom-checkbox.checkbox-secondary .custom-control-input:checked~.custom-control-label::before {
    background-color: #6861ce
}
.custom-checkbox.checkbox-info .custom-control-input:checked~.custom-control-label::before {
    background-color: #48abf7
}
.custom-checkbox.checkbox-success .custom-control-input:checked~.custom-control-label::before {
    background-color: #31ce36
}
.custom-checkbox.checkbox-warning .custom-control-input:checked~.custom-control-label::before {
    background-color: #ffad46
}
.custom-checkbox.checkbox-danger .custom-control-input:checked~.custom-control-label::before {
    background-color: #f25961
}
.col-form-label {
    line-height: 1.8
}
.required-label {
    color: red
}
.label-align-left {
    text-align: left
}
.label-align-right {
    text-align: right
}
.label-align-center {
    text-align: center
}
.form-check{
    margin-bottom: 0;
}
.form-group {
    margin-bottom: 6px!important;
}
.form-line .form-group{
	padding-bottom: 8px;
	border-bottom:#e6ebec 1px dashed;
}
.form-group-default {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.07);
    border-radius: 4px;
    padding-top: 7px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4px;
    overflow: hidden;
    width: 100%;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease;
    margin-bottom: 15px
}
.form-group-default label {
    opacity: 1;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 0;
    display: block;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}
.form-group-default label:not(.error) {
    font-size: 10.5px!important;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-weight: 400
}
.form-group-default .form-control {
    border: 0;
    min-height: 25px;
    padding: 0;
    margin-top: 6px;
    background: 0 0;
    font-size: 15px
}
.form-group-default select.form-control:not([size]):not([multiple]) {
    height: unset!important
}
.form-group-default.active {
    border-color: rgba(0,0,0,.1)!important;
    background-color: #f0f0f0
}
.form-group-default.active label {
    opacity: .5
}
.form-floating-label {
    position: relative
}
.form-floating-label .placeholder {
    position: absolute;
    padding: .375rem .75rem;
    transition: all .2s;
    opacity: .8;
    margin-bottom: 0!important;
    font-size: 15px!important;
    font-weight: 400;
    top: 12px
}
.form-floating-label .form-control.filled+.placeholder, .form-floating-label .form-control:focus+.placeholder, .form-floating-label .form-control:valid+.placeholder {
font-size:85%!important;
transform:translate3d(0, -10px, 0);
top:0;
opacity:1;
padding:.375rem 0 .75rem;
font-weight:600
}
.form-floating-label .form-control.filled+.placeholder {
    color: #1572e8!important
}
.form-floating-label .form-control ::-webkit-input-placeholder {
color:transparent
}
.form-floating-label .form-control :-moz-placeholder {
color:transparent
}
.form-floating-label .form-control ::-moz-placeholder {
color:transparent
}
.form-floating-label .form-control :-ms-input-placeholder {
color:transparent
}
.form-floating-label .input-border-bottom+.placeholder {
    padding: .375rem 0 .75rem
}
.form-inline label {
    margin-bottom: 0!important
}
.input-fixed {
    width: 200px
}
.form-control.input-full {
    width: 100%!important
}

.has-error label {
    color: #f25961!important
}
.has-error .form-control {
    border-color: #f25961!important;
    color: #f25961!important
}
.has-error .input-group-text {
    border-color: #f25961!important;
    background: #f25961!important;
    color: #fff!important
}
.input-group label.error, .input-group label.success {
    width: 100%;
    order: 100
}
.custom-control {
    position: relative
}
.custom-control.custom-checkbox, .custom-control.custom-radio {
    margin-bottom: 0;
    padding-left: 2em;
    cursor: pointer;
    line-height: 24px;
    margin-right: 25px;
    display: inline-block
}
.custom-control.custom-checkbox label.error, .custom-control.custom-checkbox label.success, .custom-control.custom-radio label.error, .custom-control.custom-radio label.success {
    position: absolute;
    width: 100vh;
    top: 23px;
    left: 0
}
.has-feedback {
    position: relative
}
.form-control-feedback {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px
}
.has-success .form-control-feedback {
    color: #31ce36
}
.has-error .form-control-feedback {
    color: #f25961
}
.input-group.has-icon {
    border-radius: .25rem;
    border: 1px solid #ced4da
}
.input-group.has-icon.has-success, .input-group.has-success {
    border: 1px solid #31ce36!important;
    color: #31ce36
}
.input-group.has-error {
    border: 1px solid #f25961!important;
    color: #f25961
}
.input-group.has-icon.has-error {
    border: 1px solid #f25961!important;
    color: #f25961
}
.input-group.has-icon .form-control {
    border-radius: .25rem;
    border: 0;
    position: relative
}
.input-group.has-icon .input-group-icon {
    background: 0 0;
    border: 0
}
.input-square {
    border-radius: 0!important
}
.input-pill {
    border-radius: 1.3rem!important
}
.input-solid {
    background: #e8e8e8!important;
    border-color: #e8e8e8!important
}
.input-border-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
    padding: .75rem 0;
    background: 0 0!important
}
.input-file .form-control, .input-file .form-control-file, .input-file input[type=file] {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}
.input-file label.error, .input-file label.success {
    display: block
}
.input-file .form-control+label:not(.error), .input-file .form-control-file+label:not(.error), .input-file .label-input-file, .input-file input[type=file]+label:not(.error) {
    font-weight: 600;
    letter-spacing: .02em;
    color: #fff!important;
    display: inline-block
}
.input-file.input-file-image img.img-upload-preview {
    max-width: 100%;
    display: block;
    margin-bottom: 15px;
    box-shadow: 0 1px 15px 1px rgba(39,39,39,.1)
}
.input-file.input-file-image img.img-upload-preview.img-circle {
    border-radius: 2000px
}
.form-control:disabled, .form-control[readonly] {
    background: #e8e8e8!important;
    border-color: #e8e8e8!important
}
.form-control:disabled, .form-control[readonly] {
    opacity: .6!important
}
.input-group-text {
    font-size: 15px
}
.input-group-text i.la {
    font-size: 21px
}
.input-group-text i[class*=flaticon] {
    font-size: 17px
}
.input-icon {
    position: relative
}
.input-icon .form-control:not(:first-child) {
    padding-left: 2.5rem
}
.input-icon .form-control:not(:last-child) {
    padding-right: 2.5rem
}
.input-icon .input-icon-addon {
    position: absolute;
    left: 1rem;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center
}
.input-icon .input-icon-addon:last-child {
    left: auto;
    right: 1rem
}
label.error {
    color: #f25961!important;
    font-size: 80%!important;
    margin-top: .5rem
}
.select2-input {
    position: relative
}
.select2-input label.error, .select2-input label.success {
    position: absolute;
    bottom: -30px
}
.select2-input .select2 {
    margin-bottom: 15px
}
.dropzone {
    padding: 70px 60px 80px!important;
    border: 2px dashed rgba(0,0,0,.13)!important;
    background: 0 0!important
}
.dropzone:hover {
    background: #fafafa!important;
    transition: all .5s!important
}
.dropzone .dz-message .icon {
    margin-bottom: 15px;
    font-size: 39px
}
.dropzone .dz-message .message {
    font-size: 34px;
    font-weight: 200
}
.dropzone .dz-message .note {
    font-size: 16px;
    margin-top: 18px;
    font-weight: 300
}
.note-editor.note-frame {
    border: 0!important;
    box-shadow: none!important
}
.note-editor.note-frame .note-toolbar {
    padding: 0!important;
    border-bottom: 0!important
}
.note-editor.note-frame .note-btn {
    border: 1px solid #eee!important;
    background: #fafafa!important
}
.note-editor.note-frame .note-placeholder {
    margin-top: 15px!important
}
.note-editor.note-frame .note-codable {
    margin-top: 15px!important
}
.note-editor.note-frame .note-editing-area .note-editable {
    margin-top: 15px!important;
    border: 1px solid #eee!important
}

.table thead, .table th {color:#fff; white-space:nowrap; background-color:#525252;}
.table td, .table th {
	line-height: 1.1;
    border-top-width: 0;
	padding: .35rem;
	text-align: center;
    border-bottom: 1px solid;
    border-color: #ebedf2!important;
    vertical-align: middle!important
}
.table-h tr:first-child{ border-top: 1px solid;border-color: #ebedf2!important;}
.table-h th{ border-top: 1px solid;color:#fff; white-space:nowrap; background-color:#525252;}
.table-full-width {
    margin-left: -15px;
    margin-right: -15px
}
.table-bordered-bd-default td, .table-bordered-bd-default th {
    border: 1px solid #1a2035!important
}
.table-bordered-bd-primary td, .table-bordered-bd-primary th {
    border: 1px solid #1572e8!important
}
.table-bordered-bd-secondary td, .table-bordered-bd-secondary th {
    border: 1px solid #6861ce!important
}
.table-bordered-bd-info td, .table-bordered-bd-info th {
    border: 1px solid #48abf7!important
}
.table-bordered-bd-success td, .table-bordered-bd-success th {
    border: 1px solid #31ce36!important
}
.table-bordered-bd-warning td, .table-bordered-bd-warning th {
    border: 1px solid #ffad46!important
}
.table-bordered-bd-danger td, .table-bordered-bd-danger th {
    border: 1px solid #f25961!important
}
.table-striped td, .table-striped th {
    border-top: 0!important;
    border-bottom: 0!important
}
.table-head-bg-default thead {
    border: 1px solid #1a2035!important
}
.table-head-bg-primary thead {
    border: 1px solid #1572e8!important
}
.table-head-bg-secondary thead {
    border: 1px solid #6861ce!important
}
.table-head-bg-info thead {
    border: 1px solid #48abf7!important
}
.table-head-bg-success thead {
    border: 1px solid #31ce36!important
}
.table-head-bg-warning thead {
    border: 1px solid #ffad46!important
}
.table-head-bg-danger thead {
    border: 1px solid #f25961!important
}
.table-head-bg-default thead th, .table-striped-bg-default tbody tr:nth-of-type(odd) {
    background: #1a2035!important;
    color: #fff!important;
    border: 0!important
}
.table-head-bg-primary thead th, .table-striped-bg-primary tbody tr:nth-of-type(odd) {
    background: #1572e8!important;
    color: #fff!important;
    border: 0!important
}
.table-head-bg-secondary thead th, .table-striped-bg-secondary tbody tr:nth-of-type(odd) {
    background: #6861ce!important;
    color: #fff!important;
    border: 0!important
}
.table-head-bg-info thead th, .table-striped-bg-info tbody tr:nth-of-type(odd) {
    background: #48abf7!important;
    color: #fff!important;
    border: 0!important
}
.table-head-bg-success thead th, .table-striped-bg-success tbody tr:nth-of-type(odd) {
    background: #31ce36!important;
    color: #fff!important;
    border: 0!important
}
.table-head-bg-warning thead th, .table-striped-bg-warning tbody tr:nth-of-type(odd) {
    background: #ffad46!important;
    color: #fff!important;
    border: 0!important
}
.table-head-bg-danger thead th, .table-striped-bg-danger tbody tr:nth-of-type(odd) {
    background: #f25961!important;
    color: #fff!important;
    border: 0!important
}

.navbar .navbar-nav .nav-item {
    margin-right: 7px
}
.navbar .navbar-nav .nav-item:last-child {
    margin-right: 0
}
.navbar .navbar-nav .nav-item .nav-link {
    display: inline-block;
    vertical-align: middle;
    color: #666;
    letter-spacing: .04em;
    padding: 10px;
    border-radius: 3px;
    position: relative;
    font-size: 13px;
    font-weight: 400;
    text-align: center
}
.navbar .navbar-nav .nav-item .nav-link:focus, .navbar .navbar-nav .nav-item .nav-link:hover {
    background: #eee!important
}
.navbar .navbar-nav .nav-item .nav-link i {
    font-size: 18px;
    vertical-align: middle;
    line-height: 1!important
}
.navbar .navbar-nav .nav-item.active .nav-link {
    background: #eee!important
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    left: auto;
    right: 0
}

.navbar .navbar-nav .notification {
    position: absolute;
    background-color: #31ce36;
    text-align: center;
    border-radius: 10px;
    min-width: 17px;
    height: 17px;
    font-size: 10px;
    color: #fff;
    font-weight: 300;
    line-height: 17px;
    top: 3px;
    right: 3px;
    letter-spacing: -1px
}
.navbar-header {
    padding: 0 15px
}
.navbar-header .dropdown-toggle::after {
    margin-left: 0
}
.profile-pic:focus, .profile-pic:hover {
    text-decoration: none
}
.navbar-header .dropdown-toggle::after {
    vertical-align: middle;
    color: #555
}
.hidden-caret .dropdown-toggle::after {
    display: none!important
}
.profile-pic span {
    font-size: 13px;
    font-weight: 300;
    padding: 0 10px;
    color: #555
}
.navbar[class*=bg-] {
    border-bottom: 1px solid rgba(255,255,255,.2)!important;
    border-left: 1px solid rgba(255,255,255,.1)!important
}
.navbar[class*=bg-] .navbar-brand {
    color: #fff
}
.navbar[class*=bg-] .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar[class*=bg-] .navbar-nav>.nav-item>.nav-link {
    color: #fff
}
.navbar[class*=bg-] .navbar-nav>.nav-item>.nav-link.disabled {
    color: #d8d8d8!important
}
.navbar[class*=bg-] .navbar-nav>.nav-item>.nav-link:hover {
    background: rgba(255,255,255,.22)!important
}
.navbar[class*=bg-] .navbar-nav>.nav-item.active>.nav-link {
    background: rgba(255,255,255,.22)!important
}
.navbar[class*=bg-] .btn-toggle {
    background: rgba(19,19,19,.25)!important;
    color: #fff!important
}
.navbar[class*=bg-] .nav-search .input-group {
    border: 0;
    background: rgba(19,19,19,.25)!important
}
.navbar[class*=bg-] .nav-search .input-group .form-control {
    color: #fff!important
}
.navbar[class*=bg-] .nav-search .search-icon {
    color: #fff!important
}
.row-nav-line {
    margin-left: -20px;
    margin-right: -20px
}
.nav.nav-line {
    width: 100%;
    border-bottom: 1px solid #f1f1f1
}
.nav.nav-line .nav-link {
    padding: 15px 20px;
    color: #575962;
    border-width: 0;
    font-size: 15px;
    font-weight: 600
}
.nav.nav-line .nav-link:focus, .nav.nav-line .nav-link:hover {
    color: #1572e8;
    border-width: 0
}
.nav.nav-line .nav-link.active {
    border-width: 0;
    background-color: transparent;
    color: #1572e8;
    border-bottom: 2px solid #1572e8;
    border-radius: 0
}
.nav.nav-line.nav-color-default .nav-link:focus, .nav.nav-line.nav-color-default .nav-link:hover {
    color: #1a2035
}
.nav.nav-line.nav-color-default .nav-link.active {
    color: #1a2035;
    border-color: #1a2035
}
.nav.nav-line.nav-color-primary .nav-link:focus, .nav.nav-line.nav-color-primary .nav-link:hover {
    color: #1572e8
}
.nav.nav-line.nav-color-primary .nav-link.active {
    color: #1572e8;
    border-color: #1572e8
}
.nav.nav-line.nav-color-secondary .nav-link:focus, .nav.nav-line.nav-color-secondary .nav-link:hover {
    color: #6861ce
}
.nav.nav-line.nav-color-secondary .nav-link.active {
    color: #6861ce;
    border-color: #6861ce
}
.nav.nav-line.nav-color-info .nav-link:focus, .nav.nav-line.nav-color-info .nav-link:hover {
    color: #48abf7
}
.nav.nav-line.nav-color-info .nav-link.active {
    color: #48abf7;
    border-color: #48abf7
}
.nav.nav-line.nav-color-success .nav-link:focus, .nav.nav-line.nav-color-success .nav-link:hover {
    color: #31ce36
}
.nav.nav-line.nav-color-success .nav-link.active {
    color: #31ce36;
    border-color: #31ce36
}
.nav.nav-line.nav-color-danger .nav-link:focus, .nav.nav-line.nav-color-danger .nav-link:hover {
    color: #f25961
}
.nav.nav-line.nav-color-danger .nav-link.active {
    color: #f25961;
    border-color: #f25961
}
.nav.nav-line.nav-color-warning .nav-link:focus, .nav.nav-line.nav-color-warning .nav-link:hover {
    color: #ffad46
}
.nav.nav-line.nav-color-warning .nav-link.active {
    color: #ffad46;
    border-color: #ffad46
}
.nav.nav-line.nav-color-light .nav-link:focus, .nav.nav-line.nav-color-light .nav-link:hover {
    color: #fff
}
.nav.nav-line.nav-color-light .nav-link.active {
    color: #fff;
    border-color: #fff
}
.nav.nav-line.nav-color-light .nav-link {
    color: #f1f1f1
}
.nav-search .input-group {
    border: 1px solid #eee;
    background: #eee;
    border-radius: 5px
}
.nav-search .input-group:focus, .nav-search .input-group:hover {
    border: 1px solid #ddd
}
.nav-search .form-control {
    border: 0;
    background: 0 0!important;
    font-size: 15px;
    padding: .75em 1em;
    min-width: 150px;
    max-width: 100%
}
.nav-search .input-group-text {
    border: 0;
    background: 0 0
}
.nav-search .search-icon {
    font-size: 18px;
    color: #626668
}
.nav-search .btn-search {
    background: 0 0;
    padding: .375rem 1rem
}
.badge {
    border-radius: 50px;
    margin-left: auto;
    line-height: 1;
    padding: 5px 8px;
    vertical-align: middle;
    font-weight: 400;
    font-size: 11px;
    border: 1px solid #ddd
}
[class*=badge-]:not(.badge-count) {
    border: 0!important
}
.badge-default {
    background: #1a2035;
    color: #fff!important
}
.badge-primary {
    background: #1572e8
}
.badge-secondary {
    background: #6861ce
}
.badge-info {
    background: #48abf7
}
.badge-success {
    background-color: #31ce36
}
.badge-warning {
    background: #ffad46;
    color: #fff!important
}
.badge-danger {
    background-color: #f25961
}
.dropdown-menu {
    border: 0;
    border-radius: 3px;
    box-shadow: 0 1px 11px rgba(0,0,0,.15)!important;
    padding-bottom: 8px;
    margin-top: 3px
}
.dropdown-title {
    border-bottom: 1px solid #f1f1f1;
    color: #444;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 15px;
    text-align: center
}
.dropdown-user {
    width: 260px
}
.user-box {
    display: flex;
    padding: .25rem 1rem
}
.user-box .u-text {
    padding: 0 10px
}
.user-box .u-text h4 {
    margin-bottom: 5px;
    margin-top: 4px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1
}
.user-box .u-text .text-muted {
    font-size: 12px;
    margin-bottom: 5px
}
.user-box .u-text .btn {
    font-size: 15px
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}
.quick-actions {
    width: 350px;
    padding: 0
}
.quick-actions:after {
    border-bottom-color: #1572e8!important
}
.quick-actions .quick-actions-header {
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #1572e8;
    color: #fff;
    padding: 15px;
    border-radius: 3px 3px 0 0
}
.quick-actions .quick-actions-header .title {
    font-size: 18px
}
.quick-actions .quick-actions-header .subtitle {
    font-size: 13px
}
.quick-actions .quick-actions-items {
    padding: 15px 7.5px
}
.quick-actions a:hover {
    text-decoration: none
}
.quick-actions .quick-actions-item {
    display: flex;
    flex-direction: column;
    margin: 7.5px 7.5px;
    padding: 10px;
    align-items: center;
    color: #1572e8;
    border: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 3px;
    transition: all .2s
}
.quick-actions .quick-actions-item:hover {
    background: #fdfdff;
    color: #1572e8;
    box-shadow: 3px 3px 10px #f7f1f1
}
.quick-actions .quick-actions-item i {
    color: #7d8c95;
    font-size: 27px
}
.quick-actions .quick-actions-item .text {
    text-align: center;
    font-size: 13px;
    margin-top: 8px
}
.quick-actions.quick-actions-default:after {
    border-bottom-color: #1a2035!important
}
.quick-actions.quick-actions-default .quick-actions-header {
    background: #1a2035
}
.quick-actions.quick-actions-default .quick-actions-item {
    color: #1a2035
}
.quick-actions.quick-actions-primary:after {
    border-bottom-color: #1572e8!important
}
.quick-actions.quick-actions-primary .quick-actions-header {
    background: #1572e8
}
.quick-actions.quick-actions-primary .quick-actions-item {
    color: #1572e8
}
.quick-actions.quick-actions-secondary:after {
    border-bottom-color: #6861ce!important
}
.quick-actions.quick-actions-secondary .quick-actions-header {
    background: #6861ce
}
.quick-actions.quick-actions-secondary .quick-actions-item {
    color: #6861ce
}
.quick-actions.quick-actions-info:after {
    border-bottom-color: #48abf7!important
}
.quick-actions.quick-actions-info .quick-actions-header {
    background: #48abf7
}
.quick-actions.quick-actions-info .quick-actions-item {
    color: #48abf7
}
.quick-actions.quick-actions-warning:after {
    border-bottom-color: #ffad46!important
}
.quick-actions.quick-actions-warning .quick-actions-header {
    background: #ffad46
}
.quick-actions.quick-actions-warning .quick-actions-item {
    color: #ffad46
}
.quick-actions.quick-actions-success:after {
    border-bottom-color: #31ce36!important
}
.quick-actions.quick-actions-success .quick-actions-header {
    background: #31ce36
}
.quick-actions.quick-actions-success .quick-actions-item {
    color: #31ce36
}
.quick-actions.quick-actions-danger:after {
    border-bottom-color: #f25961!important
}
.quick-actions.quick-actions-danger .quick-actions-header {
    background: #f25961
}
.quick-actions.quick-actions-danger .quick-actions-item {
    color: #f25961
}

@media screen and (max-width:991px) {
.messages-notif-box .message-notif-scroll, .notif-box .notif-scroll, .quick-actions .quick-actions-scroll {
    max-height: calc(100vh - 200px)
}
.dropdown-user .dropdown-user-scroll {
    max-height: calc(100vh - 132px)
}
}

@media screen and (min-width:991px) {
.navbar-header .dropdown-menu {
    margin-top: 13px
}
.navbar-header .dropdown-menu:after {
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    content: "";
    right: 10px;
    top: -8px;
    position: absolute;
    z-index: 1001
}
}
.chart-circle {
    display: flex;
    justify-content: center
}
.chart-circle .circles-text {
    font-size: 25px!important
}
.chart-container {
    min-height: 300px;
    position: relative
}
.html-legend {
    list-style: none;
    cursor: pointer;
    padding-left: 0;
    text-align: center;
    margin-top: 1rem
}
.html-legend li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
    margin-right: 5px;
    margin-bottom: 6px;
    color: #626668;
    font-size: 12px
}
.html-legend li.hidden {
    text-decoration: line-through
}
.html-legend li span {
    border-radius: 15px;
    display: inline-block;
    height: 15px;
    margin-right: 10px;
    width: 15px;
    vertical-align: top
}
.jqstooltip {
    box-sizing: content-box
}

.btn {
    padding: .25rem .8rem;
    font-size: 1rem;
    opacity: 1;
    border-radius: 5px
}
.form-group .btn, .user .btn{ padding: .1rem .5rem;}
.btn:focus, .btn:hover {
    opacity: .9;
    transition: all .3s
}
.btn .btn-label {
    display: inline-block
}
.btn .btn-label i {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 2px;
    margin-left: -2px;
    line-height: 0;
    margin-top: -2.5px
}
.btn .btn-label.just-icon i {
    margin-left: 0!important;
    margin-right: 0!important
}
.btn-lg {
    font-size: 15px;
    border-radius: 3px;
    padding: 12.5px 27.5px;
    font-weight: 400
}
.btn-lg .btn-label i {
    font-size: 27px;
    vertical-align: middle;
    margin-right: 2px;
    margin-left: -7px;
    line-height: 0;
    margin-top: -2.5px
}
.btn-lg .btn-label.just-icon i {
    margin-left: 0!important;
    margin-right: 0!important
}
.btn-sm {
    font-size: 11px;
    padding: 3px 8px
}
.btn-xs {
    font-size: 10px;
    padding: 2px 4px
}
.btn.disabled:hover, .btn:hover:disabled {
    opacity: .65
}
.btn-icon {
    font-size: .9375rem;
    height: 1.75rem;
    line-height: 1.5rem;
    min-width: 1.75rem;
    overflow: hidden;
    padding: 0!important;
    position: relative;
    width: 1.75rem
}

.btn-white {
    background: #fff!important;
    color: #1a2035!important
}
.btn-white:disabled, .btn-white:focus, .btn-white:hover {
    background: #fff!important;
    color: #1a2035!important
}
.btn-default {
    background: #1a2035!important;
    color: #fff!important
}
.btn-default:disabled, .btn-default:focus, .btn-default:hover {
    background: #1a2035!important;
    color: #fff!important
}
.btn-primary {
    background: #014099!important;
    border-color: #014099!important;
	color:#fff!important
}
.btn-primary:disabled, .btn-primary:focus, .btn-primary:hover {
    background: #014099!important;
    border-color: #014099!important
}
.btn-primary2 {
    background: rgba(255,255,255,.2)!important;
    border-color: rgba(255,255,255,.2)!important;
	color:#fff!important
}
.btn-primary2:disabled, .btn-primary2:focus, .btn-primary2:hover {
    background: rgba(255,255,255,.3)!important;
    border-color: rgba(255,255,255,.3)!important
}
.btn-deblue {
    background: #073d76!important;
    border-color: #073d76!important;
	color:#fff!important
}
.btn-deblue:disabled, .btn-deblue:focus, .btn-deblue:hover {
    background: #0b4582!important;
    border-color: #0b4582!important
}
.btn-lightg {
    background: #82da3b!important;
    border-color: #82da3b!important;
	color:#fff!important
}
.btn-lightg:disabled, .btn-lightg:focus, .btn-lightg:hover {
    background: #8be344!important;
    border-color: #8be344!important
}
.btn-secondary {
    background: #6861ce!important;
    border-color: #6861ce!important;
	color:#fff!important
}
.btn-dark{color:#fff!important}
.btn-secondary:disabled, .btn-secondary:focus, .btn-secondary:hover {
    background: #6861ce!important;
    border-color: #6861ce!important
}
.btn-info {
    background: #48abf7!important;
    border-color: #48abf7!important;
	color:#fff!important
}
.btn-info:disabled, .btn-info:focus, .btn-info:hover {
    background: #48abf7!important;
    border-color: #48abf7!important;
	color:#fff!important
}
.btn-success {
    background: #31ce36!important;
    border-color: #31ce36!important;
	color:#fff!important
}
.btn-success:disabled, .btn-success:focus, .btn-success:hover {
    background: #31ce36!important;
    border-color: #31ce36!important;
	color:#fff!important
}
.btn-warning {
    background: #ffad46!important;
    border-color: #ffad46!important;
    color: #fff!important
}
.btn-warning:disabled, .btn-warning:focus, .btn-warning:hover {
    background: #ffad46!important;
    border-color: #ffad46!important;
    color: #fff!important
}
.btn-danger {
    background: #f25961!important;
    border-color: #f25961!important;
	color:#fff!important
}
.btn-danger:disabled, .btn-danger:focus, .btn-danger:hover {
    background: #f25961!important;
    border-color: #f25961!important;
	color:#fff!important
}
.btn-light {
    background: #fff!important;
    border-color: transparent
}
.btn-light:disabled, .btn-light:focus, .btn-light:hover {
    background: #ebecec!important;
    border-color: transparent
}

.btn-pink{background:#fab3ff;color: #fff!important}
.btn-gy{background:#CDCDCD;color: #111!important}
.btn-brown{background:#987342;color: #fff!important}
.btn-lightgreen{background:#b4ce2a}
.btn-maroon{background:#9e2a2b;color: #fff!important}
.btn-bluegreen{background:#158774;color: #fff!important}
.btn-pinkpurple{background:#ca7fcb;;color: #fff!important}
.btn-darkpurple{background:#4f5d75;color: #fff!important}
.btn-skyblue{background:#2ec4b6;color: #fff!important}
.btnbtn-olive{background:#b5b682;color: #fff!important}
.bg-orange{background:#ff4800;color: #fff!important}
.btn-yellow{background:#fcc500;color: #fff!important}

.btn-dropdown-card-header {
    padding: 0;
    background: 0 0;
    color: inherit;
    font-size: 15px
}
.btn-dropdown-card-header:after {
    display: none
}
.btn-border {
    background: 0 0!important
}
.btn-border:focus, .btn-border:hover {
    background: 0 0!important
}
.btn-border.btn-white {
    color: #fff!important;
    border: 1px solid #fff!important
}
.btn-border.btn-white:hover {
    color: #1f9ed9!important;
    background:rgba(255,255,255,.9)!important
}
.btn-border.btn-default {
    color: #1a2035!important;
    border: 1px solid #1a2035!important
}
.btn-border.btn-primary {
    color: #014099!important;
    border: 1px solid #014099!important
}
.btn-border.btn-secondary {
    color: #6861ce!important;
    border: 1px solid #6861ce!important
}
.btn-border.btn-info {
    color: #48abf7!important;
    border: 1px solid #48abf7!important
}
.btn-border.btn-success {
    color: #31ce36!important;
    border: 1px solid #31ce36!important
}
.btn-border.btn-warning {
    color: #ffad46!important;
    border: 1px solid #ffad46!important
}
.btn-border.btn-danger {
    color: #f25961!important;
    border: 1px solid #f25961!important
}
.btn-border.btn-light {
    border: 1px solid #efefef;
    background: #fff!important
}
.btn-round {
    border-radius: 100px!important
}
.btn-link {
    border: 0!important;
    background: 0 0!important
}
.btn-link:focus, .btn-link:hover {
    text-decoration: underline!important;
    background: 0 0!important;
    border: 0!important
}
.btn-link.btn-default {
    color: #1a2035!important
}
.btn-link.btn-default:hover {
    color: #1a2035!important
}
.btn-link.btn-primary {
    color: #014099!important
}
.btn-link.btn-primary:hover {
    color: #014099!important
}
.btn-link.btn-secondary {
    color: #6861ce!important
}
.btn-link.btn-secondary:hover {
    color: #6861ce!important
}
.btn-link.btn-info {
    color: #48abf7!important
}
.btn-link.btn-info:hover {
    color: #48abf7!important
}
.btn-link.btn-success {
    color: #31ce36!important
}
.btn-link.btn-success:hover {
    color: #31ce36!important
}
.btn-link.btn-warning {
    color: #ffad46!important
}
.btn-link.btn-warning:hover {
    color: #ffad46!important
}
.btn-link.btn-danger {
    color: #f25961!important
}
.btn-link.btn-danger:hover {
    color: #f25961!important
}
.toggle-on.btn {
    color: #fff!important
}
.toggle-handle {
    background: #fff!important
}
.toggle-handle:hover {
    background: #fff!important
}
.btn-round .toggle-handle {
    border-radius: 50px
}
.btn-rounded {
    border-radius: 60px!important
}
.btn-full {
    width: 100%
}
.btn-no-radius {
    border-radius: 0
}
.nav-pills>li:first-child>.nav-link {
    border-radius: 0 0 0 0!important
}
.nav-pills>li:last-child>.nav-link {
    border-radius: 0 0 0 0!important
}
.nav-link.disabled {
    color: #6c757d!important
}

.nav-pills>li>.nav-link {
    margin-left: -1px;
    border-radius: 0!important;
    border: 1px solid #1572e8;
    color: #535353
}
.nav-pills>li>.nav-link.active {
    background: #1572e8
}
.nav-pills>li>.nav-link:hover {
    background: rgba(222,222,222,.8)
}
.nav-pills.nav-pills-no-bd li {
    margin-left: 15px!important
}
.nav-pills.nav-pills-no-bd li .nav-link {
    border: 0!important;
    border-radius: 50px!important;
	padding:.3em 1em;
}
.nav-pills.nav-pills-no-bd li .nav-link.active {
    border-radius: 50px!important
}
.nav-pills.nav-pills-no-bd li:first-child {
    margin-left: 0!important
}
.nav-pills.nav-pills-no-bd.nav-pills-icons .nav-link, .nav-pills.nav-pills-no-bd.nav-pills-icons .nav-link.active {
    border-radius: 5px!important
}
.nav-pills.flex-sm-column .nav-link {
    border-radius: 0!important;
    border-bottom: 1px solid #e7e7e7;
    color: #585c5d;
    margin-top: -1px;
    text-align: right;
    word-wrap: normal;
    padding: 10px 3px;
}
.nav-pills.flex-sm-column .nav-link:hover {
    background: rgba(222,222,222,.4)
}
.nav-pills.flex-sm-column .nav-link.active {
    background: #fff8a5
}
.nav-pills.flex-sm-column .nav-link:first-child {
    border-radius: 0
}
.nav-pills.flex-sm-column .nav-link:last-child {
    border-radius: 0;
	border-bottom:0;
}
.nav-pills.flex-sm-column.nav-pills-no-bd .nav-link {
    border: 0!important;
    border-radius: 50px!important;
    background: rgba(255,236,8,.4);
    margin-top: 5px;
    margin-bottom: 5px
}
.nav-pills.flex-sm-column.nav-pills-no-bd .nav-link.active {
    border-radius: 50px!important
}
.nav-pills.flex-sm-column.nav-pills-icons .nav-link, .nav-pills.flex-sm-column.nav-pills-icons .nav-link.active {
    border-radius: 5px!important
}
.nav-pills.nav-pills-icons .nav-link, .nav-pills.nav-pills-icons .nav-link.active {
    border-radius: 5px!important;
    padding-top: 12px;
    padding-bottom: 12px
}
.nav-pills.nav-pills-icons i {
    display: block;
    text-align: center;
    font-size: 2em;
    line-height: 50px
}
.nav-pills.nav-danger .nav-link, .nav-pills.nav-default .nav-link, .nav-pills.nav-info .nav-link, .nav-pills.nav-primary .nav-link, .nav-pills.nav-secondary .nav-link, .nav-pills.nav-success .nav-link, .nav-pills.nav-warning .nav-link {
    border: 1px solid #383838;
	background: #111;
	color:#fff;
}
.nav-pills.nav-danger .nav-link:hover, .nav-pills.nav-default .nav-link:hover, .nav-pills.nav-info .nav-link:hover, .nav-pills.nav-primary .nav-link:hover, .nav-pills.nav-secondary .nav-link:hover, .nav-pills.nav-success .nav-link:hover, .nav-pills.nav-warning .nav-link:hover {
    background: #545454;
}
.nav-pills.nav-danger .nav-link.active, .nav-pills.nav-default .nav-link.active, .nav-pills.nav-info .nav-link.active, .nav-pills.nav-primary .nav-link.active, .nav-pills.nav-secondary .nav-link.active, .nav-pills.nav-success .nav-link.active, .nav-pills.nav-warning .nav-link.active {
    color: #fff!important
}
.nav-pills.nav-default .nav-link.active {
    background: #1a2035;
    border: 1px solid #1a2035
}
.nav-pills.nav-primary .nav-link.active {
    background: #1572e8;
    border: 1px solid #1572e8
}
.nav-pills.nav-secondary .nav-link.active {
    background: #6861ce;
    border: 1px solid #6861ce
}
.nav-pills.nav-info .nav-link.active {
    background: #48abf7;
    border: 1px solid #48abf7
}
.nav-pills.nav-success .nav-link.active {
    background: #31ce36;
    border: 1px solid #31ce36
}
.nav-pills.nav-warning .nav-link.active {
    background: #ffad46;
    border: 1px solid #ffad46
}
.nav-pills.nav-danger .nav-link.active {
    background: #f25961;
    border: 1px solid #f25961
}
.nav-sm .nav-link {
    font-size: 11px!important;
    padding: 8px 16px!important
}

.slider-default .ui-slider-range {
    background: #1a2035
}
.slider-primary .ui-slider-range {
    background: #1572e8
}
.slider-secondary .ui-slider-range {
    background: #6861ce
}
.slider-info .ui-slider-range {
    background: #48abf7
}
.slider-success .ui-slider-range {
    background: #31ce36
}
.slider-warning .ui-slider-range {
    background: #ffad46
}
.slider-danger .ui-slider-range {
    background: #f25961
}
.modal .bg-danger .modal-title, .modal .bg-default .modal-title, .modal .bg-info .modal-title, .modal .bg-primary .modal-title, .modal .bg-secondary .modal-title, .modal .bg-success .modal-title, .modal .bg-warning .modal-title {
    color: #fff!important
}
.modal-content {
    border-radius: .4rem!important;
    border: 0!important
}
.activity-feed {
    padding: 15px;
    list-style: none
}
.activity-feed .feed-item {
    position: relative;
    padding-bottom: 20px;
    padding-left: 30px;
    border-left: 2px solid #e4e8eb
}
.activity-feed .feed-item:last-child {
    border-color: transparent
}
.activity-feed .feed-item::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -7px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #177dff
}

.activity-feed .feed-item .date {
    display: block;
    position: relative;
    top: -5px;
    color: #8c96a3;
    text-transform: uppercase;
    font-size: 13px
}
.activity-feed .feed-item .text {
    position: relative;
    top: -3px
}
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eee;
    left: 50%;
    margin-left: -1.5px
}
.timeline>li {
    margin-bottom: 20px;
    position: relative
}
.timeline>li:before {
    content: " ";
    display: table
}
.timeline>li:after {
    content: " ";
    display: table;
    clear: both
}
.timeline>li:before {
    content: " ";
    display: table
}
.timeline>li:after {
    content: " ";
    display: table;
    clear: both
}
.timeline>li>.timeline-panel {
    width: 50%;
    float: left;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 3px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 20px 1px rgba(69,65,78,.06);
    -moz-box-shadow: 0 1px 20px 1px rgba(69,65,78,.06);
    box-shadow: 0 1px 20px 1px rgba(69,65,78,.06)
}
.timeline>li.timeline-inverted+li:not(.timeline-inverted) {
    margin-top: -60px
}
.timeline>li:not(.timeline-inverted) {
    padding-right: 90px
}
.timeline>li:not(.timeline-inverted)+li.timeline-inverted {
    margin-top: -60px
}
.timeline>li.timeline-inverted {
    padding-left: 90px
}
.timeline>li.timeline-inverted>.timeline-panel {
    float: right
}
.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto
}
.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto
}
.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #eee;
    border-right: 0 solid #eee;
    border-bottom: 15px solid transparent;
    content: " "
}
.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " "
}
.timeline>li>.timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.8em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%
}
.timeline-badge.default {
    background-color: #1a2035!important
}
.timeline-badge.primary {
    background-color: #1572e8!important
}
.timeline-badge.secondary {
    background-color: #6861ce!important
}
.timeline-badge.success {
    background-color: #31ce36!important
}
.timeline-badge.warning {
    background-color: #ffad46!important
}
.timeline-badge.danger {
    background-color: #f25961!important
}
.timeline-badge.info {
    background-color: #48abf7!important
}
.timeline-title {
    font-size: 17px;
    margin-top: 0;
    color: inherit;
    font-weight: 400
}
.timeline-heading i {
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}
.timeline-body>p, .timeline-body>ul {
    margin-bottom: 0
}
.timeline-body>p+p {
    margin-top: 5px
}
.full-screen-maps {
    height: 100vh!important
}
.vmap {
    width: 100%;
    min-height: 265px
}
.vmap>svg {
    margin: auto;
    display: flex
}
.vmap>svg>g {
    transition: all ease-in-out .2s
}
.jqvmap-label, .jqvmap-pin {
    pointer-events: none
}
.jqvmap-label {
    position: absolute;
    display: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #292929;
    color: #fff;
    font-size: smaller;
    padding: 3px
}
.jqvmap-zoomin, .jqvmap-zoomout {
    position: absolute;
    left: 10px;
    border-radius: 13px;
    background: #35cd3a;
    padding: 6px 7px;
    color: #fff;
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    font-size: 15px
}
.jqvmap-zoomin {
    top: 15px
}
.jqvmap-zoomout {
    top: 45px
}
.jqvmap-region {
    cursor: pointer
}
.jqvmap-ajax_response {
    width: 100%;
    height: 500px
}
.list-group .list-group-header {
    font-size: 12px;
    font-weight: 600;
    padding: .75rem 1rem
}
.list-group .list-group-item {
    display: flex;
    align-items: stretch;
    border-width: 1px 0;
    border-color: #ebecec
}
.list-group .list-group-item-figure {
    align-self: start;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    color: #a9acb0
}
.list-group .list-group-item-body {
    flex: 1;
    min-width: 0;
    align-self: center;
    font-size: .875rem
}
.list-group .list-group-item-text {
    margin-bottom: 0;
    line-height: 1.25rem;
    color: #686f76
}
.list-group-file-item .list-group-item {
    padding: 0
}
.list-group-file-item .list-group-item-figure {
    padding: .75rem 1rem
}
.list-group-file-item .list-group-item-body {
    padding: .75rem 0
}
.list-group-bordered .list-group-item {
    border: 1px solid #e3ebf6
}
.list-group-bordered .list-group-item.active {
    background: #1572e8;
    border-color: #1572e8
}
.list-group-lg .list-group-item {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@keyframes spin {
from {
transform:rotate(0)
}
to {
transform:rotate(360deg)
}
}
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}
.ui-helper-hidden {
    display: none
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}
.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}
.ui-helper-clearfix:after {
    clear: both
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}
.ui-front {
    z-index: 100
}
.ui-state-disabled {
    cursor: default!important;
    pointer-events: none
}
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}
.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.ui-resizable {
    position: relative
}
.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}
.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
    display: none
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}
.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}
.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}
.ui-slider {
    position: relative;
    text-align: left;
    background: #ddd
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}
.ui-slider-horizontal {
    height: .4em
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.4em;
    margin-left: -.6em
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}
.ui-slider-vertical {
    width: .8em;
    height: 100px
}
.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}
.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
    top: 0
}
.ui-slider-handle {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #fff 0, #f7f7f7 100%);
    background: -o-linear-gradient(top, #fff 0, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #fff 0, #f7f7f7 100%);
    background: linear-gradient(to bottom, #fff 0, #f7f7f7 100%);
    border-radius: 50px;
    box-shadow: 0 1px 4px 0 #9191ab!important
}
.ui-slider-handle:focus {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #fff 0, #f7f7f7 100%);
    background: -o-linear-gradient(top, #fff 0, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #fff 0, #f7f7f7 100%);
    background: linear-gradient(to bottom, #fff 0, #f7f7f7 100%);
    border-radius: 50px;
    box-shadow: 0 1px 4px 0 #9191ab!important
}
.scroll-wrapper {
    overflow: hidden!important;
    padding: 0!important;
    position: relative
}
.scroll-wrapper>.scroll-content {
    border: none!important;
    box-sizing: content-box!important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none!important;
    overflow: scroll!important;
    padding: 0;
    position: relative!important;
    top: 0;
    width: auto!important
}
.scroll-wrapper>.scroll-content::-webkit-scrollbar {
height:0;
width:0
}
.scroll-element {
    display: none;
    box-sizing: content-box
}
.scroll-element div {
    box-sizing: content-box
}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}
.scroll-element .scroll-arrow, .scroll-element .scroll-bar {
    cursor: default
}
.scroll-textarea {
    border: 1px solid #ccc;
    border-top-color: #999
}
.scroll-textarea>.scroll-content {
    overflow: hidden!important
}
.scroll-textarea>.scroll-content>textarea {
    border: none!important;
    box-sizing: border-box;
    height: 100%!important;
    margin: 0;
    max-height: none!important;
    max-width: none!important;
    overflow: scroll!important;
    outline: 0;
    padding: 2px;
    position: relative!important;
    top: 0;
    width: 100%!important
}
.scrollbar-inner>.scroll-element .scroll-element_outer, .scrollbar-outer>.scroll-element .scroll-element_outer {
    overflow: hidden
}
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
height:0;
width:0
}
.scrollbar-inner>.scroll-element {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}
.scrollbar-inner>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}
.scrollbar-inner>.scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    width: 100%
}
.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}
.scrollbar-inner>.scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 7px
}
.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}
.scrollbar-inner>.scroll-element .scroll-bar, .scrollbar-inner>.scroll-element .scroll-element_outer, .scrollbar-inner>.scroll-element .scroll-element_track {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.scrollbar-inner>.scroll-element .scroll-bar {
    opacity: .4
}
.scrollbar-inner>.scroll-element .scroll-element_track {
    opacity: .4;
    background-color: #e0e0e0
}
.scrollbar-inner>.scroll-element .scroll-bar {
    background-color: #c2c2c2
}
.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar, .scrollbar-inner>.scroll-element:hover .scroll-bar {
    background-color: #919191
}
.scrollbar-outer>.scroll-element {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
    background-color: #fff
}
.scrollbar-outer>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}
.scrollbar-outer>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    width: 100%
}
.scrollbar-outer>.scroll-element.scroll-y {
    height: 100%;
    right: 0;
    top: 0;
    width: 12px
}
.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer {
    height: 7px;
    top: 2px
}
.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    width: 7px
}
.scrollbar-outer>.scroll-element .scroll-element_track {
    background-color: #eee
}
.scrollbar-outer>.scroll-element .scroll-bar, .scrollbar-outer>.scroll-element .scroll-element_outer, .scrollbar-outer>.scroll-element .scroll-element_track {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.scrollbar-outer>.scroll-element .scroll-bar {
    background-color: #d9d9d9
}
.scrollbar-outer>.scroll-element .scroll-bar:hover {
    background-color: #c2c2c2
}
.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191
}
.scrollbar-outer>.scroll-content.scroll-scrolly_visible {
    left: -12px;
    margin-left: 12px
}
.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -14px
}
.scrollbar-outer>.scroll-content.scroll-scrollx_visible {
    top: -12px;
    margin-top: 12px
}
.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -14px
}
.scrollbar-outer>.scroll-element.scroll-x .scroll-bar {
    min-width: 10px
}
.scrollbar-outer>.scroll-element.scroll-y .scroll-bar {
    min-height: 10px
}
.scrollbar-macosx>.scroll-element {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}
.scrollbar-macosx>.scroll-element div {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}
.scrollbar-macosx>.scroll-element .scroll-element_track {
    display: none
}
.scrollbar-macosx>.scroll-element .scroll-bar {
    background-color: #6c6e71;
    display: block;
    opacity: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    transition: opacity .2s linear
}
.scrollbar-macosx:hover>.scroll-element .scroll-bar {
    opacity: .7
}
.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {
    opacity: .7
}
.scrollbar-macosx>.scroll-element.scroll-x {
    bottom: 0;
    height: 0;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%
}
.scrollbar-macosx>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 0
}
.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px
}
.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 7px
}
.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
    left: 2px
}
.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}
.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
    top: 2px
}
.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}
.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}
.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}
.scrollbar-light>.scroll-element {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
    background-color: #fff
}
.scrollbar-light>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}
.scrollbar-light>.scroll-element .scroll-element_outer {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}
.scrollbar-light>.scroll-element .scroll-element_size {
    background: -moz-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #dbdbdb), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0, #e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0, #e8e8e8 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}
.scrollbar-light>.scroll-element.scroll-x {
    bottom: 0;
    height: 17px;
    left: 0;
    min-width: 100%;
    width: 100%
}
.scrollbar-light>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 17px
}
.scrollbar-light>.scroll-element .scroll-bar {
    background: -moz-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fefefe), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
    background: -o-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
    background: -ms-linear-gradient(left, #fefefe 0, #f5f5f5 100%);
    background: linear-gradient(to right, #fefefe 0, #f5f5f5 100%);
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}
.scrollbar-light>.scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px
}
.scrollbar-light>.scroll-content.scroll-scrollx_visible {
    top: -17px;
    margin-top: 17px
}
.scrollbar-light>.scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 0
}
.scrollbar-light>.scroll-element.scroll-y .scroll-bar {
    left: 0;
    min-height: 10px;
    width: 10px
}
.scrollbar-light>.scroll-element.scroll-x .scroll-element_outer {
    height: 12px;
    left: 2px;
    top: 2px
}
.scrollbar-light>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}
.scrollbar-light>.scroll-element.scroll-y .scroll-element_outer {
    left: 2px;
    top: 2px;
    width: 12px
}
.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px
}
.scrollbar-light>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}
.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px
}
.scrollbar-rail>.scroll-element {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
    background-color: #fff
}
.scrollbar-rail>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}
.scrollbar-rail>.scroll-element .scroll-element_size {
    background-color: #999;
    background-color: rgba(0,0,0,.3)
}
.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-element_size {
    background-color: #666;
    background-color: rgba(0,0,0,.5)
}
.scrollbar-rail>.scroll-element.scroll-x {
    bottom: 0;
    height: 12px;
    left: 0;
    min-width: 100%;
    padding: 3px 0 2px;
    width: 100%
}
.scrollbar-rail>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    padding: 0 2px 0 3px;
    right: 0;
    top: 0;
    width: 12px
}
.scrollbar-rail>.scroll-element .scroll-bar {
    background-color: #d0b9a0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5)
}
.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-bar {
    box-shadow: 1px 1px 3px rgba(0,0,0,.6)
}
.scrollbar-rail>.scroll-content.scroll-scrolly_visible {
    left: -17px;
    margin-left: 17px
}
.scrollbar-rail>.scroll-content.scroll-scrollx_visible {
    margin-top: 17px;
    top: -17px
}
.scrollbar-rail>.scroll-element.scroll-x .scroll-bar {
    height: 10px;
    min-width: 10px;
    top: 1px
}
.scrollbar-rail>.scroll-element.scroll-y .scroll-bar {
    left: 1px;
    min-height: 10px;
    width: 10px
}
.scrollbar-rail>.scroll-element.scroll-x .scroll-element_outer {
    height: 15px;
    left: 5px
}
.scrollbar-rail>.scroll-element.scroll-x .scroll-element_size {
    height: 2px;
    left: -10px;
    top: 5px
}
.scrollbar-rail>.scroll-element.scroll-y .scroll-element_outer {
    top: 5px;
    width: 15px
}
.scrollbar-rail>.scroll-element.scroll-y .scroll-element_size {
    left: 5px;
    top: -10px;
    width: 2px
}
.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -25px
}
.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -25px
}
.scrollbar-dynamic>.scroll-element {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}
.scrollbar-dynamic>.scroll-element div {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}
.scrollbar-dynamic>.scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%
}
.scrollbar-dynamic>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px
}
.scrollbar-dynamic>.scroll-element .scroll-element_outer {
    opacity: .3;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}
.scrollbar-dynamic>.scroll-element .scroll-element_size {
    background-color: #ccc;
    opacity: 0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    -ms-transition: opacity .2s;
    transition: opacity .2s
}
.scrollbar-dynamic>.scroll-element .scroll-bar {
    background-color: #6c6e71;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}
.scrollbar-dynamic>.scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto
}
.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px
}
.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -o-transition: height .2s;
    -ms-transition: height .2s;
    transition: height .2s
}
.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    -o-transition: width .2s;
    -ms-transition: width .2s;
    transition: width .2s
}
.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}
.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}
.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}
.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}
.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer, .scrollbar-dynamic>.scroll-element:hover .scroll-element_outer {
    overflow: hidden;
    opacity: .7
}
.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size, .scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size {
    opacity: 1
}
.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar, .scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}
.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer, .scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer {
    height: 20px;
    min-height: 7px
}
.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer, .scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer {
    min-width: 7px;
    width: 20px
}
.scrollbar-chrome>.scroll-element {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
    background-color: #fff
}
.scrollbar-chrome>.scroll-element div {
    border: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 10;
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}
.scrollbar-chrome>.scroll-element .scroll-element_track {
    background: #f1f1f1;
    border: 1px solid #dbdbdb
}
.scrollbar-chrome>.scroll-element.scroll-x {
    bottom: 0;
    height: 16px;
    left: 0;
    min-width: 100%;
    width: 100%
}
.scrollbar-chrome>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 16px
}
.scrollbar-chrome>.scroll-element .scroll-bar {
    background-color: #d9d9d9;
    border: 1px solid #bdbdbd;
    cursor: default;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.scrollbar-chrome>.scroll-element .scroll-bar:hover {
    background-color: #c2c2c2;
    border-color: #a9a9a9
}
.scrollbar-chrome>.scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191;
    border-color: #7e7e7e
}
.scrollbar-chrome>.scroll-content.scroll-scrolly_visible {
    left: -16px;
    margin-left: 16px
}
.scrollbar-chrome>.scroll-content.scroll-scrollx_visible {
    top: -16px;
    margin-top: 16px
}
.scrollbar-chrome>.scroll-element.scroll-x .scroll-bar {
    height: 5px;
    min-width: 10px;
    top: 3px
}
.scrollbar-chrome>.scroll-element.scroll-y .scroll-bar {
    left: 3px;
    min-height: 10px;
    width: 5px
}
.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_outer {
    border-left: 1px solid #dbdbdb
}
.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_track {
    height: 14px;
    left: -3px
}
.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_size {
    height: 14px;
    left: -4px
}
.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size, .scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -19px
}
.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_outer {
    border-top: 1px solid #dbdbdb
}
.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_track {
    top: -3px;
    width: 14px
}
.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_size {
    top: -4px;
    width: 14px
}
.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size, .scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -19px
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
.swal-footer {
    text-align: center!important;
    margin-bottom: 20px!important
}

@media screen and (max-width:576px) {
.row-card-no-pd [class*=col-] .card:before {
    width: calc(100% - 30px)!important;
    right: 15px!important;
    height: 1px!important
}
.row-card-no-pd [class*=col-]:first-child .card:before {
    display: none!important
}
}

@media screen and (min-width:991px) {
.main-panel.full-height>.content, .main-panel.full-height>.content-full {
    margin-top: 0
}
.main-panel.full-height .navbar-header {
    min-height: 62px
}
.logo-header {
    line-height: 47px
}
.toggle-nav-search {
    display: none
}
#search-nav {
    display: block!important
}
.sidebar .scroll-element {
    opacity: 0;
    transition: all .2s
}
.sidebar:hover .scroll-element {
    opacity: 1
}
}

@media screen and (max-width:991px) {

.sidebar {
    position: fixed;
    left: 0!important;
    right: 0;
    -webkit-transform: translate3d(-270px, 0, 0);
    -moz-transform: translate3d(-270px, 0, 0);
    -o-transform: translate3d(-270px, 0, 0);
    -ms-transform: translate3d(-270px, 0, 0);
    transform: translate3d(-270px, 0, 0)!important;
    transition: all .5s;
    margin-top: 0
}
.sidebar:before {
    background: 0 0
}
.nav_open .sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)!important;
    border-right: 1px solid #f1f1f1
}
.sidebar .sidebar-wrapper {
    padding-top: 0
}
.sidebar .sidebar-wrapper .sidebar-content {
    padding-top: 0!important
}
.sidebar .sidebar-wrapper .scroll-element.scroll-y {
    top: 0!important
}
.nav_open {
    overflow: hidden!important
}
.nav_open .wrapper {
    overflow-x: hidden
}
.nav_open .main-header, .nav_open .main-panel {
    -webkit-transform: translate3d(250px, 0, 0);
    -moz-transform: translate3d(250px, 0, 0);
    -o-transform: translate3d(250px, 0, 0);
    -ms-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0)!important
}
.quick_sidebar_open .quick-sidebar {
    width: 350px
}
.main-header {
    transition: all .5s
}
#search-nav {
    margin: 0 auto!important
}
.main-panel {
    width: 100%;
    transition: all .5s
}
.main-panel .page-header .dropdown-menu:after {
    right: 16px!important
}
.page-inner {
    padding: 5px;
    margin-right: auto;
    margin-left: auto
}
.page-sidebar {
    background: #fff
}
.logo-header {
    display: flex;
    width: 100%!important;
    text-align: left;
    position: relative;
    padding-left: 15px;
    padding-right: 15px
}
.logo-header .logo {
    position: absolute;
    left: 50%;
	top:0;
    transform: translateX(-50%)
}
.logo-header .navbar-toggler {
    height: 100%;
    margin-left: 0!important;
    opacity: 1;
    display: block;
    order: 1
}
.logo-header .more {
    opacity: 1;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 56px;
    order: 3;
    width: unset;
    margin-left: auto
}
.logo-header .navbar-brand {
    position: unset!important;
    margin-right: 0
}
.nav-search {
    width: 100%;
    margin-right: 0!important
}
.navbar-header {
    position: absolute;
    width: 100%;
    transform: translate3d(0, -250px, 0)!important;
    transition: all .5s;
	background: rgb(18, 105, 219) !important;
}
.topbar_open .navbar-header {
    transform: translate3d(0, 61px, 0)!important;
    padding: 6px
}
.topbar_open .navbar-header .navbar-nav>.nav-item .nav-link i {
    font-size: 19px
}
.topbar_open .navbar-header .navbar-nav>.nav-item:last-child .nav-link {
    padding: 0!important
}
.topbar_open .navbar-header .navbar-nav>.nav-item:last-child .quick-sidebar-toggler {
    padding-left: 5px!important
}
.topbar_open .toggle-nav-search {
    display: list-item
}
.topbar_open #search-nav {
    text-align: center;
    width: 100%;
    padding: 10px 15px 0;
    order: 1
}
.topbar_open .main-panel {
    transform: translate3d(0, 62px, 0)!important
}
.topbar_open>.content {
    margin-top: 0!important
}
.nav_open.topbar_open .main-panel {
    transform: translate3d(250px, 60px, 0)!important
}
.navbar-header .navbar-nav {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    margin-left: 0!important;
    position: relative
}
.navbar-header .navbar-nav .dropdown {
    position: unset
}
.navbar-header .navbar-nav .dropdown-menu {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 280px
}
.profile-pic span {
    display: none
}
.nav-toggle {
    display: none
}
.main-panel .page-header .page-title {
    font-size: 22px;
}
.card .card-title {
    font-size: 18px
}
.mail-wrapper .mail-option .email-filters-left {
    width: 50%
}
.mail-wrapper .mail-option .email-filters-left .btn-group {
    margin-bottom: 10px
}
.dropzone {
    padding: 20px 15px!important
}
.dropzone .dz-message .message {
    font-size: 23px
}
.dropzone .dz-message .note {
    font-size: 15px
}
}

@media screen and (min-width:856px) {
.mail-wrapper .aside-nav {
    display: block!important
}
}

@media screen and (max-width:856px) {
.mail-wrapper {
    flex-direction: column
}
.mail-wrapper .page-aside {
    width: 100%;
    height: unset;
    min-height: unset;
    border-bottom: 1px solid #eee;
    border-left: 0;
    border-right: 0;
    background: 0 0;
    padding-top: 0;
    padding-bottom: 0
}
.mail-wrapper .page-aside .aside-header {
    padding-top: 25px;
    padding-bottom: 25px;
    background: #f1f1f1
}
.mail-wrapper .page-aside .aside-nav {
    background: #fff;
    padding-top: 15px;
    padding-bottom: 15px
}
.mail-wrapper .mail-content {
    width: 100%
}
.mail-wrapper .mail-content .inbox-head {
    flex-direction: column;
    align-items: left
}
.mail-wrapper .mail-content .inbox-head h3 {
    font-size: 18px
}
.mail-wrapper .mail-content .inbox-head form {
    margin-left: 0!important;
    margin-top: 15px
}
.mail-wrapper .mail-content .email-head h3 {
    font-size: 18px
}
.mail-wrapper .mail-content .email-compose-fields {
    padding: 20px 15px
}
.mail-wrapper .mail-option {
    flex-direction: column
}
.mail-wrapper .mail-option .email-filters-left {
    width: 100%;
    margin-bottom: 10px
}
.mail-wrapper .toggle-email-nav {
    display: inline-block!important
}
.mail-wrapper .table-inbox tr td .badge {
    margin-top: 5px;
    float: left
}
}

@media screen and (max-width:767px) {
.wizard-container {
    margin-left: 15px;
    margin-right: 15px
}
.main-panel .page-header {
    flex-direction: column;
    align-items: normal;
    position: relative;
    justify-content: center
}
.main-panel .page-header .breadcrumbs {
    margin-left: 0;
    padding-top: 0;
    padding-left: 5px;
    padding-bottom: 0;
    border-left: 0
}
.main-panel .page-header .btn-group-page-header {
    position: absolute;
    right: 0
}
.footer .container-fluid {
    flex-direction: column
}
.footer .container-fluid .copyright {
    margin-left: 0!important;
    margin-top: 5px;
    margin-bottom: 10px
}
.main-panel>.content{min-height: calc(100% - 132px);}

}

@media screen and (max-width:576px) {
#chart-container {
    min-height: 250px
}

#calendar .fc-toolbar {
    display: flex;
    flex-direction: column
}
#calendar .fc-toolbar .fc-center, #calendar .fc-toolbar .fc-left, #calendar .fc-toolbar .fc-right {
    margin: auto;
    margin-bottom: 15px
}
#calendar .fc-toolbar .fc-left {
    order: 1
}
#calendar .fc-toolbar .fc-right {
    order: 3
}
#calendar .fc-toolbar .fc-center {
    order: 2
}
.conversations .conversations-body {
    padding: 1.5rem 1rem
}


@media screen and (max-width:350px) {
.quick_sidebar_open .quick-sidebar {
    width: 100%;
    padding: 20px
}
.main-panel>.content{min-height: calc(100% - 154px);}
}

}
body {
    background: #ededed
}

.bg-dark {
    background-color: #1a2035!important
}
.bg-dark2 {
    background-color: #1f283e!important
}
.bg-primary {
    background-color: #014099!important
}
.bg-primary2 {
    background-color: #a9c72f!important
}
.bg-secondary {
    background-color: #6861ce!important
}
.bg-secondary2 {
    background-color: #5c55bf!important
}
.bg-info {
    background-color: #48abf7!important
}
.bg-info2 {
    background-color: #3697e1!important
}
.bg-success {
    background-color: #38c653!important
}
.bg-success2 {
    background-color: #2bb930!important
}
.bg-warning {
    background-color: #ffad46!important
}
.bg-warning2 {
    background-color: #ff9e27!important
}
.bg-warning3 {
    background-color: #ffe7c4!important
}
.bg-danger {
    background-color: #f25961!important
}
.bg-danger2 {
    background-color: #ea4d56!important
}
.bg-grey1 {
    background: #f9fbfd!important
}
.bg-grey2 {
    background: #f5f5f5
}
.bg-pink{background:#fab3ff;}
.bg-lightinfo{background:#eff9f9}
.bg-brown{background:#987342}
.bg-lightgreen{background:#e1f575}
.bg-lightgreen2{background:#a0ea00}
.bg-maroon{background:#9e2a2b}
.bg-bluegreen{background:#158774}
.bg-pinkpurple{background:#985f99}
.bg-darkpurple{background:#4f5d75}
.bg-skyblue{background:#2ec4b6}
.bg-olive{background:#b5b682}
.bg-orange{background:#ff4800}
.bg-yellow{background:#fcca00}

.bg-dark-gradient {
    background: #1f283e!important;
    background: -webkit-linear-gradient(legacy-direction(-45deg), #0a0b11, #1f283e)!important;
    background: linear-gradient(-45deg, #0a0b11, #1f283e)!important
}
.bg-primary-gradient {
    background: #1572e8!important;
    background: -webkit-linear-gradient(legacy-direction(-45deg), #06418e, #1572e8)!important;
    background: linear-gradient(-45deg, #06418e, #1572e8)!important
}
.bg-secondary-gradient {
    background: #6861ce!important;
    background: -webkit-linear-gradient(legacy-direction(-45deg), #2a20ac, #6861ce)!important;
    background: linear-gradient(-45deg, #2a20ac, #6861ce)!important
}
.bg-info-gradient {
    background: #48abf7!important;
    background: -webkit-linear-gradient(legacy-direction(-45deg), #0a5a97, #48abf7)!important;
    background: linear-gradient(-45deg, #0a5a97, #48abf7)!important
}
.bg-success-gradient {
    background: #31ce36!important;
    background: -webkit-linear-gradient(legacy-direction(-45deg), #179d08, #31ce36)!important;
    background: linear-gradient(-45deg, #179d08, #31ce36)!important
}
.bg-warning-gradient {
    background: #ffad46!important;
    background: -webkit-linear-gradient(legacy-direction(-45deg), #e1810b, #ffad46)!important;
    background: linear-gradient(-45deg, #e1810b, #ffad46)!important
}
.bg-danger-gradient {
    background: #f25961!important;
    background: -webkit-linear-gradient(legacy-direction(-45deg), #e80a15, #f25961)!important;
    background: linear-gradient(-45deg, #e80a15, #f25961)!important
}

/*clock*/
.clock { margin:0 auto; padding:0 0 0 20px; border-left:1px solid #5a9ad6; margin-left:20px; color:#3c9beb;}
#Date { font-family:'BebasNeueRegular', Arial, Helvetica, sans-serif; font-size:15px; text-align:center;  color:#414141 }
.clock ul { margin:0 auto; padding:0px; list-style:none; text-align:center; }
.clock ul li { display:inline; font-size:1.2em; text-align:center; font-weight: bold; }
.point { position:relative; -moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite; padding-left:5px; padding-right:5px; }

@-webkit-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}

@-moz-keyframes mymove 
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }	
}

/*輪播訊息*/
.newsticker{ background:url("../img/newstickerbg.png") no-repeat #ffe7c4; border-top:1px solid #ffbd8e;border-bottom:1px solid #ffbd8e;overflow: hidden;}
.isteColor{
    color: #cd2147;
  }
  .isteColor:hover{
    color: #353A40;
  }
ul.newsline {
  list-style-type: none;
  position: relative;
  margin:0 0 1px 20px;
}
ul.newsline > li {
  margin: 0;
  padding-left: 5px;
}
ul.newsline > li a{color:#313131;}

/*垂直輪播*/
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100% 0);
}
.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0,-100%, 0);
        transform: translate3d(0,-100%, 0);
}
.list-group-item {
    padding: .35rem;
	color: rgba(95,95,95,1.00);
}
/*公告欄*/
.newslist .list-group-item span{width:calc(100% - 150px)}
.newslist .list-group-item small{
	color: #666666;
	font-size: 13px;
	min-width:220px;
}
.news{
	-webkit-box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1);
    -moz-box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1);
    box-shadow: 2px 6px 15px 0 rgba(69,65,78,.1);
	border-radius: 0 0 5px 5px;
}
.tabGroup .img-thumbnail{max-height: 175px;}
.tabGroup h2{font-size: 1.8em; margin:0;}
/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
	margin-left:2em;
	margin-right:2em;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}

.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url("../fonts/slick/fonts/slick.eot");
    src: url("../fonts/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick/fonts/slick.woff") format("woff"), url("../fonts/slick/fonts/slick.ttf") format("truetype"), url("../fonts/slick/fonts/slick.svg#slick") format("svg");
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 1;
    opacity: .75;
    color: rgba(0,103,198,.9);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -40px;
}
[dir='rtl'] .slick-prev
{
    right: -40px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -40px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -40px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/*行事曆*/
.calendar{
	width:100%;
	min-height:350px;
	background:#fff;
	text-align: center;
}

.calendar .title{border-bottom: 1px solid #e6e6e6; padding:.2em .5em; vertical-align: middle;}
.calendar .title h2{font-size: 22px; display: inline-block; margin:5px 20px; color: #5d5d5d; }
.calendar .title .prev, .calendar .title .next{color:#a8a8a8; font-size: 22px;}
.calendar .title .prev:hover, .calendar .title .next:hover{font-size:24px; color:#848484;}
.calendar table{width:100%;background: #fff;}
.calendar th{width:14.28571428%;}
.calendar .title th, .calendar .title td{padding:0; border:0;}
.calendar .body th{color:#fff; background-color: #979797}
.calendar .body td{ font-size:16px; padding:10px;border:1px solid #dfdfdf; position: relative;}
.calendar .btn-sm{padding:1px;}
.allinfo tr:not(:first-child){height: 50px;}
.allinfo td{ font-size: 13px!important; padding:2px!important; vertical-align: top!important;}
.allinfo th label{color:#fff!important;}
.calendar .today{ background-color:#fffbdc; }
.stroke{ bottom:0;left:0; line-height: 20px; width:100%; text-align: center;}
.stroke span {
    border-radius: 15px;
    display: inline-block;
    height: 15px;
    width: 15px;
}
.strokeinfo{font-size:15px;}
.strokeinfo span {
    border-radius: 15px;
    display: inline-block;
	margin-right:5px;
    height: 15px;
    width: 15px;
}
.strokeinfo .bg-white{border:1px solid #636363;}
.text-gray{color:#a8a8a8;}
.bg-lightdanger{background:#feefef}
.modal-footer {
    justify-content: center;
}
.custom-control{display:inline-block; width:auto;}
.page-page{margin-top:1em;}
.page-page p{margin-bottom:1em; text-indent:2em;}
.page-page pnop{margin-bottom:1em; text-indent:0;}
.page-page li{margin-top:5px;}
.carousel-caption {
    position: absolute;
    right: 0%;
    bottom: 0;
    left: 0%;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
	background:rgba(0,0,0,.2);
    text-align: center;
}
.carousel-caption p{margin-left:.5em; margin-right:.5em}
.carousel-indicators{bottom:0;}
.nolisttype{padding-left:0; list-style-type:none;}
.modal-header{padding:.6rem 1rem;}
.form-control-plaintext {
	margin-left:.5em;padding-top:.1rem;padding-bottom:.1rem;}

.form-inline .form-control{display:inline-block;width:auto;max-width: 100%;}
.table-popov{border:1px solid #13bcef;font-family: 'Microsoft JhengHei', 'Lato', sans-serif}
.table-popov th{white-space:nowrap;background-color:#00a0e9; color:#fff; border-bottom: 1px solid #9adbff;}
.table-popov th, .table-popov td{padding:5px 3px;text-align: left;font-weight: normal;}
.table-popov td{border-bottom:1px solid #9adbff;}
.table-popov2{border:1px solid #13bcef;font-family: 'Microsoft JhengHei', 'Lato', sans-serif}
.table-popov2 th{white-space:nowrap;background-color:#5abfee; color:#fff; border-right: 1px solid #9adbff;}
.table-popov2 th, .table-popov2 td{padding:5px 3px;text-align: left;font-weight: normal;}
.table-popov2 td{border-right:1px solid #9adbff;}
.popover{font-weight:400;line-height:1.2;max-width:400px;}
.popover-header{padding:.2rem .8rem;margin-bottom:0;font-size:1rem;color:#414141!important;}
.popover-body{padding:.5rem .75rem;color:#212529}

/*人員收合內容*/
.accordion-head i{
    font-size: 1.8em;
    float: right;
	color: #fff;
}
.accordion-head > .collapsed > i:before{
    content: "\f105";
}
.accordion-head h3{margin-bottom: 0; color: #fff; }
.accordion-head a:hover{text-decoration: none;}
.accordion-body{border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;padding:1em;}

.page-inner .carousel{max-width:800px;margin:0 auto;}
.link-black a{color:#393939!important}
.img-thumbnail{min-width: 60px;max-width:auto;min-height: 60px;max-height:400px;}
.text-sm th, .text-sm td{font-size:95%!important; padding:1.3em .2em;}
.text-sm{margin-bottom:0!important;}
.indexlink > div{text-align: center; margin:5px 18px;}

@media (max-width:575px) {
	.calendar .title h2{font-size: 22px;margin:5px 10px;}
	.calendar .body td{ padding:10px;}
	.nav-pills.flex-sm-column .nav-link {
    border: 1px solid #f8b854!important;
    background: #fffdee;
    padding: 10px;
	border-radius: 30px!important;
	text-align:center;
	margin-top:3px;
	margin-left:5px;
	margin-bottom:3px;
	}
	.stroke{bottom:-5px;}
	.indexlink > div{margin:5px;}
}

/*swipe tabs*/
.swichtab-controller {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
}

.swichtab-controller > li {
  flex: 1 1 auto;
  
}

.swichtab-controller > li:first-child {
  border-width: 1px;
}

.swichtab-controller > li > a {
  display: flex;
  padding:.5em .1em;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  color: #fff;
  background-color:#141414;
  border: #383838 1px solid;
  text-decoration: none;
}

.swichtab-controller > li.is-active > a {
  background: #1572e8;
  border: #1572e8 1px solid;
  color: #fff;
}

.swichtab-panel {
  display: none;
	min-height: 310px;
}
.perboard .row{min-height: 310px;}

/*treeview*/
ul.checktree{
  list-style-type: none;
  margin: 3px;
  padding-left:0;
}
ul.checktree ul{
	list-style-type: none;
	padding-left:20px;
}
ul.checktree label{min-width:auto;}
ul.checktree li:before {
  height: 1em;
  width: 12px;
  border-bottom: 1px dashed;
  content: "";
  display: inline-block;
  top: -0.3em;
  margin-bottom:5px;
}
ul.checktree li input{margin:1px;}

ul.checktree li { border-left: 1px dashed; }
ul.checktree li:last-child:before { border-left: 1px dashed; }
ul.checktree li.topli:before{border:0!important;}
ul.checktree li.topli i{text-indent: -5px;}
ul.checktree li:last-child { border-left: none; }
ul.checktree h4{margin-bottom:0}
.modal-content .card-body{padding:.75em .2em;}
.album .no-gutters {
    margin-right: 5px;
    margin-left: 5px;
}
.album .no-gutters>.col, .album .no-gutters>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.album .card{margin-bottom:8px;}
.album .card a{background:#6e6e6e; text-align: center;}
.album .card img{max-height:180px; min-height:180px; margin:auto; text-align:center;}

input[type=date]{width:130px!important;}
.btn-group .btn{color:rgba(255,255,255,1)!important; }
.btn-group .btn+.btn{margin-left:.2em;}
.btn-group .btn.active{
	font-size: 120%!important;  
	text-shadow: 0px 0px 3px rgba(40,40,40,.9); 
	font-weight: bold; 
	color:#fff!important;
	outline-color: #1cacff!important;
	outline-style: dashed!important;
	outline-width: .3rem !important}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #2b99ed;
    border-color: #2391e6;
}
.carousel-item img{margin:0 auto;max-width: 100%;max-height: 480px; }
.carousel-inner{max-height: 480px;background:#404040;}
/*首頁三格寬度*/
.threebox > .col-md{min-width:220px;}
.threebox .carousel-item{background:#404040;}
.threebox .carousel-item img{max-height: 190px;width:auto!important;margin:0 auto;}

@media (min-width: 1025px){
.form-inline label {
    min-width:180px;
	justify-content: flex-end;
}
.form-check label{min-width:auto!important;}
.form-radio label{min-width:auto!important;}
.checkbox label{min-width:auto!important;}
.checkbox label:before{margin-right: 3px;}
.checkbox{margin:0!important;}
.radio label{min-width:auto!important;}
.custom-radio label, .custom-control-label{min-width:auto!important;}
ul.checktree label{display:inline-flex;}
.page-page p{text-align: justify;}
}
textarea.form-control {
    width:100%!important;
}

@media (max-width: 767px){
	.nav.nav-tabs .nav-link {
    border: 2px solid #014099!important;
    background: #fff;
    padding: 4px 6px;
    border-radius: 30px!important;
    text-align: center;
    margin-top: 3px;
    margin-left: 4px;
    margin-bottom: 3px;
}
	.nav-link.active{
    background: #014099!important;
		color: #fff!important;
	}
	.nav-tabs {
    border-bottom: 0;
		margin-bottom:6px;
}
	.tab-pane .nav.nav-tabs .nav-link {
    border: 2px solid #48abf7!important;
    background: #fff;
    padding: 4px 6px;
    border-radius: 30px!important;
    text-align: center;
    margin-top: 3px;
    margin-left: 4px;
    margin-bottom: 3px;
}
	.tab-pane .nav-link.active{
    background: #48abf7!important;
		color: #fff!important;
	}
	
}
@media (min-width: 768px) and (max-width: 991px){
.modal-dialog {
    max-width: 700px;}
.threebox img{max-height: 280px;width:auto!important;margin:0 auto;}
}

@media (min-width: 992px){
	.modal-lg, .modal-xl {
    	max-width: 850px;
	}
	.login-bg .container {
	  width: 440px!important;
	  margin-left: -220px!important;
	}

	.login-widget {
	  width: 400px!important;
	}
}
@media (min-width: 1200px){
	.modal-xl {
		max-width: 1140px;
	}
}
@media (min-width: 1600px){
	.modal-xl {
		max-width: 1540px;
	}
}

@media (max-width: 1024px){
	.boxfb{
		display: none;
	}
}

.card, .tab-content{margin-bottom:.5em; box-shadow: 0 0 .8rem rgba(0,0,0,.15)!important;border:0;}
.tab-content .card{box-shadow: none!important;border:1px solid rgba(0,0,0,.125);}
.tab-content .card-body{padding: .75rem;}
#accordion .card .table th{background-color:#949494;}
.perboard > .row > .border-right{border-right:2px solid #cecece; box-shadow:0 1px 1px 1px rgba(255,255,255,.1);}
.text-sm a{color:#575962; text-decoration:none;}
.text-sm a:hover{color:#393b43; text-decoration:none;}

.flash{
  animation:example 0.5s linear infinite; /*IE*/
  -moz-animation:example 0.5s linear infinite; /*FireFox*/
  -webkit-animation:example 0.5s linear infinite; /*Chrome, Safari*/
}
@keyframes example {
  from {background-color: red;}
  to {background-color: #ffa200;}
}
.flashline{
	outline: 2px solid red;
  animation:example2 0.5s linear infinite; /*IE*/
  -moz-animation:example2 0.5s linear infinite; /*FireFox*/
  -webkit-animation:example2 0.5s linear infinite; /*Chrome, Safari*/
}
@keyframes example2 {
  from {outline-color: red;}
  to {outline-color: #ffa200;}
}
.number-spinner{border:1px solid #bdbebe; border-radius: 5px;width:120px!important;margin: 0 auto;}
.number-spinner input{border:0;}
.number-spinner i{color:#6a6a6a; }

/*搜尋條件按鍵*/
.mapserch h3{font-size:1.1em;}
.mapserch h3 a{font-size:.85em;margin-right:5px;}
.text-btn.blue.selected {
    background-color: #107A7A;
    border: 2px solid #1ba7a7;
}
.mnb {
	position: relative;
	padding-right:12px;
	margin-right:5px;
	/*margin-top:8px;*/
}

.mnb span {
    position: absolute;
	font-family: Arial, "sans-serif";
    color: #fff;
    font-size: .9rem;
    width: 22px;
    height: 22px;
    background-color: #FF304A;
    border-radius: 100%;
    line-height: 1.6;
    top: -6px;
	right:-8px;
	z-index: 1;
	
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #014099;
    border-color: #014099;
}
.btn-light {
    background-color: #fff !important;
    border-color: #ced4da;
    color: #505050;
    padding: .2rem .5rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*登入頁*/
.login-bg {
  background: url("../img/loginbg.png") no-repeat fixed right #fbfbfb;
  background-size: cover;
}
.login-bg2 {
  background: url("../img/loginbg2.png") no-repeat fixed right #fbfbfb;
  background-size: cover;
}
.login-bg .container {
  width: 380px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -250px;
  margin-left: -190px;
  color: #474951
}
.login-bg2 .container{
	margin-top:-300px;
}
.login-bg .toplogo {
  background: rgba(255, 255, 255, 1);
	border-radius: 10px 10px 0 0;
}
.login-bg .toplogo img {
  margin: 10px 0;
	max-width: 326px;
	width:100%;
}
.login-bg .toplogo h1 {
  font-size: 1.6em;
  color: #fff;
  background: #ea9344;
  padding: 10px;
}
.btn-line {
  border: 2px solid rgba(255, 255, 255, .8);
  background-color: transparent;
  color: #fff
}
.btn-line:hover {
  background: #ff6903;
  color: #fff;
}
.login-bg .btn-line {
  font-size: 1.4rem;
  padding: .6rem 1.2rem;
}
.login-widget {
  background-color: rgba(255, 255, 255, .6);
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 1px 1px 5px 1px rgba(10, 10, 10, .2);
	border-radius: 10px;
}
.login-widget h3 {
  font-size: 1.6em;
  margin-top: .5em;
  padding-bottom: .4em;
  border-bottom: 2px dashed #f7d1b8;
  color: #ed7d31;
}
.login-widget p {
  margin: .4em 0;
}
.login-widget .form-control {
  height: auto;
  padding: 6px 20px;
  font-size: 16px;
  background-color: rgba(255, 255, 255, .8);
  border: 0;
}
.login-widget .btn-warning {
  background: #fc8e00 !important;
  border-color: #fc8e00 !important;
}
.login-widget .btn {
  padding: 8px 30px !important;
  font-size: 18px;
}
.login-widget a {
  color: #474951
}
.login-widget .form-check-label {
  color: #474951 !important;
}
.login-form {
  padding: 20px 30px;
}
.login-form .spansy1 {
  margin-top: 10px;
  margin-left: 5px;
  text-align: left;
}
.login-form .input-group {
  margin-bottom: 8px;
}
.login-form .input-group-prepend span {
  padding: 10px;
  margin-right: 10px;
  font-size: 1.3em;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li > a, .pagination > li > span {
  border-radius: 100px !important;
  margin: 0 2px;
  color: #777;
  border-color: #ddd
}
.pagination.pg-default > li.active:first-child > a, .pagination.pg-default > li.active:first-child > span, .pagination.pg-default > li.active:last-child > a, .pagination.pg-default > li.active:last-child > span, .pagination.pg-default > li.active > a, .pagination.pg-default > li.active > span {
  background: #1a2035;
  border-color: #1a2035;
  color: #fff
}
.pagination.pg-primary > li.active:first-child > a, .pagination.pg-primary > li.active:first-child > span, .pagination.pg-primary > li.active:last-child > a, .pagination.pg-primary > li.active:last-child > span, .pagination.pg-primary > li.active > a, .pagination.pg-primary > li.active > span {
  background: #1572e8;
  border-color: #1572e8;
  color: #fff
}

.ymd .form-control{width:138px!important;}
.clock .form-control{width:80px!important;}


.dropdown-menu {
	min-width: 5rem;
	background-color:#fff;
	border: 1px solid #bfbfbf;
	padding:0;
}
.dropdown-item {
    padding: .55rem 1.5rem;
	border-bottom: 1px solid #bfbfbf;
    color: #2F2F2F;
}
.dropdown-item:hover{
	background-color: #23358e;color: #fff;
}
.dropdown-item:last-child{border-bottom: 0!important;}
/*tab*/
.nav-tabs .nav-link {
  border: 0;
  font-size: 1rem;
    margin: 0 5px 0 0;
    border-radius: 5px;
    background: #fff;
    color: #014099;
    opacity: 0.7;
}
.nav-tabs .nav-link:hover{
	 opacity: 1;
}
.nav-tabs a.nav-link {
  color: #808080;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  border-top: #014099 5px solid;
  border-left: #dee2e6 1px solid;
  border-right: #dee2e6 1px solid;
	border-radius: 0;
	opacity: 1;
	color: #014099;
}
/*第二層*/
.tab-pane .nav-tabs .nav-item.show .nav-link, .tab-pane .nav-tabs .nav-link.active {
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important;
	border-bottom: 4px solid !important;
	color: #48abf7;
    background-color: transparent;
    border-color: transparent transparent #48abf7;
    font-weight: bold;
}
.tab-pane .nav-tabs .nav-link {
	border-top: 0;
    border-left: 0;
    border-right: 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #484848;
	opacity: 1;
}
.tab-content .tab-content{
	box-shadow:none!important;
}

.no-w{
	min-width:auto!important;
}

select{min-width:167.19px;}
.collapse-btn{
	position:absolute;
	right:5px;
	top:4px;
}
.collapse-btn .btn{padding:.05rem .5rem;margin-left:2px;margin-right:2px;}
.table-sm td{background:#fff;padding:2px;}
td .fa-2x {
    font-size: 1.5em;
}
.dropdown-header {
    padding: .35rem 1.5rem;
	font-size: 1rem;}
input{
	color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.otherlogin{margin-top:20px;}
.otherlogin .btn{
	border-radius:0;
	border:1px solid #fff!important;
	font-size:17px;
	padding: 8px 10px;
}
.otherlogin .col-6:first-child .btn{
	border-right:0!important;
}
/*案件數據*/

.border-left-primary {
    border-left: .25rem solid #009ddf!important;
}
.border-left-warning {
    border-left: .25rem solid #ff851b!important;
}
.border-left-success {
    border-left: .25rem solid #3d9970!important;
}
.border-left-secondary {
    border-left: .25rem solid #605ca8!important;
}
.useliccase img{
	width:60px;
	height: auto;
}
/*timeline*/
.timeline-centered {
  position: relative;
  margin-bottom: 10px;
  margin-left:20px;
  color: #737677;
	
}
.timeline-centered:before, .timeline-centered:after {
  content: " ";
  display: table;
}
.timeline-centered:after {
  clear: both;
}
.timeline-centered:before, .timeline-centered:after {
  content: " ";
  display: table;
}
.timeline-centered:after {
  clear: both;
}
.timeline-centered:before {
  content: '';
  position: absolute;
  display: block;
  width: 4px;
  background: #e3e3e4;
  left: 10%;
  top: 20px;
  bottom: 20px;
  margin-left: -4px;
}
.timeline-centered .timeline-entry {
  position: relative;
  width: 90%;
  float: right;
  margin-bottom: 20px;
  clear: both;
}
.timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
  content: " ";
  display: table;
}
.timeline-centered .timeline-entry:after {
  clear: both;
}
.timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
  content: " ";
  display: table;
}
.timeline-centered .timeline-entry:after {
  clear: both;
}
.timeline-centered .timeline-entry.begin {
  margin-bottom: 0;
}
.timeline-centered .timeline-entry .timeline-entry-inner {
  position: relative;
  margin-left: -22px;
}
.timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
  content: " ";
  display: table;
}
.timeline-centered .timeline-entry .timeline-entry-inner:after {
  clear: both;
}
.timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
  content: " ";
  display: table;
}
.timeline-centered .timeline-entry .timeline-entry-inner:after {
  clear: both;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
  position: absolute;
  top: 6px;
  left: -80px;
  text-align: right;
  padding: 0px;
  font-size: 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	z-index: 1
}
@media screen and (max-width: 780px) {
  .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
    position: absolute;
    left: 110px;
  }
  .timeline-centered .timeline-entry {
    width: 90%;
  }
  .timeline-centered:before {
    left: 10%;
  }
  .con_list {
    padding: 0;
  }
  .download .col-sm-4 {
  margin-bottom: 10px;
}
  .box-histroy .box-body{padding-left:0;padding-right: 0;}

	.info1 .form-control-static {
    display: block!important;
}

}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
  display: block;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
  font-size: 15px;
  font-weight: bold;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
  font-size: 13px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
  color: #fff;
  display: block;
  width: 40px;
  height: 40px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  -moz-box-shadow: 0 0 0 5px #e3e3e4;
  -webkit-box-shadow: 0 0 0 5px #e3e3e4;
  box-shadow: 0 0 0 5px #e3e3e4;
  line-height: 40px;
  font-size: 15px;
  float: left;
}
.timeline-icon img {
  width: 25px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
  margin-top: -2px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
  background-color: #0663ab;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
  background-color: #ffb400;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-gray1 {
  background-color: #a0a0a0;
  color: #fff;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
  position: relative;
  padding: 5px;
  margin-left: 45px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
  margin: 0;
  line-height: 1.428571429;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
  margin-top: 15px;
}
.timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.icon-sm {
  margin-left: -12px !important;
}
.icon-sm .timeline-icon {
  width: 6px !important;
    height: 6px !important;
    margin-left: 6px;
    margin-top: 6px;
}
.icon-sm p {
  margin-left: 22px;
  padding: 0;
  margin-top: -2px;
  margin:-2px 0 5px 5px;
}

.icon-sm p span {
  margin-left:5px;
  margin-right: 8px;
}
.style8 div{width:280px;text-align: center;}
.style8 img{width:100%;border:1px solid #111;}

/*權限設定*/
.card.authority{box-shadow: none!important;border-radius: 5px;border:1px solid #a6a6a6;}
.authority .card-header{padding:.6rem;background-color:#87939a; text-align: center;}
.authority .card-header h4{line-height: 18px;font-size: 1.2rem;}
.authority .card-header h4 a{display: block;position: relative;color:#fff;}
.collapse .table{background:#fff;margin-bottom: 0;}
.collapse .table-bordered{border:0;}
.authority .form-group{
	padding:.1rem .5rem;
	position: absolute;
	right:.5rem;
	top:.2rem;
}

.table-active, .table-active>td, .table-active>th {
    background-color: rgba(0,0,0,.05);
}
.table-responsive>.table-bordered{border-bottom:1px solid rgba(0,0,0,.05);}