@charset "UTF-8";.news-group .Jinfo-box .user-photoFrom .OUbox:before,.news-group .Jinfo-box .user-photoTo .OUbox:before {
    content: "\f0c0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit
}

.news-group .Jinfo-box .user-photoFrom .Userbox:before,.news-group .Jinfo-box .user-photoTo .Userbox:before {
    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit
}

.Photo_list .fa-circle {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes pulse {
    0% {
        transform: scale(.9);
        opacity: .7
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.9);
        opacity: .7
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.95);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.95);
        opacity: .7
    }
}

hr.one {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,.75),rgba(0,0,0,0))
}

hr.two {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(255,255,255,.3)
}

hr.three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999
}

hr.four {
    height: 10px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,.5)
}

hr.five {
    margin: 10px 0
}

hr.six {
    margin: 2px 0 5px 0;
    border-top: 1px solid #f1f1f1
}

hr.margin5 {
    margin: 5px 0
}

hr.seven {
    margin: 2px 0 5px 0;
    border-top: 1px solid #e2e2e2
}

hr.inForm {
    margin: 15px -11px;
    border: 0;
    border-top: 1px solid #e0dfdf;
    border-bottom: 1px solid #fefefe
}

hr.inForm::after,hr.inForm::before {
    display: block;
    content: "";
    clear: both
}

.box-shadow--gray {
    box-shadow: 0 4px 5px 0 #aaa
}

.box-shadow--silver {
    box-shadow: 0 4px 5px 0 #ddd
}

html {
    font-size: 100%;
    height: 100%
}

body {
    /*background-color: #2a2f3a;*/
	background-color: #edf0f0;
    color: #393a3c;
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    font-size: 16px;
    padding: 0!important;
    margin: 0!important;
    line-height: 1.5;
    font-style: normal;
    font-weight: 400;
    height: 100%
}

body.condense-menu .header-seperation {
    display: none
}

body.condense-menu .page-content {
    margin-left: 50px
}

body.condense-menu .footer-widget {
    display: none
}

body.condense-menu .scrollup {
    left: 34px
}

body.hide-top-content-header .header {
    width: auto
}

body.hide-top-content-header .header-quick-nav {
    display: none
}

body.hide-top-content-header .page-content .content {
    padding-top: 25px
}

body.hide-top-content-header .page-sidebar.mini .page-sidebar-wrapper>ul {
    padding: 0
}

body.hide-sidebar .header-seperation {
    display: none
}

body.hide-sidebar .page-sidebar {
    display: none
}

body.hide-sidebar .page-content {
    margin-left: 0
}

body.hide-sidebar .scrollup {
    left: 34px
}

body.boxed-layout {
    background-color: #f6f7f8
}

body.boxed-layout .header {
    width: inherit;
    padding-right: 30px!important
}

body.menu-non-fixed .page-sidebar {
    position: absolute
}

body.right-side-bar .page-content {
    margin-right: 250px;
    margin-left: 0
}

body.right-side-bar .page-content.condensed {
    margin-left: 0;
    margin-right: 50px
}

body.right-side-bar .page-sidebar {
    right: 0
}

body.right-side-bar .header .header-seperation {
    float: right
}

body.right-side-bar .footer-widget {
    right: 0
}

body.bottom-header .header {
    bottom: 0
}

body.bottom-header .page-content .content {
    padding-top: 25px;
    padding-bottom: 83px
}

body.open-menu-right-desktop .page-container {
    position: relative;
    left: -260px
}

body.open-menu-right-desktop .header {
    left: -260px
}

body.open-menu-right-desktop .fonter-widget {
    display: none
}

body.modal-open .page-container {
    position: inherit
}

body.modal-open .page-content {
    position: inherit
}

body.modal-open .chat-window-wrapper {
    display: none
}

.navbar,.navbar-inverse {
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0
}

.navbar .nav>li>.dropdown-menu::before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,.2);
    content: ""
}

.navbar .nav>li>.dropdown-menu::after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ""
}

.navbar .notifications {
    background-color: #1b1e24;
    display: block;
    float: left;
    left: 0;
    margin: 0 10px 0 0;
    padding-top: 5px;
    position: relative
}

.header-seperation {
    background-color: #fff
}

.header {
    -webkit-transition: -webkit-transform .3s ease,left .3s ease,right .3s ease;
    transition: transform .3s ease,left .3s ease,right .3s ease;
    padding: 0!important;
    margin: 0!important;
    position: fixed;
    width: 100%;
    z-index: 999;
    min-height: 60px;
    left: 0;
    -webkit-backface-visibility: hidden
}

.header .navbar-inner {
    background-image: none!important;
    background-color: #fff!important;
    width: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    display: table;
    height: 60px
}

.header .navbar-inner [class*=span] {
    min-height: 58px!important
}

.header .btn-navbar {
    background-color: #1f1f1f!important;
    margin-bottom: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 6px;
    background-image: none;
    box-shadow: none;
    color: #fff;
    border: 0
}

.header .btn-navbar:hover {
    text-decoration: none
}

.header .nav {
    display: block
}

.header .nav li.dropdown .dropdown-toggle i {
    color: #eff4f8!important
}

.header .nav li.dropdown.user .dropdown-toggle i {
    display: inline-block;
    margin-top: 5px;
    margin: 0;
    font-size: 16px;
    color: grey!important
}

.header .nav>li {
    margin: 0;
    padding: 0;
    text-align: center;
    display: inline-block;
    float: left
}

.header .nav>li.dropdown .dropdown-toggle {
    margin: 0
}

.header .nav>li.dropdown .dropdown-toggle i {
    font-size: 15.2px;
    margin-left: auto;
    margin-right: auto
}

.header .nav>li.dropdown .dropdown-toggle .badge {
    position: absolute;
    font-size: 10px!important;
    font-weight: 700;
    top: 0;
    right: 2px;
    text-align: center;
    background-color: #f35958;
    padding: 4px 6px;
    -webkit-border-radius: 12px!important;
    -moz-border-radius: 12px!important;
    border-radius: 12px!important;
    text-shadow: none!important;
    color: #fff
}

.header .nav>li.dropdown .active {
    background-color: #fff
}

.header .nav>li.dropdown.user .dropdown-toggle {
    padding: 8px 4px 7px 9px
}

.header .nav>li.dropdown.user .dropdown-toggle:hover {
    text-decoration: none
}

.header .nav>li.quicklinks i {
    display: inline-block;
    margin-top: 5px;
    margin: 0;
    font-size: 14px;
    color: #656565!important
}

.header .nav>li.quicklinks>a {
    padding: 4px 2px!important
}

.header .nav .h-seperate {
    height: 6px;
    width: 2px;
    margin: 0 10px 0 10px;
    border-left: 1px solid #e1e1e1;
    display: inline;
    position: relative;
    top: 2px
}

.header .nav .dropdown-menu {
    margin-top: 3px
}

.header .header-seperation {
    width: 250px;
    display: block;
    float: left;
    height: 60px
}

.header .header-seperation .notifcation-center {
    margin-right: 15px!important
}

.header .header-quick-nav {
    padding-right: 10px;
    -webkit-transition-duration: 1;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
    -webkit-transition-property: -webkit-transform,opacity;
    -moz-transition-property: -moz-transform,opacity;
    transition-property: transform,opacity
}

.header .header-quick-nav input {
    height: 12px!important
}

.header .notifcation-center {
    background-color: #fff;
    margin-top: 12px;
    margin-right: 15px!important;
    display: inline-flex;
    display: -ms-flexbox;
    direction: ltr
}

.header .notifcation-center li {
    min-width: 30px!important
}

.header .notifcation-center li a {
    padding: 10px!important;
    min-height: 17.5px
}

.header .notifcation-center li a i {
    font-size: 13px!important
}

.header a {
    text-decoration: none
}

.header .chat-toggler {
    position: relative;
    top: 10px;
    margin-right: 5px;
    display: inline-block;
    float: left;
    min-width: 163px
}

.header .chat-toggler .user-details {
    display: inline-block;
    float: left;
    line-height: 35px
}

.header .chat-toggler .user-details .username a {
    color: #1b1e24;
    font-size: 15.2px
}

.header .chat-toggler .user-details .company a {
    color: #8b8f92;
    font-weight: 400;
    text-align: right;
    font-size: 12px
}

.header .chat-toggler .iconset {
    display: inline-block;
    float: left;
    margin: 15px 10px
}

.header .chat-toggler .profile-pic {
    display: inline-block;
    border-radius: 100px 100px 100px 100px;
    display: inline-block;
    height: 35px;
    overflow: hidden;
    width: 35px;
    float: left
}

.header .chat-toggler a {
    color: #1b1e24;
    font-size: 15.2px;
    display: inline-block;
    float: left
}

.header .chat-toggler>i {
    color: grey;
    text-align: right;
    font-size: 20px;
    position: relative;
    padding: 8px;
    top: 8px
}

.header .chat-toggler .message-count {
    display: inline-block;
    float: left
}

.header .chat-toggler .message-count .badge {
    position: absolute;
    float: left;
    right: 0;
    top: 0
}

.header .chat-message-preview {
    border-left: 1px solid #e5e9ec;
    border-right: 1px solid #e5e9ec;
    padding: 4px 15px;
    margin-right: 12px
}

.header .chat-message-preview .user-details {
    display: inline-block;
    float: left
}

.header .chat-message-preview .user-details .username a {
    color: #22262e;
    font-weight: 600;
    text-align: right
}

.header .chat-message-preview .profile-pic {
    display: inline-block;
    border-radius: 100px 100px 100px 100px;
    display: inline-block;
    float: left;
    height: 35px;
    overflow: hidden;
    width: 35px;
    margin-left: 10px
}

.header .chat-message-preview a {
    color: #6f7b8a
}

.header .chat-message-preview .chat-message {
    color: #8b8f92;
    background-color: #e5e9ec;
    padding: 5px;
    font-size: 12px;
    border-radius: 3px
}

.header .quick-section {
    margin-left: 20px;
    margin-top: 16px;
    margin-right: 10px;
    display: inline-block;
    float: left;
    direction: ltr
}

.header .search-form {
    display: inline-block;
    float: left;
    margin-left: 25px!important;
    top: -4.5px;
    position: relative
}

.header .popover-title {
    border-bottom: 0;
    padding-top: 14px
}

.menu-title {
    /*color: #808285;*/
	color: #434748;
    font-size: 10.5px;
    padding-left: 31px;
    padding-right: 31px;
    padding-top: 25px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .2px
}

.menu-title a {
    color: #808285
}

.menu-title a:hover {
    text-decoration: none
}

.menu-title i {
    font-size: 10px;
    font-weight: 400
}

.page-sidebar {
    background-color: #2a2f3a!important;
    height: 100%;
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease
}

.page-sidebar .outer-tab-nav-section {
    display: inline-block;
    width: 45px;
    position: absolute;
    height: 100%;
    background-color: #6d5eac!important
}

.page-sidebar .inner-menu {
    display: inline-block;
    width: 200px
}

.page-sidebar .inner-menu ul {
    width: 200px
}

.page-sidebar .page-sidebar-wrapper {
    position: relative;
    overflow-y: auto
}

.page-sidebar .page-sidebar-wrapper>ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0
}

.page-sidebar .page-sidebar-wrapper>ul>li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0
}

.page-sidebar .page-sidebar-wrapper>ul>li>a {
    color: #8b91a0;
    display: block;
    position: relative;
    margin: 0;
    border: 0;
    padding: 11.5px 31px 11.5px 31px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400
}

.page-sidebar .page-sidebar-wrapper>ul>li>a.open {
    background: #313131
}

.page-sidebar .page-sidebar-wrapper>ul>li>a i {
    font-size: 14px;
    margin-right: 5px;
    text-shadow: none
}

.page-sidebar .page-sidebar-wrapper>ul>li>a>.arrow.open:before {
    float: right;
    margin-top: 1px;
    margin-right: 3px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow: none
}

.page-sidebar .page-sidebar-wrapper>ul>li:last-child>a {
    border-bottom: 1px solid transparent!important;
    border-bottom: 1px solid transparent!important
}

.page-sidebar .page-sidebar-wrapper>ul>li a i {
    color: #8b91a0;
    width: 20px;
    text-align: center;
    display: inline-block
}

.page-sidebar .page-sidebar-wrapper>ul>li.active>a {
    border-top-color: transparent!important;
    color: #fff;
    border: none;
    text-shadow: none
}

.page-sidebar .page-sidebar-wrapper>ul>li.active>a i {
    color: #fff
}

.page-sidebar .page-sidebar-wrapper>ul>li.active i {
    color: #fff
}

.page-sidebar .page-sidebar-wrapper>ul>li.active>ul.sub-menu {
    display: block
}

.page-sidebar .page-sidebar-wrapper>ul>li.active>ul.sub-menu>li ul.sub-menu {
    display: block
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0;
    background-color: #22262e;
    padding: 8px 0 10px 0
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li {
    background: 0 0;
    margin: 0;
    padding: 0;
    margin-top: 1px!important
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li>a {
    margin-left: 0;
    padding-left: 5px;
    display: block;
    margin: 0;
    padding: 5px 0;
    padding-left: 53px!important;
    color: #e1eaf1;
    text-decoration: none;
    text-shadow: 0 1px 1px #000;
    font-size: 13px;
    font-weight: 300;
    background: 0 0
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li>a:hover {
    background: #2a2f3a!important
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li:first-child>a {
    border-top: 0!important
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0;
    padding-left: 0
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li ul.sub-menu li {
    background: 0 0;
    margin: 0;
    padding: 0
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li>ul.sub-menu>li>a {
    margin-left: 70px
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a {
    padding-left: 80px
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li>a>.arrow:before {
    float: right;
    margin-top: 1px;
    margin-right: 20px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li>a>.arrow.open:before {
    float: right;
    margin-top: 1px;
    margin-right: 18px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow: none
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li>ul.sub-menu>li>a {
    display: block;
    padding: 5px 0;
    color: #ccc;
    text-decoration: none;
    text-shadow: 0 1px 1px #000;
    font-size: 13px;
    font-weight: 300
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li>ul.sub-menu>li>a>i {
    font-size: 13px
}

.page-sidebar .page-sidebar-wrapper>ul>li.start>a {
    border-top-color: transparent!important
}

.page-sidebar.mini {
    width: 50px;
    overflow: visible!important;
    background-color: #6d5eac!important;
    height: 100%;
    margin-top: 0;
    position: fixed;
    z-index: 90
}

.page-sidebar.mini .page-sidebar-wrapper>ul {
    width: 50px;
    padding: 60px 0 0
}

.page-sidebar.mini .page-sidebar-wrapper>ul>li>ul.sub-menu {
    position: absolute;
    margin-top: -46px;
    margin-left: 50px;
    width: auto;
    z-index: 110;
    min-width: 250px
}

.page-sidebar.mini .page-sidebar-wrapper>ul>li>a {
    padding: 13px;
    color: #fff
}

.page-sidebar.mini .page-sidebar-wrapper>ul>li a i {
    color: #fff
}

.page-sidebar.mini .page-sidebar-wrapper>p {
    display: none
}

.page-sidebar.mini .page-sidebar-wrapper>.side-bar-widgets {
    display: none
}

.page-sidebar.mini .slimScrollDiv {
    overflow: visible!important
}

.page-sidebar.mini .slimScrollDiv .page-sidebar-wrapper {
    overflow: visible!important
}

.page-sidebar.mini .user-info {
    display: none
}

.page-sidebar.mini .status-widget {
    display: none
}

.page-sidebar.mini .notification-alert {
    display: none
}

.page-sidebar.mini ul li span.title {
    display: none
}

.page-sidebar.mini ul li span.arrow {
    display: none
}

.page-sidebar.mini ul li span.badge {
    display: none
}

.page-sidebar.mini ul li ul li span.title {
    display: inline
}

.page-sidebar.mini ul li ul li span.arrow {
    display: inline
}

.page-sidebar.mini ul.big-items span.badge {
    display: inline-block
}

.page-sidebar.mini ul.small-items span.badge {
    display: inline-block
}

.page-sidebar.mini .profile-wrapper {
    display: none
}

.page-sidebar.mini .footer-widget {
    display: none
}

.page-sidebar ul.folders {
    list-style: none;
    margin: 0;
    padding: 0
}

.page-sidebar ul.folders>li {
    border: 0 none;
    display: block;
    margin: 0;
    padding: 0
}

.page-sidebar ul.folders>li>a {
    padding: 5px 31px;
    font-size: 13px;
    color: #fff;
    display: block;
    position: relative
}

.page-sidebar ul.folders>li>a:hover {
    text-decoration: none
}

.page-sidebar ul.folders>li>input {
    margin: 5px 31px;
    font-size: 13px;
    width: 150px
}

.page-sidebar ul>li>a>.arrow:before {
    float: right;
    margin-top: 1px;
    margin-right: 5px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none
}

.nav-collapse.collapse {
    height: 100%!important
}

.page-sidebar .page-sidebar-wrapper>ul>li.open>a,.page-sidebar .page-sidebar-wrapper>ul>li:hover>a,.page-sidebar .page-sidebar-wrapper>ul>li>a:hover {
    background: #2a2f3a;
    color: #fff
}

.page-sidebar.mini .page-sidebar-wrapper>ul>li a>.label {
    display: none
}

.page-sidebar.mini .page-sidebar-wrapper>ul>li.open>a,.page-sidebar.mini .page-sidebar-wrapper>ul>li:hover>a,.page-sidebar.mini .page-sidebar-wrapper>ul>li>a:hover {
    background: #0b9c8f
}

.page-sidebar.mini .page-sidebar-wrapper>ul>li:hover>a,.page-sidebar.mini .page-sidebar-wrapper>ul>li>a:hover {
    background: #0b9c8f
}

.page-sidebar .page-sidebar-wrapper>ul>li:hover>a i,.page-sidebar.mini .page-sidebar-wrapper>ul>li.active>a i {
    color: #fff!important
}

.page-sidebar .page-sidebar-wrapper ul>li>a>.arrow:before,.page-sidebar .page-sidebar-wrapper>ul>li>a>.arrow.open:before {
    color: #919091!important
}

.page-sidebar .page-sidebar-wrapper ul>li.active>a .arrow:before,.page-sidebar .page-sidebar-wrapper>ul>li.active>a .arrow.open:before {
    color: #fff!important
}

.page-sidebar .page-sidebar-wrapper ul>li.open>a i,.page-sidebar .page-sidebar-wrapper>ul>li.open>a i {
    color: #fff!important
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li.active>a,.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li>a:hover {
    color: #fff!important
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li.open>a,.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li>ul.sub-menu>li.active>a,.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu li>ul.sub-menu>li>a:hover {
    color: #fff!important
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu a .arrow.open:before,.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu a .arrow:before {
    color: #919091!important
}

.page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu>li.active>a {
    font-weight: 600
}

.header .nav>li.dropdown,.header .nav>li.dropdown>a {
    text-align: center
}

.header .nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: #fff
}

.open {
    position: relative
}

.navbar .nav>li.open>.dropdown-menu.pull-right,.navbar .pull-right>li.open>.dropdown-menu {
    margin-right: -6px;
    margin-top: 7px
}

.pace .pace-activity {
    top: 72px;
    border-top-color: #6d5eac;
    border-left-color: #6d5eac;
    right: 15px;
    left: auto
}

.pace .pace-progress {
    background: #6d5eac;
    right: auto;
    left: 0
}

.pace .pace-progress-inner {
    box-shadow: 0 0 10px #6d5eac,0 0 5px #6d5eac
}

.no-top .pace .pace-activity {
    top: 10px
}

.loading-animator {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -webkit-animation: pace-spinner .4s linear infinite;
    -moz-animation: pace-spinner .4s linear infinite;
    -ms-animation: pace-spinner .4s linear infinite;
    -o-animation: pace-spinner .4s linear infinite;
    animation: pace-spinner .4s linear infinite;
    border-color: rgba(0,0,0,.4) transparent transparent rgba(0,0,0,.4);
    border-image: none;
    border-radius: 10px 10px 10px 10px;
    border-right: 2px solid transparent;
    border-style: solid;
    border-width: 2px;
    display: block;
    height: 14px;
    margin-left: 40%;
    width: 14px;
    z-index: 2000
}

.page-container {
    -webkit-transition: -webkit-transform .3s ease,left .3s ease,right .3s ease;
    transition: transform .3s ease,left .3s ease,right .3s ease;
    margin: 0;
    padding: 0;
    position: relative;
    height: 100%;
    left: 0;
    z-index: 10
}

.chat-window-wrapper {
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    font-size: 13px;
    position: fixed;
    top: 0;
    right: 0;
    width: 260px;
    background-color: #2a2f3a;
    height: 100%;
    z-index: 5;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

.chat-window-wrapper .inner-content {
    height: 100%;
    overflow: hidden
}

.chat-window-wrapper .chat-header {
    height: 58px
}

.chat-window-wrapper .side-widget {
    margin-top: 15px;
    display: block
}

.chat-window-wrapper .side-widget-title {
    color: #808285;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .2px;
    padding-left: 31px;
    padding-right: 31px;
    text-transform: uppercase
}

.chat-window-wrapper .side-widget-content {
    display: block
}

.chat-window-wrapper .side-widget-content ul.groups {
    list-style: none;
    margin: 0;
    margin-top: 10px;
    padding-left: 0
}

.chat-window-wrapper .side-widget-content ul.groups li {
    line-height: 25px
}

.chat-window-wrapper .side-widget-content ul.groups>li>a {
    color: #fff;
    font-size: 13px;
    padding: 5px 31px
}

.chat-window-wrapper .side-widget-content ul.groups>li>a:hover {
    text-decoration: none
}

.chat-window-wrapper .user-details-wrapper {
    display: block;
    margin: 8px;
    padding: 10px;
    border-radius: 3px
}

.chat-window-wrapper .user-details-wrapper .status-icon {
    margin-right: 0
}

.chat-window-wrapper .user-details-wrapper.active {
    background-color: #372b32
}

.chat-window-wrapper .user-details-wrapper.active:hover {
    background-color: #482f36;
    cursor: pointer
}

.chat-window-wrapper .user-details-wrapper:hover {
    background-color: #22262e;
    cursor: pointer
}

.chat-window-wrapper .user-details-wrapper>.user-profile {
    display: inline-block;
    float: left;
    border-radius: 100px 100px 100px 100px;
    height: 35px;
    overflow: hidden;
    width: 35px;
    margin-right: 13px
}

.chat-window-wrapper .user-details-wrapper>.user-details {
    display: inline-block;
    float: left
}

.chat-window-wrapper .user-details-wrapper>.user-details>.user-name {
    display: block;
    color: #fff
}

.chat-window-wrapper .user-details-wrapper>.user-details>.user-more {
    display: block;
    color: #747b89;
    font-size: 11px;
    width: 120px
}

.chat-window-wrapper .chat-messages {
    position: relative;
    overflow: auto;
    height: calc(100% - 155px)
}

.chat-window-wrapper .chat-messages .user-details-wrapper {
    padding: 6px
}

.chat-window-wrapper .chat-messages .user-details-wrapper:hover {
    background-color: #22262e;
    cursor: auto
}

.chat-window-wrapper .user-details-status-wrapper {
    display: inline-block;
    float: left;
    min-width: 32px;
    margin-top: 8px
}

.chat-window-wrapper .user-details-count-wrapper {
    display: inline-block;
    float: left;
    margin-top: 8px
}

.sidr {
    background-color: #2a2f3a;
    box-shadow: none
}

.sidr ul.chat-window li {
    border: 0
}

.sidr ul.chat-window li:nth-child(odd) {
    background-color: #fff
}

.sidr ul.chat-window li:nth-child(even) {
    background-color: #f5f6f8
}

.sidr ul.chat-window li.active>a,.sidr ul.chat-window li.active>span,.sidr ul.chat-window li.sidr-class-active>a,.sidr ul.chat-window li.sidr-class-active>span,.sidr ul.chat-window li:hover>a,.sidr ul.chat-window li:hover>span {
    box-shadow: none;
    background-color: #fed8db;
    line-height: 16px
}

.scrollup {
    background: url(../images/pullup.png) no-repeat;
    background-position: 0 0;
    width: 27px;
    height: 27px;
    position: fixed;
    bottom: 92px;
    left: 235px;
    display: none;
    text-indent: -9999px;
    z-index: 101
}

.scrollup:hover {
    background-position: -30px 0
}

.scrollup.to-edge {
    left: 35px
}

.footer-widget {
    position: fixed;
    bottom: 0;
    display: block;
    padding: 11px 21px;
    background-color: #232830;
    width: 250px;
    clear: both;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease
}

.footer-widget .progress {
    position: relative;
    top: 15px;
    width: 70%
}

.footer-widget a {
    color: #8b91a0
}

.footer-widget i {
    font-size: 14px;
    color: #5e646d
}

.footer-widget .details-status {
    background-color: #2d3139;
    border-radius: 3px 3px 3px 3px;
    color: #8b91a0;
    display: inline-block;
    font-size: 11px;
    padding: 6px;
    left: -22px;
    position: relative
}

.footer-widget a:hover,.footer-widget a:hover i {
    color: #8b91a0;
    text-decoration: none
}

.chat-window-wrapper input[type=date],.chat-window-wrapper input[type=datetime],.chat-window-wrapper input[type=email],.chat-window-wrapper input[type=number],.chat-window-wrapper input[type=password],.chat-window-wrapper input[type=search],.chat-window-wrapper input[type=tel],.chat-window-wrapper input[type=text],.chat-window-wrapper input[type=time],.chat-window-wrapper input[type=url],.chat-window-wrapper select,.chat-window-wrapper textarea {
    background-color: #0d0f12;
    height: 28px
}

.chat-header input[type=text] {
    margin: 15px 0 15px 14px;
    width: 195px;
    border: transparent
}

.chat-header .iconset {
    margin: 20px 15px
}

.chat-messages-header {
    background-color: #1b1e24;
    color: #4c5264;
    padding: 8px;
    padding-left: 21px
}

.chat-messages-header .status {
    height: 10px;
    width: 10px;
    border-radius: 8px;
    background-color: #e5e9ec;
    display: inline-block;
    margin-right: 12px
}

.chat-messages-header .status.online {
    background-color: #6d5eac
}

.chat-messages-header .status.busy {
    background-color: #f35958
}

.chat-messages-header .status.away {
    background-color: #6d5eac
}

.chat-messages-header a>i {
    color: #4c5264;
    font-size: 10px;
    float: right;
    margin-top: 5px;
    margin-right: 5px
}

.chat-footer {
    position: absolute;
    bottom: 0;
    background-color: #e5e9ec;
    padding: 10px;
    padding-bottom: 0;
    width: 92.6%
}

.bubble {
    position: relative;
    width: 165px;
    min-height: 40px;
    padding: 0;
    background: #e5e9ec;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #22262e;
    padding: 10px;
    cursor: pointer
}

.bubble.old {
    background: #0d0f12;
    color: #4c5264
}

.bubble.old:after {
    border-color: transparent #0d0f12
}

.bubble.sender {
    background: #0ba195;
    color: #fff
}

.bubble.sender:after {
    border-color: transparent #0ba195;
    border-width: 9px 0 9px 7px;
    right: -7px!important;
    left: auto
}

.bubble:after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 9px 7px 9px 0;
    border-color: transparent #e5e9ec;
    display: block;
    width: 0;
    z-index: 1;
    left: -7px;
    top: 12px
}

.chat-messages .sent_time {
    width: 100%;
    color: #4c5264;
    text-align: center;
    margin-top: 10px;
    font-weight: 600
}

.chat-messages .sent_time.off {
    display: none
}

.chat-input-wrapper {
    position: absolute;
    bottom: 0;
    background-color: #1b1e24;
    width: 256px;
    padding: 7px;
    z-index: 110
}

.chat-input-wrapper textarea {
    background-color: #fff;
    padding: 0;
    margin: 0
}

.user-chat-wrapper {
    display: block;
    padding: 10px 15px
}

.user-chat-wrapper .profile-wrapper {
    display: inline-block;
    float: left;
    border-radius: 100px 100px 100px 100px;
    display: inline-block;
    height: 35px;
    overflow: hidden;
    width: 35px;
    margin: 0 10px 0 0
}

.user-chat-wrapper .user-chat {
    display: inline-block;
    float: left
}

.user-chat-wrapper .user-chat .user-name {
    color: #22262e;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-chat-wrapper .user-chat .user-chat-preview {
    display: block;
    float: left
}

.user-chat-wrapper .user-chat .more-details {
    display: inline-block;
    float: left;
    color: #8b8f92;
    margin-right: 10px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ie8 .page-sidebar {
    position: absolute;
    width: 225px
}

.ie8 .page-sidebar ul {
    width: 225px
}

.ie8 .page-content {
    margin-left: 225px;
    margin-top: 0
}

.page-content {
    margin-top: 0;
    padding: 0;
    background-color: #e5e9ec;
    overflow: auto;
    position: relative;
    min-height: 100%;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    z-index: 6
}

.page-content.condensed {
    margin-left: 50px
}

.page-content.condensed .admin-bar-inner {
    margin-right: 50px!important
}

.page-content.condensed-layout {
    margin-left: 50px!important
}

.page-content .admin-bar {
    -moz-box-sizing: border-box;
    bottom: -115px;
    position: fixed;
    width: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.page-content .admin-bar .admin-bar-inner {
    background: none repeat scroll 0 0 padding-box #fff;
    border-top: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 -1px 2px rgba(0,0,0,.08);
    margin-right: 250px;
    padding: 30px 35px 30px 40px;
    text-align: right
}

.page-content .header {
    padding: 20px!important
}

.page-content .header h3 {
    font-size: 20px;
    display: inline
}

.page-content .header i {
    font-size: 18px
}

.page-content .breadcrumb {
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    padding: 0!important;
    border: none!important;
    margin-bottom: 0
}

.page-content .breadcrumb a {
    margin-left: 10px
}

.page-content .breadcrumb li p {
    font-size: 12.5px!important;
    font-weight: 400;
    color: #7b7d82
}

.page-content .breadcrumb li .active {
    font-weight: 600;
    font-size: 14px
}

.page-content .content {
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 83px
}

.inner-menu {
    display: inline-block;
    position: absolute;
    width: 200px;
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    background-color: #2a2f3a;
    height: 100%
}

.inner-menu .inner-wrapper {
    padding: 20px 20px 0
}

.inner-menu .inner-wrapper .menu-title {
    padding-left: 0
}

.inner-menu .inner-wrapper .menu-title i {
    padding-right: 0
}

.inner-menu .inner-menu-content {
    margin-top: 50px
}

.inner-menu .menu-title {
    padding-right: 23px
}

.inner-menu ul.big-items {
    list-style: none outside none;
    margin: 0;
    margin-bottom: 20px;
    padding: 0
}

.inner-menu ul.big-items li {
    text-align: right;
    padding: 8px 25px
}

.inner-menu ul.big-items li a {
    color: #8b91a0;
    font-size: 18px
}

.inner-menu ul.big-items li a:hover {
    text-decoration: none;
    color: #e5e9ec
}

.inner-menu ul.big-items li:hover {
    background-color: #22262e
}

.inner-menu ul.big-items li.active {
    background-color: #22262e
}

.inner-menu ul.big-items li.active a {
    background-color: #22262e;
    color: #e5e9ec
}

.inner-menu ul.big-items li .badge {
    position: relative;
    top: -2px
}

.inner-menu ul.small-items {
    list-style: none outside none;
    margin: 0;
    margin-bottom: 20px;
    padding: 0
}

.inner-menu ul.small-items li {
    text-align: right;
    padding: 8px 25px
}

.inner-menu ul.small-items li a {
    color: #8b91a0;
    font-size: 14px
}

.inner-menu ul.small-items li a:hover {
    text-decoration: none;
    color: #e5e9ec
}

.inner-menu ul.small-items li:hover {
    background-color: #22262e
}

.inner-menu ul.small-items li.active {
    background-color: #22262e
}

.inner-menu ul.small-items li.active a {
    background-color: #22262e;
    color: #e5e9ec
}

.inner-menu ul.small-items li .badge {
    position: relative;
    top: -1px
}

.user-info-wrapper {
    display: block;
    margin: 20px 31px;
    margin-bottom: 0
}

.user-info-wrapper .profile-wrapper {
    height: 65px;
    width: 65px;
    border-radius: 100px;
    overflow: hidden;
    display: inline-block;
    margin-right: 11px;
    margin-top: 9px;
    float: left
}

.user-info-wrapper .user-info {
    color: #fff;
    display: inline-block
}

.user-info-wrapper .user-info .status {
    color: #929fa5;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 2px;
    font-weight: 400
}

.user-info-wrapper .user-info .profile {
    float: right;
    display: inline
}

.user-info-wrapper .user-info .btn-set {
    margin-top: 10px
}

.user-info-wrapper .user-info .username {
    font-size: 19px
}

.user-info-wrapper .user-info .greeting {
    font-size: 19px;
    font-weight: 600;
    position: relative;
    top: 1.5px
}

.user-info-wrapper .user-info a {
    color: #fff
}

.user-info-wrapper .user-info a:hover {
    text-decoration: none
}

.user-info-wrapper .user-info .status-icon {
    margin: 0 5px
}

.user-info-wrapper .user-info .collapse {
    width: 18px;
    height: 18px;
    background-color: #50545c;
    position: absolute;
    right: 15px;
    margin-top: 10px
}

.user-info-wrapper .user-info .collapse i {
    position: relative;
    margin-top: -8px;
    top: -2px;
    left: 3px
}

.user-info-wrapper .user-info .collapse:hover {
    background-color: #000
}

.side-panel {
    border-width: 0;
    display: block;
    max-height: none;
    min-height: 100%;
    position: fixed;
    top: 0;
    width: 17em;
    background: linear-gradient(#f9f9f9,#eee) repeat scroll 0 0 #f9f9f9;
    border: 1px solid #aaa;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    float: right;
    right: 0;
    z-index: 1200
}

.status-widget {
    margin-bottom: 9px;
    padding: 0 31px;
    animation-duration: .3s!important
}

.status-widget .title {
    color: #fff;
    font-size: 13px
}

.status-widget .title i {
    float: right;
    font-size: 7px;
    margin-top: 6px;
    margin-right: 6px;
    color: #8b8f92
}

.status-widget p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95%;
    color: #808285
}

.status-widget .progress {
    height: 10px;
    background-color: #2a2e36;
    background-image: -moz-linear-gradient(top,#2a2e36,#2a2e36);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#2a2e36),to(#2a2e36));
    background-image: -webkit-linear-gradient(top,#2a2e36,#2a2e36);
    background-image: -o-linear-gradient(top,#2a2e36,#2a2e36);
    background-image: linear-gradient(to bottom,#2a2e36,#2a2e36);
    background-repeat: repeat-x;
    margin-bottom: 5px;
    -webkit-transition: width 30s ease!important;
    -moz-transition: width 30s ease!important;
    -o-transition: width 30s ease!important;
    transition: width 30s ease!important
}

.status-widget-wrapper {
    font-size: 13px
}

.status-widget .title a:active,.status-widget .title a:hover {
    text-decoration: none
}

.status-icon {
    background: url(../images/icon/status.png) no-repeat;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    top: 2px
}

.status-icon.green {
    background-position: -1px -1px;
    width: 14px;
    height: 14px
}

.status-icon.red {
    background-position: -17px -1px;
    width: 14px;
    height: 14px
}

.status-icon.blue {
    background-position: -33px -1px;
    width: 14px;
    height: 14px
}

.status-icon.yellow {
    background-position: -48px -1px;
    width: 15px;
    height: 14px
}

.status-icon.grey {
    background-position: -64px -1px;
    width: 14px;
    height: 14px
}

.user-info img {
    float: left;
    margin-right: 5px
}

.user-info .details {
    display: inline-block
}

.user-info .label {
    font-weight: 300;
    font-size: 11px
}

.mini .page-sidebar-wrapper {
    overflow: visible!important
}

.container {
    height: 100%
}

.pull-left {
    float: left!important
}

.pull-right {
    float: right!important
}

.horizontal-menu .header-seperation {
    display: none
}

.horizontal-menu .bar {
    width: 100%;
    background-color: #f4f5f7;
    position: fixed;
    margin-top: 56px;
    display: table;
    z-index: 50
}

.horizontal-menu .bar-inner {
    display: table-cell;
    width: 100%
}

.horizontal-menu .bar-inner>ul {
    margin: 0;
    padding: 0
}

.horizontal-menu .bar-inner>ul>li {
    display: inline-block;
    padding: 10px 15px;
    font-family: "Open Sans";
    vertical-align: middle
}

.horizontal-menu .bar-inner>ul>li.classic {
    position: relative
}

.horizontal-menu .bar-inner>ul>li.open>a {
    opacity: 1
}

.horizontal-menu .bar-inner>ul>li.horizontal.open,.horizontal-menu .bar-inner>ul>li.mega.open {
    position: inherit
}

.horizontal-menu .bar-inner>ul>li>a {
    color: #1b1e24
}

.horizontal-menu .bar-inner>ul>li>a>.arrow {
    display: inline-block
}

.horizontal-menu .bar-inner>ul>li>a>.arrow:before {
    float: right;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f107";
    font-weight: 300;
    text-shadow: none;
    margin-left: 8px;
    opacity: .5;
    position: relative;
    top: 6px
}

.horizontal-menu .bar-inner>ul>li a {
    opacity: .7
}

.horizontal-menu .bar-inner>ul>li a .description {
    opacity: .7;
    transition: opacity .1s linear 0s
}

.horizontal-menu .bar-inner>ul>li a:hover {
    opacity: 1
}

.horizontal-menu .bar-inner>ul>li a:hover .description {
    opacity: 1
}

.horizontal-menu .bar-inner>ul>li.open {
    background: #fff
}

.horizontal-menu .bar-inner>ul>li.open>.classic {
    max-height: 999px
}

.horizontal-menu .bar-inner>ul>li.open>.classic>li {
    opacity: 1
}

.horizontal-menu .bar-inner>ul>li.open>.horizontal,.horizontal-menu .bar-inner>ul>li.open>.mega {
    display: block
}

.horizontal-menu .bar-inner>ul>li>.classic {
    margin: 0;
    padding: 0;
    position: absolute;
    background-color: #fff;
    list-style: none;
    left: 0;
    right: 0;
    top: 40px;
    min-width: 220px;
    max-height: 0;
    overflow: hidden;
    transition: all .3s linear 0s
}

.horizontal-menu .bar-inner>ul>li>.classic>li {
    margin: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e9ec;
    color: #22262e;
    opacity: 0;
    transition: all .1s linear .1s
}

.horizontal-menu .bar-inner>ul>li>.classic>li a {
    color: #1b1e24
}

.horizontal-menu .bar-inner>ul>li>.classic>li a .description {
    display: block;
    font-size: 12px;
    color: #393a3c
}

.horizontal-menu .bar-inner>ul>li>.classic>li:last-child {
    border-bottom: 0
}

.horizontal-menu .bar-inner>ul>li>.horizontal {
    margin: 0;
    top: 40px;
    padding: 0;
    position: absolute;
    background-color: #fff;
    list-style: none;
    display: none;
    left: 0;
    right: 0;
    width: 100%;
    border-bottom: 1px solid #e5e9ec
}

.horizontal-menu .bar-inner>ul>li>.horizontal li {
    margin: 15px;
    color: #1b1e24;
    display: inline-block
}

.horizontal-menu .bar-inner>ul>li>.horizontal li a {
    color: #1b1e24
}

.horizontal-menu .bar-inner>ul>li>.horizontal li a .description {
    display: block;
    font-size: 12px;
    color: #393a3c
}

.horizontal-menu .bar-inner>ul>li>.mega {
    margin: 0;
    top: 40px;
    padding: 0;
    position: absolute;
    background-color: #fff;
    list-style: none;
    display: none;
    left: 0;
    right: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e9ec
}

.horizontal-menu .bar-inner>ul>li>.mega>li {
    margin: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e9ec;
    color: #1b1e24
}

.horizontal-menu .bar-inner>ul>li>.mega>li a {
    color: #1b1e24
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu-heading {
    font-size: 14px;
    color: #1b1e24;
    margin-bottom: 10px;
    margin-top: 20px
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu>li {
    padding-left: 0;
    padding-bottom: 5px
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu>li>a {
    color: #1b1e24
}

@media (min-width: 980px) {
    .horizontal-menu .page-content {
        margin-left:0
    }

    .horizontal-menu .page-content .content {
        padding-top: 123px
    }
}

.h-ribbon {
    width: 100%;
    height: 4px;
    background-color: #f35958
}

.h-ribbon .red {
    background-color: #f35958!important
}

.notification-alert {
    width: 29px;
    height: 29px;
    background-image: url(../images/notification-alert.png);
    position: absolute;
    float: right;
    right: -15px;
    z-index: 9999
}

h1,h2,h3,h4,h5,h6 {
    margin: 10px 0;
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    font-weight: 300;
    color: #505458
}

h1 {
    line-height: 43px
}

h2 {
    line-height: 35px
}

h3 {
    line-height: 30px
}

h4 {
    line-height: 22px
}

h3 small,h4 small,h5 small {
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    font-weight: 300;
    color: #444
}

h1.block,h2.block,h3.block,h4.block,h5.block,h6.block {
    padding-bottom: 10px
}

a {
    text-shadow: none!important;
    color: #0d638f;
    transition: color .1s linear 0s,background-color .1s linear 0s!important
}

a.icon:hover {
    text-decoration: none;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    opacity: .4
}

a,a:active,a:focus,a:hover {
    outline: 0;
    text-decoration: none
}

i {
    font-size: 14px
}

label {
    display: block;
    margin-bottom: 5px
}

label.inline {
    display: inline-block;
    position: relative;
    top: 0;
    font-size: 13px
}

label.done {
    color: #0090d9!important;
    text-decoration: line-through
}

ul>li {
    /*padding-left: 6px;*/
	padding-left: 0px;
    line-height: 20px
}

ul.progress-list {
    list-style: none;
    margin: 10px 5px 23px 0;
    padding: 0
}

ul.progress-list li .details-wrapper {
    display: inline-block;
    float: left
}

ul.progress-list li .details-wrapper .name {
    display: block;
    color: #000;
    font-size: 13px
}

ul.progress-list li .details-wrapper .description {
    display: block;
    color: #9a9a9a;
    font-size: 12px
}

ul.progress-list li .details-status {
    display: inline-block;
    background-color: #e5e9ec;
    color: #5c6370;
    font-size: 11px;
    padding: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

ul.progress-list li .progress {
    margin-top: 10px
}

ul.my-friends {
    margin: 0;
    margin-top: 16px;
    padding: 0
}

ul.my-friends li {
    float: left;
    display: inline;
    margin-right: 5px;
    margin-bottom: 8px
}

ul.my-friends li .profile-pic {
    border-radius: 100px;
    display: inline-block;
    float: left;
    height: 35px;
    overflow: hidden;
    width: 35px
}

address {
    margin-bottom: 0
}

blockquote {
    padding: 0 0 0 18px;
    border-left: 5px solid #eee
}

blockquote p {
    font-size: 16px
}

blockquote small {
    line-height: 29px;
    color: #8b91a0
}

blockquote small:before {
    content: ""
}

blockquote.pull-right small:after {
    content: ""
}

.logo {
    margin: 18px 14px
}

.normal {
    font-weight: 400
}

.semi-bold {
    font-weight: 600
}

.bold {
    font-weight: 700
}

.all-caps {
    text-transform: uppercase
}

.light {
    font-weight: 300!important
}

.text-extra-small {
    font-size: 10.5px!important
}

.small-text {
    font-size: 12px!important
}

.normal-text {
    font-size: 13px!important
}

.large-text {
    font-size: 15px!important
}

.center-text {
    text-align: center!important
}

.muted {
    color: #b6bfc5
}

.bg-blue {
    background-color: #00acec!important
}

.bg-red {
    background-color: #f65854!important
}

.bg-yellow,.bg-yellow.select2-choice {
    background-color: #f7cf5e!important
}

.bg-green {
    background-color: #27cebc!important
}

.bg-purple {
    color: #6d5eac!important
}

.bg-grey {
    color: #dce0e8!important
}

.text-black {
    color: #1b1e24!important
}

.text-purple {
    color: #6d5eac!important
}

.text-white {
    color: #fff!important
}

.text-grey {
    color: #dce0e8!important
}

.text-success {
    color: #6d5eac!important
}

.text-info {
    color: #1976d2!important
}

.text-warning {
    color: #f7cf5e!important
}

.text-error {
    color: #f35958!important
}

.text-white-opacity {
    color: #fff;
    opacity: .6
}

.text-right {
    text-align: right!important
}

.text-left {
    text-align: left!important
}

.text-center {
    text-align: center!important
}

.color-bands {
    display: inline-block;
    width: 80px;
    height: 4px;
    margin-right: 2px;
    margin-bottom: 8px
}

.color-bands.green {
    background-color: #27cebc
}

.color-bands.purple {
    background-color: #6d5eac
}

.color-bands.red {
    background-color: #f65854
}

.color-bands.blue {
    background-color: #00acec
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #e0dfdf;
    border-bottom: 1px solid #fefefe
}

.icon-custom-2x {
    font-size: .9em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

[class*=" icon-"],[class*=" icon-"]:hover,[class^=icon-],[class^=icon-]:hover {
    background: 0 0!important
}

.page-title {
    padding: 0;
    letter-spacing: -1px;
    display: block;
    color: #666;
    margin: 0 0 10px;
    font-weight: 300;
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif
}

.page-title h3 {
    display: inline-block;
    top: -5px;
    position: relative;
    width: 83%
}

.page-title p {
    color: #63696d;
    letter-spacing: .5px
}

.page-title i {
    display: inline-block;
    color: #73777c;
    font-size: 30px;
    margin-right: 12px;
    position: relative;
    top: 7px;
    float: left
}

.page-title small {
    font-size: 14px;
    letter-spacing: 0;
    font-weight: 300;
    color: #888
}

.page-title .actions {
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif
}

.page-content .breadcrumb a,.page-content .breadcrumb i,.page-content .breadcrumb li,.page-content .breadcrumb span {
    color: #515050;
    font-weight: 300;
    text-shadow: none
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #515050;
    font-family: FontAwesome;
    content: "\f105"
}

.well {
    background-color: #dce0e8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    border: none;
    background-image: none
}

.well.well-large {
    padding: 24px;
    width: auto
}

.well.well-small {
    padding: 13px;
    width: auto
}

.well.green {
    background-color: #27cebc;
    color: #fff;
    border: none
}

span.iconset {
    display: block
}

.iconset {
    background: url(../images/icon/top-tray-b.png) no-repeat;
    position: relative;
    top: 1px
}

.iconset.top-home {
    background-position: -6px -7px;
    width: 16px;
    height: 14px;
    top: -1px
}

.iconset.top-settings {
    background-position: -35px -6px;
    width: 16px;
    height: 16px;
    top: 1px
}

.iconset.top-messages {
    background-position: -63px -8px;
    width: 16px;
    height: 12px;
    top: 1px
}

.iconset.top-back {
    background-position: -92px -8px;
    width: 15px;
    height: 14px
}

.iconset.top-forward {
    background-position: -121px -8px;
    width: 15px;
    height: 14px
}

.iconset.top-reload {
    background-position: -147px -6px;
    width: 18px;
    height: 16px
}

.iconset.top-settings-dark {
    background-position: -176px -6px;
    width: 17px;
    height: 16px
}

.iconset.top-tiles {
    background-position: -206px -7px;
    width: 14px;
    height: 14px;
    top: 1.5px
}

.iconset.top-down-arrow {
    background-position: -238px -12px;
    width: 7px;
    height: 5px
}

.iconset.top-search {
    background-position: -261px -6px;
    width: 16px;
    height: 16px;
    top: 5px
}

.iconset.top-menu-toggle-dark {
    background-position: -288px -7px;
    width: 18px;
    height: 15px
}

.iconset.top-menu-toggle-white {
    background-position: -315px -7px;
    width: 18px;
    height: 15px;
    background-position: -315px -7px;
    width: 18px;
    height: 15px
}

.iconset.top-chat-dark {
    background-position: -341px -6px;
    width: 21px;
    height: 16px
}

.iconset.top-chat-white {
    background-position: -369px -6px;
    width: 21px;
    height: 16px
}

.iconset .badge {
    top: -12px;
    right: -10px;
    position: relative;
    padding: 4px 6px;
    font-size: 10px
}

.iconplaceholder {
    width: 20px;
    height: 20px;
    border-radius: 99px;
    background-color: #e5e9ec;
    padding: 3px;
    display: inline-block;
    margin-right: 5px;
    direction: ltr
}

.iconplaceholder i {
    font-size: 10px;
    color: #656c78;
    position: relative;
    left: 4px;
    top: -3px
}

.blog-bar {
    border-top: 1px solid #d7dbe0;
    margin-top: 18px;
    padding: 10px
}

.blog-bar a {
    color: #8b91a0;
    margin-right: 8px;
    text-decoration: none
}

.blog-bar a:hover {
    color: #d7dbe0
}

.no-padding {
    padding: 0!important;
    padding: 0!important
}

.no-margin {
    margin: 0!important;
    margin: 0!important
}

.spacing-bottom {
    margin-bottom: 30px
}

.inherit-size {
    width: inherit;
    height: inherit
}

.inherit-height {
    height: inherit
}

.v-align-bottom {
    vertical-align: bottom;
    display: table-cell
}

.v-align-top {
    vertical-align: top;
    display: table-cell
}

.v-align-middle {
    vertical-align: middle;
    display: table-cell
}

.h-align-middle {
    margin-left: auto;
    margin-right: auto;
    display: table
}

.padding-10 {
    padding: 10px;
    padding: 10px
}

.padding-20 {
    padding: 20px
}

.p-t-1 {
    padding-top: 1px
}

.p-r-1 {
    padding-right: 1px
}

.p-l-1 {
    padding-left: 1px
}

.p-b-1 {
    padding-bottom: 1px
}

.p-t-2 {
    padding-top: 2px
}

.p-r-2 {
    padding-right: 2px
}

.p-l-2 {
    padding-left: 2px
}

.p-b-2 {
    padding-bottom: 2px
}

.p-t-3 {
    padding-top: 3px
}

.p-r-3 {
    padding-right: 3px
}

.p-l-3 {
    padding-left: 3px
}

.p-b-3 {
    padding-bottom: 3px
}

.p-t-4 {
    padding-top: 4px
}

.p-r-4 {
    padding-right: 4px
}

.p-l-4 {
    padding-left: 4px
}

.p-b-4 {
    padding-bottom: 4px
}

.p-t-5 {
    padding-top: 5px
}

.p-r-5 {
    padding-right: 5px
}

.p-l-5 {
    padding-left: 5px
}

.p-b-5 {
    padding-bottom: 5px
}

.p-t-6 {
    padding-top: 6px
}

.p-r-6 {
    padding-right: 6px
}

.p-l-6 {
    padding-left: 6px
}

.p-b-6 {
    padding-bottom: 6px
}

.p-t-7 {
    padding-top: 7px
}

.p-r-7 {
    padding-right: 7px
}

.p-l-7 {
    padding-left: 7px
}

.p-b-7 {
    padding-bottom: 7px
}

.p-t-8 {
    padding-top: 8px
}

.p-r-8 {
    padding-right: 8px
}

.p-l-8 {
    padding-left: 8px
}

.p-b-8 {
    padding-bottom: 8px
}

.p-t-9 {
    padding-top: 9px
}

.p-r-9 {
    padding-right: 9px
}

.p-l-9 {
    padding-left: 9px
}

.p-b-9 {
    padding-bottom: 9px
}

.p-t-10 {
    padding-top: 10px
}

.p-r-10 {
    padding-right: 10px
}

.p-l-10 {
    padding-left: 10px
}

.p-b-10 {
    padding-bottom: 10px
}

.p-t-11 {
    padding-top: 11px
}

.p-r-11 {
    padding-right: 11px
}

.p-l-11 {
    padding-left: 11px
}

.p-b-11 {
    padding-bottom: 11px
}

.p-t-12 {
    padding-top: 12px
}

.p-r-12 {
    padding-right: 12px
}

.p-l-12 {
    padding-left: 12px
}

.p-b-12 {
    padding-bottom: 12px
}

.p-t-13 {
    padding-top: 13px
}

.p-r-13 {
    padding-right: 13px
}

.p-l-13 {
    padding-left: 13px
}

.p-b-13 {
    padding-bottom: 13px
}

.p-t-14 {
    padding-top: 14px
}

.p-r-14 {
    padding-right: 14px
}

.p-l-14 {
    padding-left: 14px
}

.p-b-14 {
    padding-bottom: 14px
}

.p-t-15 {
    padding-top: 15px
}

.p-r-15 {
    padding-right: 15px
}

.p-l-15 {
    padding-left: 15px
}

.p-b-15 {
    padding-bottom: 15px
}

.p-t-16 {
    padding-top: 16px
}

.p-r-16 {
    padding-right: 16px
}

.p-l-16 {
    padding-left: 16px
}

.p-b-16 {
    padding-bottom: 16px
}

.p-t-17 {
    padding-top: 17px
}

.p-r-17 {
    padding-right: 17px
}

.p-l-17 {
    padding-left: 17px
}

.p-b-17 {
    padding-bottom: 17px
}

.p-t-18 {
    padding-top: 18px
}

.p-r-18 {
    padding-right: 18px
}

.p-l-18 {
    padding-left: 18px
}

.p-b-18 {
    padding-bottom: 18px
}

.p-t-19 {
    padding-top: 19px
}

.p-r-19 {
    padding-right: 19px
}

.p-l-19 {
    padding-left: 19px
}

.p-b-19 {
    padding-bottom: 19px
}

.p-t-20 {
    padding-top: 20px
}

.p-r-20 {
    padding-right: 20px
}

.p-l-20 {
    padding-left: 20px
}

.p-b-20 {
    padding-bottom: 20px
}

.m-t-1 {
    margin-top: 1px
}

.m-r-1 {
    margin-right: 1px
}

.m-l-1 {
    margin-left: 1px
}

.m-b-1 {
    margin-bottom: 1px
}

.m-t-2 {
    margin-top: 2px
}

.m-r-2 {
    margin-right: 2px
}

.m-l-2 {
    margin-left: 2px
}

.m-b-2 {
    margin-bottom: 2px
}

.m-t-3 {
    margin-top: 3px
}

.m-r-3 {
    margin-right: 3px
}

.m-l-3 {
    margin-left: 3px
}

.m-b-3 {
    margin-bottom: 3px
}

.m-t-4 {
    margin-top: 4px
}

.m-r-4 {
    margin-right: 4px
}

.m-l-4 {
    margin-left: 4px
}

.m-b-4 {
    margin-bottom: 4px
}

.m-t-5 {
    margin-top: 5px
}

.m-r-5 {
    margin-right: 5px
}

.m-l-5 {
    margin-left: 5px
}

.m-b-5 {
    margin-bottom: 5px
}

.m-t-6 {
    margin-top: 6px
}

.m-r-6 {
    margin-right: 6px
}

.m-l-6 {
    margin-left: 6px
}

.m-b-6 {
    margin-bottom: 6px
}

.m-t-7 {
    margin-top: 7px
}

.m-r-7 {
    margin-right: 7px
}

.m-l-7 {
    margin-left: 7px
}

.m-b-7 {
    margin-bottom: 7px
}

.m-t-8 {
    margin-top: 8px
}

.m-r-8 {
    margin-right: 8px
}

.m-l-8 {
    margin-left: 8px
}

.m-b-8 {
    margin-bottom: 8px
}

.m-t-9 {
    margin-top: 9px
}

.m-r-9 {
    margin-right: 9px
}

.m-l-9 {
    margin-left: 9px
}

.m-b-9 {
    margin-bottom: 9px
}

.m-t-10 {
    margin-top: 10px
}

.m-r-10 {
    margin-right: 10px
}

.m-l-10 {
    margin-left: 10px
}

.m-b-10 {
    margin-bottom: 10px
}

.m-t-11 {
    margin-top: 11px
}

.m-r-11 {
    margin-right: 11px
}

.m-l-11 {
    margin-left: 11px
}

.m-b-11 {
    margin-bottom: 11px
}

.m-t-12 {
    margin-top: 12px
}

.m-r-12 {
    margin-right: 12px
}

.m-l-12 {
    margin-left: 12px
}

.m-b-12 {
    margin-bottom: 12px
}

.m-t-13 {
    margin-top: 13px
}

.m-r-13 {
    margin-right: 13px
}

.m-l-13 {
    margin-left: 13px
}

.m-b-13 {
    margin-bottom: 13px
}

.m-t-14 {
    margin-top: 14px
}

.m-r-14 {
    margin-right: 14px
}

.m-l-14 {
    margin-left: 14px
}

.m-b-14 {
    margin-bottom: 14px
}

.m-t-15 {
    margin-top: 15px
}

.m-r-15 {
    margin-right: 15px
}

.m-l-15 {
    margin-left: 15px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-t-16 {
    margin-top: 16px
}

.m-r-16 {
    margin-right: 16px
}

.m-l-16 {
    margin-left: 16px
}

.m-b-16 {
    margin-bottom: 16px
}

.m-t-17 {
    margin-top: 17px
}

.m-r-17 {
    margin-right: 17px
}

.m-l-17 {
    margin-left: 17px
}

.m-b-17 {
    margin-bottom: 17px
}

.m-t-18 {
    margin-top: 18px
}

.m-r-18 {
    margin-right: 18px
}

.m-l-18 {
    margin-left: 18px
}

.m-b-18 {
    margin-bottom: 18px
}

.m-t-19 {
    margin-top: 19px
}

.m-r-19 {
    margin-right: 19px
}

.m-l-19 {
    margin-left: 19px
}

.m-b-19 {
    margin-bottom: 19px
}

.m-t-20 {
    margin-top: 20px
}

.m-r-20 {
    margin-right: 20px
}

.m-l-20 {
    margin-left: 20px
}

.m-b-20 {
    margin-bottom: 20px
}

.p-t-0 {
    padding-top: 0!important
}

.p-r-0 {
    padding-right: 0!important
}

.p-l-0 {
    padding-left: 0!important
}

.p-b-0 {
    padding-bottom: 0!important
}

.m-t-0 {
    margin-top: 0!important
}

.m-r-0 {
    margin-right: 0!important
}

.m-l-0 {
    margin-left: 0!important
}

.m-b-0 {
    margin-bottom: 0!important
}

.hide {
    display: none
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.inline {
    display: inline-block!important
}

.b-blank {
    border-color: #000
}

.b-r {
    border-right: 1px solid
}

.b-l {
    border-left: 1px solid
}

.b-t {
    border-top: 1px solid
}

.b-b {
    border-bottom: 1px solid;
    border-bottom: 1px solid
}

.b-a {
    border-width: 1px solid
}

.b-transparent {
    border-color: rgba(0,0,0,.4)
}

.b-grey {
    border-color: #e5e9ec
}

.visible-xlg {
    display: none
}

.hidden-xlg {
    display: block
}

.image-responsive-width {
    width: 100%
}

.box-250 {
    width: 250px;
    height: 250px
}

.overlayer {
    position: absolute;
    display: block;
    z-index: 80
}

.overlayer.fullwidth {
    width: 100%
}

.overlayer-wrapper {
    position: relative;
    display: block;
    z-index: 9999
}

.demo-map {
    width: 100%;
    min-height: 960px
}

.overlay-fixed {
    position: fixed!important;
    top: auto!important
}

.top-left {
    position: absolute;
    top: 0;
    left: 0
}

.top-right {
    position: absolute;
    top: 1px;
    right: 0
}

.bottom-left {
    position: absolute;
    bottom: 1px;
    left: 0
}

.bottom-right {
    position: absolute;
    bottom: 0;
    right: 0
}

.full-height {
    height: 100%
}

.scroller {
    padding: 0!important;
    margin: 0!important
}

.popover-content {
    font-size: 13px
}

.popover-content .scroller {
    padding-right: 0!important
}

.toggle-button,.toggle-button label {
    margin-top: 3px;
    background-image: none!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -ms-border-radius: 0!important;
    -o-border-radius: 0!important;
    border: 1px solid #eee!important;
    -moz-border-radius-topleft: 0!important;
    -webkit-border-top-left-radius: 0!important;
    border-top-left-radius: 0!important;
    -moz-border-radius-bottomleft: 0!important;
    -webkit-border-bottom-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    -moz-border-radius-topright: 0!important;
    -webkit-border-top-right-radius: 0!important;
    border-top-right-radius: 0!important;
    -moz-border-radius-bottomright: 0!important;
    -webkit-border-bottom-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.toggle-button span.danger,.toggle-button span.info,.toggle-button span.labelLeft,.toggle-button span.labelRight,.toggle-button span.primary,.toggle-button span.success,.toggle-button span.warning {
    -moz-border-radius-topleft: 0!important;
    -webkit-border-top-left-radius: 0!important;
    border-top-left-radius: 0!important;
    -moz-border-radius-bottomleft: 0!important;
    -webkit-border-bottom-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
    -moz-border-radius-topright: 0!important;
    -webkit-border-top-right-radius: 0!important;
    border-top-right-radius: 0!important;
    -moz-border-radius-bottomright: 0!important;
    -webkit-border-bottom-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
    font-size: 13px!important;
    font-weight: 300!important;
    background-image: none!important
}

.toggle-button span.labelRight {
    background-color: #eee
}

.dataTable {
    clear: both;
    margin-top: 5px
}

.dataTables_filter label {
    line-height: 32px!important
}

.DTTT_dropdown li {
    position: relative
}

div.DTTT_print_info.modal {
    height: 150px;
    margin-top: 150px;
    text-align: center;
    border: 0;
    z-index: 999
}

div.DTTT_print_info h6 {
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
    margin: 1em
}

div.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px
}

.invoice-button-action-set {
    position: fixed
}

.login-container {
    margin-top: 13%
}

.lockscreen-wrapper {
    position: relative;
    margin-top: 20%
}

.lockscreen-wrapper .profile-wrapper {
    border-radius: 100px;
    float: left;
    height: 65px;
    margin-right: 11px;
    margin-top: 9px;
    overflow: hidden;
    width: 65px;
    display: inline-block
}

.lockscreen-wrapper .user {
    text-align: left
}

.lockscreen-wrapper .user-form {
    margin-top: -10px;
    display: inline-block;
    float: left;
    min-width: 320px
}

.lockscreen-wrapper .user-form button,.lockscreen-wrapper .user-form input {
    float: left;
    margin-right: 10px
}

.calender-options-wrapper {
    padding: 13px;
    padding: 20px
}

.calender-options-wrapper .events-wrapper {
    margin-top: 50px
}

.calender-options-wrapper .events-heading {
    font-size: 13px;
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.25);
    padding-bottom: 14px;
    margin-bottom: 20px
}

.calender-options-wrapper .external-event {
    font-size: 12px;
    color: #fff;
    background-color: #d44443;
    display: block;
    padding: 5px 8px;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 8px;
    cursor: move
}

.bordered-circle .owl-controls {
    text-align: left
}

.bordered-circle .owl-controls .owl-page span {
    width: 9px;
    height: 9px;
    border: 1px solid #333;
    opacity: 1;
    background-color: transparent
}

.bordered-circle .owl-theme .owl-controls .owl-page.active span,.bordered-circle .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #333
}

.hashtags {
    display: inline-block;
    border: 2px solid #e5e9ec;
    background-color: transparent;
    color: #b9bec2;
    padding: 2px 8px;
    border-radius: 15px;
    font-weight: 700;
    font-size: 12px
}

.hashtags:hover {
    border: 2px solid rgba(0,0,0,.2);
    color: rgba(0,0,0,.4)
}

.hashtags.transparent {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff
}

.hashtags.transparent:hover {
    border: 2px solid rgba(255,255,255,.1);
    background-color: rgba(255,255,255,.8);
    color: #000
}

.user-profile img {
    border-radius: 100px 100px 100px 100px
}

.sm-gutter [class*=col-],.sm-gutter [class^=col-] {
    padding-right: 5px;
    padding-left: 5px
}

.sm-gutter .row {
    margin-right: -5px;
    margin-left: -5px
}

.overlap-left-10 {
    position: relative;
    left: -10px
}

.rickshaw_graph {
    overflow: hidden
}

.dark .dd-handle {
    background: none repeat scroll 0 0 #dce0e8
}

.carousel {
    height: 100%;
    width: 100%
}

.demo-center-logo {
    left: 0;
    display: block;
    position: absolute;
    text-align: center;
    right: 0
}

button,input,label,select,textarea {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

button,input,select,textarea {
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif
}

.uneditable-input,input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-appearance: none!important;
    color: #282323;
    outline: 0;
    height: 16px;
    padding: 6px 11px!important;
    line-height: 16px;
    font-size: 16px;
    font-weight: 400;
    vertical-align: top;
    background-color: #fff;
    min-height: 37px;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ccc;
    transition: background .2s linear 0s,box-shadow .2s linear 0s
}

input {
    border: 1px solid #cecece
}

input.no-boarder {
    border: none
}

input.dark {
    background-color: #e5e9ec;
    border: none
}

input.error {
    border: 1px solid #f35958
}

textarea {
    height: auto;
    padding-left: 12px!important;
    padding-top: 10px!important
}

.m-uneditable-input:focus,.uneditable-input.focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus {
    border-color: #80d4f5;
    background-color: #f4f5f7;
    outline: 0!important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=file],select {
    height: 34px!important;
    line-height: 30px
}

select {
    width: 220px;
    background-color: #fff;
    background-image: none!important;
    border: 1px solid #e5e5e5;
    outline: 0;
    min-height: 35px;
    font-size: 15.2px;
    padding-left: 5px
}

select.xsmall {
    width: 64px!important
}

select.small {
    width: 134px!important
}

select.medium {
    width: 220px!important
}

select.large {
    width: 334px!important
}

select[multiple],select[size] {
    height: auto!important
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus,select:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important
}

input[class*=span] {
    float: none;
    height: 34px!important;
    margin-left: 0
}

select[class*=span],textarea[class*=span] {
    float: none;
    margin-left: 0
}

.input-lg {
    border-radius: 3px!important;
    font-size: 18px!important;
    height: 45px!important;
    line-height: 1.33!important
}

.input-sm {
    font-size: 13px!important;
    min-height: 29px!important
}

.input-append,.input-prepend {
    border: 0;
    display: inline-block
}

.input-append .add-on,.input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 24px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5
}

.input-append .add-on>.halflings-icon,.input-prepend .add-on>.fa,.input-prepend .add-on>i {
    margin-top: 5px;
    margin-left: 3px
}

.input-append .add-on>.fa,.input-append .add-on>.halflings-icon .input-append .add-on>i {
    margin-top: 5px;
    margin-left: 0
}

.input-append,.input-append:focus {
    border-right: 0!important
}

.input-append input,.input-append input[class*=span],.input-prepend input,.input-prepend input[class*=span] {
    display: inline-block!important;
    width: 100%;
    float: left
}

.xsmall {
    width: 50px!important
}

.small {
    width: 120px!important
}

.medium {
    width: 206px!important
}

.large {
    width: 320px!important
}

.huge {
    width: 480px!important;
    font-size: 24px!important;
    height: 36px!important;
    line-height: 36px!important;
    padding: 22px 8px!important
}

.checkbox,.radio {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0
}

.radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    margin-bottom: 6px;
    color: #4d5056
}

.radio label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: .5px;
    background-color: #fff;
    border: 1px solid #4d5056;
    border-radius: 99px
}

.radio label:after {
    font-size: 13px;
    content: "";
    text-align: center;
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 99px;
    left: 0;
    top: 1px;
    background-color: #6f7b8a;
    border: 1px solid #6f7b8a
}

.radio input[type=radio] {
    opacity: 0
}

.radio input[type=radio][disabled]+label {
    opacity: .65
}

.radio.radio-success label:after {
    background-color: #1976d2;
    border: 1px solid #1976d2
}

.radio.radio-success input[type=radio]:checked+label:before {
    border: 1px solid #1976d2
}

.radio.radio-primary label:after {
    background-color: #6d5eac;
    border: 1px solid #6d5eac
}

.radio.radio-primary input[type=radio]:checked+label:before {
    border: 1px solid #6d5eac
}

.radio.radio-info label:after {
    background-color: #0097a7;
    border: 1px solid #0097a7
}

.radio.radio-info label input[type=radio]:checked+:before {
    border: 1px solid #0097a7
}

.radio.radio-warning label:after {
    background-color: #f7cf5e;
    border: 1px solid #f7cf5e
}

.radio.radio-warning input[type=radio]:checked+label:before {
    border: 1px solid #f7cf5e
}

.radio.radio-danger label:after {
    background-color: #f35958;
    border: 1px solid #f35958
}

.radio.radio-danger input[type=radio]:checked+label:before {
    border: 1px solid #f35958
}

.radio input[type=radio]:checked+label {
    color: #35363a
}

.radio input[type=radio]:checked+label:after {
    -o-transform: scale(.63);
    -ms-transform: scale(.63);
    -moz-transform: scale(.63);
    -webkit-transform: scale(.63);
    transform: scale(.63);
    line-height: 18px;
    -o-transition: -o-transform .1s 0s cubic-bezier(.455,.03,.215,1.33);
    -ms-transition: -ms-transform .1s 0s cubic-bezier(.455,.03,.215,1.33);
    -moz-transition: -moz-transform .1s 0s cubic-bezier(.455,.03,.215,1.33);
    -webkit-transition: -webkit-transform .1s 0s cubic-bezier(.455,.03,.215,1.33);
    -o-transition: transform .1s 0s cubic-bezier(.455,.03,.215,1.33);
    -ms-transition: transform .1s 0s cubic-bezier(.455,.03,.215,1.33);
    -moz-transition: transform .1s 0s cubic-bezier(.455,.03,.215,1.33);
    -webkit-transition: transform .1s 0s cubic-bezier(.455,.03,.215,1.33);
    transition: transform .1s 0s cubic-bezier(.455,.03,.215,1.33)
}

.radio input[type=radio]:checked+label:before {
    border: 1px solid #8e9095
}

@media screen and (min-width: 0) and (min-resolution:0.001dpcm) {
    .radio {
        padding-left:0;
        margin-top: 0;
        margin-bottom: 0
    }

    .radio label::after {
        -ms-transform: scale(0)
    }
}

.radio-success.radio label::after {
    border: 1px solid #0090d9;
    background-color: #0090d9
}

.radio-success.radio input[type=radio]:checked+label::before {
    border: 1px solid #0090d9
}

.radio-primary.radio label::after {
    border: 1px solid #0aa699;
    background-color: #0aa699
}

.radio-primary.radio input[type=radio]:checked+label::before {
    border: 1px solid #0aa699
}

.radio-info.radio label::after {
    border: 1px solid #1f3853;
    background-color: #1f3853
}

.radio-info.radio label input[type=radio]:checked+::before {
    border: 1px solid #1f3853
}

.radio-warning.radio label::after {
    border: 1px solid #fbb05e;
    background-color: #fbb05e
}

.radio-warning.radio input[type=radio]:checked+label::before {
    border: 1px solid #fbb05e
}

.radio-danger.radio label::after {
    border: 1px solid #f35958;
    background-color: #f35958
}

.radio-danger.radio input[type=radio]:checked+label::before {
    border: 1px solid #f35958
}

.radio input[type=radio]:checked+label {
    color: #4d5056
}

.radio input[type=radio]:checked+label::before {
    border: 1px solid #8e9095
}

.radio input[type=radio]:checked+label::after {
    line-height: 18px;
    -ms-transform: scale(.63);
    -webkit-transition: transform .1s 0s cubic-bezier(.455,.03,.215,1.33);
    transition: transform .1s 0s cubic-bezier(.455,.03,.215,1.33);
    -webkit-transform: scale(.63);
    transform: scale(.63);
    -moz-transform: scale(.63);
    -o-transform: scale(.63);
    -moz-transition: transform .1s 0s cubic-bezier(.455,.03,.215,1.33);
    -o-transition: transform .1s 0s cubic-bezier(.455,.03,.215,1.33);
    -ms-transition: transform .1s 0s cubic-bezier(.455,.03,.215,1.33)
}

.checkbox input[type=radio][disabled]+label:after {
    background-color: #eceff3
}

.checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    margin-bottom: 6px;
    color: #4d5056;
    transition: border .2s linear 0s,color .2s linear 0s;
    margin-bottom: 10px;
    direction: ltr
}

.checkbox label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 1.4px;
    background-color: #fff;
    border: 1px solid #4d5056;
    border-radius: 3px;
    transition: border .2s linear 0s,color .2s linear 0s
}

.checkbox label::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 3.2px;
    top: 0;
    font-size: 11px;
    transition: border .2s linear 0s,color .2s linear 0s
}

.checkbox label:after {
    border-radius: 3px
}

.checkbox input[type=checkbox] {
    opacity: 0
}

.checkbox.checkbox-circle label:after {
    border-radius: 99px
}

.checkbox.checkbox-circle label:before {
    border-radius: 99px
}

.checkbox input[type=checkbox]:checked+label {
    color: #35363a
}

.checkbox input[type=checkbox]:checked+label::after {
    font-family: FontAwesome;
    content: "\f00c"
}

.checkbox input[type=checkbox][disabled]+label {
    opacity: .65
}

.checkbox input[type=checkbox][disabled]+label:before {
    background-color: #eceff3
}

.checkbox.check-success input[type=checkbox]:checked+label:before {
    background-color: #1976d2;
    border: 1px solid #1976d2
}

.checkbox.check-success input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox.check-primary input[type=checkbox]:checked+label:before {
    background-color: #6d5eac;
    border: 1px solid #6d5eac
}

.checkbox.check-primary input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox.check-info input[type=checkbox]:checked+label:before {
    background-color: #0097a7;
    border: 1px solid #0097a7
}

.checkbox.check-info input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox.check-warning input[type=checkbox]:checked+label:before {
    background-color: #f7cf5e;
    border: 1px solid #f7cf5e
}

.checkbox.check-warning input[type=checkbox]:checked+label::after {
    color: #fff
}

.checkbox.check-danger input[type=checkbox]:checked+label:before {
    background-color: #f35958;
    border: 1px solid #f35958
}

.checkbox.check-danger input[type=checkbox]:checked+label::after {
    color: #fff
}

table td .checkbox label {
    padding-left: 0
}

table th .checkbox label {
    padding-left: 0
}

table.fc-border-separate {
    margin-top: 20px
}

.star label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 18px;
    transition: border .2s linear 0s,color .2s linear 0s;
    margin-bottom: 10px
}

.star label:before {
    font-family: FontAwesome;
    content: "\f005";
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: -4px;
    font-size: 18px;
    color: #97a3b3;
    transition: border .2s linear 0s,color .2s linear 0s
}

.star input[type=checkbox] {
    display: none
}

.star input[type=checkbox]:checked+label:before {
    color: #ffd200
}

.wysihtml5-toolbar li {
    padding-left: 0
}

.bootstrap-tagsinput {
    border: 1px solid #e5e9ec;
    border-radius: 3px;
    box-shadow: none;
    width: 100%;
    transition: background .2s linear 0s
}

.bootstrap-tagsinput.active-element {
    background-color: #f4f5f7
}

.bootstrap-tagsinput input {
    border: none;
    margin-bottom: 0;
    min-height: 25px
}

.bootstrap-tagsinput .tag {
    vertical-align: middle;
    padding: 4px 9px;
    margin-top: 3px;
    display: inline-block
}

.bootstrap-tagsinput .tag [data-role=remove]:hover,.bootstrap-tagsinput .tag [data-role=remove]:hover:active {
    box-shadow: none
}

form {
    margin: 0
}

form legend {
    margin: 15px 0 10px 0!important
}

.column-seperation>div[class*=col-] {
    border-right: 1px solid #ddd
}

.column-seperation>div[class*=col-]:last-child {
    border-right: 0
}

.form-no-horizontal-spacing .row-fluid .side-label {
    border-right: 1px solid #ddd
}

.form-no-horizontal-spacing .error {
    margin-bottom: 10px
}

input.placeholder,textarea.placeholder {
    color: #aaa!important
}

.help-block {
    margin-top: 10px
}

.form-inline input {
    margin-bottom: 0!important
}

.form-label {
    margin-top: 2px
}

.form-label .required {
    color: #e02222;
    font-size: 12px;
    padding-left: 2px
}

.help-inline {
    margin-top: 6px
}

.help-small {
    font-size: 12px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.success .help-inline.ok:before {
    content: "\f00c";
    font-size: 16px;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block
}

.form-view legend,form legend {
    margin-bottom: 15px!important
}

.controls>.checkbox .checker,.controls>.radio .checker {
    margin-right: 2px!important
}

.controls>.checkbox,.controls>.radio {
    display: inline-block;
    padding: 0!important;
    margin: 0!important;
    margin-top: 8px!important;
    margin-right: 15px!important
}

.controls>.checkbox.line,.controls>.radio.line {
    display: block;
    padding: 0!important;
    margin: 0!important;
    margin-top: 5px!important
}

.controls .inline {
    margin-top: 8px
}

.form-view .control-group {
    margin-top: 0;
    margin-bottom: 5px
}

.uploader {
    margin-top: 2px!important
}

.hint {
    padding: 5px 0 0 10px
}

.form form {
    margin: 0!important;
    padding: 0!important
}

.form .form-actions {
    background-color: #f6f7f8!important;
    margin-top: 0!important;
    margin-top: 40px;
    padding-left: 190px
}

.form-actions {
    background-color: #f6f7f8;
    border: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 19px 20px 20px
}

.form-actions:after {
    clear: both
}

.form-actions:after,.form-actions:before {
    content: "";
    display: table;
    line-height: 0
}

.form-horizontal {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -4px
}

.form-horizontal.form-bordered .control-group {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee
}

.form-horizontal.form-bordered .control-group:first-child {
    border-bottom: 1px solid #eee!important
}

.form-horizontal.form-bordered .control-group.last {
    border-bottom: 0
}

.form-horizontal.form-bordered .control-group .controls {
    padding: 10px;
    position: relative;
    border-left: 1px solid #eee
}

.form-horizontal.form-bordered .control-group .controls .chosen-container {
    min-height: 32px
}

.form-horizontal.form-bordered .control-group .controls .chosen-container .help-block {
    clear: both;
    padding-top: 10px!important
}

.form-horizontal.form-bordered .control-group .control-label {
    margin-top: 10px
}

.form-horizontal.form-bordered.form-row-stripped .control-group:nth-child(even) {
    background-color: #fcfcfc
}

.form-horizontal.form-bordered.form-row-stripped .m-wrap {
    background: #fff!important
}

.form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) {
    background-color: #fcfcfc
}

.form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) .controls {
    background-color: #fff
}

.form-horizontal.form-bordered .help-block,.form-horizontal.form-bordered .help-inline {
    padding-left: 0
}

.grid.box .form .form-actions,.grid.solid .form .form-actions {
    margin-left: -10px!important;
    margin-right: -10px!important;
    margin-bottom: -10px!important
}

.wizard-steps {
    display: block;
    list-style: none outside none;
    padding: 0;
    position: relative;
    width: 100%
}

.wizard-steps li {
    display: block;
    float: left;
    max-width: 25%;
    min-width: 25%;
    text-align: center;
    padding-left: 0
}

.wizard-steps li:before {
    border-top: 6px solid #55606e;
    content: "";
    display: block;
    font-size: 0;
    overflow: hidden;
    position: relative;
    top: 13px;
    right: 1px;
    width: 100%;
    z-index: 1
}

.wizard-steps li:first-child:before {
    left: 50%;
    max-width: 50%
}

.wizard-steps li:last-child:before {
    max-width: 50%;
    width: 50%
}

.wizard-steps li.complete .step {
    background-color: #6d5eac;
    padding: 1px 6px;
    border: 4px solid #55606e
}

.wizard-steps li .step {
    background-color: #dce0e8;
    border-radius: 32px 32px 32px 32px;
    color: #fff;
    display: inline;
    font-size: 15.2px;
    font-weight: 700;
    line-height: 12px;
    padding: 4px 9px;
    position: relative;
    text-align: center;
    z-index: 2;
    transition: all .2s linear 0s
}

.wizard-steps li .step i {
    font-size: 10px;
    font-weight: 400;
    position: relative;
    top: -1.5px
}

.wizard-steps li .title {
    color: #b1bcc5;
    display: block;
    font-size: 13px;
    line-height: 15px;
    max-width: 100%;
    position: relative;
    table-layout: fixed;
    text-align: center;
    top: 20px;
    word-wrap: break-word;
    z-index: 104
}

.wizard-steps a:active,.wizard-steps a:focus,.wizard-steps a:hover {
    text-decoration: none
}

.wizard-steps li.active .step,.wizard-steps li.active.complete .step {
    background-color: #1976d2;
    color: #fff;
    font-weight: 700;
    padding: 10px 15px;
    border: none;
    font-size: 16px
}

.wizard-steps li.active .title,.wizard-steps li.complete .title {
    color: #2b3d53
}

.step-content {
    margin-left: 60px;
    margin-top: 40px
}

.step-content .step-pane {
    display: none;
    min-height: 267px
}

.step-content .active {
    display: block
}

.wizard-actions {
    display: block;
    list-style: none outside none;
    padding: 0;
    position: relative;
    width: 100%
}

.wizard-actions li {
    display: inline
}

.tab-content {
    overflow: auto;
    position: relative;
    z-index: 10;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 18px
}

.tab-content.transparent {
    background-color: transparent
}

.form-group {
    margin-bottom: 20px
}

.form-group .form-label {
    color: #55606e;
    display: inline-block;
    margin-right: 8px
}

.form-group .help {
    color: #a7abb1;
    font-size: 12px
}

.form-group .controls {
    margin-top: 8px
}

.form-control {
    border: 1px solid #ccc;
    font-size: 13px
}

.form-row input,.form-row select,.form-row select2,.form-row textarea {
    margin-bottom: 10px
}

.form-row .radio {
    margin-bottom: 7px
}

.form-row:last-child {
    margin-bottom: 0
}

.slide-primary,.slide-success {
    display: inline-block
}

.slide-primary .ios-switch .on-background {
    background-image: none;
    background-color: #6d5eac
}

.slide-success .ios-switch .on-background {
    background-image: none;
    background-color: #1976d2
}

.select2-container .select2-choice {
    background-image: none;
    border-radius: 2px;
    border: 1px solid #ccc;
    padding: 3px 9px;
    transition: border .2s linear 0s;
    height: 35px
}

.select2-container .select2-choice .select2-arrow {
    background: 0 0;
    border-left: 0
}

.select2-container .select2-choice .select2-arrow b {
    background: 0 0
}

.select2-container .select2-choice .select2-arrow b:before {
    font-family: FontAwesome;
    content: "\f0d7";
    position: relative;
    top: 2px;
    right: 5px;
    font-size: 12px
}

.select2-container.select2-drop-above .select2-choice {
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.select2-dropdown-open.select2-drop-above .select2-choice,.select2-dropdown-open.select2-drop-above .select2-choices {
    background-image: none;
    border: 1px solid #e5e9ec;
    background: #f4f5f7
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    -webkit-transform: scale(1,-1);
    -moz-transform: scale(1,-1);
    -ms-transform: scale(1,-1);
    -o-transform: scale(1,-1);
    transform: scale(1,-1)
}

.select2-drop.select2-drop-above {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: none
}

.select2-drop.select2-drop-above.select2-drop-active {
    border: 1px solid #e5e9ec;
    border-bottom: none;
    border-radius: 2px;
    padding-top: 0
}

.select2-container-active .select2-choice,.select2-container-active .select2-choices {
    box-shadow: none;
    border: 1px solid #e5e9ec;
    background: #f4f5f7;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.select2-search {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px
}

.select2-search input {
    background: #fff!important;
    vertical-align: baseline;
    line-height: 28px;
    border-radius: 2px;
    border: none;
    font-size: 12px;
    border: 1px solid #999
}

.select2-results {
    margin: 3px 10px 10px 3px
}

.select2-results li {
    color: #6f7b8a
}

.select2-results li.select2-result-with-children>.select2-result-label {
    color: #282323
}

.select2-results .select2-highlighted {
    background: #1976d2;
    border-radius: 3px
}

.select2-results .select2-highlighted .select2-result-label {
    color: #fff
}

.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit {
    background: 0 0;
    color: #6f7b8a;
    font-size: 12px;
    padding-left: 8px;
    padding-top: 0;
    position: relative;
    top: -5px
}

.select2-drop-active {
    border: 1px solid #e5e9ec;
    border-bottom: none;
    border-top: none;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    padding-top: 5px
}

.select2-container-multi .select2-choices {
    background-image: none;
    border: 1px solid #dae0e4;
    border-radius: 2px
}

.select2-container-multi .select2-choices .select2-search-choice {
    background-color: #e8edf1;
    background-image: none;
    border: none;
    box-shadow: none;
    color: inherit;
    border-radius: 8px;
    margin: 8px -5px 7px 10px;
    padding: 4px 8px 4px 21px;
    direction: ltr
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #dae0e4;
    box-shadow: none
}

.select2-container-multi.select2-container-active .select2-search-choice {
    background-color: #fff!important
}

.select2-container-multi .select2-search-choice-close {
    left: 6px
}

.select2-search-choice-close {
    background: 0 0;
    top: 4px;
    right: 0
}

.select2-search-choice-close:hover {
    text-decoration: none
}

.select2-search-choice-close:before {
    font-family: FontAwesome;
    content: "\f00d";
    font-size: 12px;
    color: #94a1b2
}

.select2-drop-multi .select2-results .select2-no-results,.select2-drop-multi .select2-results .select2-searching,.select2-drop-multi .select2-results .select2-selection-limit {
    top: 0
}

.select2.form-control {
    padding: 0;
    box-shadow: none;
    border: 0
}

.input-append .add-on:last-child,.input-append .btn-group:last-child>.dropdown-toggle,.input-append .btn:last-child {
    border-radius: 0 2px 2px 0
}

.input-prepend .btn:first-child,.input-prepend.inside .add-on:first-child {
    background-color: #fff;
    border: 1px solid #e5e9ec;
    position: relative;
    left: 3px;
    border-radius: 2px;
    padding-left: 8px;
    padding-right: 4px;
    padding-top: 4px;
    top: 0;
    transition: border .2s linear 0s,box-shadow .2s linear 0s,color .2s linear 0s,box-shadow .2s linear 0s,background .2s linear 0s;
    color: #9ea9b2
}

.input-prepend.inside.no-boarder .add-on:first-child,.input-prepend.no-boarder .btn:first-child {
    border: none
}

.input-append .add-on,.input-prepend .add-on {
    position: absolute;
    background-color: #dce0e8;
    color: #5e5e5e;
    text-shadow: none;
    border: #dce0e8;
    border-radius: 0 2px 2px 0;
    height: 37px;
    min-width: 34px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 6px
}

.input-append .add-on .arrow {
    background-color: transparent!important;
    position: absolute;
    left: -6px;
    color: #dce0e8;
    z-index: 100;
    font-size: 26px
}

.input-append .add-on .arrow:before {
    font-family: FontAwesome;
    content: "\f0d9"
}

.input-append.primary .add-on .arrow {
    color: #6d5eac
}

.input-append.success .add-on .arrow {
    color: #1976d2
}

.input-append.info .add-on .arrow {
    color: #0097a7
}

.input-append.warning .add-on .arrow {
    color: #f7cf5e
}

.input-append.danger .add-on .arrow {
    color: #f35958
}

.input-append input[class*=span] {
    padding-left: 16px;
    border-right: 0;
    -webkit-border-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 2px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-append .form-control {
    display: inline-block
}

.input-append.primary .add-on,.input-prepend .add-on {
    background-color: #6d5eac;
    color: #fff
}

.input-append.success .add-on,.input-prepend .add-on {
    background-color: #1976d2;
    color: #fff;
    display: inline-block;
    float: left
}

.input-append.info .add-on,.input-prepend .add-on {
    background-color: #0097a7;
    color: #fff
}

.input-append.warning .add-on,.input-prepend .add-on {
    background-color: #f7cf5e;
    color: #fff
}

.input-append.danger .add-on,.input-prepend .add-on {
    background-color: #f35958;
    color: #fff
}

.input-focus {
    background-color: #f4f5f7!important;
    color: #56646e!important
}

.no-boarder .input-focus {
    border: none!important
}

.input-prepend input[class*=span] {
    padding-left: 16px;
    border-left: 0;
    -webkit-border-radius: 2px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 2px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-radius: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-with-icon {
    position: relative
}

.input-with-icon input {
    padding-left: 32px!important
}

.input-with-icon i {
    color: #e5e9ec;
    display: block;
    position: absolute;
    margin: 9px 2px 4px 10px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center
}

.input-with-icon.right input {
    padding-left: 12px!important;
    padding-right: 33px!important
}

.input-with-icon.right i {
    right: 8px;
    float: right
}

.input-group-addon {
    border: 1px solid #e5e9ec;
    color: #9ea9b2;
    font-size: 14px;
    padding: 6px 10px;
    border-radius: 3px;
    transition: border .2s linear 0s,box-shadow .2s linear 0s,color .2s linear 0s,box-shadow .2s linear 0s,background .2s linear 0s
}

.input-group-addon i {
    position: relative;
    top: 1px
}

.input-group-addon.primary {
    background-color: #6d5eac;
    border: 1px solid #6d5eac;
    color: #fff;
    background-color: #6d5eac;
    border: 1px solid #6d5eac;
    color: #fff
}

.input-group-addon.primary .arrow {
    color: #6d5eac
}

.input-group-addon.success {
    background-color: #1976d2;
    color: #fff
}

.input-group-addon.success .arrow {
    color: #1976d2
}

.input-group-addon.info {
    background-color: #42a5f5;
    color: #fff
}

.input-group-addon.info .arrow {
    color: #1f3853
}

.input-group-addon.warning {
    background-color: #fbb05e;
    color: #fff;
    background-color: #fbb05e;
    color: #fff
}

.input-group-addon.warning .arrow {
    color: #fbb05e
}

.input-group-addon.danger {
    background-color: #f35958;
    color: #fff
}

.input-group-addon.danger .arrow {
    color: #f35958
}

.input-group-addon .arrow {
    position: relative;
    right: -6px;
    color: #dce0e8;
    z-index: 100
}

.input-group-addon .arrow:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 23px;
    position: absolute;
    left: 17px;
    top: -2px
}

.input-group-addon:last-child .arrow:before {
    font-family: FontAwesome;
    content: "\f0d9";
    font-size: 23px;
    position: absolute;
    left: -23px;
    top: -2px
}

.input-group-addon:last-child input {
    border-left: 0
}

.transparent .input-group-addon {
    background-color: #fff;
    padding: 8px 1px 10px 9px
}

.transparent .input-group-addon:first-child,.transparent .input-group-btn:first-child>.btn,.transparent .input-group-btn:first-child>.dropdown-toggle,.transparent .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.transparent.input-group .form-control:first-child {
    border-right: 0;
    border-left: 1px solid #e5e9ec
}

.transparent .input-group .form-control:last-child,.transparent .input-group-addon:last-child,.transparent .input-group-btn:first-child>.btn:not(:first-child),.transparent .input-group-btn:last-child>.btn,.transparent .input-group-btn:last-child>.dropdown-toggle {
    padding: 6px 10px
}

.datepicker {
    padding: 10px 16px;
    border-radius: 2px;
    font-size: 12px
}

.datepicker thead tr .datepicker-switch {
    color: #6f7b8a;
    font-size: 13px
}

.datepicker thead tr .prev {
    color: #1976d2;
    content: "";
    font-size: 0
}

.datepicker thead tr .prev:before {
    color: #1976d2;
    font-family: FontAwesome;
    content: "\f053";
    font-size: 13px
}

.datepicker thead tr .next {
    color: #1976d2;
    content: "";
    font-size: 0
}

.datepicker thead tr .next:before {
    color: #1976d2;
    font-family: FontAwesome;
    content: "\f054";
    font-size: 13px
}

.datepicker thead tr .dow {
    color: #1976d2;
    text-transform: uppercase;
    font-size: 11px
}

.datepicker tbody tr .odd {
    color: #d0d3d8
}

.datepicker table tr td.day:hover {
    background: #eee;
    opacity: .65
}

.datepicker table tr td span {
    border-radius: 4px 4px 4px 4px
}

.datepicker td,.datepicker th {
    padding: 5.5px!important
}

.datepicker table tr td.new,.datepicker table tr td.old {
    color: #d0d3d8
}

.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover {
    background-image: none;
    text-shadow: none;
    font-weight: 600
}

.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover {
    background-color: #e5e9ec;
    background-image: none;
    color: #fff
}

.datepicker table tr td.active.active,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.active:hover,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled.disabled:hover,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled[disabled]:hover,.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active[disabled],.datepicker table tr td.active[disabled]:hover {
    background-color: #1976d2
}

.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover {
    background-image: none;
    border: none;
    text-shadow: none
}

.datepicker table tr td span.active.active,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active[disabled]:hover {
    background-color: #1976d2
}

.datepicker-inline {
    width: auto
}

.error {
    font-size: 12px;
    color: #f35958;
    display: block
}

.error-control input {
    border: 1px solid #f35958
}

.error-control select {
    border: 1px solid #f35958
}

.error-control textarea {
    border: 1px solid #f35958
}

.error-control .select2-container .select2-choice {
    border: 1px solid #f35958
}

.error-control.input-with-icon .select2-container .select2-choice .select2-arrow b:before {
    content: "\f12a";
    color: #f35958
}

.error-control.input-with-icon .select2-container .select2-choice .select2-arrow b {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1)
}

.error-control i {
    color: #f35958
}

.success-control input {
    border: 1px solid #27cebc
}

.success-control select {
    border: 1px solid #27cebc
}

.success-control textarea {
    border: 1px solid #27cebc
}

.success-control .select2-container .select2-choice {
    border: 1px solid #27cebc
}

.success-control.input-with-icon .select2-container .select2-choice .select2-arrow b:before {
    content: "\f00c";
    color: #27cebc
}

.success-control.input-with-icon .select2-container .select2-choice .select2-arrow b {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1)
}

.success-control i {
    color: #27cebc
}

.datepicker-bg .datepicker {
    padding: 10px 16px;
    border-radius: 2px;
    font-size: 15.2px
}

.datepicker-bg .datepicker thead tr .datepicker-switch {
    color: #6f7b8a;
    font-size: 16px
}

.datepicker-bg .datepicker thead tr .prev {
    color: #1976d2;
    content: "";
    font-size: 0
}

.datepicker-bg .datepicker thead tr .prev:before {
    color: #1976d2;
    font-family: FontAwesome;
    content: "\f053";
    font-size: 16px
}

.datepicker-bg .datepicker thead tr .next {
    color: #1976d2;
    content: "";
    font-size: 0
}

.datepicker-bg .datepicker thead tr .next:before {
    color: #1976d2;
    font-family: FontAwesome;
    content: "\f054";
    font-size: 16px
}

.datepicker-bg .datepicker thead tr .dow {
    color: #1976d2;
    text-transform: uppercase;
    font-size: 15.2px
}

.datepicker-bg .datepicker tbody tr .odd {
    color: #d0d3d8
}

.datepicker-bg .datepicker table tr td.day:hover {
    background: #eee;
    opacity: .65
}

.datepicker-bg .datepicker table tr td span {
    border-radius: 4px 4px 4px 4px
}

.datepicker-bg .datepicker td,.datepicker-bg .datepicker th {
    padding: 5.5px!important
}

.datepicker-bg .datepicker table tr td.new,.datepicker-bg .datepicker table tr td.old {
    color: #d0d3d8
}

.datepicker-bg .datepicker table tr td.active,.datepicker-bg .datepicker table tr td.active.disabled,.datepicker-bg .datepicker table tr td.active.disabled:hover,.datepicker-bg .datepicker table tr td.active:hover {
    background-image: none;
    text-shadow: none;
    font-weight: 600
}

.datepicker-bg .datepicker table tr td.today,.datepicker-bg .datepicker table tr td.today.disabled,.datepicker-bg .datepicker table tr td.today.disabled:hover,.datepicker-bg .datepicker table tr td.today:hover {
    background-color: #e5e9ec;
    background-image: none;
    color: #fff
}

.datepicker-bg .datepicker table tr td.active.active,.datepicker-bg .datepicker table tr td.active.active:hover,.datepicker-bg .datepicker table tr td.active.disabled,.datepicker-bg .datepicker table tr td.active.disabled.active,.datepicker-bg .datepicker table tr td.active.disabled.active:hover,.datepicker-bg .datepicker table tr td.active.disabled.disabled,.datepicker-bg .datepicker table tr td.active.disabled.disabled:hover,.datepicker-bg .datepicker table tr td.active.disabled:active,.datepicker-bg .datepicker table tr td.active.disabled:hover,.datepicker-bg .datepicker table tr td.active.disabled:hover:active,.datepicker-bg .datepicker table tr td.active.disabled:hover:hover,.datepicker-bg .datepicker table tr td.active.disabled[disabled],.datepicker-bg .datepicker table tr td.active.disabled[disabled]:hover,.datepicker-bg .datepicker table tr td.active:active,.datepicker-bg .datepicker table tr td.active:hover,.datepicker-bg .datepicker table tr td.active:hover:active,.datepicker-bg .datepicker table tr td.active:hover:hover,.datepicker-bg .datepicker table tr td.active[disabled],.datepicker-bg .datepicker table tr td.active[disabled]:hover {
    background-color: #1976d2
}

.datepicker-bg .datepicker table tr td span.active,.datepicker-bg .datepicker table tr td span.active.disabled,.datepicker-bg .datepicker table tr td span.active.disabled:hover,.datepicker-bg .datepicker table tr td span.active:hover {
    background-image: none;
    border: none;
    text-shadow: none
}

.datepicker-bg .datepicker table tr td span.active.active,.datepicker-bg .datepicker table tr td span.active.active:hover,.datepicker-bg .datepicker table tr td span.active.disabled,.datepicker-bg .datepicker table tr td span.active.disabled.active,.datepicker-bg .datepicker table tr td span.active.disabled.active:hover,.datepicker-bg .datepicker table tr td span.active.disabled.disabled,.datepicker-bg .datepicker table tr td span.active.disabled.disabled:hover,.datepicker-bg .datepicker table tr td span.active.disabled:active,.datepicker-bg .datepicker table tr td span.active.disabled:hover,.datepicker-bg .datepicker table tr td span.active.disabled:hover:active,.datepicker-bg .datepicker table tr td span.active.disabled:hover:hover,.datepicker-bg .datepicker table tr td span.active.disabled[disabled],.datepicker-bg .datepicker table tr td span.active.disabled[disabled]:hover,.datepicker-bg .datepicker table tr td span.active:active,.datepicker-bg .datepicker table tr td span.active:hover,.datepicker-bg .datepicker table tr td span.active:hover:active,.datepicker-bg .datepicker table tr td span.active:hover:hover,.datepicker-bg .datepicker table tr td span.active[disabled],.datepicker-bg .datepicker table tr td span.active[disabled]:hover {
    background-color: #1976d2
}

.datepicker-bg .datepicker-inline {
    width: auto
}

.grid {
    clear: both;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 0
}

.grid.closed .grid-body {
    display: none;
    overflow: hidden
}

.grid.box {
    padding: 0!important
}

.grid.box .form-horizontal.form-bordered .control-group {
    margin-left: -10px;
    margin-right: -10px
}

.grid.box .form-horizontal.form-bordered .control-group:first-child {
    margin-top: -10px
}

.grid.box .grid-title {
    padding: 8px 10px 2px 10px;
    border-bottom: 1px solid #eee;
    color: #fff!important;
    margin-bottom: 0
}

.grid.box .grid-title>.actions>.btn>i {
    color: #fff!important
}

.grid.box .grid-title .tools {
    margin-top: 3px
}

.grid.box .grid-title .tools a {
    background: url(../images/icon/portlet-tray.png) no-repeat;
    width: 23px;
    height: 23px
}

.grid.box .grid-body {
    background-color: #fff;
    padding: 10px
}

.grid.box.blue {
    border: 1px solid #b4cef8;
    border-top: 0
}

.grid.box.blue .grid-title {
    background-color: #58acf3
}

.grid.box.red {
    border: 1px solid #f35958;
    border-top: 0
}

.grid.box.red .grid-title {
    background-color: #f35958
}

.grid.box.yellow {
    border: 1px solid #fccb7e;
    border-top: 0
}

.grid.box.yellow .grid-title {
    background-color: #ffb848
}

.grid.box.green {
    border: 1px solid #27cebc;
    border-top: 0
}

.grid.box.green .grid-title {
    background-color: #27cebc
}

.grid.box.purple {
    border: 1px solid #af5cc1;
    border-top: 0
}

.grid.box.purple .grid-title {
    background-color: #852b99
}

.grid.box.grey {
    border: 1px solid #9d9c9c;
    border-top: 0
}

.grid.box.grey .grid-title {
    background-color: #555
}

.grid.box.light-grey {
    border: 1px solid #eee;
    border-top: 0
}

.grid.box.light-grey .grid-title {
    background-color: #aaa
}

.grid .simple .form-actions {
    margin-left: 20px!important;
    margin-right: 20px!important;
    margin-bottom: 20px!important
}

.grid .solid .grid-title {
    color: #fff!important;
    border-bottom: 1px solid #fff
}

.grid.solid .grid-title {
    margin-bottom: 5px;
    border: 0;
    padding: 13px 15px 6px;
    border-bottom: 1px solid rgba(255,255,255,.35)!important
}

.grid.solid .grid-title .tools {
    margin-top: 2px;
    border: 0
}

.grid.solid .grid-title h4 {
    color: #fff
}

.grid.solid .grid-body {
    color: #fff;
    padding: 20px
}

.grid.solid .grid-body h3 {
    color: #fff
}

.grid.simple {
    padding: 0!important
}

.grid.simple .grid-title {
    padding: 14px 15px 7px 15px;
    border-bottom: 1px solid #eee;
    color: #282323!important;
    background-color: #fff;
    margin-bottom: 0;
    border: 1px solid #ddd;
    border-bottom: 0
}

.grid.simple .grid-title>.actions>.btn>i {
    color: #fff!important
}

.grid.simple .grid-title .tools {
    margin-top: 0;
    position: relative
}

.grid.simple .grid-title.no-border {
    border: 0;
    border-bottom: 0
}

.grid.simple .form-actions {
    margin-right: -26px!important;
    margin-left: -26px!important;
    margin-bottom: -26px!important
}

.grid.simple.transparent .grid-body {
    background-color: transparent!important;
    border: none
}

.grid.simple.transparent .grid-title {
    border: none;
    border-bottom: 1px solid #d7dbe0;
    background-color: transparent
}

.grid.simple .grid-body {
    background-color: #fff;
    padding: 26px;
    border: 1px solid #ddd;
    color: #393a3c
}

.grid.simple .grid-body.no-padding {
    padding: 0
}

.grid.simple .grid-body .wrap-body {
    padding: 0 26px;
    padding-top: 10px
}

.grid.simple .grid-body.no-border {
    border: 0;
    padding-top: 1px
}

.grid.simple .grid-body h4 {
    color: #282323
}

.grid.simple .grid-body h3 {
    color: #282323
}

.grid.simple .grid-body.invoice-body {
    padding: 30px
}

.grid.simple .grid-body.invoice-body .invoice-logo {
    margin-bottom: 18px
}

.grid.simple.vertical.green {
    border-left: 4px solid #27cebc;
    border-top: none!important
}

.grid.simple.vertical.red {
    border-left: 4px solid #f35958;
    border-top: none!important;
    border-left: 4px solid #f35958;
    border-top: none!important
}

.grid.simple.vertical.purple {
    border-left: 4px solid #736086;
    border-top: none!important;
    border-left: 4px solid #736086;
    border-top: none!important
}

.grid.simple.vertical.blue {
    border-left: 4px solid #0090d9;
    border-top: none!important;
    border-left: 4px solid #0090d9;
    border-top: none!important
}

.grid.simple.horizontal.red .grid-title {
    border-top: 4px solid #f35958
}

.grid.simple.horizontal.yellow .grid-title {
    border-top: 4px solid #ffb848
}

.grid.simple.horizontal.green .grid-title {
    border-top: 4px solid #27cebc
}

.grid.simple.horizontal.purple .grid-title {
    border-top: 4px solid #852b99
}

.grid.simple.horizontal.grey .grid-title {
    border-top: 4px solid #555
}

.grid.simple.horizontal.light-grey .grid-title {
    border-top: 4px solid #aaa
}

.grid:after,.grid:before {
    display: table
}

.grid-title {
    margin-bottom: 15px;
    border-bottom: 1px solid #eee
}

.grid-title h4 {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-bottom: 7px;
    width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.grid-title h4 i {
    font-size: 14px;
    margin-right: 5px;
    color: #666
}

.grid-title.descriptive {
    padding-left: 23px!important;
    padding-top: 20px!important
}

.grid-title.descriptive .actions {
    margin-right: 14px;
    margin-top: -16px
}

.grid-title.descriptive .actions a {
    color: #4c5264
}

.grid-title.descriptive .actions a:hover {
    opacity: .5
}

.grid-title.descriptive .actions i {
    font-size: 22px;
    margin-right: 10px
}

.grid-title.descriptive p {
    display: inline-block;
    width: 60%;
    white-space: nowrap;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #7a7d82;
    font-size: 12px
}

.grid-title.clickable {
    cursor: pointer
}

.grid-title .tools>a {
    display: inline-block;
    height: 16px;
    margin-left: 5px
}

.grid-title .tools>a:hover {
    text-decoration: none;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    opacity: .6
}

.grid-title .dropdown-menu i {
    color: #000
}

.grid-title .actions>.btn-group {
    margin-top: -12px
}

.grid-title .actions>.btn-group>.btn {
    padding: 4px 10px;
    margin-top: -1px
}

.grid-title .actions>.btn {
    padding: 4px 10px;
    margin-top: -13px
}

.grid-title .actions>.btn.mini {
    margin-top: -12px;
    padding: 4px 10px
}

.grid-title .pagination.pagination-small {
    display: inline-block!important;
    margin: 0;
    margin-top: -2px
}

.survey-form .grid-title h4,.survey-form .grid-title.descriptive p {
    white-space: normal;
    width: 100%
}

.grid-title .actions,.grid-title .tools {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-top: 6px;
    float: right
}

.grid-body {
    clear: both;
    padding: 0
}

.grid-body .btn-toolbar {
    margin: 0!important;
    padding: 0!important
}

.grid-body .slimScrollBar {
    margin-right: 0!important
}

.grid-body.light-blue,.grid.light-blue {
    background-color: #bfd5fa!important
}

.grid-body.blue,.grid.blue {
    background-color: #58acf3!important
}

.grid-body.red,.grid.red {
    background-color: #f35958!important
}

.grid-body.yellow,.grid.yellow {
    background-color: #ffb848!important
}

.grid-body.green,.grid.green {
    background-color: #27cebc!important
}

.grid-body.purple,.grid.purple {
    background-color: #852b99!important
}

.grid-body.light-grey,.grid.light-grey {
    background-color: #fafafa!important
}

.grid-body.dark-grey,.grid.dark-grey {
    background-color: #555!important
}

.sortable .grid .grid-title {
    cursor: move
}

.ui-sortable {
    min-height: 10px!important
}

.ui-sortable-placeholder {
    border: 1px dotted #000;
    visibility: visible!important;
    height: 100%!important
}

.ui-sortable-placeholder * {
    visibility: hidden
}

.sortable-box-placeholder {
    background-color: #f5f5f5;
    border: 1px dashed #ddd;
    display: block;
    margin-top: 0!important;
    margin-bottom: 24px!important
}

.sortable-box-placeholder * {
    visibility: hidden
}

.grid.simple .grid-title .tools a,.grid.solid .grid-title .tools a {
    position: relative;
    background: url(../images/icon/portlet-tray.png) no-repeat;
    transition: all .1s linear 0s
}

.grid.simple .grid-title .tools>a.remove,.grid.solid .grid-title .tools>a.remove {
    background-position: -66px -38px;
    width: 10px;
    height: 10px;
    top: -5px
}

.grid.simple .grid-title .tools>a.config,.grid.solid .grid-title .tools>a.config {
    background-position: -3px -32px;
    width: 22px;
    height: 22px
}

.grid.simple .grid-title .tools>a.reload,.grid.solid .grid-title .tools>a.reload {
    background-position: -37px -38px;
    width: 12px;
    height: 10px;
    top: -5px
}

.grid.simple .grid-title .tools>a.expand,.grid.solid .grid-title .tools>a.expand {
    background-position: -123px -40px;
    width: 10px;
    height: 6px;
    top: -5px
}

.grid.simple .grid-title .tools>a.collapse,.grid.solid .grid-title .tools>a.collapse {
    background-position: -95px -40px;
    width: 9px;
    height: 7px;
    top: -5px
}

.alert {
    color: #ce8f22;
    background-color: #fffcee;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
    padding: 9px 19px 9px 15px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #f0dbb4;
    -webkit-transition: all .2s linear 0s;
    transition: all .2s linear 0s
}

.alert .link {
    color: #ce8f22;
    font-weight: 700
}

.alert .alert-heading {
    color: #ce8f22!important;
    margin-bottom: 5px;
    font-weight: 600
}

.alert .btn-small {
    position: relative;
    top: -3.5px
}

.alert .button-set .btn {
    position: relative;
    top: 8px
}

.alert .close {
    background: url(../images/icon/noti-cross.png) no-repeat scroll 0 0 transparent;
    background-position: -9px -10px;
    width: 10px;
    height: 9px;
    position: relative;
    opacity: .8;
    top: 4.5px;
    float: right;
    margin-left: 20px
}

.alert .close:hover {
    opacity: 1
}

.alert-success {
    color: #438a85;
    background-color: #f3faf8;
    border-color: #bfd1cf
}

.alert-success .link {
    color: #438a85
}

.alert-success .alert-heading {
    color: #438a85!important
}

.alert-success .close {
    background-position: -38px -10px!important
}

.alert-info {
    color: #246a8e;
    background-color: #ebf6fb;
    border-color: #bfd4de
}

.alert-info .link {
    color: #246a8e
}

.alert-info .alert-heading {
    color: #246a8e!important
}

.alert-info .close {
    background-position: -67px -10px!important
}

.alert-danger,.alert-error {
    color: #e76e70;
    background-color: #fff6f4;
    border-color: #f8cdcd
}

.alert-danger .link,.alert-error .link {
    color: #e76e70
}

.alert-danger .alert-heading,.alert-error .alert-heading {
    color: #e76e70!important
}

.alert .alert-danger .close,.alert-error .close {
    background-position: -95px -10px!important
}

.alert-block {
    padding: 15px 19px 15px 17px
}

.popover-content .notification-messages {
    padding: 15px 18px 15px
}

.notification-messages {
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    background-color: #eef9f8;
    padding: 15px 18px 10px;
    display: block;
    color: #8b91a0;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.notification-messages.success {
    background-color: #eef9f8
}

.notification-messages.success:hover {
    background-color: #d9edf1;
    cursor: pointer
}

.notification-messages.success .iconholder i {
    color: #f35958
}

.notification-messages.danger {
    background-color: #fef2f2
}

.notification-messages.danger:hover {
    background-color: #fae1e1;
    cursor: pointer
}

.notification-messages.danger .iconholder i {
    color: #f35958
}

.notification-messages.info {
    background-color: #edf7fc
}

.notification-messages.info:hover {
    background-color: #d8ebf4;
    cursor: pointer
}

.notification-messages.info .iconholder i {
    color: #f35958
}

.notification-messages .message-wrapper {
    display: inline-block;
    width: 70%;
    height: 43px;
    float: left
}

.notification-messages .message-wrapper .heading {
    display: block;
    float: left;
    text-align: left;
    color: #1b1e24;
    font-size: 15.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    width: 100%;
    margin: 0;
    line-height: 19px;
    font-weight: 600
}

.notification-messages .message-wrapper .description {
    display: block;
    float: left;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    font-size: 15.2px;
    width: 100%;
    line-height: 19px
}

.notification-messages .date {
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    font-style: italic;
    opacity: .4
}

.notification-messages .user-profile {
    border-radius: 100px 100px 100px 100px;
    display: inline-block;
    float: left;
    height: 35px;
    overflow: hidden;
    width: 35px;
    margin-right: 10px;
    margin-top: 2px
}

.notification-messages .iconholder {
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 5px
}

.notification-messages .iconholder i {
    font-size: 28px
}

.tooltip-inner {
    padding: 6px 9px
}

.progress {
    height: 12px;
    background-color: #e9ecee;
    background-image: none;
    box-shadow: none
}

.progress.no-radius {
    border-radius: 0
}

.progress.no-radius .progress-bar {
    border-radius: 0
}

.progress.transparent {
    background-color: rgba(0,0,0,.28)
}

.progress.progress-small {
    height: 4px
}

.progress.progress-large {
    height: 20px
}

.progress-bar {
    box-shadow: none;
    border-radius: 3px;
    background-color: #0090d9;
    background-image: none;
    -webkit-transition-timing-function: cubic-bezier(.785,.135,.15,.86);
    -moz-transition-timing-function: cubic-bezier(.785,.135,.15,.86);
    -ms-transition-timing-function: cubic-bezier(.785,.135,.15,.86);
    -o-transition-timing-function: cubic-bezier(.785,.135,.15,.86);
    transition-timing-function: cubic-bezier(.785,.135,.15,.86);
    float: left
}

.progress-bar-success {
    background-color: #6d5eac;
    background-image: none
}

.progress-bar-info {
    background-color: #1976d2;
    background-image: none
}

.progress-bar-warning {
    background-color: #fdd01c;
    background-image: none
}

.progress-bar-danger {
    background-color: #f35958;
    background-image: none
}

.progress-bar-white {
    background-color: #fff;
    background-image: none
}

.progress-bar-black {
    background-color: #1b1e24;
    background-image: none
}

.progress .bar-info,.progress-info .bar {
    background-color: #0097a7;
    background-image: none
}

.progress .bar-warning,.progress-warning .bar {
    background-color: #fdd01c;
    background-image: none
}

.progress .bar-danger,.progress-danger .bar {
    background-color: #f35958;
    background-image: none
}

.progress .bar-white,.progress-white .bar {
    background-color: #fff;
    background-image: none
}

.progress-striped .bar-success,.progress-success.progress-striped .bar {
    background-color: #1976d2
}

.progress-info.progress-striped .bar,.progress-striped .bar-info {
    background-color: #0097a7
}

.details-status-single {
    display: inline-block;
    background-color: #e5e9ec;
    color: #5c6370;
    font-size: 14px;
    padding: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.label {
    padding: 3px 9px;
    font-size: 11px;
    text-shadow: none;
    background-color: #dce0e8;
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    font-weight: 600;
    color: #5e5e5e
}

.badge {
    text-shadow: none;
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    font-weight: 600;
    background-color: #dce0e8;
    font-size: 11px;
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 4px;
    color: #5e5e5e
}

.badge-primary,.label-primary {
    background-color: #1976d2;
    color: #fff
}

.badge-success,.label-success {
    background-color: #6d5eac;
    color: #fff
}

.badge-warning,.label-warning {
    background-color: #fdd01c;
    color: #fff
}

.badge-important,.label-important {
    background-color: #f35958;
    color: #fff
}

.badge-danger,.label-danger {
    background-color: #f35958;
    color: #fff
}

.badge-info,.label-info {
    background-color: #1976d2;
    color: #fff
}

.badge-inverse,.label-inverse {
    background-color: #1f3853;
    color: #fff
}

.badge-white,.label-white {
    background-color: #fff;
    color: #5e5e5e
}

.badge-disable,.label-white {
    background-color: #2a2e36;
    color: #8b91a0
}

.popover {
    border-radius: 3px;
    border: none;
    -webkit-box-shadow: 0 0 5px rgba(86,96,117,.15);
    -moz-box-shadow: 0 0 5px rgba(86,96,117,.15);
    box-shadow: 0 0 5px rgba(86,96,117,.15);
    max-width: 350px
}

.popover.right .arrow {
    border-right-color: rgba(0,0,0,.08)
}

.popover.left .arrow {
    border-right-color: rgba(0,0,0,.08)
}

.popover.top .arrow {
    border-right-color: rgba(0,0,0,.08)
}

.popover.bottom .arrow:after {
    top: 0;
    margin-left: -11px
}

.popover .arrow:after {
    border-width: 11px
}

.popover-title {
    background-color: #fff;
    margin: 0 5px;
    font-weight: 700;
    color: #505458!important;
    text-align: center
}

.modal {
    border-radius: 3px
}

.modal-header {
    text-align: center
}

.modal-header p {
    color: #8b91a0
}

.modal-body {
    background-color: #f9f9f9
}

.modal-footer {
    border-top: none;
    box-shadow: none;
    background-color: #f3f5f6;
    margin-top: 0;
    text-align: right
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

::-webkit-input-placeholder {
    font-size: 15.2px;
    color: #555
}

:-moz-placeholder {
    font-size: 15.2px;
    color: #555
}

::-moz-placeholder {
    font-size: 15.2px;
    color: #555
}

:-ms-input-placeholder {
    font-size: 15.2px;
    color: #555
}

.tiles-container {
    margin-left: 0;
    margin-right: 0
}

.tiles {
    background-color: #bcbcbc;
    color: #fff;
    position: relative
}

.tiles.overflow-hidden {
    overflow: hidden
}

.tiles.full-height {
    height: 100%
}

.tiles.added-margin {
    margin-right: -10px
}

.tiles.no-margin {
    margin-right: 0
}

.tiles.margin-reset {
    margin-left: 37px
}

.tiles .tiles-title {
    font-size: 10.5px;
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    letter-spacing: .5px;
    font-weight: 600
}

.tiles .tiles-body {
    padding: 19px 18px 15px 24px
}

.tiles .controller {
    position: relative;
    display: inline-block;
    float: right
}

.tiles .controller a {
    position: relative;
    background: url(../images/icon/portlet-tray.png) no-repeat;
    transition: all .1s linear 0s;
    display: inline-block
}

.tiles .controller a.remove {
    background-position: -66px -38px;
    height: 10px;
    top: -5px;
    width: 10px
}

.tiles .controller a.config {
    background-position: -3px -32px;
    height: 22px;
    width: 22px
}

.tiles .controller a.reload {
    background-position: -37px -38px;
    height: 10px;
    top: -5px;
    width: 12px
}

.tiles .controller a.expand {
    background-position: -123px -11px;
    width: 10px;
    height: 6px;
    top: -5px
}

.tiles .controller a:hover.collapse {
    background-position: -95px -40px;
    height: 7px;
    top: -5px;
    width: 9px;
    background-position: -95px -40px;
    height: 7px;
    top: -5px;
    width: 9px
}

.tiles .controller a:hover.remove {
    background-position: -66px -9px;
    height: 10px;
    top: -5px;
    width: 10px
}

.tiles .controller a:hover.config {
    background-position: -3px -32px;
    height: 22px;
    width: 22px
}

.tiles .controller a:hover.reload {
    background-position: -38px -9px;
    height: 10px;
    top: -5px;
    width: 12px
}

.tiles .controller a:hover.expand {
    background-position: -123px -11px;
    width: 10px;
    height: 6px;
    top: -5px
}

.tiles.white {
    background-color: #fff;
    color: #8b91a0
}

.tiles.white .controller a.remove:hover {
    background-position: -66px -38px;
    height: 10px;
    top: -5px;
    width: 10px;
    opacity: .6
}

.tiles.white .controller a.config:hover {
    background-position: -3px -32px;
    height: 22px;
    width: 22px;
    opacity: .6
}

.tiles.white .controller a.reload:hover {
    background-position: -37px -38px;
    height: 10px;
    top: -5px;
    width: 12px;
    opacity: .6
}

.tiles.white .controller a.expand:hover {
    background-position: -123px -11px;
    width: 10px;
    height: 6px;
    top: -5px;
    opacity: .6
}

.tiles.white>.tile-footer {
    background-color: #eceff1;
    color: #d1d3d9;
    font-size: 13px;
    padding: 8px 15px
}

.tiles.white.borderall {
    border: 1px solid #e5e9ec
}

.tiles.white.border-left {
    border-left: 1px solid #e5e9ec
}

.tiles.white.border-right {
    border-right: 1px solid #e5e9ec
}

.tiles.white.border-top {
    border-top: 1px solid #e5e9ec
}

.tiles.white.border-bottom {
    border-bottom: 1px solid #e5e9ec
}

.tiles.white hr {
    margin: 10px 0;
    height: 1px;
    border: none;
    background-color: #f2f3f5
}

.tiles.white label {
    color: #9aa0ad
}

.tiles.white>.tiles-body>.heading {
    color: #000
}

.tiles.white .tiles-body>.description {
    color: #8b91a0
}

.tiles .settings-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1px 4px
}

.tiles .heading {
    font-size: 25px;
    display: block;
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    font-weight: 600;
    margin: 4px 0
}

.tiles .heading .icon-grid {
    top: 1px;
    font-size: 31px;
    position: relative
}

.tiles p {
    margin: 0 0 5px
}

.tiles hr {
    margin: 10px 0;
    height: 1px;
    border: none;
    background-color: #2b3038
}

.tiles .tiles-body-overlay {
    position: absolute;
    z-index: 100;
    padding: 19px 18px 17px 24px;
    width: auto
}

.tiles .progress {
    width: 70%;
    margin-bottom: 15px
}

.tiles .iconplaceholder {
    background-color: rgba(0,0,0,.28)
}

.tiles .iconplaceholder i {
    color: #fff
}

.tiles>.tiles-body>.description {
    font-size: 12px;
    display: block;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased
}

.tiles .description i {
    font-size: 21px;
    color: #fff
}

.tiles .description .mini-description {
    position: relative;
    top: -5px
}

.tiles label {
    color: #fff
}

.tiles.red {
    background-color: #f65854
}

.tiles.red .button {
    background: #bf3938;
    color: #f7bebe
}

.tiles.purple {
    background-color: #6d5eac
}

.tiles.purple .button {
    background: #736086;
    color: #d7d5d7
}

.tiles.blue {
    background-color: #00acec
}

.tiles.green {
    background-color: #27cebc
}

.tiles.black {
    background-color: #22262e
}

.tiles.black .blend {
    color: #8b91a0
}

.tiles.black input {
    background-color: rgba(0,0,0,.35);
    border: 0
}

.tiles.dark-blue {
    background-color: #365d98
}

.tiles.light-blue {
    background-color: #00abea
}

.tiles.light-red {
    background-color: #f96773
}

.tiles.grey {
    background-color: #e9ecee
}

.tiles.gradient-grey {
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(131,131,131,.65) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(131,131,131,.65)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(131,131,131,.65) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(131,131,131,.65) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(131,131,131,.65) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(131,131,131,.65) 100%)
}

.tiles.gradient-black {
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%)
}

.tiles .blend {
    color: rgba(0,0,0,.42)
}

.tiles .button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 12px
}

.tile-more-content {
    background-color: #fff
}

.tile-more-content .tiles-body {
    padding: 19px 18px 17px 24px
}

.row-fluid .tile-content,.row-fluid.side-content .tiles {
    margin: 0
}

.tile-footer {
    background-color: rgba(0,0,0,.28);
    color: #fff;
    font-size: 13px;
    padding: 8px 15px
}

.chart-wrapper {
    padding-top: 40px
}

.tiles.red .button,.tiles.red .settings-box {
    background: #bf3938;
    color: #f35958
}

.tiles.purple .settings-box,.tiles.red .button {
    background: #08897e;
    color: transparent
}

.tiles-chart {
    position: relative
}

.tiles-chart .tiles-body {
    position: absolute;
    z-index: 100;
    padding: 19px 18px 17px 24px
}

.tiles-chart .tiles-body .heading {
    color: #6d5eac
}

.tiles-chart .controller {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 100
}

.tiles-overlay {
    width: 100%;
    height: 100%
}

.tiles-overlay.auto {
    width: auto;
    height: auto
}

.tiles-overlay.green {
    background-color: rgba(39,206,188,.8)
}

.tiles-overlay.blue {
    background-color: rgba(0,172,236,.8)
}

.widget-item {
    position: relative
}

.widget-item.narrow-margin {
    margin-right: -10px
}

.widget-item .controller {
    position: absolute;
    display: block;
    z-index: 100
}

.widget-item .controller.right {
    right: 20px;
    top: 20px
}

.widget-item .controller.left {
    left: 10px;
    top: 10px
}

.widget-item .controller a {
    position: relative;
    background: url(../images/icon/portlet-tray.png) no-repeat;
    transition: all .1s linear 0s;
    display: inline-block
}

.widget-item .controller a.remove {
    background-position: -66px -38px;
    height: 10px;
    top: -5px;
    width: 10px
}

.widget-item .controller a.config {
    background-position: -3px -32px;
    height: 22px;
    width: 22px
}

.widget-item .controller a.reload {
    background-position: -37px -38px;
    height: 10px;
    top: -5px;
    width: 12px
}

.widget-item .controller a.expand {
    background-position: -123px -11px;
    width: 10px;
    height: 6px;
    top: -5px
}

.widget-item .controller a:hover.collapse {
    background-position: -95px -40px;
    height: 7px;
    top: -5px;
    width: 9px
}

.widget-item.white .controller a.remove:hover {
    background-position: -66px -38px;
    height: 10px;
    top: -5px;
    width: 10px;
    opacity: .6
}

.widget-item.white .controller a.config:hover {
    background-position: -3px -32px;
    height: 22px;
    width: 22px;
    opacity: .6
}

.widget-item.white .controller a.reload:hover {
    background-position: -37px -38px;
    height: 10px;
    top: -5px;
    width: 12px;
    opacity: .6
}

.widget-item .controller a:hover.collapse,.widget-item .controller a:hover.config,.widget-item .controller a:hover.expand,.widget-item .controller a:hover.reload,.widget-item .controller a:hover.remove {
    opacity: .5
}

.widget {
    display: block;
    margin-right: -10px
}

.widget .widget-title {
    display: block;
    padding: 10px;
    padding-bottom: 14px;
    background-color: #fff;
    color: #e5e9ec;
    text-align: center;
    font-weight: 700
}

.widget .widget-title.dark {
    background-color: #1b1e24;
    color: #fff
}

.widget .widget-title.dark .controller a.remove {
    background-position: -66px -9px;
    height: 10px;
    top: -5px;
    width: 10px
}

.widget .widget-title.dark .controller a.config {
    background-position: -3px -32px;
    height: 22px;
    width: 22px
}

.widget .widget-title.dark .controller a.reload {
    background-position: -38px -9px;
    height: 10px;
    top: -5px;
    width: 12px
}

.widget .widget-title.blue {
    background-color: #0090d9;
    color: #fff
}

.widget .widget-title.red {
    background-color: #f35958;
    color: #fff
}

.widget .widget-title.green {
    background-color: #27cebc;
    color: #fff
}

.widget .widget-title.purple {
    background-color: #736086;
    color: #fff
}

.widget .widget-body {
    display: block;
    background-color: #fff;
    padding: 15px 18px
}

.widget .controller {
    position: relative;
    display: inline-block;
    float: right;
    top: 6px;
    margin-right: 8px
}

.widget .controller a {
    position: relative;
    background: url(../images/icon/portlet-tray.png) no-repeat;
    transition: all .1s linear 0s;
    display: inline-block
}

.widget .controller a.remove {
    background-position: -66px -38px;
    height: 10px;
    top: -5px;
    width: 10px
}

.widget .controller a.config {
    background-position: -3px -32px;
    height: 22px;
    width: 22px
}

.widget .controller a.reload {
    background-position: -37px -38px;
    height: 10px;
    top: -5px;
    width: 12px
}

.widget .controller a.expand {
    background-position: -123px -11px;
    width: 10px;
    height: 6px;
    top: -5px
}

.widget .controller a:hover.collapse {
    background-position: -95px -40px;
    height: 7px;
    top: -5px;
    width: 9px;
    background-position: -95px -40px;
    height: 7px;
    top: -5px;
    width: 9px
}

.widget .controller a:hover.remove {
    background-position: -66px -9px;
    height: 10px;
    top: -5px;
    width: 10px
}

.widget .controller a:hover.config {
    background-position: -3px -32px;
    height: 22px;
    width: 22px
}

.widget .controller a:hover.reload {
    background-position: -38px -9px;
    height: 10px;
    top: -5px;
    width: 12px
}

.widget .controller a:hover.expand {
    background-position: -123px -11px;
    width: 10px;
    height: 6px;
    top: -5px
}

.widget .widget-title.dark .controller a.reload:hover,.widget .widget-title.dark .controller a.remove:hover {
    opacity: .5
}

.weather-widget {
    overflow: hidden
}

.weather-widget .big-icon {
    width: 120px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 23px;
    margin-bottom: 8px
}

.weather-widget .small-text-description {
    position: relative;
    top: -9px
}

.weather-widget-big-text {
    font-size: 54px!important
}

.widget-stats {
    padding-left: 0;
    display: inline-block
}

.widget-stats .wrapper {
    margin: 5px 0 5px 0;
    border-right: 1px solid #363a41;
    margin-right: 7px;
    padding-right: 7px
}

.widget-stats .wrapper.transparent {
    border-right: 1px solid rgba(0,0,0,.2)
}

.widget-stats .wrapper.last {
    border: 0
}

.widget-stats .item-title {
    font-size: 12px
}

.widget-stats .item-count {
    font-size: 15.2px;
    color: #fff;
    display: block;
    font-weight: 700
}

.market-share-widget-innerscroller {
    height: calc(100% - 110px)
}

.sales-graph-heading {
    padding-left: 45px;
    padding-top: 35px
}

.copy-tile,.list-tile,.live-tile {
    height: 100%
}

.copy-tile,.list-tile,.live-tile,.tile-strip .flip-list>li {
    margin: 0;
    width: 100%
}

.copy-tile p,.list-tile p,.live-tile p {
    padding: 0
}

.custom-line-height {
    line-height: 25px
}

.hover-effect-img {
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.tiles:hover .hover-effect-img {
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
    filter: contrast(130%);
    -webkit-filter: contrast(130%)
}

@media (min-width: 768px) and (max-width:1024px) {
    .tiles.adjust-text p {
        font-size:10px
    }

    .tiles.adjust-text h3 {
        font-size: 20px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
    .tiles.adjust-text p {
        font-size:14px
    }
}

.btn {
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    display: inline-block;
    padding: 9px 12px;
    padding-top: 7px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #5e5e5e;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #dce0e8;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-image: none!important;
    border: none;
    text-shadow: none;
    box-shadow: none;
    transition: all .12s linear 0s!important;
    font: 14px/20px
}

.btn:focus {
    outline: 0
}

.btn .caret {
    margin-left: 3px
}

.btn .caret.single {
    margin-left: 0
}

.btn.active,.btn.disabled,.btn:active,.btn:focus,.btn:hover,.btn[disabled] {
    background-color: #989d9f
}

.btn-cons {
    margin-right: 5px;
    min-width: 120px;
    margin-bottom: 8px
}

.btn-demo-space {
    margin-bottom: 8px
}

.demo-placeholder {
    width: 100%;
    height: 250px
}

.btn-social {
    font-size: 20px;
    margin: 10px
}

.btn-social.active,.btn-social.disabled,.btn-social:active,.btn-social:focus,.btn-social:hover,.btn-social[disabled] {
    color: #2d8ebf;
    text-decoration: none
}

.btn-primary {
    color: #fff;
    background-color: #6d5eac
}

.btn-primary.active,.btn-primary.disabled,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.btn-primary[disabled] {
    background-color: #6e678e
}

.btn-success {
    color: #fff;
    background-color: #1976d2
}

.btn-success.active,.btn-success.disabled,.btn-success:active,.btn-success:focus,.btn-success:hover,.btn-success[disabled] {
    background-color: #4473a1
}

.btn-info {
    color: #fff;
    background-color: #0097a7
}

.btn-info.active,.btn-info.disabled,.btn-info:active,.btn-info:focus,.btn-info:hover,.btn-info[disabled] {
    background-color: #38838b
}

.btn-warning {
    color: #fff;
    background-color: #f7cf5e
}

.btn-warning.active,.btn-warning.disabled,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.btn-warning[disabled] {
    background-color: #b39f67
}

.btn-danger {
    color: #fff;
    background-color: #f35958
}

.btn-danger.active,.btn-danger.disabled,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.btn-danger[disabled] {
    background-color: #b16464
}

.btn-danger-dark {
    color: #fff;
    background-color: #b94141
}

.btn-danger-dark.active,.btn-danger-dark.disabled,.btn-danger-dark:active,.btn-danger-dark:focus,.btn-danger-dark:hover,.btn-danger-dark[disabled] {
    background-color: #e94847;
    color: #fff
}

.btn-dark {
    color: #fff;
    background-color: #1b1e24
}

.btn-white {
    color: #5e5e5e;
    background-color: #fff;
    border: 1px solid #e5e9ec
}

.btn-white.active,.btn-white.disabled,.btn-white:active,.btn-white:focus,.btn-white:hover,.btn-white[disabled] {
    background-color: #fbfcfd;
    border: 1px solid #b4b9be
}

.btn-link {
    color: #5e5e5e;
    background-color: transparent;
    border: none
}

.btn-large {
    padding: 11px 19px;
    font-size: 16px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn-link.active,.btn-link.disabled,.btn-link:active,.btn-link:focus,.btn-link:hover,.btn-link[disabled] {
    background-color: transparent
}

.btn-large [class*=" icon-"],.btn-large [class^=icon-] {
    margin-top: 4px
}

.btn-small {
    padding: 3px 12px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.btn-small [class*=" icon-"],.btn-small [class^=icon-] {
    margin-top: 0
}

.btn-mini [class*=" icon-"],.btn-mini [class^=icon-] {
    margin-top: -1px
}

.btn-mini {
    padding: 2px 9px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #6d5eac
}

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #f7cf5e
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #f35958
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #1976d2
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #0097a7
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #222
}

.btn-group.open .btn-white.dropdown-toggle {
    background-color: #fbfcfd
}

.btn-group>.btn+.dropdown-toggle {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-left: 1px #f7f7f7 solid;
    padding-right: 10px;
    border-left: 1px solid #e5e9ec
}

.btn-group>.btn.btn-mini+.dropdown-toggle {
    padding-right: 8px
}

.btn-group>.dropdown-menu {
    font-size: 13px
}

.btn-group>.dropdown-menu li {
    padding-left: 0
}

.btn-block+.btn-block {
    margin-top: 8px
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    -webkit-box-shadow: 0 0 5px rgba(86,96,117,.2);
    -moz-box-shadow: 0 0 5px rgba(86,96,117,.2);
    box-shadow: 0 0 5px rgba(86,96,117,.2);
    border: none;
    border-radius: 3px;
    padding: 0;
    font-size: 13px
}

.dropdown-menu .divider {
    background-color: #eaedf0;
    height: 1px;
    margin: 3px 0;
    border-bottom: 0
}

.dropdown-menu>li>a {
    line-height: 25px;
    color: #2a2e36;
    margin: 4px;
    border-radius: 3px;
    text-align: left
}

.dropdown-menu li {
    padding-left: 0
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,.dropdown-submenu:focus>a,.dropdown-submenu:hover>a {
    color: #1b1e24;
    text-decoration: none;
    background-color: #eff2f3;
    background-image: none
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #1b1e24;
    text-decoration: none;
    background-color: #eff2f3;
    background-image: none
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #999
}

.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
    background-image: none
}

.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 0
}

.btn-group>.btn.btn-white.active,.btn-group>.btn.btn-white:active,.btn-group>.btn.btn-white:focus,.btn-group>.btn.btn-white:hover {
    border: 1px solid #e5e9ec
}

code,pre {
    border: none
}

code {
    background-color: #f3f6f9
}

code:hover {
    background-color: #e8edf3
}

.single-colored-widget {
    height: auto
}

.single-colored-widget h3 {
    font-size: 22px;
    line-height: 32.5px
}

.single-colored-widget .heading {
    padding: 8px 15px;
    padding-bottom: 4px;
    background-color: #fff
}

.single-colored-widget .heading h4 {
    margin-bottom: 5px;
    margin-top: 5px
}

.single-colored-widget .content-wrapper {
    padding: 15px 27px;
    padding-bottom: 20px
}

.single-colored-widget .content-wrapper i {
    color: #fff
}

.single-colored-widget .content-wrapper.red {
    background-color: #f35958
}

.single-colored-widget .content-wrapper.red p {
    color: #832929
}

.single-colored-widget .content-wrapper.green {
    background-color: #27cebc
}

.single-colored-widget .content-wrapper.green p {
    color: #505458
}

.single-colored-widget .content-wrapper.blue {
    background-color: #0090d9
}

.single-colored-widget .content-wrapper.blue p {
    color: #0a5174
}

.single-colored-widget .content-wrapper .mini-logo {
    margin-bottom: 15px;
    margin-bottom: 15px
}

.single-colored-widget .content-wrapper .h3 {
    margin-bottom: 15px
}

.the-icons {
    padding-top: 17px
}

.the-icons i {
    color: #505458;
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px
}

.the-icons a {
    color: #505458;
    font-size: 14px;
    cursor: pointer;
    display: block;
    height: 32px;
    line-height: 32px
}

.the-icons a:hover {
    text-decoration: none
}

.the-icons [class*=span]:first-child {
    margin-left: 2.5641%
}

.the-icons a:hover .fa,.the-icons a:hover [class*=fa] {
    font-size: 28px;
    vertical-align: -5px
}

.tabbable:after {
    clear: both
}

.tabbable:after,.tabbable:before {
    content: "";
    display: table;
    line-height: 0
}

.tabs-below>.nav-tabs,.tabs-left>.nav-tabs,.tabs-right>.nav-tabs {
    border-bottom: 0 none
}

.pill-content>.pill-pane,.tab-content>.tab-pane {
    display: none;
    padding: 15px
}

.pill-content>.active,.tab-content>.active {
    display: block;
    padding: 19px
}

.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd
}

.tabs-below>.nav-tabs>li {
    margin-bottom: 0;
    margin-top: -1px
}

.tabs-below>.nav-tabs>li>a {
    border-radius: 0 0 4px 4px
}

.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:focus,.tabs-below>.nav-tabs>.active>a:hover {
    border-color: transparent #ddd #ddd
}

.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li {
    float: none
}

.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a {
    margin-bottom: 3px;
    margin-right: 0;
    min-width: 74px
}

.tabs-left>.nav-tabs {
    border-right: 1px solid #ddd;
    float: left;
    margin-right: 19px;
    float: left;
    margin-right: 0
}

.tabs-left>.nav-tabs>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: -1px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.tabs-left>.nav-tabs>li>a:focus,.tabs-left>.nav-tabs>li>a:hover {
    border-color: #eee #ddd #eee #eee
}

.tabs-right>.nav-tabs {
    border-left: 1px solid #ddd;
    float: right;
    margin-left: 19px;
    float: right;
    margin-left: 0
}

.tabs-right>.nav-tabs>li>a {
    border-radius: 0 4px 4px 0;
    margin-left: -1px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.tabs-right>.nav-tabs>li>a:focus,.tabs-right>.nav-tabs>li>a:hover {
    border-color: #eee #eee #eee #ddd
}

.nav>.disabled>a {
    color: #999
}

.nav .tools {
    float: right;
    position: relative;
    right: 10px;
    top: 10px
}

.nav .tools a {
    position: relative;
    background: url(../images/icon/portlet-tray.png) no-repeat;
    transition: all .1s linear 0s
}

.nav>.disabled>a:focus,.nav>.disabled>a:hover {
    background-color: rgba(0,0,0,0);
    cursor: default;
    text-decoration: none
}

.nav-tabs {
    margin-bottom: 0;
    background-color: #dce0e8;
    padding: 0
}

.nav-tabs>li {
    margin-bottom: -3px;
    padding-left: 0
}

.nav-tabs>li>a {
    border-radius: 0;
    border: 0;
    padding: 15px 20px;
    color: #8e9aa2;
    min-width: 70px
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    border-width: 0
}

.nav-tabs>.active>a,.nav-tabs>.active>a:focus,.nav-tabs>.active>a:hover {
    border: 0;
    color: #505458;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.1);
    box-shadow: 1px 1px 2px rgba(0,0,0,.1)
}

.nav>li>a:focus,.nav>li>a:hover {
    background-color: transparent;
    color: #505458
}

.nav .tools>a.remove {
    background-position: -66px -38px;
    width: 10px;
    height: 10px
}

.nav .tools>a.config,.nav.tools>a.config {
    background-position: -3px -32px;
    width: 22px;
    height: 22px
}

.nav .tools>a.reload {
    background-position: -37px -38px;
    width: 12px;
    height: 10px
}

.nav .tools>a.expand {
    background-position: -123px -40px;
    width: 10px;
    height: 6px
}

.nav .tools>a.collapse,.nav.tools>a.collapse {
    background-position: -95px -40px;
    width: 9px;
    height: 7px
}

.nav-pills {
    margin-bottom: 10px
}

.nav-pills>li>a {
    padding: 8px 12px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    background-color: #1976d2
}

.nav-pills>li>a,.nav-tabs>li>a {
    margin-right: 0
}

.nav-pills .open .dropdown-toggle,.nav-tabs .open .dropdown-toggle,.nav>li.dropdown.open.active>a:focus,.nav>li.dropdown.open.active>a:hover {
    background-color: #c1cace
}

.accordion-group {
    border: 0
}

.accordion-heading {
    background-color: #dce0e8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 35px
}

.accordion-heading a {
    color: #505458
}

.accordion-heading a.collapsed {
    color: #8e9aa2
}

.accordion-heading a:hover.collapsed {
    color: #505458
}

.accordion-heading .collapsed {
    background-color: #d9e0e4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.accordion-heading .collapsed i {
    font-family: FontAwesome;
    float: right;
    position: relative;
    top: 4px
}

.accordion-heading .collapsed i:before {
    content: "\f055"
}

.accordion-heading i {
    font-family: FontAwesome;
    float: right;
    position: relative;
    top: 4px
}

.accordion-heading i:before {
    content: "\f056"
}

.accordion-heading .accordion-toggle {
    padding: 12px 18px
}

.panel {
    background-color: transparent;
    box-shadow: none
}

.panel-default {
    border: 0
}

.panel-default>.panel-heading {
    background-image: none;
    background-color: #dce0e8;
    border-radius: 2px;
    box-shadow: none
}

.panel-group {
    margin-bottom: 18px
}

.panel-group .panel-heading.collapsed {
    background-color: #dce0e8
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border: 0
}

.panel-group .panel-heading .panel-title>a {
    color: #505458;
    font-size: 13px;
    font-weight: 400;
    display: block
}

.panel-group .panel-heading .panel-title>a:hover {
    color: #505458!important
}

.panel-group .panel-heading .panel-title>a:hover:after {
    color: #505458!important
}

.panel-group .panel-heading .panel-title>a:after {
    font-family: FontAwesome;
    content: "\f056";
    float: right;
    color: #505458
}

.panel-group .panel-heading .panel-title>a.collapsed {
    color: #8e9aa2
}

.panel-group .panel-heading .panel-title>a.collapsed:after {
    content: "\f055";
    color: #8e9aa2
}

.panel-group .panel+.panel {
    margin-top: 2px
}

.panel-group .panel-heading .panel-title>a {
    font-size: 16px
}

.pannel-border .panel-collapse {
    border: 1px solid #eee
}

.slider {
    display: block;
    margin: 5px 0;
    direction: ltr
}

.slider.primary .slider-track {
    background: #6d5eac;
    background-image: none
}

.slider.sucess .slider-track {
    background: #1976d2;
    background-image: none
}

.slider.info .slider-track {
    background-color: #0097a7;
    background-image: none
}

.slider.warning .slider-track {
    background: #f7cf5e;
    background-image: none
}

.slider.danger .slider-track {
    background: #f35958;
    background-image: none
}

.slider.white .slider-track {
    background: #fff;
    background-image: none
}

.slider.slider-vertical {
    margin: 0 10px
}

.slider.slider-vertical .slider-handle {
    margin-left: -10px!important
}

.slider.slider-vertical .slider-track {
    width: 5px!important
}

.slider.slider-horizontal .slider-handle {
    margin-top: -10px!important
}

.slider.slider-horizontal .slider-track {
    height: 5px!important;
    -webkit-border-radius: 8px!important;
    -moz-border-radius: 8px!important;
    border-radius: 8px!important;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(107,170,165,.33)!important;
    -moz-box-shadow: inset 0 0 1px 1px rgba(107,170,165,.33)!important;
    box-shadow: inset 0 0 1px 1px rgba(107,170,165,.33)!important
}

.slider-handle.round {
    opacity: 1;
    background: #f8f9fa;
    background: -moz-linear-gradient(top,#f8f9fa 13%,#fff 97%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(13%,#f8f9fa),color-stop(97%,#fff));
    background: -webkit-linear-gradient(top,#f8f9fa 13%,#fff 97%);
    background: -o-linear-gradient(top,#f8f9fa 13%,#fff 97%);
    background: -ms-linear-gradient(top,#f8f9fa 13%,#fff 97%);
    background: linear-gradient(to bottom,#f8f9fa 13%,#fff 97%);
    -webkit-box-shadow: inset 0 2px 1px -1px #fff,0 1px 3px rgba(0,0,0,.39);
    -moz-box-shadow: inset 0 2px 1px -1px #fff,0 1px 3px rgba(0,0,0,.39);
    box-shadow: inset 0 2px 1px -1px #fff,0 1px 3px rgba(0,0,0,.39);
    width: 26px;
    height: 26px
}

.slider-selection {
    -webkit-border-radius: 8px!important;
    -moz-border-radius: 8px!important;
    border-radius: 8px!important;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.11)!important;
    -moz-box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.11)!important;
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.11)!important
}

.blue .slider-selection {
    background-image: none!important;
    background-color: #0a6ea0!important
}

.red .slider-selection {
    background-image: none!important;
    background-color: #000!important
}

.green .slider-selection {
    background-image: none!important;
    background-color: #27cebc!important;
    cursor: point2
}

.table>thead>tr>th {
    border-bottom: 0
}

.table th {
    border-top: 1px solid #e8edf1;
    padding: 10px 12px;
    font-size: 12px
}

.table th.medium-cell {
    width: 112px
}

.table th.big-cell {
    width: 200px
}

.table tr.row_selected .progress {
    background-color: #fff
}

.table td {
    border-top: 1px solid #e8edf1;
    vertical-align: top;
    padding: 10px 12px;
    color: #576475;
    font-size: 13px
}

.table td.no-border {
    border: none
}

.table td:first-child {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.table td:last-child {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.table td .progress {
    margin-bottom: 0
}

.table td .muted {
    color: #95989a
}

.table td.clickable {
    cursor: pointer
}

.table .checkbox {
    margin-left: 3px
}

.table .star {
    margin-left: 3px
}

th {
    text-align: left
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 12px
}

.table td input[type=radio],.table th input[type=radio],input[type=checkbox] {
    margin-top: -2px
}

.table td.small-cell,.table th.small-cell {
    width: 40px
}

.table-fixed-layout {
    table-layout: fixed
}

.table-fixed-layout td {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 9px
}

.table-condensed th .checkbox {
    margin-left: 4px
}

.table>tbody>tr>td,.table>tfoot>tr>td {
    border-top: 1px solid #e8edf1
}

.table-striped tbody>tr:nth-child(2n+1)>td,.table-striped tbody>tr:nth-child(2n+1)>th {
    background-color: #ecf0f2;
    border: none
}

.table-striped tbody>tr>td {
    border: 0
}

.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th {
    background-color: #e2e8eb
}

.table-hover tbody tr.row_selected:hover>td {
    background-color: #fef8ae!important
}

.table-hover tbody tr:hover>td .progress {
    background-color: #fff
}

.table-condensed td,.table-condensed th {
    padding: 10px 5px
}

.table-tools-actions {
    margin: 0 5px
}

.inner-table td {
    background-color: transparent!important
}

.table-bordered {
    border-color: #e8edf1!important
}

.table-bordered th {
    background-color: #ecf0f2;
    border: 0!important
}

.table-bordered td {
    border: 1px solid #e8edf1!important
}

.table-bordered td:first-child {
    border-radius: 0
}

.table-bordered td:last-child {
    border-radius: 0
}

.dataTables_wrapper .dataTables_jumpPage {
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px
}

.dataTables_wrapper .dataTables_jumpPage .dataTables_jumpPage_input {
    width: 30px;
    padding: 2px!important;
    height: 12px;
    line-height: 12px!important;
    min-height: 27px;
    margin-top: -5px;
    font-size: 13px
}

.dataTables_wrapper .pagination ul {
    box-shadow: none;
    font-size: 12px;
    padding: 0
}

.dataTables_wrapper .pagination ul>li {
    display: inline-block;
    padding-left: 0
}

.dataTables_wrapper .pagination ul>li>a {
    padding: 5px 10px
}

.dataTables_wrapper .pagination ul>li.next>a:hover {
    background-color: #fff;
    color: #000
}

.dataTables_wrapper .pagination ul>li.next.disabled>a:hover {
    color: #c2c6cb;
    opacity: .65;
    background-color: #fff
}

.dataTables_wrapper .pagination ul>li.prev>a:hover {
    background-color: #fff;
    color: #000
}

.dataTables_wrapper .pagination ul>li.prev.disabled>a:hover {
    color: #c2c6cb;
    opacity: .65;
    background-color: #fff
}

.dataTables_wrapper .pagination ul>li:last-child>a,.dataTables_wrapper .pagination ul>li:last-child>span {
    margin-left: -8px
}

.dataTables_wrapper .pagination ul>li>a,.pagination ul>li>span {
    border: none;
    box-shadow: none;
    border-radius: 3px;
    color: #6f7b8a
}

.dataTables_wrapper .pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:focus,.pagination ul>.disabled>a:hover {
    color: #c2c6cb!important;
    opacity: .65!important;
    background-color: #fff!important
}

.dataTables_wrapper .pagination ul>.active>a,.pagination ul>.active>span {
    background-color: #f3f6f9;
    font-weight: 600
}

.dataTables_wrapper .pagination ul>li>a:hover,.pagination ul>.active>a,.pagination ul>.active>span,.pagination ul>li>a:focus {
    background-color: #e8edf3
}

.easy-pie-custom {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    text-align: center
}

.easy-pie-custom canvas {
    position: absolute;
    top: 0;
    left: 0
}

.easy-pie-percent {
    display: inline-block;
    line-height: 110px;
    z-index: 2
}

.easy-pie-percent :after {
    content: "%";
    margin-left: .1em;
    font-size: .8em
}

.mini-chart-wrapper {
    display: block;
    width: 100%;
    padding: 19px 9px 0
}

.mini-chart-wrapper .chart-details-wrapper {
    display: inline-block;
    margin: 8px
}

.mini-chart-wrapper .chart-details-wrapper .chartname {
    display: block;
    font-size: 10.5px;
    text-transform: uppercase;
    color: #9a9a9a
}

.mini-chart-wrapper .chart-details-wrapper .chart-value {
    display: block;
    font-size: 14px;
    color: #000
}

.mini-chart-wrapper .mini-chart {
    display: inline-block;
    position: relative;
    top: -10px
}

.mini-chart-wrapper.donut .chart-details-wrapper {
    float: left;
    margin-top: 0
}

.mini-chart-wrapper.donut .mini-chart {
    float: left
}

.legendColorBox>div {
    border: 0!important
}

.legendLabel {
    line-height: 20px!important
}

.rickshaw_legend {
    display: block;
    border-radius: 0;
    background-color: transparent
}

.rickshaw_legend .line {
    margin-bottom: 10px
}

.rickshaw_legend .line .swatch {
    margin: 0 8px
}

.rickshaw_legend .label {
    color: #6f7b8a
}

.rickshaw_legend ul {
    margin: 15px 16px
}

.profile-img-wrapper {
    display: inline-block;
    float: left;
    border-radius: 100px 100px 100px 100px;
    display: inline-block;
    height: 35px;
    overflow: hidden;
    width: 35px;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1
}

.profile-img-wrapper.big {
    height: 68px;
    width: 68px
}

.profile-img-wrapper.with-left-space-custom {
    margin-left: 7px
}

.user-comment-wrapper {
    display: block;
    margin-bottom: 9px;
    padding: 0 14px
}

.user-comment-wrapper .profile-wrapper {
    display: inline-block;
    float: left;
    border-radius: 100px 100px 100px 100px;
    display: inline-block;
    height: 35px;
    overflow: hidden;
    width: 35px;
    margin: 6px 8px 0 0;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1
}

.user-comment-wrapper .comment {
    display: inline-block;
    float: left
}

.user-comment-wrapper .comment .user-name {
    color: #0090d9;
    font-size: 15.2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-comment-wrapper .comment .more-details-wrapper {
    float: left;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex
}

.user-comment-wrapper .comment .preview-wrapper {
    display: block;
    color: #71798a;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.user-comment-wrapper .comment .more-details {
    display: inline-block;
    float: left;
    color: #bfbfbf;
    margin-right: 10px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-status {
    width: 14px;
    height: 14px;
    position: relative;
    border-radius: 14px;
    background-color: #c5c8cb;
    display: inline-block;
    float: left;
    margin-right: 3px;
    top: 3px
}

.user-status.busy {
    background-color: #fb3c4a
}

.user-status.away {
    background-color: #c5c8cb
}

.user-status.available {
    background-color: #6d5eac
}

.user-status:before {
    width: 5px;
    height: 5px;
    position: relative;
    border-radius: 10px;
    background-color: #fff;
    display: inline-block
}

.blog-post-controls-wrapper {
    display: block;
    margin-top: 4px;
    margin-bottom: 15px
}

.blog-post-control {
    display: inline-block;
    float: left;
    margin-right: 8px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    opacity: .7
}

.content-loading-wrapper {
    position: relative;
    display: block;
    width: 100%
}

.content-loading {
    position: relative;
    left: 45%;
    top: 45%
}

.simple-chat-popup {
    margin-top: 3px;
    padding: 5px 0;
    left: -77.5px;
    top: 25px;
    position: absolute;
    z-index: 10000;
    cursor: pointer
}

.simple-chat-popup .simple-chat-popup-arrow {
    border-bottom-color: #292b2e;
    border-width: 0 5px 5px;
    left: 74%;
    margin-left: -5px;
    top: 0
}

.simple-chat-popup-arrow {
    border-color: transparent;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0
}

.simple-chat-popup-inner {
    background-color: #000;
    border-radius: 4px 4px 4px 4px;
    color: #fff;
    padding: 8px;
    text-align: right;
    text-decoration: none;
    background-color: #292b2e;
    font-size: 12px
}

.simple-chat-popup-inner .message {
    color: #bfc0c1;
    font-size: 11px;
    margin-top: -4px
}

.side-bar-widgets {
    position: relative;
    display: block
}

.cover-pic-wrapper {
    max-height: 250px;
    position: relative;
    overflow: hidden
}

.user-profile-pic {
    width: 100%;
    text-align: right;
    margin-top: -40px;
    position: relative;
    z-index: 200
}

.user-profile-pic img {
    border-radius: 100px 100px 100px 100px;
    display: inline-block;
    height: 68px;
    overflow: hidden;
    width: 68px;
    border: 5px solid #fff;
    background-color: #e5e9ec
}

.user-mini-description {
    margin-right: 10px
}

.user-mini-description h3 {
    margin: 5px 0;
    margin-bottom: 0;
    text-align: right
}

.user-mini-description h5 {
    margin: 0;
    text-align: right;
    font-size: 13px;
    color: #8b91a0;
    text-align: right
}

.user-description-box {
    background-color: #f2f4f6;
    margin: 10px 15px;
    padding: 20px
}

.user-description-box p {
    margin: 0 0 10px;
    font-size: 12px
}

.user-description-box p i {
    width: 25px;
    font-size: 14px
}

.user-description-box p:last-child {
    margin: 0
}

.friend-list {
    color: #414243;
    margin: 15px 0
}

.friend-list .friend-details-wrapper {
    display: inline-block;
    float: left
}

.friend-list .friend-profile-pic {
    display: inline-block;
    float: left;
    margin-right: 10px
}

.friend-list .friend-name {
    display: block;
    font-size: 13px
}

.friend-list .friend-description {
    display: block;
    font-size: 12px;
    color: #767e84
}

.friend-list .action-bar {
    display: inline-block;
    margin-left: 10px;
    margin-top: 8px;
    float: left
}

.user-profile-pic-normal {
    border-radius: 100px 100px 100px 100px;
    height: 35px;
    overflow: hidden;
    width: 35px
}

.user-profile-pic-2x {
    border-radius: 100px 100px 100px 100px;
    height: 50px;
    overflow: hidden;
    width: 50px
}

.user-profile-pic-2x.white-border {
    border: 5px solid #fff
}

.user-status-box {
    border: none;
    border-radius: 0;
    margin: 0
}

.post {
    display: block
}

.post .info-wrapper {
    display: inline-block;
    float: left;
    width: 80%
}

.post .info-wrapper.small-width {
    width: 70%
}

.post .username {
    display: block;
    font-size: 14px;
    margin-bottom: 5px
}

.post .info {
    display: block
}

.post .user-profile-pic-wrapper {
    display: inline-block;
    float: left;
    margin-right: 16px
}

.post .more-details {
    display: block;
    float: left
}

.post .post-links {
    margin: 4px 0 0;
    list-style: none;
    font-size: 11px;
    padding: 0
}

.post .post-links li {
    display: inline;
    float: left;
    position: relative;
    display: inline;
    float: left;
    position: relative;
    padding-left: 0;
    padding-right: 8px
}

.post .post-links li :after {
    color: #999;
    content: ".";
    padding-left: 8px
}

.post .post-links li :last-child :after {
    content: ""
}

.post .dark-text {
    color: #2a2e36
}

.post .action-bar {
    display: block;
    list-style: none;
    margin: 13px 0 37px;
    font-size: 12px;
    padding: 0
}

.post .action-bar li {
    display: inline;
    float: left;
    position: relative;
    padding-right: 8px
}

.post-input {
    padding-left: 14px!important;
    padding-top: 18px!important;
    font-size: 14px
}

.comments-section {
    margin-top: 12px
}

#Parks {
    margin-bottom: 30px
}

.img_wrapper {
    position: relative;
    background: #dce0e8;
    overflow: hidden
}

.img_wrapper img {
    position: absolute;
    width: 100%;
    height: auto;
    opacity: 1;
    top: 0;
    -webkit-transition: opacity 150ms;
    -moz-transition: opacity 150ms;
    -ms-transition: opacity 150ms;
    transition: opacity 150ms
}

.img_wrapper.loaded img {
    opacity: 1
}

.jvectormap-zoomin {
    bottom: 15px;
    top: auto
}

.jvectormap-zoomout {
    bottom: 15px;
    left: 35px;
    top: auto
}

.jvectormap-zoomin,.jvectormap-zoomout {
    background-color: #0090d9;
    padding: 8px 10px;
    height: auto;
    width: auto
}

.craft-map-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 0
}

.overlap-left-10 {
    position: relative;
    left: -10px
}

.mapplic-container {
    background-color: transparent
}

.mapplic-element.mapplic-loading {
    background-image: none;
    opacity: .7
}

.mapplic-element.mapplic-loading:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2000;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #000;
    border-left-color: #000;
    border-radius: 10px;
    -webkit-animation: pace-spinner .4s linear infinite;
    -moz-animation: pace-spinner .4s linear infinite;
    -ms-animation: pace-spinner .4s linear infinite;
    -o-animation: pace-spinner .4s linear infinite;
    animation: pace-spinner .4s linear infinite
}

#wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px
}

.error-body {
    background-color: #e5e9ec!important;
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    height: 100%
}

.error-wrapper {
    min-height: 100%;
    height: auto;
    margin: 0 auto -130px;
    padding: 0 0 60px;
    height: 624px
}

.error-wrapper:after {
    content: "";
    display: block
}

.wrappers {
    display: inline-flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    vertical-align: text-top;
    width: inherit;
    height: inherit
}

.error-container {
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif
}

.error-container .error-number {
    color: #22262e;
    font-size: 120px;
    text-align: center;
    font-weight: 600;
    line-height: 130px
}

.error-container .error-description {
    color: #22262e;
    font-size: 32px;
    text-align: center;
    font-weight: 300
}

.error-container .error-description-mini {
    color: #22262e;
    font-size: 18px;
    text-align: center;
    font-weight: 300
}

.error-container .input-prepend.inside .add-on {
    background-color: #fff;
    padding-top: 6px;
    color: #a1a1a1
}

.error-container ul.footer-links {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center
}

.error-container ul.footer-links li {
    display: inline;
    border-right: 1px solid #000;
    padding: 0 10px
}

.error-container ul.footer-links li a {
    color: #22262e;
    font-size: 12px
}

.error-container ul.footer-links li:last-child {
    display: inline;
    border-right: none;
    padding: 0 10px
}

.error-container ul.footer-links.small-links li {
    border-right: 1px solid #616a7b
}

.error-container ul.footer-links.small-links li a {
    color: #616a7b;
    font-size: 11px
}

.error-container ul.footer-links.small-links li:last-child {
    border-right: none
}

.error-container .copyright {
    font-size: 12px;
    text-align: center
}

.error-main {
    text-align: center;
    position: absolute;
    margin-top: 18%
}

#footer {
    height: 130px
}

#gmaps_context_menu {
    text-align: center
}

#gmaps_context_menu a {
    color: #8b91a0
}

#gmaps_context_menu a:hover {
    color: #1b1e24;
    text-decoration: none
}

.cbp_tmtimeline {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative
}

.cbp_tmtimeline li {
    position: relative
}

.cbp_tmtimeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #f2f4f6;
    left: 20%;
    margin-left: -10px
}

.cbp_tmtimeline>li .cbp_tmtime {
    display: block;
    width: 25%;
    padding-right: 100px;
    position: absolute;
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    text-align: right
}

.cbp_tmtimeline>li .cbp_tmtime .date {
    font-size: 1.2em;
    color: #505458;
    margin-bottom: 5px;
    display: block
}

.cbp_tmtimeline>li .cbp_tmtime .time {
    font-size: 1.5em;
    color: #505458;
    display: block
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child {
    color: #505458
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel {
    background: #fff
}

.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: #fff
}

.cbp_tmtimeline>li .cbp_tmlabel {
    margin: 0 0 15px 25%;
    background: #fff;
    font-size: 13px;
    line-height: 1.4;
    position: relative
}

.cbp_tmtimeline>li .cbp_tmlabel h2 {
    margin-top: 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.4)
}

.cbp_tmtimeline>li .cbp_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-right-color: #fff;
    border-width: 10px;
    top: 10px
}

.cbp_tmtimeline>li .cbp_tmicon {
    width: 40px;
    height: 40px;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 37px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #7c8694;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #fff;
    text-align: center;
    left: 20%;
    top: 0;
    margin: 0 0 0 -25px;
    font-size: 1.3em
}

.cbp_tmtimeline>li .cbp_tmicon.success {
    background: #1976d2;
    box-shadow: 0 0 0 8px #2ba3df;
    color: #fff
}

.cbp_tmtimeline>li .cbp_tmicon.primary {
    background: #6d5eac;
    box-shadow: 0 0 0 8px #33b5aa;
    color: #fff
}

.cbp_tmtimeline>li .cbp_tmicon.warning {
    background: #f7cf5e;
    box-shadow: 0 0 0 8px #fcbd79;
    color: #fff
}

.cbp_tmtimeline>li .cbp_tmicon.danger {
    background: #f35958;
    box-shadow: 0 0 0 8px #455a70;
    color: #fff
}

.cbp_tmtimeline>li .cbp_tmicon.info {
    background: #0097a7;
    box-shadow: 0 0 0 8px #455a70;
    color: #fff
}

.cbp_tmtimeline .action-links {
    margin: 4px 0 0;
    list-style: none;
    font-size: 13px;
    padding: 0;
    float: left
}

.cbp_tmtimeline .action-links li {
    display: inline;
    float: left;
    position: relative;
    display: inline;
    float: left;
    position: relative;
    padding-left: 0;
    padding-right: 8px;
    color: #8b91a0
}

.cbp_tmtimeline .action-links li:after {
    color: #999;
    content: ".";
    padding-left: 8px
}

.cbp_tmtimeline .action-links li:last-child:after {
    content: ""
}

@media screen and (max-width: 47.2em) {
    .cbp_tmtimeline:before {
        display:none
    }

    .cbp_tmtimeline>li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0
    }

    .cbp_tmtimeline>li .cbp_tmtime {
        text-align: left
    }

    .cbp_tmtimeline>li .cbp_tmlabel {
        margin: 0 0 30px 0;
        padding: 1em;
        font-weight: 400;
        font-size: 95%
    }

    .cbp_tmtimeline>li .cbp_tmlabel:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #fff;
        top: -20px
    }

    .cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
        border-right-color: transparent;
        border-bottom-color: #fff
    }

    .cbp_tmtimeline>li .cbp_tmicon {
        position: relative;
        float: right;
        left: auto;
        margin: -55px 5px 0 0
    }
}

#Parks {
    margin-bottom: 30px
}

.img_wrapper {
    position: relative;
    background: #d1dade;
    overflow: hidden;
    float: left;
    direction: ltr
}

.img_wrapper img {
    position: absolute;
    width: 100%;
    height: auto;
    opacity: 1;
    top: 0;
    -webkit-transition: opacity 150ms;
    -moz-transition: opacity 150ms;
    -ms-transition: opacity 150ms;
    transition: opacity 150ms
}

.img_wrapper.loaded img {
    opacity: 1
}

#Parks {
    position: relative;
    margin: 0
}

.fail_element {
    position: absolute;
    opacity: 0;
    top: 100px;
    text-align: center;
    width: 50%;
    left: 25%;
    line-height: 1.4;
    font-size: 30px;
    font-weight: 300
}

.fail .fail_element {
    opacity: 1
}

#Parks.list .list_header {
    height: 38px;
    line-height: 38px;
    background: #dce0e8;
    text-align: right;
    color: #59514c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#Parks.list .meta {
    display: inline-block;
    width: 205px;
    text-align: center;
    line-height: 99px;
    border-left: 1px solid #d7dbe0;
    height: 100%;
    vertical-align: top
}

#Parks.list .list_header .meta {
    line-height: 38px;
    border: 0 none;
    margin-top: -8px;
    vertical-align: inherit
}

#Parks.list .meta.name {
    float: left;
    text-align: left;
    width: auto;
    border-left: 0 none
}

#Parks.list .list_header .meta.name {
    padding-left: 15px
}

#Parks.list .list_header .meta span {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 7px 0 0;
    cursor: pointer;
    top: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#Parks.list .list_header .meta span:after {
    content: "";
    position: absolute;
    top: 9px;
    left: 7px;
    border: 5px solid transparent
}

#Parks.list .list_header .meta span.asc:after {
    border-top: 7px solid #8e9aa2
}

#Parks.list .list_header .meta span.desc:after {
    top: 4px;
    border-bottom: 7px solid #8e9aa2
}

#Parks.list .list_header .meta span:hover {
    background: #b8bbbe
}

#Parks.list .list_header .meta span.asc:hover:after {
    border-top-color: #e5e9ec
}

#Parks.list .list_header .meta span.desc:hover:after {
    border-bottom-color: #e5e9ec
}

#Parks.list .list_header .meta span.active.asc:after {
    border-top-color: #505458
}

#Parks.list .list_header .meta span.active.desc:after {
    border-bottom-color: #505458
}

#Parks.list .mix {
    display: none;
    opacity: 0;
    padding: 18px 0 14px;
    border-bottom: 1px solid #d7dbe0;
    text-align: right;
    height: 135px;
    width: 100%;
    line-height: 99px;
    vertical-align: top;
    font-weight: 300
}

#Parks.list .mix .meta * {
    line-height: 1
}

#Parks.list .mix .meta p,#Parks.list .mix .meta ul {
    display: inline-block;
    vertical-align: middle;
    list-style: none
}

#Parks.list .mix .meta li {
    margin-bottom: 5px
}

#Parks.list .img_wrapper {
    display: inline-block;
    width: 177px;
    height: 95px;
    vertical-align: top;
    margin-right: 30px
}

#Parks.list .titles {
    display: inline-block;
    vertical-align: middle
}

#Parks.list .titles h2 {
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    color: #47a497;
    letter-spacing: 2px;
    margin-bottom: 3px;
    line-height: 1.2!important
}

#Parks.list .titles p {
    text-indent: -2px
}

#Parks.grid {
    text-align: justify
}

#Parks.grid .list_header {
    display: none
}

#Parks.grid .meta {
    display: none
}

#Parks.grid .meta.name {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: block
}

#Parks.grid .mix {
    display: none;
    opacity: 0;
    position: relative;
    width: 48.5%;
    padding-top: 26%;
    margin-bottom: 3%
}

#Parks.grid .img_wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000
}

#Parks.grid .titles {
    position: relative;
    width: 90%;
    max-width: 400px;
    height: auto;
    margin-top: 75%;
    margin: 53.5% auto 0;
    top: -80px;
    z-index: 1;
    padding: 10px 0;
    background: #fff;
    background: rgba(255,255,255,.8);
    text-align: center
}

#Parks.grid .titles h2 {
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    color: #47a497;
    letter-spacing: 2px;
    margin-bottom: 3px
}

#Parks.grid .titles p {
    font-weight: 300;
    text-indent: -2px
}

.horizontal-menu.noBar .header {
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    border: 0 solid rgba(255,255,255,0)
}

.horizontal-menu .header-seperation {
    display: none
}

.horizontal-menu .bar {
    width: 100%;
    background-color: #0c73bc;
    position: fixed;
    margin-top: 56px;
    display: table;
    z-index: 50
}

.horizontal-menu .bar2 {
    margin-top: 0
}

.horizontal-menu .bar-inner {
    display: table-cell;
    width: 100%
}

.horizontal-menu .bar-inner>ul {
    margin: 0;
    padding: 0
}

.horizontal-menu .bar-inner>ul>li {
    display: inline-block;
    padding: 8px 10px;
    vertical-align: middle
}

.horizontal-menu .bar-inner>ul>li.classic {
    position: relative
}

.horizontal-menu .bar-inner>ul>li.open>a {
    opacity: 1;
    color: #1b1e24
}

.horizontal-menu .bar-inner>ul>li.horizontal.open,.horizontal-menu .bar-inner>ul>li.mega.open {
    position: inherit
}

.horizontal-menu .bar-inner>ul>li>a {
    color: #fff
}

.horizontal-menu .bar-inner>ul>li>a>.arrow {
    display: inline-block
}

.horizontal-menu .bar-inner>ul>li>a>.arrow:before {
    float: right;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f107";
    font-weight: 300;
    text-shadow: none;
    margin-left: 8px;
    position: relative;
    top: 6px
}

.horizontal-menu .bar-inner>ul>li a {
    opacity: .8
}

.horizontal-menu .bar-inner>ul>li a .description {
    opacity: .7;
    transition: opacity .1s linear 0s
}

.horizontal-menu .bar-inner>ul>li a:hover {
    opacity: 1
}

.horizontal-menu .bar-inner>ul>li a:hover .description {
    opacity: 1
}

.horizontal-menu .bar-inner>ul>li.open {
    background: #fff
}

.horizontal-menu .bar-inner>ul>li.open>.classic {
    max-height: 999px
}

.horizontal-menu .bar-inner>ul>li.open>.classic>li {
    opacity: 1
}

.horizontal-menu .bar-inner>ul>li.open>.horizontal,.horizontal-menu .bar-inner>ul>li.open>.mega {
    display: block
}

.horizontal-menu .bar-inner>ul>li>.classic {
    margin: 0;
    padding: 0;
    position: absolute;
    background-color: #fff;
    list-style: none;
    left: 0;
    right: 0;
    top: 40px;
    min-width: 220px;
    max-height: 0;
    overflow: hidden;
    transition: all .3s linear 0s
}

.horizontal-menu .bar-inner>ul>li>.classic>li {
    margin: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e9ec;
    color: #22262e;
    opacity: 0;
    transition: all .1s linear .1s
}

.horizontal-menu .bar-inner>ul>li>.classic>li a {
    color: #1b1e24
}

.horizontal-menu .bar-inner>ul>li>.classic>li a .description {
    display: block;
    font-size: 12px;
    color: #393a3c
}

.horizontal-menu .bar-inner>ul>li>.classic>li:last-child {
    border-bottom: 0
}

.horizontal-menu .bar-inner>ul>li>.horizontal {
    margin: 0;
    top: 40px;
    padding: 0;
    position: absolute;
    background-color: #fff;
    list-style: none;
    display: none;
    left: 0;
    right: 0;
    width: 100%;
    border-bottom: 1px solid #e5e9ec
}

.horizontal-menu .bar-inner>ul>li>.horizontal li {
    margin: 15px;
    color: #1b1e24;
    display: inline-block
}

.horizontal-menu .bar-inner>ul>li>.horizontal li a {
    color: #1b1e24
}

.horizontal-menu .bar-inner>ul>li>.horizontal li a .description {
    display: block;
    font-size: 12px;
    color: #393a3c
}

.horizontal-menu .bar-inner>ul>li>.mega {
    margin: 0;
    top: 40px;
    padding: 0;
    position: absolute;
    background-color: #fff;
    list-style: none;
    display: none;
    left: 0;
    right: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e9ec
}

.horizontal-menu .bar-inner>ul>li>.mega>li {
    margin: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e9ec;
    color: #1b1e24
}

.horizontal-menu .bar-inner>ul>li>.mega>li a {
    color: #1b1e24
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu-heading {
    font-size: 14px;
    color: #1b1e24;
    margin-bottom: 10px;
    margin-top: 20px
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu .whithLock {
    font-size: 17px;
    height: auto;
    font-weight: 300;
    margin-right: 6px;
    float: right;
    position: relative;
    top: 3px
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu>li {
    padding-left: 0;
    padding-bottom: 5px
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu>li>a {
    color: #1b1e24
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu>li>a.onpenNewWeb:before {
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f08e";
    font-weight: 300;
    margin-right: 6px;
    float: right;
    position: relative;
    top: 2px
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu.onpenNewWeb li>a:before {
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f08e";
    font-weight: 300;
    margin-right: 6px;
    float: right;
    position: relative;
    top: 2px
}

@media (min-width: 980px) {
    .horizontal-menu .page-content {
        margin-left:0
    }

    .horizontal-menu .page-content .content {
        padding-top: 115px
    }

    .horizontal-menu.noBar .page-content {
        margin-left: 0
    }

    .horizontal-menu.noBar .page-content .content {
        padding-top: 75px
    }
}

@media (max-width: 768px) {
    .horizontal-menu .bar-inner>ul>li>a {
        color:#111;
        position: relative;
        display: block;
        padding: 13px 16px;
        z-index: 2;
        overflow: hidden;
        color: #0052a6;
        background: rgba(49,49,49,.07);
        border-bottom: 2px solid #fff
    }

    .horizontal-menu .bar .bar-inner>ul>li {
        padding: 0 7px 2px 7px
    }
}

.sub-menu-heading {
    font-size: 16px!important;
    border-bottom: 1px dotted;
    padding: 0 0 5px 5px;
    font-weight: 600;
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif
}

ul.sub-menu li {
    margin-bottom: 4px
}

ul.sub-menu li a {
    background-color: #dbdbdb;
    padding: 5px 5px 5px 10px;
    font-size: .9286em;
    color: #002750;
    font-size: 15.2px;
    border: none;
    display: block;
    font-weight: 400
}

ul.sub-menu li a:hover {
    background: #ff9720;
    color: #fff!important;
    font-size: 15.2px;
    font-weight: 400
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu-heading {
    color: #095992
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu-heading:before {
    content: "\f13a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    padding-right: 7px
}

a {
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif
}

.horizontal-menu .bar-inner>ul>li>.mega .sub-menu-heading-noIcon {
    border-bottom: 1px dotted;
    padding: 0 0 5px 5px;
    margin-bottom: 10px;
    color: #1b1e24
}

@media (min-width: 768px) {
    .horizontal-menu .bar-inner>ul>li>.mega .sub-menu-heading-noIcon {
        margin-top:40px
    }
}

@media (min-width: 992px) {
    .horizontal-menu .bar-inner>ul>li>.mega .sub-menu-heading-noIcon {
        margin-top:40px
    }
}

@media (min-width: 1200px) {
    .horizontal-menu .bar-inner>ul>li>.mega .sub-menu-heading-noIcon {
        margin-top:40px
    }
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/custom-set.eot);
    src: url(../fonts/custom-set.eot?#iefix) format("embedded-opentype"),url(../fonts/custom-set.woff) format("woff"),url(../fonts/custom-set.ttf) format("truetype"),url(../fonts/custom-set.svg#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[data-icon]:before {
    font-family: icomoon;
    content: attr(data-icon);
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.icon-custom-alert,.icon-custom-chart,.icon-custom-cross,.icon-custom-down,.icon-custom-downloads,.icon-custom-extra,.icon-custom-feedbacks,.icon-custom-form,.icon-custom-gallery,.icon-custom-home,.icon-custom-left,.icon-custom-map,.icon-custom-message,.icon-custom-new,.icon-custom-newpage,.icon-custom-next,.icon-custom-portlets,.icon-custom-previous,.icon-custom-refresh,.icon-custom-right,.icon-custom-settings,.icon-custom-thumb,.icon-custom-ui,.icon-custom-up {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.icon-custom-refresh:before {
    content: "\e000"
}

.icon-custom-up:before {
    content: "\e001"
}

.icon-custom-ui:before {
    content: "\e002"
}

.icon-custom-thumb:before {
    content: "\e003"
}

.icon-custom-settings:before {
    content: "\e004"
}

.icon-custom-right:before {
    content: "\e005"
}

.icon-custom-previous:before {
    content: "\e006"
}

.icon-custom-portlets:before {
    content: "\e007"
}

.icon-custom-next:before {
    content: "\e008"
}

.icon-custom-newpage:before {
    content: "\e009"
}

.icon-custom-new:before {
    content: "\e00a"
}

.icon-custom-message:before {
    content: "\e00b"
}

.icon-custom-map:before {
    content: "\e00c"
}

.icon-custom-left:before {
    content: "\e00d"
}

.icon-custom-home:before {
    content: "\e00e"
}

.icon-custom-gallery:before {
    content: "\e00f"
}

.icon-custom-form:before {
    content: "\e010"
}

.icon-custom-feedbacks:before {
    content: "\e011"
}

.icon-custom-extra:before {
    content: "\e012"
}

.icon-custom-downloads:before {
    content: "\e013"
}

.icon-custom-down:before {
    content: "\e014"
}

.icon-custom-cross:before {
    content: "\e015"
}

.icon-custom-chart:before {
    content: "\e016"
}

.icon-custom-alert:before {
    content: "\e017"
}

@media only screen and (min-width: 1824px) {
    body {
        height:100%
    }

    .page-container {
        height: 100%
    }

    .footer-widget {
        position: fixed
    }

    .table th {
        font-size: 15.2px
    }

    .table td {
        font-size: 15.2px
    }

    .table td.small-cell,.table th.small-cell {
        width: 42px
    }

    .checkbox label:before {
        top: .5px
    }

    .tiles.margin-reset {
        margin-left: 51px
    }

    .demo-map {
        min-height: 100%
    }

    .error-main {
        margin-top: 40%
    }

    .visible-xlg {
        display: block!important
    }

    .hidden-xlg {
        display: none!important
    }

    .cbp_tmtimeline>li .cbp_tmtime {
        width: 24%
    }
}

@media (min-width: 1600px) {
    .visible-xlg {
        display:block!important
    }

    .hidden-xlg {
        display: none!important
    }
}

@media (max-width: 1400px) {
    .sales-graph-heading {
        padding-left:17px;
        padding-top: 30px
    }
}

@media (min-width: 980px) {
    body.bottom-header .page-sidebar {
        margin-top:0;
        margin-bottom: 58px
    }

    .menu-non-fixed .page-sidebar {
        margin-top: 0;
        padding-top: 58px
    }

    .page-sidebar {
        display: inline-block;
        float: left;
        position: fixed;
        width: 250px;
        margin-top: 58px;
        padding-bottom: 105px
    }

    .menu-non-fixed .footer-widget {
        z-index: 100
    }

    .page-sidebar .page-sidebar-wrapper {
        display: inline-block;
        float: left;
        height: 100%
    }

    .page-sidebar.fixed {
        position: fixed
    }

    .page-sidebar ul {
        width: 250px
    }

    .page-content {
        margin-left: 250px;
        min-height: 100%
    }

    .page-content.no-min-height {
        min-height: auto
    }

    .full-width-page .page-content {
        margin-left: 0!important
    }

    .inner-menu {
        padding-top: 60px
    }

    .btn-cons-md {
        min-width: 120px
    }

    .boxed-layout {
        background-color: #f6f7f8
    }

    .boxed-layout .container {
        position: relative
    }

    .boxed-layout .chat-window-wrapper {
        position: absolute
    }

    .boxed-layout .chat-window-wrapper .inner-content .chat-window-wrapper {
        margin-right: 0
    }

    .horizontal-menu .header-seperation {
        display: none!important
    }
}

@media (max-width: 979px) {
    body {
        margin:0!important
    }

    .horizontal-menu .page-content {
        margin-left: 0
    }

    .header {
        margin: 0!important
    }

    .header .nav li.dropdown i {
        display: inline-block;
        position: relative;
        top: 1px;
        right: 0
    }

    .header .nav {
        margin-bottom: 0!important
    }

    .page-container {
        margin: 0!important;
        padding: 0!important
    }

    .fixed-top .page-container {
        margin-top: 0!important
    }

    .page-content {
        margin-top: 0
    }

    .chat-window-wrapper {
        -webkit-overflow-scrolling: touch
    }

    .chat-messages {
        -webkit-overflow-scrolling: touch
    }

    .tiles {
        margin-right: 0
    }

    .tiles.added-margin {
        margin-right: 0
    }

    .page-content .admin-bar .admin-bar-inner {
        margin-right: 0
    }

    .scrollup {
        left: 235px
    }

    body.condense-menu .page-content {
        margin-left: 0
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    body {
        padding-top:0
    }

    .horizontal-menu .page-content {
        margin-left: 0
    }

    .horizontal-menu .page-content .content {
        margin-top: 26px
    }

    .page-sidebar.opened {
        background-color: #1b1e24!important;
        height: auto;
        font-family: "Open Sans";
        width: 250px;
        margin-top: 60px
    }

    .page-sidebar.opened .outer-tab-nav-section {
        display: inline-block;
        width: 45px;
        position: absolute;
        height: 100%;
        background-color: #0aa699!important
    }

    .page-sidebar.opened .inner-menu {
        display: inline-block;
        width: 200px
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li>a {
        color: #8b91a0
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li:last-child>a {
        border-bottom: 1px solid transparent!important
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li a i {
        color: #8b91a0;
        width: 20px;
        text-align: center;
        display: inline-block;
        margin-right: 10px
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li.open>a,.page-sidebar.opened .page-sidebar-wrapper>ul>li:hover>a,.page-sidebar.opened .page-sidebar-wrapper>ul>li>a:hover {
        background: #1b1e24;
        padding: 11.5px 31px;
        color: #fff
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li.open>a i,.page-sidebar.opened .page-sidebar-wrapper>ul>li:hover>a i,.page-sidebar.opened .page-sidebar-wrapper>ul>li>a:hover i {
        color: #fff
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li.active>a {
        border-top-color: transparent!important;
        color: #fff
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li.active i {
        color: #fff
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li>a.open {
        background: #313131
    }

    .page-sidebar.opened .page-sidebar-wrapper ul>li>a>.arrow:before,.page-sidebar.opened .page-sidebar-wrapper>ul>li>a>.arrow.open:before {
        color: #919091!important
    }

    .page-sidebar.opened .page-sidebar-wrapper ul>li.active>a .arrow:before,.page-sidebar.opened .page-sidebar-wrapper>ul>li.active>a .arrow.open:before {
        color: #fff!important
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li>ul.sub-menu>li>a {
        margin-left: 0;
        padding-left: 5px
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li>ul.sub-menu>li:first-child>a {
        border-top: 0!important
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li>ul.sub-menu>li.active>a {
        font-weight: 600
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li>ul.sub-menu>li>a:hover {
        background: #1b1e24!important
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li>ul.sub-menu li.open>a,.page-sidebar.opened .page-sidebar-wrapper>ul>li>ul.sub-menu li>ul.sub-menu>li.active>a,.page-sidebar.opened .page-sidebar-wrapper>ul>li>ul.sub-menu li>ul.sub-menu>li>a:hover {
        color: #fff!important
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li>ul.sub-menu a .arrow.open:before,.page-sidebar.opened .page-sidebar-wrapper>ul>li>ul.sub-menu a .arrow:before {
        color: #919091!important
    }

    .page-sidebar.opened ul.folders {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .page-sidebar.opened ul.folders>li {
        border: 0 none;
        display: block;
        margin: 0;
        padding: 0
    }

    .page-sidebar.opened ul.folders>li>a {
        padding: 5px 31px;
        font-size: 15.2px;
        color: #fff;
        display: block;
        position: relative
    }

    .page-sidebar.opened ul.folders>li>a:hover {
        text-decoration: none
    }

    .page-sidebar.opened ul.folders>li>input {
        margin: 5px 31px;
        font-size: 15.2px;
        width: 150px
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul {
        width: 250px;
        padding-top: 0
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li>a {
        padding: 10px 25px 10px 21px
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li.open>a,.page-sidebar.opened .page-sidebar-wrapper>ul>li:hover>a,.page-sidebar.opened .page-sidebar-wrapper>ul>li>a:hover {
        padding: 10px 25px 10px 21px
    }

    .page-sidebar.opened .user-info {
        display: block
    }

    .page-sidebar.opened .page-sidebar-wrapper>p {
        display: block
    }

    .page-sidebar.opened .page-sidebar-wrapper>.status-widget {
        display: block
    }

    .page-sidebar.opened .page-sidebar-wrapper>.notification-alert {
        display: inline-block
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul li span.title {
        display: inline-block
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul li span.arrow {
        display: inline
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul li ul li span.title {
        display: inline
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul li ul li span.arrow {
        display: inline
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul li span.badge {
        display: inline-block
    }

    .page-sidebar.opened .page-sidebar-wrapper ul li span.label {
        display: inline-block
    }

    .page-sidebar.opened .profile-wrapper {
        display: block
    }

    .page-sidebar.opened .slimScrollDiv {
        overflow: hidden!important
    }

    .page-sidebar.opened .slimScrollDiv .page-sidebar-wrapper {
        overflow: hidden!important
    }

    .page-sidebar.opened .page-sidebar-wrapper>ul>li>ul.sub-menu {
        position: relative;
        margin-top: 0;
        margin-left: 0;
        width: auto;
        z-index: 10
    }

    .page-sidebar .btn-navbar.collapsed .arrow {
        display: none
    }

    .page-sidebar .btn-navbar .arrow {
        position: absolute;
        right: 25px;
        width: 0;
        height: 0;
        top: 50px;
        border-bottom: 15px solid #5f646b;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent
    }

    .header-seperation {
        display: none!important
    }

    .page-sidebar {
        position: absolute;
        width: 50px;
        margin: 0;
        overflow: visible!important;
        z-index: 90
    }

    .page-sidebar .slimScrollDiv {
        overflow: visible!important
    }

    .page-sidebar .slimScrollDiv .page-sidebar-wrapper {
        overflow: visible!important
    }

    .page-sidebar .page-sidebar-wrapper>ul {
        width: 50px;
        margin: 0;
        padding-top: 60px
    }

    .page-sidebar .page-sidebar-wrapper>ul>li>a {
        padding: 13px;
        color: #fff
    }

    .page-sidebar .page-sidebar-wrapper>ul>li a i {
        color: #fff
    }

    .page-sidebar .user-info {
        display: none
    }

    .page-sidebar .page-sidebar-wrapper>p {
        display: none
    }

    .page-sidebar .page-sidebar-wrapper>.status-widget {
        display: none
    }

    .page-sidebar .page-sidebar-wrapper>.notification-alert {
        display: none
    }

    .page-sidebar .page-sidebar-wrapper>ul li span.title {
        display: none
    }

    .page-sidebar .page-sidebar-wrapper>ul li span.arrow {
        display: none
    }

    .page-sidebar .page-sidebar-wrapper>ul li ul li span.title {
        display: inline
    }

    .page-sidebar .page-sidebar-wrapper>ul li ul li span.arrow {
        display: inline
    }

    .page-sidebar .page-sidebar-wrapper>ul li span.badge {
        display: none
    }

    .page-sidebar .page-sidebar-wrapper ul li span.label {
        display: none
    }

    .page-sidebar .profile-wrapper {
        display: none
    }

    .page-sidebar {
        background-color: #6d5eac!important
    }

    .page-sidebar .page-sidebar-wrapper>ul>li:hover>a,.page-sidebar .page-sidebar-wrapper>ul>li>a:hover {
        background: #0b9c8f
    }

    .page-sidebar .page-sidebar-wrapper>ul>li.open>a,.page-sidebar .page-sidebar-wrapper>ul>li:hover>a,.page-sidebar .page-sidebar-wrapper>ul>li>a:hover {
        padding: 13px
    }

    .page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu {
        position: absolute;
        margin-top: -46px;
        margin-left: 50px;
        width: auto;
        z-index: 100;
        min-width: 250px
    }

    .page-sidebar .page-sidebar-wrapper>.side-bar-widgets {
        display: none
    }

    .footer-widget {
        display: none!important
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper {
        display: inline-block;
        float: left;
        width: 50px;
        height: 100%
    }

    .inner-menu-always-open .inner-menu {
        display: inline-block;
        float: left;
        margin-top: 20px;
        margin-left: 0
    }

    .inner-menu-always-open .page-content {
        margin-left: 250px
    }

    .page-content {
        margin-left: 50px;
        margin-top: 0;
        min-height: 911px
    }

    .page-content .content {
        padding-top: 95px
    }

    .inner-menu-layout .page-content {
        margin-left: 250px
    }

    .inner-menu {
        margin-left: 50px
    }

    .visible-tablet {
        display: block!important
    }

    .scrollup {
        left: 36px
    }

    .table td.small-cell,.table th.small-cell {
        width: 40px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
    body {
        background-color:#1b1e24
    }

    body.hide-top-content-header .header {
        width: 100%
    }

    body.hide-top-content-header .page-content .content {
        padding-top: 93px
    }

    .page-sidebar .page-sidebar-wrapper {
        display: inline-block;
        float: left;
        width: 250px;
        height: 100%
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper {
        background-color: #6d5eac!important
    }

    .inner-menu-always-open .page-sidebar .slimScrollDiv {
        overflow: visible!important
    }

    .inner-menu-always-open .page-sidebar .slimScrollDiv .page-sidebar-wrapper {
        overflow: visible!important
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul {
        width: 50px;
        margin: 0;
        padding-top: 60px
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li>a {
        padding: 13px!important;
        color: #fff
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li a i {
        color: #fff
    }

    .inner-menu-always-open .page-sidebar .user-info {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>p {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>.status-widget {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>.notification-alert {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul li span.title {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul li span.arrow {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul li ul li span.title {
        display: inline
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul li ul li span.arrow {
        display: inline
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul li span.badge {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper ul li span.label {
        display: none
    }

    .inner-menu-always-open .page-sidebar .profile-wrapper {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li:hover>a,.inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li>a:hover {
        background: #0b9c8f
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li.open>a,.inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li:hover>a,.inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li>a:hover {
        padding: 13px
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu {
        position: absolute;
        margin-top: -46px;
        margin-left: 50px;
        width: auto;
        z-index: 100;
        min-width: 250px
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>.side-bar-widgets {
        display: none
    }

    .inner-menu-always-open .inner-menu {
        margin-top: 15px
    }

    .inner-menu-always-open .page-content {
        margin-left: 0
    }

    .header-seperation {
        width: 100%!important;
        display: block!important;
        position: fixed;
        z-index: 999;
        text-align: center
    }

    .logo {
        margin-right: auto;
        margin-left: auto;
        margin-top: 18px
    }

    .header-quick-nav {
        display: none
    }

    .header .notifcation-center {
        margin-left: 15px
    }

    .page-content .content {
        padding-top: 95px
    }

    .page-sidebar {
        position: fixed;
        width: 260px;
        background-color: #2a2f3a!important
    }

    .page-sidebar .user-info {
        display: inline-block
    }

    .page-sidebar>p {
        display: block
    }

    .page-sidebar>.status-widget {
        display: block
    }

    .page-sidebar>.notification-alert {
        display: inline-block
    }

    .page-sidebar .page-sidebar-wrapper>ul li span.title {
        display: inline-block
    }

    .page-sidebar .page-sidebar-wrapper>ul li span.arrow {
        display: inline-block;
        float: right
    }

    .page-sidebar .page-sidebar-wrapper>ul li span.badge {
        display: inline-block
    }

    .page-sidebar .page-sidebar-wrapper ul li span.label {
        display: inline-block
    }

    .page-sidebar .page-sidebar-wrapper>ul {
        width: 260px;
        padding-top: 0!important
    }

    .page-sidebar .profile-wrapper {
        display: inline-block
    }

    .page-sidebar .page-sidebar-wrapper>.side-bar-widgets {
        display: block;
        width: 250px
    }

    .footer-widget {
        display: block
    }

    .page-sidebar .page-sidebar-wrapper>ul>li>a {
        padding: 11.5px 31px 11.5px 31px;
        color: #8b91a0
    }

    .page-sidebar .page-sidebar-wrapper>ul>li:hover>a,.page-sidebar .page-sidebar-wrapper>ul>li>a:hover {
        background: #2a2f3a
    }

    .page-sidebar .page-sidebar-wrapper>ul>li.open>a,.page-sidebar .page-sidebar-wrapper>ul>li:hover>a,.page-sidebar .page-sidebar-wrapper>ul>li>a:hover {
        padding: 11.5px 31px 11.5px 31px
    }

    .page-sidebar .page-sidebar-wrapper>ul>li>a i {
        color: #8b91a0
    }

    .page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu {
        position: relative;
        margin: 0
    }

    .page-sidebar.mini-mobile .side-bar-widgets {
        display: none
    }

    .page-sidebar {
        overflow: scroll!important;
        -webkit-overflow-scrolling: touch
    }

    .inner-menu {
        margin-left: 0;
        margin-top: 60px
    }

    .inner-menu-layout .page-content {
        margin-left: 200px
    }

    .scrollup {
        left: 244px
    }

    .chat-window-wrapper {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: visibility 0s linear .5s,opacity .5s linear;
        transition: visibility 0s linear .5s,opacity .5s linear;
        overflow-y: hidden
    }

    .page-content {
        margin: 0
    }

    .page-content .content {
        padding: 25px;
        padding-top: 95px
    }

    .widget {
        margin-right: 0
    }

    .column-seperation>div[class*=col-] {
        border-right: none
    }

    .user-profile-pic {
        text-align: center
    }

    .user-mini-description h3,.user-mini-description h5 {
        text-align: center
    }

    .login-container {
        padding: 0 10px
    }

    .spacing-bottom-sm {
        margin-bottom: 20px
    }

    .error-wrapper {
        margin-bottom: 0;
        padding: auto
    }

    .widget-item.narrow-margin {
        margin-right: auto
    }

    .page-content.condensed {
        margin-left: 0
    }

    body.boxed-layout .header {
        width: 100%;
        padding: 0!important
    }

    body.boxed-layout .container {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
        width: 100%
    }
}

@media (max-width: 767px) {
    body.hide-top-content-header .header {
        width:100%
    }

    body.hide-top-content-header .page-content .content {
        padding-top: 93px
    }

    .page-sidebar .page-sidebar-wrapper {
        display: inline-block;
        float: left;
        width: 260px;
        height: 100%
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper {
        width: 50px
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper ul {
        background-color: #6d5eac
    }

    .inner-menu-always-open .page-sidebar .slimScrollDiv {
        overflow: visible!important
    }

    .inner-menu-always-open .page-sidebar .slimScrollDiv .page-sidebar-wrapper {
        overflow: visible!important
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul {
        width: 50px;
        margin: 0;
        padding-top: 17px;
        height: 100%
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li>a {
        padding: 13px!important;
        color: #fff
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li a i {
        color: #fff
    }

    .inner-menu-always-open .page-sidebar .user-info {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>p {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>.status-widget {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>.notification-alert {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul li span.title {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul li span.arrow {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul li ul li span.title {
        display: inline
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul li ul li span.arrow {
        display: inline
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul li span.badge {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper ul li span.label {
        display: none
    }

    .inner-menu-always-open .page-sidebar .profile-wrapper {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li:hover>a,.inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li>a:hover {
        background: #0b9c8f
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li.open>a,.inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li:hover>a,.inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li>a:hover {
        padding: 13px
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>ul>li>ul.sub-menu {
        position: absolute;
        margin-top: -46px;
        margin-left: 50px;
        width: auto;
        z-index: 100;
        min-width: 250px
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper>.side-bar-widgets {
        display: none
    }

    .inner-menu-always-open .inner-menu {
        display: inline-block;
        float: left;
        margin-top: 20px
    }

    .inner-menu-always-open .page-content {
        margin-left: 0
    }

    .inner-menu {
        display: none
    }

    .page-sidebar.mini-mobile {
        width: 260px
    }

    .header .navbar-inner .container-fluid {
        margin-left: 10px!important;
        margin-right: 10px!important
    }

    .header .top-nav .nav {
        margin-top: 0;
        margin-right: 5px
    }

    .header .nav>li>.dropdown-menu.notification:after,.header .nav>li>.dropdown-menu.notification:before {
        margin-right: 180px
    }

    .header .nav>li>.dropdown-menu.notification {
        margin-right: -180px
    }

    .header .nav>li>.dropdown-menu.inbox:after,.header .nav>li>.dropdown-menu.inbox:before {
        margin-right: 140px
    }

    .header .nav>li>.dropdown-menu.inbox {
        margin-right: -140px
    }

    .header .nav>li>.dropdown-menu.tasks:after,.header .nav>li>.dropdown-menu.tasks:before {
        margin-right: 90px
    }

    .header .nav>li>.dropdown-menu.tasks {
        margin-right: -90px
    }

    .header-seperation {
        width: 100%!important;
        z-index: 999;
        text-align: center;
        min-height: 60px;
        display: block!important
    }

    .header .notifcation-center {
        margin-left: 15px
    }

    .logo {
        margin-right: auto;
        margin-left: auto;
        margin-top: 16px
    }

    .header-quick-nav {
        display: none
    }

    .page-sidebar {
        position: fixed;
        z-index: auto;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: visibility 0s linear .5s,opacity .5s linear;
        transition: visibility 0s linear .5s,opacity .5s linear;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden
    }

    .page-content .content {
        padding: 8px;
        padding-top: 75px
    }

    .page-title {
        margin-bottom: 20px
    }

    .portlet-body.form .form-actions {
        padding-left: 15px
    }

    .form-horizontal .form-actions {
        padding-left: 180px
    }

    .no-margin-grid .row-fluid [class*=span] {
        width: 100%!important;
        margin: 0;
        margin-bottom: 10px
    }

    .tiles.margin-reset {
        margin-left: 0
    }

    .user-profile-pic {
        text-align: center
    }

    .user-mini-description h3,.user-mini-description h5 {
        text-align: center
    }

    .email-body {
        padding: 8px!important
    }

    .login-container {
        padding: 0 10px
    }

    .table td.small-cell,.table th.small-cell {
        width: 42px
    }

    .error-wrapper {
        margin-bottom: 0;
        min-height: 624px;
        height: 624px
    }

    .widget-item.narrow-margin {
        margin-right: auto
    }

    .page-content.condensed {
        margin-left: 0
    }

    .scrollup {
        right: 50px;
        left: auto;
        bottom: 35px
    }

    .footer-widget {
        display: none
    }

    body.boxed-layout .header {
        width: 100%;
        padding: 0!important
    }

    body.boxed-layout .container {
        padding: 0;
        width: 100%
    }

    .inner-menu-always-open .user-info-wrapper {
        display: none
    }

    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper {
        height: auto
    }

    .horizontal-menu .bar {
        display: none
    }

    .horizontal-menu .bar {
        background-color: #fff
    }

    .horizontal-menu .bar .bar-inner {
        display: block;
        max-height: 400px;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }

    .horizontal-menu .bar .bar-inner>ul>li {
        display: block
    }

    .horizontal-menu .bar .bar-inner>ul>li .classic {
        position: relative;
        background-color: transparent;
        top: 0
    }

    .horizontal-menu .bar .bar-inner>ul>li .mega,.horizontal-menu .bar .bar-inner>ul>li.horizontal {
        position: relative
    }

    .horizontal-menu .bar .bar-inner>ul>li>.horizontal {
        position: relative;
        top: 0;
        border-bottom: 0
    }

    .horizontal-menu .bar .bar-inner>ul>li>.horizontal li {
        display: block
    }

    .chat-window-wrapper {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s linear .5s,opacity .5s linear
    }
}

@media (max-width: 480px) {
    body.hide-top-content-header .header {
        width:100%
    }

    body.hide-top-content-header .page-content .content {
        padding-top: 93px
    }

    .page-title h3 {
        width: 80%
    }

    .page-content .content {
        padding: 8px;
        padding-top: 93px;
        /*overflow-x: hidden;*/
    }

    .tiles.margin-reset {
        margin-left: 0
    }

    .column-seperation>div[class*=span] {
        border-right: none
    }

    table td.unseen,table th.unseen {
        display: none!important
    }

    .row-fluid {
        margin-bottom: 10px
    }

    .small {
        width: 100px!important
    }

    .medium {
        width: 150px!important
    }

    .large {
        width: 200px!important
    }

    .huge {
        width: 246px!important;
        font-size: 24px!important;
        height: 36px!important;
        line-height: 36px!important;
        padding: 22px 8px!important
    }

    select.small {
        width: 114px!important
    }

    select.medium {
        width: 164px!important
    }

    select.large {
        width: 214px!important
    }

    .btn-cons {
        min-width: 110px
    }

    .btn-large {
        padding: 9px 15px
    }

    .no-more-tables table,.no-more-tables tbody,.no-more-tables td,.no-more-tables th,.no-more-tables thead,.no-more-tables tr {
        display: block
    }

    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .no-more-tables.table-bordered td {
        border-left: 1px solid #eee;
        border-bottom: 1px solid #eee
    }

    .no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        white-space: normal;
        text-align: left
    }

    .no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 700
    }

    .no-more-tables td:before {
        content: attr(data-title)
    }

    .no-more-tables .text-center,.no-more-tables .text-right {
        text-align: left!important
    }

    .table-flip-scroll .cf:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0
    }

    .table-flip-scroll * html .cf {
        zoom:1}

    .table-flip-scroll table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0
    }

    .table-flip-scroll th {
        width: auto!important;
        border-radius: 0!important
    }

    .table-flip-scroll td,.table-flip-scroll th {
        margin: 0;
        vertical-align: top
    }

    .table-flip-scroll th {
        text-align: left
    }

    .table-flip-scroll table {
        display: block;
        position: relative;
        width: 100%
    }

    .table-flip-scroll thead {
        display: block;
        float: left
    }

    .table-flip-scroll tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap
    }

    .table-flip-scroll thead tr {
        display: block
    }

    .table-flip-scroll th {
        display: block
    }

    .table-flip-scroll tbody tr {
        display: inline-block;
        vertical-align: top
    }

    .table-flip-scroll td {
        display: block;
        min-height: 1.25em;
        text-align: left
    }

    .table-flip-scroll th {
        border-bottom: 0;
        border-left: 0
    }

    .table-flip-scroll td {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        border-radius: 0!important
    }

    .table-flip-scroll tbody tr {
        border-left: 1px solid #babcbf
    }

    .user-profile-pic {
        text-align: center
    }

    .user-mini-description h3,.user-mini-description h5 {
        text-align: center
    }

    .email-body {
        padding: 8px!important
    }

    .lockscreen-wrapper .profile-wrapper {
        margin-bottom: 8px
    }

    .image-responsive-width {
        width: auto
    }

    .xs-image-responsive-width {
        width: 100%
    }
}

@media (max-width: 320px) {
    .header .nav>li.dropdown .dropdown-toggle {
        padding-left:8px!important;
        padding-right: 8px!important
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:200/100),only screen and (min-device-pixel-ratio:2) {
    .grid.simple .grid-title .tools a {
        background:url(../images/icon/portlet-tray-2x.png);
        background-size: 199px 57px
    }

    .tiles .controller a {
        position: relative;
        background: url(../images/icon/portlet-tray-2x.png);
        background-size: 199px 57px
    }

    .widget-item .controller a {
        position: relative;
        background: url(../images/icon/portlet-tray-2x.png);
        background-size: 199px 57px
    }

    .iconset {
        background: url(../images/icon/top-tray-bx2.png) no-repeat;
        background-size: 394px 29px
    }

    .status-icon {
        background: url(../images/icon/status2x.png);
        background-size: 79px 16px
    }

    .scrollup {
        background: url(../images/pullup2x.png);
        background-size: 57px 27px
    }

    .alert .close {
        background: url(../images/icon/noti-cross-2x.png) no-repeat scroll 0 0 transparent;
        background-position: -9px -10px;
        width: 10px;
        height: 9px;
        position: relative;
        opacity: .8;
        background-size: 114px 29px
    }

    .checkbox label::after {
        top: 1.5px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) {
    .select2-container .select2-choice .select2-arrow b,.select2-container .select2-choice abbr,.select2-search input,.select2-search-choice-close {
        background-image:none;
        background-repeat: no-repeat!important;
        background-size: none!important
    }

    .select2-search input {
        background-position: none!important
    }
}

@media (min-width: 980px) {
    body.open-menu-right .page-content {
        position:relative;
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        transform: translateX(-260px)
    }

    body.open-menu-right .header {
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        transform: translateX(-260px)
    }

    body.open-menu-right .page-sidebar {
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        transform: translateX(-260px)
    }

    body.open-menu-right .footer-widget {
        -webkit-transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        transform: translateX(-260px)
    }

    body.open-menu-right .scrollup {
        display: none!important
    }

    body.rtl.open-menu-right .page-content {
        position: relative;
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        transform: translateX(260px)
    }

    body.rtl.open-menu-right .header {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        transform: translateX(260px)
    }

    body.rtl.open-menu-right .page-sidebar {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        transform: translateX(260px)
    }

    body.rtl.open-menu-right .footer-widget {
        -webkit-transform: translateX(260px);
        -moz-transform: translateX(260px);
        transform: translateX(260px)
    }

    body.rtl.open-menu-right .scrollup {
        display: none!important
    }
}

@media (max-width: 979px) {
    body.open-menu-left .page-content {
        -webkit-transform:translate3d(260px,0,0);
        transform: translate3d(260px,0,0)
    }

    body.open-menu-left .header {
        -webkit-transform: translate3d(260px,0,0);
        transform: translate3d(260px,0,0)
    }

    body.open-menu-right .page-content {
        -webkit-transform: translate3d(-260px,0,0);
        transform: translate3d(-260px,0,0)
    }

    body.open-menu-right .header {
        -webkit-transform: translate3d(-260px,0,0);
        transform: translate3d(-260px,0,0)
    }

    body.open-menu-right .page-content .admin-bar {
        display: none
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    body.open-menu-right .page-content {
        -webkit-transform:translateX(-260px);
        transform: translateX(-260px);
        left: auto
    }

    body.open-menu-right .header {
        -webkit-transform: translateX(-260px);
        transform: translateX(-260px);
        left: auto
    }

    body.open-menu-right .page-content .admin-bar {
        display: none
    }

    body.boxed-layout {
        background-color: #f6f7f8
    }

    body.boxed-layout .container {
        position: relative
    }

    body.boxed-layout .chat-window-wrapper {
        position: absolute;
        margin-right: 15px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width:1024px) and (orientation:portrait) {
    .chat-window-wrapper {
        display:none
    }

    .chat-window-wrapper.visible {
        display: block
    }

    .page-sidebar {
        display: none
    }

    .page-sidebar.visible {
        display: block
    }

    body.open-menu-left .page-sidebar {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s
    }

    body.open-menu-right .chat-window-wrapper {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s
    }
}

@media (max-width: 767px) {
    .chat-window-wrapper {
        display:none
    }

    .chat-window-wrapper.visible {
        display: block
    }

    .page-sidebar {
        display: none
    }

    .page-sidebar.visible {
        display: block
    }

    body.open-menu-right .chat-window-wrapper {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s
    }

    body.open-menu-left .page-sidebar {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s;
        -webkit-backface-visibility: hidden
    }
}

.myPagination {
    position: absolute;
    top: 17px;
    right: 40px
}

.LandClickable a {
    cursor: pointer
}

.LandClickable a:hover {
    color: #357fbe
}

a.landClickLink {
    cursor: pointer
}

a.landClickLink:hover {
    color: #357fbe
}

.landMoreDetail {
    background: #eee
}

.landTable {
    border: 1px solid #eee
}

.tableNarrow {
    width: 100%
}

.tableNarrow tr.font15 td {
    font-size: 15px!important
}

.tableNarrow tr.font14 td {
    font-size: 14px!important
}

.tableNarrow tr.font13 td {
    font-size: 13px!important
}

.tableNarrow tr.font12 td {
    font-size: 12px!important
}

.tableNarrow td {
    padding: 5px!important;
    font-size: 16px
}

.tableNarrow td.font15 {
    font-size: 15px!important
}

.tableNarrow td.font14 {
    font-size: 14px!important
}

.tableNarrow td.font13 {
    font-size: 13px!important
}

.tableNarrow td.font12 {
    font-size: 12px!important
}

.tableNarrow .darkBg {
    background: #518eb9;
    border-top: 1px solid #e4e4e4!important
}

.tableNarrow .darkBg td {
    color: #fff!important
}

.landTable thead>tr>th {
    vertical-align: top;
    border-bottom: 2px solid #ddd
}

.landTable .landTitleColor>th {
    background: #5ca8de!important;
    color: #fff!important;
    border: 1px solid #65b3ea!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important
}

.landTable .lightBg {
    background: #f5f5f5;
    border-top: 1px solid #e4e4e4!important
}

.landTitleColor {
    background: #5ca8de!important
}

.landTitleColor td {
    color: #fff!important;
    border: 1px solid #65b3ea!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important
}

.landTitleColor td:first-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.font15,td.font15 {
    font-size: 15px!important
}

.font14,td.font14 {
    font-size: 14px!important
}

.font13,td.font13 {
    font-size: 13px!important
}

.font12,td.font12 {
    font-size: 12px!important
}

.font11,td.font11 {
    font-size: 11px!important
}

.TM-body {
    padding: 0!important
}

.TM-body .form-collapse-title {
    padding: 10px 14px;
    border-bottom: 2px solid #2196f3
}

.TM-body .form-collapse-title h4 {
    font-size: 18px!important;
    color: #2196f3!important
}

.TM-body .form-collapse-title h4 span {
    margin-left: 20px;
    font-size: 15px!important;
    color: #6a6a6a!important
}

.TM-body .form-collapse-title .fa-chevron-down,.TM-body .form-collapse-title .fa-chevron-up {
    color: #2196f3!important
}

.treeMenuMaster .search-dropdown-control .form-actions {
    margin-right: 0!important;
    margin-left: 0!important;
    margin-bottom: 0!important
}

.treeMenuMaster .tab-pane {
    margin-top: 10px
}

.MT-contacts-list {
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #eee;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 1 px rgba(170,170,170,.25)
}

.MT-contacts-list.end {
    margin-bottom: 0
}

.MT-contacts-list .floder-icon {
    cursor: pointer;
    float: left;
    width: 60px;
    background: #ccc;
    height: 60px;
    text-align: center
}

.MT-contacts-list .floder-icon i {
    position: relative;
    margin-top: 15px;
    font-size: 30px;
    color: #fff
}

.MT-contacts-list .floder-icon .stack-text {
    margin-top: -4.5em;
    color: #ccc
}

.MT-contacts-list .floder-icon .stack-text i {
    color: #ccc;
    font-size: 18px;
    margin-top: -30px
}

.MT-contacts-list .floder-icon .popover {
    background-color: rgba(0,0,0,.85);
    border-radius: 5px;
    margin-top: 50px;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    color: #fff;
    display: none;
    font-size: 12px;
    font-family: Helvetica,sans-serif;
    left: 15px;
    padding: 7px 10px;
    position: absolute;
    width: 200px;
    z-index: 400000000000000000000
}

.MT-contacts-list .floder-icon .popover.bottom:before {
    border-bottom: 7px solid rgba(0,0,0,.85);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px;
    content: "";
    display: block;
    margin-left: 12px;
    position: absolute
}

.MT-contacts-list .floder-icon .popover.top {
    margin-top: -40px
}

.MT-contacts-list .floder-icon .popover.top:before {
    border-top: 7px solid rgba(0,0,0,.85);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    content: "";
    display: block;
    margin-left: 12px;
    position: absolute
}

.MT-contacts-list .floder-icon:hover .popover {
    display: block;
    -webkit-animation: fade-in .3s linear 1,move-up .3s linear 1;
    -moz-animation: fade-in .3s linear 1,move-up .3s linear 1;
    -ms-animation: fade-in .3s linear 1,move-up .3s linear 1
}

.MT-contacts-list .text {
    font-size: 18px;
    float: left;
    margin-left: 20px;
    margin-top: 15px
}

.MT-contacts-list .text.textHover:hover {
    color: #2196f3;
    cursor: pointer
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.menu-show {
    display: block
}

.marpad {
    margin: 0!important;
    padding: 0!important
}

.land-collapse-title {
    color: #282323!important;
    font-size: 16px;
    font-weight: 700
}

.form-collapse-title a {
    cursor: pointer
}

a {
    cursor: pointer
}

.land-content-title {
    color: #b0bec5
}

select[disabled] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

.land-inline-content {
    display: inline;
    padding-top: 10px;
    padding-bottom: 7px
}

.land-inline-content h1,.land-inline-content h2,.land-inline-content h3,.land-inline-content h4,.land-inline-content h5,.land-inline-content p {
    display: inline!important
}

.land-inline-content h5 {
    font-size: 15.2px;
    margin-right: 7px;
    color: #00838f
}

.land-inline-content h5:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    padding-right: 5px;
    color: #00838f
}

.land-inline-content.bg-white {
    background: #fdfdfd;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.land-inline-striped .row:nth-child(odd) {
    background: #f7f7f7
}

.land-inline-striped .row:nth-child(even) {
    background: #fdfdfd;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.content-label-group .content-label-addnew {
    display: inline!important;
    width: 30px;
    float: left
}

.content-label-group .content-label-span {
    display: inline!important
}

.content-label-group .content-label-span span {
    margin: 2px
}

.checkboxLabel16 label {
    font-size: 16px
}

.boxShadow {
    box-shadow: #d2d2d2 1px 1px 2px,#d2d2d2 2px 2px 20px
}

.label-admin-group {
    display: inline-block;
    margin-bottom: 7px;
    width: 60%
}

.label-admin {
    padding: 3px 9px;
    font-size: 16px;
    text-shadow: none;
    background-color: #93e3ed;
    font-weight: 600;
    color: #555;
    border-radius: 3px
}

.label-admin i {
    color: #555!important
}

.permission-group {
    margin-left: 1px;
    margin-right: 1px
}

.modal-footer .btn-cons {
    margin-bottom: 0
}

.tabs-fa-group .filetype-text {
    color: #fff;
    font-size: 11px
}

.tabs-fa-group .fa-stack-1x {
    top: .25em
}

.tabs-fa-group .fa-lg,.tabs-fa-group .fa-stack-2x {
    font-size: 25px
}

.tabs-fa-group .fa-stack {
    font-size: .5em;
    vertical-align: -16%
}

.menu-show {
    display: block
}

.panel-blue .panel-heading {
    background: #2196f3;
    color: #fff
}

.panel-blue .panel-body {
    border-bottom: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6
}

.contacts-modal .modal-body {
    background: #016a75
}

.contacts-modal .modal-footer {
    padding: 0;
    background-color: #1976d2;
    cursor: pointer;
    overflow: hidden
}

.contacts-modal .modal-footer .col-xs-6:first-child {
    border-right: 1px solid #348be0
}

.contacts-modal .modal-footer .contacts-btn {
    position: relative;
    text-shadow: 0 2px 2px rgba(0,0,0,.3);
    color: #fff;
    line-height: 60px;
    transition: all .5s ease;
    z-index: 2
}

.contacts-modal .modal-footer .contacts-btn .eff {
    width: 100%;
    height: 60px;
    top: -60px;
    background: #34495e;
    position: absolute;
    transition: all .5s ease;
    z-index: -1
}

.contacts-modal .modal-footer .contacts-btn .tex {
    z-index: 2
}

.contacts-modal .modal-footer .contacts-btn:hover {
    background-color: #145ca4
}

.contacts-modal .modal-footer .contacts-btn:hover .contacts-btn {
    color: #fff
}

.contacts-modal .modal-footer .contacts-btn:hover .eff {
    top: 0;
    z-index: -1
}

.info-btn {
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.info-btn .info-hover {
    left: 0;
    top: 0;
    width: 0%;
    height: 60px;
    background: rgba(93,93,93,.79);
    color: #fff;
    font-weight: 700;
    position: absolute;
    transition: all .3s ease;
    z-index: 1
}

.info-btn .info-hover img {
    position: relative;
    margin: 0 auto;
    display: inline-block;
    opacity: 0;
    transition: all .3s ease
}

.info-btn .info-hover p {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    transition: all .3s ease;
    opacity: 0
}

.info-btn .info-hover img {
    margin-top: 8px
}

.info-btn .info-hover p {
    margin-top: 18px
}

.info-btn:hover .info-hover {
    width: 100%;
    z-index: 1
}

.info-btn:hover .info-hover img,.info-btn:hover .info-hover p {
    opacity: 1
}

.contactUserImg {
    float: left;
    text-align: center;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: relative;
    overflow: hidden;
    background: #bdbdbd;
    -webkit-mask-image: -webkit-radial-gradient(white,#000)
}

.contactUserImg i {
    font-size: 22px;
    line-height: 50px;
    color: #fff;
    position: absolute;
    right: 11px;
    top: -5px
}

.contactUserTex {
    display: inherit;
    position: relative;
    line-height: normal;
    vertical-align: middle;
    height: 40px;
    min-width: 58px;
    padding-left: 15px
}

.modal-dropmenu {
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box
}

.modal-dropmenu>li>button {
    border: none
}

.modal-dropmenu>li>a,.modal-dropmenu>li>button {
    line-height: 25px;
    color: #2a2e36;
    margin: 4px;
    border-radius: 3px;
    text-align: left;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    font-size: 16px
}

.modal-dropmenu>li>a:hover {
    color: #1b1e24;
    text-decoration: none;
    background-color: #eff2f3;
    background-image: none
}

.modal-dropmenu ul {
    list-style-type: none
}

.modal-dropmenu li {
    padding-left: 0;
    line-height: 20px;
    list-style-type: none
}

.modal_extra_submenu .modal-content {
    border: none
}

.property-modal .modal-body {
    margin: 0;
    padding: 0;
    background-color: #fff
}

.property-modal .modal-body .img-box {
    overflow: hidden;
    height: 250px
}

.property-modal .modal-body .img-box img {
    width: 100%
}

.property-modal .modal-body .infomation-box ul {
    list-style: circle outside;
    margin: 10px auto;
    max-width: 550px;
    font-size: 16px;
    color: #666;
    line-height: 1.25
}

.property-modal .modal-body .infomation-box ul li {
    padding: 7px 0
}

.property-modal .modal-body .choices-box ul {
    list-style: none;
    margin: 0;
    font-size: 16px;
    color: #666;
    line-height: 1.25;
    padding: 0
}

.property-modal .modal-body .choices-box ul li {
    padding: 15px 25px;
    border-bottom: 1px solid #eee
}

.property-modal .modal-footer {
    margin-top: -15px
}

.photoUploadGallery .photoImgBox {
    width: 180px;
    height: 180px;
    background: #aaa;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.photoUploadGallery .photoImgBox .photoImg {
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.24,1,.32,1);
    transition: all .2s cubic-bezier(.24,1,.32,1);
    z-index: 2
}

.photoUploadGallery .photoImgBox .photoImg .overlayBG {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    opacity: .4
}

.photoUploadGallery .photoImgBox .photoImg img {
    height: 100%;
    z-index: 2
}

.photoUploadGallery .photoImgBox .photoCheckbox {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 7px;
    padding: 0;
    z-index: 3
}

.photoUploadGallery .photoImgBox .photoCheckbox:before {
    margin: 0;
    padding: 0;
    content: "\f1db";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 28px;
    opacity: 0
}

.photoUploadGallery .photoImgBox .photoCheckbox:before:hover {
    opacity: .9
}

.photoUploadGallery .photoImgBox .photoCheckbox.photoClick:after {
    position: absolute;
    right: 0;
    content: "\f058"!important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 28px
}

.photoUploadGallery .photoImgBox:hover .photoCheckbox:before {
    opacity: .9
}

.photoUploadGallery .photoImgBox:hover .photoImg .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    opacity: .4
}

.photoUploadGallery .photoImgBox>.photoCheckbox:hover:after {
    position: absolute;
    right: 0;
    content: "\f058"!important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #fff;
    font-size: 28px
}

.photoUploadGallery .photoContainer {
    -webkit-box-shadow: rgba(0,0,0,.3) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,.3) 0 1px 3px;
    box-shadow: rgba(0,0,0,.3) 0 1px 3px;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left
}

.photoUploadGallery .photoContainer .photoTex {
    height: 3.5em;
    width: 180px;
    background: #fbfbfb
}

.photoUploadGallery .photoContainer .photoTex p {
    padding-top: 7px;
    padding-left: 13px
}

.photoUploadGallery .photoContainer .photoTex textarea {
    width: 100%;
    resize: none;
    border: none;
    background: #fbfbfb;
    height: 3.5em
}

.photoUploadGallery .photoContainer .photoTex textarea:focus {
    background: #fff
}

.parking-space {
    height: 40px;
    background: #b0bec5;
    border-radius: 3px;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 40px;
    font-size: 20px;
    margin-top: 15px;
    position: relative
}

.parking-space input[type=text] {
    width: 100%;
    resize: none;
    border: none;
    background: #cfd8dc;
    text-align: center
}

.parking-space input[type=text]:focus {
    outline: 0
}

.parking-space ::-webkit-input-placeholder {
    text-align: center
}

.parking-space :-moz-placeholder {
    text-align: center
}

.parking-space ::-moz-placeholder {
    text-align: center
}

.parking-space :-ms-input-placeholder {
    text-align: center
}

.parking-space .delet-container {
    top: -20px;
    right: -12px;
    position: absolute
}

.parking-space .delet-container .delete {
    opacity: 0;
    position: relative;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease
}

.parking-space .delet-container .delete::before {
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 24px;
    position: absolute;
    color: #fff;
    right: 6px;
    z-index: 111
}

.parking-space .delet-container .delete::after {
    content: "\f111";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 36px;
    position: absolute;
    color: rgba(213,0,0,.68);
    right: 0;
    text-shadow: 1px 1px rgba(33,33,33,.27)
}

.parking-space:hover .delete {
    opacity: 1;
    cursor: pointer
}

.add-car-park .center {
    width: 150px;
    margin: 40px auto
}

.add-car-park input[type=text] {
    min-height: 36px
}

.parking-cantainer .img-box {
    width: 90px;
    height: 50px;
    background: #aaa;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.parking-cantainer .img-box .img {
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.24,1,.32,1);
    transition: all .2s cubic-bezier(.24,1,.32,1);
    z-index: 2
}

.parking-cantainer .img-box .img img {
    outline: 0;
    max-width: 100%;
    height: auto;
    z-index: 2
}

.parking-info {
    width: auto;
    height: 36px;
    float: left;
    margin-left: 10px;
    border-radius: 3px;
    border: 1px solid #c7c7c7;
    line-height: 36px;
    padding: 0 10px;
    font-weight: 700
}

.parking-modal .img-box {
    border: 2px solid #b1b1b1;
    width: auto;
    position: relative
}

.parking-modal .img-box .img-palceholder {
    position: relative;
    background: #e2e2e2;
    height: 223px
}

.parking-modal .img-box .img-palceholder i {
    font-size: 80px;
    right: 38%;
    position: absolute;
    top: 60px
}

.parking-modal .img-box .delet-container {
    top: -20px;
    right: -12px;
    position: absolute
}

.parking-modal .img-box .delet-container .delete {
    opacity: 0;
    position: relative;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease
}

.parking-modal .img-box .delet-container .delete::before {
    content: "\f00d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 24px;
    position: absolute;
    color: #fff;
    right: 6px;
    top: 7px;
    z-index: 111
}

.parking-modal .img-box .delet-container .delete::after {
    content: "\f111";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    font-size: 36px;
    position: absolute;
    color: rgba(213,0,0,.68);
    right: 0;
    text-shadow: 1px 1px rgba(33,33,33,.27)
}

.parking-modal .img-box:hover .delete {
    opacity: 1;
    cursor: pointer
}

.grid.simple.Jverti-list .grid-title {
    padding: 7px 14px
}

.grid.simple.Jverti-list .grid-title .circle-check-p {
    margin-top: 7px;
    margin-right: 7px;
    float: left
}

.grid.simple.Jverti-list .grid-title .circle-check-p .circle-check {
    background-color: #ddd;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)
}

.grid.simple.Jverti-list .grid-title .circle-check-p .circle-check:after {
    position: absolute;
    left: 7px;
    top: 0;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 22px;
    width: 22px;
    height: 22px
}

.grid.simple.Jverti-list .grid-title .circle-check-p .circle-check:hover {
    background: #2ba7a7
}

.grid.simple.Jverti-list .grid-title .circle-check-p .circle-check.click {
    background: #62d6d6
}

.grid.simple.Jverti-list .grid-title .circle-check-p .circle-check.click:hover {
    background: #2ba7a7
}

.grid.simple.Jverti-list .grid-title .circle-check-p .circle-check:checked {
    background: #62d6d6
}

.grid.simple.Jverti-list .grid-title .circle-check-p.circle-check-p-sm .circle-check {
    font-size: 10px;
    height: 22px;
    width: 22px;
    line-height: 22px
}

.grid.simple.Jverti-list .grid-title .circle-check-p.circle-check-p-sm .circle-check:after {
    position: absolute;
    left: 3px;
    top: 0;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 15.2px;
    width: 15px;
    height: 15px
}

.grid.simple.Jverti-list .grid-title h4 {
    font-size: 18px;
    font-weight: 700;
    padding-top: 12px
}

.grid.simple.Jverti-list .grid-title .pull-right {
    padding-top: 7px
}

.Jaddon-checkbox .transparent {
    color: rgba(255,255,255,0)
}

.parking-row {
    border-top: 1px solid #e0e0e0;
    padding-top: 10px;
    padding-bottom: 10px
}

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

.park-panel .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    cursor: pointer
}

.park-panel .panel-heading h4 {
    float: left;
    width: 30%
}

.park-panel .panel-heading .input-group {
    float: right;
    width: 50%
}

.park-panel .panel-body {
    background: #e8e8e8
}

.park-panel.panelClick {
    border: 1px solid #3f51b5
}

.park-panel.panelClick .panel-heading {
    background-color: #3f51b5
}

.park-panel.panelClick .panel-heading h4 {
    color: #fff
}

.park-panel.panelClick .panel-body {
    background: #fff
}

.park-panel.panelClick .input-group-addon {
    cursor: pointer
}

.park-panel .panel-body {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px
}

.panel-selector {
    border-radius: 5px;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s
}

.panel-selector i {
    width: auto
}

.panel-selector.panelHover:hover {
    box-shadow: 0 0 30px rgba(0,0,0,.2)
}

.panel-selector .panel-heading {
    position: relative;
    padding: 10px 5px
}

.panel-selector .panel-heading .fa {
    margin-top: 10px;
    font-size: 58px
}

.panel-selector .panel-heading .car__choose {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    bottom: -22px;
    right: 9px;
    border-radius: 50%
}

.panel-selector .panel-heading .car__choose:hover {
    cursor: pointer
}

.panel-selector__toogle {
    color: #fff;
    position: absolute;
    right: 10px;
    top: 2px;
    cursor: pointer
}

.panel-selector__toogle:focus,.panel-selector__toogle:hover {
    color: #d0d7d8
}

.panel-selector__toogle i {
    font-size: 20px!important
}

.panel-selector .list-group-item {
    color: #777;
    border-bottom: 1px solid rgba(250,250,250,.5)
}

.panel-selector .list-group-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.panel-selector .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel-selector .panel-body {
    background-color: #f0f0f0;
    font-size: 20px;
    color: #777;
    padding-top: 7px;
    padding-bottom: 0;
    margin: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px
}

.panel-selector .btn {
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif
}

.car-info-container .car-img {
    border: 1px solid #acb1ad
}

.car-info-container ul.car-info-list {
    list-style-type: none;
    padding: 0
}

.car-info-container ul.car-info-list li {
    margin-left: 1em;
    color: #272727;
    line-height: 25px;
    text-align: left
}

.car-info-container ul.car-info-list li:before {
    content: "\f0da";
    font-family: FontAwesome;
    float: left;
    margin-left: -.8em;
    color: #2f2d33
}

.car-info-container:after,.car-info-container:before {
    content: " ";
    display: table
}

.car-info-container:after {
    clear: both
}

.panel-Indigo {
    border: 1px solid #e0e0e0
}

.panel-Indigo .panel-heading {
    background: #3f51b5;
    color: #fff
}

.panel-Indigo .panel-heading h3 {
    color: #fff!important
}

.panel-Indigo .panel-heading .car__choose {
    background: #252f69
}

.panel-Indigo .panel-heading .car__choose:hover {
    background: #32408f;
    border-bottom: 6px solid #252f69
}

.panel-Indigo .btn {
    background: #3f51b5;
    color: #fff
}

.panel-Indigo .btn:hover {
    background: #252f69
}

.panel-Indigo.panelColorClick {
    box-shadow: 0 0 30px rgba(0,0,0,.2);
    border: 2px solid #512da8
}

.panel-Indigo.panelColorClick .panel-heading {
    background: #512da8
}

.panel-Indigo.panelColorClick .btn {
    background: #4d5ec1
}

.panel-Indigo.panelColorClick .btn:hover {
    background: #252f69
}

.panel-Cyan {
    border: 1px solid #e0e0e0
}

.panel-Cyan .panel-heading {
    background: #00bcd4;
    color: #fff
}

.panel-Cyan .panel-heading h3 {
    color: #fff!important
}

.panel-Cyan .panel-heading .car__choose {
    background: #00626e
}

.panel-Cyan .panel-heading .car__choose:hover {
    background: #008fa1;
    border-bottom: 6px solid #00626e
}

.panel-Cyan .btn {
    background: #00bcd4;
    color: #fff
}

.panel-Cyan .btn:hover {
    background: #00626e
}

.panel-Cyan.panelColorClick {
    box-shadow: 0 0 30px rgba(0,0,0,.2);
    border: 2px solid #1976d2
}

.panel-Cyan.panelColorClick .panel-heading {
    background: #1976d2
}

.panel-Cyan.panelColorClick .btn {
    background: #00d3ee
}

.panel-Cyan.panelColorClick .btn:hover {
    background: #00626e
}

.panel-Amber {
    border: 1px solid #e0e0e0
}

.panel-Amber .panel-heading {
    background: #ffa000;
    color: #fff
}

.panel-Amber .panel-heading h3 {
    color: #fff!important
}

.panel-Amber .panel-heading .car__choose {
    background: #996000
}

.panel-Amber .panel-heading .car__choose:hover {
    background: #cc8000;
    border-bottom: 6px solid #996000
}

.panel-Amber .btn {
    background: #ffa000;
    color: #fff
}

.panel-Amber .btn:hover {
    background: #996000
}

.panel-Amber.panelColorClick {
    box-shadow: 0 0 30px rgba(0,0,0,.2);
    border: 2px solid #f57c00
}

.panel-Amber.panelColorClick .panel-heading {
    background: #f57c00
}

.panel-Amber.panelColorClick .btn {
    background: #ffaa1a
}

.panel-Amber.panelColorClick .btn:hover {
    background: #996000
}

.panel-Teal {
    border: 1px solid #e0e0e0
}

.panel-Teal .panel-heading {
    background: #009688;
    color: #fff
}

.panel-Teal .panel-heading h3 {
    color: #fff!important
}

.panel-Teal .panel-heading .car__choose {
    background: #00302c
}

.panel-Teal .panel-heading .car__choose:hover {
    background: #00635a;
    border-bottom: 6px solid #00302c
}

.panel-Teal .btn {
    background: #009688;
    color: #fff
}

.panel-Teal .btn:hover {
    background: #00302c
}

.panel-Teal.panelColorClick {
    box-shadow: 0 0 30px rgba(0,0,0,.2);
    border: 2px solid #689f38
}

.panel-Teal.panelColorClick .panel-heading {
    background: #689f38
}

.panel-Teal.panelColorClick .btn {
    background: #00b09f
}

.panel-Teal.panelColorClick .btn:hover {
    background: #00302c
}

.panel-Teal .car-info-container ul.car-info-list li {
    color: #fff
}

.panel-Teal .car-info-container ul.car-info-list li:before {
    color: #fff
}

.panel-Red {
    border: 1px solid #e0e0e0
}

.panel-Red .panel-heading {
    background: #d32f2f;
    color: #fff
}

.panel-Red .panel-heading h3 {
    color: #fff!important
}

.panel-Red .panel-heading .car__choose {
    background: #811b1b
}

.panel-Red .panel-heading .car__choose:hover {
    background: #ab2424;
    border-bottom: 6px solid #811b1b
}

.panel-Red .btn {
    background: #d32f2f;
    color: #fff
}

.panel-Red .btn:hover {
    background: #811b1b
}

.panel-Red.panelColorClick {
    box-shadow: 0 0 30px rgba(0,0,0,.2);
    border: 2px solid #c51162
}

.panel-Red.panelColorClick .panel-heading {
    background: #c51162
}

.panel-Red.panelColorClick .btn {
    background: #d74444
}

.panel-Red.panelColorClick .btn:hover {
    background: #811b1b
}

.panel-Red .car-info-container ul.car-info-list li {
    color: #fff
}

.panel-Red .car-info-container ul.car-info-list li:before {
    color: #fff
}

.panel-Grey {
    border: 1px solid #e0e0e0
}

.panel-Grey .panel-heading {
    background: #bdbdbd;
    color: #fff
}

.panel-Grey .panel-heading h3 {
    color: #fff!important
}

.panel-Grey .panel-heading .car__choose {
    background: #8a8a8a
}

.panel-Grey .panel-heading .car__choose:hover {
    background: #a4a4a4;
    border-bottom: 6px solid #8a8a8a
}

.panel-Grey .btn {
    background: #bdbdbd;
    color: #fff
}

.panel-Grey .btn:hover {
    background: #8a8a8a
}

.panel-Grey.panelColorClick {
    box-shadow: 0 0 30px rgba(0,0,0,.2);
    border: 2px solid #757575
}

.panel-Grey.panelColorClick .panel-heading {
    background: #757575
}

.panel-Grey.panelColorClick .btn {
    background: #cacaca
}

.panel-Grey.panelColorClick .btn:hover {
    background: #8a8a8a
}

.panel-LightGrey {
    border: 1px solid #e0e0e0
}

.panel-LightGrey .panel-heading {
    background: #e0e0e0;
    color: #fff
}

.panel-LightGrey .panel-heading h3 {
    color: #fff!important
}

.panel-LightGrey .panel-heading .car__choose {
    background: #adadad
}

.panel-LightGrey .panel-heading .car__choose:hover {
    background: #c7c7c7;
    border-bottom: 6px solid #adadad
}

.panel-LightGrey .btn {
    background: #e0e0e0;
    color: #fff
}

.panel-LightGrey .btn:hover {
    background: #adadad
}

.panel-LightGrey.panelColorClick {
    box-shadow: 0 0 30px rgba(0,0,0,.2);
    border: 2px solid #e0e0e0
}

.panel-LightGrey.panelColorClick .panel-heading {
    background: #e0e0e0
}

.panel-LightGrey.panelColorClick .btn {
    background: #ededed
}

.panel-LightGrey.panelColorClick .btn:hover {
    background: #adadad
}

.panel-LightGrey.panelColorClick {
    border: 2px solid #42b539
}

.car__choose.choose--Amber {
    background: #ff9800!important
}

.car__choose.choose--Amber:hover {
    background: #cc7a00!important;
    border-bottom: 6px solid #995b00!important
}

.original-parking {
    background: #efefef;
    padding-top: 10px;
    margin-bottom: 15px;
    border: 1px solid #d8d8d8
}

.new-parging {
    background: #e8eaf6;
    padding-top: 10px;
    margin-bottom: 15px;
    border: 1px solid #d8d8d8
}

.park-apply-list {
    position: fixed;
    width: 40px;
    right: 10px;
    background: #757575;
    top: 50%;
    text-align: center;
    padding: 10px 5px;
    color: #fff
}

.park-apply-well.well {
    padding: 0;
    margin: 0
}

.park-apply-well.well .col-sm-12 {
    padding: 0
}

.park-apply-well .semi-bold {
    font-size: 16px!important;
    color: #4c4c4c
}

.tableJrab tr {
    cursor: -webkit-grab;
    cursor: -moz-grab
}

.tableJrab tr:hover {
    background: rgba(206,235,239,.6);
    box-shadow: 0 5px 10px rgba(0,0,0,.15),0 4px 15px rgba(0,0,0,.13)
}

.iconset-white {
    background: url(../images/icon/top-tray-b-white.png) no-repeat;
    position: relative;
    top: 1px
}

.iconset-white.top-down-arrow {
    background-position: -238px -12px;
    width: 7px;
    height: 5px
}

.plusBtn {
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    border: none;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #d81b60;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%;
    cursor: pointer;
    opacity: .8;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.11)
}

.plusBtn:hover {
    color: #fff;
    opacity: 1;
    text-decoration: none;
    box-shadow: 0 5px 10px rgba(0,0,0,.15),0 4px 15px rgba(0,0,0,.13)
}

.plusBtn:active,.plusBtn:focus {
    outline: 0
}

.plusBtn+.plusBtn {
    margin-left: 5px
}

.fullWidthHeader {
    padding-top: 10px
}

.fullWidthHeader .breadC {
    padding-top: 5px!important
}

.fullWidthHeader .breadC a {
    color: #fff
}

.fullWidthHeader .breadC li,.fullWidthHeader .breadC li.active {
    color: #fff!important
}

.fullWidthHeader .chat-toggler {
    position: relative;
    top: 10px;
    display: inline-block;
    min-width: 163px
}

.fullWidthHeader .chat-toggler a {
    color: #fff;
    font-size: 15.2px;
    display: inline-block;
    float: left
}

.fullWidthHeader .chat-toggler .user-details {
    display: inline-block;
    float: left;
    line-height: 35px
}

.fullWidthHeader .chat-toggler .iconset-white {
    display: inline-block;
    float: left;
    margin: 15px 10px
}

.fullWidthHeader .chat-toggler .profile-pic {
    border-radius: 100px;
    display: inline-block;
    height: 35px;
    overflow: hidden;
    width: 35px;
    float: left
}

.MainRoad .col-sm-0 {
    width: 0!important;
    float: left;
    opacity: 0
}

.MainRoad * {
    transition: .5s
}

.JLeftPannel {
    position: relative
}

.JLeftPannel .toggleBtn {
    background: #283593;
    position: absolute;
    right: 0;
    top: 50%;
    left: auto;
    z-index: 40;
    padding: 10px 10px 7px 10px;
    opacity: .5;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;
    color: #fff
}

.JLeftPannel .toggleBtn i {
    color: #fff;
    font-size: 20px
}

.JLeftPannel .toggleBtn:hover {
    opacity: 1
}

.JLeftPannel .searchBtn {
    padding: 5px;
    width: 70%;
    float: left
}

.JLeftPannel .searchBtn input[type=text] {
    position: relative
}

.JLeftPannel .searchBtn #s {
    background: rgba(0,0,0,0) url(../images/icon/search.png) no-repeat 4px 4px;
    background-size: 30px 30px;
    text-indent: .75em;
    display: inline-block;
    border: 0 none;
    width: 32px;
    height: 32px;
    border-radius: 3em;
    -webkit-transition: .3s;
    transition: .3s;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    color: #fff;
    vertical-align: baseline;
    padding-right: 20px
}

.JLeftPannel .searchBtn #sinput[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.JLeftPannel .searchBtn #s:focus {
    width: 100%;
    cursor: text;
    background: rgba(0,0,0,.2) url(../images/icon/search_opacity4.png) no-repeat 4px 4px;
    background-size: 30px 30px
}

.JLeftPannel .otherMenu {
    padding: 4px;
    width: 30%;
    float: right;
    text-align: center
}

.JLeftPannel .otherMenu .otherBtn {
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    margin: 3px;
    padding: 8px 5px;
    text-align: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: right
}

.JLeftPannel .otherMenu .otherBtn:hover {
    background: #1a237e
}

.JLeftPannel .otherMenu .otherBtn.active {
    background: #1a237e
}

.JLeftPannel .otherMenu i {
    font-size: 27px
}

.JLeftPannel .otherMenu .button {
    border-radius: 50%;
    z-index: -1;
    width: 45px;
    height: 45px;
    opacity: 0;
    position: absolute;
    top: 0;
    margin-top: 7px;
    margin-right: 8px;
    right: 0;
    color: #283593;
    transition: all .2s ease;
    text-align: center
}

.JLeftPannel .otherMenu .button i {
    line-height: 18px;
    font-size: 18px;
    padding-top: 14px
}

.JLeftPannel .otherMenu .button-on {
    cursor: pointer;
    color: #fff;
    z-index: 51;
    background-color: #283593;
    opacity: 1
}

.JLeftPannel .otherMenu .button-on:hover {
    background-color: #4527a0
}

.JLeftPannel .otherMenu .button-on:nth-child(2) {
    margin-top: 60px;
    transition: all .2s ease
}

.JLeftPannel .otherMenu .button-on:nth-child(3) {
    margin-top: 110px;
    transition: all .2s ease
}

.JLeftPannel .plusBtn {
    position: absolute;
    width: 45px;
    height: 45px;
    line-height: 45px;
    top: 35px;
    left: -12px;
    z-index: 51
}

.JLeftPannel .transparent.input-group .form-control:first-child:focus {
    border-color: #ccc!important
}

.JLeftPannel::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f5f5f5
}

.JLeftPannel ::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.JLeftPannel ::-webkit-scrollbar-track {
    background: rgba(0,0,0,.1)
}

.JLeftPannel ::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.5)
}

.JLeftPannel .toolbar {
    height: 60px;
    background: #3f51b5;
    border: 1px solid #3f51b5;
    display: block;
    position: relative;
    z-index: 2;
    margin: 0 auto;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.JLeftPannel .toolbarBottom {
    background: #7986cb
}

.JLeftPannel i[class*=zmdi-] {
    margin: 16px;
    font-size: 24px;
    cursor: pointer
}

.JLeftPannel .list {
    margin: 0 auto;
    list-style: none;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: inset 0 -6px 5px -5px #bfbfbf,inset 0 -5px 20px -10px #212121;
    -moz-box-shadow: inset 0 -6px 5px -5px #bfbfbf,inset 0 -5px 20px -10px #212121;
    box-shadow: inset 0 -6px 5px -5px #bfbfbf,inset 0 -5px 20px -10px #212121;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0;
    position: relative
}

.JLeftPannel .list .fa-circle {
    font-size: 10px!important
}

.JLeftPannel .list .right {
    padding-right: 20px;
    text-align: right
}

.JLeftPannel .list li {
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 12px;
    padding-top: 12px;
    position: relative;
    border-left: 3px solid rgba(255,255,255,0);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.JLeftPannel .list li .writerInfo {
    font-size: 15.2px
}

.JLeftPannel .list li .fLine h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.JLeftPannel .list li .sLine .label {
    float: left
}

.JLeftPannel .list li .sLine .date,.JLeftPannel .list li .sLine .writerInfo {
    float: right;
    padding-right: 7px
}

.JLeftPannel .list li:hover {
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-left: 3px solid #39cccc;
    box-shadow: rgba(0,0,0,.3) 0 16px 16px 0;
    -webkit-box-shadow: rgba(0,0,0,.3) 0 16px 16px 0;
    -moz-box-shadow: rgba(0,0,0,.3) 0 16px 16px 0
}

.JLeftPannel .list li.active {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-left: 5px solid #ffc107;
    box-shadow: rgba(0,0,0,.3) 0 8px 8px,#f5f5f5 0 -7px 8px;
    -webkit-box-shadow: rgba(0,0,0,.3) 0 8px 8px 0,#f5f5f5 0 -7px 8px;
    -moz-box-shadow: rgba(0,0,0,.3) 0 8px 8px 0,#f5f5f5 0 -7px 8px
}

.JLeftPannel .list li a {
    text-decoration: none;
    display: block;
    text-align: left
}

.JLeftPannel .list li a h1 {
    font-size: 16px;
    line-height: 16px;
    color: #000;
    margin: 0;
    margin-bottom: 5px
}

.JLeftPannel .list li a .date {
    font-size: 14px;
    color: rgba(0,0,0,.54)
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    }
}

.JLeftPannel .slideInLeft {
    animation-name: slideInLeft;
    animation-duration: 250ms;
    visibility: visible!important
}

.JLeftPannel .title {
    color: rgba(0,0,0,.54);
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    padding-left: 16px
}

.JLeftPannel hr {
    margin: 0;
    height: 1px;
    border: none;
    background-color: #e0e0e0
}

.JRightPannel {
    position: relative
}

.JRightPannel .ToggleClickInfo i {
    position: absolute;
    right: 30px;
    top: 7px;
    font-size: 25px;
    cursor: pointer;
    color: #2196f3
}

.JRightPannel .ToggleClickInfo i:hover {
    color: #1976d2
}

.JRightPannel .toggleBtn {
    background: #283593;
    position: absolute;
    right: auto;
    top: 10%;
    left: 0;
    z-index: 40;
    padding: 10px 10px 7px 10px;
    opacity: .5;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    cursor: pointer;
    color: #fff
}

.JRightPannel .toggleBtn i {
    color: #fff;
    font-size: 20px
}

.JRightPannel .toggleBtn:hover {
    opacity: 1
}

.JRightPannel .panel-body {
    padding: 15px 5px
}

.JRightPannel .panel-group,.JRightPannel .well {
    margin-bottom: 0
}

.JRightPannel .tab-content {
    border: 1px solid #ddd
}

.JRightPannel .col-xs-12 {
    margin-bottom: 2px
}

.JChatGroup {
    background: #f5f5f5;
    border: 1px solid #eaeaea;
    padding: 7px 10px;
    margin-bottom: 7px;
    position: relative
}

.JChatGroup .userInfo {
    color: #1976d2;
    font-size: 14px;
    font-weight: 700
}

.JChatGroup .time {
    color: #bdbdbd;
    font-size: 13px;
    font-weight: 700
}

.JChatGroup .Accessory {
    float: left;
    margin-right: 5px;
    width: 36px!important;
    height: 36px!important
}

.JChatGroup .Accessory a {
    width: 36px!important;
    height: 36px!important
}

.JChatGroup .btn-float {
    float: left
}

.JChatGroup .editTool {
    position: absolute;
    right: 10px;
    top: 5px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.JChatGroup .editTool:hover {
    color: #1976d2;
    cursor: pointer
}

.label-pedding {
    color: #111;
    background: #bdbdbd
}

.label-start {
    color: #fff;
    background: #43a047
}

.label-pause {
    color: #fff;
    background: #607d8b
}

.label-stop {
    color: #fff;
    background: #d32f2f
}

.label-lag {
    color: #111;
    background: #fdd835
}

.label-delay {
    color: #fff;
    background: #ef6c00
}

.label-complete {
    color: #fff;
    background: #2e7d32
}

.cForm-control .bg-Lgrey {
    border: 1px solid #eee;
    background: #f5f5f5;
    border-radius: 0;
    border-bottom: 0
}

.cForm-control .form-actions {
    margin-top: 0;
    background: #eee;
    border: 1px solid #e0e0e0;
    padding: 10px 20px
}

.cForm-control .J-download-box {
    border-top: 1px solid #e0e0e0;
    margin: 10px -20px 0 -20px;
    padding: 10px 20px 0 20px
}

.DeleteBtnCircle {
    position: absolute;
    width: 45px;
    height: 45px;
    line-height: 45px;
    bottom: 10px;
    right: 6px;
    z-index: 51;
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    border: none;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #ff1744;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%;
    cursor: pointer;
    opacity: .8;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.11)
}

.DeleteBtnCircle:hover {
    color: #fff;
    opacity: 1;
    text-decoration: none;
    box-shadow: 0 5px 10px rgba(0,0,0,.15),0 4px 15px rgba(0,0,0,.13)
}

.DeleteBtnCircle:active,.DeleteBtnCircle:focus {
    outline: 0
}

.DeleteBtnCircle+.DeleteBtnCircle {
    margin-left: 5px
}

.CallBack-icon {
    background: #9e9e9e;
    float: right;
    border-radius: 3px;
    cursor: pointer
}

.CallBack-icon img {
    width: 25px;
    height: 25px
}

.CallBack-icon:hover {
    background: #616161
}

.CallBack-icon.noanwser {
    background: #f44336
}

.CallBack-icon.anwser {
    background: #4caf50
}

.CallBack-icon-box {
    margin-left: auto;
    margin-right: auto
}

.CallBack-icon-box .text {
    float: left;
    margin-right: 7px
}

.CallBack-icon-box .CallBack-icon {
    float: left;
    text-align: center
}

.assign_box {
    position: relative
}

.assign_box .btn+.btn {
    margin-right: 35px
}

.assign_box .btn.btn-square-blue {
    font-size: 15.2px;
    height: 30px;
    width: 30px;
    position: absolute;
    line-height: 30px;
    right: 0;
    padding: 0;
    text-align: center;
    color: #fff;
    background: #2196f3;
    box-shadow: 0 2px 0 #0c7cd5
}

.assign_box .btn.btn-square-blue:hover {
    background: #0c7cd5;
    box-shadow: 0 2px 0 #0960a5
}

.assign_box .btn.btn-square-lightblue {
    font-size: 15.2px;
    height: 30px;
    width: 30px;
    position: absolute;
    line-height: 30px;
    right: 0;
    padding: 0;
    text-align: center;
    color: #fff;
    background: #03a9f4;
    box-shadow: 0 2px 0 #0286c2
}

.assign_box .btn.btn-square-lightblue:hover {
    background: #0286c2;
    box-shadow: 0 2px 0 #02638f
}

.assign_box .btn.btn-square-red {
    font-size: 15.2px;
    height: 30px;
    width: 30px;
    position: absolute;
    line-height: 30px;
    right: 0;
    padding: 0;
    text-align: center;
    color: #fff;
    background: #f44336;
    box-shadow: 0 2px 0 #ea1c0d
}

.assign_box .btn.btn-square-red:hover {
    background: #ea1c0d;
    box-shadow: 0 2px 0 #ba160a
}

.assign_box .btn.btn-square-green {
    font-size: 15.2px;
    height: 30px;
    width: 30px;
    position: absolute;
    line-height: 30px;
    right: 0;
    padding: 0;
    text-align: center;
    color: #fff;
    background: #4caf50;
    box-shadow: 0 2px 0 #3d8b40
}

.assign_box .btn.btn-square-green:hover {
    background: #3d8b40;
    box-shadow: 0 2px 0 #2d682f
}

.assign_box .btn.btn-square-orange {
    font-size: 15.2px;
    height: 30px;
    width: 30px;
    position: absolute;
    line-height: 30px;
    right: 0;
    padding: 0;
    text-align: center;
    color: #fff;
    background: #ff6d00;
    box-shadow: 0 2px 0 #cc5700
}

.assign_box .btn.btn-square-orange:hover {
    background: #cc5700;
    box-shadow: 0 2px 0 #994100
}

.btn-green {
    background: #4caf50;
    color: #fff
}

.btn-orange {
    background: #ff6d00;
    color: #fff
}

.J-download-box {
    border-top: 1px solid #e0e0e0;
    margin: 10px -10px;
    padding: 10px 10px 0 10px
}

.J-download-box.download-box-sm {
    padding: 0 10px;
    border-radius: 3px;
    margin: 5px 0;
    display: inline-block
}

.J-download-box.download-box-sm .Download-span {
    font-size: 12px
}

.J-download-box.download-box-sm .Downloadfile-img {
    background-size: cover;
    margin-top: 4px;
    width: 25px;
    height: 25px
}

.assign-list {
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0dfdf
}

.assign-list:last-child {
    border-bottom: 0
}

.rCalendar .rCalendar-header {
    color: #505458
}

.rCalendar .rCalendar-header h2 {
    font-size: 25px!important;
    float: left;
    margin-right: 5px
}

.rCalendar .rCalendar-header .rBtn {
    float: left;
    width: 32px;
    height: 32px;
    margin-left: 5px;
    margin-top: 9px;
    text-align: center;
    line-height: 32px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    color: #fff;
    box-shadow: inset 2px 3px 0 rgba(78,85,125,.48),inset -1px -1px 0 rgba(255,255,255,.22);
    background: #7a80a5;
    cursor: pointer
}

.rCalendar .rCalendar-header .rBtn:hover {
    background: #5f668d
}

.p-t-20 {
    padding-top: 20px!important
}

.p-r-20 {
    padding-right: 20px!important
}

.p-l-20 {
    padding-left: 20px!important
}

.p-b-20 {
    padding-bottom: 20px!important
}

.p-t-21 {
    padding-top: 21px!important
}

.p-r-21 {
    padding-right: 21px!important
}

.p-l-21 {
    padding-left: 21px!important
}

.p-b-21 {
    padding-bottom: 21px!important
}

.p-t-22 {
    padding-top: 22px!important
}

.p-r-22 {
    padding-right: 22px!important
}

.p-l-22 {
    padding-left: 22px!important
}

.p-b-22 {
    padding-bottom: 22px!important
}

.p-t-23 {
    padding-top: 23px!important
}

.p-r-23 {
    padding-right: 23px!important
}

.p-l-23 {
    padding-left: 23px!important
}

.p-b-23 {
    padding-bottom: 23px!important
}

.p-t-24 {
    padding-top: 24px!important
}

.p-r-24 {
    padding-right: 24px!important
}

.p-l-24 {
    padding-left: 24px!important
}

.p-b-24 {
    padding-bottom: 24px!important
}

.p-t-25 {
    padding-top: 25px!important
}

.p-r-25 {
    padding-right: 25px!important
}

.p-l-25 {
    padding-left: 25px!important
}

.p-b-25 {
    padding-bottom: 25px!important
}

.p-t-26 {
    padding-top: 26px!important
}

.p-r-26 {
    padding-right: 26px!important
}

.p-l-26 {
    padding-left: 26px!important
}

.p-b-26 {
    padding-bottom: 26px!important
}

.p-t-27 {
    padding-top: 27px!important
}

.p-r-27 {
    padding-right: 27px!important
}

.p-l-27 {
    padding-left: 27px!important
}

.p-b-27 {
    padding-bottom: 27px!important
}

.p-t-28 {
    padding-top: 28px!important
}

.p-r-28 {
    padding-right: 28px!important
}

.p-l-28 {
    padding-left: 28px!important
}

.p-b-28 {
    padding-bottom: 28px!important
}

.p-t-29 {
    padding-top: 29px!important
}

.p-r-29 {
    padding-right: 29px!important
}

.p-l-29 {
    padding-left: 29px!important
}

.p-b-29 {
    padding-bottom: 29px!important
}

.p-t-30 {
    padding-top: 30px!important
}

.p-r-30 {
    padding-right: 30px!important
}

.p-l-30 {
    padding-left: 30px!important
}

.p-b-30 {
    padding-bottom: 30px!important
}

.p-t-31 {
    padding-top: 31px!important
}

.p-r-31 {
    padding-right: 31px!important
}

.p-l-31 {
    padding-left: 31px!important
}

.p-b-31 {
    padding-bottom: 31px!important
}

.p-t-32 {
    padding-top: 32px!important
}

.p-r-32 {
    padding-right: 32px!important
}

.p-l-32 {
    padding-left: 32px!important
}

.p-b-32 {
    padding-bottom: 32px!important
}

.p-t-33 {
    padding-top: 33px!important
}

.p-r-33 {
    padding-right: 33px!important
}

.p-l-33 {
    padding-left: 33px!important
}

.p-b-33 {
    padding-bottom: 33px!important
}

.p-t-34 {
    padding-top: 34px!important
}

.p-r-34 {
    padding-right: 34px!important
}

.p-l-34 {
    padding-left: 34px!important
}

.p-b-34 {
    padding-bottom: 34px!important
}

.p-t-35 {
    padding-top: 35px!important
}

.p-r-35 {
    padding-right: 35px!important
}

.p-l-35 {
    padding-left: 35px!important
}

.p-b-35 {
    padding-bottom: 35px!important
}

.p-t-36 {
    padding-top: 36px!important
}

.p-r-36 {
    padding-right: 36px!important
}

.p-l-36 {
    padding-left: 36px!important
}

.p-b-36 {
    padding-bottom: 36px!important
}

.p-t-37 {
    padding-top: 37px!important
}

.p-r-37 {
    padding-right: 37px!important
}

.p-l-37 {
    padding-left: 37px!important
}

.p-b-37 {
    padding-bottom: 37px!important
}

.p-t-38 {
    padding-top: 38px!important
}

.p-r-38 {
    padding-right: 38px!important
}

.p-l-38 {
    padding-left: 38px!important
}

.p-b-38 {
    padding-bottom: 38px!important
}

.p-t-39 {
    padding-top: 39px!important
}

.p-r-39 {
    padding-right: 39px!important
}

.p-l-39 {
    padding-left: 39px!important
}

.p-b-39 {
    padding-bottom: 39px!important
}

.p-t-40 {
    padding-top: 40px!important
}

.p-r-40 {
    padding-right: 40px!important
}

.p-l-40 {
    padding-left: 40px!important
}

.p-b-40 {
    padding-bottom: 40px!important
}

.p-t-41 {
    padding-top: 41px!important
}

.p-r-41 {
    padding-right: 41px!important
}

.p-l-41 {
    padding-left: 41px!important
}

.p-b-41 {
    padding-bottom: 41px!important
}

.p-t-42 {
    padding-top: 42px!important
}

.p-r-42 {
    padding-right: 42px!important
}

.p-l-42 {
    padding-left: 42px!important
}

.p-b-42 {
    padding-bottom: 42px!important
}

.p-t-43 {
    padding-top: 43px!important
}

.p-r-43 {
    padding-right: 43px!important
}

.p-l-43 {
    padding-left: 43px!important
}

.p-b-43 {
    padding-bottom: 43px!important
}

.p-t-44 {
    padding-top: 44px!important
}

.p-r-44 {
    padding-right: 44px!important
}

.p-l-44 {
    padding-left: 44px!important
}

.p-b-44 {
    padding-bottom: 44px!important
}

.p-t-45 {
    padding-top: 45px!important
}

.p-r-45 {
    padding-right: 45px!important
}

.p-l-45 {
    padding-left: 45px!important
}

.p-b-45 {
    padding-bottom: 45px!important
}

.p-t-46 {
    padding-top: 46px!important
}

.p-r-46 {
    padding-right: 46px!important
}

.p-l-46 {
    padding-left: 46px!important
}

.p-b-46 {
    padding-bottom: 46px!important
}

.p-t-47 {
    padding-top: 47px!important
}

.p-r-47 {
    padding-right: 47px!important
}

.p-l-47 {
    padding-left: 47px!important
}

.p-b-47 {
    padding-bottom: 47px!important
}

.p-t-48 {
    padding-top: 48px!important
}

.p-r-48 {
    padding-right: 48px!important
}

.p-l-48 {
    padding-left: 48px!important
}

.p-b-48 {
    padding-bottom: 48px!important
}

.p-t-49 {
    padding-top: 49px!important
}

.p-r-49 {
    padding-right: 49px!important
}

.p-l-49 {
    padding-left: 49px!important
}

.p-b-49 {
    padding-bottom: 49px!important
}

.p-t-50 {
    padding-top: 50px!important
}

.p-r-50 {
    padding-right: 50px!important
}

.p-l-50 {
    padding-left: 50px!important
}

.p-b-50 {
    padding-bottom: 50px!important
}

.p-t-51 {
    padding-top: 51px!important
}

.p-r-51 {
    padding-right: 51px!important
}

.p-l-51 {
    padding-left: 51px!important
}

.p-b-51 {
    padding-bottom: 51px!important
}

.p-t-52 {
    padding-top: 52px!important
}

.p-r-52 {
    padding-right: 52px!important
}

.p-l-52 {
    padding-left: 52px!important
}

.p-b-52 {
    padding-bottom: 52px!important
}

.p-t-53 {
    padding-top: 53px!important
}

.p-r-53 {
    padding-right: 53px!important
}

.p-l-53 {
    padding-left: 53px!important
}

.p-b-53 {
    padding-bottom: 53px!important
}

.p-t-54 {
    padding-top: 54px!important
}

.p-r-54 {
    padding-right: 54px!important
}

.p-l-54 {
    padding-left: 54px!important
}

.p-b-54 {
    padding-bottom: 54px!important
}

.p-t-55 {
    padding-top: 55px!important
}

.p-r-55 {
    padding-right: 55px!important
}

.p-l-55 {
    padding-left: 55px!important
}

.p-b-55 {
    padding-bottom: 55px!important
}

.p-t-56 {
    padding-top: 56px!important
}

.p-r-56 {
    padding-right: 56px!important
}

.p-l-56 {
    padding-left: 56px!important
}

.p-b-56 {
    padding-bottom: 56px!important
}

.p-t-57 {
    padding-top: 57px!important
}

.p-r-57 {
    padding-right: 57px!important
}

.p-l-57 {
    padding-left: 57px!important
}

.p-b-57 {
    padding-bottom: 57px!important
}

.p-t-58 {
    padding-top: 58px!important
}

.p-r-58 {
    padding-right: 58px!important
}

.p-l-58 {
    padding-left: 58px!important
}

.p-b-58 {
    padding-bottom: 58px!important
}

.p-t-59 {
    padding-top: 59px!important
}

.p-r-59 {
    padding-right: 59px!important
}

.p-l-59 {
    padding-left: 59px!important
}

.p-b-59 {
    padding-bottom: 59px!important
}

.p-t-60 {
    padding-top: 60px!important
}

.p-r-60 {
    padding-right: 60px!important
}

.p-l-60 {
    padding-left: 60px!important
}

.p-b-60 {
    padding-bottom: 60px!important
}

.p-1 {
    padding: 1px!important
}

.p-2 {
    padding: 2px!important
}

.p-3 {
    padding: 3px!important
}

.p-4 {
    padding: 4px!important
}

.p-5 {
    padding: 5px!important
}

.p-6 {
    padding: 6px!important
}

.p-7 {
    padding: 7px!important
}

.p-8 {
    padding: 8px!important
}

.p-9 {
    padding: 9px!important
}

.p-10 {
    padding: 10px!important
}

.p-11 {
    padding: 11px!important
}

.p-12 {
    padding: 12px!important
}

.p-13 {
    padding: 13px!important
}

.p-14 {
    padding: 14px!important
}

.p-15 {
    padding: 15px!important
}

.p-16 {
    padding: 16px!important
}

.p-17 {
    padding: 17px!important
}

.p-18 {
    padding: 18px!important
}

.p-19 {
    padding: 19px!important
}

.p-20 {
    padding: 20px!important
}

.p-21 {
    padding: 21px!important
}

.p-22 {
    padding: 22px!important
}

.p-23 {
    padding: 23px!important
}

.p-24 {
    padding: 24px!important
}

.p-25 {
    padding: 25px!important
}

.p-26 {
    padding: 26px!important
}

.p-27 {
    padding: 27px!important
}

.p-28 {
    padding: 28px!important
}

.p-29 {
    padding: 29px!important
}

.p-30 {
    padding: 30px!important
}

.p-31 {
    padding: 31px!important
}

.p-32 {
    padding: 32px!important
}

.p-33 {
    padding: 33px!important
}

.p-34 {
    padding: 34px!important
}

.p-35 {
    padding: 35px!important
}

.p-36 {
    padding: 36px!important
}

.p-37 {
    padding: 37px!important
}

.p-38 {
    padding: 38px!important
}

.p-39 {
    padding: 39px!important
}

.p-40 {
    padding: 40px!important
}

.p-41 {
    padding: 41px!important
}

.p-42 {
    padding: 42px!important
}

.p-43 {
    padding: 43px!important
}

.p-44 {
    padding: 44px!important
}

.p-45 {
    padding: 45px!important
}

.p-46 {
    padding: 46px!important
}

.p-47 {
    padding: 47px!important
}

.p-48 {
    padding: 48px!important
}

.p-49 {
    padding: 49px!important
}

.p-50 {
    padding: 50px!important
}

.p-51 {
    padding: 51px!important
}

.p-52 {
    padding: 52px!important
}

.p-53 {
    padding: 53px!important
}

.p-54 {
    padding: 54px!important
}

.p-55 {
    padding: 55px!important
}

.p-56 {
    padding: 56px!important
}

.p-57 {
    padding: 57px!important
}

.p-58 {
    padding: 58px!important
}

.p-59 {
    padding: 59px!important
}

.p-60 {
    padding: 60px!important
}

.m-t-20 {
    margin-top: 20px!important
}

.m-r-20 {
    margin-right: 20px!important
}

.m-l-20 {
    margin-left: 20px!important
}

.m-b-20 {
    margin-bottom: 20px!important
}

.m-t-21 {
    margin-top: 21px!important
}

.m-r-21 {
    margin-right: 21px!important
}

.m-l-21 {
    margin-left: 21px!important
}

.m-b-21 {
    margin-bottom: 21px!important
}

.m-t-22 {
    margin-top: 22px!important
}

.m-r-22 {
    margin-right: 22px!important
}

.m-l-22 {
    margin-left: 22px!important
}

.m-b-22 {
    margin-bottom: 22px!important
}

.m-t-23 {
    margin-top: 23px!important
}

.m-r-23 {
    margin-right: 23px!important
}

.m-l-23 {
    margin-left: 23px!important
}

.m-b-23 {
    margin-bottom: 23px!important
}

.m-t-24 {
    margin-top: 24px!important
}

.m-r-24 {
    margin-right: 24px!important
}

.m-l-24 {
    margin-left: 24px!important
}

.m-b-24 {
    margin-bottom: 24px!important
}

.m-t-25 {
    margin-top: 25px!important
}

.m-r-25 {
    margin-right: 25px!important
}

.m-l-25 {
    margin-left: 25px!important
}

.m-b-25 {
    margin-bottom: 25px!important
}

.m-t-26 {
    margin-top: 26px!important
}

.m-r-26 {
    margin-right: 26px!important
}

.m-l-26 {
    margin-left: 26px!important
}

.m-b-26 {
    margin-bottom: 26px!important
}

.m-t-27 {
    margin-top: 27px!important
}

.m-r-27 {
    margin-right: 27px!important
}

.m-l-27 {
    margin-left: 27px!important
}

.m-b-27 {
    margin-bottom: 27px!important
}

.m-t-28 {
    margin-top: 28px!important
}

.m-r-28 {
    margin-right: 28px!important
}

.m-l-28 {
    margin-left: 28px!important
}

.m-b-28 {
    margin-bottom: 28px!important
}

.m-t-29 {
    margin-top: 29px!important
}

.m-r-29 {
    margin-right: 29px!important
}

.m-l-29 {
    margin-left: 29px!important
}

.m-b-29 {
    margin-bottom: 29px!important
}

.m-t-30 {
    margin-top: 30px!important
}

.m-r-30 {
    margin-right: 30px!important
}

.m-l-30 {
    margin-left: 30px!important
}

.m-b-30 {
    margin-bottom: 30px!important
}

.m-t-31 {
    margin-top: 31px!important
}

.m-r-31 {
    margin-right: 31px!important
}

.m-l-31 {
    margin-left: 31px!important
}

.m-b-31 {
    margin-bottom: 31px!important
}

.m-t-32 {
    margin-top: 32px!important
}

.m-r-32 {
    margin-right: 32px!important
}

.m-l-32 {
    margin-left: 32px!important
}

.m-b-32 {
    margin-bottom: 32px!important
}

.m-t-33 {
    margin-top: 33px!important
}

.m-r-33 {
    margin-right: 33px!important
}

.m-l-33 {
    margin-left: 33px!important
}

.m-b-33 {
    margin-bottom: 33px!important
}

.m-t-34 {
    margin-top: 34px!important
}

.m-r-34 {
    margin-right: 34px!important
}

.m-l-34 {
    margin-left: 34px!important
}

.m-b-34 {
    margin-bottom: 34px!important
}

.m-t-35 {
    margin-top: 35px!important
}

.m-r-35 {
    margin-right: 35px!important
}

.m-l-35 {
    margin-left: 35px!important
}

.m-b-35 {
    margin-bottom: 35px!important
}

.m-t-36 {
    margin-top: 36px!important
}

.m-r-36 {
    margin-right: 36px!important
}

.m-l-36 {
    margin-left: 36px!important
}

.m-b-36 {
    margin-bottom: 36px!important
}

.m-t-37 {
    margin-top: 37px!important
}

.m-r-37 {
    margin-right: 37px!important
}

.m-l-37 {
    margin-left: 37px!important
}

.m-b-37 {
    margin-bottom: 37px!important
}

.m-t-38 {
    margin-top: 38px!important
}

.m-r-38 {
    margin-right: 38px!important
}

.m-l-38 {
    margin-left: 38px!important
}

.m-b-38 {
    margin-bottom: 38px!important
}

.m-t-39 {
    margin-top: 39px!important
}

.m-r-39 {
    margin-right: 39px!important
}

.m-l-39 {
    margin-left: 39px!important
}

.m-b-39 {
    margin-bottom: 39px!important
}

.m-t-40 {
    margin-top: 40px!important
}

.m-r-40 {
    margin-right: 40px!important
}

.m-l-40 {
    margin-left: 40px!important
}

.m-b-40 {
    margin-bottom: 40px!important
}

.m-t-41 {
    margin-top: 41px!important
}

.m-r-41 {
    margin-right: 41px!important
}

.m-l-41 {
    margin-left: 41px!important
}

.m-b-41 {
    margin-bottom: 41px!important
}

.m-t-42 {
    margin-top: 42px!important
}

.m-r-42 {
    margin-right: 42px!important
}

.m-l-42 {
    margin-left: 42px!important
}

.m-b-42 {
    margin-bottom: 42px!important
}

.m-t-43 {
    margin-top: 43px!important
}

.m-r-43 {
    margin-right: 43px!important
}

.m-l-43 {
    margin-left: 43px!important
}

.m-b-43 {
    margin-bottom: 43px!important
}

.m-t-44 {
    margin-top: 44px!important
}

.m-r-44 {
    margin-right: 44px!important
}

.m-l-44 {
    margin-left: 44px!important
}

.m-b-44 {
    margin-bottom: 44px!important
}

.m-t-45 {
    margin-top: 45px!important
}

.m-r-45 {
    margin-right: 45px!important
}

.m-l-45 {
    margin-left: 45px!important
}

.m-b-45 {
    margin-bottom: 45px!important
}

.m-t-46 {
    margin-top: 46px!important
}

.m-r-46 {
    margin-right: 46px!important
}

.m-l-46 {
    margin-left: 46px!important
}

.m-b-46 {
    margin-bottom: 46px!important
}

.m-t-47 {
    margin-top: 47px!important
}

.m-r-47 {
    margin-right: 47px!important
}

.m-l-47 {
    margin-left: 47px!important
}

.m-b-47 {
    margin-bottom: 47px!important
}

.m-t-48 {
    margin-top: 48px!important
}

.m-r-48 {
    margin-right: 48px!important
}

.m-l-48 {
    margin-left: 48px!important
}

.m-b-48 {
    margin-bottom: 48px!important
}

.m-t-49 {
    margin-top: 49px!important
}

.m-r-49 {
    margin-right: 49px!important
}

.m-l-49 {
    margin-left: 49px!important
}

.m-b-49 {
    margin-bottom: 49px!important
}

.m-t-50 {
    margin-top: 50px!important
}

.m-r-50 {
    margin-right: 50px!important
}

.m-l-50 {
    margin-left: 50px!important
}

.m-b-50 {
    margin-bottom: 50px!important
}

.m-t-51 {
    margin-top: 51px!important
}

.m-r-51 {
    margin-right: 51px!important
}

.m-l-51 {
    margin-left: 51px!important
}

.m-b-51 {
    margin-bottom: 51px!important
}

.m-t-52 {
    margin-top: 52px!important
}

.m-r-52 {
    margin-right: 52px!important
}

.m-l-52 {
    margin-left: 52px!important
}

.m-b-52 {
    margin-bottom: 52px!important
}

.m-t-53 {
    margin-top: 53px!important
}

.m-r-53 {
    margin-right: 53px!important
}

.m-l-53 {
    margin-left: 53px!important
}

.m-b-53 {
    margin-bottom: 53px!important
}

.m-t-54 {
    margin-top: 54px!important
}

.m-r-54 {
    margin-right: 54px!important
}

.m-l-54 {
    margin-left: 54px!important
}

.m-b-54 {
    margin-bottom: 54px!important
}

.m-t-55 {
    margin-top: 55px!important
}

.m-r-55 {
    margin-right: 55px!important
}

.m-l-55 {
    margin-left: 55px!important
}

.m-b-55 {
    margin-bottom: 55px!important
}

.m-t-56 {
    margin-top: 56px!important
}

.m-r-56 {
    margin-right: 56px!important
}

.m-l-56 {
    margin-left: 56px!important
}

.m-b-56 {
    margin-bottom: 56px!important
}

.m-t-57 {
    margin-top: 57px!important
}

.m-r-57 {
    margin-right: 57px!important
}

.m-l-57 {
    margin-left: 57px!important
}

.m-b-57 {
    margin-bottom: 57px!important
}

.m-t-58 {
    margin-top: 58px!important
}

.m-r-58 {
    margin-right: 58px!important
}

.m-l-58 {
    margin-left: 58px!important
}

.m-b-58 {
    margin-bottom: 58px!important
}

.m-t-59 {
    margin-top: 59px!important
}

.m-r-59 {
    margin-right: 59px!important
}

.m-l-59 {
    margin-left: 59px!important
}

.m-b-59 {
    margin-bottom: 59px!important
}

.m-t-60 {
    margin-top: 60px!important
}

.m-r-60 {
    margin-right: 60px!important
}

.m-l-60 {
    margin-left: 60px!important
}

.m-b-60 {
    margin-bottom: 60px!important
}

.m-1 {
    margin: 1px!important
}

.m-2 {
    margin: 2px!important
}

.m-3 {
    margin: 3px!important
}

.m-4 {
    margin: 4px!important
}

.m-5 {
    margin: 5px!important
}

.m-6 {
    margin: 6px!important
}

.m-7 {
    margin: 7px!important
}

.m-8 {
    margin: 8px!important
}

.m-9 {
    margin: 9px!important
}

.m-10 {
    margin: 10px!important
}

.m-11 {
    margin: 11px!important
}

.m-12 {
    margin: 12px!important
}

.m-13 {
    margin: 13px!important
}

.m-14 {
    margin: 14px!important
}

.m-15 {
    margin: 15px!important
}

.m-16 {
    margin: 16px!important
}

.m-17 {
    margin: 17px!important
}

.m-18 {
    margin: 18px!important
}

.m-19 {
    margin: 19px!important
}

.m-20 {
    margin: 20px!important
}

.m-21 {
    margin: 21px!important
}

.m-22 {
    margin: 22px!important
}

.m-23 {
    margin: 23px!important
}

.m-24 {
    margin: 24px!important
}

.m-25 {
    margin: 25px!important
}

.m-26 {
    margin: 26px!important
}

.m-27 {
    margin: 27px!important
}

.m-28 {
    margin: 28px!important
}

.m-29 {
    margin: 29px!important
}

.m-30 {
    margin: 30px!important
}

.m-31 {
    margin: 31px!important
}

.m-32 {
    margin: 32px!important
}

.m-33 {
    margin: 33px!important
}

.m-34 {
    margin: 34px!important
}

.m-35 {
    margin: 35px!important
}

.m-36 {
    margin: 36px!important
}

.m-37 {
    margin: 37px!important
}

.m-38 {
    margin: 38px!important
}

.m-39 {
    margin: 39px!important
}

.m-40 {
    margin: 40px!important
}

.m-41 {
    margin: 41px!important
}

.m-42 {
    margin: 42px!important
}

.m-43 {
    margin: 43px!important
}

.m-44 {
    margin: 44px!important
}

.m-45 {
    margin: 45px!important
}

.m-46 {
    margin: 46px!important
}

.m-47 {
    margin: 47px!important
}

.m-48 {
    margin: 48px!important
}

.m-49 {
    margin: 49px!important
}

.m-50 {
    margin: 50px!important
}

.m-51 {
    margin: 51px!important
}

.m-52 {
    margin: 52px!important
}

.m-53 {
    margin: 53px!important
}

.m-54 {
    margin: 54px!important
}

.m-55 {
    margin: 55px!important
}

.m-56 {
    margin: 56px!important
}

.m-57 {
    margin: 57px!important
}

.m-58 {
    margin: 58px!important
}

.m-59 {
    margin: 59px!important
}

.m-60 {
    margin: 60px!important
}

.p-t-0 {
    padding-top: 0!important
}

.p-r-0 {
    padding-right: 0!important
}

.p-l-0 {
    padding-left: 0!important
}

.p-b-0 {
    padding-bottom: 0!important
}

.m-t-0 {
    margin-top: 0!important
}

.m-r-0 {
    margin-right: 0!important
}

.m-l-0 {
    margin-left: 0!important
}

.m-b-0 {
    margin-bottom: 0!important
}

@media (max-width: 767px) {
    .mainControl .mainControl-filter,.mainControl .mainControl-function,.text-left-xs {
        text-align:left!important
    }

    .text-right-xs {
        text-align: right!important
    }

    .text-center-xs {
        text-align: center!important
    }

    .show-xs {
        display: block!important
    }

    .hidden-xs {
        display: none!important
    }

    .invisible-xs {
        visibility: hidden!important
    }

    .dropdown-menu-right-xs {
        right: 0;
        left: auto
    }

    .dropdown-menu-left-xs {
        left: 0;
        right: auto
    }

    .m-t-xs-5 {
        margin-top: 5px
    }

    .m-r-xs-5 {
        margin-right: 5px
    }

    .m-l-xs-5 {
        margin-left: 5px
    }

    .m-b-xs-5 {
        margin-bottom: 5px
    }

    .m-t-xs-10,.mainControl .mainControl-filter {
        margin-top: 10px
    }

    .m-r-xs-10 {
        margin-right: 10px
    }

    .m-l-xs-10 {
        margin-left: 10px
    }

    .m-b-xs-10 {
        margin-bottom: 10px
    }

    .m-t-xs-15 {
        margin-top: 15px
    }

    .m-r-xs-15 {
        margin-right: 15px
    }

    .m-l-xs-15 {
        margin-left: 15px
    }

    .m-b-xs-15 {
        margin-bottom: 15px
    }

    .m-t-xs-20 {
        margin-top: 20px
    }

    .m-r-xs-20 {
        margin-right: 20px
    }

    .m-l-xs-20 {
        margin-left: 20px
    }

    .m-b-xs-20 {
        margin-bottom: 20px
    }

    .m-t-xs-25 {
        margin-top: 25px
    }

    .m-r-xs-25 {
        margin-right: 25px
    }

    .m-l-xs-25 {
        margin-left: 25px
    }

    .m-b-xs-25 {
        margin-bottom: 25px
    }

    .m-t-xs-30 {
        margin-top: 30px
    }

    .m-r-xs-30 {
        margin-right: 30px
    }

    .m-l-xs-30 {
        margin-left: 30px
    }

    .m-b-xs-30 {
        margin-bottom: 30px
    }

    .m-t-xs-35 {
        margin-top: 35px
    }

    .m-r-xs-35 {
        margin-right: 35px
    }

    .m-l-xs-35 {
        margin-left: 35px
    }

    .m-b-xs-35 {
        margin-bottom: 35px
    }

    .m-t-xs-40 {
        margin-top: 40px
    }

    .m-r-xs-40 {
        margin-right: 40px
    }

    .m-l-xs-40 {
        margin-left: 40px
    }

    .m-b-xs-40 {
        margin-bottom: 40px
    }

    .m-t-xs-45 {
        margin-top: 45px
    }

    .m-r-xs-45 {
        margin-right: 45px
    }

    .m-l-xs-45 {
        margin-left: 45px
    }

    .m-b-xs-45 {
        margin-bottom: 45px
    }

    .m-t-xs-50 {
        margin-top: 50px
    }

    .m-r-xs-50 {
        margin-right: 50px
    }

    .m-l-xs-50 {
        margin-left: 50px
    }

    .m-b-xs-50 {
        margin-bottom: 50px
    }

    .m-t-xs-55 {
        margin-top: 55px
    }

    .m-r-xs-55 {
        margin-right: 55px
    }

    .m-l-xs-55 {
        margin-left: 55px
    }

    .m-b-xs-55 {
        margin-bottom: 55px
    }

    .m-t-xs-60 {
        margin-top: 60px
    }

    .m-r-xs-60 {
        margin-right: 60px
    }

    .m-l-xs-60 {
        margin-left: 60px
    }

    .m-b-xs-60 {
        margin-bottom: 60px
    }

    .m-t-xs-65 {
        margin-top: 65px
    }

    .m-r-xs-65 {
        margin-right: 65px
    }

    .m-l-xs-65 {
        margin-left: 65px
    }

    .m-b-xs-65 {
        margin-bottom: 65px
    }

    .m-t-xs-70 {
        margin-top: 70px
    }

    .m-r-xs-70 {
        margin-right: 70px
    }

    .m-l-xs-70 {
        margin-left: 70px
    }

    .m-b-xs-70 {
        margin-bottom: 70px
    }

    .m-t-xs-75 {
        margin-top: 75px
    }

    .m-r-xs-75 {
        margin-right: 75px
    }

    .m-l-xs-75 {
        margin-left: 75px
    }

    .m-b-xs-75 {
        margin-bottom: 75px
    }

    .m-t-xs-80 {
        margin-top: 80px
    }

    .m-r-xs-80 {
        margin-right: 80px
    }

    .m-l-xs-80 {
        margin-left: 80px
    }

    .m-b-xs-80 {
        margin-bottom: 80px
    }

    .m-t-xs-85 {
        margin-top: 85px
    }

    .m-r-xs-85 {
        margin-right: 85px
    }

    .m-l-xs-85 {
        margin-left: 85px
    }

    .m-b-xs-85 {
        margin-bottom: 85px
    }

    .m-t-xs-90 {
        margin-top: 90px
    }

    .m-r-xs-90 {
        margin-right: 90px
    }

    .m-l-xs-90 {
        margin-left: 90px
    }

    .m-b-xs-90 {
        margin-bottom: 90px
    }

    .m-t-xs-95 {
        margin-top: 95px
    }

    .m-r-xs-95 {
        margin-right: 95px
    }

    .m-l-xs-95 {
        margin-left: 95px
    }

    .m-b-xs-95 {
        margin-bottom: 95px
    }

    .m-t-xs-100 {
        margin-top: 100px
    }

    .m-r-xs-100 {
        margin-right: 100px
    }

    .m-l-xs-100 {
        margin-left: 100px
    }

    .m-b-xs-100 {
        margin-bottom: 100px
    }

    .dmf {
        left: 0;
        right: auto
    }

    .news-group .checkbox-nolabeltex {
        float: left;
        margin: 12px 7px 0 0
    }

    .news-group .checkbox-nolabeltex.checkbox label::after {
        left: 3.2px;
        top: -2px
    }

    .news-group .label {
        margin-left: 0;
        display: none
    }

    .news-group .status {
        float: left
    }

    .news-group .fa-paperclip {
        display: none
    }

    .news-group .info-time {
        margin-top: -8px
    }

    .news-group h4 {
        width: 90%
    }

    .news-group .news-group-enpend {
        text-align: right
    }

    .news-group .p-l-18 {
        padding-left: 5px
    }

    .news-group .btn-group-drop-sm {
        padding-left: 5px
    }

    .news-group .btn-group-drop-sm .dropdown-menu {
        left: 0;
        right: 0;
        margin-left: 3px
    }

    .btn-group-drop-sm {
        display: block!important
    }

    .btn-group-drop-sm .fuctionBtn {
        display: block;
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .btn-group-drop-sm .dropdown-menu {
        left: 0;
        width: 100%;
        top: auto;
        bottom: 100%;
        margin-bottom: 1px
    }

    .btn-group-drop-sm .arrow_r_int,.btn-group-drop-sm .arrow_r_out {
        display: none
    }

    .rangeDTPicker .col-sm-6:nth-child(2) {
        margin-top: 60px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .text-left-sm {
        text-align:left!important
    }

    .mainControl .mainControl-function,.text-right-sm {
        text-align: right!important
    }

    .text-center-sm {
        text-align: center!important
    }

    .show-sm {
        display: block!important
    }

    .hidden-sm {
        display: none!important
    }

    .invisible-sm {
        visibility: hidden!important
    }

    .dropdown-menu-right-sm {
        right: 0;
        left: auto
    }

    .dropdown-menu-left-sm {
        left: 0;
        right: auto
    }

    .m-t-sm-5 {
        margin-top: 5px
    }

    .m-r-sm-5 {
        margin-right: 5px
    }

    .m-l-sm-5 {
        margin-left: 5px
    }

    .m-b-sm-5 {
        margin-bottom: 5px
    }

    .m-t-sm-10,.mainControl .mainControl-filter,.mainControl .mainControl-function {
        margin-top: 10px
    }

    .m-r-sm-10 {
        margin-right: 10px
    }

    .m-l-sm-10 {
        margin-left: 10px
    }

    .m-b-sm-10 {
        margin-bottom: 10px
    }

    .m-t-sm-15 {
        margin-top: 15px
    }

    .m-r-sm-15 {
        margin-right: 15px
    }

    .m-l-sm-15 {
        margin-left: 15px
    }

    .m-b-sm-15 {
        margin-bottom: 15px
    }

    .m-t-sm-20 {
        margin-top: 20px
    }

    .m-r-sm-20 {
        margin-right: 20px
    }

    .m-l-sm-20 {
        margin-left: 20px
    }

    .m-b-sm-20 {
        margin-bottom: 20px
    }

    .m-t-sm-25 {
        margin-top: 25px
    }

    .m-r-sm-25 {
        margin-right: 25px
    }

    .m-l-sm-25 {
        margin-left: 25px
    }

    .m-b-sm-25 {
        margin-bottom: 25px
    }

    .m-t-sm-30 {
        margin-top: 30px
    }

    .m-r-sm-30 {
        margin-right: 30px
    }

    .m-l-sm-30 {
        margin-left: 30px
    }

    .m-b-sm-30 {
        margin-bottom: 30px
    }

    .m-t-sm-35 {
        margin-top: 35px
    }

    .m-r-sm-35 {
        margin-right: 35px
    }

    .m-l-sm-35 {
        margin-left: 35px
    }

    .m-b-sm-35 {
        margin-bottom: 35px
    }

    .m-t-sm-40 {
        margin-top: 40px
    }

    .m-r-sm-40 {
        margin-right: 40px
    }

    .m-l-sm-40 {
        margin-left: 40px
    }

    .m-b-sm-40 {
        margin-bottom: 40px
    }

    .m-t-sm-45 {
        margin-top: 45px
    }

    .m-r-sm-45 {
        margin-right: 45px
    }

    .m-l-sm-45 {
        margin-left: 45px
    }

    .m-b-sm-45 {
        margin-bottom: 45px
    }

    .m-t-sm-50 {
        margin-top: 50px
    }

    .m-r-sm-50 {
        margin-right: 50px
    }

    .m-l-sm-50 {
        margin-left: 50px
    }

    .m-b-sm-50 {
        margin-bottom: 50px
    }

    .m-t-sm-55 {
        margin-top: 55px
    }

    .m-r-sm-55 {
        margin-right: 55px
    }

    .m-l-sm-55 {
        margin-left: 55px
    }

    .m-b-sm-55 {
        margin-bottom: 55px
    }

    .m-t-sm-60 {
        margin-top: 60px
    }

    .m-r-sm-60 {
        margin-right: 60px
    }

    .m-l-sm-60 {
        margin-left: 60px
    }

    .m-b-sm-60 {
        margin-bottom: 60px
    }

    .m-t-sm-65 {
        margin-top: 65px
    }

    .m-r-sm-65 {
        margin-right: 65px
    }

    .m-l-sm-65 {
        margin-left: 65px
    }

    .m-b-sm-65 {
        margin-bottom: 65px
    }

    .m-t-sm-70 {
        margin-top: 70px
    }

    .m-r-sm-70 {
        margin-right: 70px
    }

    .m-l-sm-70 {
        margin-left: 70px
    }

    .m-b-sm-70 {
        margin-bottom: 70px
    }

    .m-t-sm-75 {
        margin-top: 75px
    }

    .m-r-sm-75 {
        margin-right: 75px
    }

    .m-l-sm-75 {
        margin-left: 75px
    }

    .m-b-sm-75 {
        margin-bottom: 75px
    }

    .m-t-sm-80 {
        margin-top: 80px
    }

    .m-r-sm-80 {
        margin-right: 80px
    }

    .m-l-sm-80 {
        margin-left: 80px
    }

    .m-b-sm-80 {
        margin-bottom: 80px
    }

    .m-t-sm-85 {
        margin-top: 85px
    }

    .m-r-sm-85 {
        margin-right: 85px
    }

    .m-l-sm-85 {
        margin-left: 85px
    }

    .m-b-sm-85 {
        margin-bottom: 85px
    }

    .m-t-sm-90 {
        margin-top: 90px
    }

    .m-r-sm-90 {
        margin-right: 90px
    }

    .m-l-sm-90 {
        margin-left: 90px
    }

    .m-b-sm-90 {
        margin-bottom: 90px
    }

    .m-t-sm-95 {
        margin-top: 95px
    }

    .m-r-sm-95 {
        margin-right: 95px
    }

    .m-l-sm-95 {
        margin-left: 95px
    }

    .m-b-sm-95 {
        margin-bottom: 95px
    }

    .m-t-sm-100 {
        margin-top: 100px
    }

    .m-r-sm-100 {
        margin-right: 100px
    }

    .m-l-sm-100 {
        margin-left: 100px
    }

    .m-b-sm-100 {
        margin-bottom: 100px
    }

    .dmf {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .text-left-md {
        text-align:left!important
    }

    .mainControl .mainControl-function,.text-right-md {
        text-align: right!important
    }

    .text-center-md {
        text-align: center!important
    }

    .show-md {
        display: block!important
    }

    .hidden-md {
        display: none!important
    }

    .invisible-md {
        visibility: hidden!important
    }

    .dropdown-menu-right-md {
        right: 0;
        left: auto
    }

    .dropdown-menu-left-md {
        left: 0;
        right: auto
    }

    .m-t-md-5 {
        margin-top: 5px
    }

    .m-r-md-5 {
        margin-right: 5px
    }

    .m-l-md-5 {
        margin-left: 5px
    }

    .m-b-md-5 {
        margin-bottom: 5px
    }

    .m-t-md-10 {
        margin-top: 10px
    }

    .m-r-md-10 {
        margin-right: 10px
    }

    .m-l-md-10 {
        margin-left: 10px
    }

    .m-b-md-10 {
        margin-bottom: 10px
    }

    .m-t-md-15 {
        margin-top: 15px
    }

    .m-r-md-15 {
        margin-right: 15px
    }

    .m-l-md-15 {
        margin-left: 15px
    }

    .m-b-md-15 {
        margin-bottom: 15px
    }

    .m-t-md-20 {
        margin-top: 20px
    }

    .m-r-md-20 {
        margin-right: 20px
    }

    .m-l-md-20 {
        margin-left: 20px
    }

    .m-b-md-20 {
        margin-bottom: 20px
    }

    .m-t-md-25 {
        margin-top: 25px
    }

    .m-r-md-25 {
        margin-right: 25px
    }

    .m-l-md-25 {
        margin-left: 25px
    }

    .m-b-md-25 {
        margin-bottom: 25px
    }

    .m-t-md-30 {
        margin-top: 30px
    }

    .m-r-md-30 {
        margin-right: 30px
    }

    .m-l-md-30 {
        margin-left: 30px
    }

    .m-b-md-30 {
        margin-bottom: 30px
    }

    .m-t-md-35 {
        margin-top: 35px
    }

    .m-r-md-35 {
        margin-right: 35px
    }

    .m-l-md-35 {
        margin-left: 35px
    }

    .m-b-md-35 {
        margin-bottom: 35px
    }

    .m-t-md-40 {
        margin-top: 40px
    }

    .m-r-md-40 {
        margin-right: 40px
    }

    .m-l-md-40 {
        margin-left: 40px
    }

    .m-b-md-40 {
        margin-bottom: 40px
    }

    .m-t-md-45 {
        margin-top: 45px
    }

    .m-r-md-45 {
        margin-right: 45px
    }

    .m-l-md-45 {
        margin-left: 45px
    }

    .m-b-md-45 {
        margin-bottom: 45px
    }

    .m-t-md-50 {
        margin-top: 50px
    }

    .m-r-md-50 {
        margin-right: 50px
    }

    .m-l-md-50 {
        margin-left: 50px
    }

    .m-b-md-50 {
        margin-bottom: 50px
    }

    .m-t-md-55 {
        margin-top: 55px
    }

    .m-r-md-55 {
        margin-right: 55px
    }

    .m-l-md-55 {
        margin-left: 55px
    }

    .m-b-md-55 {
        margin-bottom: 55px
    }

    .m-t-md-60 {
        margin-top: 60px
    }

    .m-r-md-60 {
        margin-right: 60px
    }

    .m-l-md-60 {
        margin-left: 60px
    }

    .m-b-md-60 {
        margin-bottom: 60px
    }

    .m-t-md-65 {
        margin-top: 65px
    }

    .m-r-md-65 {
        margin-right: 65px
    }

    .m-l-md-65 {
        margin-left: 65px
    }

    .m-b-md-65 {
        margin-bottom: 65px
    }

    .m-t-md-70 {
        margin-top: 70px
    }

    .m-r-md-70 {
        margin-right: 70px
    }

    .m-l-md-70 {
        margin-left: 70px
    }

    .m-b-md-70 {
        margin-bottom: 70px
    }

    .m-t-md-75 {
        margin-top: 75px
    }

    .m-r-md-75 {
        margin-right: 75px
    }

    .m-l-md-75 {
        margin-left: 75px
    }

    .m-b-md-75 {
        margin-bottom: 75px
    }

    .m-t-md-80 {
        margin-top: 80px
    }

    .m-r-md-80 {
        margin-right: 80px
    }

    .m-l-md-80 {
        margin-left: 80px
    }

    .m-b-md-80 {
        margin-bottom: 80px
    }

    .m-t-md-85 {
        margin-top: 85px
    }

    .m-r-md-85 {
        margin-right: 85px
    }

    .m-l-md-85 {
        margin-left: 85px
    }

    .m-b-md-85 {
        margin-bottom: 85px
    }

    .m-t-md-90 {
        margin-top: 90px
    }

    .m-r-md-90 {
        margin-right: 90px
    }

    .m-l-md-90 {
        margin-left: 90px
    }

    .m-b-md-90 {
        margin-bottom: 90px
    }

    .m-t-md-95 {
        margin-top: 95px
    }

    .m-r-md-95 {
        margin-right: 95px
    }

    .m-l-md-95 {
        margin-left: 95px
    }

    .m-b-md-95 {
        margin-bottom: 95px
    }

    .m-t-md-100 {
        margin-top: 100px
    }

    .m-r-md-100 {
        margin-right: 100px
    }

    .m-l-md-100 {
        margin-left: 100px
    }

    .m-b-md-100 {
        margin-bottom: 100px
    }

    .dmf {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .text-left-lg {
        text-align:left!important
    }

    .mainControl .mainControl-function,.text-right-lg {
        text-align: right!important
    }

    .text-center-lg {
        text-align: center!important
    }

    .show-lg {
        display: block!important
    }

    .hidden-lg {
        display: none!important
    }

    .invisible-lg {
        visibility: hidden!important
    }

    .dropdown-menu-right-lg {
        right: 0;
        left: auto
    }

    .dropdown-menu-left-lg {
        left: 0;
        right: auto
    }

    .m-t-lg-5 {
        margin-top: 5px
    }

    .m-r-lg-5 {
        margin-right: 5px
    }

    .m-l-lg-5 {
        margin-left: 5px
    }

    .m-b-lg-5 {
        margin-bottom: 5px
    }

    .m-t-lg-10 {
        margin-top: 10px
    }

    .m-r-lg-10 {
        margin-right: 10px
    }

    .m-l-lg-10 {
        margin-left: 10px
    }

    .m-b-lg-10 {
        margin-bottom: 10px
    }

    .m-t-lg-15 {
        margin-top: 15px
    }

    .m-r-lg-15 {
        margin-right: 15px
    }

    .m-l-lg-15 {
        margin-left: 15px
    }

    .m-b-lg-15 {
        margin-bottom: 15px
    }

    .m-t-lg-20 {
        margin-top: 20px
    }

    .m-r-lg-20 {
        margin-right: 20px
    }

    .m-l-lg-20 {
        margin-left: 20px
    }

    .m-b-lg-20 {
        margin-bottom: 20px
    }

    .m-t-lg-25 {
        margin-top: 25px
    }

    .m-r-lg-25 {
        margin-right: 25px
    }

    .m-l-lg-25 {
        margin-left: 25px
    }

    .m-b-lg-25 {
        margin-bottom: 25px
    }

    .m-t-lg-30 {
        margin-top: 30px
    }

    .m-r-lg-30 {
        margin-right: 30px
    }

    .m-l-lg-30 {
        margin-left: 30px
    }

    .m-b-lg-30 {
        margin-bottom: 30px
    }

    .m-t-lg-35 {
        margin-top: 35px
    }

    .m-r-lg-35 {
        margin-right: 35px
    }

    .m-l-lg-35 {
        margin-left: 35px
    }

    .m-b-lg-35 {
        margin-bottom: 35px
    }

    .m-t-lg-40 {
        margin-top: 40px
    }

    .m-r-lg-40 {
        margin-right: 40px
    }

    .m-l-lg-40 {
        margin-left: 40px
    }

    .m-b-lg-40 {
        margin-bottom: 40px
    }

    .m-t-lg-45 {
        margin-top: 45px
    }

    .m-r-lg-45 {
        margin-right: 45px
    }

    .m-l-lg-45 {
        margin-left: 45px
    }

    .m-b-lg-45 {
        margin-bottom: 45px
    }

    .m-t-lg-50 {
        margin-top: 50px
    }

    .m-r-lg-50 {
        margin-right: 50px
    }

    .m-l-lg-50 {
        margin-left: 50px
    }

    .m-b-lg-50 {
        margin-bottom: 50px
    }

    .m-t-lg-55 {
        margin-top: 55px
    }

    .m-r-lg-55 {
        margin-right: 55px
    }

    .m-l-lg-55 {
        margin-left: 55px
    }

    .m-b-lg-55 {
        margin-bottom: 55px
    }

    .m-t-lg-60 {
        margin-top: 60px
    }

    .m-r-lg-60 {
        margin-right: 60px
    }

    .m-l-lg-60 {
        margin-left: 60px
    }

    .m-b-lg-60 {
        margin-bottom: 60px
    }

    .m-t-lg-65 {
        margin-top: 65px
    }

    .m-r-lg-65 {
        margin-right: 65px
    }

    .m-l-lg-65 {
        margin-left: 65px
    }

    .m-b-lg-65 {
        margin-bottom: 65px
    }

    .m-t-lg-70 {
        margin-top: 70px
    }

    .m-r-lg-70 {
        margin-right: 70px
    }

    .m-l-lg-70 {
        margin-left: 70px
    }

    .m-b-lg-70 {
        margin-bottom: 70px
    }

    .m-t-lg-75 {
        margin-top: 75px
    }

    .m-r-lg-75 {
        margin-right: 75px
    }

    .m-l-lg-75 {
        margin-left: 75px
    }

    .m-b-lg-75 {
        margin-bottom: 75px
    }

    .m-t-lg-80 {
        margin-top: 80px
    }

    .m-r-lg-80 {
        margin-right: 80px
    }

    .m-l-lg-80 {
        margin-left: 80px
    }

    .m-b-lg-80 {
        margin-bottom: 80px
    }

    .m-t-lg-85 {
        margin-top: 85px
    }

    .m-r-lg-85 {
        margin-right: 85px
    }

    .m-l-lg-85 {
        margin-left: 85px
    }

    .m-b-lg-85 {
        margin-bottom: 85px
    }

    .m-t-lg-90 {
        margin-top: 90px
    }

    .m-r-lg-90 {
        margin-right: 90px
    }

    .m-l-lg-90 {
        margin-left: 90px
    }

    .m-b-lg-90 {
        margin-bottom: 90px
    }

    .m-t-lg-95 {
        margin-top: 95px
    }

    .m-r-lg-95 {
        margin-right: 95px
    }

    .m-l-lg-95 {
        margin-left: 95px
    }

    .m-b-lg-95 {
        margin-bottom: 95px
    }

    .m-t-lg-100 {
        margin-top: 100px
    }

    .m-r-lg-100 {
        margin-right: 100px
    }

    .m-l-lg-100 {
        margin-left: 100px
    }

    .m-b-lg-100 {
        margin-bottom: 100px
    }

    .dmf {
        right: 0;
        left: auto
    }
}

@media (max-width: 480px) {
    .survey-wizard span {
        display:none
    }

    .survey-wizard li:not(:last-child):before {
        border-width: 21px;
        margin-top: -3px;
        margin-left: 30px;
        z-index: 11111
    }

    .survey-wizard li:not(:last-child):after {
        border-left-color: #e4e4e4;
        border-width: 22px;
        margin-top: -40px;
        margin-left: 31px;
        z-index: 1111
    }

    .survey-wizard li.active:before {
        border-left-color: #ddd
    }

    .survey-wizard li a {
        padding: 7px 0
    }

    .survey-wizard.wizard-no-arrow:after,.survey-wizard.wizard-no-arrow:before {
        content: none
    }

    .survey-wizard.wizard-no-arrow:before {
        content: none
    }

    .survey-wizard.wizard-no-arrow:after {
        content: none
    }
}

.col-lg-5ths,.col-md-5ths,.col-sm-5ths,.col-xs-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-5ths {
    width: 20%;
    float: left
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width:20%;
        float: left
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width:20%;
        float: left
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width:20%;
        float: left
    }
}

.owl-mega .owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-mega .owl-theme .owl-controls .owl-buttons div {
    color: #111;
    display: inline-block;
    zoom:1;margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #fff;
    filter: Alpha(Opacity=50);
    opacity: .3
}

.owl-mega .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-mega .owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom:1}

.owl-mega .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}

.owl-mega .owl-theme .owl-controls .owl-page.active span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-mega .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-mega .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #fff;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-mega .owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}

.owl-mega .wrapper-with-margin {
    margin: 0 50px
}

.owl-mega .owl-theme .owl-controls .owl-buttons div {
    position: absolute
}

.owl-mega .owl-theme .owl-controls .owl-buttons .owl-prev {
    border-radius: 0;
    z-index: 11111;
    left: -45px;
    top: 35%
}

.owl-mega .owl-theme .owl-controls .owl-buttons .owl-next {
    border-radius: 0;
    z-index: 11111;
    right: -45px;
    top: 35%
}

.owl-gallery .owl-theme .owl-controls .owl-buttons div {
    position: absolute
}

.owl-gallery .owl-theme .owl-controls .owl-buttons .owl-prev {
    border-radius: 0;
    z-index: 11111;
    left: -35px!important;
    top: 40%
}

.owl-gallery .owl-theme .owl-controls .owl-buttons .owl-next {
    border-radius: 0;
    z-index: 11111;
    right: -37px!important;
    top: 40%
}

table.table-center {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

table.table-center tr th {
    text-align: center
}

table.table-right {
    margin-left: auto;
    margin-right: auto;
    text-align: right
}

table.table-right tr th {
    text-align: right
}

table.table-left {
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

table.table-left tr th {
    text-align: left
}

.table th {
    font-size: 16px
}

.table td {
    font-size: 16px
}

.table td .col-divide+.col-divide {
    border-top: 1px solid #e0e0e0
}

.table td .col-divide {
    margin-right: -12px;
    margin-left: -12px;
    padding: 12px 10px;
    background: #f0fdff
}

.table td .col-divide:nth-child(even) {
    background: #f9f9f9
}

table tbody>tr>td.vert-center {
    vertical-align: middle
}

table.table-vert-center {
    vertical-align: middle
}

table.table-vert-center tr th {
    vertical-align: middle
}

table.table-vert-center tr td {
    vertical-align: middle
}

.table-circle-check-p .circle-check-p .circle-check {
    background-color: #ddd;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)
}

.table-circle-check-p .circle-check-p .circle-check:after {
    position: absolute;
    left: 5px;
    top: 0;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    width: 20px;
    height: 20px
}

.table-circle-check-p .circle-check-p .circle-check:hover {
    background: #2ba7a7
}

.table-circle-check-p .circle-check-p .circle-check.click {
    background: #62d6d6
}

.table-circle-check-p .circle-check-p .circle-check.click:hover {
    background: #2ba7a7
}

.table-circle-check-p .circle-check-p .circle-check:checked {
    background: #62d6d6
}

.table th {
    text-transform: none
}

.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th {
    cursor: pointer;
    background: #fafafa
}

.table-th-blue th {
    background: #5ca8de!important;
    color: #fff
}

.table-th-cyan th {
    background: #00acc1!important;
    color: #fff
}

.table-td-green td {
    background: #eef7f0!important
}

.table-td-green-darken td {
    background: #cbe7d1
}

.table-narrow-v-xs>tbody>tr>td,.table-narrow-v-xs>tbody>tr>th,.table-narrow-v-xs>tfoot>tr>td,.table-narrow-v-xs>tfoot>tr>th,.table-narrow-v-xs>thead>tr>td,.table-narrow-v-xs>thead>tr>th {
    font-size: 13px!important;
    padding: 3px!important
}

.table-narrow-v-sm>tbody>tr>td,.table-narrow-v-sm>tbody>tr>th,.table-narrow-v-sm>tfoot>tr>td,.table-narrow-v-sm>tfoot>tr>th,.table-narrow-v-sm>thead>tr>td,.table-narrow-v-sm>thead>tr>th {
    font-size: 14px!important;
    padding: 4px!important
}

.table-narrow-v-md>tbody>tr>td,.table-narrow-v-md>tbody>tr>th,.table-narrow-v-md>tfoot>tr>td,.table-narrow-v-md>tfoot>tr>th,.table-narrow-v-md>thead>tr>td,.table-narrow-v-md>thead>tr>th {
    font-size: 15px!important;
    padding: 8px!important
}

.table-narrow-v-xl>tbody>tr>td,.table-narrow-v-xl>tbody>tr>th,.table-narrow-v-xl>tfoot>tr>td,.table-narrow-v-xl>tfoot>tr>th,.table-narrow-v-xl>thead>tr>td,.table-narrow-v-xl>thead>tr>th {
    font-size: 17px!important;
    padding: 14px!important
}

.table-print {
    width: 100%;
    max-width: 100%
}

.table-print>tbody>tr>td,.table-print>tbody>tr>th,.table-print>tfoot>tr>td,.table-print>tfoot>tr>th,.table-print>thead>tr>td,.table-print>thead>tr>th {
    padding: .5em;
    line-height: 1.5em;
    vertical-align: top;
    border: 1px solid #bfc9ce
}

.table-print thead>tr>th {
    background-color: #e7ecef!important;
    font-size: 21px
}

.table-print .sub-title>td {
    background-color: #e7ecef!important;
    background: #f0f8ff!important;
    font-weight: 700
}

.table-darken h5 {
    font-size: 17px;
    font-weight: 700;
    color: #111
}

.table-darken.table-bordered td,.table-darken.table-bordered thead>tr>th {
    border: 1px solid #bfc7ce!important
}

.table-darken.table-bordered td {
    color: #111
}

.table-darken .sub-title>td {
    background: #ececec!important;
    font-weight: 700;
    padding: 8px 12px!important
}

.table_le2 thead>tr>th {
    background: #dbdee0!important
}

.table .important-star {
    color: #f44336;
    font-size: 20px;
    padding: 0 5px 0 0
}

.table-striped-LightGreen tbody tr:nth-of-type(odd) {
    background: #fafcf7
}

.table-striped-LightGreen tbody tr:nth-of-type(2n) {
    background: #f0f7e7
}

.table-striped-LightGreen tr.thead td {
    color: #fff;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    background: #76ac39
}

.table-striped-LightGreen .total-content div,.table-striped-LightGreen .total-content strong {
    display: inline-block
}

.table-striped-LightGreen thead tr td,.table-striped-LightGreen thead tr th {
    color: #fff;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    background: #76ac39
}

.table-striped-LightGreen.table-hover tbody tr:hover>td,.table-striped-LightGreen.table-hover tbody tr:hover>th {
    background: #daecc5
}

.table-striped-LightGreen .treeTable_st1:not(:first-child) {
    box-shadow: 0 -2px 4px rgba(222,218,218,.63)
}

.table-striped-Amber tbody tr:nth-of-type(odd) {
    background: #fffaea
}

.table-striped-Amber tbody tr:nth-of-type(2n) {
    background: #fff5d5
}

.table-striped-Amber tr.thead td {
    color: #fff;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    background: #dba500
}

.table-striped-Amber .total-content div,.table-striped-Amber .total-content strong {
    display: inline-block
}

.table-striped-Amber thead tr td,.table-striped-Amber thead tr th {
    color: #fff;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    background: #dba500
}

.table-striped-Amber.table-hover tbody tr:hover>td,.table-striped-Amber.table-hover tbody tr:hover>th {
    background: #ffe9a8
}

.table-striped-Amber .treeTable_st1:not(:first-child) {
    box-shadow: 0 -2px 4px rgba(222,218,218,.63)
}

.table-striped-Cyan tbody tr:nth-of-type(odd) {
    background: #f3fcfd
}

.table-striped-Cyan tbody tr:nth-of-type(2n) {
    background: #e1f7fa
}

.table-striped-Cyan tr.thead td {
    color: #fff;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    background: #21afc1
}

.table-striped-Cyan .total-content div,.table-striped-Cyan .total-content strong {
    display: inline-block
}

.table-striped-Cyan thead tr td,.table-striped-Cyan thead tr th {
    color: #fff;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    background: #21afc1
}

.table-striped-Cyan.table-hover tbody tr:hover>td,.table-striped-Cyan.table-hover tbody tr:hover>th {
    background: #baedf3
}

.table-striped-Cyan .treeTable_st1:not(:first-child) {
    box-shadow: 0 -2px 4px rgba(222,218,218,.63)
}

input.text-field-border-bottom {
    border: none;
    border-bottom: 1px solid #111
}

.input-group-addon-white a:hover,.pulseT {
    animation-name: pulseT;
    -webkit-animation-name: pulseT;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes pulseT {
    0% {
        transform: scale(1.4)
    }

    50% {
        transform: scale(1.4)
    }

    100% {
        transform: scale(1.4)
    }
}

@-webkit-keyframes pulseT {
    0% {
        -webkit-transform: scale(1.4)
    }

    50% {
        -webkit-transform: scale(1.4)
    }

    100% {
        -webkit-transform: scale(1.4)
    }
}

.addNewBtnColor {
    background: #1976d2
}

.addNewBtnColor:hover {
    background: #378fe7
}

.fuctionBtn {
    color: #fff!important;
    border-radius: 3px;
    background-color: #c5c5c5
}

.fuctionBtn:focus,.fuctionBtn:hover {
    color: #fff!important;
    background-color: #1976d2
}

.fuctionBtn.fun-stop:focus,.fuctionBtn.fun-stop:hover {
    background-color: #aaa
}

.fuctionBtn.fun-active:focus,.fuctionBtn.fun-active:hover {
    background-color: #4cb183
}

.IM-mgmt-btn-group .dropdown-menu {
    min-width: 60px
}

.IM-mgmt-btn-group .dropdown-menu>li>a {
    padding-left: 10px
}

.function-dropdown {
    box-shadow: 0 0 5px 1px rgba(142,142,142,.42);
    box-shadow: 0 0 5px 1px rgba(142,142,142,.42);
    left: auto;
    right: 50px;
    top: -6px
}

.function-dropdown a {
    font-size: 16px
}

.function-dropdown .fa-times,.function-dropdown .fa-trash {
    padding-right: 4px
}

.arrow_r_out {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    border-width: 7px;
    top: 10px;
    right: -14px
}

.arrow_r_int {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent rgba(142,142,142,.42);
    position: absolute;
    border-width: 7px;
    top: 10px;
    right: -15px
}

.search-dropdown-control a:not(.dropdown-toggle):not(.contacts-label-delet):not(.input-history-toggle) {
    color: #1976d2;
    font-size: 15.2px
}

.search-dropdown-control .fa-caret-down {
    margin-left: 7px
}

.search-dropdown-control .search-dropdown {
    width: 100%;
    box-shadow: 0 0 5px 1px rgba(142,142,142,.42)
}

.search-dropdown-control .search-dropdown .row {
    padding: 0 20px
}

.search-dropdown-control .search-dropdown .form-actions {
    margin-bottom: 0;
    margin-top: 10px
}

.search-dropdown-control .search-dropdown .btn-cons {
    min-width: 100px
}

@media only screen and (max-width: 768px) {
    .search-dropdown-control .search-dropdown {
        width:100%!important
    }
}

.input-history .input-history-toggle {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    position: absolute;
    z-index: 100;
    top: 10px;
    left: 10px;
    font-size: 14px;
    color: #909a9e
}

.input-history .form-control {
    padding-left: 26px!important
}

.input-group-addon-white {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    position: absolute;
    right: 55px;
    z-index: 100;
    color: #b0bec5;
    top: 7px;
    cursor: pointer;
    transition: all .1s linear .1s
}

.input-group-addon-white a {
    transition: all .1s linear .1s;
    transform: scale(1);
    color: #b0bec5
}

.input-group-addon-white a:hover {
    color: #42a5f5
}

.search-button {
    cursor: pointer;
    border-top-right-radius: 3px!important;
    border-bottom-right-radius: 3px!important
}

.search-button:hover {
    background: #64b5f6
}

.drop-auto-position {
    position: relative
}

.drop-auto-position.card-btn {
    position: absolute;
    top: auto!important;
    right: 10px;
    bottom: 10px
}

.drop-auto-position .dropdown {
    position: absolute;
    bottom: 0
}

.drop-auto-position .reverse {
    top: auto;
    bottom: 100%
}

.drop-auto-position2 {
    position: relative
}

.drop-auto-position2 .dropdown {
    position: absolute;
    bottom: 0
}

.drop-auto-position2 .reverse {
    top: auto;
    bottom: 100%
}

.dropdown-multiline.row {
    padding: 0!important;
    margin: 0!important
}

.dropdown-multiline .col-xs-12,.dropdown-multiline .col-xs-3,.dropdown-multiline .col-xs-4,.dropdown-multiline .col-xs-6 {
    padding-right: 5px;
    padding-left: 5px
}

.dropdown-multiline .drop-multilist a {
    line-height: 25px;
    color: #2a2e36;
    margin: 4px;
    border-radius: 3px;
    text-align: left;
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: 400;
    white-space: nowrap
}

.dropdown-multiline .drop-multilist a:focus,.dropdown-multiline .drop-multilist a:hover {
    color: #1b1e24;
    text-decoration: none;
    background-color: #eff2f3;
    background-image: none
}

.dropdown-multiline .active a:focus:before,.dropdown-multiline .active>a:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    left: 12px;
    color: #616161;
    font-size: 12px
}

.dropdown-multiline .active>a {
    color: #1b1e24;
    text-decoration: none;
    background-color: #eff2f3;
    background-image: none
}

.fa-red {
    font-size: 14px;
    color: #f35958
}

.fa-green {
    font-size: 14px;
    color: #4cb183
}

.fa-yellow {
    font-size: 14px;
    color: #fbc02d
}

.fa-blue {
    font-size: 14px;
    color: #03a9f4
}

.fa-gray {
    font-size: 14px;
    color: #aaa
}

.news-group .Jchat-list .Jchat-box .Jchat-box-readmore:hover,.pulse {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes pulse {
    0% {
        transform: scale(.9);
        opacity: .7
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.9);
        opacity: .7
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.95);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.95);
        opacity: .7
    }
}

.news-group .Jinfo-box .user-photoFrom .OUbox:before,.news-group .Jinfo-box .user-photoTo .OUbox:before {
    content: "\f0c0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit
}

.news-group .Jinfo-box .user-photoFrom .Userbox:before,.news-group .Jinfo-box .user-photoTo .Userbox:before {
    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit
}

.Photo_list .fa-circle {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes pulse {
    0% {
        transform: scale(.9);
        opacity: .7
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.9);
        opacity: .7
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.95);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.95);
        opacity: .7
    }
}

.content {
    position: relative
}

.newsList {
    overflow: hidden;
    position: relative;
    padding-right: 5px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.newsList .newsContainer {
    padding: .5em 0
}

.newsList .newsContainer .left {
    position: absolute
}

.newsList .newsContainer .left .img-container {
    width: 95px;
    max-height: 82px;
    overflow: hidden
}

.newsList .newsContainer .right {
    padding-left: 110px
}

.newsList .newsContainer .right h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newsList .newsContainer .right .tex {
    color: #494949;
    display: block;
    display: -webkit-box;
    max-width: 680px;
    height: 36px;
    font-size: 15px;
    line-height: 1.2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsList .newsContainer .right .date {
    font-size: 11px;
    color: #348fd0;
    font-weight: 700
}

.newsList .newsContainer .middle h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.newsList .newsContainer .middle .tex {
    padding-top: 6px;
    color: #494949;
    display: block;
    display: -webkit-box;
    max-width: 680px;
    height: 36px;
    font-size: 15px;
    line-height: 1.2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.newsList .newsContainer .middle .date {
    padding-top: 6px;
    font-size: 11px;
    color: #348fd0;
    font-weight: 700
}

.news-container .date {
    font-size: 13px;
    color: #2196f3
}

.news-container h2 {
    color: #505458;
    font-size: 27px;
    font-weight: 700;
    line-height: 30px
}

.news-container h2 a {
    font-size: 18px;
    color: #111
}

.news-container h2 a:hover {
    color: #ffdc00
}

.news-container .text-container {
    padding: 1em
}

.news-container .reporter {
    color: #2196f3;
    font-size: 15.2px
}

.news-container .news-text {
    font-size: 18px;
    padding-top: 10px
}

.favoritesList {
    position: relative;
    padding-right: 5px;
    padding: 5px 0 20px 5px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.favoritesList .listContainer {
    padding: .5em 0;
    padding-right: 5px
}

.favoritesList .listContainer .left {
    position: absolute;
    width: 95px;
    overflow: hidden
}

.favoritesList .listContainer .left .img-thumb {
    padding-left: 0;
    margin-right: 0;
    max-height: 78px;
    text-align: center;
    background: #1d7cd6
}

.favoritesList .listContainer .left .img-thumb i {
    font-size: 3em;
    color: #fff;
    position: relative;
    top: 20px
}

.favoritesList .listContainer .left .img-thumb-folder {
    padding-left: 0;
    margin-right: 0;
    max-height: 78px;
    background: #1d7cd6;
    text-align: center
}

.favoritesList .listContainer .left .img-thumb-folder i {
    font-size: 3em;
    color: #fff;
    position: relative;
    top: 20px
}

.favoritesList .listContainer .left .img-thumb-folder .quantity {
    background-color: rgba(0,0,0,.5);
    height: 78px
}

.favoritesList .listContainer .left .img-thumb-folder .quantity p {
    color: #fff;
    padding: 2px 0
}

.favoritesList .listContainer .left .img-thumb-folder .quantity p:first-child {
    padding-top: 30px;
    font-size: 2em;
    font-weight: 700
}

.favoritesList .listContainer .left .img-thumb-folder .quantity i {
    font-size: 2.5em;
    color: #fff;
    position: relative;
    top: 0
}

.favoritesList .listContainer .right {
    padding-left: 110px
}

.favoritesList .listContainer .right h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.favoritesList .listContainer .right .title-tex-left {
    position: absolute;
    width: 25px;
    top: 19px
}

.favoritesList .listContainer .right .title-tex-right {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    font-size: 16px;
    padding-left: 25px;
    padding-top: 0
}

.favoritesList .listContainer .right .tex {
    color: #494949;
    display: block;
    display: -webkit-box;
    max-width: 680px;
    height: 36px;
    font-size: 15px;
    line-height: 1.2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.favoritesList .secondlistContainer {
    width: 75%!important;
    margin-left: 25%!important
}

.favoritesList .card-item {
    cursor: default;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.favoritesList .card-info {
    cursor: pointer;
    position: absolute;
    top: 0;
    background: rgba(63,147,147,.8);
    -moz-border-radius: 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    height: 82px;
    width: 95px;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-backface-visibility: hidden
}

.favoritesList .card-info h4 {
    color: #fff;
    font-size: 15.2px;
    margin: 0 10px;
    padding-top: 30%;
    height: 82px
}

.favoritesList .card-item:hover {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.1),0 1px 2px rgba(0,0,0,.1)
}

.favoritesList .card-item:hover .card-info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.favoritesList .card-item:hover .card-info p {
    opacity: 1
}

.m-news-group {
    cursor: pointer;
    padding: 0 0 0 18px;
    border-left: 6px solid #1d7cd6;
    padding: .8em;
    margin-bottom: .5em;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 1px rgba(189,189,189,.11)
}

.m-news-group .label {
    position: relative;
    margin-left: 10px
}

.m-news-group .label.label-left {
    margin-left: 0;
    margin-right: 6px
}

.m-news-group h4 {
    font-size: 18px;
    padding-bottom: 0;
    margin-bottom: 3px
}

.m-news-group .text-info {
    font-size: 14px;
    margin: 0;
    padding-bottom: 7px
}

.m-news-group .tex {
    color: #494949;
    display: block;
    display: -webkit-box;
    max-width: 680px;
    height: 36px;
    font-size: 15px;
    line-height: 1.2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.m-news-group .circle-check-p {
    margin-top: -5px;
    margin-right: -5px;
    float: right;
    z-index: 1;
    cursor: pointer
}

.m-news-group .circle-check-p .circle-check {
    background-color: #ddd;
    border-radius: 20px;
    display: inline-block;
    font-size: 20px;
    width: 30px;
    height: 30px;
    position: relative;
    text-align: center;
    user-select: none;
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)
}

.m-news-group .circle-check-p .circle-check:hover {
    background: #bbb
}

.m-news-group .circle-check-p .circle-check:after {
    position: absolute;
    left: 5px;
    top: 0;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    width: 20px;
    height: 20px
}

.m-news-group .circle-check-p .circle-check.click {
    background: #fff;
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    border: solid #2f8be4 2px
}

.m-news-group .circle-check-p .circle-check.click:hover {
    color: #62d6d6
}

.m-news-group .circle-check-p .circle-check.click:after {
    color: #2f8be4!important;
    left: 3px;
    top: -2px
}

.m-news-group .circle-check-p.circle-check-p-sm .circle-check {
    font-size: 10px;
    height: 22px;
    width: 22px;
    line-height: 22px
}

.m-news-group .circle-check-p.circle-check-p-sm .circle-check:after {
    position: absolute;
    left: 4px;
    top: 1px;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 15.2px;
    width: 15px;
    height: 15px
}

.m-news-group .circle-check-p.circle-check-p-sm .circle-check.click:after {
    left: 2px;
    top: -1px;
    color: #2f8be4!important;
    font-size: 15.2px
}

.m-news-group .circle-check-p .circle-check:after {
    top: -3px
}

.m-news-group .circle-check-p .circle-check.click:after {
    top: -5px
}

.news-group {
    padding: 0 0 0 18px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 1px rgba(189,189,189,.11)
}

.news-group .checkbox-nolabeltex {
    float: left;
    margin: 12px 7px 0 0
}

.news-group .checkbox-nolabeltex.checkbox label::after {
    left: 3.2px;
    top: -2px
}

.news-group.news-group-border {
    border-left: 5px solid #1976d2
}

.news-group.news-group-border.readGrey {
    border-left: 5px solid #e0e0e0
}

.news-group.news-group-border.readGrey h4 a {
    font-weight: 400
}

.news-group.news-group-border.readGrey p {
    font-weight: 400
}

.news-group.news-group-border-top {
    border-top: 5px solid #1976d2
}

.news-group.no-shadow {
    border-bottom: 1px solid rgba(255,255,255,0);
    box-shadow: 0 2px 1px rgba(189,189,189,0)
}

.news-group .Jpanel-C {
    position: absolute;
    right: 20px
}

.news-group .Jpanel-C i {
    cursor: pointer;
    color: #2a6496
}

.news-group .Jbtn-group-right {
    position: absolute;
    right: 25px
}

.news-group h4 a:hover {
    color: #448aff
}

.news-group .info-help {
    float: right;
    width: 23px;
    height: 23px;
    line-height: 23px;
    border-radius: 3px;
    background: #448aff;
    text-align: center;
    cursor: pointer
}

.news-group .info-help i {
    color: #fff
}

.news-group .info-help:hover {
    background: #2962ff
}

.news-group .fa-paperclip {
    margin-left: 5px;
    color: #888;
    margin-right: -5px
}

.news-group .img-box {
    float: left;
    overflow: hidden;
    padding-right: 10px
}

.news-group .img-box .img-sm {
    height: 90px;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    -webkit-transition: .6s;
    transition: .6s
}

.news-group .img-box .img-md {
    height: 140px;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    -webkit-transition: .6s;
    transition: .6s;
    margin-bottom: 7px
}

.news-group .label {
    top: -4px;
    position: relative;
    margin-left: 10px
}

.news-group .info-time,.news-group .info-to {
    margin: 0;
    margin-top: -6px;
    font-size: 15.2px;
    color: #1565c0;
    font-weight: 700
}

.news-group .info-time {
    color: #2196f3;
    margin-top: 2px
}

.news-group .info-from {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 15.2px;
    color: #848484;
    font-weight: 700
}

.news-group .OU,.news-group .read,.news-group .receive,.news-group .writer {
    margin-left: 5px
}

.news-group .read {
    color: #aaa
}

.news-group .read.rHover:hover {
    cursor: pointer;
    color: #0074d9
}

.news-group .status {
    color: #01579b;
    font-weight: 700;
    float: right
}

.news-group .OU,.news-group .writer {
    color: #1565c0
}

.news-group .receive {
    color: #00b8d4
}

.news-group .text-wrap {
    color: none;
    display: block;
    display: -webkit-box;
    max-width: none;
    height: 72px;
    font-size: 16px;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.news-group .text-wrap-1 {
    color: none;
    display: block;
    display: -webkit-box;
    max-width: none;
    height: 19.2px;
    font-size: 16px;
    line-height: 1.2;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.news-group .text-wrap-img {
    color: none;
    display: block;
    display: -webkit-box;
    max-width: none;
    height: 72px;
    font-size: 16px;
    line-height: 1.5;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.news-group .wrap-img img {
    float: left;
    margin: 7px 7px 0 0
}

.news-group .wrap-img p {
    margin: 0
}

.news-group .circle-check-p {
    margin-top: 0;
    margin-right: 0;
    float: left;
    z-index: 1;
    cursor: pointer
}

.news-group .circle-check-p .circle-check {
    background-color: #ddd;
    border-radius: 20px;
    display: inline-block;
    font-size: 20px;
    width: 30px;
    height: 30px;
    position: relative;
    text-align: center;
    user-select: none;
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)
}

.news-group .circle-check-p .circle-check:hover {
    background: #bbb
}

.news-group .circle-check-p .circle-check:after {
    position: absolute;
    left: 5px;
    top: 0;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    width: 20px;
    height: 20px
}

.news-group .circle-check-p .circle-check.click {
    background: #fff;
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    border: solid #2f8be4 2px
}

.news-group .circle-check-p .circle-check.click:hover {
    color: #62d6d6
}

.news-group .circle-check-p .circle-check.click:after {
    color: #2f8be4!important;
    left: 3px;
    top: -2px
}

.news-group .circle-check-p.circle-check-p-sm .circle-check {
    font-size: 10px;
    height: 22px;
    width: 22px;
    line-height: 22px
}

.news-group .circle-check-p.circle-check-p-sm .circle-check:after {
    position: absolute;
    left: 4px;
    top: 1px;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 15.2px;
    width: 15px;
    height: 15px
}

.news-group .circle-check-p.circle-check-p-sm .circle-check.click:after {
    left: 2px;
    top: -1px;
    color: #2f8be4!important;
    font-size: 15.2px
}

.news-group .Jinfo-box {
    margin-top: 10px;
    display: inline
}

.news-group .Jinfo-box p {
    margin-right: 15px;
    display: inline
}

.news-group .Jinfo-box .user-photoFrom,.news-group .Jinfo-box .user-photoTo {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    margin-top: -20px;
    position: relative;
    border-radius: 50%
}

.news-group .Jinfo-box .user-photoFrom .OUbox:before,.news-group .Jinfo-box .user-photoTo .OUbox:before {
    left: 19%
}

.news-group .Jinfo-box .user-photoFrom .Userbox:before,.news-group .Jinfo-box .user-photoTo .Userbox:before {
    left: 25%
}

.news-group .Jinfo-box .user-photoFrom .OUfolder .stack-text,.news-group .Jinfo-box .user-photoTo .OUfolder .stack-text {
    margin-top: -68px;
    color: #ccc;
    font-size: 11px
}

.news-group .Jinfo-box .user-photoFrom .OUfolder i,.news-group .Jinfo-box .user-photoTo .OUfolder i {
    position: relative;
    margin-top: 5px;
    font-size: 21px;
    color: #fff;
    width: auto
}

.news-group .Jinfo-box .user-photoFrom .OUbox,.news-group .Jinfo-box .user-photoFrom .OUfolder,.news-group .Jinfo-box .user-photoFrom .Userbox,.news-group .Jinfo-box .user-photoTo .OUbox,.news-group .Jinfo-box .user-photoTo .OUfolder,.news-group .Jinfo-box .user-photoTo .Userbox {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    top: 20px;
    text-align: center
}

.news-group .Jinfo-box .user-photoFrom .OUbox:before,.news-group .Jinfo-box .user-photoFrom .Userbox:before,.news-group .Jinfo-box .user-photoTo .OUbox:before,.news-group .Jinfo-box .user-photoTo .Userbox:before {
    position: absolute;
    color: #fff;
    font-size: 18px
}

.news-group .Jinfo-box .user-photoFrom img,.news-group .Jinfo-box .user-photoTo img {
    border-radius: 50%;
    max-width: 100%;
    height: auto
}

.news-group .Jchat-list {
    margin-top: 10px;
    display: inline-block;
    margin: 2px 0
}

.news-group .Jchat-list.Jchat-list-bordder {
    border-top: 1px solid #eee
}

.news-group .Jchat-list .Jinfo-box {
    margin: 0;
    position: relative;
    display: inline-block
}

.news-group .Jchat-list .Jinfo-box p {
    margin-right: 5px
}

.news-group .Jchat-list .Jinfo-box .user-photoFrom,.news-group .Jchat-list .Jinfo-box .user-photoTo {
    width: 37px;
    height: 37px;
    margin-right: 10px
}

.news-group .Jchat-list .Jinfo-box .user-photoFrom img,.news-group .Jchat-list .Jinfo-box .user-photoTo img {
    width: 40px;
    height: 40px;
    margin-top: -10px;
    position: absolute;
    top: 20px
}

.news-group .Jchat-list .info-box-de {
    display: inline-block
}

.news-group .Jchat-list .Jchat-box {
    background: #dbe1e6;
    padding: 2px 10px;
    border-radius: 4px
}

.news-group .Jchat-list .Jchat-box p {
    margin-top: 5px;
    margin-bottom: -4px;
    display: inline-block;
    line-height: 1.2
}

.news-group .Jchat-list .Jchat-box p.text-wrap {
    color: none;
    display: block;
    display: -webkit-box;
    max-width: none;
    height: 38.4px;
    font-size: 16px;
    line-height: 1.2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.news-group .Jchat-list .Jchat-box .Jchat-box-readmore {
    position: absolute;
    right: 20px;
    bottom: 0
}

.news-group .Jchat-list .Jchat-box .Jchat-box-readmore i {
    text-align: center
}

.news-group .Jchat-list .Jchat-box .Jchat-box-readmore:hover {
    font-size: 22px;
    background: #0d47a1;
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px
}

.news-group .Jchat-list .Jchat-box .Jchat-box-readmore:hover i {
    position: absolute;
    left: 25%;
    top: 20%
}

.news-group .argument {
    color: #2196f3;
    margin-top: -2px;
    font-size: 15.2px;
    font-weight: 700;
    margin-bottom: 7px
}

.news-group .argument span {
    padding-right: 10px
}

.news-group .title-sm {
    font-size: 15.2px;
    color: #3f51b5
}

.news-group .title {
    font-size: 16px;
    font-weight: 700;
    color: #283593
}

.news-group .file-dw-panel {
    width: 100%;
    background: #f5f5f5;
    padding: 10px
}

.news-group-control {
    background: #fefefe;
    width: 100%;
    border: 1px solid #eee;
    border-left: 1px solid #eee;
    padding: 10px;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.1);
    margin-bottom: 20px
}

.news-group-control-right {
    position: absolute;
    bottom: 0;
    top: 0
}

.col-height {
    display: table-cell;
    float: none;
    height: 100%
}

.board-group {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 1px rgba(189,189,189,.11)
}

.board-group .board-group-top {
    padding: 10px 10px 0 10px
}

.board-group h4 {
    margin-top: 0;
    padding-top: 0;
    width: 90%
}

.board-group .read {
    margin-left: 5px;
    color: #aaa
}

.board-group .open-web:hover {
    color: #42a5f5
}

.board-group .img-box {
    float: left;
    margin: -10px 12px -10px -10px;
    overflow: hidden
}

.board-group .img-box .img-sm {
    height: 90px;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    -webkit-transition: .6s;
    transition: .6s
}

.board-group .img-box .img-md {
    height: 140px;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    -webkit-transition: .6s;
    transition: .6s;
    margin-bottom: 7px
}

.board-group .checkbox-nolabeltex {
    float: left;
    margin-top: 1px;
    margin-right: 5px
}

.board-group .checkbox-nolabeltex.checkbox label::after {
    left: 3.2px;
    top: -2px
}

.board-group.group-border {
    border-left: 5px solid #1976d2
}

.board-group.group-border-top {
    border-top: 5px solid #1976d2
}

.board-group .label {
    top: -4px;
    position: relative;
    margin-left: 10px
}

.board-group .info-time {
    color: #2196f3;
    margin-top: -7px;
    font-weight: 700;
    font-size: 15.2px
}

.board-group .btn-group {
    right: 10px;
    top: 10px;
    position: absolute
}

.board-group .board-content {
    margin-top: -7px
}

.board-group .board-content.text-wrap {
    color: none;
    display: block;
    display: -webkit-box;
    max-width: none;
    height: 44.8px;
    font-size: 16px;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.board-group .file-dw-panel {
    width: 100%;
    background: #f5f5f5;
    padding: 10px
}

.grid-title.descriptive.ticket-collapse-title {
    margin-top: 10px
}

.grid-title.descriptive.ticket-collapse-title .actions {
    margin-top: 45px;
    margin-right: 0
}

.grid-title.descriptive.ticket-collapse-title .actions i {
    font-size: 30px
}

.grid-title.descriptive.ticket-collapse-title .circle-check-p {
    margin-top: 0;
    margin-right: 0;
    float: left;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    top: 15px;
    left: 20px
}

.grid-title.descriptive.ticket-collapse-title .circle-check-p .circle-check {
    background-color: #ddd;
    border-radius: 20px;
    display: inline-block;
    font-size: 20px;
    width: 30px;
    height: 30px;
    position: relative;
    text-align: center;
    user-select: none;
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)
}

.grid-title.descriptive.ticket-collapse-title .circle-check-p .circle-check:hover {
    background: #bbb
}

.grid-title.descriptive.ticket-collapse-title .circle-check-p .circle-check:after {
    position: absolute;
    left: 5px;
    top: 0;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    width: 20px;
    height: 20px
}

.grid-title.descriptive.ticket-collapse-title .circle-check-p .circle-check.click {
    background: #fff;
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    border: solid #2f8be4 2px
}

.grid-title.descriptive.ticket-collapse-title .circle-check-p .circle-check.click:hover {
    color: #62d6d6
}

.grid-title.descriptive.ticket-collapse-title .circle-check-p .circle-check.click:after {
    color: #2f8be4!important;
    left: 3px;
    top: -2px
}

.grid-title.descriptive.ticket-collapse-title .circle-check-p.circle-check-p-sm .circle-check {
    font-size: 10px;
    height: 22px;
    width: 22px;
    line-height: 22px
}

.grid-title.descriptive.ticket-collapse-title .circle-check-p.circle-check-p-sm .circle-check:after {
    position: absolute;
    left: 4px;
    top: 1px;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 15.2px;
    width: 15px;
    height: 15px
}

.grid-title.descriptive.ticket-collapse-title .circle-check-p.circle-check-p-sm .circle-check.click:after {
    left: 2px;
    top: -1px;
    color: #2f8be4!important;
    font-size: 15.2px
}

.FC-border-group {
    border: 1px solid #eee;
    border-top: 4px solid #1976d2;
    box-shadow: 0 2px 1px rgba(189,189,189,.11);
    margin-bottom: 25px
}

.FC-border-group .land-collapse-title {
    font-size: 20px;
    color: #0d47a1!important
}

.FC-border-group .form-collapse-title {
    padding: 3px 10px 0 10px;
    border-bottom: 1px solid #eee
}

.FC-border-group .form-collapse-body {
    padding: 20px 10px 10px 10px
}

.FC-border-group.border-top-only {
    border-bottom: solid 1px #eee!important;
    border-left: solid 1px #eee!important;
    border-right: solid 1px #eee!important
}

.FC-border-group.border--orange .fa-chevron-down,.FC-border-group.border--orange .fa-chevron-up,.FC-border-group.border--orange .land-collapse-title {
    color: #ff9800!important
}

.modal_news .modal-body {
    position: relative
}

.modal_news .modal-body .m-left-arrow,.modal_news .modal-body .m-right-arrow {
    background: rgba(40,53,147,.5098039216)
}

.modal_news .modal-body .m-left-arrow i,.modal_news .modal-body .m-right-arrow i {
    color: #fff;
    width: 30px
}

.modal_news .modal-body .m-left-arrow:hover,.modal_news .modal-body .m-right-arrow:hover {
    background: rgba(20,26,71,.5098039216)
}

.breadC {
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    padding: 0!important;
    border: none!important;
    margin-bottom: 0
}

.breadC a {
    color: #1976d2
}

.breadC li {
    display: inline-block;
    float: left;
    color: #1976d2;
    font-weight: 600;
    text-shadow: none
}

.breadC li.active {
    color: #505458!important
}

.breadC>li+li:before {
    font-weight: 300;
    padding: 0 5px;
    color: #9e9e9e;
    font-family: FontAwesome;
    content: "\f101"
}

.right-nav-tab {
    float: right;
    margin: 0
}

.right-nav-tab li {
    margin-right: -5px;
    vertical-align: top;
    font-weight: 400;
    color: #999;
    background: #fff;
    border-width: 1px 1px 0;
    border-radius: 5px 5px 0 0;
    padding: 0 10px;
    padding-bottom: 10px;
    bottom: auto;
    margin-bottom: -7px
}

.right-nav-tab li.active {
    border-bottom: 3px solid #0074d9
}

.left-nav-tab {
    float: left;
    margin: 0
}

.left-nav-tab li {
    margin-right: -5px;
    vertical-align: top;
    font-weight: 400;
    color: #999;
    background: #fff;
    border-width: 1px 1px 0;
    border-radius: 5px 5px 0 0;
    padding: 0 10px;
    padding-bottom: 10px;
    bottom: auto;
    margin-bottom: -7px
}

.left-nav-tab li.active {
    border-bottom: 3px solid #0074d9
}

.no-padding .tab-pane {
    padding: 0
}

.news-tab {
    text-align: center
}

.news-tab>li.active>a,.news-tab>li.active>a:focus,.news-tab>li.active>a:hover {
    cursor: default;
    font-weight: 700;
    background-color: rgba(255,255,255,0);
    background: 0 0;
    border-bottom-color: transparent
}

.news-tab>li>a {
    padding: 7px 15px
}

.news-tab>li {
    margin-bottom: 0
}

.news-tab>.active>a,.news-tab>.active>a:focus,.news-tab>.active>a:hover {
    border: 0;
    color: #505458;
    -webkit-box-shadow: 1px 1px 2px transparent;
    -moz-box-shadow: none;
    box-shadow: none
}

@media (max-width: 767px) {
    .horizontal-menu .bar-inner>ul>li>.mega {
        top:0
    }
}

.page-content {
    background: url(../images/linedpaper.png) repeat
}

.bg-color {
    background: #f3f2f2;
    -webkit-box-shadow: 0 1px 5px 2px #dcdcdc;
    -moz-box-shadow: 0 1px 5px 2px #dcdcdc;
    box-shadow: 0 1px 5px 2px #dcdcdc;
    min-height: 100%;
    position: relative;
    min-height: 100%;
    height: auto!important;
    height: 100%
}

.btn-group>.dropdown-menu {
    font-size: 15.2px
}

.dropdown-sub-menu {
    list-style-type: none;
    text-align: left;
    font-size: 15.2px
}

.dropdown-sub-menu li {
    line-height: 20px
}

.dropdown-sub-menu li a {
    line-height: 25px;
    color: #2a2e36;
    margin: 4px;
    border-radius: 3px;
    text-align: left;
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap
}

.dropdown-sub-menu li a:hover {
    color: #1b1e24;
    text-decoration: none;
    background-color: #eff2f3;
    background-image: none
}

.dataTables_wrapper .details {
    background: #e2e2e2
}

#owl-demo .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.input-append .add-on .arrow {
    background-color: transparent!important;
    position: absolute;
    left: -6px;
    color: #dce0e8;
    z-index: 10;
    font-size: 26px
}

.contacts-label {
    position: relative;
    padding-right: 32px;
    text-align: left;
    padding-right: 32px;
    height: 100%;
    line-height: 20px;
    cursor: default;
    white-space: initial;
    float: left;
    margin-right: 10px;
    margin-top: 7px;
    font-size: 16px
}

.contacts-label .tex {
    float: left;
    margin-top: 2px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.contacts-label .contacts-label-delet {
    padding-left: 7px;
    margin-left: 4px;
    color: #818181;
    cursor: pointer;
    border-left: 1px solid #c7c7c7;
    position: absolute;
    right: 8px;
    height: 88%;
    top: 50%;
    transform: translateY(-50%)
}

.contacts-label .contacts-label-delet i {
    position: relative;
    top: 45%;
    transform: translateY(-45%)
}

.contacts-label .contacts-label-delet:hover {
    color: #1976d2
}

.gridWithPaginate h4 {
    width: 40%!important
}

.dmf>.active>a,.dmf>.active>a:focus,.dmf>.active>a:hover {
    background-color: #c8f1f6
}

.dmf>.active>a:before,.dmf>.active>a:focus:before,.dmf>.active>a:hover:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    left: 15px;
    color: #1565c0
}

.dmfilter>.active>a:before,.dmfilter>.active>a:focus:before,.dmfilter>.active>a:hover:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    left: 8px;
    color: #616161;
    font-size: 12px
}

.fa-rotate-45 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -sand-transform: rotate(45deg)
}

.rangeDTPicker .time-info {
    border: 1px solid #eee;
    background: #fff;
    width: 100%;
    padding: 10px 10px 0 10px
}

.rangeDTPicker .time-info p {
    font-weight: 300;
    color: #505458
}

.rangeDTPicker .time-info p span {
    margin-left: 10px;
    color: #2196f3;
    font-size: 16px;
    font-weight: 400
}

.rangeDTPicker .datepicker-bg {
    border: 1px solid #eee;
    background: #fff
}

.rangeDTPicker .datepicker-bg table {
    margin: 0 auto
}

.rangeDTPicker .time-select {
    margin-top: 10px
}

.rangeDTPicker .time-select .left {
    width: 33%;
    float: left
}

.rangeDTPicker .time-select .middle {
    width: 33%;
    float: left
}

.rangeDTPicker .time-select .right {
    width: 33%;
    float: right
}

.sendTypeClick {
    cursor: pointer
}

.sendTypeClick i {
    color: #2ecc40
}

.sendTypeClick.blue {
    background: #5ca5e9;
    color: #fff!important
}

.sendTypeClick.blue i {
    color: #7ee289
}

.myEamilSlect,.sendTypeSlect {
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 2px 10px;
    font-size: 16px;
    vertical-align: middle
}

.myEamilSlect .name,.sendTypeSlect .name {
    font-weight: 700
}

.myEamilSlect .sendType,.sendTypeSlect .sendType {
    height: 55px;
    font-weight: 700;
    line-height: 55px
}

.myEamilSlect .emailCheckbox,.sendTypeSlect .emailCheckbox {
    margin-top: 5px;
    margin-right: -20px;
    float: right
}

.inputStyle {
    border-bottom: 1px solid #eee;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block
}

.inputStyle .title {
    padding-top: 7px;
    float: left;
    display: inline-block;
    color: #2a6496
}

.inputStyle .myEamil,.inputStyle .sendType {
    padding-top: 7px;
    float: left;
    display: inline-block;
    margin-left: 5px
}

.inputStyle .tool {
    cursor: pointer;
    float: right;
    padding-top: 7px;
    color: #2a6496
}

.inputStyle .tool i {
    font-size: 20px
}

.inputStyle textarea {
    width: 100%;
    border: none
}

.inputStyle textarea {
    resize: none
}

.inputStyle .select2-container,.inputStyle input {
    float: left;
    width: 75%;
    border: none!important
}

.inputStyle .select2-choices {
    border: none!important
}

.inputStyle select {
    float: right;
    width: 90%;
    border: none!important
}

.inputStyle label {
    position: relative
}

.inputStyle label:after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #2a6496;
    right: 8px;
    top: 2px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none
}

.inputStyle label:before {
    content: "";
    right: 6px;
    top: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    pointer-events: none;
    display: block
}

.inputStyle .m-uneditable-input:focus,.inputStyle .uneditable-input.focus,.inputStyle input[type=color]:focus,.inputStyle input[type=date]:focus,.inputStyle input[type=datetime-local]:focus,.inputStyle input[type=datetime]:focus,.inputStyle input[type=email]:focus,.inputStyle input[type=month]:focus,.inputStyle input[type=number]:focus,.inputStyle input[type=password]:focus,.inputStyle input[type=search]:focus,.inputStyle input[type=tel]:focus,.inputStyle input[type=text]:focus,.inputStyle input[type=time]:focus,.inputStyle input[type=url]:focus,.inputStyle input[type=week]:focus,.inputStyle select:focus,.inputStyle textarea:focus {
    background: rgba(255,255,255,0)
}

.email-modal .modal-header {
    background: #0074d9;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.email-modal .modal-header h4,.email-modal .modal-header i {
    color: #fff;
    margin: 5px auto
}

.email-modal .modal-header a,.email-modal .modal-header i {
    font-size: 22px;
    cursor: pointer
}

.fs14 {
    font-size: 14px!important
}

.fs16 {
    font-size: 16px!important
}

.fs18 {
    font-size: 18px!important
}

.cursor-not-allow {
    cursor: not-allowed!important
}

.cursor-pointer {
    cursor: pointer!important
}

.btn-group-function .btn.disabled {
    pointer-events: auto
}

.carSelectBox {
    width: 400px;
    position: absolute!important;
    z-index: 1111111111111;
    background: #fff;
    top: 203px;
    left: 65px;
    border-radius: 5px;
    box-shadow: 1px 1px 2px #b9b9b9
}

.carSelectBox--Close {
    position: absolute;
    right: 10px;
    top: 2px;
    font-size: 22px;
    color: #797979
}

.carSelectBox--Close:hover {
    opacity: .8
}

.carSelectBox .events-heading {
    color: #8a8a8a;
    border-bottom: 1px solid rgba(121,121,121,.247059)
}

.border-none li {
    border: none
}

.border-less li {
    border: none
}

.border-less li:not(:first-child) {
    border-top: 1px solid #ddd
}

.modal-inline-btn .mLeft-bnt,.modal-inline-btn .mRight-bnt {
    padding: 20px;
    width: 50%;
    text-align: center;
    font-size: 17px;
    color: #fff
}

.modal-inline-btn .mLeft-bnt {
    background: #ffa726;
    float: left;
    cursor: pointer
}

.modal-inline-btn .mLeft-bnt .tex {
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1);
    transition: all .2s ease-in;
    transform: scale(1)
}

.modal-inline-btn .mLeft-bnt:hover {
    background: #f29000;
    -webkit-transition: all .2s ease-in;
    -webkit-transform: .2s;
    -ms-transition: all .2s ease-in;
    -ms-transform: .2s;
    -moz-transition: all .2s ease-in;
    -moz-transform: .2s;
    transition: all .2s ease-in;
    transform: .2s
}

.modal-inline-btn .mLeft-bnt:hover .tex {
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1.2);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1.2);
    transition: all .2s ease-in;
    transform: scale(1.2)
}

.modal-inline-btn .mRight-bnt {
    background: #66bb6a;
    float: right;
    cursor: pointer
}

.modal-inline-btn .mRight-bnt .tex {
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1);
    transition: all .2s ease-in;
    transform: scale(1)
}

.modal-inline-btn .mRight-bnt:hover {
    background: #49a54e;
    -webkit-transition: all .2s ease-in;
    -webkit-transform: .2s;
    -ms-transition: all .2s ease-in;
    -ms-transform: .2s;
    -moz-transition: all .2s ease-in;
    -moz-transform: .2s;
    transition: all .2s ease-in;
    transform: .2s
}

.modal-inline-btn .mRight-bnt:hover .tex {
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1.2);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1.2);
    transition: all .2s ease-in;
    transform: scale(1.2)
}

.modal-inline-btn:after,.modal-inline-btn:before {
    content: " ";
    display: table
}

.modal-inline-btn:after {
    clear: both
}

legend.semi-bold {
    width: auto;
    margin: 0!important;
    font-size: medium;
    line-height: normal;
    border: 0
}

.tab__photoImgBox__group>.nav-tabs>li.active>a,.tab__photoImgBox__group>.nav-tabs>li.active>a:focus,.tab__photoImgBox__group>.nav-tabs>li.active>a:hover {
    border-width: 3px;
    border-color: #8bc34a;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.tab__photoImgBox__group>.nav-tabs>li.active>a::before,.tab__photoImgBox__group>.nav-tabs>li.active>a:focus::before,.tab__photoImgBox__group>.nav-tabs>li.active>a:hover::before {
    content: "";
    position: absolute;
    width: 100%;
    background: #fff;
    height: 5px;
    bottom: -4px;
    z-index: 11;
    right: 0
}

.tab__photoImgBox__group>.nav-tabs.nav-tabs-tex>li>a {
    padding: 10px 12px
}

.tab__photoImgBox__group.tabs-left>.nav-tabs>li.active>a,.tab__photoImgBox__group.tabs-left>.nav-tabs>li.active>a:focus,.tab__photoImgBox__group.tabs-left>.nav-tabs>li.active>a:hover {
    border-radius: 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-right: 0
}

.tab__photoImgBox__group.tabs-left>.nav-tabs>li.active>a::before,.tab__photoImgBox__group.tabs-left>.nav-tabs>li.active>a:focus::before,.tab__photoImgBox__group.tabs-left>.nav-tabs>li.active>a:hover::before {
    width: 5px;
    height: 100%;
    top: 0;
    right: -4px
}

.tab__photoImgBox__group>.pill-content>.active,.tab__photoImgBox__group>.tab-content>.active {
    display: block;
    padding: 19px;
    border-top: 3px solid #8bc34a
}

.tab__photoImgBox__group.tabs-left .pill-content>.active,.tab__photoImgBox__group.tabs-left .tab-content>.active {
    border-left: 3px solid #8bc34a;
    border-top: 0
}

@media only screen and (max-width: 768px) {
    .tab__photoImgBox__group>.nav-tabs>li>a {
        padding:10px
    }
}

.tab__photoImgBox {
    width: 140px;
    background: #fff;
    position: relative;
    z-index: 1;
    text-align: center;
    border: 1px solid #eee;
    box-shadow: 1px 1px 3px #b7b9bd
}

.tab__photoImgBox .checkbox_custom_1 {
    position: absolute;
    top: -8px;
    left: -8px;
    z-index: 1111
}

.tab__photoImgBox .tab__photoImgBox__img {
    position: relative;
    margin-top: 15px;
    height: 110px;
    width: 110px;
    margin-left: auto;
    margin-right: auto
}

.tab__photoImgBox .tab__photoImgBox__img img {
    border: 1px solid #eee
}

.tab__photoImgBox .tab__photoImgBox__img .tab__photoImgBox__label {
    font-size: 12px;
    padding: .5em;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    position: absolute;
    top: -5px;
    right: -15px
}

.tab__photoImgBox .tab__photoImgBox__tex {
    font-size: 12px;
    min-height: 35px;
    padding-top: 10px
}

.tab__photoImgBox.disabled {
    background: #a9a9a9;
    color: #fff;
    border-color: #969494;
    box-shadow: 1px 1px 3px #a9a9a9
}

.tab__photoImgBox.disabled .tab__photoImgBox__img:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 105%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #353535;
    opacity: .8
}

.tab__photoImgBox.disabled .tab__photoImgBox__img:after {
    content: "不可借用";
    background: #ea5151;
    font-size: 12px;
    padding: .5em;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    position: absolute;
    top: -5px;
    right: -14px
}

@media only screen and (max-width: 768px) {
    .tab__photoImgBox {
        width:60px
    }

    .tab__photoImgBox .tab__photoImgBox__img {
        margin: 0;
        height: 60px;
        width: 60px
    }

    .tab__photoImgBox .tab__photoImgBox__img .tab__photoImgBox__label {
        padding: .2em;
        top: 0;
        right: 0
    }

    .tab__photoImgBox .tab__photoImgBox__tex {
        display: none
    }

    .tab__photoImgBox.disabled .tab__photoImgBox__img:after {
        padding: .2em;
        top: 0;
        right: 0
    }
}

.equipment__list {
    margin-bottom: 10px
}

.equipment__list__content,.equipment__list__title {
    display: inline
}

.equipment__list__title {
    color: #4caf50;
    font-weight: 700
}

.equipment__list__ol {
    list-style-type: cjk-ideographic
}

.equipment__list .well {
    padding: 10px;
    border: 1px solid #e4e4e4;
    background-color: #f1f1f1
}

.checkbox_custom_1 input {
    position: absolute;
    opacity: 0
}

.checkbox_custom_1 input+label {
    position: relative;
    cursor: pointer;
    padding: 0
}

.checkbox_custom_1 input+label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #bfbfbf;
    background: #fff
}

.checkbox_custom_1 input:focus+label:before,.checkbox_custom_1 input:hover+label:before {
    box-shadow: 0 0 0 2px rgba(0,0,0,.12)
}

.checkbox_custom_1 input:checked+label:before {
    background: #009688;
    border-color: #00796b
}

.checkbox_custom_1 input:disabled+label {
    color: #b8b8b8;
    cursor: auto
}

.checkbox_custom_1 input:disabled+label:before {
    box-shadow: none;
    background: #ddd
}

.checkbox_custom_1 input+label:after,.checkbox_custom_1 input:checked+label:after {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    left: 6px;
    top: 6px;
    font-size: 18px
}

.checkbox_custom_1 input:checked+label:after {
    color: #fff
}

.checkbox_custom_1 input+label:after {
    color: #d2d2d2
}

.radio-nolabeltex.radio label {
    margin: 0;
    padding: 0
}

.radio-nolabeltex.radio label:before {
    top: 0;
    position: relative;
    margin-right: 0
}

.radio-nolabeltex.radio label:after {
    top: 0
}

.checkbox-nolabeltex.checkbox label {
    margin: 0;
    padding: 0
}

.checkbox-nolabeltex.checkbox label:before {
    top: 0;
    position: relative;
    margin-right: 0
}

.checkbox-nolabeltex.checkbox label::after {
    left: 0;
    top: -2px
}

.checkbox-nolabeltex~.nolabeltex__tex,.radio-nolabeltex~.nolabeltex__tex {
    color: #777a80
}

.checkbox-nolabeltex~.nolabeltex__tex--click,.radio-nolabeltex~.nolabeltex__tex--click {
    color: #4d5056
}

.checkboxInline .checkGroup {
    float: left
}

.checkboxInline .checkGroup label {
    font-size: 16px!important
}

.checkbox label,.radio label {
    font-size: 16px
}

.checkbox input:disabled+label {
    cursor: not-allowed
}

.radio input:disabled+label {
    cursor: not-allowed
}

.formCG>div {
    padding-right: 2px;
    padding-left: 2px
}

.formCG>div:first-child {
    padding-right: 2px;
    padding-left: 15px
}

.formCG>div:last-child {
    padding-right: 15px;
    padding-left: 2px
}

.select2-no-results {
    margin-top: 10px
}

.select2-search input {
    font-size: 15.2px
}

.viewRow .well .row:not(:last-child) {
    margin-bottom: 15px
}

.viewRow .row .semi-bold {
    color: #00838f
}

.viewRow .row>div span:not(:first-child) {
    color: #001f3f
}

.viewRow .semi-bold:before {
    font-family: FontAwesome;
    height: auto;
    content: "\f0da"!important;
    font-weight: 300;
    padding-right: 3px
}

.viewRow .add-on {
    color: #fff!important
}

.well .well-sub {
    border: 1px solid #a9bbb9;
    margin: 0 10px;
    border-radius: 5px;
    background: #d5eae8
}

.landClickLink {
    cursor: pointer
}

.input-group-addon.info.search-button {
    border: 1px solid #42a5f5!important;
    background-color: #42a5f5
}

.news-group-broad {
    padding: 7px;
    margin-bottom: .5em;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 1px rgba(189,189,189,.11)
}

.tgl {
    display: none
}

.tgl+.tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none
}

.tgl+.tgl-btn:after,.tgl+.tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%
}

.tgl+.tgl-btn:after {
    left: 0
}

.tgl+.tgl-btn:before {
    display: none
}

.tgl:checked+.tgl-btn:after {
    left: 50%
}

.tgl-bg+.tgl-btn {
    background: #e0e0e0;
    border-radius: 2em;
    padding: 2px;
    transition: all .4s ease
}

.tgl-bg+.tgl-btn:after {
    border-radius: 50%;
    background: #fff;
    transition: all .2s ease
}

.tgl-bg:checked+.tgl-btn {
    background: #00c853
}

.tgl-bg:checked:disabled+.tgl-btn {
    background: #2c9c5a;
    cursor: not-allowed
}

.tgl-bg:disabled+.tgl-btn {
    background: #bfbfbf;
    cursor: not-allowed
}

.input-group-addon.success {
    border: 1px solid #1976d2
}

.JdataPicker {
    width: 100%;
    position: relative;
    display: table;
    border-collapse: separate
}

.JdataPicker .add-on {
    right: 0
}

.btn-group a {
    font-family: Arial,Helvetica,sans-serif,"微軟正黑體","Microsoft JhengHei","新細明體",PMingLiU,AppleGothic,Dotum,Lucida Grande,Verdana Sans-serif;
    font-size: 15.2px
}

.drCheckGruop {
    border: 1px solid #e8edf1;
    margin-top: 10px;
    padding: 0
}

.drCheckGruop .form-collapse-title {
    padding: 15px;
    background: #ecf0f2
}

.drCheckGruop .form-collapse-title label {
    color: #212121!important;
    font-weight: 700;
    font-size: 18px
}

.drCheckGruop .form-collapse-body {
    background: #fff
}

.drCheckGruop .checkGroup {
    padding: 15px 15px 5px 15px;
    border-bottom: 1px solid #e8edf1
}

.form-row-text-control {
    display: inline
}

.form-row-text-control span {
    margin-top: 10px
}

.form-row-text-control .form-row-text {
    display: inline;
    position: relative;
    top: 7px
}

.row-calendar-inline .calendar-inline {
    width: 45%
}

.row-calendar-inline .form-row-text {
    font-weight: 700;
    float: left;
    width: 10%;
    text-align: center;
    color: #263238;
    position: relative;
    top: 37px
}

.row-calendar-inline .form-row-text .tilde {
    margin-right: auto;
    margin-left: auto
}

.row-calendar-inline:after,.row-calendar-inline:before {
    content: " ";
    display: table
}

.row-calendar-inline:after {
    clear: both
}

.form-control[disabled]::-webkit-input-placeholder,.form-control[readonly]::-webkit-input-placeholder,fieldset[disabled] .form-control::-webkit-input-placeholder,select[disabled] .form-control::-webkit-input-placeholder {
    color: #282323;
    font-size: 16px
}

.form-control[disabled]:-moz-placeholder,.form-control[readonly]:-moz-placeholder,fieldset[disabled] .form-control:-moz-placeholder,select[disabled] .form-control:-moz-placeholder {
    color: #282323;
    font-size: 16px
}

.form-control[disabled]::-moz-placeholder,.form-control[readonly]::-moz-placeholder,fieldset[disabled] .form-control::-moz-placeholder,select[disabled] .form-control::-moz-placeholder {
    color: #282323;
    font-size: 16px
}

.form-control[disabled]:-ms-input-placeholder,.form-control[readonly]:-ms-input-placeholder,fieldset[disabled] .form-control:-ms-input-placeholder,select[disabled] .form-control:-ms-input-placeholder {
    color: #282323;
    font-size: 16px
}

.form-control::-webkit-input-placeholder {
    color: #717171
}

.form-control:-moz-placeholder {
    color: #717171
}

.form-control::-moz-placeholder {
    color: #717171
}

.form-control:-ms-input-placeholder {
    color: #717171
}

.form-control {
    font-size: 15.2px
}

.form-label .important-star {
    color: #f44336;
    font-size: 20px;
    padding: 0 5px 0 0;
    position: absolute;
    top: 4px
}

.form-label .important-star~span {
    margin-left: 10px
}

.form-row-text-control input[disabled] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

.tools-sm {
    text-align: center;
    border-radius: 3px;
    width: 22px;
    height: 22px;
    background: #a9a9a9;
    color: #fff;
    float: right;
    font-size: 12px
}

.tools-sm:hover {
    background: #909090
}

.tools-sm i {
    margin-top: 5px
}

.tools-sm a {
    color: #fff
}

.tools-sm .dropdown-menu {
    right: 0;
    left: auto;
    font-size: 16px
}

.grid-title .tools-sm {
    margin-bottom: 8px
}

.tools-md {
    text-align: center;
    border-radius: 3px;
    min-width: 44px;
    height: 25px;
    color: #fff;
    border: 1px solid #ccc;
    float: right
}

.tools-md .checkbox,.tools-md .fa-caret-down {
    float: left;
    display: inline-block
}

.tools-md .checkbox {
    padding-left: 5px;
    margin-top: 3px
}

.tools-md .fa-caret-down {
    padding-left: 5px;
    color: #828282;
    font-size: 12px;
    margin-top: 5px
}

.tools-md .dropdown-menu {
    right: 0;
    left: auto;
    font-size: 16px
}

button,input,label,select,textarea {
    font-size: 16px
}

.grid.simple .grid-body {
    color: #232527
}

.btn-teal {
    color: #fff;
    background-color: #009688;
    border: 1px solid #e0f2f1
}

.btn-teal.active,.btn-teal.disabled,.btn-teal:active,.btn-teal:focus,.btn-teal:hover,.btn-teal[disabled] {
    background-color: #00796b;
    border: 1px solid #b4b9be;
    color: #fff
}

input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
    line-height: 16px;
    font-size: 16px;
    border: 1px solid #ccc
}

.select2-container .select2-choice {
    border: 1px solid #ccc
}

.grid {
    margin-bottom: 0;
    margin-bottom: 15px
}

.panel-group .panel-heading .panel-title>a {
    font-size: 15.2px
}

.form-inline-group div,.form-inline-group input,.form-inline-group p {
    float: left
}

.form-inline-group .checkbox {
    margin-top: 2px
}

.form-inline-group p {
    margin-top: 7px
}

.form-inline-group::after {
    content: "";
    clear: both;
    display: table
}

.form-row .form-control {
    border: 1px solid #ccc;
    border-radius: 2px
}

.form-row .radio {
    margin-top: 6px
}

.form-row .radio-nolabeltex {
    margin-top: 10px!important;
    padding-right: 5px
}

.survey-form .CfromBg {
    padding: 12px 26px;
    background: #fff;
    border-bottom: 1px solid #eee
}

.survey-form .CfromBg:first-child {
    border-top: none
}

.survey-form .form-actions {
    margin-top: 0
}

.survey-form .tab-content {
    margin-bottom: 0;
    margin-top: 10px;
    overflow: visible
}

.survey-form .Questions-group:after {
    content: "";
    display: table;
    clear: both
}

.survey-form .Questions-group span {
    margin-top: 6px;
    font-size: 18px;
    float: left;
    margin-right: 8px;
    color: #8c8c8c
}

.survey-form .Questions-group .select2 span {
    margin-top: 0;
    float: none;
    margin-right: 0;
    font-size: 15.2px
}

.survey-form .Questions-group .Questions-btn {
    margin-top: 8px;
    margin-right: 8px;
    float: left
}

.survey-form .Questions-group .Questions-input {
    float: left;
    width: 60%
}

.survey-form .Questions-group .Questions-input .candCQ-input {
    float: left;
    width: 49%
}

.survey-form .Questions-group .Questions-input .candCQ-input:last-child {
    float: right
}

.survey-form .Questions-group .Questions-control {
    float: left;
    margin-top: 1px;
    margin-left: 10px;
    font-size: 25px
}

.survey-form .Questions-group .add-color {
    color: #66bb6a
}

.survey-form .Questions-group .delete-color {
    color: #ff1744
}

.survey-form .surveyQ-container .img-help-tex {
    color: #8c8c8c;
    font-weight: 700
}

.survey-form .surveyReturn .QContent {
    display: inline-block;
    width: 60%;
    margin-top: -10px
}

.survey-form .surveyReturn:hover {
    transform: translateY(-3px);
    box-shadow: 0 2px 20px #777
}

.survey-form .surveyView .QContent {
    display: inline-block;
    width: 100%;
    margin-top: -10px
}

.survey-form .surveyView .QContent .anwser {
    background: #f0fafe;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #e1f5fe
}

.tab-content.clearfix {
    overflow: visible
}

.survey-wizard li:not(:first-child) {
    margin-left: -2px
}

.survey-wizard li:not(:last-child):after,.survey-wizard li:not(:last-child):before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-color: transparent;
    border-left-color: #fff;
    border-radius: 10px
}

.survey-wizard li:not(:last-child):before {
    border-width: 21px;
    z-index: 111;
    position: absolute;
    top: -3px;
    right: -38px
}

.survey-wizard li:not(:last-child):after {
    border-left-color: #e4e4e4;
    border-width: 22px;
    z-index: 11;
    position: absolute;
    top: -4px;
    right: -41px
}

.survey-wizard li.active:before {
    border-left-color: #ddd
}

.survey-wizard li {
    position: relative
}

.survey-wizard li a {
    padding-left: 20px
}

.survey-wizard li a.disableLink {
    cursor: default
}

.survey-wizard li a.disableLink:hover {
    color: #8e9aa4!important
}

.survey-wizard .nav-tabs>li.active>a,.survey-wizard .nav-tabs>li.active>a:focus,.survey-wizard .nav-tabs>li.active>a:hover {
    border: none;
    background: #ddd
}

.survey-wizard.ontop li:after,.survey-wizard.ontop li:before {
    border-left-color: #f3f2f2
}

.survey-wizard.ontop li:after {
    border-left-color: #ddd
}

.survey-wizard.ontop li.active:before {
    border-left-color: #fff
}

.survey-wizard.ontop li {
    border-top: 1px solid #ddd
}

.survey-wizard.ontop li:first-child {
    border-left: 1px solid #ddd
}

.survey-wizard.ontop li a {
    padding-left: 30px
}

.survey-wizard.ontop .nav-tabs>li.active>a,.survey-wizard.ontop .nav-tabs>li.active>a:focus,.survey-wizard.ontop .nav-tabs>li.active>a:hover {
    background: #fff
}

.survey-wizard.ontop .nav-tabs {
    border-bottom: none
}

.survey-wizard li:last-child {
    border-right: 1px solid #ddd
}

.survey-wizard.wizard-no-arrow li {
    border: 1px solid #ddd
}

.survey-wizard.wizard-no-arrow li a {
    padding-left: 20px
}

.survey-wizard.wizard-no-arrow li:after,.survey-wizard.wizard-no-arrow li:before {
    content: none
}

.survey-wizard.wizard-no-arrow li:before {
    content: none
}

.survey-wizard.wizard-no-arrow li:after {
    content: none
}

table.new_table_style th {
    padding: 7px 5px;
    font-weight: 700;
    background-color: #fff
}

table.new_table_style th a {
    text-decoration: none!important
}

table.new_table_style.unline td {
    border: none
}

table.new_table_style td {
    padding: 7px 5px
}

table.new_table_style td .radio {
    margin-left: -4px
}

table.new_table_style td.noline {
    border: none
}

table.new_table_style td.hand {
    padding: 7px 10px;
    background-color: #f7f7f7;
    color: #555;
    white-space: nowrap;
    cursor: pointer
}

table.new_table_style td.hand span {
    color: #000;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 10px;
    font-weight: 700
}

table.new_table_style td.hand span.array_up {
    background-image: url(../images/layout_020.png)
}

table.new_table_style td.hand span.array_down {
    background-image: url(../images/layout_021.png)
}

table.new_table_style td p.Arrow {
    background-image: url(../images/layout_001.gif);
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0 0 0 7px;
    white-space: nowrap
}

table.new_table_style td div.project {
    margin: 7px 0
}

table.new_table_style td.UploadPhotos {
    padding: 10px;
    background-color: #f7f7f7
}

table.new_table_style td .date {
    color: #777;
    margin-bottom: 10px;
    font-weight: 700;
    float: right
}

table.new_table_style tr td {
    border-bottom: 1px solid #eaeaea
}

table.new_table_style tr.td-no-border td {
    border-bottom: 1px solid rgba(255,255,255,0)
}

.password_group {
    position: relative;
    margin-bottom: 10px
}

.password_group .glyphicon {
    position: absolute;
    right: 14px;
    top: 12px;
    font-size: 16px;
    color: #9c9c9c
}

.profile_box {
    padding: 15px 0;
    box-shadow: 0 0 8px 0 rgba(50,50,50,.54);
    background: #fff
}

.profile_box .text {
    font-weight: 700;
    color: #525252
}

.profile_box span {
    font-weight: 700;
    color: #3f51b5
}

.profile_box.left-info {
    background: #4dd0e1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5NjkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0REQwRTEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDk3QTciIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5NjkpIiAvPgo8L3N2Zz4=);
    background: linear-gradient(45deg,#4dd0e1 5%,#0097a7 99%);
    color: #fff
}

.profile_box.left-info .text {
    color: #fff
}

.profile_box .profile_bg {
    height: 150px;
    background: #3f51b5;
    margin-top: -15px;
    background-size: cover
}

.image-circle-profile {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    border: 4px solid #fff;
    margin: 10px
}

.Jline {
    border-bottom: 2px solid #f32d27
}

.Joutter {
    padding: 0;
    border: 1px solid rgba(255,255,255,.29);
    border-radius: 50%;
    width: 142px;
    height: 142px;
    margin: auto
}

.profile-description-box {
    padding: 20px 25px;
    color: #1565c0
}

.profile-description-box i {
    padding-right: 10px;
    color: #2196f3
}

.profile-description-box p.account:before {
    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 23px;
    padding-right: 10px
}

.profile-description-box p.email:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    padding-right: 10px
}

.profile-description-box p.phone:before {
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 23px;
    padding-right: 10px
}

.profile-description-box p.mobile:before {
    content: "\f10b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 30px;
    padding-right: 10px
}

.profileCard1 {
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    margin-top: 55px;
    margin-bottom: 40px;
    float: left;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 5px
}

.profileCard1 .circle-check-p {
    padding-left: 10px;
    padding-top: 10px;
    position: absolute;
    margin-top: 0;
    margin-right: 0;
    float: left;
    z-index: 1;
    cursor: pointer
}

.profileCard1 .circle-check-p .circle-check {
    background-color: #ddd;
    border-radius: 20px;
    display: inline-block;
    font-size: 20px;
    width: 30px;
    height: 30px;
    position: relative;
    text-align: center;
    user-select: none;
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)
}

.profileCard1 .circle-check-p .circle-check:hover {
    background: #bbb
}

.profileCard1 .circle-check-p .circle-check:after {
    position: absolute;
    left: 5px;
    top: 0;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    width: 20px;
    height: 20px
}

.profileCard1 .circle-check-p .circle-check.click {
    background: #fff;
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    border: solid #2f8be4 2px
}

.profileCard1 .circle-check-p .circle-check.click:hover {
    color: #62d6d6
}

.profileCard1 .circle-check-p .circle-check.click:after {
    color: #2f8be4!important;
    left: 3px;
    top: -2px
}

.profileCard1 .circle-check-p.circle-check-p-sm .circle-check {
    font-size: 10px;
    height: 22px;
    width: 22px;
    line-height: 22px
}

.profileCard1 .circle-check-p.circle-check-p-sm .circle-check:after {
    position: absolute;
    left: 4px;
    top: 1px;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 15.2px;
    width: 15px;
    height: 15px
}

.profileCard1 .circle-check-p.circle-check-p-sm .circle-check.click:after {
    left: 2px;
    top: -1px;
    color: #2f8be4!important;
    font-size: 15.2px
}

.profileCard1 .pImg {
    background-color: #d9d9d9;
    border-radius: 5px;
    display: table;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    margin-top: -60px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white,#000)
}

.profileCard1 .pImg.withBackgrund {
    background-image: url(../images/profiles/bg.png);
    background-size: cover
}

.profileCard1 .pImg img {
    object-fit: cover;
    overflow: hidden;
    width: 100px;
    height: 100px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 5px
}

.profileCard1 .pImg span {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 5px
}

.profileCard1 .pImg span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.profileCard1 .pImg i {
    font-size: 42px;
    line-height: 100px;
    color: #fff;
    position: absolute;
    right: 44%;
    text-shadow: -1px -1px 2px rgba(107,107,107,.34)
}

.profileCard1 .pDes h2 span {
    font-size: 13px;
    color: #ff4081
}

.profileCard1 .pDes .Jicon-circle {
    background: #aaa;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    padding: 0;
    font-size: 13px
}

.profileCard1 .pDes .Jicon-circle.fa-female {
    background: #ff4081
}

.profileCard1 .pDes .Jicon-circle.fa-male {
    background: #448aff
}

.profileCard1 p {
    color: #717171;
    font-size: 16px
}

.profileCard1 .profile-description-box p {
    margin-bottom: 5px
}

.profileCard1 .profile-description-box p.Jtitle:before {
    content: "\f0b1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 15px;
    padding-right: 10px;
    width: 25px
}

.profileCard1 .profile-description-box p.education:before {
    content: "\f19c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 15px;
    padding-right: 10px;
    width: 25px
}

.profileCard1 .profile-description-box p.course:before {
    content: "\f19d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 15px;
    padding-right: 10px;
    width: 25px
}

.profileCard1 .profile-description-box p.phone-ext:before {
    content: "\f098";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    padding-right: 10px;
    width: 25px
}

.profileCard1 .profile-description-box p.JOU:before {
    content: "\f015";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    padding-right: 8px;
    width: 25px
}

.profileCard1 .profile-description-box p.email:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 15px;
    padding-right: 10px;
    width: 25px
}

.profileCard1 .profile-description-box p.phone:before {
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 17px;
    padding-right: 10px;
    padding-left: 2px;
    width: 25px
}

.profileCard1 .profile-description-box p.mobile:before {
    content: "\f10b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 21px;
    padding-right: 13px;
    padding-left: 3px;
    width: 25px
}

.profileCard1 .profile-description-box p.mobile {
    margin-top: -5px
}

.profileCard1.profileCard-sm .profile-description-box {
    padding: 0 25px
}

.profileCard1 .profileCard-btn {
    position: absolute;
    top: 10px;
    right: 24px
}

.profileCard2 {
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    margin-top: 15px;
    margin-bottom: 15px;
    float: left;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 5px;
    position: relative
}

.profileCard2.click {
    border: 2px solid #26a69a;
    border-radius: 5px
}

.profileCard2.click:before {
    right: 5px;
    position: absolute;
    color: #009688;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit
}

.profileCard2 .pImg {
    border-radius: 5px;
    display: table;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    margin-top: 10px;
    margin-left: 10px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white,#000)
}

.profileCard2 .pImg img {
    object-fit: cover;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 5px
}

.profileCard2 .pImg span {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 5px
}

.profileCard2 .pImg span {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.profileCard2 p {
    color: #717171;
    font-size: 16px
}

.profileCard2 .profile-description-box {
    padding: 0 10px
}

.profileCard2 .profile-description-box p {
    margin-bottom: 5px
}

.profileCard2 .profile-description-box p.Jtitle:before {
    content: "\f0b1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 15px;
    padding-right: 10px
}

.profileCard2 .profile-description-box p.education:before {
    content: "\f19c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 15px;
    padding-right: 10px
}

.profileCard2 .profile-description-box p.course:before {
    content: "\f19d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 15px;
    padding-right: 10px
}

.profileCard2 .profile-description-box p.phone-ext:before {
    content: "\f098";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    padding-right: 10px
}

.profileCard2 .profile-description-box p.JOU:before {
    content: "\f015";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    padding-right: 8px
}

.profileCard2 .profile-description-box p.email:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 15px;
    padding-right: 10px
}

.profileCard2 .profile-description-box p.phone:before {
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 17px;
    padding-right: 10px;
    padding-left: 2px
}

.profileCard2 .profile-description-box p.mobile:before {
    content: "\f10b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 21px;
    padding-right: 13px;
    padding-left: 3px
}

.profileCard2 .profile-description-box p.mobile {
    margin-top: -5px
}

.profileCard2 .profile-description-box p.time:before {
    content: "\f017";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 15px;
    padding-right: 10px
}

.profileCard2 .profileCard-btn {
    position: absolute;
    top: 10px;
    right: 24px
}

.profileCard2 .pcBottom {
    margin-top: 10px;
    width: 100%;
    background: #eee;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    position: relative
}

.profileCard2 .pcBottom .tex {
    padding: 10px
}

.profileCard2 .pcBottom .info-help {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    background: #448aff;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 10px
}

.profileCard2 .pcBottom .info-help i {
    color: #fff
}

.profileCard2 .pcBottom .info-help:hover {
    background: #2962ff
}

.JhoverE:hover {
    cursor: pointer;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 1000
}

.JhoverE:hover .pImg img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 1000;
    border-radius: 5px
}

.JhoverE:hover .PImg span {
    font-size: 30px;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 1000;
    border-radius: 5px
}

.contacts-modal {
    background: 0 0
}

.contacts-modal .closeBtnFix {
    top: 15px;
    right: 9px
}

.contacts-modal .modal-body {
    background: #016a75
}

.contacts-modal .modal-footer {
    padding: 0;
    background-color: #2196f3;
    border: solid 1px #34495e;
    border-radius: 0 0 5px 5px;
    background: linear-gradient(180deg,#1976d2 5%,#2196f3 99%);
    cursor: pointer;
    overflow: hidden;
    border: none
}

.contacts-modal .modal-footer .funBtn3 {
    float: left;
    width: 33%
}

.contacts-modal .modal-footer .funBtn3:last-child {
    float: right;
    width: 34%
}

.contacts-modal .modal-footer .col-xs-6:first-child {
    border-right: 1px solid #cecece
}

.contacts-modal .modal-footer .noHover-btn {
    padding: 20px;
    color: #999
}

.contacts-modal .modal-footer .contacts-btn {
    position: relative;
    color: #fff;
    height: 65px;
    transition: all .5s ease;
    z-index: 2
}

.contacts-modal .modal-footer .contacts-btn .eff {
    width: 100%;
    height: 65px;
    top: -65px;
    background: #34495e;
    position: absolute;
    transition: all .5s ease;
    z-index: -1
}

.contacts-modal .modal-footer .contacts-btn .tex {
    z-index: 2
}

.contacts-modal .modal-footer .contacts-btn .iconBlock {
    z-index: 2;
    font-size: 30px
}

.contacts-modal .modal-footer .contacts-btn:hover {
    background-color: #0c7cd5
}

.contacts-modal .modal-footer .contacts-btn:hover .contacts-btn {
    color: #fff
}

.contacts-modal .modal-footer .contacts-btn:hover .eff {
    top: 0;
    z-index: -1
}

.contacts-modal .serachBox {
    background: #fff
}

.contacts-modal .serachBox .search {
    border: 1px solid #ddd;
    height: 25px;
    margin: 5px 0 5px 10px;
    padding-right: 30px;
    background-color: #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    position: relative;
    width: 93%
}

.contacts-modal .serachBox .search input {
    border: none;
    background-color: transparent;
    height: 25px;
    width: 100%;
    margin: 0 15px;
    padding: 0;
    color: #555
}

.info-btn {
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.info-btn .info-hover {
    left: 0;
    top: 0;
    width: 0%;
    height: 60px;
    background: rgba(93,93,93,.79);
    color: #fff;
    font-weight: 700;
    position: absolute;
    transition: all .3s ease;
    z-index: 1
}

.info-btn .info-hover img {
    position: relative;
    margin: 0 auto;
    display: inline-block;
    opacity: 0;
    transition: all .3s ease
}

.info-btn .info-hover p {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    transition: all .3s ease;
    opacity: 0
}

.info-btn .info-hover img {
    margin-top: 8px
}

.info-btn .info-hover p {
    margin-top: 18px
}

.info-btn:hover .info-hover {
    width: 100%;
    z-index: 1
}

.info-btn:hover .info-hover img,.info-btn:hover .info-hover p {
    opacity: 1
}

.contactUserImg {
    float: left;
    text-align: center;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: relative;
    overflow: hidden;
    background: #bdbdbd;
    -webkit-mask-image: -webkit-radial-gradient(white,#000)
}

.contactUserImg i {
    font-size: 22px;
    line-height: 50px;
    color: #fff;
    position: absolute;
    right: 11px;
    top: -5px
}

.ImgHover i,.ImgHover img {
    transition: all .2s ease-in-out
}

.ImgHover:hover i,.ImgHover:hover img {
    transform: scale(1.2)
}

.contactUserTex {
    display: inherit;
    position: relative;
    line-height: normal;
    vertical-align: middle;
    height: 40px;
    min-width: 58px
}

.contactUserTex .btn-star {
    position: absolute;
    left: 2px;
    top: -5px;
    font-size: 18px
}

.withBorderDotted p {
    border-top: 1px dotted #b3b3b3;
    padding-top: 5px
}

.withBorderDotted p.Jtitle:before {
    content: "\f0b1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    display: inline-block;
    width: 40px;
    text-align: center;
    padding: 0
}

.withBorderDotted p.User:before {
    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    display: inline-block;
    width: 40px;
    text-align: center;
    padding: 0
}

.withBorderDotted p.education:before {
    content: "\f19c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    display: inline-block;
    width: 40px;
    text-align: center;
    padding: 0
}

.withBorderDotted p.course:before {
    content: "\f19d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    display: inline-block;
    width: 40px;
    text-align: center;
    padding: 0
}

.withBorderDotted p.phone-ext:before {
    content: "\f098";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    display: inline-block;
    width: 40px;
    text-align: center;
    padding: 0
}

.withBorderDotted p.JOU:before {
    content: "\f015";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    display: inline-block;
    width: 40px;
    text-align: center;
    padding: 0
}

.withBorderDotted p.email:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    display: inline-block;
    width: 40px;
    text-align: center;
    padding: 0
}

.withBorderDotted p.phone:before {
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    display: inline-block;
    width: 40px;
    text-align: center;
    padding: 0
}

.withBorderDotted p.mobile:before {
    content: "\f10b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    display: inline-block;
    width: 40px;
    text-align: center;
    padding: 0
}

.withBorderDotted p.time:before {
    content: "\f017";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    display: inline-block;
    width: 40px;
    text-align: center;
    padding: 0
}

.withBorderDotted p:first-child {
    border-top: none
}

.Jicon-circle {
    background: #aaa;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    padding: 0;
    font-size: 13px
}

.Jicon-circle.fa-female {
    background: #ff4081
}

.Jicon-circle.fa-male {
    background: #448aff
}

#DR-Anchor {
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    transition: all .1s ease-out;
    margin: 0;
    padding: 0;
    list-style: none;
    position: fixed;
    right: -170px;
    top: 50%;
    background-color: #000;
    width: auto;
    color: #fff;
    line-height: 30px;
    text-align: center;
    -moz-opacity: .6;
    opacity: .6;
    z-index: 100;
    margin-top: -60px
}

#DR-Anchor li {
    cursor: pointer;
    text-align: left;
    padding: 7px 10px
}

#DR-Anchor li a {
    color: #fff
}

#DR-Anchor li span {
    padding-right: 15px;
    display: inline-block;
    float: left
}

#DR-Anchor li:hover {
    background-color: #0074d9
}

#DR-Anchor li:hover a {
    display: inline-block
}

#DR-Anchor li.hover {
    background-color: #0074d9
}

#DR-Anchor:hover {
    right: 0
}

#DR-Anchor:hover span {
    display: none
}

#landsystems-Anchor {
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    transition: all .1s ease-out;
    margin: 0;
    padding: 0;
    list-style: none;
    position: fixed;
    right: -90px;
    top: 50%;
    background-color: #000;
    width: auto;
    color: #fff;
    line-height: 30px;
    text-align: center;
    -moz-opacity: .6;
    opacity: .6;
    z-index: 100;
    margin-top: -60px
}

#landsystems-Anchor li {
    cursor: pointer;
    text-align: left;
    padding: 7px 10px
}

#landsystems-Anchor li a {
    color: #fff
}

#landsystems-Anchor li span {
    padding-right: 15px;
    display: inline-block;
    float: left
}

#landsystems-Anchor li:hover {
    background-color: #0074d9
}

#landsystems-Anchor li:hover a {
    display: inline-block
}

#landsystems-Anchor li.hover {
    background-color: #0074d9
}

#landsystems-Anchor:hover {
    right: 0
}

#landsystems-Anchor:hover span {
    display: none
}

#landsystems-Anchor.st_2:hover span {
    display: inline-block
}

#landsystems-Anchor li.hover {
    background-color: #0074d9
}

#landsystems-Anchor li:hover,#landsystems-Anchor li:hover a {
    background-color: initial;
    color: #ffeb3b
}

#landsystems-Anchor li.hover:hover {
    background-color: #0074d9;
    color: #ffeb3b
}

.Photo_list .fa-circle {
    position: absolute;
    top: 27%;
    right: 37%;
    font-size: 26px;
    color: #fff
}

.photoLoader {
    right: 110px;
    top: 10px;
    position: relative
}

.dotAnimation .loader {
    position: relative;
    display: block;
    width: 100%;
    height: 10px;
    margin-top: 38px
}

.dotAnimation .circle {
    display: inline-block;
    position: relative;
    -webkit-animation: dotloader 3.5s infinite;
    -moz-animation: dotloader 3.5s infinite;
    -ms-animation: dotloader 3.5s infinite;
    -o-animation: dotloader 3.5s infinite;
    animation: dotloader 3.5s infinite
}

.dotAnimation .circle+.circle {
    margin-left: 2px;
    -webkit-animation: dotloader 3.5s .2s infinite;
    -moz-animation: dotloader 3.5s .2s infinite;
    -ms-animation: dotloader 3.5s .2s infinite;
    -o-animation: dotloader 3.5s .2s infinite;
    animation: dotloader 3.5s .2s infinite
}

.dotAnimation .circle+.circle+.circle {
    margin-left: 2px;
    -webkit-animation: dotloader 3.5s .4s infinite;
    -moz-animation: dotloader 3.5s .4s infinite;
    -ms-animation: dotloader 3.5s .4s infinite;
    -o-animation: dotloader 3.5s .4s infinite;
    animation: dotloader 3.5s .4s infinite
}

.dotAnimation .circle+.circle+.circle+.circle {
    margin-left: 2px;
    -webkit-animation: dotloader 3.5s .6s infinite;
    -moz-animation: dotloader 3.5s .6s infinite;
    -ms-animation: dotloader 3.5s .6s infinite;
    -o-animation: dotloader 3.5s .6s infinite;
    animation: dotloader 3.5s .6s infinite
}

@keyframes dotloader {
    0%,20% {
        width: 3px;
        height: 3px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        left: 0;
        background-color: rgba(255,255,255,0)
    }

    30%,70% {
        width: 6px;
        height: 6px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        left: 50%;
        background-color: rgba(255,255,255,.7)
    }

    100%,80% {
        width: 3px;
        height: 3px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        left: 100%;
        background-color: rgba(255,255,255,0)
    }
}

.icon_menu {
    margin: 0 auto;
    color: #fff;
    text-align: center;
    position: relative;
    cursor: pointer;
    border: none;
    background: #9e9e9e;
    background-image: linear-gradient(to top,#616161 0,#9e9e9e 100%);
    box-shadow: inset 0 1px 0 #9e9e9e,0 4px 0 0 #212121,0 5px 6px #999;
    border-radius: 5px;
    width: 105px;
    height: 105px;
    margin-bottom: 20px
}

.icon_menu:active,.icon_menu:hover {
    background: #616161;
    top: 3px;
    box-shadow: inset 0 1px 0 #616161,0 2px 0 0 #212121,0 5px 3px #999
}

.icon_menu:active:before {
    background: #616161;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #9e9e9e,0 5px 1px #616161
}

.icon_menu span {
    color: #fff;
    font-size: 60px;
    position: relative;
    margin: 0;
    padding: 0
}

.icon_menu i {
    color: #fff;
    font-size: 50px;
    position: relative;
    text-align: center;
    padding-top: 20%
}

.icon_menu .iconFont {
    color: #fff;
    font-size: 58px;
    position: relative;
    text-align: center;
    padding-top: 10%
}

.icon_menu img {
    margin-top: 20px
}

.icon_menu p {
    padding-top: 5px;
    color: #fff;
    text-align: center;
    font-size: 16px
}

.icon_menu.iconGreen {
    background: #4caf50;
    background-image: linear-gradient(to top,#388e3c 0,#4caf50 100%);
    box-shadow: inset 0 1px 0 #4caf50,0 4px 0 0 #1b5e20,0 5px 6px #999
}

.icon_menu.iconGreen:active,.icon_menu.iconGreen:hover {
    background: #388e3c;
    top: 3px;
    box-shadow: inset 0 1px 0 #388e3c,0 2px 0 0 #1b5e20,0 5px 3px #999
}

.icon_menu.iconGreen:active:before {
    background: #388e3c;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #4caf50,0 5px 1px #388e3c
}

.icon_menu.iconTeal {
    background: #009688;
    background-image: linear-gradient(to top,#00796b 0,#009688 100%);
    box-shadow: inset 0 1px 0 #009688,0 4px 0 0 #004d40,0 5px 6px #999
}

.icon_menu.iconTeal:active,.icon_menu.iconTeal:hover {
    background: #00796b;
    top: 3px;
    box-shadow: inset 0 1px 0 #00796b,0 2px 0 0 #004d40,0 5px 3px #999
}

.icon_menu.iconTeal:active:before {
    background: #00796b;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #009688,0 5px 1px #00796b
}

.icon_menu.iconCyan {
    background: #00bcd4;
    background-image: linear-gradient(to top,#0097a7 0,#00bcd4 100%);
    box-shadow: inset 0 1px 0 #00bcd4,0 4px 0 0 #006064,0 5px 6px #999
}

.icon_menu.iconCyan:active,.icon_menu.iconCyan:hover {
    background: #0097a7;
    top: 3px;
    box-shadow: inset 0 1px 0 #0097a7,0 2px 0 0 #006064,0 5px 3px #999
}

.icon_menu.iconCyan:active:before {
    background: #0097a7;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #00bcd4,0 5px 1px #0097a7
}

.icon_menu.iconBlue {
    background: #2196f3;
    background-image: linear-gradient(to top,#1976d2 0,#2196f3 100%);
    box-shadow: inset 0 1px 0 #2196f3,0 4px 0 0 #0d47a1,0 5px 6px #999
}

.icon_menu.iconBlue:active,.icon_menu.iconBlue:hover {
    background: #1976d2;
    top: 3px;
    box-shadow: inset 0 1px 0 #1976d2,0 2px 0 0 #0d47a1,0 5px 3px #999
}

.icon_menu.iconBlue:active:before {
    background: #1976d2;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #2196f3,0 5px 1px #1976d2
}

.icon_menu.iconOrange {
    background: #ff9800;
    background-image: linear-gradient(to top,#f57c00 0,#ff9800 100%);
    box-shadow: inset 0 1px 0 #ff9800,0 4px 0 0 #e65100,0 5px 6px #999
}

.icon_menu.iconOrange:active,.icon_menu.iconOrange:hover {
    background: #f57c00;
    top: 3px;
    box-shadow: inset 0 1px 0 #f57c00,0 2px 0 0 #e65100,0 5px 3px #999
}

.icon_menu.iconOrange:active:before {
    background: #f57c00;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #ff9800,0 5px 1px #f57c00
}

.icon_menu.iconPurple {
    background: #9c27b0;
    background-image: linear-gradient(to top,#7b1fa2 0,#9c27b0 100%);
    box-shadow: inset 0 1px 0 #9c27b0,0 4px 0 0 #4a148c,0 5px 6px #999
}

.icon_menu.iconPurple:active,.icon_menu.iconPurple:hover {
    background: #7b1fa2;
    top: 3px;
    box-shadow: inset 0 1px 0 #7b1fa2,0 2px 0 0 #4a148c,0 5px 3px #999
}

.icon_menu.iconPurple:active:before {
    background: #7b1fa2;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #9c27b0,0 5px 1px #7b1fa2
}

.icon_menu.iconPink {
    background: #e91e63;
    background-image: linear-gradient(to top,#c2185b 0,#e91e63 100%);
    box-shadow: inset 0 1px 0 #e91e63,0 4px 0 0 #880e4f,0 5px 6px #999
}

.icon_menu.iconPink:active,.icon_menu.iconPink:hover {
    background: #c2185b;
    top: 3px;
    box-shadow: inset 0 1px 0 #c2185b,0 2px 0 0 #880e4f,0 5px 3px #999
}

.icon_menu.iconPink:active:before {
    background: #c2185b;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #e91e63,0 5px 1px #c2185b
}

.icon_menu.iconGreenA {
    background: #00e676;
    background-image: linear-gradient(to top,#00c853 0,#00e676 100%);
    box-shadow: inset 0 1px 0 #00e676,0 4px 0 0 #1b5e20,0 5px 6px #999
}

.icon_menu.iconGreenA:active,.icon_menu.iconGreenA:hover {
    background: #00c853;
    top: 3px;
    box-shadow: inset 0 1px 0 #00c853,0 2px 0 0 #1b5e20,0 5px 3px #999
}

.icon_menu.iconGreenA:active:before {
    background: #00c853;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #00e676,0 5px 1px #00c853
}

.icon_menu.iconLightGreen {
    background: #9ccc65;
    background-image: linear-gradient(to top,#689f38 0,#9ccc65 100%);
    box-shadow: inset 0 1px 0 #9ccc65,0 4px 0 0 #33691e,0 5px 6px #999
}

.icon_menu.iconLightGreen:active,.icon_menu.iconLightGreen:hover {
    background: #689f38;
    top: 3px;
    box-shadow: inset 0 1px 0 #689f38,0 2px 0 0 #33691e,0 5px 3px #999
}

.icon_menu.iconLightGreen:active:before {
    background: #689f38;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #9ccc65,0 5px 1px #689f38
}

.icon_menu.iconDeepPurple {
    background: #7e57c2;
    background-image: linear-gradient(to top,#512da8 0,#7e57c2 100%);
    box-shadow: inset 0 1px 0 #7e57c2,0 4px 0 0 #311b92,0 5px 6px #999
}

.icon_menu.iconDeepPurple:active,.icon_menu.iconDeepPurple:hover {
    background: #512da8;
    top: 3px;
    box-shadow: inset 0 1px 0 #512da8,0 2px 0 0 #311b92,0 5px 3px #999
}

.icon_menu.iconDeepPurple:active:before {
    background: #512da8;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #7e57c2,0 5px 1px #512da8
}

.icon_menu.iconDeepPurple {
    background: #7e57c2;
    background-image: linear-gradient(to top,#512da8 0,#7e57c2 100%);
    box-shadow: inset 0 1px 0 #7e57c2,0 4px 0 0 #311b92,0 5px 6px #999
}

.icon_menu.iconDeepPurple:active,.icon_menu.iconDeepPurple:hover {
    background: #512da8;
    top: 3px;
    box-shadow: inset 0 1px 0 #512da8,0 2px 0 0 #311b92,0 5px 3px #999
}

.icon_menu.iconDeepPurple:active:before {
    background: #512da8;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #7e57c2,0 5px 1px #512da8
}

.icon_menu.iconRed {
    background: #ef5350;
    background-image: linear-gradient(to top,#d32f2f 0,#ef5350 100%);
    box-shadow: inset 0 1px 0 #ef5350,0 4px 0 0 #b71c1c,0 5px 6px #999
}

.icon_menu.iconRed:active,.icon_menu.iconRed:hover {
    background: #d32f2f;
    top: 3px;
    box-shadow: inset 0 1px 0 #d32f2f,0 2px 0 0 #b71c1c,0 5px 3px #999
}

.icon_menu.iconRed:active:before {
    background: #d32f2f;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #ef5350,0 5px 1px #d32f2f
}

.icon_menu.iconIndigo {
    background: #5c6bc0;
    background-image: linear-gradient(to top,#303f9f 0,#5c6bc0 100%);
    box-shadow: inset 0 1px 0 #5c6bc0,0 4px 0 0 #1a237e,0 5px 6px #999
}

.icon_menu.iconIndigo:active,.icon_menu.iconIndigo:hover {
    background: #303f9f;
    top: 3px;
    box-shadow: inset 0 1px 0 #303f9f,0 2px 0 0 #1a237e,0 5px 3px #999
}

.icon_menu.iconIndigo:active:before {
    background: #303f9f;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #5c6bc0,0 5px 1px #303f9f
}

.icon_menu.iconLightBlue {
    background: #29b6f6;
    background-image: linear-gradient(to top,#0288d1 0,#29b6f6 100%);
    box-shadow: inset 0 1px 0 #29b6f6,0 4px 0 0 #01579b,0 5px 6px #999
}

.icon_menu.iconLightBlue:active,.icon_menu.iconLightBlue:hover {
    background: #0288d1;
    top: 3px;
    box-shadow: inset 0 1px 0 #0288d1,0 2px 0 0 #01579b,0 5px 3px #999
}

.icon_menu.iconLightBlue:active:before {
    background: #0288d1;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #29b6f6,0 5px 1px #0288d1
}

.icon_menu.iconLime {
    background: #d4e157;
    background-image: linear-gradient(to top,#afb42b 0,#d4e157 100%);
    box-shadow: inset 0 1px 0 #d4e157,0 4px 0 0 #827717,0 5px 6px #999
}

.icon_menu.iconLime:active,.icon_menu.iconLime:hover {
    background: #afb42b;
    top: 3px;
    box-shadow: inset 0 1px 0 #afb42b,0 2px 0 0 #827717,0 5px 3px #999
}

.icon_menu.iconLime:active:before {
    background: #afb42b;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #d4e157,0 5px 1px #afb42b
}

.icon_menu.iconYellow {
    background: #ffeb3b;
    background-image: linear-gradient(to top,#f9a825 0,#ffeb3b 100%);
    box-shadow: inset 0 1px 0 #ffeb3b,0 4px 0 0 #f57f17,0 5px 6px #999
}

.icon_menu.iconYellow:active,.icon_menu.iconYellow:hover {
    background: #f9a825;
    top: 3px;
    box-shadow: inset 0 1px 0 #f9a825,0 2px 0 0 #f57f17,0 5px 3px #999
}

.icon_menu.iconYellow:active:before {
    background: #f9a825;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #ffeb3b,0 5px 1px #f9a825
}

.icon_menu.iconAmber {
    background: #ffca28;
    background-image: linear-gradient(to top,#ffa000 0,#ffca28 100%);
    box-shadow: inset 0 1px 0 #ffca28,0 4px 0 0 #ff6f00,0 5px 6px #999
}

.icon_menu.iconAmber:active,.icon_menu.iconAmber:hover {
    background: #ffa000;
    top: 3px;
    box-shadow: inset 0 1px 0 #ffa000,0 2px 0 0 #ff6f00,0 5px 3px #999
}

.icon_menu.iconAmber:active:before {
    background: #ffa000;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #ffca28,0 5px 1px #ffa000
}

.icon_menu.iconDeepOrange {
    background: #ff7043;
    background-image: linear-gradient(to top,#e64a19 0,#ff7043 100%);
    box-shadow: inset 0 1px 0 #ff7043,0 4px 0 0 #bf360c,0 5px 6px #999
}

.icon_menu.iconDeepOrange:active,.icon_menu.iconDeepOrange:hover {
    background: #e64a19;
    top: 3px;
    box-shadow: inset 0 1px 0 #e64a19,0 2px 0 0 #bf360c,0 5px 3px #999
}

.icon_menu.iconDeepOrange:active:before {
    background: #e64a19;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #ff7043,0 5px 1px #e64a19
}

.icon_menu.iconBrown {
    background: #8d6e63;
    background-image: linear-gradient(to top,#5d4037 0,#8d6e63 100%);
    box-shadow: inset 0 1px 0 #8d6e63,0 4px 0 0 #3e2723,0 5px 6px #999
}

.icon_menu.iconBrown:active,.icon_menu.iconBrown:hover {
    background: #5d4037;
    top: 3px;
    box-shadow: inset 0 1px 0 #5d4037,0 2px 0 0 #3e2723,0 5px 3px #999
}

.icon_menu.iconBrown:active:before {
    background: #5d4037;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #8d6e63,0 5px 1px #5d4037
}

.icon_menu.iconBlueA {
    background: #448aff;
    background-image: linear-gradient(to top,#2962ff 0,#448aff 100%);
    box-shadow: inset 0 1px 0 #448aff,0 4px 0 0 #0d47a1,0 5px 6px #999
}

.icon_menu.iconBlueA:active,.icon_menu.iconBlueA:hover {
    background: #2962ff;
    top: 3px;
    box-shadow: inset 0 1px 0 #2962ff,0 2px 0 0 #0d47a1,0 5px 3px #999
}

.icon_menu.iconBlueA:active:before {
    background: #2962ff;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #448aff,0 5px 1px #2962ff
}

.icon_menu.iconIndigoA {
    background: #536dfe;
    background-image: linear-gradient(to top,#304ffe 0,#536dfe 100%);
    box-shadow: inset 0 1px 0 #536dfe,0 4px 0 0 #303f9f,0 5px 6px #999
}

.icon_menu.iconIndigoA:active,.icon_menu.iconIndigoA:hover {
    background: #304ffe;
    top: 3px;
    box-shadow: inset 0 1px 0 #304ffe,0 2px 0 0 #303f9f,0 5px 3px #999
}

.icon_menu.iconIndigoA:active:before {
    background: #304ffe;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #536dfe,0 5px 1px #304ffe
}

.icon_menu.iconLightBlueA {
    background: #40c4ff;
    background-image: linear-gradient(to top,#0091ea 0,#40c4ff 100%);
    box-shadow: inset 0 1px 0 #40c4ff,0 4px 0 0 #0288d1,0 5px 6px #999
}

.icon_menu.iconLightBlueA:active,.icon_menu.iconLightBlueA:hover {
    background: #0091ea;
    top: 3px;
    box-shadow: inset 0 1px 0 #0091ea,0 2px 0 0 #0288d1,0 5px 3px #999
}

.icon_menu.iconLightBlueA:active:before {
    background: #0091ea;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #40c4ff,0 5px 1px #0091ea
}

.icon_menu.iconOrangeA {
    background: #ffab40;
    background-image: linear-gradient(to top,#ff6d00 0,#ffab40 100%);
    box-shadow: inset 0 1px 0 #ffab40,0 4px 0 0 #e65100,0 5px 6px #999
}

.icon_menu.iconOrangeA:active,.icon_menu.iconOrangeA:hover {
    background: #ff6d00;
    top: 3px;
    box-shadow: inset 0 1px 0 #ff6d00,0 2px 0 0 #e65100,0 5px 3px #999
}

.icon_menu.iconOrangeA:active:before {
    background: #ff6d00;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #ffab40,0 5px 1px #ff6d00
}

.icon_menu.iconDeepPurpleA {
    background: #7c4dff;
    background-image: linear-gradient(to top,#6200ea 0,#7c4dff 100%);
    box-shadow: inset 0 1px 0 #7c4dff,0 4px 0 0 #512da8,0 5px 6px #999
}

.icon_menu.iconDeepPurpleA:active,.icon_menu.iconDeepPurpleA:hover {
    background: #6200ea;
    top: 3px;
    box-shadow: inset 0 1px 0 #6200ea,0 2px 0 0 #512da8,0 5px 3px #999
}

.icon_menu.iconDeepPurpleA:active:before {
    background: #6200ea;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #7c4dff,0 5px 1px #6200ea
}

.icon_menu.iconTealA {
    background: #1de9b6;
    background-image: linear-gradient(to top,#00bfa5 0,#1de9b6 100%);
    box-shadow: inset 0 1px 0 #1de9b6,0 4px 0 0 #00796b,0 5px 6px #999
}

.icon_menu.iconTealA:active,.icon_menu.iconTealA:hover {
    background: #00bfa5;
    top: 3px;
    box-shadow: inset 0 1px 0 #00bfa5,0 2px 0 0 #00796b,0 5px 3px #999
}

.icon_menu.iconTealA:active:before {
    background: #00bfa5;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #1de9b6,0 5px 1px #00bfa5
}

.icon_menu.iconGreenA {
    background: #00e676;
    background-image: linear-gradient(to top,#00c853 0,#00e676 100%);
    box-shadow: inset 0 1px 0 #00e676,0 4px 0 0 #388e3c,0 5px 6px #999
}

.icon_menu.iconGreenA:active,.icon_menu.iconGreenA:hover {
    background: #00c853;
    top: 3px;
    box-shadow: inset 0 1px 0 #00c853,0 2px 0 0 #388e3c,0 5px 3px #999
}

.icon_menu.iconGreenA:active:before {
    background: #00c853;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #00e676,0 5px 1px #00c853
}

.icon_menu.iconPurple400 {
    background: #ab47bc;
    background-image: linear-gradient(to top,#3949ab 0,#ab47bc 100%);
    box-shadow: inset 0 1px 0 #ab47bc,0 4px 0 0 #4a148c,0 5px 6px #999
}

.icon_menu.iconPurple400:active,.icon_menu.iconPurple400:hover {
    background: #3949ab;
    top: 3px;
    box-shadow: inset 0 1px 0 #3949ab,0 2px 0 0 #4a148c,0 5px 3px #999
}

.icon_menu.iconPurple400:active:before {
    background: #3949ab;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #ab47bc,0 5px 1px #3949ab
}

.icon_menu.iconIndigo900 {
    background: #1976d2;
    background-image: linear-gradient(to top,#0d47a1 0,#1976d2 100%);
    box-shadow: inset 0 1px 0 #1976d2,0 4px 0 0 #1a237e,0 5px 6px #999
}

.icon_menu.iconIndigo900:active,.icon_menu.iconIndigo900:hover {
    background: #0d47a1;
    top: 3px;
    box-shadow: inset 0 1px 0 #0d47a1,0 2px 0 0 #1a237e,0 5px 3px #999
}

.icon_menu.iconIndigo900:active:before {
    background: #0d47a1;
    top: 7px;
    font-size: 50px;
    text-shadow: 0 3px 0 #1976d2,0 5px 1px #0d47a1
}

@font-face {
    font-family: iconMenu;
    src: url(../fonts/iconMenu.eot?qhgij0);
    src: url(../fonts/iconMenu.eot?qhgij0#iefix) format("embedded-opentype"),url(../fonts/iconMenu.ttf?qhgij0) format("truetype"),url(../fonts/iconMenu.woff?qhgij0) format("woff"),url(../fonts/iconMenu.svg?qhgij0#iconMenu) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],[class^=icon-] {
    font-family: iconMenu!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-para_right:before {
    content: "\e953"
}

.icon-para_left:before {
    content: "\e954"
}

.icon-fix-icon:before {
    content: "\e955"
}

.icon-pay:before {
    content: "\e950"
}

.icon-price:before {
    content: "\e951"
}

.icon-system:before {
    content: "\e952"
}

.icon-water-cut-off:before {
    content: "\e92f"
}

.icon-1910:before {
    content: "\e931"
}

.icon-videos:before {
    content: "\e949"
}

.icon-final-approval:before {
    content: "\e94e"
}

.icon-image-management:before {
    content: "\e94f"
}

.icon-accounting-2:before {
    content: "\e925"
}

.icon-calculate:before {
    content: "\e926"
}

.icon-card-2:before {
    content: "\e927"
}

.icon-clouds-system:before {
    content: "\e928"
}

.icon-counting-2:before {
    content: "\e929"
}

.icon-customer-service:before {
    content: "\e92a"
}

.icon-data-transfer:before {
    content: "\e92b"
}

.icon-detect:before {
    content: "\e92c"
}

.icon-documentupload:before {
    content: "\e92d"
}

.icon-email-2:before {
    content: "\e92e"
}

.icon-flow-chart:before {
    content: "\e930"
}

.icon-information-security:before {
    content: "\e932"
}

.icon-inventory-management:before {
    content: "\e933"
}

.icon-knowledge-management:before {
    content: "\e934"
}

.icon-laboratory:before {
    content: "\e935"
}

.icon-leak-detection-system:before {
    content: "\e936"
}

.icon-lnspect:before {
    content: "\e937"
}

.icon-materials-management:before {
    content: "\e938"
}

.icon-meeting-2:before {
    content: "\e939"
}

.icon-mobile-app:before {
    content: "\e93a"
}

.icon-monitor-2:before {
    content: "\e93b"
}

.icon-monitor:before {
    content: "\e93c"
}

.icon-operational-knowledge:before {
    content: "\e93d"
}

.icon-operational:before {
    content: "\e93e"
}

.icon-portal-site:before {
    content: "\e93f"
}

.icon-public-water:before {
    content: "\e940"
}

.icon-refit:before {
    content: "\e941"
}

.icon-rent:before {
    content: "\e942"
}

.icon-repair:before {
    content: "\e943"
}

.icon-salary:before {
    content: "\e944"
}

.icon-short-message-bill:before {
    content: "\e945"
}

.icon-statistics:before {
    content: "\e946"
}

.icon-user-group:before {
    content: "\e947"
}

.icon-user-set:before {
    content: "\e948"
}

.icon-water-bill:before {
    content: "\e94a"
}

.icon-water-quality:before {
    content: "\e94b"
}

.icon-water-rights:before {
    content: "\e94c"
}

.icon-website:before {
    content: "\e94d"
}

.icon-ebook:before {
    content: "\e923"
}

.icon-tmail:before {
    content: "\e900"
}

.icon-attendance:before {
    content: "\e901"
}

.icon-mappoint:before {
    content: "\e902"
}

.icon-annex:before {
    content: "\e903"
}

.icon-bData:before {
    content: "\e904"
}

.icon-board:before {
    content: "\e905"
}

.icon-bReport:before {
    content: "\e906"
}

.icon-calendar:before {
    content: "\e907"
}

.icon-carbook:before {
    content: "\e908"
}

.icon-chat:before {
    content: "\e909"
}

.icon-cloud:before {
    content: "\e90a"
}

.icon-contact:before {
    content: "\e90b"
}

.icon-eCenter:before {
    content: "\e90c"
}

.icon-eFile:before {
    content: "\e90d"
}

.icon-email:before {
    content: "\e918"
}

.icon-enroll:before {
    content: "\e90f"
}

.icon-file:before {
    content: "\e910"
}

.icon-law:before {
    content: "\e911"
}

.icon-learning:before {
    content: "\e912"
}

.icon-metting:before {
    content: "\e913"
}

.icon-property:before {
    content: "\e914"
}

.icon-survey:before {
    content: "\e915"
}

.icon-time:before {
    content: "\e916"
}

.icon-tool:before {
    content: "\e917"
}

.icon-usd:before {
    content: "\e919"
}

.icon-HR:before {
    content: "\e924"
}

.icon-camera:before {
    content: "\e91a"
}

.icon-fix:before {
    content: "\e91b"
}

.icon-e-form:before {
    content: "\e91c"
}

.icon-online-disk:before {
    content: "\e91d"
}

.icon-online-in:before {
    content: "\e91e"
}

.icon-sms2:before {
    content: "\e91f"
}

.icon-drivers-license-o:before {
    content: "\e920"
}

.icon-signIn:before {
    content: "\e921"
}

.icon-sms:before {
    content: "\e922"
}

.icon-write:before {
    content: "\e90e"
}

.onTopLabel {
    padding: 3px 3px;
    margin-left: 5px;
    background: #ff851b;
    color: #fff;
    display: inline;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    font-size: 11px;
    top: -4px;
    position: relative
}

.label-level1 {
    background-color: #00bfa5;
    color: #fff!important
}

.label-level2 {
    background-color: #00b8d4;
    color: #fff!important
}

.label-level3 {
    background-color: #0091ea;
    color: #fff!important
}

.label-level4 {
    background-color: #3f51b5;
    color: #fff!important
}

.label-level5 {
    background-color: #673ab7;
    color: #fff!important
}

.label-critical {
    background-color: #d50000;
    color: #fff!important
}

.label-high {
    background-color: #ff6d00;
    color: #fff!important
}

.label-medium {
    background-color: #ffab00;
    color: #fff!important
}

.label-low {
    background-color: #64dd17;
    color: #fff!important
}

.label-informational {
    background-color: #2962ff;
    color: #fff!important
}

.panel-triangle {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel-triangle .nav-tabs.tab-Indigo {
    margin-bottom: 0;
    background-color: transparent;
    padding: 0
}

.panel-triangle .nav-tabs.tab-Indigo>li>a {
    color: #fff
}

.panel-triangle .nav-tabs.tab-Indigo li a {
    padding: 10px 12px;
    min-width: 45px
}

.panel-triangle .nav-tabs.tab-Indigo li a::before {
    border-top-color: rgba(0,0,0,.2);
    border-width: 11px;
    margin-left: -11px
}

.panel-triangle .nav-tabs.tab-Indigo li a::after {
    border-top-color: #5c6bc0;
    border-width: 10px;
    margin-left: -10px
}

.panel-triangle .nav-tabs.tab-Indigo li.active a,.panel-triangle .nav-tabs.tab-Indigo li.active a:focus,.panel-triangle .nav-tabs.tab-Indigo li.active a:hover {
    color: #fff;
    background-color: #5c6bc0
}

.nav-tabs-triangle>li.active>a:after,.nav-tabs-triangle>li.active>a:before {
    border: medium solid transparent;
    content: "";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: 11;
    top: 94%
}

.CustomCalendar .calendar-title .prev {
    color: #1b1e24;
    content: "";
    font-size: 0
}

.CustomCalendar .calendar-title .prev:before {
    color: #fff;
    font-family: FontAwesome;
    content: "\f053";
    font-size: 16px
}

.CustomCalendar .calendar-title .prev:before:hover {
    color: #1b1e24
}

.CustomCalendar .calendar-title .next {
    color: #1976d2;
    content: "";
    font-size: 0
}

.CustomCalendar .calendar-title .next:before {
    color: #fff;
    font-family: FontAwesome;
    content: "\f054";
    font-size: 16px
}

.CustomCalendar .calendar-title .next:before:hover {
    color: #1b1e24
}

.CustomCalendar .datepicker {
    padding: 10px 16px;
    border-radius: 2px;
    font-size: 12px
}

.CustomCalendar .datepicker thead tr .datepicker-switch {
    color: #1b1e24;
    font-size: 23px;
    font-weight: 700
}

.CustomCalendar .datepicker thead tr .prev {
    color: #1b1e24;
    content: "";
    font-size: 0
}

.CustomCalendar .datepicker thead tr .prev:before {
    color: #1b1e24;
    font-family: FontAwesome;
    content: "\f053";
    font-size: 13px
}

.CustomCalendar .datepicker thead tr .next {
    color: #1976d2;
    content: "";
    font-size: 0
}

.CustomCalendar .datepicker thead tr .next:before {
    color: #1b1e24;
    font-family: FontAwesome;
    content: "\f054";
    font-size: 13px
}

.CustomCalendar .datepicker thead tr .dow {
    color: #1b1e24;
    text-transform: uppercase;
    font-size: 16px
}

.CustomCalendar .datepicker tbody tr .odd {
    color: #d0d3d8
}

.CustomCalendar .datepicker table tr td.day:hover {
    background: #eee;
    opacity: .65
}

.CustomCalendar .datepicker table tr td span {
    border-radius: 4px 4px 4px 4px
}

.CustomCalendar .datepicker {
    font-size: 16px
}

.CustomCalendar .datepicker table.table-condensed {
    width: 100%
}

.CustomCalendar .datepicker table tr td.new,.CustomCalendar .datepicker table tr td.old {
    color: #47968e
}

.CustomCalendar .datepicker table tr td.day:hover {
    opacity: .7;
    color: #1b1e24
}

.CustomCalendar .datepicker tfoot tr th:hover,.CustomCalendar .datepicker thead tr:first-child th:hover {
    opacity: .7;
    color: #1b1e24
}

.CustomCalendar .datepicker table tr td.active.active,.CustomCalendar .datepicker table tr td.active.active:hover,.CustomCalendar .datepicker table tr td.active.disabled,.CustomCalendar .datepicker table tr td.active.disabled.active,.CustomCalendar .datepicker table tr td.active.disabled.active:hover,.CustomCalendar .datepicker table tr td.active.disabled.disabled,.CustomCalendar .datepicker table tr td.active.disabled.disabled:hover,.CustomCalendar .datepicker table tr td.active.disabled:active,.CustomCalendar .datepicker table tr td.active.disabled:hover,.CustomCalendar .datepicker table tr td.active.disabled:hover:active,.CustomCalendar .datepicker table tr td.active.disabled:hover:hover,.CustomCalendar .datepicker table tr td.active.disabled[disabled],.CustomCalendar .datepicker table tr td.active.disabled[disabled]:hover,.CustomCalendar .datepicker table tr td.active:active,.CustomCalendar .datepicker table tr td.active:hover,.CustomCalendar .datepicker table tr td.active:hover:active,.CustomCalendar .datepicker table tr td.active:hover:hover,.CustomCalendar .datepicker table tr td.active[disabled],.CustomCalendar .datepicker table tr td.active[disabled]:hover {
    background-color: #1b1e24;
    color: #fff
}

.CustomCalendar .datepicker .event {
    cursor: pointer;
    position: relative
}

.CustomCalendar .datepicker .event:after {
    background: #ec8363;
    border-radius: 50%;
    top: 7px;
    display: block;
    content: "";
    height: .4em;
    left: 90%;
    margin: -.25em 0 0 -.25em;
    position: absolute;
    width: .4em
}

.CustomCalendar .datepicker .event-blue:after {
    background: #4b77bb;
    border-radius: 50%;
    top: 7px;
    display: block;
    content: "";
    height: .4em;
    left: 90%;
    margin: -.25em 0 0 -.25em;
    position: absolute;
    width: .4em
}

.CustomCalendar .datepicker .popover-content {
    color: #111
}

.btn-circle-Pink600 {
    color: #fff;
    background-color: #d81b60;
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    border: none;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #d81b60;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.11)
}

.btn-circle-Pink600:hover {
    text-decoration: none;
    box-shadow: 0 5px 10px rgba(0,0,0,.15),0 4px 15px rgba(0,0,0,.13)
}

.btn-circle-Pink600:active,.btn-circle-Pink600:focus {
    outline: 0
}

.btn-circle-Pink600+.btn-circle-Pink600 {
    margin-left: 5px
}

.btn-on-tab {
    padding: 5px 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.btn-Pink600 {
    color: #fff;
    background-color: #d81b60
}

.btn-buttercup {
    color: #fff;
    background-color: #ecb311
}

.btn-Pink600.active,.btn-Pink600.disabled,.btn-Pink600:active,.btn-Pink600:focus,.btn-Pink600:hover,.btn-Pink600[disabled] {
    background-color: #a44568;
    color: #fff
}

.btn-buttercup.active,.btn-buttercup.disabled,.btn-buttercup:active,.btn-buttercup:focus,.btn-buttercup:hover,.btn-buttercup[disabled] {
    background-color: #ae9140;
    color: #fff
}

.Accessory {
    position: relative;
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 5px 5px 0;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.Accessory a {
    position: absolute;
    width: 40px;
    height: 40px;
    display: block;
    -moz-opacity: .4;
    opacity: .4;
    background-repeat: no-repeat;
    background-position: center
}

.Accessory:hover a {
    -moz-opacity: .9;
    opacity: .9;
    cursor: pointer
}

.Accessory a.S1 {
    background-image: url(../images/layout_033.png)
}

.Accessory a.S2 {
    background-image: url(../images/layout_034.png)
}

.btn-more-filter {
    padding: 7px 15px;
    background: #00b8d4;
    color: #fff;
    border: 1px solid #00a2bb
}

.btn-more-filter.active,.btn-more-filter.disabled,.btn-more-filter:active,.btn-more-filter:focus,.btn-more-filter:hover,.btn-more-filter[disabled] {
    background-color: #3894a2;
    color: #fff
}

.btn-star {
    cursor: pointer
}

.btn-star .fa-star-o {
    opacity: 0
}

.btn-star:hover .fa-star-o {
    opacity: 1
}

.breadcrumb-dropdown_box {
    float: left;
    padding: 0 5px;
    background: #fff;
    border: solid 1px #e4e4e4;
    border-radius: 5px;
    width: 80px;
    position: relative;
    padding-top: 7px
}

.breadcrumb-dropdown_box .fa-stack i {
    font-size: 30px;
    color: #a0a0a0
}

.breadcrumb-dropdown_box .stack-text {
    margin-top: -5.6em;
    color: #a0a0a0;
    font-size: 13px;
    right: -4px
}

.breadcrumb-dropdown_box .fa-caret-down {
    color: #a0a0a0;
    margin-top: 6px;
    float: right
}

.breadcrumb-dropdown .angle-right {
    float: left;
    margin: 9px 0 0 15px
}

.breadcrumb-dropdown-current {
    float: left;
    font-size: 18px;
    margin: 8px 0 0 15px;
    font-weight: 700;
    color: #676767
}

.all_check_box .card-chack {
    left: 5px;
    top: -10px;
    position: absolute;
    color: #fff;
    font-weight: bolder;
    text-decoration: inherit;
    z-index: 99;
    background: #e1e1e1;
    padding: 2px 5px;
    border-radius: 50%;
    font-size: 15.2px;
    cursor: pointer;
    box-shadow: 1px 2px 2px 0 #9e9e9e
}

.selectionBG {
    background-color: #fff;
    border: 1px solid #e0e0e0
}

.filter-selector {
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box
}

.filter-selector>li>a {
    line-height: 25px;
    color: #2a2e36;
    margin: 4px;
    border-radius: 3px;
    text-align: left;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    color: #333;
    white-space: nowrap;
    font-size: 16px
}

.filter-selector>li>a:hover {
    color: #1b1e24;
    text-decoration: none;
    background-color: #eff2f3;
    background-image: none
}

.filter-selector ul {
    list-style-type: none
}

.filter-selector>li {
    padding-left: 0;
    line-height: 20px;
    list-style-type: none
}

.dropdown-menu-fixed {
    position: fixed
}

.dropdown-toggle-fixed .fa-caret-down {
    margin-left: 7px
}

.dropdown-toggle-fixed .dropdown-menu-fixed {
    box-shadow: 0 0 5px 1px rgba(142,142,142,.42)
}

.dropdown-toggle-fixed .dropdown-menu-fixed-body {
    height: 170px;
    overflow-y: scroll;
    overflow-x: hidden
}

.dropdown-toggle-fixed .dropdown-menu-fixed-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f5f5f5
}

.dropdown-toggle-fixed .dropdown-menu-fixed-body ::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.dropdown-toggle-fixed .dropdown-menu-fixed-body ::-webkit-scrollbar-track {
    background: rgba(0,0,0,.1)
}

.dropdown-toggle-fixed .dropdown-menu-fixed-body ::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.5)
}

.dropdown-toggle-fixed .dropdown-menu-fixed .dmf_title {
    font-size: 17px;
    color: #4c4c4c;
    font-weight: 700
}

.dropdown-toggle-fixed .dropdown-menu-fixed .filter-selector>li>a {
    line-height: 20px;
    margin: 4px;
    padding: 3px 10px;
    word-wrap: break-word;
    white-space: pre-wrap
}

.dropdown-toggle-fixed .dropdown-menu-fixed .row {
    padding: 0 12px
}

.dropdown-toggle-fixed .dropdown-menu-fixed .dropdown-actions {
    border-top: 1px solid #eee;
    background: #fdfdfd;
    padding: 15px 10px
}

.overflow_hidden {
    overflow: hidden
}

.bg-concrete {
    background-color: #f3f3f3
}

.bg-navy {
    background-color: #001f3f
}

.bg-blue {
    background-color: #0074d9
}

.bg-aqua {
    background-color: #7fdbff
}

.bg-teal {
    background-color: #39cccc
}

.bg-olive {
    background-color: #3d9970
}

.bg-green {
    background-color: #2ecc40
}

.bg-lime {
    background-color: #01ff70
}

.bg-yellow,.bg-yellow.select2-choice {
    background-color: #ffdc00
}

.bg-orange {
    background-color: #ff851b
}

.bg-red {
    background-color: #ff4136
}

.bg-fuchsia {
    background-color: #f012be
}

.bg-purple {
    background-color: #b10dc9
}

.bg-maroon {
    background-color: #85144b
}

.bg-white {
    background-color: #fff
}

.bg-gray {
    background-color: #aaa
}

.bg-silver,.bg-silver .select2-choice {
    background-color: #ddd!important
}

.bg-black {
    background-color: #111
}

.bg-porcelain,.bg-porcelain.select2-choice {
    background: #ecf0f2!important
}

.bg-Lgreen,.bg-Lgreen.select2-choice {
    background: #e4f3e5!important
}

.bg-Lcyan,.bg-Lcyan.select2-choice {
    background: #d5f4f8!important
}

.bg-Lteal,.bg-Lteal.select2-choice {
    background: #ddf1ef!important
}

.bg-Lgrey,.bg-Lgrey.select2-choice {
    background: #fafafa!important
}

.bg-Lbrown,.bg-Lbrown.select2-choice {
    background: #e3dbd9!important
}

.bg-brown,.bg-brown.select2-choice {
    background: #c7b8b3!important
}

.bg-yellow,.bg-yellow.select2-choice {
    background: #fffded!important
}

.bg-Lpurple,.bg-Lpurple.select2-choice {
    background: #f6ebf8!important
}

.bg-geyser,.bg-geyser.select2-choice {
    background: #dce0e8!important
}

.label-level1 {
    background-color: #00bfa5;
    color: #fff!important
}

.label-level2 {
    background-color: #00b8d4;
    color: #fff!important
}

.label-level3 {
    background-color: #0091ea;
    color: #fff!important
}

.label-critical {
    background-color: #d50000;
    color: #fff!important
}

.label-high {
    background-color: #ff6d00;
    color: #fff!important
}

.label-medium {
    background-color: #ffab00;
    color: #fff!important
}

.label-low {
    background-color: #64dd17;
    color: #fff!important
}

.label-informational {
    background-color: #2962ff;
    color: #fff!important
}

.grey-purple {
    color: #96a4c3
}

.grey-purpleb {
    background-color: #96a4c3
}

.navy {
    color: #001f3f
}

.blue {
    color: #0074d9!important
}

.aqua {
    color: #7fdbff
}

.teal {
    color: #39cccc!important
}

.olive {
    color: #3d9970
}

.green {
    color: #2ecc40
}

.lime {
    color: #01ff70
}

.yellow {
    color: #ffdc00
}

.orange {
    color: #ff851b
}

.red {
    color: #ff4136
}

.fuchsia {
    color: #f012be
}

.purple {
    color: #b10dc9
}

.maroon {
    color: #85144b
}

.white {
    color: #fff
}

.silver {
    color: #ddd
}

.gray {
    color: #aaa
}

.black {
    color: #111
}

.border--navy {
    border-color: #001f3f!important
}

.border--blue {
    border-color: #0074d9!important
}

.border--aqua {
    border-color: #7fdbff!important
}

.border--teal {
    border-color: #39cccc!important
}

.border--olive {
    border-color: #3d9970!important
}

.border--green {
    border-color: #2ecc40!important
}

.border--lime {
    border-color: #01ff70!important
}

.border--yellow {
    border-color: #ffdc00!important
}

.border--orange {
    border-color: #ff851b!important
}

.border--red {
    border-color: #ff4136!important
}

.border--fuchsia {
    border-color: #f012be!important
}

.border--purple {
    border-color: #b10dc9!important
}

.border--maroon {
    border-color: #85144b!important
}

.border--white {
    border-color: #fff!important
}

.border--gray {
    border-color: #aaa!important
}

.border--silver {
    border-color: #ddd!important
}

.border--black {
    border-color: #111!important
}

.fill-navy {
    fill: #001f3f
}

.fill-blue {
    fill: #0074d9
}

.fill-aqua {
    fill: #7fdbff
}

.fill-teal {
    fill: #39cccc
}

.fill-olive {
    fill: #3d9970
}

.fill-green {
    fill: #2ecc40
}

.fill-lime {
    fill: #01ff70
}

.fill-yellow {
    fill: #ffdc00
}

.fill-orange {
    fill: #ff851b
}

.fill-red {
    fill: #ff4136
}

.fill-fuchsia {
    fill: #f012be
}

.fill-purple {
    fill: #b10dc9
}

.fill-maroon {
    fill: #85144b
}

.fill-white {
    fill: #fff
}

.fill-gray {
    fill: #aaa
}

.fill-silver {
    fill: #ddd
}

.fill-black {
    fill: #111
}

.stroke-navy {
    stroke: #001f3f
}

.stroke-blue {
    stroke: #0074d9
}

.stroke-aqua {
    stroke: #7fdbff
}

.stroke-teal {
    stroke: #39cccc
}

.stroke-olive {
    stroke: #3d9970
}

.stroke-green {
    stroke: #2ecc40
}

.stroke-lime {
    stroke: #01ff70
}

.stroke-yellow {
    stroke: #ffdc00
}

.stroke-orange {
    stroke: #ff851b
}

.stroke-red {
    stroke: #ff4136
}

.stroke-fuchsia {
    stroke: #f012be
}

.stroke-purple {
    stroke: #b10dc9
}

.stroke-maroon {
    stroke: #85144b
}

.stroke-white {
    stroke: #fff
}

.stroke-gray {
    stroke: #aaa
}

.stroke-silver {
    stroke: #ddd
}

.stroke-black {
    stroke: #111
}

.hover-Blue700:hover {
    color: #1976d2!important
}

.hover-Grey400:hover {
    color: #bdbdbd!important
}

.Red50b {
    background-color: #ffebee!important
}

.Red100b {
    background-color: #ffcdd2!important
}

.Red200b {
    background-color: #ef9a9a!important
}

.Red300b {
    background-color: #e57373!important
}

.Red400b {
    background-color: #ef5350!important
}

.Red500b {
    background-color: #f44336!important
}

.Red600b {
    background-color: #e53935!important
}

.Red700b {
    background-color: #d32f2f!important
}

.Red800b {
    background-color: #c62828!important
}

.Red900b {
    background-color: #b71c1c!important
}

.RedA100b {
    background-color: #ff8a80!important
}

.RedA200b {
    background-color: #ff5252!important
}

.RedA400b {
    background-color: #ff1744!important
}

.RedA700b {
    background-color: #d50000!important
}

.Pink50b {
    background-color: #fce4ec!important
}

.Pink100b {
    background-color: #f8bbd0!important
}

.Pink200b {
    background-color: #f48fb1!important
}

.Pink300b {
    background-color: #f06292!important
}

.Pink400b {
    background-color: #ec407a!important
}

.Pink500b {
    background-color: #e91e63!important
}

.Pink600b {
    background-color: #d81b60!important
}

.Pink700b {
    background-color: #c2185b!important
}

.Pink800b {
    background-color: #ad1457!important
}

.Pink900b {
    background-color: #880e4f!important
}

.PinkA100b {
    background-color: #ff80ab!important
}

.PinkA200b {
    background-color: #ff4081!important
}

.PinkA400b {
    background-color: #f50057!important
}

.PinkA700b {
    background-color: #c51162!important
}

.Purple50b {
    background-color: #f3e5f5!important
}

.Purple200b {
    background-color: #ce93d8!important
}

.Purple300b {
    background-color: #ba68c8!important
}

.Purple400b {
    background-color: #ab47bc!important
}

.Purple500b {
    background-color: #9c27b0!important
}

.Purple600b {
    background-color: #8e24aa!important
}

.Purple700b {
    background-color: #7b1fa2!important
}

.Purple800b {
    background-color: #6a1b9a!important
}

.Purple900b {
    background-color: #4a148c!important
}

.PurpleA100b {
    background-color: #ea80fc!important
}

.PurpleA200b {
    background-color: #e040fb!important
}

.PurpleA400b {
    background-color: #d500f9!important
}

.PurpleA700b {
    background-color: #a0f!important
}

.DeepPurple50b {
    background-color: #ede7f6!important
}

.DeepPurple100b {
    background-color: #d1c4e9!important
}

.DeepPurple200b {
    background-color: #b39ddb!important
}

.DeepPurple300b {
    background-color: #9575cd!important
}

.DeepPurple400b {
    background-color: #7e57c2!important
}

.DeepPurple500b {
    background-color: #673ab7!important
}

.DeepPurple600b {
    background-color: #5e35b1!important
}

.DeepPurple700b {
    background-color: #512da8!important
}

.DeepPurple800b {
    background-color: #4527a0!important
}

.DeepPurple900b {
    background-color: #311b92!important
}

.DeepPurpleA100b {
    background-color: #b388ff!important
}

.DeepPurpleA200b {
    background-color: #7c4dff!important
}

.DeepPurpleA400b {
    background-color: #651fff!important
}

.DeepPurpleA700b {
    background-color: #6200ea!important
}

.Indigo50b {
    background-color: #e8eaf6!important
}

.Indigo100b {
    background-color: #c5cae9!important
}

.Indigo200b {
    background-color: #9fa8da!important
}

.Indigo300b {
    background-color: #7986cb!important
}

.Indigo400b {
    background-color: #5c6bc0!important
}

.Indigo500b {
    background-color: #3f51b5!important
}

.Indigo600b {
    background-color: #3949ab!important
}

.Indigo700b {
    background-color: #303f9f!important
}

.Indigo800b {
    background-color: #283593!important
}

.Indigo900b {
    background-color: #1a237e!important
}

.IndigoA100b {
    background-color: #8c9eff!important
}

.IndigoA200b {
    background-color: #536dfe!important
}

.IndigoA400b {
    background-color: #3d5afe!important
}

.IndigoA700b {
    background-color: #304ffe!important
}

.Blue50b {
    background-color: #e3f2fd!important
}

.Blue100b {
    background-color: #bbdefb!important
}

.Blue200b {
    background-color: #90caf9!important
}

.Blue300b {
    background-color: #64b5f6!important
}

.Blue400b {
    background-color: #42a5f5!important
}

.Blue500b {
    background-color: #2196f3!important
}

.Blue600b {
    background-color: #1e88e5!important
}

.Blue700b {
    background-color: #1976d2!important
}

.Blue800b {
    background-color: #1565c0!important
}

.Blue900b {
    background-color: #0d47a1!important
}

.BlueA100b {
    background-color: #82b1ff!important
}

.BlueA200b {
    background-color: #448aff!important
}

.BlueA400b {
    background-color: #2979ff!important
}

.BlueA700b {
    background-color: #2962ff!important
}

.LightBlue50b {
    background-color: #e1f5fe!important
}

.LightBlue100b {
    background-color: #b3e5fc!important
}

.LightBlue200b {
    background-color: #81d4fa!important
}

.LightBlue300b {
    background-color: #4fc3f7!important
}

.LightBlue400b {
    background-color: #29b6f6!important
}

.LightBlue500b {
    background-color: #03a9f4!important
}

.LightBlue600b {
    background-color: #039be5!important
}

.LightBlue700b {
    background-color: #0288d1!important
}

.LightBlue800b {
    background-color: #0277bd!important
}

.LightBlue900b {
    background-color: #01579b!important
}

.LightBlueA100b {
    background-color: #80d8ff!important
}

.LightBlueA200b {
    background-color: #40c4ff!important
}

.LightBlueA400b {
    background-color: #00b0ff!important
}

.LightBlueA700b {
    background-color: #0091ea!important
}

.Cyan50b {
    background-color: #e0f7fa!important
}

.Cyan100b {
    background-color: #b2ebf2!important
}

.Cyan200b {
    background-color: #80deea!important
}

.Cyan300b {
    background-color: #4dd0e1!important
}

.Cyan400b {
    background-color: #26c6da!important
}

.Cyan500b {
    background-color: #00bcd4!important
}

.Cyan600b {
    background-color: #00acc1!important
}

.Cyan700b {
    background-color: #0097a7!important
}

.Cyan800b {
    background-color: #00838f!important
}

.Cyan900b {
    background-color: #006064!important
}

.CyanA100b {
    background-color: #84ffff!important
}

.CyanA200b {
    background-color: #18ffff!important
}

.CyanA400b {
    background-color: #00e5ff!important
}

.CyanA700b {
    background-color: #00b8d4!important
}

.Teal50b {
    background-color: #e0f2f1!important
}

.Teal100b {
    background-color: #b2dfdb!important
}

.Teal200b {
    background-color: #80cbc4!important
}

.Teal300b {
    background-color: #4db6ac!important
}

.Teal400b {
    background-color: #26a69a!important
}

.Teal500b {
    background-color: #009688!important
}

.Teal600b {
    background-color: #00897b!important
}

.Teal700b {
    background-color: #00796b!important
}

.Teal800b {
    background-color: #00695c!important
}

.Teal900b {
    background-color: #004d40!important
}

.TealA100b {
    background-color: #a7ffeb!important
}

.TealA200b {
    background-color: #64ffda!important
}

.TealA400b {
    background-color: #1de9b6!important
}

.TealA700b {
    background-color: #00bfa5!important
}

.Green50b {
    background-color: #e8f5e9!important
}

.Green100b {
    background-color: #c8e6c9!important
}

.Green200b {
    background-color: #a5d6a7!important
}

.Green300b {
    background-color: #81c784!important
}

.Green400b {
    background-color: #66bb6a!important
}

.Green500b {
    background-color: #4caf50!important
}

.Green600b {
    background-color: #43a047!important
}

.Green700b {
    background-color: #388e3c!important
}

.Green800b {
    background-color: #2e7d32!important
}

.Green900b {
    background-color: #1b5e20!important
}

.GreenA100b {
    background-color: #b9f6ca!important
}

.GreenA200b {
    background-color: #69f0ae!important
}

.GreenA400b {
    background-color: #00e676!important
}

.GreenA700b {
    background-color: #00c853!important
}

.LightGreen50b {
    background-color: #f1f8e9!important
}

.LightGreen100b {
    background-color: #dcedc8!important
}

.LightGreen200b {
    background-color: #c5e1a5!important
}

.LightGreen300b {
    background-color: #aed581!important
}

.LightGreen400b {
    background-color: #9ccc65!important
}

.LightGreen500b {
    background-color: #8bc34a!important
}

.LightGreen600b {
    background-color: #7cb342!important
}

.LightGreen700b {
    background-color: #689f38!important
}

.LightGreen800b {
    background-color: #558b2f!important
}

.LightGreen900b {
    background-color: #33691e!important
}

.LightGreenA100b {
    background-color: #ccff90!important
}

.LightGreenA200b {
    background-color: #b2ff59!important
}

.LightGreenA400b {
    background-color: #76ff03!important
}

.LightGreenA700b {
    background-color: #64dd17!important
}

.Lime50b {
    background-color: #f9fbe7!important
}

.Lime100b {
    background-color: #f0f4c3!important
}

.Lime200b {
    background-color: #e6ee9c!important
}

.Lime300b {
    background-color: #dce775!important
}

.Lime400b {
    background-color: #d4e157!important
}

.Lime500b {
    background-color: #cddc39!important
}

.Lime600b {
    background-color: #c0ca33!important
}

.Lime700b {
    background-color: #afb42b!important
}

.Lime800b {
    background-color: #9e9d24!important
}

.Lime900b {
    background-color: #827717!important
}

.LimeA100b {
    background-color: #f4ff81!important
}

.LimeA200b {
    background-color: #eeff41!important
}

.LimeA400b {
    background-color: #c6ff00!important
}

.LimeA700b {
    background-color: #aeea00!important
}

.Yellow50b {
    background-color: #fffde7!important
}

.Yellow100b {
    background-color: #fff9c4!important
}

.Yellow200b {
    background-color: #fff59d!important
}

.Yellow300b {
    background-color: #fff176!important
}

.Yellow400b {
    background-color: #ffee58!important
}

.Yellow500b {
    background-color: #ffeb3b!important
}

.Yellow600b {
    background-color: #fdd835!important
}

.Yellow700b {
    background-color: #fbc02d!important
}

.Yellow800b {
    background-color: #f9a825!important
}

.Yellow900b {
    background-color: #f57f17!important
}

.YellowA100b {
    background-color: #ffff8d!important
}

.YellowA200b {
    background-color: #ff0!important
}

.YellowA400b {
    background-color: #ffea00!important
}

.YellowA700b {
    background-color: #ffd600!important
}

.Amber50b {
    background-color: #fff8e1!important
}

.Amber100b {
    color: #576475!important;
    background-color: #ffecb3!important
}

.Amber200b {
    background-color: #ffe082!important
}

.Amber300b {
    background-color: #ffd54f!important
}

.Amber400b {
    background-color: #ffca28!important
}

.Amber500b {
    background-color: #ffc107!important
}

.Amber600b {
    background-color: #ffb300!important
}

.Amber700b {
    background-color: #ffa000!important
}

.Amber800b {
    background-color: #ff8f00!important
}

.Amber900b {
    background-color: #ff6f00!important
}

.AmberA100b {
    background-color: #ffe57f!important
}

.AmberA200b {
    background-color: #ffd740!important
}

.AmberA400b {
    background-color: #ffc400!important
}

.AmberA700b {
    background-color: #ffab00!important
}

.Orange50b {
    background-color: #fff3e0!important
}

.Orange100b {
    background-color: #ffe0b2!important
}

.Orange200b {
    background-color: #ffcc80!important
}

.Orange300b {
    background-color: #ffb74d!important
}

.Orange400b {
    background-color: #ffa726!important
}

.Orange500b {
    background-color: #ff9800!important
}

.Orange600b {
    background-color: #fb8c00!important
}

.Orange700b {
    background-color: #f57c00!important
}

.Orange800b {
    background-color: #ef6c00!important
}

.Orange900b {
    background-color: #e65100!important
}

.OrangeA100b {
    background-color: #ffd180!important
}

.OrangeA200b {
    background-color: #ffab40!important
}

.OrangeA400b {
    background-color: #ff9100!important
}

.OrangeA700b {
    background-color: #ff6d00!important
}

.DeepOrange50b {
    background-color: #fbe9e7!important
}

.DeepOrange100b {
    background-color: #ffccbc!important
}

.DeepOrange200b {
    background-color: #ffab91!important
}

.DeepOrange300b {
    background-color: #ff8a65!important
}

.DeepOrange400b {
    background-color: #ff7043!important
}

.DeepOrange500b {
    background-color: #ff5722!important
}

.DeepOrange600b {
    background-color: #f4511e!important
}

.DeepOrange700b {
    background-color: #e64a19!important
}

.DeepOrange800b {
    background-color: #d84315!important
}

.DeepOrange900b {
    background-color: #bf360c!important
}

.DeepOrangeA100b {
    background-color: #ff9e80!important
}

.DeepOrangeA200b {
    background-color: #ff6e40!important
}

.DeepOrangeA400b {
    background-color: #ff3d00!important
}

.DeepOrangeA700b {
    background-color: #dd2c00!important
}

.Brown50b {
    background-color: #efebe9!important
}

.Brown100b {
    background-color: #d7ccc8!important
}

.Brown200b {
    background-color: #bcaaa4!important
}

.Brown300b {
    background-color: #a1887f!important
}

.Brown400b {
    background-color: #8d6e63!important
}

.Brown500b {
    background-color: #795548!important
}

.Brown600b {
    background-color: #6d4c41!important
}

.Brown700b {
    background-color: #5d4037!important
}

.Brown800b {
    background-color: #4e342e!important
}

.Brown900b {
    background-color: #3e2723!important
}

.Grey50b {
    background-color: #fafafa!important
}

.Grey100b {
    background-color: #f5f5f5!important
}

.Grey200b {
    background-color: #eee!important
}

.Grey300b {
    background-color: #e0e0e0!important
}

.Grey400b {
    background-color: #bdbdbd!important
}

.Grey500b {
    background-color: #9e9e9e!important
}

.Grey600b {
    background-color: #757575!important
}

.Grey700b {
    background-color: #616161!important
}

.Grey800b {
    background-color: #424242!important
}

.Grey900b {
    background-color: #212121!important
}

.BlueGrey50b {
    background-color: #eceff1!important
}

.BlueGrey100b {
    background-color: #cfd8dc!important
}

.BlueGrey200b {
    background-color: #b0bec5!important
}

.BlueGrey300b {
    background-color: #90a4ae!important
}

.BlueGrey400b {
    background-color: #78909c!important
}

.BlueGrey500b {
    background-color: #607d8b!important
}

.BlueGrey600b {
    background-color: #546e7a!important
}

.BlueGrey700b {
    background-color: #455a64!important
}

.BlueGrey800b {
    background-color: #37474f!important
}

.BlueGrey900b {
    background-color: #263238!important
}

.Whiteb {
    background-color: #fff!important
}

.White {
    color: #fff!important
}

.Red50 {
    color: #ffebee!important
}

.Red100 {
    color: #ffcdd2!important
}

.Red200 {
    color: #ef9a9a!important
}

.Red300 {
    color: #e57373!important
}

.Red400 {
    color: #ef5350!important
}

.Red500 {
    color: #f44336!important
}

.Red600 {
    color: #e53935!important
}

.Red700 {
    color: #d32f2f!important
}

.Red800 {
    color: #c62828!important
}

.Red900 {
    color: #b71c1c!important
}

.RedA100 {
    color: #ff8a80!important
}

.RedA200 {
    color: #ff5252!important
}

.RedA400 {
    color: #ff1744!important
}

.RedA700 {
    color: #d50000!important
}

.Pink50 {
    color: #fce4ec!important
}

.Pink100 {
    color: #f8bbd0!important
}

.Pink200 {
    color: #f48fb1!important
}

.Pink300 {
    color: #f06292!important
}

.Pink400 {
    color: #ec407a!important
}

.Pink500 {
    color: #e91e63!important
}

.Pink600 {
    color: #d81b60!important
}

.Pink700 {
    color: #c2185b!important
}

.Pink800 {
    color: #ad1457!important
}

.Pink900 {
    color: #880e4f!important
}

.PinkA100 {
    color: #ff80ab!important
}

.PinkA200 {
    color: #ff4081!important
}

.PinkA400 {
    color: #f50057!important
}

.PinkA700 {
    color: #c51162!important
}

.Purple50 {
    color: #f3e5f5!important
}

.Purple200 {
    color: #ce93d8!important
}

.Purple300 {
    color: #ba68c8!important
}

.Purple400 {
    color: #ab47bc!important
}

.Purple500 {
    color: #9c27b0!important
}

.Purple600 {
    color: #8e24aa!important
}

.Purple700 {
    color: #7b1fa2!important
}

.Purple800 {
    color: #6a1b9a!important
}

.Purple900 {
    color: #4a148c!important
}

.PurpleA100 {
    color: #ea80fc!important
}

.PurpleA200 {
    color: #e040fb!important
}

.PurpleA400 {
    color: #d500f9!important
}

.PurpleA700 {
    color: #a0f!important
}

.DeepPurple50 {
    color: #ede7f6!important
}

.DeepPurple100 {
    color: #d1c4e9!important
}

.DeepPurple200 {
    color: #b39ddb!important
}

.DeepPurple300 {
    color: #9575cd!important
}

.DeepPurple400 {
    color: #7e57c2!important
}

.DeepPurple500 {
    color: #673ab7!important
}

.DeepPurple600 {
    color: #5e35b1!important
}

.DeepPurple700 {
    color: #512da8!important
}

.DeepPurple800 {
    color: #4527a0!important
}

.DeepPurple900 {
    color: #311b92!important
}

.DeepPurpleA100 {
    color: #b388ff!important
}

.DeepPurpleA200 {
    color: #7c4dff!important
}

.DeepPurpleA400 {
    color: #651fff!important
}

.DeepPurpleA700 {
    color: #6200ea!important
}

.Indigo50 {
    color: #e8eaf6!important
}

.Indigo100 {
    color: #c5cae9!important
}

.Indigo200 {
    color: #9fa8da!important
}

.Indigo300 {
    color: #7986cb!important
}

.Indigo400 {
    color: #5c6bc0!important
}

.Indigo500 {
    color: #3f51b5!important
}

.Indigo600 {
    color: #3949ab!important
}

.Indigo700 {
    color: #303f9f!important
}

.Indigo800 {
    color: #283593!important
}

.Indigo900 {
    color: #1a237e!important
}

.IndigoA100 {
    color: #8c9eff!important
}

.IndigoA200 {
    color: #536dfe!important
}

.IndigoA400 {
    color: #3d5afe!important
}

.IndigoA700 {
    color: #304ffe!important
}

.Blue50 {
    color: #e3f2fd!important
}

.Blue100 {
    color: #bbdefb!important
}

.Blue200 {
    color: #90caf9!important
}

.Blue300 {
    color: #64b5f6!important
}

.Blue400 {
    color: #42a5f5!important
}

.Blue500 {
    color: #2196f3!important
}

.Blue600 {
    color: #1e88e5!important
}

.Blue700 {
    color: #1976d2!important
}

.Blue800 {
    color: #1565c0!important
}

.Blue900 {
    color: #0d47a1!important
}

.BlueA100 {
    color: #82b1ff!important
}

.BlueA200 {
    color: #448aff!important
}

.BlueA400 {
    color: #2979ff!important
}

.BlueA700 {
    color: #2962ff!important
}

.LightBlue50 {
    color: #e1f5fe!important
}

.LightBlue100 {
    color: #b3e5fc!important
}

.LightBlue200 {
    color: #81d4fa!important
}

.LightBlue300 {
    color: #4fc3f7!important
}

.LightBlue400 {
    color: #29b6f6!important
}

.LightBlue500 {
    color: #03a9f4!important
}

.LightBlue600 {
    color: #039be5!important
}

.LightBlue700 {
    color: #0288d1!important
}

.LightBlue800 {
    color: #0277bd!important
}

.LightBlue900 {
    color: #01579b!important
}

.LightBlueA100 {
    color: #80d8ff!important
}

.LightBlueA200 {
    color: #40c4ff!important
}

.LightBlueA400 {
    color: #00b0ff!important
}

.LightBlueA700 {
    color: #0091ea!important
}

.Cyan50 {
    color: #e0f7fa!important
}

.Cyan100 {
    color: #b2ebf2!important
}

.Cyan200 {
    color: #80deea!important
}

.Cyan300 {
    color: #4dd0e1!important
}

.Cyan400 {
    color: #26c6da!important
}

.Cyan500 {
    color: #00bcd4!important
}

.Cyan600 {
    color: #00acc1!important
}

.Cyan700 {
    color: #0097a7!important
}

.Cyan800 {
    color: #00838f!important
}

.Cyan900 {
    color: #006064!important
}

.CyanA100 {
    color: #84ffff!important
}

.CyanA200 {
    color: #18ffff!important
}

.CyanA400 {
    color: #00e5ff!important
}

.CyanA700 {
    color: #00b8d4!important
}

.Teal50 {
    color: #e0f2f1!important
}

.Teal100 {
    color: #b2dfdb!important
}

.Teal200 {
    color: #80cbc4!important
}

.Teal300 {
    color: #4db6ac!important
}

.Teal400 {
    color: #26a69a!important
}

.Teal500 {
    color: #009688!important
}

.Teal600 {
    color: #00897b!important
}

.Teal700 {
    color: #00796b!important
}

.Teal800 {
    color: #00695c!important
}

.Teal900 {
    color: #004d40!important
}

.TealA100 {
    color: #a7ffeb!important
}

.TealA200 {
    color: #64ffda!important
}

.TealA400 {
    color: #1de9b6!important
}

.TealA700 {
    color: #00bfa5!important
}

.Green50 {
    color: #e8f5e9!important
}

.Green100 {
    color: #c8e6c9!important
}

.Green200 {
    color: #a5d6a7!important
}

.Green300 {
    color: #81c784!important
}

.Green400 {
    color: #66bb6a!important
}

.Green500 {
    color: #4caf50!important
}

.Green600 {
    color: #43a047!important
}

.Green700 {
    color: #388e3c!important
}

.Green800 {
    color: #2e7d32!important
}

.Green900 {
    color: #1b5e20!important
}

.GreenA100 {
    color: #b9f6ca!important
}

.GreenA200 {
    color: #69f0ae!important
}

.GreenA400 {
    color: #00e676!important
}

.GreenA700 {
    color: #00c853!important
}

.LightGreen50 {
    color: #f1f8e9!important
}

.LightGreen100 {
    color: #dcedc8!important
}

.LightGreen200 {
    color: #c5e1a5!important
}

.LightGreen300 {
    color: #aed581!important
}

.LightGreen400 {
    color: #9ccc65!important
}

.LightGreen500 {
    color: #8bc34a!important
}

.LightGreen600 {
    color: #7cb342!important
}

.LightGreen700 {
    color: #689f38!important
}

.LightGreen800 {
    color: #558b2f!important
}

.LightGreen900 {
    color: #33691e!important
}

.LightGreenA100 {
    color: #ccff90!important
}

.LightGreenA200 {
    color: #b2ff59!important
}

.LightGreenA400 {
    color: #76ff03!important
}

.LightGreenA700 {
    color: #64dd17!important
}

.Lime50 {
    color: #f9fbe7!important
}

.Lime100 {
    color: #f0f4c3!important
}

.Lime200 {
    color: #e6ee9c!important
}

.Lime300 {
    color: #dce775!important
}

.Lime400 {
    color: #d4e157!important
}

.Lime500 {
    color: #cddc39!important
}

.Lime600 {
    color: #c0ca33!important
}

.Lime700 {
    color: #afb42b!important
}

.Lime800 {
    color: #9e9d24!important
}

.Lime900 {
    color: #827717!important
}

.LimeA100 {
    color: #f4ff81!important
}

.LimeA200 {
    color: #eeff41!important
}

.LimeA400 {
    color: #c6ff00!important
}

.LimeA700 {
    color: #aeea00!important
}

.Yellow50 {
    color: #fffde7!important
}

.Yellow100 {
    color: #fff9c4!important
}

.Yellow200 {
    color: #fff59d!important
}

.Yellow300 {
    color: #fff176!important
}

.Yellow400 {
    color: #ffee58!important
}

.Yellow500 {
    color: #ffeb3b!important
}

.Yellow600 {
    color: #fdd835!important
}

.Yellow700 {
    color: #fbc02d!important
}

.Yellow800 {
    color: #f9a825!important
}

.Yellow900 {
    color: #f57f17!important
}

.YellowA100 {
    color: #ffff8d!important
}

.YellowA200 {
    color: #ff0!important
}

.YellowA400 {
    color: #ffea00!important
}

.YellowA700 {
    color: #ffd600!important
}

.Amber50 {
    color: #fff8e1!important
}

.Amber100 {
    color: #ffecb3!important
}

.Amber200 {
    color: #ffe082!important
}

.Amber300 {
    color: #ffd54f!important
}

.Amber400 {
    color: #ffca28!important
}

.Amber500 {
    color: #ffc107!important
}

.Amber600 {
    color: #ffb300!important
}

.Amber700 {
    color: #ffa000!important
}

.Amber800 {
    color: #ff8f00!important
}

.Amber900 {
    color: #ff6f00!important
}

.AmberA100 {
    color: #ffe57f!important
}

.AmberA200 {
    color: #ffd740!important
}

.AmberA400 {
    color: #ffc400!important
}

.AmberA700 {
    color: #ffab00!important
}

.Orange50 {
    color: #fff3e0!important
}

.Orange100 {
    color: #ffe0b2!important
}

.Orange200 {
    color: #ffcc80!important
}

.Orange300 {
    color: #ffb74d!important
}

.Orange400 {
    color: #ffa726!important
}

.Orange500 {
    color: #ff9800!important
}

.Orange600 {
    color: #fb8c00!important
}

.Orange700 {
    color: #f57c00!important
}

.Orange800 {
    color: #ef6c00!important
}

.Orange900 {
    color: #e65100!important
}

.OrangeA100 {
    color: #ffd180!important
}

.OrangeA200 {
    color: #ffab40!important
}

.OrangeA400 {
    color: #ff9100!important
}

.OrangeA700 {
    color: #ff6d00!important
}

.DeepOrange50 {
    color: #fbe9e7!important
}

.DeepOrange100 {
    color: #ffccbc!important
}

.DeepOrange200 {
    color: #ffab91!important
}

.DeepOrange300 {
    color: #ff8a65!important
}

.DeepOrange400 {
    color: #ff7043!important
}

.DeepOrange500 {
    color: #ff5722!important
}

.DeepOrange600 {
    color: #f4511e!important
}

.DeepOrange700 {
    color: #e64a19!important
}

.DeepOrange800 {
    color: #d84315!important
}

.DeepOrange900 {
    color: #bf360c!important
}

.DeepOrangeA100 {
    color: #ff9e80!important
}

.DeepOrangeA200 {
    color: #ff6e40!important
}

.DeepOrangeA400 {
    color: #ff3d00!important
}

.DeepOrangeA700 {
    color: #dd2c00!important
}

.Brown50 {
    color: #efebe9!important
}

.Brown100 {
    color: #d7ccc8!important
}

.Brown200 {
    color: #bcaaa4!important
}

.Brown300 {
    color: #a1887f!important
}

.Brown400 {
    color: #8d6e63!important
}

.Brown500 {
    color: #795548!important
}

.Brown600 {
    color: #6d4c41!important
}

.Brown700 {
    color: #5d4037!important
}

.Brown800 {
    color: #4e342e!important
}

.Brown900 {
    color: #3e2723!important
}

.Grey50 {
    color: #fafafa!important
}

.Grey100 {
    color: #f5f5f5!important
}

.Grey200 {
    color: #eee!important
}

.Grey300 {
    color: #e0e0e0!important
}

.Grey400 {
    color: #bdbdbd!important
}

.Grey500 {
    color: #9e9e9e!important
}

.Grey600 {
    color: #757575!important
}

.Grey700 {
    color: #616161!important
}

.Grey800 {
    color: #424242!important
}

.Grey900 {
    color: #212121!important
}

.BlueGrey50 {
    color: #eceff1!important
}

.BlueGrey100 {
    color: #cfd8dc!important
}

.BlueGrey200 {
    color: #b0bec5!important
}

.BlueGrey300 {
    color: #90a4ae!important
}

.BlueGrey400 {
    color: #78909c!important
}

.BlueGrey500 {
    color: #607d8b!important
}

.BlueGrey600 {
    color: #546e7a!important
}

.BlueGrey700 {
    color: #455a64!important
}

.BlueGrey800 {
    color: #37474f!important
}

.BlueGrey900 {
    color: #263238!important
}

.narrow_layout .tableNarrow td {
    font-size: 15px
}

.narrow_layout .list-card .list-card-container .right .muted {
    font-size: 14.25px
}

.narrow_layout .back-btn .back-btn-tex,.narrow_layout .close-btn .back-btn-tex {
    font-size: 14.25px
}

.narrow_layout .email-list-menu a>.arrow.open:before {
    font-size: 15px
}

.narrow_layout .email-list-menu a>.arrow:before {
    font-size: 15px
}

.narrow_layout .accordionPart li.qa_list .qa_content {
    font-size: 15px
}

.narrow_layout .colorBlock__list .colorBlock_listicon {
    font-size: 14.25px
}

.narrow_layout .card-container-sm .card-chack {
    font-size: 14.25px
}

.narrow_layout .card-container-sm.card-xs .text {
    font-size: 14.25px
}

.narrow_layout .list_card_container .inside .infomation-box ul {
    font-size: 15px
}

.narrow_layout .horizontal-menu .bar-inner>ul>li>a>.arrow:before {
    font-size: 15px
}

.narrow_layout .horizontal-menu .bar-inner>ul>li>.mega .sub-menu>li>a.onpenNewWeb:before {
    font-size: 15px
}

.narrow_layout .horizontal-menu .bar-inner>ul>li>.mega .sub-menu.onpenNewWeb li>a:before {
    font-size: 15px
}

.narrow_layout ul.sub-menu li a {
    font-size: 14.25px
}

.narrow_layout ul.sub-menu li a:hover {
    font-size: 14.25px
}

@media (min-width: 768px) and (max-width:1024px) {
    .narrow_layout .page-sidebar.opened ul.folders>li>a {
        font-size:14.25px
    }

    .narrow_layout .page-sidebar.opened ul.folders>li>input {
        font-size: 14.25px
    }
}

.narrow_layout .all_check_box .card-chack {
    font-size: 14.25px
}

.narrow_layout .CustomCalendar .calendar-title .prev:before {
    font-size: 15px
}

.narrow_layout .CustomCalendar .calendar-title .next:before {
    font-size: 15px
}

.narrow_layout .CustomCalendar .datepicker thead tr .dow {
    font-size: 15px
}

.narrow_layout .CustomCalendar .datepicker {
    font-size: 15px
}

.narrow_layout .filter-selector>li>a {
    font-size: 15px
}

.narrow_layout .function-dropdown a {
    font-size: 15px
}

.narrow_layout .search-dropdown-control a:not(.dropdown-toggle):not(.contacts-label-delet):not(.input-history-toggle) {
    font-size: 14.25px
}

.narrow_layout .icon_menu p {
    font-size: 15px
}

.narrow_layout .btn-group>.dropdown-menu {
    font-size: 14.25px
}

.narrow_layout .dropdown-sub-menu {
    font-size: 14.25px
}

.narrow_layout .contacts-label {
    font-size: 15px
}

.narrow_layout .rangeDTPicker .time-info p span {
    font-size: 15px
}

.narrow_layout .grid.simple .grid-body {
    padding: 13px 26px
}

.narrow_layout .FC-border-group .form-collapse-body {
    padding: 10px
}

.narrow_layout .well {
    padding: 8px 19px
}

.narrow_layout .form-actions {
    margin-top: 10px;
    padding: 10px 20px 10px
}

.narrow_layout .pill-content>.active,.narrow_layout .tab-content>.active {
    padding: 10px 19px
}

.narrow_layout .table>tbody>tr>td,.narrow_layout .table>tbody>tr>th,.narrow_layout .table>tfoot>tr>td,.narrow_layout .table>tfoot>tr>th,.narrow_layout .table>thead>tr>td,.narrow_layout .table>thead>tr>th {
    padding: 6px
}

.narrow_layout .J-download-box {
    padding: 5px;
    margin: 5px 0
}

.narrow_layout .checkbox label,.narrow_layout .star label {
    margin-bottom: 5px
}

.narrow_layout .nav-tabs>li>a {
    padding: 10px 20px
}

.narrow_layout .FC-border-group h4.land-collapse-title {
    margin: 5px 0
}

.narrow_layout #personailze_box .nav-tabs .add_tab_btn .btn {
    margin-top: 9px
}

.narrow_layout .table th {
    padding: 8px 10px
}

.narrow_layout .table td {
    padding: 8px 10px
}

.narrow_layout .table>tbody>tr>td,.narrow_layout .table>tbody>tr>th,.narrow_layout .table>tfoot>tr>td,.narrow_layout .table>tfoot>tr>th,.narrow_layout .table>thead>tr>td,.narrow_layout .table>thead>tr>th {
    padding: 8px
}

.narrow_layout .btn {
    padding: 7px 10px
}

.narrow_layout .grid .simple .form-actions {
    margin-left: 20px!important;
    margin-right: 20px!important;
    margin-bottom: 20px!important
}

.narrow_layout .grid.simple .grid-title {
    padding: 10px 15px 0 15px
}

.narrow_layout .grid.simple .grid-body {
    padding: 14px
}

.narrow_layout .grid.simple .form-actions {
    margin-right: -14px!important;
    margin-left: -14px!important;
    margin-bottom: -14px!important
}

.narrow_layout .horizontal-menu .bar-inner>ul>li {
    padding: 8px 10px
}

.narrow_layout .header .navbar-inner {
    height: 50px
}

@media (min-width: 980px) {
    .narrow_layout .horizontal-menu .page-content .content {
        padding-top:100px
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .narrow_layout .horizontal-menu .page-content .content {
        margin-top:0
    }
}

.narrow_layout .page-content .content {
    padding-left: 13px;
    padding-right: 13px
}

.narrow_layout hr {
    margin: 5px 0
}

.circle-check-p {
    margin-top: 0;
    margin-right: 0;
    float: none;
    z-index: 1;
    cursor: pointer
}

.circle-check-p .circle-check {
    background-color: #ddd;
    border-radius: 20px;
    display: inline-block;
    font-size: 20px;
    width: 30px;
    height: 30px;
    position: relative;
    text-align: center;
    user-select: none;
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)
}

.circle-check-p .circle-check:hover {
    background: #bbb
}

.circle-check-p .circle-check:after {
    position: absolute;
    left: 5px;
    top: 0;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    width: 20px;
    height: 20px
}

.circle-check-p .circle-check.click {
    background: #fff;
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    border: solid #2f8be4 2px
}

.circle-check-p .circle-check.click:hover {
    color: #62d6d6
}

.circle-check-p .circle-check.click:after {
    color: #2f8be4!important;
    left: 3px;
    top: -2px
}

.circle-check-p.circle-check-p-sm .circle-check {
    font-size: 10px;
    height: 22px;
    width: 22px;
    line-height: 22px
}

.circle-check-p.circle-check-p-sm .circle-check:after {
    position: absolute;
    left: 4px;
    top: 1px;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 15.2px;
    width: 15px;
    height: 15px
}

.circle-check-p.circle-check-p-sm .circle-check.click:after {
    left: 2px;
    top: -1px;
    color: #2f8be4!important;
    font-size: 15.2px
}

table .info-help {
    width: 23px;
    height: 23px;
    line-height: 23px;
    border-radius: 3px;
    background: #448aff;
    text-align: center;
    cursor: pointer
}

table .info-help i {
    color: #fff
}

table .info-help:hover {
    background: #2962ff
}

.well .info-help {
    width: 23px;
    height: 23px;
    line-height: 23px;
    border-radius: 3px;
    background: #448aff;
    text-align: center;
    cursor: pointer
}

.well .info-help i {
    color: #fff
}

.well .info-help:hover {
    background: #2962ff
}

.input-group-addon {
    border: 1px solid #ccc
}

.input-group-addon:focus {
    border-color: #80d4f5
}

.transparent .input-group-addon:first-child,.transparent .input-group-btn:first-child>.btn,.transparent .input-group-btn:first-child>.dropdown-toggle,.transparent .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.transparent.input-group .form-control:first-child {
    border-right: 0;
    border-left: 1px solid #ccc
}

.transparent .input-group-addon:first-child:focus,.transparent .input-group-btn:first-child>.btn:focus,.transparent .input-group-btn:first-child>.dropdown-toggle:focus,.transparent .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle):focus,.transparent.input-group .form-control:first-child:focus {
    border-color: #80d4f5
}

a[href="#selectModal"] {
    float: left;
    margin-top: 10px;
    margin-right: 10px
}

.panel-group .panel-heading .panel-title>a.collapsed {
    color: #011b27
}

.panel-group .panel-heading .panel-title>a.collapsed:after {
    color: #011b27
}

.header .nav .h-seperate {
    top: 5px
}

.modal-header .close {
    margin-top: -9px!important;
    font-size: 30px!important;
    opacity: .5!important
}

.panel-heading.collapsed .check-default {
    float: left;
    margin-top: -6px
}

.btn-group .btn-info.active {
    box-shadow: inset -3px 4px 5px #00474a;
    background: #00585c;
    color: #fff94a
}

.container-lg,.container-xl,.container-xxll {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px
}

@media only screen and (min-width: 480px) {
    .container-lg,.container-xl,.container-xxl {
        width:100%
    }
}

@media only screen and (min-width: 768px) {
    .container-lg,.container-xl,.container-xxl {
        width:100%
    }
}

@media only screen and (min-width: 992px) {
    .container-lg,.container-xl,.container-xxl {
        width:100%
    }
}

@media only screen and (min-width: 1200px) {
    .container-lg,.container-xl,.container-xxl {
        width:1140px
    }
}

@media only screen and (min-width: 1400px) {
    .container-lg,.container-xl,.container-xxl {
        width:1320px
    }
}

@media only screen and (min-width: 1600px) {
    .container-xl,.container-xxl {
        width:1520px
    }
}

@media only screen and (min-width: 1800px) {
    .container-xxl {
        width:1720px
    }
}

@keyframes pulse {
    0% {
        transform: scale(.9);
        opacity: .7
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.9);
        opacity: .7
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.95);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.95);
        opacity: .7
    }
}

.card-container-sm {
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #eee;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 1 px rgba(170,170,170,.25);
    cursor: pointer
}

.card-container-sm.end {
    margin-bottom: 0
}

.card-container-sm:after {
    content: "";
    display: block;
    clear: both
}

.card-container-sm .img-thumb {
    cursor: pointer;
    float: left;
    position: relative;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 5px 0 0 5px;
    text-align: center;
    background: #aaa;
    cursor: pointer;
    box-shadow: rgba(84,84,84,.2) 0 0 0 1px inset
}

.card-container-sm .img-thumb.blue-bg {
    background: #0074d9
}

.card-container-sm .img-thumb i {
    position: relative;
    margin-top: 15px;
    font-size: 30px;
    color: #fff;
    width: auto
}

.card-container-sm .img-thumb .stack-text {
    margin-top: -4.5em;
    color: #ccc
}

.card-container-sm .img-thumb .stack-text i {
    color: #ccc;
    font-size: 18px;
    margin-top: -30px
}

.card-container-sm .img-thumb .popover {
    background-color: rgba(0,0,0,.85);
    border-radius: 5px;
    margin-top: 50px;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    color: #fff;
    display: none;
    font-size: 12px;
    left: 0;
    padding: 7px 10px;
    position: absolute;
    width: 200px;
    z-index: 400000000000000000000
}

.card-container-sm .img-thumb .popover.bottom:before {
    border-bottom: 7px solid rgba(0,0,0,.85);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px;
    content: "";
    display: block;
    margin-left: 12px;
    position: absolute
}

.card-container-sm .img-thumb .popover.top {
    margin-top: -40px
}

.card-container-sm .img-thumb .popover.top:before {
    border-top: 7px solid rgba(0,0,0,.85);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    content: "";
    display: block;
    margin-left: 12px;
    position: absolute
}

.card-container-sm .img-thumb:hover .popover {
    display: block;
    -webkit-animation: fade-in .3s linear 1,move-up .3s linear 1;
    -moz-animation: fade-in .3s linear 1,move-up .3s linear 1;
    -ms-animation: fade-in .3s linear 1,move-up .3s linear 1
}

.card-container-sm .img-thumb img {
    width: 100%;
    max-width: 34px;
    max-height: 34px;
    margin-top: 12px;
    margin-left: 0
}

.card-container-sm .text {
    font-size: 18px;
    float: left;
    margin-left: 20px;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 47%
}

.card-container-sm .text.textHover:hover {
    color: #2196f3;
    cursor: pointer
}

.card-container-sm .circle-check-p {
    margin-top: 13px;
    margin-right: 10px;
    float: right
}

.card-container-sm .circle-check-p .circle-check {
    background-color: #ddd;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)
}

.card-container-sm .circle-check-p .circle-check:after {
    position: absolute;
    left: 7px;
    top: 0;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 22px;
    width: 22px;
    height: 22px
}

.card-container-sm .circle-check-p .circle-check:hover {
    background: #2ba7a7
}

.card-container-sm .circle-check-p .circle-check.click {
    background: #62d6d6
}

.card-container-sm .circle-check-p .circle-check.click:hover {
    background: #2ba7a7
}

.card-container-sm .circle-check-p .circle-check:checked {
    background: #62d6d6
}

.card-container-sm.click {
    border: 2px solid #26a69a;
    border-radius: 5px
}

.card-container-sm .circle-check-p .circle-check:hover {
    background: #2ba7a7
}

.card-container-sm .circle-check-p .circle-check.click {
    background: #62d6d6
}

.card-container-sm .circle-check-p .circle-check.click:hover {
    background: #2ba7a7
}

.card-container-sm .circle-check-p .circle-check:checked {
    background: #62d6d6
}

.card-container-sm.click {
    border: 2px solid #26a69a;
    border-radius: 5px
}

.card-container-sm.click .img-thumb {
    height: 56px;
    border-radius: 0
}

.card-container-sm .card-chack {
    left: 5px;
    top: -10px;
    position: absolute;
    color: #fff;
    font-weight: bolder;
    text-decoration: inherit;
    z-index: 99;
    background: #e1e1e1;
    padding: 2px 5px;
    border-radius: 50%;
    font-size: 15.2px;
    cursor: pointer;
    box-shadow: 1px 2px 2px 0 #9e9e9e
}

.card-container-sm.click .card-chack {
    background: #26a69a
}

.ban_style.card-container-sm .img-thumb {
    background: #e2e2e2
}

.card-container-sm.card-xs {
    height: 45px
}

.card-container-sm.card-xs .img-thumb {
    width: 45px;
    height: 45px
}

.card-container-sm.card-xs .img-thumb i {
    margin-top: 12px;
    font-size: 25px
}

.card-container-sm.card-xs .text {
    margin-top: 14px;
    font-size: 15.2px
}

.card-container-sm.card-xs.click {
    overflow: hidden
}

.ban_style.card-container-sm .img-thumb {
    box-shadow: rgba(165,165,165,.2) 0 0 0 1px inset;
    background: #e2e2e2
}

.ban_style.card-container-sm .img-thumb:hover {
    box-shadow: none
}

.ban_style.card-container-sm .text {
    opacity: .3
}

.card-container3 .img-gallery:hover {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes pulse {
    0% {
        transform: scale(.9);
        opacity: .7
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.9);
        opacity: .7
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.95);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.95);
        opacity: .7
    }
}

.card-container3 .img-gallery:hover {
    animation-name: pulse;
    -webkit-animation-name: pulse;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite
}

@keyframes pulse {
    0% {
        transform: scale(.9);
        opacity: .7
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.9);
        opacity: .7
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.95);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.95);
        opacity: .7
    }
}

.card-container3 {
    width: 100%;
    background-color: #fff;
    padding: 0;
    position: relative;
    border-radius: 6px;
    border: 1px solid #eee;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 1 px rgba(170,170,170,.25);
    margin: 0 20px 20px 0;
    position: relative
}

.card-container3 i {
    width: auto!important
}

.card-container3 .card-btn {
    position: absolute;
    top: 22px;
    right: 15px
}

.card-container3 .opacity6 {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    opacity: .6
}

.card-container3 .img-gallery {
    position: absolute;
    margin-top: 5px;
    right: 10px;
    color: #fff;
    font-size: 28px
}

.card-container3 .img-gallery a,.card-container3 .img-gallery a:hover {
    color: #fff
}

.card-container3 .circle-check-p {
    margin-top: 5px;
    margin-right: 5px;
    float: left;
    z-index: 1;
    cursor: pointer;
    margin-left: 5px;
    position: absolute;
    z-index: 1
}

.card-container3 .circle-check-p .circle-check {
    background-color: #ddd;
    border-radius: 20px;
    display: inline-block;
    font-size: 20px;
    width: 30px;
    height: 30px;
    position: relative;
    text-align: center;
    user-select: none;
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)
}

.card-container3 .circle-check-p .circle-check:hover {
    background: #bbb
}

.card-container3 .circle-check-p .circle-check:after {
    position: absolute;
    left: 5px;
    top: 0;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    width: 20px;
    height: 20px
}

.card-container3 .circle-check-p .circle-check.click {
    background: #fff;
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    border: solid #2f8be4 2px
}

.card-container3 .circle-check-p .circle-check.click:hover {
    color: #62d6d6
}

.card-container3 .circle-check-p .circle-check.click:after {
    color: #2f8be4!important;
    left: 3px;
    top: -2px
}

.card-container3 .circle-check-p.circle-check-p-sm .circle-check {
    font-size: 10px;
    height: 22px;
    width: 22px;
    line-height: 22px
}

.card-container3 .circle-check-p.circle-check-p-sm .circle-check:after {
    position: absolute;
    left: 4px;
    top: 1px;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 15.2px;
    width: 15px;
    height: 15px
}

.card-container3 .circle-check-p.circle-check-p-sm .circle-check.click:after {
    left: 2px;
    top: -1px;
    color: #2f8be4!important;
    font-size: 15.2px
}

.card-container3.noBorder {
    border: none
}

.card-container3 .img-thumb {
    position: relative;
    -moz-border-radius: 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    height: 100px;
    text-align: center;
    background: #aaa;
    cursor: pointer;
    -webkit-transition: all 150ms cubic-bezier(.39,.5,.15,1.36);
    -moz-transition: all 150ms cubic-bezier(.39,.5,.15,1.36);
    -ms-transition: all 150ms cubic-bezier(.39,.5,.15,1.36);
    -o-transition: all 150ms cubic-bezier(.39,.5,.15,1.36);
    transition: all 150ms cubic-bezier(.39,.5,.15,1.36);
    box-shadow: rgba(84,84,84,.2) 0 0 0 1px inset
}

.card-container3 .img-thumb .dotAnimation {
    position: absolute;
    left: 48%;
    transform: translate(-48%,0)
}

.card-container3 .img-thumb:hover {
    box-shadow: rgba(84,84,84,.6) 0 150px 0 2px inset
}

.card-container3 .img-thumb .imgH100 img {
    width: auto;
    height: 100px;
    border: 1px solid #9fa8a3
}

.card-container3 .img-thumb .imgCover img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover
}

.card-container3 .img-thumb .category-fa {
    text-shadow: 2px 2px 2px #858e83,3px 2px 1px #fff;
    font-size: 75px;
    top: 15px
}

.card-container3 .img-thumb.noHover {
    box-shadow: rgba(84,84,84,0) 0 150px 0 2px inset
}

.card-container3 .img-thumb.img-thunb-gradient {
    position: relative;
    background-color: #9fa8a3;
    background-image: linear-gradient(70deg,rgba(0,0,0,0) 67%,rgba(255,255,255,.05) 67%,rgba(255,255,255,.025)),linear-gradient(rgba(255,255,255,0) 11px,rgba(0,0,0,0) 11px),linear-gradient(#c5d5cb,#9fa8a3 1%,#e3e0cf)
}

.card-container3 .img-thumb.img-thunb-gradient:hover {
    box-shadow: none;
    -webkit-filter: contrast(80%);
    -moz-filter: contrast(80%);
    -ms-filter: contrast(80%);
    -o-filter: contrast(80%);
    filter: contrast(80%);
    filter: contrast
}

.card-container3 .img-thumb i {
    font-size: 3em;
    color: #fff;
    position: relative;
    top: 30px
}

.card-container3 .img-thumb .filetype-text {
    font-size: 20px;
    font-weight: 700;
    margin-left: 5px
}

.card-container3 .img-thumb .fa-stack-1x {
    top: 40px;
    right: 5px
}

.card-container3 .img-thumb .fa-stack-2x {
    font-size: 3em
}

.card-container3 .img-thumb-folder {
    -moz-border-radius: 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    height: 120px;
    background: #1d7cd6;
    text-align: center;
    cursor: pointer
}

.card-container3 .img-thumb-folder .quantity {
    -moz-border-radius: 0;
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
    background-color: rgba(0,0,0,.5);
    height: 120px
}

.card-container3 .img-thumb-folder .quantity p {
    color: #fff;
    padding: 2px 0;
    font-size: 15.2px
}

.card-container3 .img-thumb-folder .quantity p:first-child {
    padding-top: 17px;
    font-size: 26px;
    font-weight: 700
}

.card-container3 .img-thumb-folder .quantity i {
    font-size: 40px;
    color: #fff;
    position: relative;
    top: 0
}

.card-container3 .mybg-orange {
    background: #f97a12
}

.card-container3 .permissions-icon {
    color: #616161;
    margin-top: 12px
}

.card-container3 .permissions-icon .icon-list-item {
    float: left;
    padding-right: 10px
}

.card-container3 .permissions-icon .time-container {
    float: left;
    color: #616161;
    font-size: 15.2px;
    width: 80%;
    margin-top: -4px
}

.card-container3 .inside {
    position: relative;
    padding: 10px 7px
}

.card-container3 .inside .col-xs-2,.card-container3 .inside .col-xs-4 {
    position: static!important
}

.card-container3 .inside .btn-fixed {
    position: absolute;
    right: -8px;
    bottom: 70px
}

.card-container3 .inside .jq-dropdown {
    top: 20px!important;
    left: 80px!important
}

.card-container3 .inside .jq-dropdown ul {
    text-align: left!important
}

.card-container3 .inside .jq-dropdown ul li a {
    font-size: 15.2px;
    line-height: 15px;
    color: #2a2e36;
    border-radius: 3px;
    text-align: left;
    display: block;
    padding: 4px 10px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none
}

.card-container3 .inside .jq-dropdown ul li a:hover {
    color: #1b1e24;
    text-decoration: none;
    background-color: #eff2f3;
    background-image: none
}

.card-container3 .inside .jq-dropdown ul li a .fa {
    float: left;
    font-size: 20px;
    color: #0074d9
}

.card-container3 .inside .jq-dropdown ul li a span {
    float: right;
    color: #444
}

.card-container3 .inside .jq-dropdown .jq-dropdown-panel {
    min-width: 90px
}

.card-container3 .inside h4 {
    font-size: 15.2px;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card-container3 .inside .surveyTexGroup {
    font-size: 15.2px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 80%
}

.card-container3 .inside .mainText {
    font-size: 15.2px;
    color: #494949;
    display: block;
    display: -webkit-box;
    max-width: 680px;
    height: 72.96px;
    font-size: 15.2px;
    line-height: 1.6;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.card-container3 .control-panel {
    position: relative;
    border-top: 1px solid #eee;
    padding-top: 7px;
    height: 50px;
    padding-right: 7px;
    padding-left: 7px
}

.card-container3 .control-panel .toggle-open-close {
    position: absolute
}

.card-container3 .control-panel .JchangeTex {
    position: absolute;
    left: 80px;
    top: 12px;
    display: none
}

.card-container3 .control-panel .btn-group {
    position: absolute;
    bottom: 6px
}

.card-container3 .cropImg {
    overflow: hidden;
    height: 120px
}

.card-container3 .cropImg100 {
    overflow: hidden;
    height: 100px
}

.card-container3 .cropImg100 img {
    width: 100%
}

.card-container3 .infomation-box ul {
    margin-top: 10px;
    list-style: none;
    padding: 0 10px;
    font-size: 16px;
    max-width: 90%;
    color: #666;
    line-height: 1.25
}

.card-container3 .infomation-box ul li {
    padding: 7px 0
}

.card-container3 .overlay {
    background: rgba(0,0,0,.34);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100px;
    right: 0;
    left: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.card-container3 .parking-number {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-weight: 900;
    letter-spacing: .1em;
    padding: .2em 0 .25em 0;
    font-size: 35px;
    color: #fff;
    z-index: 7;
    text-shadow: 2px 2px 2px rgba(138,140,138,.82),3px 2px 1px
}

.card-container3 .parking-number p {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card-container3 .parking-number i {
    font-size: 35px;
    top: 10px
}

.card-container3 .parking-number.PN-left {
    font-size: 20px;
    left: 80%;
    width: 80px
}

.icon_menu.img-thumb-blue,.img-thumb.img-thumb-blue {
    background: #0074d9!important
}

.icon_menu.img-thumb-blue:hover,.img-thumb.img-thumb-blue:hover {
    background: #0059a6
}

.icon_menu.img-thumb-blue .filetype-text,.icon_menu.img-thumb-blue .stack-text,.img-thumb.img-thumb-blue .filetype-text,.img-thumb.img-thumb-blue .stack-text {
    color: #0074d9
}

.icon_menu.img-thumb-teal,.img-thumb.img-thumb-teal {
    background: #39cccc!important
}

.icon_menu.img-thumb-teal:hover,.img-thumb.img-thumb-teal:hover {
    background: #2ba7a7
}

.icon_menu.img-thumb-teal .filetype-text,.icon_menu.img-thumb-teal .stack-text,.img-thumb.img-thumb-teal .filetype-text,.img-thumb.img-thumb-teal .stack-text {
    color: #39cccc
}

.icon_menu.img-thumb-orange,.img-thumb.img-thumb-orange {
    background: #ff851b!important
}

.icon_menu.img-thumb-orange:hover,.img-thumb.img-thumb-orange:hover {
    background: #e76b00
}

.icon_menu.img-thumb-orange .filetype-text,.icon_menu.img-thumb-orange .stack-text,.img-thumb.img-thumb-orange .filetype-text,.img-thumb.img-thumb-orange .stack-text {
    color: #ff851b
}

.icon_menu.img-thumb-pink,.img-thumb.img-thumb-pink {
    background: #e91e63!important
}

.icon_menu.img-thumb-pink:hover,.img-thumb.img-thumb-pink:hover {
    background: #c1134e
}

.icon_menu.img-thumb-pink .filetype-text,.icon_menu.img-thumb-pink .stack-text,.img-thumb.img-thumb-pink .filetype-text,.img-thumb.img-thumb-pink .stack-text {
    color: #e91e63
}

.icon_menu.img-thumb-purple,.img-thumb.img-thumb-purple {
    background: #9c27b0!important
}

.icon_menu.img-thumb-purple:hover,.img-thumb.img-thumb-purple:hover {
    background: #771e86
}

.icon_menu.img-thumb-purple .filetype-text,.icon_menu.img-thumb-purple .stack-text,.img-thumb.img-thumb-purple .filetype-text,.img-thumb.img-thumb-purple .stack-text {
    color: #9c27b0
}

.icon_menu.img-thumb-green,.img-thumb.img-thumb-green {
    background: #4caf50!important
}

.icon_menu.img-thumb-green:hover,.img-thumb.img-thumb-green:hover {
    background: #3d8b40
}

.icon_menu.img-thumb-green .filetype-text,.icon_menu.img-thumb-green .stack-text,.img-thumb.img-thumb-green .filetype-text,.img-thumb.img-thumb-green .stack-text {
    color: #4caf50
}

.icon_menu.img-thumb-yellow,.img-thumb.img-thumb-yellow {
    background: #ffdc00!important
}

.icon_menu.img-thumb-yellow:hover,.img-thumb.img-thumb-yellow:hover {
    background: #ccb000
}

.icon_menu.img-thumb-yellow .filetype-text,.icon_menu.img-thumb-yellow .stack-text,.img-thumb.img-thumb-yellow .filetype-text,.img-thumb.img-thumb-yellow .stack-text {
    color: #ffdc00
}

.icon_menu.img-thumb-dark,.img-thumb.img-thumb-dark {
    background: #4c4c4c!important
}

.icon_menu.img-thumb-dark:hover,.img-thumb.img-thumb-dark:hover {
    background: #333
}

.icon_menu.img-thumb-dark .filetype-text,.icon_menu.img-thumb-dark .stack-text,.img-thumb.img-thumb-dark .filetype-text,.img-thumb.img-thumb-dark .stack-text {
    color: #4c4c4c
}

.icon_menu.img-thumb-red,.img-thumb.img-thumb-red {
    background: #ec5e56;
    background: #ec5e56!important
}

.icon_menu.img-thumb-red:hover,.img-thumb.img-thumb-red:hover {
    background: #e73228
}

.icon_menu.img-thumb-red .filetype-text,.icon_menu.img-thumb-red .stack-text,.img-thumb.img-thumb-red .filetype-text,.img-thumb.img-thumb-red .stack-text {
    color: #ec5e56
}

.icon_menu.img-thumb-grey-purple,.img-thumb.img-thumb-grey-purple {
    background: #96a4c3!important
}

.icon_menu.img-thumb-grey-purple:hover,.img-thumb.img-thumb-grey-purple:hover {
    background: #7688b0
}

.icon_menu.img-thumb-grey-purple .filetype-text,.icon_menu.img-thumb-grey-purple .stack-text,.img-thumb.img-thumb-grey-purple .filetype-text,.img-thumb.img-thumb-grey-purple .stack-text {
    color: #96a4c3
}

.img-thumb-gradien-Green {
    background: #4caf50!important;
    background-image: linear-gradient(to top,#388e3c 0,#4caf50 100%)!important
}

.img-thumb-gradien-Green:hover {
    background: #3d8b40
}

.img-thumb-gradien-Green .filetype-text,.img-thumb-gradien-Green .stack-text {
    color: #4caf50
}

.img-thumb-gradien-Teal {
    background: #009688!important;
    background-image: linear-gradient(to top,#00796b 0,#009688 100%)!important
}

.img-thumb-gradien-Teal:hover {
    background: #00635a
}

.img-thumb-gradien-Teal .filetype-text,.img-thumb-gradien-Teal .stack-text {
    color: #009688
}

.img-thumb-gradien-Cyan {
    background: #00bcd4!important;
    background-image: linear-gradient(to top,#0097a7 0,#00bcd4 100%)!important
}

.img-thumb-gradien-Cyan:hover {
    background: #008fa1
}

.img-thumb-gradien-Cyan .filetype-text,.img-thumb-gradien-Cyan .stack-text {
    color: #00bcd4
}

.img-thumb-gradien-Blue {
    background: #2196f3!important;
    background-image: linear-gradient(to top,#1976d2 0,#2196f3 100%)!important
}

.img-thumb-gradien-Blue:hover {
    background: #0c7cd5
}

.img-thumb-gradien-Blue .filetype-text,.img-thumb-gradien-Blue .stack-text {
    color: #2196f3
}

.img-thumb-gradien-Orange {
    background: #ff9800!important;
    background-image: linear-gradient(to top,#f57c00 0,#ff9800 100%)!important
}

.img-thumb-gradien-Orange:hover {
    background: #cc7a00
}

.img-thumb-gradien-Orange .filetype-text,.img-thumb-gradien-Orange .stack-text {
    color: #ff9800
}

.img-thumb-gradien-Purple {
    background: #9c27b0!important;
    background-image: linear-gradient(to top,#7b1fa2 0,#9c27b0 100%)!important
}

.img-thumb-gradien-Purple:hover {
    background: #771e86
}

.img-thumb-gradien-Purple .filetype-text,.img-thumb-gradien-Purple .stack-text {
    color: #9c27b0
}

.img-thumb-gradien-Pink {
    background: #e91e63!important;
    background-image: linear-gradient(to top,#c2185b 0,#e91e63 100%)!important
}

.img-thumb-gradien-Pink:hover {
    background: #c1134e
}

.img-thumb-gradien-Pink .filetype-text,.img-thumb-gradien-Pink .stack-text {
    color: #e91e63
}

.img-thumb-gradien-GreenA {
    background: #00e676!important;
    background-image: linear-gradient(to top,#00c853 0,#00e676 100%)!important
}

.img-thumb-gradien-GreenA:hover {
    background: #00b35c
}

.img-thumb-gradien-GreenA .filetype-text,.img-thumb-gradien-GreenA .stack-text {
    color: #00e676
}

.img-thumb-gradien-LightGreen {
    background: #9ccc65!important;
    background-image: linear-gradient(to top,#689f38 0,#9ccc65 100%)!important
}

.img-thumb-gradien-LightGreen:hover {
    background: #83bf3f
}

.img-thumb-gradien-LightGreen .filetype-text,.img-thumb-gradien-LightGreen .stack-text {
    color: #9ccc65
}

.img-thumb-gradien-DeepPurple {
    background: #7e57c2!important;
    background-image: linear-gradient(to top,#512da8 0,#7e57c2 100%)!important
}

.img-thumb-gradien-DeepPurple:hover {
    background: #643da9
}

.img-thumb-gradien-DeepPurple .filetype-text,.img-thumb-gradien-DeepPurple .stack-text {
    color: #7e57c2
}

.img-thumb-gradien-DeepPurple {
    background: #7e57c2!important;
    background-image: linear-gradient(to top,#512da8 0,#7e57c2 100%)!important
}

.img-thumb-gradien-DeepPurple:hover {
    background: #643da9
}

.img-thumb-gradien-DeepPurple .filetype-text,.img-thumb-gradien-DeepPurple .stack-text {
    color: #7e57c2
}

.img-thumb-gradien-Red {
    background: #ef5350!important;
    background-image: linear-gradient(to top,#d32f2f 0,#ef5350 100%)!important
}

.img-thumb-gradien-Red:hover {
    background: #eb2521
}

.img-thumb-gradien-Red .filetype-text,.img-thumb-gradien-Red .stack-text {
    color: #ef5350
}

.img-thumb-gradien-Indigo {
    background: #5c6bc0!important;
    background-image: linear-gradient(to top,#303f9f 0,#5c6bc0 100%)!important
}

.img-thumb-gradien-Indigo:hover {
    background: #4150a8
}

.img-thumb-gradien-Indigo .filetype-text,.img-thumb-gradien-Indigo .stack-text {
    color: #5c6bc0
}

.img-thumb-gradien-LightBlue {
    background: #29b6f6!important;
    background-image: linear-gradient(to top,#0288d1 0,#29b6f6 100%)!important
}

.img-thumb-gradien-LightBlue:hover {
    background: #0a9fe2
}

.img-thumb-gradien-LightBlue .filetype-text,.img-thumb-gradien-LightBlue .stack-text {
    color: #29b6f6
}

.img-thumb-gradien-Lime {
    background: #d4e157!important;
    background-image: linear-gradient(to top,#afb42b 0,#d4e157 100%)!important
}

.img-thumb-gradien-Lime:hover {
    background: #c9d92c
}

.img-thumb-gradien-Lime .filetype-text,.img-thumb-gradien-Lime .stack-text {
    color: #d4e157
}

.img-thumb-gradien-Yellow {
    background: #ffeb3b!important;
    background-image: linear-gradient(to top,#f9a825 0,#ffeb3b 100%)!important
}

.img-thumb-gradien-Yellow:hover {
    background: #ffe608
}

.img-thumb-gradien-Yellow .filetype-text,.img-thumb-gradien-Yellow .stack-text {
    color: #ffeb3b
}

.img-thumb-gradien-Amber {
    background: #ffca28!important;
    background-image: linear-gradient(to top,#ffa000 0,#ffca28 100%)!important
}

.img-thumb-gradien-Amber:hover {
    background: #f4b800
}

.img-thumb-gradien-Amber .filetype-text,.img-thumb-gradien-Amber .stack-text {
    color: #ffca28
}

.img-thumb-gradien-DeepOrange {
    background: #ff7043!important;
    background-image: linear-gradient(to top,#e64a19 0,#ff7043 100%)!important
}

.img-thumb-gradien-DeepOrange:hover {
    background: #ff4910
}

.img-thumb-gradien-DeepOrange .filetype-text,.img-thumb-gradien-DeepOrange .stack-text {
    color: #ff7043
}

.img-thumb-gradien-Brown {
    background: #8d6e63!important;
    background-image: linear-gradient(to top,#5d4037 0,#8d6e63 100%)!important
}

.img-thumb-gradien-Brown:hover {
    background: #6f574e
}

.img-thumb-gradien-Brown .filetype-text,.img-thumb-gradien-Brown .stack-text {
    color: #8d6e63
}

.img-thumb-gradien-BlueA {
    background: #448aff!important;
    background-image: linear-gradient(to top,#2962ff 0,#448aff 100%)!important
}

.img-thumb-gradien-BlueA:hover {
    background: #116aff
}

.img-thumb-gradien-BlueA .filetype-text,.img-thumb-gradien-BlueA .stack-text {
    color: #448aff
}

.project_m-cloud_warp .project--warp__share {
    background-image: url(../images/cloudicon/img_005.png)
}

.project_m-cloud_warp .project--warp__download {
    background-image: url(../images/cloudicon/img_021.png)
}

.project_m-cloud_warp .project--warp__info {
    background-image: url(../images/cloudicon/img_024.png)
}

.project_m-cloud_warp .project--warp__del {
    background-image: url(../images/cloudicon/img_006.png)
}

.project_m-cloud_warp .project--warp__edit {
    background-image: url(../images/cloudicon/img_007.png)
}

.project_m-cloud_warp .project--warp__more {
    background-image: url(../images/cloudicon/img_017.png)
}

.index_projcet_schedule .btn {
    margin: 11px 11px 11px 0
}

.index_projcet_schedule .file-list li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 7px;
    cursor: pointer
}

.project_m-cloud_warp .grid-body {
    max-height: 550px;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 11px 0 11px;
    margin: -15px 0 0 0
}

.menu-one {
    position: relative;
    cursor: pointer;
    color: #81c784;
    font-weight: 700;
    padding: 1em;
    margin-bottom: .125em;
    display: block;
    list-style: outside none none;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    box-shadow: 0 2px 1px rgba(189,189,189,.11);
    border-left: 6px solid #4caf50
}

.menu-one.one {
    border-left: 6px solid #d9d9d9
}

.menu-one .ken_header>span {
    display: block
}

.menu-one .ken_header .txt {
    margin: 0 50px 0 50px
}

.menu-one .ken_header .txt .h1 {
    color: #444;
    display: block;
    font-size: 1.1em;
    -webkit-margin-before: .67em;
    -webkit-margin-after: .67em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: 700;
    margin-bottom: 0!important;
    margin-top: 0!important
}

.menu-one .ken_header .txt .h2 {
    color: #888;
    display: block;
    font-size: 1.5em;
    font-size: 80%;
    -webkit-margin-before: .83em;
    -webkit-margin-after: .83em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 0
}

.menu-one .ken_header .type {
    background-repeat: no-repeat;
    background-position: center;
    width: 34px;
    height: 48px;
    float: left;
    -moz-background-size: 30px;
    -webkit-background-size: 30px;
    -o-background-size: 30px;
    background-size: 40px
}

.menu-one .ken_header .type.doc {
    background-image: url(../images/file/DOC.png)
}

.menu-one .ken_header .type.zip {
    background-image: url(../images/file/ZIP.png)
}

.ken_header .kfile {
    position: absolute;
    top: 24px;
    left: 16px;
    color: #81c784
}

.tool_link {
    margin-top: 10px;
    background-color: #fff;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0 0 3px 3px;
    z-index: 1000;
    box-shadow: 0 5px 14px -5px #555;
    box-shadow: 0 5px 14px -5px #555;
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0
}

.tool_link label {
    margin-bottom: 10px
}

.tool_link .row {
    margin: 0;
    padding: 22px
}

.ken_header ul {
    list-style: none;
    padding: 0
}

.ken_header .arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-image: url(../images/cloudicon/ellipsis-v.png);
    background-size: 66%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ddd
}

.ken_header .download {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAACsUlEQVR4Xu2b4XGTMQyG33cC2IBuQDsBZQLoBMAElAmACYAJYAPKBMAEbScANoAJxOnOufsI/XKSJTvJnfwnf2zZfiLJrxyHGNhE5BTARwD62dO+AXhF8qZnsGUMLZ16+4jIDwAnvePbuBuSZ0Ebq8OHARAR3bgCCDeSw9Y5zLCInAP4Gt49gAJQHlAhMCxUhxmuHFBJsE6BOgZLB5QQKiVYUrhqgQQCVQwdaTGkt0DXCQ5wnOWwblxEpAAkEDjKHFAeUCFQOaCSYJ0CdQyWDighlKCDSgqXEjzSajDtVhjAY5L6ViC9jfxl6DOAp0krviJ5kWTrHzMuAO3FxxPDQnTjva9C1szrK5Erw9xfPC9KvADUDR8ZFrHPLt9JaviZmhdAZlybFtjRyZUvXABajf8ewMuOhc0Y8oHkpWciN4AGQePxoWeiCX1vSbrzTi+AtAvPRDBnnuS3mbcLQPOCNwBeJ24gYkrfEmpouls3gAbhEE4FV9bfJhQFoG8BNR/cc6PPGfBH9QbJn73mQgCaFzxvz2F71xAZ94Lkp4iBMIAGQRWaRSFG1ro9VhVfWGpnAbgPQN1wViio65+Q/B0lmgKgecFMlehSe7sgpQGYqBLdam8mAA0FPRUeRF1zZfwtgPMM1w8LobUNtpI55WfxO+boUnvTPGAzkYiMUIlvSard1JaaA5YrE5HMgqmr0LGQGgkgSyWG1d70EFiEgtbm7yzfxI4+3YWOZd5hHrCAEFGJKWpvbx7QtEGvSkxTe3sF0CCoZtdrck+7IGm5BfbY/K/v8BBYhIJWbc+Mq01Ve3v3gEUoWFTir1bjhwsdC+xpHtAgWAqmtELn4AA0CLtU4hC1dxAhYFCJw9TeIQLQa3W9UN1coOiRp1XesH+Jr0GYmgO2vECPxs1V9uWMI+8uCH8BxlwsUMJzr5gAAAAASUVORK5CYII=);
    background-size: 66%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ddd
}

.ken_header .menu-two {
    display: none;
    height: 60px;
    background: #999;
    margin-top: 0;
    padding-top: 6px;
    box-shadow: inset 0 0 5px 0 #777
}

.ken_header .menu-two li {
    width: 25%;
    height: 60px;
    float: left;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center
}

.ken_header .menu-two li p {
    font-size: 80%;
    color: #fff
}

.ken_header .menu-two li:hover {
    background: 0 0
}

.ken_header .menu-two li div {
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: 20px;
    -webkit-background-size: 20px;
    -o-background-size: 20px;
    background-size: 20px;
    background-size: 32px
}

.ken_header .menu-two li p {
    font-size: 60%;
    color: #fff
}

.tab_grounp_warp .grid-title {
    margin-bottom: 0
}

.tab_grounp_warp .grid-body {
    padding: 0 0 21px 0
}

@keyframes pulse {
    0% {
        transform: scale(.9);
        opacity: .7
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.9);
        opacity: .7
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.95);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.95);
        opacity: .7
    }
}

@keyframes pulse {
    0% {
        transform: scale(.9);
        opacity: .7
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.9);
        opacity: .7
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.95);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.95);
        opacity: .7
    }
}

.widget-item .Purple {
    background-color: #9c27b0!important;
    border-radius: 5px 5px 0 0;
    transition: background-color 1s ease 0s;
    cursor: pointer;
    color: #fff
}

.widget-item .Purple:hover {
    background-color: #6a1b9a!important
}

.widget-item .Pink {
    background-color: #e91e63!important;
    border-radius: 5px 5px 0 0;
    transition: background-color 1s ease 0s;
    cursor: pointer
}

.widget-item .Pink:hover {
    background-color: #ad1457!important
}

.widget-item .Indigo {
    background-color: #3f51b5!important;
    border-radius: 5px 5px 0 0;
    transition: background-color 1s ease 0s;
    cursor: pointer
}

.widget-item .Indigo:hover {
    background-color: #283593!important
}

.widget-item .Cyan {
    background-color: #00bcd4!important;
    border-radius: 5px 5px 0 0;
    transition: background-color 1s ease 0s;
    cursor: pointer
}

.widget-item .Cyan:hover {
    background-color: #00838f!important
}

.widget-item .LightGreen {
    background-color: #8bc34a!important;
    border-radius: 5px 5px 0 0;
    transition: background-color 1s ease 0s;
    cursor: pointer
}

.widget-item .LightGreen:hover {
    background-color: #558b2f!important
}

.widget-item .Orange {
    background-color: #ff9800!important;
    border-radius: 5px 5px 0 0;
    transition: background-color 1s ease 0s;
    cursor: pointer
}

.widget-item .Orange:hover {
    background-color: #ef6c00!important
}

.widget-item .DeepOrange {
    background-color: #ff5722!important;
    border-radius: 5px 5px 0 0;
    transition: background-color 1s ease 0s;
    cursor: pointer
}

.widget-item .DeepOrange:hover {
    background-color: #d84315!important
}

.widget-item .Brown {
    background-color: #795548!important;
    border-radius: 5px 5px 0 0;
    transition: background-color 1s ease 0s;
    cursor: pointer
}

.widget-item .Brown:hover {
    background-color: #4e342e!important
}

.widget-item .Grey {
    background-color: #757575!important;
    border-radius: 5px 5px 0 0;
    transition: background-color 1s ease 0s;
    cursor: pointer
}

.widget-item .Grey:hover {
    background-color: #5d5d5d!important
}

.widget-item .Cyan {
    background-color: #26c6da!important;
    border-radius: 5px 5px 0 0;
    transition: background-color 1s ease 0s;
    cursor: pointer
}

.widget-item .Cyan:hover {
    background-color: #118b9a!important
}

.widget-item .LightGreen {
    background-color: #9ccc65!important;
    border-radius: 5px 5px 0 0;
    transition: background-color 1s ease 0s;
    cursor: pointer
}

.widget-item .LightGreen:hover {
    background-color: #6ca42c!important
}

.widget-item .Green {
    background-color: #66bb6a!important;
    border-radius: 5px 5px 0 0;
    transition: background-color 1s ease 0s;
    cursor: pointer
}

.widget-item .Green:hover {
    background-color: #2e7d32!important
}

.widget-item .Teal {
    background-color: #26a69a!important;
    border-radius: 5px 5px 0 0;
    transition: background-color 1s ease 0s;
    cursor: pointer
}

.widget-item .Teal:hover {
    background-color: #00695c!important
}

.widget-item .LightBlue {
    background-color: #29b6f6!important;
    border-radius: 5px 5px 0 0;
    transition: background-color 1s ease 0s;
    cursor: pointer
}

.widget-item .LightBlue:hover {
    background-color: #0277bd!important
}

.widget-item .user-name h4 {
    letter-spacing: 1px
}

.widget-item .date-body {
    padding: 10px 20px!important
}

.widget-item .user-name h4 {
    text-align: center
}

.widget-item .Green-Box {
    border-radius: 5px 5px 0 0;
    background-color: #bcbcbc;
    color: #fff;
    position: relative
}

.tiles .tree-date-box i {
    font-size: 66px;
    padding-top: 17px;
    padding-bottom: 17px
}

.widget-item .tree-date-box {
    text-align: center
}

.widget-item .tree-date-box img {
    width: 100px;
    height: 100px
}

@keyframes pulse {
    0% {
        transform: scale(.9);
        opacity: .7
    }

    50% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.9);
        opacity: .7
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(.95);
        opacity: .7
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(.95);
        opacity: .7
    }
}

.list_card_container {
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 1px 25px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.06);
    border-bottom: 1px solid #d2d2d2;
    border-left: 1px solid #dadada;
    background: #fff;
    position: relative;
    width: 100%;
    margin-bottom: 10px
}

.list_card_container .img-thumb {
    width: 18%;
    float: left;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-right: 1px solid #e6e6e6;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.list_card_container .img-thumb img {
    width: 100%;
    max-width: 300px;
    margin: 0 auto
}

.list_card_container .inside {
    width: 81%;
    float: right
}

.list_card_container .inside .app_name,.list_card_container .inside .app_title {
    display: block
}

.list_card_container .inside .infomation-box .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    border-bottom: 1px dashed #aaa
}

.list_card_container .inside .infomation-box .title label {
    font-size: 18px;
    font-weight: 700
}

.list_card_container .inside .infomation-box ul {
    margin-bottom: 0;
    list-style: none;
    padding: 0 10px;
    font-size: 16px;
    width: 100%;
    color: #666;
    line-height: 1.25
}

.list_card_container .inside .infomation-box ul li {
    padding: 7px 0
}

.list_card_container .inside .infomation-box ul .li-inline-md {
    display: inline-block;
    position: relative;
    padding-right: 15px
}

.list_card_container .inside .infomation-box ul .li-inline-md:after {
    content: "";
    position: absolute;
    right: 5px;
    top: 8px;
    height: 15px;
    width: 1px;
    background: #afafaf
}

.list_card_container .inside .infomation-box ul .li-inline-md.p-t-0:after {
    top: 3px
}

.list_card_container .inside .infomation-box ul .li-inline-md.li-inline-title {
    color: #3b6b71;
    font-weight: 700;
    display: block;
    padding-bottom: 2px;
    padding-right: 2px
}

.list_card_container .inside .infomation-box ul .li-inline-md.li-inline-title:after {
    width: 0
}

.list_card_container .inside .infomation-box ul .li-inline-md:last-child:after {
    width: 0
}

.list_card_container .inside .infomation-box ul:last-child {
    margin-bottom: 0
}

.list_card_container .inside .infomation-box ul+ul {
    margin-top: 0
}

.list_card_container:after,.list_card_container:before {
    content: " ";
    display: table
}

.list_card_container:after {
    clear: both
}

.list_card_container .list_card_bottom {
    padding: 0 10px;
    margin-top: 22px;
    border-top: 1px solid #eee
}

.list_card_container .list_card_bottom .fa-chevron-down,.list_card_container .list_card_bottom .fa-chevron-up {
    color: #8b91a0
}

.list_card_container .list_card_bottom .well-small {
    padding: 13px 0;
    margin: 0 6px;
    margin-bottom: 12px;
    background: #f3f3f3
}

.list_card_container .list_card_bottom .well-small:after {
    content: "";
    display: table;
    clear: both
}

@media only screen and (max-width: 1200px) {
    .list_card_container .inside .infomation-box ul .li-inline-md {
        display:inline-block
    }
}

@media only screen and (max-width: 480px) {
    .list_card_container .img-thumb {
        width:100%
    }

    .list_card_container .inside {
        width: 100%
    }

    .list_card_container .inside .infomation-box ul .li-inline-md {
        display: block;
        padding-right: 0
    }

    .list_card_container .inside .infomation-box ul .li-inline-md:after {
        width: 0
    }
}

.member--box .visibility--hidden {
    visibility: hidden;
    display: none
}

.member--box.user-comment-wrapper {
    border-radius: 5px;
    padding: 7px;
    background: #f3f3f3
}

.member--box.user-comment-wrapper .comment {
    display: inline-block;
    float: left
}

.member--box.user-comment-wrapper .comment .user-name {
    color: #2f2f2f;
    padding-top: 2px;
    padding-left: 0;
    padding-right: 0;
    white-space: normal;
    text-overflow: clip
}

.member--box.user-comment-wrapper:hover {
    background: #e6e6e6
}

.member--box.user-comment-wrapper .comment {
    width: 63%
}

.member--box .member_ckeck_box {
    padding: 0;
    float: left;
    margin-right: 0;
    margin-left: 0;
    width: 25px
}

.member--box .principal_box {
    float: right;
    padding-top: 5px;
    color: #a5a5a5;
    cursor: pointer;
    font-size: 13px;
    border-radius: 5px;
    border: solid 1px #a7a7a7;
    text-align: center;
    padding: 0 6px
}

.member--box .principal_box:hover {
    color: #f1b10e
}

.member--box .profile_textbox {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px
}

.member--box .profile_conbox:after,.member--box.user-comment-wrapper:after {
    clear: both;
    display: block;
    content: ""
}

.member--box .profile_textbox:after {
    clear: both;
    display: block;
    content: ""
}

.member--box .profile_textbox:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.member--box.user-comment-wrapper .profile-wrapper {
    width: 45px;
    height: 45px;
    padding-top: 0;
    margin-top: 0
}

.member--box .profile_conbox:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.member--box.user-comment-wrapper .profile-wrapper img {
    width: 45px;
    height: 45px
}

.member--box .principal_box.active {
    color: #fff;
    background: #f1b10e;
    border: solid 1px #f1b10e
}

.DCbox__item {
    cursor: pointer;
    text-align: center
}

.DCbox__item .DCbox__box {
    width: 80%;
    height: 110px;
    margin: auto;
    border-radius: 9px;
    border: 3px dashed #a0a0a0;
    background: #e2e2e2
}

.DCbox__item .DCbox__box .fa {
    font-size: 44px;
    line-height: 99px;
    color: #afafaf;
    text-shadow: 1px 1px 1px #424242
}

.DCbox__item .DCbox__tex {
    padding: 5px;
    font-size: 14px
}

.DCbox__item.unregistered .DCbox__box {
    background: rgba(159,159,159,.831372549);
    border: none;
    box-shadow: 1px 1px 2px rgba(115,115,115,.83137)
}

.DCbox__item.unregistered .DCbox__box .fa {
    color: #d6d6d6;
    text-shadow: 1px 1px 1px #3e4645
}

.DCbox__item.registered .DCbox__box {
    background: #2196f3;
    border: none;
    box-shadow: 1px 1px 2px rgba(95,95,95,.83137)
}

.DCbox__item.registered .DCbox__box .fa {
    color: #c2dfff;
    text-shadow: 1px 1px 1px #1a237e
}

.DCbox__item.inactive .DCbox__box {
    background: #ffca2b;
    border: none;
    box-shadow: 1px 1px 2px rgba(148,148,148,.83137)
}

.DCbox__item.inactive .DCbox__box .fa {
    color: #fff59d;
    text-shadow: 1px 1px 1px #caa025
}

.DCbox__item.active .DCbox__box {
    background: #90cc4b;
    border: none;
    box-shadow: 1px 1px 2px rgba(148,148,148,.831372549)
}

.DCbox__item.active .DCbox__box .fa {
    color: #c6ffc9;
    text-shadow: 1px 1px 1px #358c84
}

.DCbox__item.cancel .DCbox__box {
    background: rgba(55,55,55,.831372549);
    border: none;
    box-shadow: 1px 1px 2px rgba(82,82,82,.83137)
}

.DCbox__item.cancel .DCbox__box .fa {
    color: #bbb;
    text-shadow: 1px 1px 1px #a7a7a7
}

.circle-order-list {
    list-style: none;
    counter-reset: mylist;
    padding: 0
}

.circle-order-list li {
    margin: 10px
}

.circle-order-list li::before {
    counter-increment: mylist;
    content: counter(mylist);
    background: #90cc4b;
    color: #fff;
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 50%
}

.circle-order-list li:nth-of-type(1)::before {
    background: #d32f2f
}

.circle-order-list li:nth-of-type(2)::before {
    background: #ff8f00
}

.circle-order-list li:nth-of-type(3)::before {
    background: #e65100
}

.circle-order-list li:nth-of-type(4)::before {
    background: #00796b
}

.circle-order-list li:nth-of-type(5)::before {
    background: #43a047
}

.circle-order-list li:nth-of-type(6)::before {
    background: #0277bd
}

.circle-order-list li:nth-of-type(7)::before {
    background: #9c27b0
}

.border-left-md {
    border-left: 1px solid #eaeaea
}

.password-strength {
    height: 37px;
    background: #dadada;
    margin-left: 20px;
    text-align: center;
    line-height: 37px
}

.password_group .glyphicon {
    position: absolute;
    right: 28px;
    top: 12px;
    font-size: 14px
}

.password_group {
    margin-bottom: 10px
}

.QRcode {
    border: 1px solid #e6e5e5;
    box-shadow: 1px 1px 1px #eee;
    margin-top: 17px;
    margin-bottom: 27px;
    width: 80%
}

@media only screen and (max-width: 1200px) {
    .DCbox__item .DCbox__box {
        width:100%;
        height: 100px
    }

    .DCbox__item .DCbox__box::before {
        line-height: 100px
    }
}

@media only screen and (max-width: 992px) {
    .DCbox__item .DCbox__box {
        width:80%;
        height: 100px
    }

    .DCbox__item .DCbox__box::before {
        line-height: 100px
    }
}

@media only screen and (max-width: 768px) {
    .border-left-md {
        border-left:none
    }
}

.Downloadfile-img {
    width: 35px;
    height: 35px;
    float: left;
    margin-right: 6px;
    margin-left: -4px;
    background-repeat: no-repeat
}

.Downloadfile-img.Downloadfile-default {
    background: url(../images/file_icon/default.png)
}

.Downloadfile-img.Downloadfile-PDF {
    background: url(../images/file_icon/PDF.png)
}

.Downloadfile-img.Downloadfile-MP4 {
    background: url(../images/file_icon/MP4.png)
}

.Downloadfile-img.Downloadfile-PNG {
    background: url(../images/file_icon/PNG.png)
}

.Downloadfile-img.Downloadfile-DOC {
    background: url(../images/file_icon/DOC.png)
}

.Downloadfile-img.Downloadfile-PHP {
    background: url(../images/file_icon/PHP.png)
}

.Downloadfile-img.Downloadfile-JPG {
    background: url(../images/file_icon/JPG.png)
}

.Downloadfile-img.Downloadfile-RB {
    background: url(../images/file_icon/RB.png)
}

.Downloadfile-img.Downloadfile-RAR {
    background: url(../images/file_icon/RAR.png)
}

.Downloadfile-img.Downloadfile-TXT {
    background: url(../images/file_icon/TXT.png)
}

.Downloadfile-img.Downloadfile-FILE {
    background: url(../images/file_icon/file.png)
}

.Downloadfile-img.Downloadfile-GIF {
    background: url(../images/file_icon/GIF.png)
}

.Downloadfile-img.Downloadfile-FLA {
    background: url(../images/file_icon/FLA.png)
}

.Downloadfile-img.Downloadfile-PPT {
    background: url(../images/file_icon/PPT.png)
}

.Downloadfile-img.Downloadfile-PSD {
    background: url(../images/file_icon/PSD.png)
}

.Downloadfile-img.Downloadfile-ZIP {
    background: url(../images/file_icon/ZIP.png)
}

.Downloadfile-img.Downloadfile-TIF {
    background: url(../images/file_icon/TIF.png)
}

.Downloadfile-img.Downloadfile-ODS {
    background: url(../images/file_icon/ODS.png)
}

.Downloadfile-img.Downloadfile-ODT {
    background: url(../images/file_icon/ODT.png)
}

.Downloadfile-img.Downloadfile-ODF {
    background: url(../images/file_icon/ODF.png)
}

.Downloadfile-img.Downloadfile-ODP {
    background: url(../images/file_icon/ODP.png)
}

.Downloadfile-img.Downloadfile-XLS {
    background: url(../images/file_icon/XLS.png)
}

.Downloadfile-img.Downloadfile-C1 {
    background: url(../images/file_icon/C++.png)
}

.Downloadfile-img.Downloadfile-HTML {
    background: url(../images/file_icon/HTML.png)
}

.Downloadfile-img.Downloadfile-C2 {
    background: url(../images/file_icon/Csharp.png)
}

.Downloadfile-img.Downloadfile-JAVA {
    background: url(../images/file_icon/JAVA.png)
}

.Downloadfile-img.Downloadfile-MUSIC {
    background: url(../images/file_icon/music.png)
}

.Downloadfile-img.Downloadfile-ODT {
    background: url(../images/file_icon/ODT.png)
}

.Downloadfile-img.disabled {
    opacity: .5;
    cursor: not-allowed
}

.Download-span {
    height: 35px;
    line-height: 35px;
    text-decoration: underline;
    color: #989898
}

.Downloadfile-img.disabled+.Download-span {
    opacity: .5;
    cursor: not-allowed
}

.dropzone {
    min-height: 150px
}

.dropzone .dz-default.dz-message {
    /*margin-top: -73.5px*/
}

.color_boxArr {
    margin-top: 10px;
    cursor: pointer
}

.color_boxArr {
    margin-top: 10px;
    cursor: pointer
}

.color_boxArr .color_box {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left
}

.color_boxArr .color_box:hover {
    border: solid 2px #000
}

.color_boxArr .color_box.active {
    border: solid 2px #000
}

.Large_file_box {
    width: 80px;
    height: 133px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    background-position-y: 0
}

.Large_file_box.Large_file_PDF {
    background-image: url(../images/Large_file_icon/PDF.gif)
}

.Large_file_box.Large_file_DOC {
    background-image: url(../images/Large_file_icon/DOC.gif)
}

.Large_file_box.Large_file_AI {
    background-image: url(../images/Large_file_icon/AI.gif)
}

.Large_file_box.Large_file_PHP {
    background-image: url(../images/Large_file_icon/PHP.gif)
}

.Large_file_box.Large_file_PNG {
    background-image: url(../images/Large_file_icon/PNG.gif)
}

.Large_file_box.Large_file_PPT {
    background-image: url(../images/Large_file_icon/PPT.gif)
}

.Large_file_box.Large_file_PSD {
    background-image: url(../images/Large_file_icon/PSD.gif)
}

.Large_file_box.Large_file_PY {
    background-image: url(../images/Large_file_icon/PY.gif)
}

.Large_file_box.Large_file_RAR {
    background-image: url(../images/Large_file_icon/RAR.gif)
}

.Large_file_box.Large_file_TIF {
    background-image: url(../images/Large_file_icon/TIF.gif)
}

.Large_file_box.Large_file_TXT {
    background-image: url(../images/Large_file_icon/TXT.gif)
}

.Large_file_box.Large_file_XLS {
    background-image: url(../images/Large_file_icon/XLS.gif)
}

.Large_file_box.Large_file_FLA {
    background-image: url(../images/Large_file_icon/FLA.gif)
}

.Large_file_box.Large_file_C1 {
    background-image: url(../images/Large_file_icon/C1.gif)
}

.Large_file_box.Large_file_C2 {
    background-image: url(../images/Large_file_icon/C2.gif)
}

.Large_file_box.Large_file_RB {
    background-image: url(../images/Large_file_icon/RB.gif)
}

.Large_file_box.Large_file_blank {
    background-image: url(../images/Large_file_icon/blank.gif)
}

.Large_file_box.Large_file_GIF {
    background-image: url(../images/Large_file_icon/GIF.gif)
}

.Large_file_box.Large_file_H {
    background-image: url(../images/Large_file_icon/H.gif)
}

.Large_file_box.Large_file_JAVA {
    background-image: url(../images/Large_file_icon/JAVA.gif)
}

.Large_file_box.Large_file_HTML {
    background-image: url(../images/Large_file_icon/HTML.gif)
}

.Large_file_box.Large_file_JSf {
    background-image: url(../images/Large_file_icon/JS.gif)
}

.Large_file_box.Large_file_MP4 {
    background-image: url(../images/Large_file_icon/MP4.gif)
}

.Large_file_box.Large_file_MUSIC {
    background-image: url(../images/Large_file_icon/Music.png)
}

.Large_file_box.Large_file_ODS {
    background-image: url(../images/Large_file_icon/ODS.gif)
}

.Large_file_box.Large_file_ODP {
    background-image: url(../images/Large_file_icon/ODP.gif)
}

.Large_file_box.Large_file_Preset {
    background-image: url(../images/Large_file_icon/Preset.gif)
}

.Large_file_box.Large_file_RB {
    background-image: url(../images/Large_file_icon/RB.gif)
}

.Large_file_box.Large_file_JPG {
    background-image: url(../images/Large_file_icon/JPG.gif)
}

.Large_file_box.Large_file_ARTICLE {
    background-image: url(../images/Large_file_icon/ARTICLE.gif)
}

.Large_file_box.Large_file_BLANK {
    background-image: url(../images/Large_file_icon/BLANK.gif)
}

.Large_file_box.Large_file_PRESET {
    background-image: url(../images/Large_file_icon/PRESET.gif)
}

.Large_file_box.Large_file_ZIP {
    background-image: url(../images/Large_file_icon/ZIP.gif)
}

.Large_file_box.Large_file_ODT {
    background-image: url(../images/Large_file_icon/ODT.gif)
}

.Large_file_box.Large_file_CVS {
    background-image: url(../images/Large_file_icon/CVS.gif)
}

.Large_file_box.Large_file_CSV {
    background-image: url(../images/Large_file_icon/CSV.gif)
}

div.imgBox .Large_file_box {
    background-position-y: 22px
}

.back_file_Edit {
    border: solid 1px #e0e0e0
}

.back_file_Edit p {
    padding-right: 35px;
    padding-top: 7px;
    padding-left: 10px;
    background-color: #eee;
    margin-bottom: 0
}

.back_file_Edit .kpl {
    padding-left: 35px
}

.btn-group.btn-float-right.Kbtnfloat {
    top: 120px;
    right: 21px
}

.btn-group.btn-float-right.Kbtnfloat .btn {
    padding: 4px 6px
}

.back_file_Edit .Kimg-download {
    top: 118px
}

div.div-img-body {
    position: relative;
    min-height: 40px;
    color: #fff;
    border-radius: 0 0 5px 5px
}

div.div-img-body .btn {
    padding: 4px 6px
}

div.btn-float-right {
    position: absolute;
    top: 7px;
    right: 7px
}

.edit-checkbox {
    margin-top: 10px!important;
    margin-left: 10px!important;
    display: inherit!important;
    position: absolute
}

div.img-border-radius img {
    border-radius: 5px 5px 0 0
}

.edit-checkbox label:before {
    border-radius: 10px
}

.edit-checkbox label {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    margin-bottom: 6px;
    color: #777a80;
    transition: border .2s linear 0s,color .2s linear 0s;
    margin-bottom: 10px;
    direction: ltr
}

a.other-btn {
    padding: 6px 20px 6px 11px;
    margin-bottom: 0
}

div.div-img-body {
    position: relative;
    min-height: 40px;
    color: #fff;
    border-radius: 0 0 5px 5px
}

div.div-img-body .btn {
    padding: 4px 6px
}

div.btn-float-right {
    position: absolute;
    top: 7px;
    right: 7px
}

.edit-checkbox {
    margin-top: 10px!important;
    margin-left: 10px!important;
    display: inherit!important;
    position: absolute
}

div.img-border-radius img {
    border-radius: 5px 5px 0 0
}

.edit-checkbox label:before {
    border-radius: 10px
}

.edit-checkbox label {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    margin-bottom: 6px;
    color: #777a80;
    transition: border .2s linear 0s,color .2s linear 0s;
    margin-bottom: 10px;
    direction: ltr
}

div.BoxNewImg {
    width: 100%;
    height: 300px;
    background-color: #f7f3f7;
    border: solid 1px #efebef;
    border-radius: 2px;
    text-align: center;
    line-height: 300px
}

div.BoxNewImgAlbum {
    height: 380px;
    background-color: #f7f3f7;
    border: solid 1px #ccc;
    border-radius: 2px;
    text-align: center;
    line-height: 380px;
    border-radius: 5px;
    box-shadow: 0 0 10px 1px rgba(204,204,204,.6)
}

div.BoxNewImgAlbum img {
    width: 80%
}

div.edit-img_Menu-checkbox {
    top: 155px;
    left: 17px
}

div.div-img-btn {
    top: 157px;
    right: 24px;
    position: absolute
}

div.back_img_txet_Edit {
    border: solid 1px #fff;
    padding: 2px;
    background-color: #fff;
    margin: 0 auto;
    box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset
}

div.back_img_txet_Edit p {
    margin: 4px 2px 0;
    line-height: 30px;
    padding: 0 26px
}

div.back_img_txet_view {
    border: solid 1px #fff;
    padding: 2px;
    background-color: #fff;
    margin: 0 auto;
    box-shadow: 0 1px 4px rgba(0,0,0,.3),0 0 40px rgba(0,0,0,.1) inset
}

div.back_img_txet_view p {
    margin: 4px 2px 0;
    line-height: 30px;
    padding: 0 26px 0 0
}

.img_Menu-checkbox {
    display: inline-block;
    margin-left: 6px;
    margin-top: 6px;
    padding-left: 0;
    position: absolute
}

.img_Menu-checkbox input[type=checkbox] {
    display: none
}

.img_Menu-checkbox label {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
    margin-bottom: 6px;
    color: #777a80;
    transition: border .2s linear 0s,color .2s linear 0s;
    margin-bottom: 10px;
    direction: ltr
}

.img_Menu-checkbox label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 1.4px;
    background-color: #fff;
    border: 1px solid #c2c6cb;
    border-radius: 10px;
    transition: border .2s linear 0s,color .2s linear 0s
}

.img_Menu-checkbox label::after {
    display: inline-block;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 3.2px;
    top: 0;
    font-size: 11px;
    transition: border .2s linear 0s,color .2s linear 0s
}

.back_img_txet p,.back_img_txet_Edit p,.back_img_txet_view p {
    max-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.card-container-sm .btn-group {
    float: right;
    margin-top: 12px;
    margin-right: 10px
}

.card-container-sm .text {
    margin-top: 18px;
    margin-left: 10px;
    width: 55%
}

.card-container-sm .text a {
    color: #666869
}

.btn-group.color.open .btn.dropdown-toggle {
    background-color: #ffe082
}

.btn-group.color a {
    background-color: #ffb300
}

.btn-group.color .dropdown-menu.paint-brush {
    min-width: 106px;
    padding: 5px;
    margin-top: 10px
}

.btn-group.color .dropdown-menu.paint-brush li {
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px
}

.btn-group.color .dropdown-menu.paint-brush li.active {
    border: solid 1px #000
}

.btn-group.color .dropdown-menu.paint-brush li:hover {
    border: solid 1px #000
}

.btn-group.color .dropdown-menu.paint-brush .arrow_t_out {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    border-width: 7px;
    top: -13px;
    left: 10px
}

.btn-group.color .dropdown-menu.paint-brush .arrow_t_int {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent rgba(142,142,142,.42) transparent;
    position: absolute;
    border-width: 7px;
    top: -14px;
    left: 10px
}

.btn-group.color .Blackb {
    background-color: #000!important
}

.ImgBoxFile .back_img_txet_Edit .row {
    margin-right: 0;
    margin-left: 0
}

.ImgBoxFile .back_img_txet_Edit .imgBox {
    min-height: 140px;
    position: relative
}

.ImgBoxFile .back_img_txet_Edit .checkbox label:before {
    border-radius: 50%
}

.ImgBoxFile .back_img_txet_Edit .Removal_p label {
    position: relative;
    top: 2px;
    left: 4px
}

.ImgBoxFile .back_img_txet_Edit ul.function-dropdown {
    top: -12px
}

.ImgBoxFile .back_img_txet_Edit .w10 {
    float: left;
    width: 10%
}

.ImgBoxFile .back_img_txet_Edit .w80 {
    float: left;
    width: 75%
}

.ImgBoxFile .back_img_txet_Edit .w20 {
    float: right;
    right: 4px;
    position: relative
}

.ImgBoxFile .back_img_txet_Edit .w20 .btn-group {
    position: relative;
    top: 4px
}

.ImgBoxFile .back_img_txet_Edit .w20 .btn-group button {
    padding: 4px 6px
}

.ImgBoxFile .back_img_txet_Edit .w20 a.FileDownload {
    padding: 4px 6px;
    position: relative;
    top: 4px;
    background-color: #c5c5c5
}

.ImgBoxFile .back_img_txet_Edit .w20 a.FileDownload:hover {
    background-color: #1976d2
}

.ImgBoxFile div.div-img-btn {
    top: 0;
    right: 0;
    position: absolute
}

.ImgBoxFile div.Removal_p p {
    margin: 4px 2px 0;
    line-height: 30px;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Upload-steps-3 li {
    max-width: 33.33333%;
    min-width: 33.33333%
}

.wizard-steps li.active .Blue-300-b,.wizard-steps li.active.complete .Blue-300-b {
    background-color: #64b5f6
}

.wizard-steps li.active .Blue-500-b,.wizard-steps li.active.complete .Blue-500-b {
    background-color: #2196f3
}

i.cursor-pointer {
    cursor: pointer
}

div.File_Type-Box {
    height: 216px;
    border: solid 1px #dee3de;
    background-color: #f2f2f2;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 10px;
    cursor: pointer
}

div.File_Type-Box .fa {
    margin-top: 60px
}

div.File_Type-Box .p {
    font-size: 18px
}

div.File_Type-Box b {
    font-size: 21px
}

div.File_Type-Box .Large_file_box {
    top: 42px
}

div.File_Type-Box .File_p {
    top: 20px;
    position: relative
}

div.tree-date-box {
    text-align: center
}

div.tree-date-box img {
    width: 100px;
    height: 100px
}

.descriptive .drag_and_drop {
    padding: 6px 13px;
    background-color: #f0f8ff;
    width: 40px
}

.descriptive .drag_and_drop:hover {
    background-color: #ababab;
    color: #fff;
    position: relative;
    top: -1px;
    border-radius: 6px
}

.descriptive .drag_and_drop:hover .fa {
    font-size: 24px;
    position: relative;
    left: -5px;
    top: 2px
}

.PNG-export p {
    color: #ff8708
}

.PNG-export:hover {
    border-color: #dc760a
}

.PNG-export:hover p {
    color: #dc760a
}

.XLS-export p {
    color: #75b578
}

.XLS-export:hover {
    border-color: #479b4a
}

.XLS-export:hover p {
    color: #479b4a
}

.CVS-export p {
    color: #75b578
}

.CVS-export:hover {
    border-color: #479b4a
}

.CVS-export:hover p {
    color: #479b4a
}

.TXT-export p {
    color: #919191
}

.TXT-export:hover {
    border-color: #7e7d7d
}

.TXT-export:hover p {
    color: #7e7d7d
}

.MP4-export p {
    color: #919191
}

.MP4-export:hover {
    border-color: #7e7d7d
}

.MP4-export:hover p {
    color: #7e7d7d
}

.MUSIC-export p {
    color: #8a6fcb
}

.MUSIC-export:hover {
    border-color: #643b9d
}

.MUSIC-export:hover p {
    color: #643b9d
}

.ODP-export p {
    color: #d85353
}

.ODP-export:hover {
    border-color: #bb1f1f
}

.ODP-export:hover p {
    color: #bb1f1f
}

.DOC-export p {
    color: #0d68c5
}

.DOC-export:hover {
    border-color: #07417c
}

.DOC-export:hover p {
    color: #07417c
}

.PHP-export p {
    color: #5c52c5
}

.PHP-export:hover {
    border-color: #342d82
}

.PHP-export:hover p {
    color: #342d82
}

.JPG-export p {
    color: #1fa125
}

.JPG-export:hover {
    border-color: #16791a
}

.JPG-export:hover p {
    color: #16791a
}

.RB-export p {
    color: #d85353
}

.RB-export:hover {
    border-color: #bb1f1f
}

.RB-export:hover p {
    color: #bb1f1f
}

.RAR-export p {
    color: #b0364c
}

.RAR-export:hover {
    border-color: #881615
}

.RAR-export:hover p {
    color: #881615
}

.GIF-export p {
    color: #5cc09e
}

.GIF-export:hover {
    border-color: #419c7f
}

.GIF-export:hover p {
    color: #419c7f
}

.FLA-export p {
    color: #f93f44
}

.FLA-export:hover {
    border-color: #dd1b20
}

.FLA-export:hover p {
    color: #dd1b20
}

.PPT-export p {
    color: #fd8f0b
}

.PPT-export:hover {
    border-color: #e36c08
}

.PPT-export:hover p {
    color: #e36c08
}

.PSD-export p {
    color: #0e63bf
}

.PSD-export:hover {
    border-color: #0a4b90
}

.PSD-export:hover p {
    color: #0a4b90
}

.ZIP-export p {
    color: #8a6fcb
}

.ZIP-export:hover {
    border-color: #643b9d
}

.ZIP-export:hover p {
    color: #643b9d
}

.H-export p {
    color: #8a6fcb
}

.H-export:hover {
    border-color: #643b9d
}

.H-export:hover p {
    color: #643b9d
}

.JS-export p {
    color: #b66028
}

.JS-export:hover {
    border-color: #944f22
}

.JS-export:hover p {
    color: #944f22
}

.TIF-export p {
    color: #006af9
}

.TIF-export:hover {
    border-color: #035ad1
}

.TIF-export:hover p {
    color: #035ad1
}

.ODS-export p {
    color: #fc454a
}

.ODS-export:hover {
    border-color: #c93e40
}

.ODS-export:hover p {
    color: #c93e40
}

.C1-export p {
    color: #4d87f9
}

.C1-export:hover {
    border-color: #406ccb
}

.C1-export:hover p {
    color: #406ccb
}

.HTML-export p {
    color: #9cb53e
}

.HTML-export:hover {
    border-color: #7c8e31
}

.HTML-export:hover p {
    color: #7c8e31
}

.C2-export p {
    color: #75b578
}

.C2-export:hover {
    border-color: #479b4a
}

.C2-export:hover p {
    color: #479b4a
}

.JAVA-export p {
    color: #b66028
}

.JAVA-export:hover {
    border-color: #944f22
}

.JAVA-export:hover p {
    color: #944f22
}

.PDF-export p {
    color: #fc454a
}

.PDF-export:hover {
    border-color: #c93e40
}

.PDF-export:hover p {
    color: #c93e40
}

.BLANK-export p {
    color: #919191
}

.BLANK-export:hover {
    border-color: #7e7d7d
}

.BLANK-export:hover p {
    color: #7e7d7d
}

.ARTICLE-export p {
    color: #919191
}

.ARTICLE-export:hover {
    border-color: #7e7d7d
}

.ARTICLE-export:hover p {
    color: #7e7d7d
}

.PRESET-export p {
    color: #919191
}

.PRESET-export:hover {
    border-color: #7e7d7d
}

.PRESET-export:hover p {
    color: #7e7d7d
}

.ODT-export p {
    color: #e10882
}

.ODT-export:hover {
    border-color: #dc3593
}

.ODT-export:hover p {
    color: #dc3593
}

.category_box {
    padding: 0 15px 0 15px
}

.category_box h3 {
    font-size: 18px
}

.category_box_left_box_up {
    padding: 55px 20px 64px 20px
}

.category_box_left_box_down {
    padding: 15px 0 5px 0;
    border-top: solid 1px #cecece
}

.category_new_aims {
    width: 216px;
    height: 215px;
    padding-top: 5px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 74px;
    border-radius: 8px;
    line-height: 119px;
    border: dashed 3px #b5b5b5;
    position: relative;
    background-color: #ccc
}

.category_new_aims.icon_menu {
    border: none
}

.category_new_aims.icon_menu .iconFont {
    font-size: 74px
}

.category_new_title {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px
}

.category_new_aims .course_category_style {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 10px;
    display: none
}

.category_new_aims .course_category_style #iconFont {
    line-height: 150px;
    padding-top: 0
}

.category_new_aims .course_category_style i {
    padding-left: 53px;
    padding-top: 49px;
    display: block;
    text-align: center;
    width: 144px
}

.category_new_aims .course_category_style span {
    display: block;
    color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 41px;
    padding-left: 0;
    margin-left: -12px
}

.category_box_left_box {
    background: #e3e3e3;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 20px;
    -webkit-box-shadow: inset 3px 3px 3px rgba(51,51,102,.5);
    box-shadow: inset -2px 2px 7px rgba(0,5,64,.2);
    border-right: solid 1px #bbb;
    border-top: solid 1px #bbb
}

.category_box_right_box {
    padding: 20px
}

.category_box .modal-footer {
    background: 0 0;
    padding-left: 15px;
    text-align: center
}

.category_new_title input {
    height: 44px;
    border-radius: 6px
}

.category_new_ps {
    position: absolute;
    top: 51px;
    z-index: 800;
    font-size: 16px;
    color: #888;
    text-align: center;
    padding-left: 8px
}

.category_icon_box:after {
    content: "";
    display: block;
    clear: both
}

.category_icon_box ul {
    padding: 0;
    margin: 0
}

.category_icon_box ul li.ui-draggable {
    float: left;
    font-size: 30px;
    display: block;
    cursor: pointer;
    z-index: 901;
    width: 46px;
    height: 46px;
    margin: 10px 8px;
    border-radius: 3px;
    padding-top: 6px;
    color: #afafaf
}

.category_icon_box ul li.ui-draggable .active {
    color: #111
}

.category_color_box:after {
    content: "";
    display: block;
    clear: both
}

.category_color_box ul {
    padding: 0;
    text-align: center;
    margin: 0 auto;
    display: inline-block
}

.category_color_box ul li {
    float: left;
    display: block;
    margin: 6px 3px;
    z-index: 900;
    cursor: pointer
}

.category_color_box ul li.s_color_box {
    width: 73px;
    display: block;
    height: 70px;
    border-radius: 10px
}

.category_color_box ul li div {
    display: block;
    height: 68px!important;
    border-radius: 4px
}

.category_icon_box ul li:hover {
    margin: 10px 8px!important;
    font-size: 30px!important;
    color: #111!important;
    -webkit-transition: .2s;
    transition: .2s
}

.category_icon_box ul li.ui-draggable.ui-draggable-dragging {
    opacity: .7
}

.category_color_box ul li.s_color_box .ui-draggable.ui-draggable-dragging {
    width: 126px;
    height: 126px;
    opacity: .6
}

.category_color_box ul li:hover {
    margin: 6px 3px!important;
    -webkit-transition: .4s;
    transition: .4s
}

.category_color_box ul li:hover:hover .ui-draggable {
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 2px 1px #69696c;
    box-shadow: 0 0 2px 1px #69696c
}

.category_icon_box {
    position: relative;
    overflow: hidden
}

.category_icon_box .category_icon_box_mask ul {
    float: left;
    padding: 0 25px
}

.category_icon_box:after {
    display: block;
    content: "";
    clear: both
}

.category_icon_box_mask {
    position: absolute
}

.su_category_type_box {
    position: static;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
    margin-top: 10px
}

.categoryLeft_btn {
    position: absolute;
    top: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    background: #e6e6e6;
    color: #111;
    z-index: 100000;
    border-radius: 8px
}

.categoryright_btn {
    position: absolute;
    top: 50%;
    right: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    background: #e6e6e6;
    color: #111;
    z-index: 100000;
    border-radius: 8px
}

.JqadBoder {
    border: 3px solid #fff;
    -webkit-box-shadow: 0 0 2px 1px #696969;
    box-shadow: 0 0 2px 1px #696969
}

.shadowst {
    border: 1px solid #000;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fcfcfc),color-stop(3%,#f7f7f7),color-stop(12%,#f2f2f2),color-stop(90%,#d9d9d9),to(#bfbfbf));
    background-image: linear-gradient(to bottom,#fcfcfc,#f7f7f7 3%,#f2f2f2 12%,#d9d9d9 90%,#bfbfbf);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.33);
    box-shadow: 0 1px 4px rgba(0,0,0,.33)
}

.su_category_type_box .widget-item {
    border: none;
    border-radius: 5px 5px 0 0;
    border: none;
    position: relative;
    border: solid 1px #e0e0e0;
    margin-bottom: 9px
}

.su_category_type_box .tiles {
    cursor: pointer
}

.su_category_type_box .btn-group {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.su_category_type_box .tiles {
    cursor: pointer
}

.su_category_type_box .btn-group {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.su_category_type_box .triangle_box {
    position: absolute;
    bottom: 4px;
    left: 30px
}

.su_category_type_box .triangle_box .triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px
}

.su_category_type_box .triangle_box .triangle.st1 {
    border-color: transparent transparent #fff transparent;
    z-index: 78
}

.su_category_type_box .triangle_box .triangle.st2 {
    border-color: transparent transparent #d4d4d4 transparent;
    top: -1px;
    z-index: 77
}

.su_category_type_box .triangle_box .triangle.st1.active {
    border-color: transparent transparent #efefef transparent;
    z-index: 78
}

.wifiapplication {
    position: relative
}

.wifiapplication .grid.simple .grid-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    position: relative
}

.wifiapplication .row {
    margin-left: 0;
    position: relative;
    margin-right: 0
}

.wifiapplication .Retracted {
    border-radius: 0!important
}

.wifiapplication .nav-tabs {
    background: #fff;
    font-size: 14px
}

.wifiapplication .tab-content {
    background: #f9f9f9;
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative;
    overflow: visible
}

.wifiapplication .password_text .btn {
    color: #fff;
    font-size: 14px;
    display: block;
    background: #1976d2
}

.wifiapplication .password_text .btn:hover {
    background: #2b6196
}

.wifiapplication .password_text p {
    font-size: 16px;
    padding-bottom: 1px
}

.wifiapplication .password_text p:after {
    content: "";
    display: block;
    clear: both
}

.wifiapplication .password_text p span.st_4 {
    color: #969696;
    font-weight: 700;
    padding-bottom: 0;
    padding: 10px;
    display: block;
    width: 35%;
    float: left;
    border: solid 1px #d8d8d8;
    background: #efefef
}

.wifiapplication .password_text p span.st_5 {
    color: #424242;
    padding-bottom: 0;
    border: solid 1px #dcdcdc;
    padding: 10px;
    display: block;
    width: 65%;
    float: right;
    text-align: left
}

.wifi_icon_box {
    text-align: center;
    background: url(../images/wifiapplication_bg.png) repeat-x 0 2px #f4f4f4;
    padding-bottom: 1px;
    padding-top: 20px;
    position: relative
}

.wifi_icon_box .wifi_icon {
    width: 85px;
    height: 85px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    line-height: 75px;
    font-size: 40px;
    margin: 0 auto
}

.wifi_icon_box .wifi_icon i {
    text-align: center;
    width: 42px
}

.wifi_icon_box p {
    padding-top: 5px;
    font-size: 20px;
    font-weight: 700;
    text-align: center!important
}

.wifiapplication .col-sm-5 {
    padding-left: 5px;
    padding-right: 15px
}

.wifiapplication .col-sm-7 {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

.wifiapplication .nav-tabs>li.active {
    border-right: solid 1px #ddd;
    border-left: solid 1px #ddd
}

.wifiapplication .nav-tabs>li.active a {
    background: #f9f9f9
}

.wifiapplication .profile-description-box {
    padding: 0
}

.wifiapplication .profile-description-box p i {
    padding-right: 27px
}

.wifiapplication .pImg img {
    width: 100%;
    height: 100%;
    border-radius: 5px
}

.wifiapplication .tab-pane td {
    padding-bottom: 5px
}

.wifiapplication .tab-pane .st_1 {
    color: #a2a2a2;
    padding-right: 12px;
    width: 90px;
    vertical-align: top
}

.wifiapplication .tab-pane .st_2 {
    color: #656565
}

.admin_pass_box .password_text .btn {
    color: #fff;
    font-size: 14px;
    margin: 0 0 0 63%;
    display: block;
    background: #1976d2
}

.admin_pass_box .password_text .btn:hover {
    background: #2b6196
}

.admin_pass_box .password_text p {
    font-size: 16px;
    padding-bottom: 1px
}

.admin_pass_box .password_text p:after {
    content: "";
    display: block;
    clear: both
}

.admin_pass_box .password_text p span.st_4 {
    font-size: 21px;
    color: #969696;
    font-weight: 700;
    padding-bottom: 0;
    padding: 10px;
    display: block;
    width: 30%;
    float: left;
    border: solid 1px #d8d8d8;
    background: #efefef
}

.admin_pass_box .password_text p span.st_5 {
    font-size: 21px;
    color: #424242;
    padding-bottom: 0;
    border: solid 1px #dcdcdc;
    padding: 10px;
    display: block;
    width: 70%;
    float: right;
    text-align: left
}

.project1 {
    background-color: #ececec!important;
    border-radius: 3px
}

.wifiapplication .female {
    background: #ff4081;
    color: #fff
}

.wifiapplication .male i {
    color: #fff;
    text-align: center;
    padding: 5px
}

.wifiapplication .semi-bold {
    font-size: 22px;
    color: #4c4c4c
}

.wifiapplication .profile-description-box p {
    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 4px;
    color: #676767
}

.odd_number {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 90
}

.odd_number p {
    color: #7d7d7d;
    font-weight: 700;
    font-size: 15px
}

.odd_number p span.st_1 {
    padding-left: 4px;
    color: #5f5f67;
    display: initial
}

.wifiapplication p.phone-ext:before {
    content: "\f098";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    padding-right: 10px
}

.wifiapplication .profile-description-box i.fa-female {
    background: #ff4081;
    color: #fff
}

.wifiapplication .profile-description-box i.fa-male {
    background: #448aff;
    color: #fff
}

.wifiapplication .profile-description-box .pImg {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.wifiapplication .profile-description-box .pDes {
    font-size: 13px;
    color: #ff4081
}

.wifiapplication .profile-description-box .Jicon-circle {
    background: #aaa;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 21px;
    vertical-align: middle;
    padding: 0;
    font-size: 13px;
    margin-top: -5px;
    margin-left: 7px
}

.wifiapplication.style_1 .Retracted {
    border-top: solid 6px #73be37!important
}

.wifiapplication.style_1 .wifi_icon_box {
    border-bottom: solid 1px #73be37!important
}

.wifiapplication.style_1 .wifi_icon_box .wifi_icon {
    background: #73be37;
    border: solid 7px #d1eabd
}

.wifiapplication.style_1 .wifi_icon_box p {
    color: #73be37;
    text-align: left
}

.wifiapplication.style_1 .check_text {
    padding: 10px
}

.wifiapplication.style_1 .check_text p {
    color: #73be37;
    font-weight: 700;
    padding-bottom: 0;
    margin: 0
}

.wifiapplication p.Jtitle:before {
    content: "\f0b1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 15px;
    padding-right: 10px
}

.wifiapplication .timebox p.info-time {
    color: #2196f3;
    margin-top: 2px;
    font-weight: 400!important
}

.wifiapplication .timebox {
    padding: 12px 15px 9px 15px;
    border-top: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8
}

.wifiapplication .timebox p {
    padding-bottom: 6px;
    margin-bottom: 1px;
    color: #525252;
    font-weight: 700
}

.wifiapplication .tab-content .tab-pane {
    min-height: 220px
}

.wifiapplication .wifi_icon_box p.reason {
    padding-top: 0;
    font-size: 15px;
    margin-top: -11px
}

.admin_pass_box {
    font-size: 13px;
    color: #fff;
    border: solid 1px #bbb;
    background: #1a7cdc;
    border: solid 1px #0e69b1;
    border-radius: 5px;
    font-weight: 700;
    padding: 4px 6px;
    letter-spacing: 3px;
    cursor: pointer;
    margin-bottom: 0;
    margin-top: 6px;
    margin-left: auto;
    margin-right: auto;
    width: 130px;
    text-align: center;
    -webkit-box-shadow: 3px 2px 3px rgba(48,48,99,.4);
    box-shadow: 3px 2px 3px rgba(48,48,99,.4)
}

.admin_pass_box:hover {
    background: #1a62a9;
    color: #fff
}

.admin_mask_pass_box {
    position: absolute;
    z-index: 1013!important;
    top: 6px;
    right: 1px;
    width: 99%;
    height: 100%;
    background: #f9f9f9;
    padding: 31px 20px 20px 20px;
    display: none
}

.admin_mask_pass_box .X_icon {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 13px;
    color: #bbb;
    font-weight: 700;
    cursor: pointer
}

.admin_mask_pass_box .triangle_box {
    position: absolute;
    left: 163px;
    bottom: 1px;
    display: none
}

.admin_mask_pass_box .triangle_box .triangle {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px
}

.admin_mask_pass_box .triangle_box .triangle.st1 {
    border-color: #fff transparent transparent transparent;
    z-index: 78;
    display: none
}

.admin_mask_pass_box .triangle_box .triangle.st2 {
    border-color: #d4d4d4 transparent transparent transparent;
    top: 3px;
    z-index: 77;
    display: none
}

.admin_mask_pass_box .triangle_box .triangle.st1.active {
    border-color: transparent transparent #efefef transparent;
    z-index: 78
}

.wifiapplication.style_2 .Retracted {
    border-top: solid 6px #ff5581!important
}

.wifiapplication.style_2 .wifi_icon_box {
    border-bottom: solid 1px #ff5581!important
}

.wifiapplication.style_2 .wifi_icon_box .wifi_icon {
    background: #ec5e56;
    border: solid 7px #f9cac7
}

.wifiapplication.style_2 .wifi_icon_box p {
    color: #ec5e56
}

.wifiapplication.style_2 .check_text {
    padding: 10px
}

.wifiapplication.style_2 .check_text p {
    color: #ec5e56;
    font-weight: 700;
    padding-bottom: 0;
    margin: 0
}

.wifiapplication.style_3 .Retracted {
    border-top: solid 6px #31bfe5!important
}

.wifiapplication.style_3 .wifi_icon_box {
    border-bottom: solid 1px #31bfe5!important
}

.wifiapplication.style_3 .wifi_icon_box .wifi_icon {
    background: #31bfe5;
    border: solid 7px #b2e1ed
}

.wifiapplication.style_3 .wifi_icon_box p {
    color: #31bfe5
}

.wifiapplication.style_3 .check_text {
    border: solid 1px #31bfe5;
    padding: 10px;
    background: #b2e1ed
}

.wifiapplication.style_3 .check_text p {
    color: #31bfe5;
    font-weight: 700;
    padding-bottom: 0;
    margin: 0
}

.wifiapplication .checkbox {
    position: absolute;
    top: 5px;
    right: 7px;
    width: 25px;
    float: left;
    z-index: 9
}

.wifiapplication .btn-group {
    z-index: 99!important;
    margin-top: 5px;
    float: right!important;
    margin-right: 0;
    display: block;
    position: relative;
    bottom: 0;
    top: 0;
    padding-top: 2px;
    padding-bottom: 0;
    margin-bottom: 5px
}

.wifiapplication .btn-group_postiton {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    display: block;
    padding: 6px 11px;
    margin: 0
}

.wifiapplication .btn-group_postiton .circle-check-p {
    position: absolute;
    margin-top: 5px;
    margin-left: 5px;
    z-index: 1;
    cursor: pointer
}

.wifiapplication .btn-group_postiton .circle-check-p .circle-check {
    background-color: #e0e0e0;
    border-radius: 20px;
    border: solid #dedede 1px;
    display: inline-block;
    font-size: 20px;
    width: 30px;
    height: 30px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: 0 2px 1px rgba(170,170,170,.25);
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    -webkit-box-shadow: inset 1px 1px 1px rgba(2,1,1,.4);
    box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)
}

.wifiapplication .btn-group_postiton .circle-check-p .circle-check:hover {
    background: #bbb
}

.wifiapplication .btn-group_postiton .circle-check-p .circle-check:after {
    position: absolute;
    left: 5px;
    top: 0;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    width: 20px;
    height: 20px
}

.wifiapplication .btn-group_postiton .circle-check-p .circle-check.click:hover {
    color: #62d6d6
}

.wifiapplication .btn-group_postiton .circle-check-p .circle-check.click {
    background: #fff;
    -webkit-box-shadow: 0 2px 1px rgba(170,170,170,.25);
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    border: solid #2f8be4 2px
}

.wifiapplication .btn-group_postiton .circle-check-p .circle-check.click:after {
    color: #2f8be4;
    left: 3px;
    top: -1px
}

.application-tab-Satisfaction {
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
    overflow: scroll;
    overflow-x: auto;
    overflow-y: hidden
}

.application-tab-Satisfaction table {
    width: 100%
}

.application-tab-Satisfaction table th {
    color: #fff!important;
    background-color: #44aac1;
    font-weight: 700;
    padding-bottom: 5px;
    padding-top: 5px;
    border: solid 1px #fff!important
}

.application-tab-Satisfaction table td {
    border-top: 1px solid #e8edf1
}

.application-tab-Satisfaction table td.st_3 {
    color: #215e94!important;
    background-color: #f5f5f5!important
}

.wifiapplication.style_4 .Retracted {
    border-top: solid 6px #afafaf!important
}

.wifiapplication.style_4 .wifi_icon_box {
    border-bottom: solid 1px #afafaf!important
}

.wifiapplication.style_4 .wifi_icon_box .wifi_icon {
    background: #afafaf;
    border: solid 7px #e2e2e2;
    margin: 0 auto
}

.wifiapplication.style_4 .wifi_icon_box p {
    color: #989898
}

.wifiapplication.style_5 .Retracted {
    border-top: solid 6px #96a4c3!important
}

.wifiapplication.style_5 .wifi_icon_box {
    border-bottom: solid 1px #96a4c3!important
}

.wifiapplication.style_5 .wifi_icon_box .wifi_icon {
    background: #96a4c3;
    border: solid 7px #d6dbe6
}

.wifiapplication.style_5 .wifi_icon_box p {
    color: #96a4c3
}

.check_from h5 {
    font-size: 18px;
    font-weight: 700;
    color: #636363
}

.check_from .nav-tabs {
    font-size: 20px;
    padding-bottom: 0;
    border-bottom: solid 1px #317fca;
    font-weight: 700;
    color: #317fca;
    border-right: solid 1px #c5c5c5;
    border-left: solid 1px #c5c5c5;
    border-top: solid 1px #c5c5c5;
    background: #f1f1f1
}

.check_from .tab-content {
    border-right: solid 1px #c5c5c5;
    border-left: solid 1px #c5c5c5;
    border-bottom: solid 1px #c5c5c5
}

.check_from .nav-tabs li.active a {
    color: #317fca
}

.check_from .timebox p {
    padding-bottom: 6px;
    margin-bottom: 1px;
    color: #1899ec!important;
    font-weight: 700;
    font-size: 18px
}

.check_from .info-time {
    color: #4c4c4c;
    margin-top: 2px;
    border: solid 1px #e2e2e2;
    padding: 10px;
    border-radius: 3px
}

.check_from .nav-tabs li a {
    font-size: 16px;
    font-weight: 700;
    color: #737373;
    margin-bottom: 0
}

.check_from .tab-content .row {
    padding-top: 0;
    margin: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.check_from input {
    color: #6f7888
}

.check_from label {
    color: #232527
}

.check_from .new_row_bg {
    background: #fff
}

.check_from .col-md-12 {
    padding-bottom: 15px
}

.check_lightbox .row {
    padding: 15px;
    margin-bottom: 0;
    padding-bottom: 6px;
    padding-top: 0
}

.check_lightbox .title_box {
    padding-top: 0;
    margin-top: 0
}

.check_lightbox .title {
    padding-bottom: 7px;
    margin-bottom: 0;
    background: #fff;
    padding-top: 7px;
    border-radius: 5px 5px 0 0;
    font-weight: 700;
    color: #797979
}

.check_lightbox .text {
    padding-top: 0;
    margin-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 120px;
    margin-bottom: 0
}

.check_lightbox .text .form-control {
    height: 100%;
    border: solid 1px #6ebbf3!important;
    border-radius: 0!important;
    background: #f0f8ff
}

.check_lightbox .modal-footer {
    padding-top: 15px!important;
    padding-bottom: 13px
}

.check_lightbox .profile-description-box {
    padding-left: 4px;
    padding-top: 0
}

.check_lightbox .pImg img {
    width: 110px;
    height: 110px;
    border-radius: 5px
}

.check_lightbox p.phone-ext:before {
    content: "\f098";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    padding-right: 10px
}

.check_lightbox .profile-description-box:before {
    content: "";
    display: block;
    clear: both
}

.check_lightbox .profile-description-box p {
    float: left;
    margin-right: 21px
}

.check_lightbox .profile-description-box i.fa-female {
    background: #ff4081;
    color: #fff
}

.check_lightbox .profile-description-box i.fa-male {
    background: #448aff;
    color: #fff
}

.check_lightbox .profile-description-box .pImg {
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.check_lightbox .profile-description-box .pDes {
    font-size: 13px;
    color: #ff4081
}

.check_lightbox .profile-description-box .Jicon-circle {
    background: #aaa;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 21px;
    vertical-align: middle;
    padding: 0;
    font-size: 13px;
    margin-top: -5px;
    margin-left: 7px
}

.check_lightbox p.Jtitle:before {
    content: "\f0b1";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 15px;
    padding-right: 10px
}

.check_lightbox .info-time {
    color: #2196f3!important;
    margin-top: 2px;
    font-weight: 400!important;
    padding-left: 12px
}

.check_lightbox .timebox p {
    padding-bottom: 6px;
    margin-bottom: 1px;
    color: #505458;
    font-weight: 700;
    font-size: 18px
}

.check_lightbox .tab-content .tab-pane {
    min-height: 190px
}

.check_lightbox ul {
    padding-left: 12px
}

.check_lightbox ul li {
    float: left;
    list-style: none;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px
}

.check_lightbox ul li span.st_1 {
    color: #a2a2a2;
    padding-right: 12px;
    width: 90px;
    vertical-align: top
}

.check_lightbox ul li span.st_2 {
    color: #656565
}

.check_lightbox .row_boder {
    border-bottom: solid 1px #d8d8d8;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
    padding-top: 0;
    margin-bottom: 20px
}

.check_lightbox h5 {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 4px;
    padding-top: 0;
    margin-top: 0;
    border: none
}

.wifiapplication_new_title {
    font-size: 18px;
    font-weight: 700;
    padding-left: 15px
}

.new_row_bg {
    margin-top: -26px
}

#talentedperson .Retracted {
    padding: 15px;
    border: solid 1px #ccc;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 1px rgba(204,204,204,.6);
    box-shadow: 0 0 10px 1px rgba(204,204,204,.6);
    background-color: #fff
}

.check_text.check_text_ok {
    border: solid 1px #9aec58!important;
    color: #8e8e8e!important;
    font-weight: 400!important;
    padding-top: 2px;
    background: #f3fbee!important
}

.check_text.check_text_no {
    color: #8e8e8e!important;
    font-weight: 400!important;
    padding-top: 2px;
    background: #fff2f1!important;
    border: solid 1px #f9cac7
}

.check_text.check_text_ok p {
    color: #44b100!important
}

.check_text.check_text_no p {
    color: #ec5e56!important
}

.check_text.check_text_ok p.text {
    color: #8e8e8e!important;
    font-weight: 400!important;
    padding-top: 2px
}

.check_text.check_text_no p.text {
    color: #8e8e8e!important;
    font-weight: 400!important;
    padding-top: 2px
}

.check_text {
    margin: 10px 0 10px 0
}

.all_check_box {
    padding: 0 5px;
    background: #fff;
    border: solid 1px #e4e4e4;
    border-radius: 5px;
    width: 80px;
    position: relative
}

.all_check_box.nodrop {
    width: 53px
}

.all_check_box .circle-check-p {
    margin-top: 5px;
    margin-left: 5px;
    z-index: 1;
    cursor: pointer
}

.all_check_box .circle-check-p .circle-check {
    background-color: #e0e0e0;
    border-radius: 20px;
    border: solid #dedede 1px;
    display: inline-block;
    font-size: 20px;
    width: 30px;
    height: 30px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: 0 2px 1px rgba(170,170,170,.25);
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    -webkit-box-shadow: inset 1px 1px 1px rgba(2,1,1,.4);
    box-shadow: inset 1px 1px 1px rgba(2,1,1,.4)
}

.all_check_box .circle-check-p .circle-check:hover {
    background: #bbb
}

.all_check_box .circle-check-p .circle-check:after {
    position: absolute;
    left: 5px;
    top: 0;
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    width: 20px;
    height: 20px
}

.all_check_box .circle-check-p .circle-check.click:hover {
    color: #62d6d6
}

.all_check_box .circle-check-p .circle-check.click {
    background: #fff;
    -webkit-box-shadow: 0 2px 1px rgba(170,170,170,.25);
    box-shadow: 0 2px 1px rgba(170,170,170,.25);
    border: solid #2f8be4 2px
}

.all_check_box .circle-check-p .circle-check.click:after {
    color: #2f8be4;
    left: 3px;
    top: -1px
}

.all_check_box .drop_down_ico {
    position: absolute;
    right: 12px;
    top: 10px
}

.sing_up_determine_detail_2 .modal-header {
    background: #d7ebff;
    padding-bottom: 4px
}

.user_diff_warp {
    padding-left: 10px;
    padding: 10px;
    background: #f3f3f3;
    margin: -14px 0 19px 0;
    border: solid 1px #e6e6e6
}

.iconfa-stack1 {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 13px;
    line-height: 18px;
    vertical-align: middle;
    padding: 0;
    margin: -5px 5px 0 0
}

.iconfa-stack1-1x,.iconfa-stack1-2x,.iconfa-stack1-3x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.iconfa-stack1-1x {
    line-height: inherit;
    font-size: 12px
}

.iconfa-stack1-2x {
    font-size: 16px
}

.iconfa-stack1-3x {
    font-size: 2em
}

.J-download-box {
    border: 1px solid #e0e0e0;
    padding: 20px;
    margin: 20px 0;
    background: #f7f7f7
}

.J-download-box .b_line {
    border-bottom: solid #e2e2e2 1px;
    margin-top: 15px;
    margin-bottom: 15px
}

#stage {
    display: block;
    margin: 0;
    padding: 0;
    margin: 0;
    width: 85px;
    font-size: 15px;
    cursor: pointer
}

#stage .slider-frame {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 85px;
    height: 34px;
    background-color: #fff;
    border-top: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-radius: 3px
}

#stage .slider-frame .slider-button {
    display: block;
    margin: 0;
    padding: 0;
    width: 43px;
    height: 34px;
    line-height: 34px;
    background: #00aec3;
    -moz-border-radius: 5px;
    border: 1px solid #ccc;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    color: #fff;
    font-family: Helvetica;
    font-size: 11px;
    font-weight: 700;
    text-shadow: 1px 1px 1px rgba(167,167,167,.5);
    text-align: center;
    cursor: pointer;
    font-size: 15px;
    border-radius: 3px
}

#stage .slider-frame .slider-button.on {
    margin-left: 40px;
    background: #2372c6;
    border: 1px solid #ccc
}

.phone_list_box .cursor_pointer .drop-auto-position.card-btn {
    right: 30px;
    top: 14px!important
}

.level_2_box {
    position: absolute;
    width: 100%;
    left: 0;
    background: #fff;
    z-index: 10;
    display: block;
    border-radius: 8px;
    border: solid 1px #dadada
}

.level_2_box .MT-contacts-list {
    background: #fff;
    margin: 12px 0 9px 0;
    height: auto;
    border-left: solid 5px #0c73bc;
    border-radius: 0 7px 7px 0
}

.level_2_box .MT-contacts-list .text {
    font-size: 18px;
    float: none;
    margin-left: 0;
    margin-top: 15px;
    min-height: 109px;
    position: relative
}

.level_2_box .MT-contacts-list .text .member_groups {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    width: 100%
}

.level_2_box .MT-contacts-list .text .member_groups:after {
    content: "";
    display: block;
    clear: both
}

.level_2_box .MT-contacts-list .text .member_groups i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    background: #448aff;
    text-align: center;
    cursor: pointer;
    color: #fff;
    margin-left: 5px
}

.level_2_box .MT-contacts-list .text .member_groups .st_1 {
    float: left;
    color: #777
}

.level_2_box .MT-contacts-list .text .member_groups .st_2 {
    float: right;
    color: #777
}

.level_2_box .MT-contacts-list .text .member_groups .st_1:hover {
    color: #448aff
}

.level_2_box .MT-contacts-list .text .member_groups .st_2:hover {
    color: #448aff
}

.level_2_box .MT-contacts-list .text .member_groups .st_1:hover i {
    background: #265fbd
}

.level_2_box .MT-contacts-list .text .member_groups .st_2:hover i {
    background: #265fbd
}

.level_2_box .MT-contacts-list:after {
    content: "";
    display: block;
    clear: both
}

.level_2_box .MT-contacts-list .text p {
    font-size: 19px;
    color: #006bb1
}

.level_2_box .MT-contacts-list .btn-group {
    right: 0
}

.level_3_box {
    position: absolute;
    width: 98%;
    left: 12px;
    background: #fff;
    border: solid 1px #e0dfdf;
    z-index: 10;
    display: block;
    margin: 0 auto
}

.level_3_box .MT-contacts-list {
    background: #fff;
    margin: 12px 0 9px 0;
    height: auto;
    border-left: solid 5px #0c73bc;
    border-radius: 0 7px 7px 0
}

.level_3_box .MT-contacts-list .text {
    font-size: 18px;
    float: none;
    margin-left: 0;
    margin-top: 15px;
    min-height: 109px
}

.level_3_box .MT-contacts-list:after {
    content: "";
    display: block;
    clear: both
}

.level_3_box .MT-contacts-list .text p {
    font-size: 19px;
    color: #006bb1
}

.level_3_box .MT-contacts-list .btn-group {
    right: 0
}

.level_title_control {
    padding: 14px
}

.level_title_control .grid-title h4 .semi-bold {
    color: #004b80;
    font-size: 20px;
    font-weight: 400
}

.level_title_control .grid-title {
    padding: 16px 0;
    margin: 0
}

.MT-contacts-list .text_box {
    float: left;
    width: 80%;
    padding-left: 10px
}

.MT-contacts-list .text_box_down:before {
    clear: both;
    content: "";
    display: block
}

.MT-contacts-list .text_box_down {
    padding-top: 9px;
    border-top: solid 1px #d6d6d6;
    min-height: 60px;
    position: relative
}

.su_category_checkstly .checkbox-nolabeltex.checkbox label::after {
    left: 3px
}

.su_category_checkstly {
    float: left;
    padding-left: 10px;
    padding-top: 18px;
    width: 28px
}

.MT-contacts-list .textnumber {
    float: left;
    padding-top: 9px!important;
    width: 60%;
    color: #9e9e9e!important;
    font-size: 14px!important;
    width: 74%;
    padding-bottom: 0
}

.ban_style.card-container3 .img-thumb {
    -webkit-box-shadow: rgba(165,165,165,.2) 0 0 0 1px inset;
    box-shadow: rgba(165,165,165,.2) 0 0 0 1px inset;
    background: #e2e2e2
}

.ban_style.card-container3 .img-thumb:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ban_style.card-container3 .app_title {
    opacity: .3
}

.ban_style.card-container3 .app_name {
    opacity: .3
}

.ban_style.card-container3 .gray {
    opacity: .3
}

.filter__box {
    height: 100%
}

.filter__box .filter__box__list {
    border-bottom: 1px #d4cece dotted;
    margin: 0 0 15px 0;
    padding: 0
}

.filter__box .filter__box__list:after {
    display: block;
    clear: both;
    content: ""
}

.filter__box .filter__box__list .filter__box__content,.filter__box .filter__box__list span {
    margin-left: 10px;
    list-style: none;
    padding-bottom: 10px;
    padding-top: 10px;
    min-width: 70px;
    display: inline-table;
    width: 80%
}

.filter__box .filter__box__list span button {
    border: none
}

.filter__box .filter__box__list .filter__box__content a,.filter__box .filter__box__list .filter__box__content button,.filter__box .filter__box__list span a,.filter__box .filter__box__list span button {
    position: relative;
    display: inline-block;
    color: inherit;
    margin-right: 17px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #364f61;
    line-height: 26px;
    background-color: #dce5ea;
    z-index: 2;
    padding: 0 16px;
    border-radius: 3px;
    -webkit-transition: all .9s;
    transition: all .9s
}

.filter__box .filter__box__list .filter__box__content a:hover,.filter__box .filter__box__list .filter__box__content button:hover,.filter__box .filter__box__list span a:hover,.filter__box .filter__box__list span button:hover,.filter__box__list span button.active:hover,.filter__box__list span span.active:hover {
    background: #3e81b1!important;
    color: #fff
}

.filter__box .filter__box__list .filter__box__content a:before,.filter__box .filter__box__list .filter__box__content button:before,.filter__box .filter__box__list span a:before,.filter__box .filter__box__list span button:before {
    content: "";
    position: absolute;
    background-color: inherit;
    width: 14px;
    height: 14px;
    top: 6px;
    left: -5px;
    border-radius: 3px;
    z-index: -1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: skew(-45deg,45deg);
    transform: skew(-45deg,45deg)
}

.filter__box .filter__box__list .filter__box__content a:after,.filter__box .filter__box__list .filter__box__content button:after,.filter__box .filter__box__list span a:after,.filter__box .filter__box__list span button:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 50%;
    margin-top: -3px;
    left: -5px;
    border-radius: 50%;
    background: #fff
}

.filter__box .filter__box__list .filter__box__content a i,.filter__box .filter__box__list .filter__box__content button i,.filter__box .filter__box__list span a i,.filter__box .filter__box__list span button i {
    display: none
}

.filter__box .filter__box__list .filter__box__content a.active,.filter__box .filter__box__list .filter__box__content button.active,.filter__box .filter__box__list span a.active,.filter__box .filter__box__list span button.active {
    background: #4fa3e0;
    color: #fff
}

.filter__box .filter__box__list .filter__box__content a.active i,.filter__box .filter__box__list .filter__box__content button.active i,.filter__box .filter__box__list span a.active i,.filter__box .filter__box__list span button.active i {
    color: #003877;
    display: inline-table;
    margin-right: 10px;
    margin-left: -15px;
    font-size: 15px
}

.filter__box .filter__box__list .filter__box__content a.active:after,.filter__box .filter__box__list .filter__box__content button.active:after,.filter__box .filter__box__list span a.active:after,.filter__box .filter__box__list span button.active:after {
    display: none
}

.filter__box .filter__box__list .filter__box__content a.active.activing,.filter__box .filter__box__list .filter__box__content button.active.activing,.filter__box .filter__box__list span a.active.activing,.filter__box .filter__box__list span button.active.activing {
    color: #fff
}

.filter__box .filter__box__list .filter__box__content a.activing,.filter__box .filter__box__list .filter__box__content button.activing,.filter__box .filter__box__list span a.activing,.filter__box .filter__box__list span button.activing {
    color: #e48f00
}

.filter__box .filter__box__list .filter__box__content a.activing i,.filter__box .filter__box__list .filter__box__content button.activing i,.filter__box .filter__box__list span a.activing i,.filter__box .filter__box__list span button.activing i {
    color: #f78400;
    display: inline-table;
    margin-right: 10px;
    margin-left: -15px;
    font-size: 15px
}

.filter__box .filter__box__list .filter__box__content a.activing:after,.filter__box .filter__box__list .filter__box__content button.activing:after,.filter__box .filter__box__list span a.activing:after,.filter__box .filter__box__list span button.activing:after {
    display: none
}

.filter__box .filter__box__list .filter__box__title {
    font-size: 16px;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    width: 10%;
    color: #4a4a4a
}

.filter__box .filter__box__list a.red_st.active {
    background-color: #f44336!important;
    color: #fff
}

.filter__box .filter__box__list a.red_st:hover {
    background-color: #ca3d33!important;
    color: #fff
}

.filter__box .filter__box__list a.red_st.active i {
    color: #7a2822!important
}

.filter__box .filter__box__list a.red_st:hover i {
    color: #5a1813
}

.bootstrap-timepicker-widget table td a {
    text-decoration: none;
    background-color: #fff;
    border-radius: 4px;
    border-color: #fff;
    color: #1976d2
}

.bootstrap-timepicker-widget table td a:hover {
    background-color: #dcdcdc
}

.bootstrap-timepicker-widget table td span {
    width: 100%;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.bootstrap-timepicker-widget table td span.glyphicon.glyphicon-chevron-up:before {
    content: "\f077"
}

.bootstrap-timepicker-widget table td span.glyphicon.glyphicon-chevron-down:before {
    content: "\f078"
}

.bootstrap-timepicker-widget table td input {
    width: 50px
}

.bootstrap-timepicker .input-group-addon {
    background-color: #1976d2;
    color: #fff
}

.bootstrap-timepicker .input-group-addon i {
    color: #fff;
    font-size: 17px
}

.bootstrap-timepicker .input-group-addon .arrow {
    color: #1976d2
}

.bootstrap-timepicker .input-group-addon .arrow:before {
    font-family: FontAwesome;
    content: "\f0d9";
    top: -4px
}

.parking_status_box .wifiapplication .btn-group_postiton .label {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400
}

.parking_status_box .wifiapplication.style_1 .wifi_icon_box {
    border-bottom: solid 1px #ff307f!important
}

.parking_status_box .wifiapplication.style_1 .wifi_icon_box .wifi_icon {
    background: #ff307f;
    border: solid 7px #ffd9e7
}

.parking_status_box .wifiapplication.style_1 .wifi_icon_box p {
    color: #ff307f
}

.parking_status_box .wifiapplication.style_1 .Retracted {
    border-top: solid 6px #ff307f!important
}

.parking_status_box .wifiapplication.style_1 .btn-group_postiton .label {
    background: #ff307f
}

.parking_status_box .wifiapplication.style_2 .wifi_icon_box {
    border-bottom: solid 1px #f9a921!important
}

.parking_status_box .wifiapplication.style_2 .wifi_icon_box .wifi_icon {
    background: #f9a921;
    border: solid 7px #ffe4b6
}

.parking_status_box .wifiapplication.style_2 .wifi_icon_box p {
    color: #f9a921
}

.parking_status_box .wifiapplication.style_2 .Retracted {
    border-top: solid 6px #f9a921!important
}

.parking_status_box .wifiapplication.style_2 .btn-group_postiton .label {
    background: #f9a921
}

.parking_status_box .wifiapplication.style_3 .wifi_icon_box {
    border-bottom: solid 1px #9e9e9e!important
}

.parking_status_box .wifiapplication.style_3 .wifi_icon_box .wifi_icon {
    background: #9e9e9e;
    border: solid 7px #e4e4e4
}

.parking_status_box .wifiapplication.style_3 .wifi_icon_box p {
    color: #9e9e9e
}

.parking_status_box .wifiapplication.style_3 .Retracted {
    border-top: solid 6px #9e9e9e!important
}

.parking_status_box .wifiapplication.style_3 .btn-group_postiton .label {
    background: #9e9e9e
}

.parking_status_box .wifiapplication.style_4 .wifi_icon_box {
    border-bottom: solid 1px #2196f3!important
}

.parking_status_box .wifiapplication.style_4 .wifi_icon_box .wifi_icon {
    background: #2196f3;
    border: solid 7px #c1e4ff
}

.parking_status_box .wifiapplication.style_4 .wifi_icon_box p {
    color: #2196f3
}

.parking_status_box .wifiapplication.style_4 .Retracted {
    border-top: solid 6px #2196f3!important
}

.parking_status_box .wifiapplication.style_4 .btn-group_postiton .label {
    background: #2196f3
}

.sizes .size {
    display: inline-block;
    text-transform: uppercase;
    padding: 8px 16px;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin-right: 8px;
    margin-bottom: 8px;
    cursor: pointer
}

.sizes .size.active {
    border: 1px solid #2196f3;
    background-color: #2196f3;
    color: #fff
}

.sizes .size:hover {
    border: 1px solid #2196f3;
    background-color: #2196f3;
    color: #fff
}

.profile-description-box p.holiday:before {
    content: "\f02b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    padding-right: 10px;
    width: 25px
}

.profile-description-box p.period:before {
    content: "\f017";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    padding-right: 10px;
    width: 25px
}

.profile-description-box p.calendar:before {
    content: "\f073";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    padding-right: 10px;
    width: 25px
}

.profile-description-box p.car:before {
    content: "\f1b9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #2196f3;
    font-size: 18px;
    padding-right: 10px;
    width: 25px
}

.p_calendar_box#fullcalendar .fc-sun {
    background: #b9b9b9
}

.p_calendar_box#fullcalendar .fc-sun.fc-acitve {
    background: #cff
}

.p_calendar_box#fullcalendar .fc-sun.fc-acitve-n {
    background: #f9c
}

.p_calendar_box#fullcalendar .fc-sun.fc-notin {
    background: #b9b9b9
}

.p_calendar_box#fullcalendar .fc-sat {
    background: #b9b9b9
}

.p_calendar_box#fullcalendar .fc-sat.fc-acitve {
    background: #cff
}

.p_calendar_box#fullcalendar .fc-sat.fc-acitve-n {
    background: #f9c
}

.p_calendar_box#fullcalendar .fc-sat.fc-notin {
    background: #b9b9b9
}

.p_calendar_box#fullcalendar .fc-acitve {
    background: #cff;
    cursor: pointer
}

.p_calendar_box#fullcalendar .fc-acitve-n {
    background: #f9c;
    cursor: pointer
}

.p_calendar_box#fullcalendar .fc-notin {
    background: #b9b9b9
}

.status_list_box {
    list-style: none;
    margin: 0;
    padding: 0
}

.status_list_box li {
    margin-right: 15px;
    list-style: none;
    display: inline-block
}

.status_list_box li .lablest {
    width: 20px;
    height: 20px;
    border: solid 1px #ccc;
    display: inline-block
}

.status_list_box li.fc-acitve .lablest {
    background: #cff
}

.status_list_box li.fc-acitve-n .lablest {
    background: #f9c
}

.status_list_box li.fc-acitve-s .lablest {
    background: #b9b9b9
}

.status_list_box li span {
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700
}

@media screen and (max-width: 768px) {
    .table_rwd {
        border:none
    }

    .table_rwd thead {
        display: none
    }

    .table_rwd tr {
        margin-bottom: 15px;
        margin-top: 15px;
        display: block
    }

    .table_rwd tr th {
        display: none
    }

    .table_rwd tr td {
        padding-left: 35%;
        width: 100%;
        display: -webkit-box
    }

    .table_rwd tr td:before {
        display: block;
        text-align: right;
        padding-right: 15px;
        content: attr(data-title);
        width: 30%;
        background: #f1f1f1;
        margin: -10px 10px -10px -14px;
        line-height: 18px;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .table_rwd tr td a {
        color: #004798
    }
}

#personailze_box .slide_sort_btn {
    background: #fff;
    border: solid 1px #e1e1e1;
    padding: 2px 6px;
    margin: 10px 5px
}

#personailze_box .JQclick {
    padding-top: 8px
}

#personailze_box .form-collapse-group {
    -webkit-box-shadow: 0 0 4px 3px #e6e6e6;
    box-shadow: 0 0 4px 3px #e6e6e6;
    background: #fff
}

#personailze_box .form-collapse-group.ui-sortable-placeholder {
    display: none
}

#personailze_box .ui-sortable-helper {
    height: 50px!important
}

#personailze_box .ui-sortable-helper .form-collapse-body {
    display: none
}

#personailze_box .onselection {
    height: 50px!important
}

#personailze_box .onselection .form-collapse-body {
    display: none
}

#personailze_box .nav-tabs {
    overflow: visible
}

#personailze_box .nav-tabs li {
    position: relative;
    overflow: visible
}

#personailze_box .nav-tabs li a {
    padding-left: 30px;
    padding-right: 30px;
    display: block
}

#personailze_box .nav-tabs li:hover .slide_sort_tab_btn {
    display: block
}

#personailze_box .nav-tabs li .slide_sort_tab_btn {
    display: none;
    position: absolute;
    top: 1px;
    right: 2px;
    background: 0 0;
    padding: 2px 6px
}

#personailze_box .nav-tabs li.ui-sortable-placeholder {
    display: none
}

#personailze_box .nav-tabs .add_tab_btn {
    border-left: 1px #d2d2d2 solid;
    border-right: 1px #d2d2d2 solid;
    height: 100%;
    padding-bottom: 3px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 5px 5px 0 0;
    background: #dce0e8;
    cursor: pointer
}

#personailze_box .nav-tabs .add_tab_btn .btn {
    padding: 2px 5px;
    margin-top: 14px;
    background: 0 0;
    color: #1976d2
}

#personailze_box .nav-tabs .add_tab_btn:hover {
    background: #6fadf1
}

#personailze_box .nav-tabs .add_tab_btn:hover .btn {
    color: #fff
}

#personailze_box .equipement_li {
    margin: 0 0 20px 0;
    padding: 0
}

#personailze_box .equipement_li .card-container3 {
    padding: 0
}

#personailze_box .equipement_li .card-container3 .img-thumb.img-thunb-gradient {
    background-image: none;
    background-color: #fff
}

#personailze_box .equipement_li .card-container3 .img-thumb.img-thunb-gradient:hover {
    background-color: #fff;
    background: 0 0;
    -webkit-filter: none
}

#personailze_box .equipement_li .card-container3 .inside {
    padding: 10px
}

#personailze_box .equipement_li .card-container3 .inside .app_switch {
    position: absolute;
    bottom: 4px;
    left: 10px
}

#personailze_box .equipement_li .card-container3 .card-item {
    height: 100px;
    text-align: center;
    line-height: 134px;
    border-radius: 5px 5px 0 0;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    cursor: pointer
}

#personailze_box .equipement_li .card-container3 .card-item i {
    width: auto!important;
    font-size: 46px;
    color: #fff
}

#personailze_box .equipement_li .card-container3 .iconFont {
    color: #fff;
    font-size: 50px;
    position: relative;
    text-align: center;
    padding-top: 10%
}

#personailze_box .equipement_li .btn-group {
    margin: 5px 15px 0 10px
}

#personailze_box .equipement_li .app_title {
    color: #2b2b2b;
    text-align: center;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 5px
}

#personailze_box .equipement_li .app_name {
    font-size: 13px;
    display: block;
    text-align: center;
    color: #868686
}

#personailze_box .equipement_li .treeData_app_warp .application_equipment .equipement_li .card-container3 .img-thumb.img-thunb-gradient {
    background-image: none;
    background-color: #fff
}

#personailze_box .equipement_li .imgH100 {
    width: 100%;
    min-height: 100px
}

#personailze_box .equipement_li .btn-group {
    margin: 0
}

#personailze_box .infomation-box {
    padding: 5px
}

#personailze_box .infomation-box ul {
    border-top: none!important;
    border-bottom: none!important;
    padding-bottom: 10px;
    padding-top: 0;
    margin-bottom: 0;
    margin-top: -16px;
    min-height: 73px;
    min-width: 100%
}

#personailze_box .gray {
    opacity: .5
}

#personailze_box .colorstyle_1 {
    background: #009688;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#00796b),to(#009688));
    background-image: linear-gradient(to top,#00796b 0,#009688 100%);
    -webkit-box-shadow: inset 0 1px 0 #009688,0 4px 0 0 #004d40;
    box-shadow: inset 0 1px 0 #009688,0 4px 0 0 #004d40
}

#personailze_box .ui-sortable-handle .img-thumb .iconFont {
    color: #fff;
    font-size: 50px;
    position: relative;
    text-align: center;
    padding-top: 10%
}

#personailze_box .ui-sortable-handle .app_title {
    color: #2b2b2b;
    text-align: left;
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 5px
}

#personailze_box .ui-sortable-handle .app_name {
    font-size: 13px;
    display: block;
    text-align: left;
    color: #868686
}

#personailze_box .FC-border-group .form-collapse-title {
    min-height: 50px
}

.initialization_box {
    width: 94%;
    background: #388dea;
    text-align: center;
    border: dashed 1px #5babd4;
    margin: 30px auto 20px auto;
    padding: 45px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 0 10px #65abf7;
    box-shadow: 0 0 0 10px #65abf7;
    position: relative
}

.initialization_box.page_st {
    background: #f7f7f7;
    border: dashed 1px #bdbdbd;
    -webkit-box-shadow: 0 0 0 10px #ececec;
    box-shadow: 0 0 0 10px #ececec;
    position: relative
}

.initialization_box.page_st:hover {
    background: #fff
}

.initialization_box.page_st:hover .text {
    color: #b3b3b3
}

.initialization_box.page_st .icon {
    color: #e6efff;
    padding-bottom: 14px
}

.initialization_box.page_st .type {
    color: #585858;
    font-size: 16px;
    padding-top: 10px
}

.initialization_box.page_st .code {
    color: #afafaf;
    font-size: 15px;
    position: absolute;
    bottom: 15px;
    right: 15px
}

.initialization_box.page_st .text {
    font-size: 22px;
    color: #b3b3b3
}

.initialization_box .icon {
    font-size: 50px;
    color: #8bc5ff
}

.initialization_box .text {
    font-size: 22px;
    color: #c4e2ff
}

.initialization_box:hover {
    background: #267cda;
    border: dashed 1px #fff
}

.initialization_box:hover .icon {
    color: #e6efff
}

.initialization_box:hover .text {
    color: #e6efff
}

.col-md-2-1 {
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px
}

.tab_set_type {
    background: #efefef;
    width: 100%;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    padding-top: 26px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    cursor: pointer
}

.tab_set_type:hover {
    background: #e0e0e0
}

.tab_set_type.active {
    background: #fff;
    border: solid 1px #17bba4;
    width: 99%;
    padding-bottom: 18px
}

.tab_set_type .icon {
    font-size: 35px
}

.tab_set_type .text {
    font-size: 16px;
    color: #304a5d;
    padding-top: 35px
}

.tab_set_type.st_2 {
    margin-bottom: 0;
    padding-top: 0
}

.tab_set_type.st_2 .icon {
    font-size: 46px
}

.tab_set_type.st_2.initialization {
    cursor: pointer;
    background: #267cda;
    border: solid #66afff 5px;
    padding-bottom: 8px
}

.tab_set_type.st_2.initialization .icon {
    color: #8bc5ff;
    font-size: 30px;
    padding-bottom: 13px;
    padding-top: 10px
}

.tab_set_type.st_2.initialization .text {
    color: #8bc5ff
}

.tab_set_type.st_2.initialization:hover {
    background: #4784c1
}

.tab_set_type.st_2.initialization:hover .icon {
    color: #fff
}

.tab_set_type.st_2.initialization:hover .text {
    color: #fff
}

.tab_set_type.st_2.addbtn {
    cursor: pointer;
    width: 100%;
    max-width: 115px;
    margin: 0 auto;
    border: solid 1px #cecece
}

.tab_set_type.st_2.addbtn .icon {
    color: #1976d2;
    font-size: 30px;
    padding-bottom: 13px;
    padding-top: 10px
}

.tab_set_type.st_2 .text {
    padding-top: 0
}

.col-md-2 .tab_set_type {
    padding-top: 13px;
    padding-bottom: 13px
}

.col-md-2 .tab_set_type .text {
    padding-top: 14px
}

.DeleteBtnCircle_2 {
    position: absolute;
    bottom: -39px;
    right: 11px;
    z-index: 51;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border: none;
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #ff1744;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%;
    cursor: pointer;
    opacity: .8;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
    cursor: pointer
}

.DeleteBtnCircle_3 {
    position: absolute;
    top: 0;
    right: -3px;
    z-index: 51;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    border: none;
    font-size: 15px;
    color: #fff;
    text-align: center;
    background: #ff4569;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.11)
}

.DeleteBtnCircle_4 {
    position: absolute;
    top: -5px;
    right: 3px;
    z-index: 51;
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    border: none;
    font-size: 15px;
    color: #fff;
    text-align: center;
    background: #ff4569;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%;
    cursor: pointer;
    opacity: 1;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.11);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.11)
}

.icon_menuBox.active {
    border: solid 3px #8dcbff;
    border-radius: 10px;
    margin-top: 0!important;
    padding: 5px 0 10px 0!important
}

.icon_Big_menuBox {
    position: relative;
    min-height: 140px
}

.icon_Big_menuBox .icon_Big_menuBox_mask {
    width: 94%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    height: 139px
}

.icon_Big_menuBox .icon_Big_menuBox_mask:after {
    display: block;
    clear: none;
    content: "";
    height: 115px
}

.icon_Big_menuBox .icon_Big_menuBox_mask .TotalBlock {
    position: absolute;
    top: 9px;
    left: 0;
    width: 100%;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.icon_Big_menuBox .icon_Big_menuBox_mask .TotalBlock:after {
    display: block;
    clear: both;
    content: ""
}

.icon_Big_menuBox .icon_Big_menuBox_mask .icon_menuBoxsortable {
    display: inline-table;
    width: 100%;
    float: left
}

.icon_Big_menuBox .icon_Big_menuBox_mask .icon_menu {
    margin-bottom: 0
}

.menuBoxlist {
    max-width: 115px;
    width: 100%;
    display: inline-block;
    margin-top: 5px;
    margin-left: 2px;
    margin-right: 2px;
    position: relative
}

.icon_Big_menuBox_btn {
    position: absolute;
    cursor: pointer;
    display: block;
    width: 33px;
    height: 47px;
    background: #b7b7b7;
    color: #fff;
    top: 35%;
    text-align: center;
    line-height: 47px;
    z-index: 100;
    border-radius: 6px
}

.icon_Big_menuBox_btn.left_btn {
    left: 0
}

.icon_Big_menuBox_btn.right_btn {
    right: 0
}

.personailze_tab_title {
    color: #696969;
    font-size: 20px;
    padding: 0;
    line-height: 30px;
    margin: 9px 0
}

.personailze_tab_title:after {
    display: block;
    clear: both;
    content: ""
}

.personailze_tab_title .p_title {
    float: left
}

.personailze_tab_title .p_input {
    float: left;
    display: none
}

.personailze_tab_title .p_edit {
    float: left;
    padding-left: 20px;
    font-size: 15px;
    display: none!important
}

.personailze_tab_title:hover .p_edit {
    display: block!important;
    cursor: pointer
}

.personalize_st.category_icon_box,.personalize_st2.category_icon_box {
    width: 100%
}

.personalize_st.category_icon_box .category_btn,.personalize_st2.category_icon_box .category_btn {
    display: none
}

.personalize_st.category_icon_box .category_icon_box_mask,.personalize_st2.category_icon_box .category_icon_box_mask {
    display: block;
    position: relative;
    width: 100%
}

.personalize_st.category_icon_box .category_icon_box_mask .iconFont:before,.personalize_st2.category_icon_box .category_icon_box_mask .iconFont:before {
    color: #b3b3b3
}

.personalize_st.category_icon_box .category_icon_box_mask .iconFont:hover:before,.personalize_st2.category_icon_box .category_icon_box_mask .iconFont:hover:before {
    color: #505050
}

.personalize_st.category_icon_box .category_icon_box_mask .active.iconFont:before,.personalize_st2.category_icon_box .category_icon_box_mask .active.iconFont:before {
    color: #505050
}

.personalize_st.category_icon_box ul,.personalize_st2.category_icon_box ul {
    width: 100%;
    float: none
}

@media screen and (min-width: 768px) {
    .personalize_st.category_icon_box {
        height:231px
    }

    .personalize_st.category_icon_box .category_icon_box_mask {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        width: auto
    }

    .personalize_st.category_icon_box .category_btn {
        display: block
    }

    .personalize_st.category_icon_box ul {
        width: 559px;
        float: left
    }
}

.personalize_st2.category_icon_box {
    width: 100%
}

.personalize_st2.category_icon_box .category_btn {
    display: none
}

.personalize_st2.category_icon_box .category_icon_box_mask {
    display: block;
    position: relative;
    width: 100%
}

.personalize_st2.category_icon_box ul {
    width: 100%;
    float: none
}

@media screen and (min-width: 768px) {
    .personalize_st2.category_icon_box {
        height:182px
    }

    .personalize_st2.category_icon_box .category_icon_box_mask {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        width: auto
    }

    .personalize_st2.category_icon_box .category_btn {
        display: block
    }

    .personalize_st2.category_icon_box ul {
        width: 858px;
        float: left
    }
}

.category_box_box {
    display: -webkit-box
}

.category_box_box .category_box_left_box {
    min-height: 100%;
    height: auto;
    display: inline-block;
    position: relative
}

.category_box_box .category_box_right_box {
    background: #fff;
    display: inline-block;
    height: auto;
    background: #fff
}

@media screen and (max-width: 991px) {
    .category_box_box {
        display:-webkit-box
    }

    .category_box_box .category_box_left_box {
        min-height: 100%;
        height: auto;
        display: inline-block;
        position: relative;
        width: 100%
    }

    .category_box_box .category_box_right_box {
        background: #fff;
        display: inline-block;
        height: auto;
        background: #fff;
        width: 100%
    }
}

.hot_icon_box {
    margin-bottom: -20px
}

.hot_icon_box .menuBoxlist {
    max-width: 85px;
    margin: 0 5px
}

.hot_icon_box .icon_menu {
    width: 100%;
    height: auto
}

.hot_icon_box .icon_menu:hover {
    top: 0
}

.hot_icon_box .icon_menu .iconFont {
    font-size: 40px
}

.hot_icon_box .icon_menu p {
    font-size: 14px;
    padding-bottom: 5px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.hr_st {
    height: 5px;
    width: 100%;
    border-bottom: dotted 1px #b3b3b3;
    clear: both;
    display: block;
    margin-bottom: 17px
}

.JQslider_box {
    width: 100%;
    padding: 0 30px;
    position: relative
}

.JQslider_box .JQslider_mask {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 200px
}

.JQslider_box span.moveicon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    position: absolute;
    margin-top: -30px;
    color: #555;
    cursor: pointer;
    top: 50%;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    background: #bdbdbd;
    color: #fff
}

.JQslider_box span.moveicon:hover {
    color: #555;
    background: #dcdcdc
}

.JQslider_box span.btn_left {
    left: 0
}

.JQslider_box span.btn_left:before {
    content: "\f104"
}

.JQslider_box span.btn_right {
    right: 0
}

.JQslider_box span.btn_right:before {
    content: "\f105"
}

.JQslider_box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0
}

.JQslider_box ul:after {
    display: block;
    clear: both;
    content: ""
}

.JQslider_box ul li {
    float: left;
    width: 25%;
    padding: 10px;
    margin: 0
}

@media screen and (max-width: 600px) {
    .JQslider_box ul li {
        float:left;
        width: 100%;
        padding: 10px;
        margin: 0
    }
}

.device_type_warp .widget-item {
    border: solid 1px #d4d4d4;
    border-radius: 5px;
    background: #fff;
    padding: 0 0 15px 0
}

.device_type_warp .widget-item.notyet .tiles {
    cursor: no-drop
}

.device_type_warp .widget-item.notyet .tiles .date-tiles-body {
    background: #fff
}

.device_type_warp .widget-item.notyet .tiles .fillet-body {
    color: #8b91a0
}

.device_type_warp .widget-item.notyet .tiles .tiles-body .text-black h4 {
    color: #b9b9b9!important;
    font-weight: 400;
    -webkit-box-shadow: none;
    box-shadow: none
}

.device_type_warp .widget-item .tiles {
    background: 0 0
}

.device_type_warp .widget-item .tiles .device_type_icon {
    border-radius: 999px;
    width: 211px;
    height: 211px;
    display: block;
    margin: 0 auto
}

.device_type_warp .widget-item .tiles .device_type_icon.st_1 {
    -webkit-transition: .2s;
    transition: .2s;
    border: solid 9px #abe2dd
}

.device_type_warp .widget-item .tiles .device_type_icon.st_1:hover {
    -webkit-transition: .2s;
    transition: .2s;
    border: solid 15px #abe2dd;
    background: #008073!important
}

.device_type_warp .widget-item .tiles .device_type_icon.st_1.notyet {
    -webkit-transition: .2s;
    transition: .2s;
    border: solid 9px #abe2dd
}

.device_type_warp .widget-item .tiles .device_type_icon.st_2 {
    -webkit-transition: .2s;
    transition: .2s;
    border: solid 9px #bcc6ff
}

.device_type_warp .widget-item .tiles .device_type_icon.st_2:hover {
    border: solid 15px #bcc6ff;
    background: #53328c!important
}

.device_type_warp .widget-item .tiles .device_type_icon.st_green {
    border: solid 9px #4db6ac
}

.device_type_warp .widget-item .tiles .device_type_icon.st_green:hover {
    -webkit-transition: .2s;
    transition: .2s;
    border: solid 15px #4db6ac;
    background: #00695c!important
}

.device_type_warp .widget-item .tiles .device_type_icon-sm {
    width: 150px;
    height: 150px
}

.device_type_warp .widget-item .tiles .device_type_icon-sm i {
    line-height: 140px!important;
    font-size: 60px!important
}

.device_type_warp .widget-item .tiles .device_type_icon.disabled {
    background: #464646!important;
    border: solid 9px #ababab;
    pointer-events: none;
    cursor: default
}

.device_type_warp .widget-item .tiles .device_type_icon i {
    -webkit-transition: .2s;
    transition: .2s;
    line-height: 200px;
    font-size: 88px;
    padding: 0;
    width: 87px;
    text-align: center
}

.device_type_warp .widget-item .tiles .device_type_icon:hover i {
    line-height: 188px
}

.device_type_warp .widget-item .tiles .device_type_icon i:before {
    padding: 0
}

.nav_tabs_ul:after {
    clear: both;
    content: "";
    display: block
}

.nav_tabs_ul {
    padding: 0;
    margin-bottom: -2px
}

.nav_tabs_ul li {
    background: #dedede;
    border-top: solid 1px #d0d0d0;
    border-left: solid 1px #d0d0d0;
    border-right: solid 1px #d0d0d0;
    text-align: center;
    line-height: 40px;
    float: left;
    width: 80px;
    height: 40px;
    line-height: 40px;
    color: #666
}

.nav_tabs_ul li.active {
    background: #efefef
}

ul.identity_personnel {
    margin: 0
}

ul.identity_personnel li {
    list-style-type: decimal;
    list-style-position: outside;
    margin-bottom: 10px
}

ul.identity_ip {
    margin: 5px 0 0 0;
    padding: 0
}

ul.identity_ip li {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 5px;
    color: #4e84fd
}

ul.identity_ip li span {
    color: #57647d
}

.list_card_container.nopicstyle {
    border: solid 1px #e8e8e8
}

.list_card_container.nopicstyle .inside {
    width: 100%
}

.list_card_container.nopicstyle .inside .infomation-box .title .text {
    font-size: 18px;
    font-weight: 700;
    color: #4d5056
}

.list_card_container.nopicstyle .inside .infomation-box ul .li-inline-md {
    padding-right: 0
}

.list_card_container.nopicstyle .well {
    margin-bottom: 0;
    padding: 0;
    background: #fff
}

select.sourceSelect2 {
    min-height: 37px;
    height: 37px!important
}

.viewRow.nopadding-st .well {
    padding: 0;
    margin: 0;
    background: #f9f9f9
}

.panel-title span.lap_y {
    padding: 4px;
    background: #55bf1b;
    color: #fff;
    border-radius: 5px;
    margin-left: 5px
}

.panel-title span.lap_n {
    padding: 4px;
    background: #e03878;
    color: #fff;
    border-radius: 5px;
    margin-left: 5px
}

.setting_single_bg {
    background: #f3fff3;
    padding: 15px;
    margin-left: 0;
    border: solid 1px #a3f1a3
}

.signed_data .well {
    margin-bottom: 0;
    border-radius: 0;
    border: solid 1px #e8edf1;
    background: #fff
}

.signed_data .well h4 {
    color: #232527!important;
    font-size: 18px;
    font-weight: 700
}

.tableline th {
    border-right: solid 1px #dadada!important;
    border-left: solid 1px #dadada!important;
    border-top: solid 1px #dadada!important
}

.dropdown-menu .badge {
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    line-height: 12px;
    vertical-align: top;
    margin-top: 4px;
    margin-left: 5px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 15px
}

.questionnaire_list_box .questionnaire_list {
    border-left: solid 4px #53c3c3;
    border-bottom: solid 1px #eaeaea;
    border-right: solid 1px #eaeaea;
    border-top: solid 1px #eaeaea;
    padding: 10px 10px 10px 10px;
    margin-bottom: 15px;
    position: relative
}

.questionnaire_list_box .questionnaire_list.st_1 {
    border-left: solid 4px #d2d2d2
}

.questionnaire_list_box .questionnaire_list.st_2 {
    border-left: solid 4px #8bc34a
}

.questionnaire_list_box .questionnaire_list .t_header {
    border-bottom: solid 1px #e2e2e2;
    padding-left: 10px;
    font-size: 20px;
    font-weight: 400;
    color: #555;
    margin-bottom: 5px;
    padding-bottom: 5px
}

.questionnaire_list_box .questionnaire_list .t_header .check-success label {
    font-size: 20px;
    font-weight: 400;
    color: #555
}

.questionnaire_list_box .questionnaire_list .t_footer {
    padding-left: 10px
}

.questionnaire_list_box .questionnaire_list .t_footer .btn-group {
    padding-top: 5px
}

.questionnaire_list_box .questionnaire_list .t_content {
    padding: 10px
}

.questionnaire_list_box .questionnaire_list .t_content span {
    color: #979899
}

.questionnaire_list_box .questionnaire_list .t_content span.label {
    color: #fff;
    margin-right: 20px;
    margin-left: 5px
}

.questionnaire_list_box .questionnaire_list .t_content .status_st {
    border-right: solid 1px #d6d6d6;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
    line-height: 19px;
    vertical-align: middle
}

.questionnaire_list_box .questionnaire_list .t_content .status_st span {
    text-align: left
}

.questionnaire_list_box .questionnaire_list .t_content .status_st span.label {
    text-align: center
}

.questionnaire_list_box .questionnaire_list .t_content .status_st.st_2 {
    text-align: center
}

.questionnaire_list_box .questionnaire_list .t_content .status_st.st_2 span {
    display: block;
    text-align: left
}

.questionnaire_list_box .questionnaire_list .t_content .status_st.st_2 span.label {
    text-align: center;
    display: inline-block
}

.questionnaire_list_box .questionnaire_list .t_content .status_st:last-child {
    border-right: none
}

.questionnaire_list_box .questionnaire_list .list_content_btn-group {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -19px
}

.questionnaire_list_box .questionnaire_list .time {
    color: #888;
    padding-top: 10px
}

.answer_yes {
    border: solid 1px #107ec9;
    background: #daf0ff;
    padding: 5px 10px;
    border-radius: 4px;
    color: #107ac0;
    display: inline-block
}

.answer_error {
    border: solid 1px #ff4d4d;
    background: #ffdede;
    padding: 5px 10px;
    border-radius: 4px;
    color: #e61818;
    display: inline-block
}

.survey-wizard.ontop li {
    background: #f3f2f2
}

.checkbox-nolabeltex.st_2.checkbox label::after {
    left: 2px
}

.examination_type .form-row .Questions-input {
    position: relative
}

.examination_type .form-row .Questions-input.answer .form-control {
    border: 1px solid #1976d2
}

.examination_type .form-row .Questions-input .answer_yes {
    border: none;
    background: 0 0;
    position: absolute;
    top: 4px;
    right: 0
}

.examination_type .Questions-group .checkbox input[type=checkbox]:checked+label:before {
    border: 1px solid #16ad14
}

.examination_type .Questions-group .checkbox input[type=checkbox]:checked+label::after {
    color: #44bd43
}

.add_table_td td {
    cursor: pointer
}

.third_style .card-container-sm {
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #09c3a7;
    color: #fff
}

.third_style .l1 {
    background: url(../images/small_decoration.png);
    height: 18px;
    width: 14px;
    display: inline-block;
    position: relative;
    top: 15px;
    left: 10px;
    z-index: 10
}

.third_style .r1 {
    background: url(../images/small_decoration.png);
    height: 18px;
    width: 14px;
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 25px;
    z-index: 10
}

.third_style .third_bottom {
    background: url(../images/third_bottom.png);
    height: 5px;
    width: 100%;
    position: relative;
    top: -20px;
    background-size: 2%
}

.third_style .card-container-sm .img-thumb {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.third_style .card-container-sm .img-thumb i {
    margin-top: 18px;
    margin-left: 10px
}

.third_style .card-container-sm .text {
    font-weight: 700
}

.breakdown_add_warp .edit_box_ul {
    width: 100%;
    padding: 0
}

.breakdown_add_warp .edit_box_ul li {
    width: 95%;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 0;
    list-style: none
}

.breakdown_add_warp .edit_box_ul li:hover {
    background: 0 0
}

.breakdown_add_warp .edit_box_ul li .edit-box {
    width: 90%!important;
    padding-right: 0
}

.breakdown_add_warp .edit_box_ul li span.close {
    width: 10%;
    text-align: center;
    background: #fff;
    color: #cecece;
    height: 37px;
    line-height: 37px;
    opacity: 1
}

.breakdown_add_warp .edit_box_ul li span.close:hover {
    color: #4c4c4c
}

.breakdown_add_warp .edit-box {
    position: relative;
    padding-right: 20px;
    display: inline-block;
    font-size: 16px;
    width: auto!important
}

ul.web_list_st {
    padding: 0 0 0 15px;
    margin: 0;
    list-style-position: initial;
    list-style: decimal;
    color: #797979
}

ul.web_list_st li {
    border-bottom: dashed 1px #b5b5b5;
    margin-bottom: 15px
}

.sent_box .title {
    font-weight: 700;
    border-left: 3px solid #999;
    padding: 0 10px;
    margin: 20px 0;
    font-size: 19px;
    line-height: 19px
}

.viewRow .row>div span:not(:first-child).white {
    color: #fff
}

.final_decision_case {
    margin-bottom: 20px;
    border-left: solid 7px #5bc1e8;
    border-radius: 0;
    margin-bottom: 10px;
    margin-left: 6px;
    margin-right: 6px;
    border-right: solid 1px #e4e4e4;
    border-bottom: solid 1px #e4e4e4;
    border-top: solid 1px #e4e4e4
}

.final_decision_case .title {
    color: #047300;
    cursor: pointer
}

.final_decision_case .title h3 {
    text-align: left;
    display: inline-block;
    width: 90%;
    color: #484848;
    font-size: 18px;
    font-weight: 700;
    padding-left: 5px
}

.final_decision_case .title span.slide_icon {
    text-align: right;
    display: inline-block;
    width: 8%
}

.final_decision_case .title span.slide_icon i {
    color: #696969;
    font-weight: 400;
    font-size: 14px
}

.final_decision_case .center {
    padding-bottom: 20px
}

.final_decision_case .detail_list {
    border-radius: 23px
}

.final_decision_case .detail_list p {
    color: #425444
}

.final_decision_case .detail_list.st_1 {
    background: #ecf7de
}

.final_decision_case .detail_list.st_2 {
    background: #ffebf4
}

.final_decision_case .label {
    color: #fff!important;
    background: #059600
}

.final_decision_case .number {
    color: #059600!important
}

.final_decision_case .title {
    padding: 13px
}

.final_decision_case .title .float-l .checkbox,.final_decision_case .title .float-l .radio {
    margin-bottom: 0;
    margin-top: 7px;
    padding-left: 0;
    float: left;
    margin-right: 21px
}

.final_decision_case .title .float-l .checkbox-nolabeltex.checkbox label::after {
    left: 3px;
    top: -1px
}

.final_decision_case .title .float-l span {
    display: block;
    float: left
}

.final_decision_case .title .float-l span:after {
    display: block;
    clear: both;
    content: ""
}

.final_decision_case .detail_list {
    padding: 4px;
    margin: 8px 15px
}

.final_decision_case .detail_list p {
    margin: 0;
    padding: 4px
}

.final_decision_case .detail_list p .order {
    color: #3e3e3e;
    margin-left: 10px;
    margin-right: 10px
}

.final_decision_case .detail_list p .name {
    color: #676767
}

.final_decision_case .detail_list p .lap_y {
    color: #fff;
    border-radius: 15px;
    font-size: 13px;
    padding: 4px 9px;
    background: #55bf1b
}

.final_decision_case .detail_list p .lap_n {
    color: #fff;
    border-radius: 15px;
    font-size: 13px;
    padding: 4px 9px;
    background: #e03878
}

.final_decision_case .detail_list p .price {
    color: #bb0331;
    font-size: 18px;
    margin-left: 9px
}

.final_decision_case .number {
    width: 30px;
    text-align: center;
    display: inline-block;
    font-size: 24px;
    line-height: 24px
}

.final_decision_case .label {
    padding: 5px 19px;
    border-radius: 7px;
    font-size: 15px
}

.final_decision_case .ps {
    color: #757575;
    border-bottom: solid 1px #b5b5b5
}

.final_decision_case .reason {
    margin-left: 37px
}

.final_decision_case span {
    line-height: 32px;
    color: #757575
}

.final_decision_tender {
    margin-bottom: 20px;
    border-left: solid 7px #dadada;
    border-radius: 0;
    margin-bottom: 10px;
    margin-left: 6px;
    margin-right: 6px;
    border-right: solid 1px #e4e4e4;
    border-bottom: solid 1px #e4e4e4;
    border-top: solid 1px #e4e4e4
}

.final_decision_tender .title {
    color: #047300;
    cursor: pointer
}

.final_decision_tender .title h3 {
    text-align: left;
    display: inline-block;
    width: 90%;
    color: #484848;
    font-size: 18px;
    font-weight: 700;
    padding-left: 5px
}

.final_decision_tender .title span.slide_icon {
    text-align: right;
    display: inline-block;
    width: 8%
}

.final_decision_tender .title span.slide_icon i {
    color: #696969;
    font-weight: 400;
    font-size: 14px
}

.final_decision_tender .center {
    padding-bottom: 20px
}

.final_decision_tender .detail_list {
    border-radius: 23px
}

.final_decision_tender .detail_list p {
    color: #425444
}

.final_decision_tender .detail_list.st_1 {
    background: #ecf7de
}

.final_decision_tender .detail_list.st_2 {
    background: #ffebf4
}

.final_decision_tender .label {
    color: #fff!important;
    background: #059600
}

.final_decision_tender .number {
    color: #059600!important
}

.final_decision_tender .title {
    padding: 13px
}

.final_decision_tender .title .float-l .checkbox,.final_decision_tender .title .float-l .radio {
    margin-bottom: 0;
    margin-top: 7px;
    padding-left: 0;
    float: left;
    margin-right: 21px
}

.final_decision_tender .title .float-l .checkbox-nolabeltex.checkbox label::after {
    left: 3px;
    top: -1px
}

.final_decision_tender .title .float-l span {
    display: block;
    float: left
}

.final_decision_tender .title .float-l span:after {
    display: block;
    clear: both;
    content: ""
}

.final_decision_tender .detail_list {
    padding: 4px;
    margin: 8px 15px
}

.final_decision_tender .detail_list p {
    margin: 0;
    padding: 4px
}

.final_decision_tender .detail_list p .order {
    color: #3e3e3e;
    margin-left: 10px;
    margin-right: 10px
}

.final_decision_tender .detail_list p .name {
    color: #676767
}

.final_decision_tender .detail_list p .lap_y {
    color: #fff;
    border-radius: 15px;
    font-size: 13px;
    padding: 4px 9px;
    background: #55bf1b
}

.final_decision_tender .detail_list p .lap_n {
    color: #fff;
    border-radius: 15px;
    font-size: 13px;
    padding: 4px 9px;
    background: #e03878
}

.final_decision_tender .detail_list p .price {
    color: #bb0331;
    font-size: 18px;
    margin-left: 9px
}

.final_decision_tender .number {
    width: 30px;
    text-align: center;
    display: inline-block;
    font-size: 24px;
    line-height: 24px
}

.final_decision_tender .label {
    padding: 5px 19px;
    border-radius: 7px;
    font-size: 15px
}

.final_decision_tender .ps {
    color: #757575;
    border-bottom: solid 1px #b5b5b5
}

.final_decision_tender .reason {
    margin-left: 37px
}

.final_decision_tender span {
    line-height: 32px;
    color: #757575
}

.dropdown-menu.dropdown_right_top {
    right: 0;
    left: auto
}

.dropdown-menu.dropdown_right_down {
    top: -112px;
    right: 0;
    left: auto
}

.grid.simple .FC-border-group .form-actions {
    margin-bottom: -15px!important
}

.headline_title_st h4.land-collapse-title {
    font-size: 18px
}

.headline_title_st h5.land-collapse-title {
    color: #1d1d1d!important;
    font-size: 16px;
    padding: 0;
    margin: 0 0 10px 0
}

.sing_up_determine_detail_2 .dropdown-menu li a:before {
    display: none
}

.sing_up_determine_detail_2 .dmfilter.dropdown-menu>.active>a:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    left: 8px;
    color: #616161;
    font-size: 12px;
    display: block!important
}

table td .checkGroup .checkbox input+label {
    padding-left: 25px
}

#landsystems-Anchor:hover span {
    display: inline-block
}

.m_slider_container.fullLayout__set {
    width: 100%
}

.inventory__card {
    -webkit-box-shadow: 0 0 2px silver;
    box-shadow: 0 0 2px silver;
    padding: 10px;
    border-radius: 0 5px 5px 0;
    border-left: solid 3px #3274d2;
    position: relative
}

.inventory__card .inventory__card__listGroup {
    list-style: none;
    padding: 0;
    margin: 0
}

.inventory__card .inventory__card__listGroup li {
    width: 49%;
    float: left;
    padding: 0;
    margin-bottom: 5px;
    margin-right: 1%
}

.inventory__card .inventory__card__linkToBtn {
    position: absolute;
    top: 10px;
    right: 10px
}

.abreastUl__group {
    background: #ececec;
    padding-bottom: 500em;
    margin-bottom: -500em;
    border-right: solid 1px #ddd
}

.abreastUl__group .abreastUl__group__ul {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 100%
}

.abreastUl__group .abreastUl__group__ul .abreastUl__group__list {
    background: #ececec;
    border-bottom: solid 1px #fff
}

.abreastUl__group .abreastUl__group__ul .abreastUl__group__list.active {
    background: #3275d2
}

.abreastUl__group .abreastUl__group__ul .abreastUl__group__list.active a {
    color: #fff
}

.abreastUl__group .abreastUl__group__ul .abreastUl__group__list:hover {
    background: #66a1f4
}

.abreastUl__group .abreastUl__group__ul .abreastUl__group__list:hover a {
    color: #fff
}

.abreastUl__group .abreastUl__group__ul .abreastUl__group__list a {
    display: block;
    color: #111;
    padding: 10px
}

.abreastUl__group .abreastUl__group__ul.second_st .abreastUl__group__list {
    background: #ddd
}

.abreastUl__group .abreastUl__group__ul.second_st .abreastUl__group__list.active {
    background: #255597
}

.abreastUl__group .abreastUl__group__ul.second_st .abreastUl__group__list:hover {
    background: #4176c0
}

.abreastUl__menuBox {
    float: left;
    width: 20%;
    vertical-align: top
}

.abreastUl__menuBox.Lv2__st {
    width: 25%;
    background: #ececec
}

.abreastUl__menuBox.Lv2__st .abreastUl__group {
    background: #ddd
}

.abreastUl__contentBox {
    float: left;
    width: 80%
}

.abreastUl__contentBox.Lv2__st {
    width: 75%
}

.GridLinktable__table {
    display: table;
    width: 100%
}

.GridLinktable__table__row {
    display: table-row;
    width: 100%;
    vertical-align: top
}

.GridLinktable__table__row__cell {
    display: table-cell;
    float: none!important
}

.negative20_10-margin {
    margin: -20px -10px
}

.checkbox input[type=checkbox]:checked:disabled+label {
    cursor: no-drop
}

.checkbox_itemSt input:disabled[type=checkbox]+label {
    padding: 0;
    opacity: 1;
    cursor: default
}

.checkbox_itemSt input:disabled[type=checkbox]+label {
    display: none
}

.checkbox_itemSt input:disabled:checked[type=checkbox]+label {
    display: block
}

.checkbox_itemSt input:disabled[type=checkbox]+label:after,.checkbox_itemSt input:disabled[type=checkbox]+label:before {
    display: none
}

.abreastUl__contentBox .table-striped-Cyan tbody tr:nth-of-type(odd) {
    background: #f3fcfd
}

.abreastUl__contentBox .table-striped-Cyan tbody tr:nth-of-type(2n) {
    background: #e1f7fa
}

.abreastUl__contentBox .table-striped-Cyan tr.thead td {
    color: #fff;
    border-radius: 0!important;
    background: #21afc1
}

.abreastUl__contentBox .table-striped-Cyan .total-content div,.abreastUl__contentBox .table-striped-Cyan .total-content strong {
    display: inline-block
}

.abreastUl__contentBox .table-striped-Cyan thead tr td,.abreastUl__contentBox .table-striped-Cyan thead tr th {
    color: #fff;
    border-radius: 0!important;
    background: #21afc1
}

.abreastUl__contentBox .table-striped-Cyan.table-hover tbody tr:hover>td,.abreastUl__contentBox .table-striped-Cyan.table-hover tbody tr:hover>th {
    background: #baedf3
}

.abreastUl__contentBox .table-striped-Cyan .treeTable_st1:not(:first-child) {
    -webkit-box-shadow: 0 -2px 4px rgba(222,218,218,.63);
    box-shadow: 0 -2px 4px rgba(222,218,218,.63)
}

.progresStatusSwitchGrounp {
    display: inline-block;
    text-align: center;
    margin: 0 auto
}

.progresStatusSwitchGrounp .progresStatusSwitchGrounp__text {
    line-height: 34px
}

.progresStatusSwitchGrounp .progresStatusSwitchGrounp__btn {
    float: left
}

.progresStatusSwitchGrounp .progresStatusSwitchGrounp__btn+.progresStatusSwitchGrounp__text {
    float: right
}

.link__management__box {
    border: solid 1px #e4e4e4;
    margin-bottom: 20px
}

.link__management__title {
    background: #f2f7ff;
    padding: 10px;
    color: #3373da;
    border-top: solid 2px #3275d2;
    border-bottom: solid 1px #eaeaea
}

.link__management__title .slide_sort_tab_btn {
    background: #f2f7ff;
    color: #3274cf;
    border: solid 1px #b1c9f0;
    margin-left: 10px;
    padding: 1px 5px;
    display: none
}

.link__management__title .slide_sort_tab_btn:hover {
    background: #f2f7ff;
    color: #2b62af
}

.link__management__title:hover .slide_sort_tab_btn {
    display: inline-block
}

.link__management__title.onCangeTextIng.slide_sort_tab_btn {
    display: none
}

.link__management__title.onCangeTextIng:hover .slide_sort_tab_btn {
    display: none
}

.link__management__content {
    padding: 10px
}

.link__management__item .card-container-sm .img-thumb i {
    display: block
}

.link__management__item.disable__st .card-container-sm {
    background: #ececec;
    overflow: hidden;
    border: solid 1px #dcdcdc;
    opacity: .8
}

.link__management__item.disable__st .comtaniner_text {
    color: #717171
}

.link__management__item.error__st .card-container-sm {
    background: #ffebeb;
    border: solid 1px #ffbaba;
    overflow: hidden
}

.link__management__item.error__st .comtaniner_text {
    color: red
}

.link__managementList__box .card-container-sm .text {
    width: 51%
}

.link__managementList__box .link__moreData__btn {
    display: inline-block;
    margin-top: 19px;
    background: #3f5db9;
    color: #fff;
    border-radius: 5px;
    float: left;
    border: none;
    margin-left: 10px
}

.link__management__icon {
    float: right;
    color: #929292;
    text-align: right;
    padding: 0 15px 0 0;
    line-height: 61px
}

@media (max-width: 600px) {
    .link__managementList__box .link__management__item {
        width:100%!important
    }
}

@media screen and (max-width: 1200px) {
    .link__managementList__box .card-container-sm .text {
        width:60%
    }
}

@media screen and (max-width: 990px) {
    .link__managementList__box .card-container-sm .text {
        width:51%
    }
}

@media screen and (max-width: 550px) {
    .link__managementList__box .card-container-sm .text {
        width:55%
    }
}

@media screen and (max-width: 450px) {
    .link__managementList__box .card-container-sm .text {
        width:55%
    }
}

.link__management__Bigbox {
    position: relative
}

.link__managementList__box .card-container-sm.psSt .text {
    margin-top: 5px
}

.psSt .psSpan {
    color: #737373;
    font-size: 14px;
    display: block
}

.link__management__Bigbox .DeleteBtnCircle_3 {
    top: -4px;
    right: -5px
}

.link__management__item .DeleteBtnCircle_3 {
    top: -4px;
    right: 8px
}

.btn.managementList__slide__btn {
    position: absolute;
    right: 0;
    top: 0;
    background: #e8f1ff;
    border: solid 1px #93bdff;
    border-radius: 3px!important;
    color: #305692
}

.btn.managementList__slide__btn:hover {
    background: #b0ccf7;
    border: solid 1px #6c8fc5;
    border-radius: 3px!important;
    color: #042252
}

.card-container-sm.addLink_st {
    border: dashed 1px #78afff;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #3275d2;
    text-align: center;
    font-size: 18px;
    line-height: 60px;
    background: #f4f9ff
}

.card-container-sm.addLink_st:hover {
    background: #e8f3ff;
    font-weight: 700
}

.link__management__box {
    position: relative
}

.link__management__box.ui-sortable-helper .link__management__content {
    display: none
}

.sortable__blueStyle .ui-sortable-placeholder {
    display: block!important;
    visibility: visible!important;
    border: dashed 1px #89b8fb!important;
    padding: 25px;
    background: #deecff;
    border-radius: 0
}

.sortable__blueStyle .link__management__item.ui-sortable-placeholder {
    height: 80;
    padding: 30px 0;
    display: block;
    margin-bottom: 18px;
    content: ""
}

.hoverHide {
    display: none!important
}

.hide__st {
    display: none!important
}

.Status-list_box.st_2 .icon {
    width: 100%;
    height: 106px;
    background-position: center;
    background-repeat: no-repeat
}

.Status-list_box.st_2 .Status-list {
    background: #fbfbfb;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    color: #3a3a3a;
    font-weight: 700;
    font-size: 16px;
    border: solid 1px #dedede
}

.Status-list_box.st_2 .Status-list.active {
    background: #f1ffe0;
    color: #4d8603;
    border: solid 1px #0c8832;
    position: relative
}

.Status-list_box.st_2 .Status-list.active:after {
    content: "\f00c";
    width: 30px;
    height: 30px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    text-align: center;
    background: #128732;
    line-height: 30px;
    border-radius: 50%;
    top: -6px;
    right: -10px;
    color: #fff
}

.Status-list_box.st_2 .Status-list:hover {
    background: #f5ffe9;
    color: #4a8204;
    border: solid 1px #b9f76f;
    position: relative
}

.Status-list_box.st_2 .Status-list.unclick {
    opacity: .5;
    cursor: not-allowed;
    background: #d6d6d6
}

.Status-list_box.st_2 .Status-list.unclick:hover {
    opacity: .5;
    cursor: not-allowed;
    background: #d6d6d6;
    border: solid 1px #dedede;
    color: #3a3a3a
}

.ul__Cyan__disc {
    color: #464646;
    background: #d4f9ff;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px
}

.ul__Cyan__disc li {
    margin-bottom: 7px
}

.categoryLeft_btn,.category_icon_box_mask.st_2 {
    position: relative
}

.personalize_st.category_icon_box .category_icon_box_mask.st_2 ul {
    padding: 0
}

.personalize_st.category_icon_box .category_icon_box_mask.st_2 ul:after {
    display: block;
    content: "";
    clear: both
}

.category_icon_box.st_2 ul li.ui-draggable {
    width: 35px;
    height: 35px
}

.category_color_box.st_2 ul li.s_color_box {
    width: 44px;
    height: 44px
}

.category_color_box.st_2 ul li div {
    height: 44px!important
}

@media screen and (min-width: 768px) {
    .personalize_st.category_icon_box .category_icon_box_mask.st_2 {
        position:relative;
        display: block;
        width: 100%
    }

    .personalize_st.category_icon_box .category_icon_box_mask.st_2 ul {
        width: auto;
        float: none
    }

    .personalize_st.category_icon_box.st_2 {
        height: auto
    }

    .category_box_right_box.st_2 {
        padding-bottom: 3000px;
        margin-bottom: -3000px;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        background: #fff
    }
}

.th4__tableStBox {
    border-right: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    overflow: hidden;
    background: #f3fdff
}

.th4__tableStBox__grid {
    float: left;
    height: 100%;
    width: 25%
}

.th4__tableStBox__title {
    background: #44aac1;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 700;
    border-left: solid 1px #fff
}

.th4__tableStBox__content {
    border-left: solid 1px #e6e6e6;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -300px
}

@media screen and (max-width: 985px) {
    .th4__tableStBox__grid {
        float:none;
        height: 100%;
        width: 100%
    }
}

.nav__tab__Double__Lv1 .nav-tabs {
    background: #fff;
    border-bottom: solid 3px #57bcce
}

.nav__tab__Double__Lv1 .nav-tabs>li.active>a,.nav__tab__Double__Lv1 .nav-tabs>li.active>a:focus,.nav__tab__Double__Lv1 .nav-tabs>li.active>a:hover {
    background: #57bcce;
    color: #fff
}

.nav__tab__Double__Lv1 .tab-pane.active {
    border: solid 1px #57bcce
}

.nav__tab__Double__Lv2 .nav-tabs {
    background: #e5f7fb;
    border-bottom: none
}

.nav__tab__Double__Lv2 .tab-pane.active {
    border: none
}

.nav__tab__Double__Lv2 .nav-tabs>li.active>a,.nav__tab__Double__Lv2 .nav-tabs>li.active>a:focus,.nav__tab__Double__Lv2 .nav-tabs>li.active>a:hover {
    background: #fff;
    color: #208698;
    font-weight: 700
}

.nav__tab__Double__Lv2 .nav-tabs>li>a {
    color: #76b3c1
}

.nav-tabBox__line .nav-tabs {
    border: 1px solid #ccc;
    background: #f0f0ee
}

.nav-tabBox__line .tab-content {
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc
}

.nav-tabBox__line .sitemap__listGroup__title {
    font-size: 19px;
    color: #2f2f2f;
    border-bottom: solid 1px #dcdcdc;
    font-weight: 700;
    margin-top: 0
}

.accordionPart {
    padding: 0;
    margin: 0;
    list-style: none
}

.accordionPart li a {
    color: #0d638f
}

.accordionPart li.qa_list {
    border-bottom: 1px dotted #ccc;
    padding: 5px;
    line-height: 29px;
    background: #f1f1f1;
    margin-bottom: 5px;
    margin-top: 5px;
    border-radius: 8px;
    padding-left: 10px;
    color: #111
}

.accordionPart li.qa_list .qa_title {
    background: url(../images/red_icon_01.gif) no-repeat 0
}

.accordionPart li.qa_list .lv_title,.accordionPart li.qa_list .qa_title {
    font-size: 17px;
    font-weight: 700;
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px
}

.accordionPart li.qa_list .lv_title {
    background: url(../images/lv_icon.png) no-repeat 0
}

.accordionPart li.qa_list .qa_content {
    background: url(../images/red_icon_02.gif) no-repeat 0 5px;
    padding: 6px 40px;
    display: none;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.accordionPart li.qa_list .qa_content ul {
    background: 0 0
}

.accordionPart li.qa_list .qa_content ul li a {
    color: #0d638f
}

.grid.simple .index_projcet_schedule .grid-title {
    border-top: solid 3px #1b5e20;
    position: relative
}

.center_canvas .grid-title h4 i {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #dadada;
    color: #fff;
    border-radius: 999px;
    font-size: 20px;
    margin-right: 11px
}

.center_canvas .grid-title h4 span {
    font-size: 24px
}

.modal-body .m-left-arrow,.modal-body .m-right-arrow {
    position: absolute;
    border: 1px solid rgba(105,105,105,.72);
    padding: 15px 10px;
    border-radius: 3px;
    text-align: center;
    top: 150px;
    background: rgba(150,150,150,.73);
    cursor: pointer
}

.modal-body .m-left-arrow,.modal-body .m-right-arrow {
    position: absolute;
    border: 1px solid rgba(105,105,105,.72);
    padding: 15px 10px;
    border-radius: 3px;
    text-align: center;
    top: 150px;
    background: rgba(150,150,150,.73);
    cursor: pointer
}

.modal-body .m-right-arrow {
    right: -75px
}

.modal-body .m-left-arrow {
    left: -75px
}

.ken_header .arrow.download {
    background-image: url(../images/cloudicon/download.png)
}

.colorBlock__list {
    width: 31%;
    float: left;
    background: #fff;
    margin: 1%;
    text-align: center;
    color: #555;
    padding: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 5px 0 #2e929f;
    box-shadow: 0 0 5px 0 #2e929f
}

@media only screen and (max-width: 760px) {
    .colorBlock__list {
        width:48%
    }
}

@media only screen and (max-width: 500px) {
    .colorBlock__list {
        width:98%
    }
}

.colorBlock__list h3 {
    color: #7d7d7d;
    font-size: 18px;
    float: left;
    width: 80%;
    text-align: left;
    font-weight: 400;
    padding-left: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media only screen and (max-width: 760px) {
    .colorBlock__list h3 {
        width:70%
    }
}

@media only screen and (max-width: 500px) {
    .colorBlock__list h3 {
        width:80%
    }
}

.colorBlock__list:hover h3 {
    color: #333
}

.colorBlock_listicon {
    font-size: 15px;
    color: #fff;
    float: left;
    width: 35px;
    line-height: 30px;
    border: solid 3px #e6e6e6;
    background: #2d919e;
    border-radius: 50%;
    margin-top: 8px;
    margin-right: 2%
}

.colorBlock__list:nth-child(2) .colorBlock_listicon {
    background: #6767d4
}

.colorBlock__list:nth-child(3) .colorBlock_listicon {
    background: #2eca95
}

.colorBlock__list:nth-child(4) .colorBlock_listicon {
    background: #801c1c
}

.colorBlock__list:nth-child(5) .colorBlock_listicon {
    background: #d454ba
}

.colorBlock__list:nth-child(6) .colorBlock_listicon {
    background: #548dd4
}

.colorBlock__list:nth-child(7) .colorBlock_listicon {
    background: #3e29ea
}

.colorBlock__list:nth-child(8) .colorBlock_listicon {
    background: #986aab
}

.colorBlock__list:nth-child(9) .colorBlock_listicon {
    background: #ff6cfa
}

.colorBlock__list:nth-child(10) .colorBlock_listicon {
    background: #dc226f
}

.colorBlock__list:nth-child(11) .colorBlock_listicon {
    background: #dc7822
}

.colorBlock__list:nth-child(12) .colorBlock_listicon {
    background: #a79b0e
}

.colorBlock__list:nth-child(13) .colorBlock_listicon {
    background: #5eb112
}

.colorBlock__list:nth-child(14) .colorBlock_listicon {
    background: #2b9411
}

.colorBlock__list:nth-child(15) .colorBlock_listicon {
    background: #3a9068
}

.colorBlock__list:nth-child(16) .colorBlock_listicon {
    background: #166569
}

.colorBlock__list:nth-child(17) .colorBlock_listicon {
    background: #950e9e
}

.colorBlock__list:nth-child(18) .colorBlock_listicon {
    background: #98a013
}

.colorBlock__list:nth-child(19) .colorBlock_listicon {
    background: #2e61a0
}

.colorBlock__list:nth-child(20) .colorBlock_listicon {
    background: #172a88
}

.colorBlock__list:nth-child(21) .colorBlock_listicon {
    background: #0f5417
}

.colorBlock__list:nth-child(22) .colorBlock_listicon {
    background: #d454ba
}

.colorBlock__list:nth-child(23) .colorBlock_listicon {
    background: #da9045
}

.colorBlock__list:nth-child(24) .colorBlock_listicon {
    background: #3dca68
}

.intervene__switch__box {
    background: #e5fffc;
    border: solid 1px #b2e0dc;
    border-radius: 10px;
    padding: 15px 15px 7px
}

@media only screen and (max-width: 500px) {
    .breakdown_add_warp.st_2 .edit_box_ul li .edit-box {
        width:85%!important
    }
}

.edit_box_ul--delete__Box {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px
}

#fullTableBlackMask {
    position: fixed;
    z-index: 99998;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.575);
    overflow-y: scroll
}

.fullTableMask {
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    padding: 2%;
    background: #fff;
    transition: 1s;
    left: 0;
    top: 0;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-transition: 1s;
    -webkit-box-shadow: 0 0 12px 4px rgba(0,0,0,.22);
    box-shadow: 0 0 12px 4px rgba(0,0,0,.22)
}

.fullTableMask talbe {
    background: #fff
}

.passwordMethod__list {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 5px 0 #4eafb1;
    height: auto;
    display: block;
    padding: 8% 0;
    margin: 0 auto 20px;
    max-width: 280px;
    overflow: hidden
}

.passwordMethod__list .passwordMethod__list__icon {
    border: solid 5px #fff;
    background: #06b1b1;
    border-radius: 100%;
    width: 120px;
    height: 120px;
    text-align: center;
    line-height: 120px;
    font-size: 40px;
    box-shadow: 0 0 0 2px #afeaea;
    margin: 0 auto;
    position: relative;
    left: 0;
    transition: .2s
}

.passwordMethod__list .passwordMethod__list__icon i {
    color: #fff
}

.passwordMethod__list .passwordMethod__list__text {
    text-align: center;
    padding-top: 30px;
    font-size: 18px;
    color: #00a3a5;
    transition: .2s
}

.passwordMethod__list:hover {
    box-shadow: 0 0 16px 0 #4eafb1;
    border-bottom: solid 0 #41b0b1
}

.passwordMethod__list:hover .passwordMethod__list__icon {
    width: 140px;
    height: 140px;
    margin-top: -10px;
    line-height: 140px;
    background: #078484
}

.passwordMethod__list:hover .passwordMethod__list__text {
    font-weight: 700;
    padding-top: 20px;
    color: #078484
}

.set_tab_itemBoxMask {
    overflow-x: auto;
    width: 100%
}

.set_tab_itemBox {
    background: 0 0;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 335px
}

.set_tab_itemBox:after {
    clear: both;
    display: block;
    content: ""
}

.set_tab_list {
    float: left;
    position: relative;
    padding-left: 15px;
    background: #83bac3
}

.set_tab_list.active a {
    color: #fff
}

.set_tab_list a {
    cursor: no-drop
}

.set_tab_list.active {
    background: #4a9dab
}

.set_tab_list.active2 {
    background: #bee4ea
}

.set_tab_list a {
    padding: 10px;
    display: block;
    color: #176d7b
}

.set_tab_list:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 0;
    right: -40px;
    border-width: 20px;
    z-index: 111;
    border-radius: 0
}

.set_tab_list.active:after {
    border-color: transparent transparent transparent #4a9dab
}

.set_tab_list.active2:after {
    border-color: transparent transparent transparent #bee4ea
}

.set_tab_list:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #83bac3;
    position: absolute;
    top: 0;
    right: -39px;
    border-width: 20px;
    z-index: 111;
    border-radius: 0
}

.widget-item .iconFont {
    color: #fff;
    font-size: 66px;
    padding-top: 17px;
    padding-bottom: 17px;
    position: relative;
    text-align: center
}

.card-container-sm .img-thumb .iconFont {
    position: relative;
    margin-top: 15px;
    font-size: 30px;
    color: #fff;
    width: auto
}

.provision ul {
    margin-left: 10px;
    padding: 0
}

.provision ul li {
    color: #000;
    font-weight: 400;
    font-size: 15px;
    list-style-type: korean-hanja-informal;
    margin: 10px 10px 10px 30px;
    padding-left: 0
}

.provision ul li .keySt {
    font-weight: 700;
    color: #027dce
}

.provision ul.square_li li {
    list-style-type: square
}

.provision ul li ul li {
    list-style-type: none
}

.edition {
    font-size: 16px;
    color: #676767;
    border: 1px solid #a9a9a9;
    padding: 4px 10px;
    display: inline-block
}

.user-info-wrapper.big__profileSt {
    display: flex;
    align-items: center;
    padding: 15px;
    margin: 0
}

.user-info-wrapper.big__profileSt .profile-wrapper {
    margin-top: 0
}

.user-info-wrapper.big__profileSt .user-name {
    font-size: 18px;
    margin-bottom: 5px
}

.user-info-wrapper.big__profileSt .user-name span.label {
    vertical-align: middle
}

.user-info-wrapper.big__profileSt:hover {
    background: #efefef
}

.user-position__type {
    float: left;
    margin-left: auto
}

a.user-info-wrapper.disabledSt {
    cursor: no-drop;
    opacity: .6;
    background: #bfbfbf
}

a.user-info-wrapper.disabledSt:hover {
    background: #bfbfbf
}

@media only screen and (max-width: 376px) {
    .user-info-wrapper.big__profileSt .profile-wrapper {
        width:39px;
        height: 39px
    }

    .user-info-wrapper.big__profileSt .profile-wrapper img {
        width: 39px!important;
        height: 39px!important
    }
}

.user-info-borderList {
    margin: 0;
    padding: 0;
    list-style: none
}

.user-info-borderList__item {
    border-bottom: solid 1px #d8d8d8;
    padding: 0
}

a.big__profileSt {
    display: block
}

.vertical-textTop {
    vertical-align: text-top
}

.vertical-textTop span {
    vertical-align: text-top
}

.panel-group .panel-heading+.panel-collapse .panel-body.panel-body__borderSt {
    background: #fff;
    border: solid 1px #dce0e8
}

.yellow_itemIcon {
    color: #fdaf43
}

.orange_itemIcon {
    color: #ff5722
}

.purple_itemIcon {
    color: #673ab7
}

.green_itemIcon {
    color: #4caf50
}

.lightBlue_itemIcon {
    color: #00bcd4
}

.cyan_itemIcon {
    color: #61c5bc
}

.su_date_module_box .form-label {
    padding-left: 0!important;
    padding-bottom: 0!important
}

#meeting_calender_search_box.treeviewSt .list-group-item>a {
    padding: 0;
    line-height: normal;
    display: inline-block;
    background: 0 0
}

#meeting_calender_search_box.treeviewSt .list-group {
    background: #fff;
    overflow: scroll;
    margin: 0;
    overflow-x: hidden
}

#meeting_calender_search_box.treeviewSt .list-group li.list-group-item {
    padding: 5px!important
}

#tree2 .list-group li.list-group-item {
    padding: 5px!important
}

@media only screen and (min-width: 768px) {
    #meeting_calender_table_box.treeviewSt {
        padding-top:0;
        padding-bottom: 0;
        overflow: visible
    }
}

#meeting_calender_table_box.treeviewSt .meeting_calender_table_view {
    overflow: scroll;
    overflow-x: hidden
}

#meeting_calender_search_box.treeviewSt a {
    display: inline-block
}

#meeting_calender_table_box.treeviewSt #meeting_calender_search_colse_btn {
    display: block;
    left: -27px;
    border-radius: 3px 0 0 3px
}

#meeting_calender_table_box .table td {
    padding: 5px!important
}

.multiple_dropdown-menu {
    padding-bottom: 15px;
    background: #f7f7f7
}

.multiple_dropdown-menu .dropdown-menu {
    position: relative;
    margin-top: 15px
}

.multiple_dropdown-menu .dropdown-menu>li {
    position: relative
}

@media (min-width: 980px) {
    .container_padding {
        padding-top:100px
    }
}

@media (max-width: 1024px) and (min-width:768px) {
    .container_padding {
        padding-top:95px
    }
}

@media (max-width: 767px) {
    .container_padding {
        padding-top:54px
    }
}

.landscapeForm__Group:after {
    clear: both;
    display: block;
    content: ""
}

.landscapeForm__label {
    float: left;
    line-height: 37px;
    margin-bottom: 10px;
    margin-right: 10px
}

.landscapeForm__input {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}

.banner_listSet_box .banner_list {
    background: #eef9ff;
    border-radius: 0;
    padding: 0 15px 10px;
    border: solid 1px #d8d8d8;
    margin-bottom: 15px
}

.typeSearch__radioList {
    background: #e8f5ff;
    border-radius: 5px;
    padding: 10px 10px 15px;
    border: solid 1px #96cbf1;
    margin-bottom: 20px;
    display: table
}

.typeSearch__radioList__img {
    margin-top: 10px
}

.typeSearch__radioList__img img {
    width: 100%
}

.Download-span {
    word-break: break-all
}

.btn-round {
    border-radius: 50%
}

.btn-round-30 {
    width: 30px;
    height: 30px;
    padding: 0
}

.btn-society {
    width: 98%;
    padding: 10px;
    border: solid 1px #cecece;
    margin: 1%;
    text-align: left;
    border-radius: 5px;
    background: #fff
}

.btn-society:focus,.btn-society:hover {
    background: #e4e4e4
}

.button.facebookBtn {
    position: relative;
    background: linear-gradient(180deg,#637aad 5%,#5972a7);
    background-color: #637aad;
    border: 1px solid #314179;
    text-shadow: 0 1px 0 #314179;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    padding: 0;
    width: 100%
}

.button.facebookBtn .btn__decoration {
    background-image: url(../images/society-icon/facebook.png);
    background-color: #5a78b9;
    background-color: rgba(255,255,255,.08);
    width: 45px;
    height: 45px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50%
}

button.googleBtn {
    position: relative;
    background: linear-gradient(180deg,#fc8d83 5%,#e4685d);
    background-color: #fc8d83;
    border: 1px solid #d83526;
    text-shadow: 0 1px 0 #d83526;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    padding: 0;
    width: 100%
}

button.googleBtn .btn__decoration {
    background-image: url(../images/society-icon/google.png);
    background-color: #5a78b9;
    background-color: rgba(255,255,255,.08);
    width: 45px;
    height: 45px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50%
}

button.oauth2Btn {
    position: relative;
    background: linear-gradient(180deg,#686868 5%,#1b1b1b);
    background-color: #1b1b1b;
    border: 1px solid #000;
    text-shadow: 0 1px 0 #3c3c3c;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    padding: 0;
    width: 100%
}

button.oauth2Btn .btn__decoration {
    background-image: url(../images/society-icon/OAUTH2.png);
    background-color: #5a78b9;
    background-color: rgba(255,255,255,.08);
    width: 45px;
    height: 45px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50%
}

button.certificateBtn .btn__decoration {
    background-image: url(../images/society-icon/certificate.png);
    background-color: #5a78b9;
    background-color: rgba(255,255,255,.08);
    width: 45px;
    height: 45px;
    float: left;
    background-repeat: no-repeat;
    background-position: 50%
}

button.certificateBtn {
    position: relative;
    background: linear-gradient(180deg,#bf4957 5%,#98343f);
    background-color: #a83c49;
    border: 1px solid #9a3540;
    text-shadow: 0 1px 0 #3c3c3c;
    line-height: 45px;
    color: #fff;
    font-size: 17px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    padding: 0;
    width: 100%
}

.fullCalendar_table {
    width: 100%
}

.fullCalendar_table tr th {
    border: 1px solid #ccc;
    text-align: center
}

.fullCalendar_table tr td {
    border: 1px solid #ccc;
    width: 14%;
    padding: 5px
}

.fullCalendar_table tr td:nth-child(1) {
    background: #fef1ee
}

.fullCalendar_table tr td:nth-child(2) {
    background: #fdffcb
}

.fullCalendar_table tr td:nth-child(3) {
    background: #f3f2f2
}

.fullCalendar_table tr td:nth-child(4) {
    background: #f3f2f2
}

.fullCalendar_table tr td:nth-child(5) {
    background: #f3f2f2
}

.fullCalendar_table tr td:nth-child(6) {
    background: #f3f2f2
}

.fullCalendar_table tr td:nth-child(7) {
    background: #f7ffe5
}

.fullCalendar_block {
    margin-bottom: 5px
}

.fullCalendar_table-time {
    background-color: #f4aca2;
    border-color: #f4aca2;
    color: #d32c14;
    padding: 0 5px
}

.fullCalendar_table-content {
    background-color: #ffdbd6;
    border-color: #f4aca2;
    color: #d32c14;
    padding: 5px
}

.fullCalendar_table-content p {
    margin-bottom: 5px
}

.back_file_Edit p {
    word-break: break-all
}

.carSelectBox.st_2 {
    background: 0 0;
    box-shadow: none;
    left: -190px
}

.carSelectBox.st_2 .JQ-toggle {
    background: #fff;
    box-shadow: 1px 1px 2px #b9b9b9;
    border: solid 1px #e2e2e2;
    position: relative;
    margin-top: 10px
}

.carSelectBox.st_2 .JQ-toggle:after {
    display: block;
    content: "";
    position: absolute;
    top: -10px;
    right: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 10px 12.5px;
    border-color: transparent transparent #fff transparent
}

.carSelectBox.st_2 .JQ-toggle:before {
    display: block;
    content: "";
    position: absolute;
    top: -11px;
    right: 6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 10px 12.5px;
    border-color: transparent transparent #ccc transparent
}

.carSelectBox.st_2.st_2_left .JQ-toggle:after,.carSelectBox.st_2.st_2_left .JQ-toggle:before {
    right: auto;
    left: 6px
}

.carSelectBox.st_2.text__left-st .JQ-toggle:before {
    left: 6px;
    right: auto
}

.carSelectBox.st_2.text__left-st .JQ-toggle:after {
    left: 6px;
    right: auto
}

.su_slide_list {
    border: solid 1px #d6d6d6;
    background: #efefef;
    padding: 0 10px 0 10px;
    border-radius: 4px;
    margin-bottom: 0;
    margin-top: 17px
}

.type_color_list .icon {
    font-size: 12px
}

.type_color_list_text {
    overflow: hidden;
    width: 85%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ellipsis_oneLine {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.set_tab_itemBoxMask.blue_st {
    overflow-x: auto;
    width: 100%
}

.set_tab_itemBoxMask.blue_st .set_tab_list.active a {
    color: #fff
}

.set_tab_itemBoxMask.blue_st .set_tab_list {
    float: left;
    position: relative;
    padding-left: 15px;
    background: #ccc
}

.set_tab_itemBoxMask.blue_st .set_tab_list a {
    cursor: default
}

.set_tab_itemBoxMask.blue_st .set_tab_list a.disableLink::before {
    content: "\f05e";
    font-family: FontAwesome;
    color: red;
    right: 5px;
    font-size: 20px;
    font-weight: 400;
    position: absolute;
    top: 0;
    display: none
}

.set_tab_itemBoxMask.blue_st .set_tab_list a.disableLink:hover::before {
    display: block
}

.set_tab_itemBoxMask.blue_st .set_tab_list.active {
    background: #1c76d1
}

.set_tab_itemBoxMask.blue_st .set_tab_list.active2 {
    background: #365379
}

.set_tab_itemBoxMask.blue_st .set_tab_list.active2 a {
    cursor: pointer;
    color: #fff
}

.set_tab_itemBoxMask.blue_st .set_tab_list a {
    padding: 10px;
    display: block;
    color: #1b1e24;
    cursor: pointer
}

.set_tab_itemBoxMask.blue_st .set_tab_list a.disableLink {
    cursor: default
}

.set_tab_itemBoxMask.blue_st .set_tab_list:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 0;
    right: -40px;
    border-width: 20px;
    z-index: 111;
    border-radius: 0
}

.set_tab_itemBoxMask.blue_st .set_tab_list.active:after {
    border-color: transparent transparent transparent #1c76d1
}

.set_tab_itemBoxMask.blue_st .set_tab_list.active2:after {
    border-color: transparent transparent transparent #365379
}

.set_tab_itemBoxMask.blue_st .set_tab_list:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    border-color: transparent transparent transparent #ccc;
    position: absolute;
    top: 0;
    right: -39px;
    border-width: 20px;
    z-index: 111;
    border-radius: 0
}

.table-bordered.thick_st td {
    border: 1px solid #ccc!important
}

.input-append.date .form-control[readonly] {
    background: #fff;
    cursor: pointer
}

.mu_la_route {
    position: relative;
    list-style-type: none;
    border: 0;
    margin: 0;
    padding: 0;
    top: 0;
    margin-top: 0;
    max-height: 100%!important;
    width: 100%;
    background: #bcf;
    border-radius: 2px;
    z-index: -1
}

ul.mu_la_space {
    counter-reset: item;
    list-style-type: none
}

li.mu_la_route .mu_la_title .mu_la_sort:before {
    display: inline-block;
    counter-increment: item;
    content: counters(item, "-") " ";
    text-indent: 0
}

.mu_la_route .direction_icon {
    position: absolute;
    top: 11px;
    left: 14px;
    z-index: 10px;
    font-size: 14px;
    color: #9fb4f3;
    cursor: pointer
}

.mu_la_route .direction_icon:hover {
    color: #5a80f3
}

.mu_la_route .mu_la_title {
    position: absolute;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 0;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    width: 400px;
    text-indent: 40px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 0 0 2px #5a80f3;
    color: #111
}

.first-title {
    margin-left: 0
}

.mu_la_space {
    position: relative;
    list-style-type: none;
    border: 0;
    margin: 0;
    padding: 0;
    margin-left: 50px;
    width: 40px;
    top: 50px;
    padding-bottom: 50px;
    height: 100%;
    z-index: 1
}

.form-row .form-control.mu_la_input {
    display: inline-block;
    margin-top: 1px;
    border: 0 solid #5a80f3;
    padding-left: 0!important;
    background: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s
}

.form-row input.mu_la_checkbox {
    display: inline-block;
    margin-right: 5px
}

.form-row .form-control.mu_la_input:focus,.form-row .form-control.mu_la_input:hover {
    border: 1px solid #5a80f3;
    background: #f3f6ff;
    padding-left: 5px!important
}

.mu_la_title:hover .mu_la_icon {
    display: block
}

.mu_la_group>.mu_la_space {
    margin-top: -40px
}

.mu_la_icon {
    display: none;
    text-indent: 0;
    color: #fff;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    text-align: center;
    background: #365379;
    line-height: 27px;
    font-size: 13px;
    font-weight: 100;
    margin: 6px 5px;
    cursor: pointer;
    opacity: .8
}

.mu_la_icon:hover {
    color: #fff;
    opacity: 1
}

.first-space {
    margin-left: 0
}

.proposition_list {
    background: #fff;
    box-shadow: #d2d2d2 1px 1px 2px,#d2d2d2 2px 2px 20px;
    margin: 5px;
    width: 100%;
    min-height: 100px;
    display: block;
    border-left: solid 4px #7d60ff
}

.proposition_list_placeholder {
    background: #fff;
    border: solid 1px #16bedc;
    opacity: .6;
    margin: 0 2% 10px!important;
    width: 96%;
    min-height: 80px;
    display: block;
    float: left
}

.Status-list {
    background-position: 3px 1px;
    border: solid 1px #afafaf;
    border-radius: 5px;
    text-align: center;
    margin-top: 3px;
    background-size: 40%;
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 13px;
    padding: 4px;
    position: relative
}

.Status-list span {
    min-width: 30px;
    display: block;
    padding-left: 29px
}

.Status-list span.icon {
    min-width: auto;
    display: inline-block;
    padding-left: 5px
}

.Status-list span.icon .fa-times {
    padding-right: 1px;
    padding-left: 2px
}

.Status-list span.text {
    min-width: 30px;
    display: inline-block;
    padding-left: 0
}

.Status-list:hover {
    background-color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer
}

.Status-list .list_box {
    position: absolute;
    right: -25px;
    top: 33px;
    width: 418px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 12px;
    box-shadow: 2px 5px 15px #ccc;
    z-index: 7000;
    color: #777;
    font-weight: 400
}

.Status-list .list_box:after {
    content: "";
    display: block;
    clear: both
}

.Status-list .list_box ol {
    float: left;
    width: 138px
}

.Status-list .list_box:after,.Status-list .list_box:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    right: 12%
}

.Status-list .list_box:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-right: -5px
}

.Status-list .list_box:before {
    border-color: rgba(204,204,204,0);
    border-bottom-color: #ccc;
    border-width: 6px;
    margin-right: -6px
}

.Status-list .list_box ol {
    padding: 6px;
    line-height: 25px;
    margin-bottom: 0
}

.Status-list .list_box ol li {
    padding-bottom: 5px;
    padding-top: 5px;
    list-style: none;
    font-size: 13px;
    border-bottom: solid 1px #eaeaea;
    display: block;
    width: 100%;
    text-align: left;
    cursor: pointer
}

.Status-list .list_box ol li a {
    display: block;
    color: #555
}

.Status-list .list_box ol li div {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.Status-list .list_box ol li:hover {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #e6eeef
}

.Status-list .list_box ol li.hover,.Status-list .list_box ol li.hover:hover {
    background-color: transparent
}

.btn-demo-space,.index_projcet_schedule .btn-cons {
    margin-bottom: 0
}

.Status-list_box .draft {
    background-image: url(../images/schedule/menu_icon_29.png)
}

.Status-list_box .purchase {
    background-image: url(../images/schedule/menu_icon_59.png)
}

.Status-list_box .announcement {
    background-image: url(../images/schedule/menu_icon_98.png)
}

.Status-list_box .opening {
    background-image: url(../images/schedule/menu_icon_103.png)
}

.Status-list_box .reviewing {
    background-image: url(../images/schedule/menu_icon_83.png)
}

.Status-list_box .selection {
    background-image: url(../images/schedule/menu_icon_66.png)
}

.Status-list_box .reserve {
    background-image: url(../images/schedule/menu_icon_06.png)
}

.Status-list_box .final {
    background-image: url(../images/schedule/menu_icon_12.png)
}

.Status-list_box .performance {
    background-image: url(../images/schedule/menu_icon_07.png)
}

.Status-list_box .warranty {
    background-image: url(../images/schedule/menu_icon_58.png)
}

.Status-list_box .abolition {
    background-image: url(../images/schedule/menu_icon_121.png)
}

.Status-list_box .flow {
    background-image: url(../images/schedule/menu_icon_120.png)
}

@media screen and (max-width: 768px) {
    .Status-list .list_box {
        max-height:140px;
        overflow-y: scroll;
        overflow-x: hidden;
        width: 115px
    }

    .Status-list .list_box ol {
        float: none
    }

    .Status-list .list_box .Status-list .list_box:after,.Status-list .list_box .Status-list .list_box:before {
        right: 50%
    }
}

.radio .checkbox input[type=checkbox]:checked+label:after {
    background: 0 0;
    border: none;
    -webkit-transform: scale(1);
    transform: scale(1);
    text-align: left
}

.table.sticky-table {
    text-align: right;
    position: relative;
    border-collapse: collapse!important;
    border-spacing: 0
}

.table>thead>tr>th.sticky_header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
    -webkit-box-shadow: 0 1px 1px #c7c7c7;
    -moz-box-shadow: 0 1px 1px #c7c7c7;
    box-shadow: 0 1px 1px #c7c7c7
}

.table tr>td.sticky-row {
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #fafafa;
    -webkit-box-shadow: 0 1px 1px #c7c7c7;
    -moz-box-shadow: 0 1px 1px #c7c7c7;
    box-shadow: 0 1px 1px #c7c7c7
}

.table>thead>tr>th.sticky-row {
    z-index: 10;
    position: sticky;
    position: -webkit-sticky;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 1px 1px #c7c7c7;
    -moz-box-shadow: 0 1px 1px #c7c7c7;
    box-shadow: 0 1px 1px #c7c7c7
}

.nav_mask::-webkit-scrollbar-track {
    background-color: #c1d8f7
}

.nav_mask::-webkit-scrollbar {
    height: 13px;
    background-color: #e0e0e0
}

.nav_mask::-webkit-scrollbar-thumb {
    background-color: #3276d2
}

.nav_mask li.active {
    border-left: solid 1px #3276d2;
    border-radius: 5px 5px 0 0;
    border-right: solid 1px #3276d2;
    border-top: solid 1px #3276d2;
    background: #daeaff
}

@media screen and (max-width: 992px) {
    .block-table-vert>table>thead>tr>th {
        display:block;
        width: 100%
    }

    .block-table-vert>table>tbody>tr>td {
        display: block;
        width: 100%!important
    }

    .block-table-vert>table>tbody>tr>td:not(:first-child) {
        margin-top: -1px
    }
}

@media screen and (max-width: 992px) {
    .block-table table tr th {
        position:absolute;
        top: -9999px;
        left: -9999px
    }

    .block-table table tr td {
        position: relative;
        padding-left: 50%!important;
        white-space: normal;
        text-align: center;
        display: block;
        margin-top: -1px;
        min-height: 44px
    }

    .block-table table tr td::before {
        content: attr(data-title);
        position: absolute;
        top: 50%;
        left: 0;
        width: 40%;
        height: 100%;
        padding: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 400;
        color: gray;
        transform: translate(0,-50%)
    }

    .block-table table tr:nth-child(n) td:before {
        background-color: #eee
    }

    .block-table table tr:nth-child(2n) td:before {
        background-color: #dce0e8
    }
}

:root {
    --customize-primary-rgb: 13,110,253;
    --customize-secondary-rgb: 108,117,125;
    --customize-success-rgb: 25,135,84;
    --customize-info-rgb: 13,202,240;
    --customize-warning-rgb: 255,193,7;
    --customize-danger-rgb: 220,53,69;
    --customize-light-rgb: 248,249,250;
    --customize-dark-rgb: 33,37,41;
    --customize-white-rgb: 255,255,255;
    --customize-black-rgb: 0,0,0;
    --customize-body-color-rgb: 33,37,41;
    --customize-body-bg-rgb: 255,255,255;
    --customize-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --customize-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --customize-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --customize-body-font-family: var(--customize-font-sans-serif);
    --customize-body-font-size: 1rem;
    --customize-body-font-weight: 400;
    --customize-body-line-height: 1.5;
    --customize-body-color: #212529;
    --customize-body-bg: #fff;
    --customize-border-width: 1px;
    --customize-border-style: solid;
    --customize-border-color: #dee2e6;
    --customize-border-color-translucent: rgba(0, 0, 0, 0.175);
    --customize-border-radius: 0.375rem;
    --customize-border-radius-sm: 0.25rem;
    --customize-border-radius-lg: 0.5rem;
    --customize-border-radius-xl: 1rem;
    --customize-border-radius-2xl: 2rem;
    --customize-border-radius-pill: 50rem;
    --customize-link-color: #0d6efd;
    --customize-link-hover-color: #0a58ca;
    --customize-code-color: #d63384;
    --customize-highlight-bg: #fff3cd;
    --customize-bg-opacity: 1;
    --customize-aspect-ratio: 0;
    --customize-border-opacity: 1;
    --customize-text-opacity: 1
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff!important;
    background-color: RGBA(13,110,253,var(--customize-bg-opacity,1))!important
}

.text-bg-secondary {
    color: #fff!important;
    background-color: RGBA(108,117,125,var(--customize-bg-opacity,1))!important
}

.text-bg-success {
    color: #fff!important;
    background-color: RGBA(25,135,84,var(--customize-bg-opacity,1))!important
}

.text-bg-info {
    color: #000!important;
    background-color: RGBA(13,202,240,var(--customize-bg-opacity,1))!important
}

.text-bg-warning {
    color: #000!important;
    background-color: RGBA(255,193,7,var(--customize-bg-opacity,1))!important
}

.text-bg-danger {
    color: #fff!important;
    background-color: RGBA(220,53,69,var(--customize-bg-opacity,1))!important
}

.text-bg-light {
    color: #000!important;
    background-color: RGBA(248,249,250,var(--customize-bg-opacity,1))!important
}

.text-bg-dark {
    color: #fff!important;
    background-color: RGBA(33,37,41,var(--customize-bg-opacity,1))!important
}

.link-primary {
    color: #0d6efd!important
}

.link-primary:focus,.link-primary:hover {
    color: #0a58ca!important
}

.link-secondary {
    color: #6c757d!important
}

.link-secondary:focus,.link-secondary:hover {
    color: #565e64!important
}

.link-success {
    color: #198754!important
}

.link-success:focus,.link-success:hover {
    color: #146c43!important
}

.link-info {
    color: #0dcaf0!important
}

.link-info:focus,.link-info:hover {
    color: #3dd5f3!important
}

.link-warning {
    color: #ffc107!important
}

.link-warning:focus,.link-warning:hover {
    color: #ffcd39!important
}

.link-danger {
    color: #dc3545!important
}

.link-danger:focus,.link-danger:hover {
    color: #b02a37!important
}

.link-light {
    color: #f8f9fa!important
}

.link-light:focus,.link-light:hover {
    color: #f9fafb!important
}

.link-dark {
    color: #212529!important
}

.link-dark:focus,.link-dark:hover {
    color: #1a1e21!important
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--customize-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --customize-aspect-ratio: 100%
}

.ratio-4x3 {
    --customize-aspect-ratio: 75%
}

.ratio-16x9 {
    --customize-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --customize-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: .25!important
}

.opacity-50 {
    opacity: .5!important
}

.opacity-75 {
    opacity: .75!important
}

.opacity-100 {
    opacity: 1!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}

.shadow-none {
    box-shadow: none!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.top-5 {
    top: 5%!important
}

.top-10 {
    top: 10%!important
}

.top-15 {
    top: 15%!important
}

.top-20 {
    top: 20%!important
}

.top-25 {
    top: 25%!important
}

.top-30 {
    top: 30%!important
}

.top-35 {
    top: 35%!important
}

.top-40 {
    top: 40%!important
}

.top-45 {
    top: 45%!important
}

.top-50 {
    top: 50%!important
}

.top-55 {
    top: 55%!important
}

.top-60 {
    top: 60%!important
}

.top-65 {
    top: 65%!important
}

.top-70 {
    top: 70%!important
}

.top-75 {
    top: 75%!important
}

.top-80 {
    top: 80%!important
}

.top-85 {
    top: 85%!important
}

.top-90 {
    top: 90%!important
}

.top-95 {
    top: 95%!important
}

.top-100 {
    top: 100%!important
}

.bottom-5 {
    bottom: 5%!important
}

.bottom-10 {
    bottom: 10%!important
}

.bottom-15 {
    bottom: 15%!important
}

.bottom-20 {
    bottom: 20%!important
}

.bottom-25 {
    bottom: 25%!important
}

.bottom-30 {
    bottom: 30%!important
}

.bottom-35 {
    bottom: 35%!important
}

.bottom-40 {
    bottom: 40%!important
}

.bottom-45 {
    bottom: 45%!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-55 {
    bottom: 55%!important
}

.bottom-60 {
    bottom: 60%!important
}

.bottom-65 {
    bottom: 65%!important
}

.bottom-70 {
    bottom: 70%!important
}

.bottom-75 {
    bottom: 75%!important
}

.bottom-80 {
    bottom: 80%!important
}

.bottom-85 {
    bottom: 85%!important
}

.bottom-90 {
    bottom: 90%!important
}

.bottom-95 {
    bottom: 95%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-5 {
    left: 5%!important
}

.start-10 {
    left: 10%!important
}

.start-15 {
    left: 15%!important
}

.start-20 {
    left: 20%!important
}

.start-25 {
    left: 25%!important
}

.start-30 {
    left: 30%!important
}

.start-35 {
    left: 35%!important
}

.start-40 {
    left: 40%!important
}

.start-45 {
    left: 45%!important
}

.start-50 {
    left: 50%!important
}

.start-55 {
    left: 55%!important
}

.start-60 {
    left: 60%!important
}

.start-65 {
    left: 65%!important
}

.start-70 {
    left: 70%!important
}

.start-75 {
    left: 75%!important
}

.start-80 {
    left: 80%!important
}

.start-85 {
    left: 85%!important
}

.start-90 {
    left: 90%!important
}

.start-95 {
    left: 95%!important
}

.start-100 {
    left: 100%!important
}

.end-5 {
    right: 5%!important
}

.end-10 {
    right: 10%!important
}

.end-15 {
    right: 15%!important
}

.end-20 {
    right: 20%!important
}

.end-25 {
    right: 25%!important
}

.end-30 {
    right: 30%!important
}

.end-35 {
    right: 35%!important
}

.end-40 {
    right: 40%!important
}

.end-45 {
    right: 45%!important
}

.end-50 {
    right: 50%!important
}

.end-55 {
    right: 55%!important
}

.end-60 {
    right: 60%!important
}

.end-65 {
    right: 65%!important
}

.end-70 {
    right: 70%!important
}

.end-75 {
    right: 75%!important
}

.end-80 {
    right: 80%!important
}

.end-85 {
    right: 85%!important
}

.end-90 {
    right: 90%!important
}

.end-95 {
    right: 95%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    transform: translateX(-50%)!important
}

.translate-middle-y {
    transform: translateY(-50%)!important
}

.border {
    border: var(--customize-border-width) var(--customize-border-style) var(--customize-border-color)!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: var(--customize-border-width) var(--customize-border-style) var(--customize-border-color)!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: var(--customize-border-width) var(--customize-border-style) var(--customize-border-color)!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: var(--customize-border-width) var(--customize-border-style) var(--customize-border-color)!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: var(--customize-border-width) var(--customize-border-style) var(--customize-border-color)!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    --customize-border-opacity: 1;
    border-color: rgba(var(--customize-primary-rgb),var(--customize-border-opacity))!important
}

.border-secondary {
    --customize-border-opacity: 1;
    border-color: rgba(var(--customize-secondary-rgb),var(--customize-border-opacity))!important
}

.border-success {
    --customize-border-opacity: 1;
    border-color: rgba(var(--customize-success-rgb),var(--customize-border-opacity))!important
}

.border-info {
    --customize-border-opacity: 1;
    border-color: rgba(var(--customize-info-rgb),var(--customize-border-opacity))!important
}

.border-warning {
    --customize-border-opacity: 1;
    border-color: rgba(var(--customize-warning-rgb),var(--customize-border-opacity))!important
}

.border-danger {
    --customize-border-opacity: 1;
    border-color: rgba(var(--customize-danger-rgb),var(--customize-border-opacity))!important
}

.border-light {
    --customize-border-opacity: 1;
    border-color: rgba(var(--customize-light-rgb),var(--customize-border-opacity))!important
}

.border-dark {
    --customize-border-opacity: 1;
    border-color: rgba(var(--customize-dark-rgb),var(--customize-border-opacity))!important
}

.border-white {
    --customize-border-opacity: 1;
    border-color: rgba(var(--customize-white-rgb),var(--customize-border-opacity))!important
}

.border-1 {
    --customize-border-width: 1px
}

.border-2 {
    --customize-border-width: 2px
}

.border-3 {
    --customize-border-width: 3px
}

.border-4 {
    --customize-border-width: 4px
}

.border-5 {
    --customize-border-width: 5px
}

.border-opacity-10 {
    --customize-border-opacity: 0.1
}

.border-opacity-25 {
    --customize-border-opacity: 0.25
}

.border-opacity-50 {
    --customize-border-opacity: 0.5
}

.border-opacity-75 {
    --customize-border-opacity: 0.75
}

.border-opacity-100 {
    --customize-border-opacity: 1
}

.w-5 {
    width: 5%!important
}

.w-10 {
    width: 10%!important
}

.w-15 {
    width: 15%!important
}

.w-20 {
    width: 20%!important
}

.w-25 {
    width: 25%!important
}

.w-30 {
    width: 30%!important
}

.w-35 {
    width: 35%!important
}

.w-40 {
    width: 40%!important
}

.w-45 {
    width: 45%!important
}

.w-50 {
    width: 50%!important
}

.w-55 {
    width: 55%!important
}

.w-60 {
    width: 60%!important
}

.w-65 {
    width: 65%!important
}

.w-70 {
    width: 70%!important
}

.w-75 {
    width: 75%!important
}

.w-80 {
    width: 80%!important
}

.w-85 {
    width: 85%!important
}

.w-90 {
    width: 90%!important
}

.w-95 {
    width: 95%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-5 {
    max-width: 5%!important
}

.mw-10 {
    max-width: 10%!important
}

.mw-15 {
    max-width: 15%!important
}

.mw-20 {
    max-width: 20%!important
}

.mw-25 {
    max-width: 25%!important
}

.mw-30 {
    max-width: 30%!important
}

.mw-35 {
    max-width: 35%!important
}

.mw-40 {
    max-width: 40%!important
}

.mw-45 {
    max-width: 45%!important
}

.mw-50 {
    max-width: 50%!important
}

.mw-55 {
    max-width: 55%!important
}

.mw-60 {
    max-width: 60%!important
}

.mw-65 {
    max-width: 65%!important
}

.mw-70 {
    max-width: 70%!important
}

.mw-75 {
    max-width: 75%!important
}

.mw-80 {
    max-width: 80%!important
}

.mw-85 {
    max-width: 85%!important
}

.mw-90 {
    max-width: 90%!important
}

.mw-95 {
    max-width: 95%!important
}

.mw-100 {
    max-width: 100%!important
}

.mw-auto {
    max-width: auto!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-5 {
    height: 5%!important
}

.h-10 {
    height: 10%!important
}

.h-15 {
    height: 15%!important
}

.h-20 {
    height: 20%!important
}

.h-25 {
    height: 25%!important
}

.h-30 {
    height: 30%!important
}

.h-35 {
    height: 35%!important
}

.h-40 {
    height: 40%!important
}

.h-45 {
    height: 45%!important
}

.h-50 {
    height: 50%!important
}

.h-55 {
    height: 55%!important
}

.h-60 {
    height: 60%!important
}

.h-65 {
    height: 65%!important
}

.h-70 {
    height: 70%!important
}

.h-75 {
    height: 75%!important
}

.h-80 {
    height: 80%!important
}

.h-85 {
    height: 85%!important
}

.h-90 {
    height: 90%!important
}

.h-95 {
    height: 95%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.justify-content-evenly {
    justify-content: space-evenly!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-6 {
    margin: 4rem!important
}

.m-7 {
    margin: 5rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
}

.mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
}

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

.mx-6 {
    margin-right: 4rem!important;
    margin-left: 4rem!important
}

.mx-7 {
    margin-right: 5rem!important;
    margin-left: 5rem!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.my-6 {
    margin-top: 4rem!important;
    margin-bottom: 4rem!important
}

.my-7 {
    margin-top: 5rem!important;
    margin-bottom: 5rem!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-6 {
    margin-top: 4rem!important
}

.mt-7 {
    margin-top: 5rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-6 {
    margin-right: 4rem!important
}

.me-7 {
    margin-right: 5rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-6 {
    margin-bottom: 4rem!important
}

.mb-7 {
    margin-bottom: 5rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-6 {
    margin-left: 4rem!important
}

.ms-7 {
    margin-left: 5rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.p-6 {
    padding: 4rem!important
}

.p-7 {
    padding: 5rem!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

.px-6 {
    padding-right: 4rem!important;
    padding-left: 4rem!important
}

.px-7 {
    padding-right: 5rem!important;
    padding-left: 5rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.py-6 {
    padding-top: 4rem!important;
    padding-bottom: 4rem!important
}

.py-7 {
    padding-top: 5rem!important;
    padding-bottom: 5rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pt-6 {
    padding-top: 4rem!important
}

.pt-7 {
    padding-top: 5rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pe-6 {
    padding-right: 4rem!important
}

.pe-7 {
    padding-right: 5rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.pb-6 {
    padding-bottom: 4rem!important
}

.pb-7 {
    padding-bottom: 5rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.ps-6 {
    padding-left: 4rem!important
}

.ps-7 {
    padding-left: 5rem!important
}

.gap-0 {
    gap: 0!important
}

.gap-1 {
    gap: .25rem!important
}

.gap-2 {
    gap: .5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.gap-4 {
    gap: 1.5rem!important
}

.gap-5 {
    gap: 3rem!important
}

.gap-6 {
    gap: 4rem!important
}

.gap-7 {
    gap: 5rem!important
}

.font-monospace {
    font-family: var(--customize-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw)!important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw)!important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw)!important
}

.fs-5 {
    font-size: 1.25rem!important
}

.fs-6 {
    font-size: 1rem!important
}

.fs-font-14 {
    font-size: .875rem!important
}

.fs-font-12 {
    font-size: .75rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-light {
    font-weight: 300!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-semibold {
    font-weight: 600!important
}

.fw-bolder {
    font-weight: 900!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.lh-xl {
    line-height: 2.25!important
}

.lh-xxl {
    line-height: 3!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --customize-text-opacity: 1;
    color: rgba(var(--customize-primary-rgb),var(--customize-text-opacity))!important
}

.text-secondary {
    --customize-text-opacity: 1;
    color: rgba(var(--customize-secondary-rgb),var(--customize-text-opacity))!important
}

.text-success {
    --customize-text-opacity: 1;
    color: rgba(var(--customize-success-rgb),var(--customize-text-opacity))!important
}

.text-info {
    --customize-text-opacity: 1;
    color: rgba(var(--customize-info-rgb),var(--customize-text-opacity))!important
}

.text-warning {
    --customize-text-opacity: 1;
    color: rgba(var(--customize-warning-rgb),var(--customize-text-opacity))!important
}

.text-danger {
    --customize-text-opacity: 1;
    color: rgba(var(--customize-danger-rgb),var(--customize-text-opacity))!important
}

.text-light {
    --customize-text-opacity: 1;
    color: rgba(var(--customize-light-rgb),var(--customize-text-opacity))!important
}

.text-dark {
    --customize-text-opacity: 1;
    color: rgba(var(--customize-dark-rgb),var(--customize-text-opacity))!important
}

.text-black {
    --customize-text-opacity: 1;
    color: rgba(var(--customize-black-rgb),var(--customize-text-opacity))!important
}

.text-white {
    --customize-text-opacity: 1;
    color: rgba(var(--customize-white-rgb),var(--customize-text-opacity))!important
}

.text-body {
    --customize-text-opacity: 1;
    color: rgba(var(--customize-body-color-rgb),var(--customize-text-opacity))!important
}

.text-muted {
    --customize-text-opacity: 1;
    color: #6c757d!important
}

.text-black-50 {
    --customize-text-opacity: 1;
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    --customize-text-opacity: 1;
    color: rgba(255,255,255,.5)!important
}

.text-reset {
    --customize-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --customize-text-opacity: 0.25
}

.text-opacity-50 {
    --customize-text-opacity: 0.5
}

.text-opacity-75 {
    --customize-text-opacity: 0.75
}

.text-opacity-100 {
    --customize-text-opacity: 1
}

.bg-primary {
    --customize-bg-opacity: 1;
    background-color: rgba(var(--customize-primary-rgb),var(--customize-bg-opacity))!important
}

.bg-secondary {
    --customize-bg-opacity: 1;
    background-color: rgba(var(--customize-secondary-rgb),var(--customize-bg-opacity))!important
}

.bg-success {
    --customize-bg-opacity: 1;
    background-color: rgba(var(--customize-success-rgb),var(--customize-bg-opacity))!important
}

.bg-info {
    --customize-bg-opacity: 1;
    background-color: rgba(var(--customize-info-rgb),var(--customize-bg-opacity))!important
}

.bg-warning {
    --customize-bg-opacity: 1;
    background-color: rgba(var(--customize-warning-rgb),var(--customize-bg-opacity))!important
}

.bg-danger {
    --customize-bg-opacity: 1;
    background-color: rgba(var(--customize-danger-rgb),var(--customize-bg-opacity))!important
}

.bg-light {
    --customize-bg-opacity: 1;
    background-color: rgba(var(--customize-light-rgb),var(--customize-bg-opacity))!important
}

.bg-dark {
    --customize-bg-opacity: 1;
    background-color: rgba(var(--customize-dark-rgb),var(--customize-bg-opacity))!important
}

.bg-black {
    --customize-bg-opacity: 1;
    background-color: rgba(var(--customize-black-rgb),var(--customize-bg-opacity))!important
}

.bg-white {
    --customize-bg-opacity: 1;
    background-color: rgba(var(--customize-white-rgb),var(--customize-bg-opacity))!important
}

.bg-body {
    --customize-bg-opacity: 1;
    background-color: rgba(var(--customize-body-bg-rgb),var(--customize-bg-opacity))!important
}

.bg-transparent {
    --customize-bg-opacity: 1;
    background-color: transparent!important
}

.bg-opacity-10 {
    --customize-bg-opacity: 0.1
}

.bg-opacity-25 {
    --customize-bg-opacity: 0.25
}

.bg-opacity-50 {
    --customize-bg-opacity: 0.5
}

.bg-opacity-75 {
    --customize-bg-opacity: 0.75
}

.bg-opacity-100 {
    --customize-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--customize-gradient)!important
}

.user-select-all {
    user-select: all!important
}

.user-select-auto {
    user-select: auto!important
}

.user-select-none {
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: var(--customize-border-radius)!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: var(--customize-border-radius-sm)!important
}

.rounded-2 {
    border-radius: var(--customize-border-radius)!important
}

.rounded-3 {
    border-radius: var(--customize-border-radius-lg)!important
}

.rounded-4 {
    border-radius: var(--customize-border-radius-xl)!important
}

.rounded-5 {
    border-radius: var(--customize-border-radius-2xl)!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: var(--customize-border-radius-pill)!important
}

.rounded-top {
    border-top-left-radius: var(--customize-border-radius)!important;
    border-top-right-radius: var(--customize-border-radius)!important
}

.rounded-end {
    border-top-right-radius: var(--customize-border-radius)!important;
    border-bottom-right-radius: var(--customize-border-radius)!important
}

.rounded-bottom {
    border-bottom-right-radius: var(--customize-border-radius)!important;
    border-bottom-left-radius: var(--customize-border-radius)!important
}

.rounded-start {
    border-bottom-left-radius: var(--customize-border-radius)!important;
    border-top-left-radius: var(--customize-border-radius)!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-6 {
        margin: 4rem!important
    }

    .m-sm-7 {
        margin: 5rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-sm-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-sm-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-sm-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-sm-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-sm-6 {
        margin-right: 4rem!important;
        margin-left: 4rem!important
    }

    .mx-sm-7 {
        margin-right: 5rem!important;
        margin-left: 5rem!important
    }

    .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-sm-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-sm-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-sm-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-sm-6 {
        margin-top: 4rem!important;
        margin-bottom: 4rem!important
    }

    .my-sm-7 {
        margin-top: 5rem!important;
        margin-bottom: 5rem!important
    }

    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-6 {
        margin-top: 4rem!important
    }

    .mt-sm-7 {
        margin-top: 5rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-6 {
        margin-right: 4rem!important
    }

    .me-sm-7 {
        margin-right: 5rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-6 {
        margin-bottom: 4rem!important
    }

    .mb-sm-7 {
        margin-bottom: 5rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-6 {
        margin-left: 4rem!important
    }

    .ms-sm-7 {
        margin-left: 5rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .p-sm-6 {
        padding: 4rem!important
    }

    .p-sm-7 {
        padding: 5rem!important
    }

    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-sm-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-sm-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-sm-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-sm-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .px-sm-6 {
        padding-right: 4rem!important;
        padding-left: 4rem!important
    }

    .px-sm-7 {
        padding-right: 5rem!important;
        padding-left: 5rem!important
    }

    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-sm-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-sm-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-sm-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .py-sm-6 {
        padding-top: 4rem!important;
        padding-bottom: 4rem!important
    }

    .py-sm-7 {
        padding-top: 5rem!important;
        padding-bottom: 5rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pt-sm-6 {
        padding-top: 4rem!important
    }

    .pt-sm-7 {
        padding-top: 5rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pe-sm-6 {
        padding-right: 4rem!important
    }

    .pe-sm-7 {
        padding-right: 5rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .pb-sm-6 {
        padding-bottom: 4rem!important
    }

    .pb-sm-7 {
        padding-bottom: 5rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .ps-sm-6 {
        padding-left: 4rem!important
    }

    .ps-sm-7 {
        padding-left: 5rem!important
    }

    .gap-sm-0 {
        gap: 0!important
    }

    .gap-sm-1 {
        gap: .25rem!important
    }

    .gap-sm-2 {
        gap: .5rem!important
    }

    .gap-sm-3 {
        gap: 1rem!important
    }

    .gap-sm-4 {
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        gap: 3rem!important
    }

    .gap-sm-6 {
        gap: 4rem!important
    }

    .gap-sm-7 {
        gap: 5rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-6 {
        margin: 4rem!important
    }

    .m-md-7 {
        margin: 5rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-md-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-md-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-md-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-md-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-md-6 {
        margin-right: 4rem!important;
        margin-left: 4rem!important
    }

    .mx-md-7 {
        margin-right: 5rem!important;
        margin-left: 5rem!important
    }

    .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-md-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-md-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-md-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-md-6 {
        margin-top: 4rem!important;
        margin-bottom: 4rem!important
    }

    .my-md-7 {
        margin-top: 5rem!important;
        margin-bottom: 5rem!important
    }

    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-6 {
        margin-top: 4rem!important
    }

    .mt-md-7 {
        margin-top: 5rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-6 {
        margin-right: 4rem!important
    }

    .me-md-7 {
        margin-right: 5rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-6 {
        margin-bottom: 4rem!important
    }

    .mb-md-7 {
        margin-bottom: 5rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-6 {
        margin-left: 4rem!important
    }

    .ms-md-7 {
        margin-left: 5rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .p-md-6 {
        padding: 4rem!important
    }

    .p-md-7 {
        padding: 5rem!important
    }

    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-md-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-md-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-md-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-md-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .px-md-6 {
        padding-right: 4rem!important;
        padding-left: 4rem!important
    }

    .px-md-7 {
        padding-right: 5rem!important;
        padding-left: 5rem!important
    }

    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-md-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-md-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-md-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .py-md-6 {
        padding-top: 4rem!important;
        padding-bottom: 4rem!important
    }

    .py-md-7 {
        padding-top: 5rem!important;
        padding-bottom: 5rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pt-md-6 {
        padding-top: 4rem!important
    }

    .pt-md-7 {
        padding-top: 5rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pe-md-6 {
        padding-right: 4rem!important
    }

    .pe-md-7 {
        padding-right: 5rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .pb-md-6 {
        padding-bottom: 4rem!important
    }

    .pb-md-7 {
        padding-bottom: 5rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .ps-md-6 {
        padding-left: 4rem!important
    }

    .ps-md-7 {
        padding-left: 5rem!important
    }

    .gap-md-0 {
        gap: 0!important
    }

    .gap-md-1 {
        gap: .25rem!important
    }

    .gap-md-2 {
        gap: .5rem!important
    }

    .gap-md-3 {
        gap: 1rem!important
    }

    .gap-md-4 {
        gap: 1.5rem!important
    }

    .gap-md-5 {
        gap: 3rem!important
    }

    .gap-md-6 {
        gap: 4rem!important
    }

    .gap-md-7 {
        gap: 5rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-6 {
        margin: 4rem!important
    }

    .m-lg-7 {
        margin: 5rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-lg-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-lg-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-lg-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-lg-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-lg-6 {
        margin-right: 4rem!important;
        margin-left: 4rem!important
    }

    .mx-lg-7 {
        margin-right: 5rem!important;
        margin-left: 5rem!important
    }

    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-lg-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-lg-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-lg-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-lg-6 {
        margin-top: 4rem!important;
        margin-bottom: 4rem!important
    }

    .my-lg-7 {
        margin-top: 5rem!important;
        margin-bottom: 5rem!important
    }

    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-6 {
        margin-top: 4rem!important
    }

    .mt-lg-7 {
        margin-top: 5rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-6 {
        margin-right: 4rem!important
    }

    .me-lg-7 {
        margin-right: 5rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-6 {
        margin-bottom: 4rem!important
    }

    .mb-lg-7 {
        margin-bottom: 5rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-6 {
        margin-left: 4rem!important
    }

    .ms-lg-7 {
        margin-left: 5rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .p-lg-6 {
        padding: 4rem!important
    }

    .p-lg-7 {
        padding: 5rem!important
    }

    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-lg-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-lg-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-lg-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-lg-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .px-lg-6 {
        padding-right: 4rem!important;
        padding-left: 4rem!important
    }

    .px-lg-7 {
        padding-right: 5rem!important;
        padding-left: 5rem!important
    }

    .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-lg-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-lg-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-lg-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .py-lg-6 {
        padding-top: 4rem!important;
        padding-bottom: 4rem!important
    }

    .py-lg-7 {
        padding-top: 5rem!important;
        padding-bottom: 5rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pt-lg-6 {
        padding-top: 4rem!important
    }

    .pt-lg-7 {
        padding-top: 5rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pe-lg-6 {
        padding-right: 4rem!important
    }

    .pe-lg-7 {
        padding-right: 5rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .pb-lg-6 {
        padding-bottom: 4rem!important
    }

    .pb-lg-7 {
        padding-bottom: 5rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }

    .ps-lg-6 {
        padding-left: 4rem!important
    }

    .ps-lg-7 {
        padding-left: 5rem!important
    }

    .gap-lg-0 {
        gap: 0!important
    }

    .gap-lg-1 {
        gap: .25rem!important
    }

    .gap-lg-2 {
        gap: .5rem!important
    }

    .gap-lg-3 {
        gap: 1rem!important
    }

    .gap-lg-4 {
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        gap: 3rem!important
    }

    .gap-lg-6 {
        gap: 4rem!important
    }

    .gap-lg-7 {
        gap: 5rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-6 {
        margin: 4rem!important
    }

    .m-xl-7 {
        margin: 5rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xl-6 {
        margin-right: 4rem!important;
        margin-left: 4rem!important
    }

    .mx-xl-7 {
        margin-right: 5rem!important;
        margin-left: 5rem!important
    }

    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xl-6 {
        margin-top: 4rem!important;
        margin-bottom: 4rem!important
    }

    .my-xl-7 {
        margin-top: 5rem!important;
        margin-bottom: 5rem!important
    }

    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-6 {
        margin-top: 4rem!important
    }

    .mt-xl-7 {
        margin-top: 5rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-6 {
        margin-right: 4rem!important
    }

    .me-xl-7 {
        margin-right: 5rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-6 {
        margin-bottom: 4rem!important
    }

    .mb-xl-7 {
        margin-bottom: 5rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-6 {
        margin-left: 4rem!important
    }

    .ms-xl-7 {
        margin-left: 5rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .p-xl-6 {
        padding: 4rem!important
    }

    .p-xl-7 {
        padding: 5rem!important
    }

    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .px-xl-6 {
        padding-right: 4rem!important;
        padding-left: 4rem!important
    }

    .px-xl-7 {
        padding-right: 5rem!important;
        padding-left: 5rem!important
    }

    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .py-xl-6 {
        padding-top: 4rem!important;
        padding-bottom: 4rem!important
    }

    .py-xl-7 {
        padding-top: 5rem!important;
        padding-bottom: 5rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pt-xl-6 {
        padding-top: 4rem!important
    }

    .pt-xl-7 {
        padding-top: 5rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pe-xl-6 {
        padding-right: 4rem!important
    }

    .pe-xl-7 {
        padding-right: 5rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .pb-xl-6 {
        padding-bottom: 4rem!important
    }

    .pb-xl-7 {
        padding-bottom: 5rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }

    .ps-xl-6 {
        padding-left: 4rem!important
    }

    .ps-xl-7 {
        padding-left: 5rem!important
    }

    .gap-xl-0 {
        gap: 0!important
    }

    .gap-xl-1 {
        gap: .25rem!important
    }

    .gap-xl-2 {
        gap: .5rem!important
    }

    .gap-xl-3 {
        gap: 1rem!important
    }

    .gap-xl-4 {
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        gap: 3rem!important
    }

    .gap-xl-6 {
        gap: 4rem!important
    }

    .gap-xl-7 {
        gap: 5rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-6 {
        margin: 4rem!important
    }

    .m-xxl-7 {
        margin: 5rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xxl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xxl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xxl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xxl-6 {
        margin-right: 4rem!important;
        margin-left: 4rem!important
    }

    .mx-xxl-7 {
        margin-right: 5rem!important;
        margin-left: 5rem!important
    }

    .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xxl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xxl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xxl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xxl-6 {
        margin-top: 4rem!important;
        margin-bottom: 4rem!important
    }

    .my-xxl-7 {
        margin-top: 5rem!important;
        margin-bottom: 5rem!important
    }

    .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-6 {
        margin-top: 4rem!important
    }

    .mt-xxl-7 {
        margin-top: 5rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-6 {
        margin-right: 4rem!important
    }

    .me-xxl-7 {
        margin-right: 5rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-6 {
        margin-bottom: 4rem!important
    }

    .mb-xxl-7 {
        margin-bottom: 5rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-6 {
        margin-left: 4rem!important
    }

    .ms-xxl-7 {
        margin-left: 5rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .p-xxl-6 {
        padding: 4rem!important
    }

    .p-xxl-7 {
        padding: 5rem!important
    }

    .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xxl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xxl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xxl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xxl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xxl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .px-xxl-6 {
        padding-right: 4rem!important;
        padding-left: 4rem!important
    }

    .px-xxl-7 {
        padding-right: 5rem!important;
        padding-left: 5rem!important
    }

    .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xxl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xxl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xxl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .py-xxl-6 {
        padding-top: 4rem!important;
        padding-bottom: 4rem!important
    }

    .py-xxl-7 {
        padding-top: 5rem!important;
        padding-bottom: 5rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pt-xxl-6 {
        padding-top: 4rem!important
    }

    .pt-xxl-7 {
        padding-top: 5rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pe-xxl-6 {
        padding-right: 4rem!important
    }

    .pe-xxl-7 {
        padding-right: 5rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .pb-xxl-6 {
        padding-bottom: 4rem!important
    }

    .pb-xxl-7 {
        padding-bottom: 5rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .ps-xxl-6 {
        padding-left: 4rem!important
    }

    .ps-xxl-7 {
        padding-left: 5rem!important
    }

    .gap-xxl-0 {
        gap: 0!important
    }

    .gap-xxl-1 {
        gap: .25rem!important
    }

    .gap-xxl-2 {
        gap: .5rem!important
    }

    .gap-xxl-3 {
        gap: 1rem!important
    }

    .gap-xxl-4 {
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        gap: 3rem!important
    }

    .gap-xxl-6 {
        gap: 4rem!important
    }

    .gap-xxl-7 {
        gap: 5rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem!important
    }

    .fs-2 {
        font-size: 2rem!important
    }

    .fs-3 {
        font-size: 1.75rem!important
    }

    .fs-4 {
        font-size: 1.5rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

.ul-style-none {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.ul-type-style_disc {
    list-style-type: circle
}

.ul-type-style_cjk {
    list-style-type: cjk-ideographic
}

.radio label:before {
    top: 0;
    bottom: 0;
    margin: auto 0
}

.radio label:after {
    top: 0;
    bottom: 0;
    margin: auto 0
}

.max-w-50 {
    max-width: 50px
}

.max-w-100 {
    max-width: 100px
}

.max-w-150 {
    max-width: 150px
}

.max-w-200 {
    max-width: 200px
}

.max-w-300 {
    max-width: 300px
}

.max-w-400 {
    max-width: 400px
}

.font-w-700 {
    font-weight: 700
}

.font-w-800 {
    font-weight: 800
}

.font-w-900 {
    font-weight: 900
}

:root {
    --border-color: #dddddd
}

.defTable {
    border-left: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color)
}

.defTable .defTable__title {
    border-bottom: 1px solid var(--border-color)
}

.defTable .defTable__content {
    border-bottom: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color)
}

@media (max-width: 992px) {
    .defTable {
        border:1px solid var(--border-color)
    }
}

.defTable {
    display: flex;
    flex-wrap: wrap
}

.defTable .defTable__content,.defTable .defTable__title {
    padding: 16px 18px
}

.defTable .defTable__title {
    width: 20%;
    display: flex;
    align-items: center;
    word-break: break-all
}

.defTable .defTable__title.half-t {
    width: 20%
}

.defTable .defTable__content.half-c {
    width: 30%
}

.defTable .defTable__title label {
    margin: 7px 0 5px
}

.defTable .defTable__title label.imp {
    position: relative
}

.defTable .defTable__title label.imp:after {
    content: "*";
    position: absolute;
    top: -6px;
    left: -7px;
    color: red
}

.defTable .defTable__content {
    width: 80%
}

@media (max-width: 992px) {
    .defTable .defTable__content,.defTable .defTable__content.half-c,.defTable .defTable__title,.defTable .defTable__title.half-t {
        width:100%;
        border: none
    }
}

.form-group-inline {
    display: flex;
    align-items: center
}

.form-group-inline label.form-label {
    flex-shrink: 0;
    color: #222;
    margin-bottom: 0!important
}

@media (max-width: 768px) {
    .form-group-inline {
        flex-wrap:wrap
    }

    .form-group-inline label.form-label {
        width: 100%;
        flex-shrink: 0;
        color: #222
    }
}