温州职业技术学院招聘

e-header { background-color: #fff; border: none; border-radius: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; position: absolute; top: 0; visibility: hidden; z-index: 990; overflow: hidden; min-width: 100% } .sticky-table-header.fixed-solution { min-width: 0; position: fixed } .lt-ie10 .sticky-table-header.fixed-solution { border-left: 1px solid #eee; border-right: 1px solid #eee; box-sizing: content-box; border-bottom: none } .sticky-table-header.border-radius-fix { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .sticky-table-header>.table { margin-bottom: 0 } .sticky-table-header>.table>thead>tr>th, .sticky-table-header>.table>tbody>tr>th, .sticky-table-header>.table>tfoot>tr>th, .sticky-table-header>.table>thead>tr>td, .sticky-table-header>.table>tbody>tr>td, .sticky-table-header>.table>tfoot>tr>td { white-space: nowrap } .sticky-table-header>.table-bordered { border: 0 } .sticky-table-header>.table-bordered>thead>tr>th:first-child, .sticky-table-header>.table-bordered>tbody>tr>th:first-child, .sticky-table-header>.table-bordered>tfoot>tr>th:first-child, .sticky-table-header>.table-bordered>thead>tr>td:first-child, .sticky-table-header>.table-bordered>tbody>tr>td:first-child, .sticky-table-header>.table-bordered>tfoot>tr>td:first-child { border-left: 0 } .sticky-table-header>.table-bordered>thead>tr>th:last-child, .sticky-table-header>.table-bordered>tbody>tr>th:last-child, .sticky-table-header>.table-bordered>tfoot>tr>th:last-child, .sticky-table-header>.table-bordered>thead>tr>td:last-child, .sticky-table-header>.table-bordered>tbody>tr>td:last-child, .sticky-table-header>.table-bordered>tfoot>tr>td:last-child { border-right: 0 } .sticky-table-header>.table-bordered>tbody>tr:last-child>th, .sticky-table-header>.table-bordered>tfoot>tr:last-child>th, .sticky-table-header>.table-bordered>tbody>tr:last-child>td, .sticky-table-header>.table-bordered>tfoot>tr:last-child>td { border-bottom: 0 } .transall, .sidebar-menu .main-menu a, .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane], .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i, footer.main-footer .go-up a, .user-info-navbar .user-info-menu>li>a, .footer-sticked-chat .chat-conversations>li .chat-user, .footer-sticked-chat .chat-conversations>li.open .conversation-window, .footer-sticked-chat .chat-conversations>li.browse-more .other-conversations-list li a span, .breadcrumb.auto-hidden li a, .icon-collection .fontawesome-icon-list .fa-hover .icon-str>i, .icon-collection .fontawesome-icon-list .fa-hover .icon-str>span { -webkit-transition: all 220ms ease-in-out; -moz-transition: all 220ms ease-in-out; -o-transition: all 220ms ease-in-out; transition: all 220ms ease-in-out } .clearfix:before, .clearfix:after, .page-container .main-content .page-title:before, .page-container .main-content .page-title:after, .sidebar-menu .logo-env:before, .sidebar-menu .logo-env:after, .navbar.horizontal-menu .navbar-inner:before, .navbar.horizontal-menu .navbar-inner:after, footer.main-footer .footer-inner:before, footer.main-footer .footer-inner:after, .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:before, .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:after, #chat .chat-conversation .conversation-body>li:before, #chat .chat-conversation .conversation-body>li:after, .panel .panel-heading:before, .panel .panel-heading:after, .breadcrumb.auto-hidden:before, .breadcrumb.auto-hidden:after, .dataTables_wrapper .dataTables_length:before, .dataTables_wrapper .dataTables_length:after, .dataTables_wrapper .dataTables_filter:before, .dataTables_wrapper .dataTables_filter:after, .dataTables_wrapper .DTTT_container:before, .dataTables_wrapper .DTTT_container:after, .skin-color-palette:before, .skin-color-palette:after, .icon-collection .fontawesome-icon-list:before, .icon-collection .fontawesome-icon-list:after, .icon-collection .fontawesome-icon-list .fa-hover .icon-str:before, .icon-collection .fontawesome-icon-list .fa-hover .icon-str:after, .highlights li:before, .highlights li:after, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external a:before, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external a:after { content: " "; display: table } .clearfix:after, .page-container .main-content .page-title:after, .sidebar-menu .logo-env:after, .navbar.horizontal-menu .navbar-inner:after, footer.main-footer .footer-inner:after, .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:after, #chat .chat-conversation .conversation-body>li:after, .panel .panel-heading:after, .breadcrumb.auto-hidden:after, .dataTables_wrapper .dataTables_length:after, .dataTables_wrapper .dataTables_filter:after, .dataTables_wrapper .DTTT_container:after, .skin-color-palette:after, .icon-collection .fontawesome-icon-list:after, .icon-collection .fontawesome-icon-list .fa-hover .icon-str:after, .highlights li:after, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external a:after { clear: both } body { background-color: #f9f9f9; } a { outline: 0!important } p { color: #979898 } html, body { height: 100%; margin: 0; padding: 0; border: none } .boxed-container { background: #f9f9f9 } .boxed-container #chat .chat-inner { position: absolute!important } .page-container { display: table; width: 100%; height: 100%; vertical-align: top; border-collapse: collapse; border-spacing: 0; table-layout: fixed } .boxed-container .page-container { max-width: 1140px; margin: 20px auto } @media screen and (max-width:768px) { .boxed-container .page-container { margin: 0 } } .page-container.container { max-width: 1140px; table-layout: auto } .page-container .main-content { display: table-cell; position: relative; z-index: 1; padding: 30px; padding-bottom: 0; vertical-align: top; word-break: break-word; width: 100%; -webkit-transition: opacity 100ms ease-in-out; -moz-transition: opacity 100ms ease-in-out; -o-transition: opacity 100ms ease-in-out; transition: opacity 100ms ease-in-out } .page-container .main-content.is-loading { zoom: 1; filter: alpha(opacity=50); -webkit-opacity: .5; -moz-opacity: .5; opacity: .5; -webkit-transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out } .boxed-container .page-container .main-content { background-color: #f9f9f9 } .page-container .main-content:hover { z-index: 15 } .page-container .main-content .page-title { background: #f8f8f8; margin: -30px; margin-bottom: 30px; padding: 20px 0; -webkit-box-shadow: 0 1px 0 rgba(0, 1, 1, .08), inset 0 1px 0 #ededed; -moz-box-shadow: 0 1px 0 rgba(0, 1, 1, .08), inset 0 1px 0 #ededed; box-shadow: 0 1px 0 rgba(0, 1, 1, .08), inset 0 1px 0 #ededed } @media screen and (max-width:768px) { .page-container .main-content .page-title { padding: 15px 0 } } .page-container .main-content .page-title.full-width .title-env { width: 100%; padding-right: 30px } .page-container .main-content .page-title .title-env, .page-container .main-content .page-title .breadcrumb-env { display: block } .page-container .main-content .page-title .title-env { float: left; padding-left: 30px } .page-container .main-content .page-title .title-env .title { margin: 0; font-size: 27px } @media screen and (max-width:768px) { .page-container .main-content .page-title .title-env .title { font-size: 23px } .page-container .main-content .page-title .title-env .title+p { font-size: 12px } } @media screen and (max-width:480px) { .page-container .main-content .page-title .title-env .title { font-size: 19px } } .page-container .main-content .page-title .title-env .title+p { margin: 0; margin-top: 5px; color: #979898 } .page-container .main-content .page-title .breadcrumb-env { float: right; padding-right: 30px } @media screen and (max-width:480px) { .page-container .main-content .page-title .breadcrumb-env { clear: both; float: none; padding: 0 10px } } .page-container .main-content .page-title .breadcrumb-env .breadcrumb { margin-bottom: 0; margin-top: 8px } @media screen and (max-width:768px) { .page-container .main-content .page-title .breadcrumb-env .breadcrumb { margin-top: 4px } .page-container .main-content .page-title .breadcrumb-env .breadcrumb li a { font-size: 12px } } .sidebar-menu { display: table-cell; position: relative; width: 280px; background: #2c2e2f; z-index: 1 } .sidebar-menu .logo-env { padding: 19px 45px; border-bottom: 1px solid #313437 } .sidebar-menu .logo-env .logo { float: left } .sidebar-menu .logo-env .logo .logo-collapsed { display: none } .sidebar-menu .logo-env .settings-icon { float: right; position: relative; top: 1px } .sidebar-menu .logo-env .settings-icon a { color: #979898; line-height: 1 } .sidebar-menu .logo-env .settings-icon a i { line-height: 1; font-size: 18px } .sidebar-menu .logo-env .settings-icon a:hover { color: #fff } .sidebar-menu .main-menu { padding-left: 40px; padding-right: 40px; margin-top: 20px; margin-bottom: 20px; list-style: none } @media screen and (max-width:768px) { .sidebar-menu .main-menu { margin-top: 10px; margin-bottom: 10px } } .sidebar-menu .main-menu a { color: #979898; text-decoration: none; display: block; padding: 13px 5px; border-bottom: 1px solid #313437 } .sidebar-menu .main-menu a>i { display: inline-block; margin-right: 10px } .sidebar-menu .main-menu a>i+span { padding-right: 10px } .sidebar-menu .main-menu a>span { display: inline-block } .sidebar-menu .main-menu a>.label { margin-top: 1px } .sidebar-menu .main-menu a>.badge { font-size: 75%; line-height: 1.2 } .sidebar-menu .main-menu a:hover { color: #fff } .sidebar-menu .main-menu li.active>a { color: #fff } .sidebar-menu .main-menu li.has-sub>a:before { position: relative; display: inline-block; font-family: FontAwesome; content: '\f107'; float: right; color: #6d747a; margin-left: 10px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out } .sidebar-menu .main-menu li.has-sub.opened>a:before, .sidebar-menu .main-menu li.has-sub.expanded>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .sidebar-menu .main-menu>li.opened>ul { display: block } .sidebar-menu .main-menu>li.opened .opened>ul { display: block } .sidebar-menu .main-menu ul { display: none; margin: 0; padding: 0; overflow: hidden; list-style: none } .sidebar-menu .main-menu ul li { position: relative } @media screen and (min-width:768px) { .sidebar-menu .main-menu ul li.is-hidden { left: -20px; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0 } } .sidebar-menu .main-menu ul li.is-shown { left: 0; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out } .sidebar-menu .main-menu ul li.is-shown+.is-shown { -webkit-transition-delay: 80ms; -moz-transition-delay: 80ms; -o-transition-delay: 80ms; transition-delay: 80ms } .sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 120ms; -moz-transition-delay: 120ms; -o-transition-delay: 120ms; transition-delay: 120ms } .sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 160ms; -moz-transition-delay: 160ms; -o-transition-delay: 160ms; transition-delay: 160ms } .sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms } .sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 240ms; -moz-transition-delay: 240ms; -o-transition-delay: 240ms; transition-delay: 240ms } .sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 280ms; -moz-transition-delay: 280ms; -o-transition-delay: 280ms; transition-delay: 280ms } .sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 320ms; -moz-transition-delay: 320ms; -o-transition-delay: 320ms; transition-delay: 320ms } .sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 360ms; -moz-transition-delay: 360ms; -o-transition-delay: 360ms; transition-delay: 360ms } .sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms } .sidebar-menu .main-menu ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 440ms; -moz-transition-delay: 440ms; -o-transition-delay: 440ms; transition-delay: 440ms } .sidebar-menu .main-menu ul li.hidden-item { visibility: hidden; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out } .sidebar-menu .main-menu ul li a { padding-left: 35px } .sidebar-menu .main-menu ul li ul li a { padding-left: 60px } .sidebar-menu .main-menu ul li ul li ul li a { padding-left: 85px } .sidebar-menu .main-menu ul li ul li ul li ul li a { padding-left: 110px } .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: rgba(255, 255, 255, .6) } .sidebar-menu.fixed { height: 100% } .sidebar-menu.fixed .sidebar-menu-inner { position: fixed; left: 0; top: 0; bottom: 0; width: inherit; overflow: hidden } .page-body.right-sidebar .sidebar-menu.fixed .sidebar-menu-inner { left: auto; right: 0 } @media screen and (min-width:768px) { .sidebar-menu.collapsed { width: 80px; z-index: 10; overflow: visible } .sidebar-menu.collapsed .hidden-collapsed { display: none!important } .sidebar-menu.collapsed+.main-content .user-info-navbar .user-info-menu a[data-toggle=sidebar] { color: #606161 } .sidebar-menu.collapsed+.main-content .main-footer { left: 80px } .sidebar-menu.collapsed .sidebar-menu-inner { overflow: visible; position: relative } .sidebar-menu.collapsed .logo-env { padding: 18px 0 } .sidebar-menu.collapsed .logo-env .logo-collapsed { display: block; text-align: center } .sidebar-menu.collapsed .logo-env .logo-collapsed img { display: inline-block } .sidebar-menu.collapsed .logo-env .logo-expanded, .sidebar-menu.collapsed .logo-env .settings-icon { display: none } .sidebar-menu.collapsed .logo-env .logo { float: none } .sidebar-menu.collapsed .main-menu { padding-left: 0; padding-right: 0 } .sidebar-menu.collapsed .main-menu>li { text-align: center; position: relative } .sidebar-menu.collapsed .main-menu>li.active, .sidebar-menu.collapsed .main-menu>li li.active { background-color: #252627 } .sidebar-menu.collapsed .main-menu>li>a>i { margin-right: 0; font-size: 16px } .sidebar-menu.collapsed .main-menu>li>a>span { display: none } .sidebar-menu.collapsed .main-menu>li>a>span.label { display: block; position: absolute; right: 0; top: 0 } .sidebar-menu.collapsed .main-menu>li.has-sub>a:before { display: none } .sidebar-menu.collapsed .main-menu>li.opened>ul { display: none } .sidebar-menu.collapsed .main-menu>li>ul { position: absolute; background: #2c2e2f; width: 250px; top: 0; left: 100%; text-align: left } .page-body.right-sidebar .sidebar-menu.collapsed .main-menu>li>ul { left: auto; right: 100% } .sidebar-menu.collapsed .main-menu>li>ul>li>a { padding-left: 20px } .sidebar-menu.collapsed .main-menu>li>ul>li>ul>li>a { padding-left: 35px } .sidebar-menu.collapsed .main-menu>li>ul>li>ul>li>ul>li>a { padding-left: 50px } .sidebar-menu.collapsed .main-menu>li>ul>li>ul>li>ul>li>ul>li>a { padding-left: 65px } .sidebar-menu.collapsed .main-menu>li>ul>li>ul>li>ul>li>ul>li>ul>li>a { padding-left: 80px } .sidebar-menu.collapsed .main-menu>li>ul li.has-sub>a:before { margin-right: 10px } .sidebar-menu.collapsed .main-menu>li:hover>ul { display: block } } .page-body.right-sidebar .page-container { direction: rtl } .page-body.right-sidebar .page-container>* { direction: ltr } .navbar.horizontal-menu { position: relative; height: 85px; background: #fff; margin: 0; padding: 0; z-index: 101; min-height: 0; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .15); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .15); box-shadow: 0 0 1px rgba(0, 0, 0, .15) } .navbar.horizontal-menu.navbar-fixed-top { position: fixed; left: 0; right: 0; top: 0 } .navbar.horizontal-menu.navbar-fixed-top+.page-container { margin-top: 85px } .navbar.horizontal-menu.navbar-fixed-top+.page-container>.sidebar-menu.fixed .sidebar-menu-inner { top: 85px } .settings-pane-open .navbar.horizontal-menu.navbar-fixed-top { position: relative } .settings-pane-open .navbar.horizontal-menu.navbar-fixed-top+.page-container { margin-top: 0 } .settings-pane-open .navbar.horizontal-menu.navbar-fixed-top+.page-container>.sidebar-menu.fixed .sidebar-menu-inner { top: 0 } .settings-pane-open .navbar.horizontal-menu.navbar-minimal+.page-container { margin-top: 0!important } .navbar.horizontal-menu+.page-container>.sidebar-menu.fixed .sidebar-menu-inner { top: 85px } .navbar.horizontal-menu .navbar-inner .navbar-brand { padding: 0 30px; margin: 0; float: left; height: 85px; display: table } .navbar.horizontal-menu .navbar-inner .navbar-brand:hover a[data-toggle=settings-pane] { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .settings-pane-open .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .settings-pane-open .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { color: #2c2e2f } .navbar.horizontal-menu .navbar-inner .navbar-brand a { display: table-cell; vertical-align: middle } .navbar.horizontal-menu .navbar-inner .navbar-brand a.logo img { margin: 0 } .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] { padding-left: 10px; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0 } .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] i { display: block; line-height: 1; font-size: 12px; color: #979898; margin-top: 1px } .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane]:hover i { color: #2c2e2f } @media screen and (min-width:768px) { .navbar.horizontal-menu .navbar-inner .navbar-nav { list-style: none; padding: 0; margin: 0 } .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub:hover>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .navbar.horizontal-menu .navbar-inner .navbar-nav.click-to-expand .has-sub.expanded>a:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .navbar.horizontal-menu .navbar-inner .navbar-nav a { position: relative; display: inline-block; line-height: 1; color: #7d7f7f; z-index: 1 } .navbar.horizontal-menu .navbar-inner .navbar-nav a>i { display: inline-block; margin-right: 5px } .navbar.horizontal-menu .navbar-inner .navbar-nav a>.label.pull-right { margin-top: 0 } .navbar.horizontal-menu .navbar-inner .navbar-nav a>.title { display: inline-block } .navbar.horizontal-menu .navbar-inner .navbar-nav a>.title+.badge { margin-left: 7px } .navbar.horizontal-menu .navbar-inner .navbar-nav li:hover>a, .navbar.horizontal-menu .navbar-inner .navbar-nav li.active>a { color: #313232 } .navbar.horizontal-menu .navbar-inner .navbar-nav>li { position: relative; z-index: 1; line-height: 85px; border: 1px solid transparent; border-top: 0; border-bottom: 0 } .navbar.horizontal-menu .navbar-inner .navbar-nav>li:hover { z-index: 2 } .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active, .navbar.horizontal-menu .navbar-inner .navbar-nav>li:hover { border-color: #f3f3f3; background-color: #fafafa } .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active { margin-left: -1px } .navbar.horizontal-menu .navbar-inner .navbar-nav>li.active+li:hover { border-left-color: transparent } .navbar.horizontal-menu .navbar-inner .navbar-nav>li>a { padding: 0 15px; line-height: 85px } .navbar.horizontal-menu .navbar-inner .navbar-nav>li>ul { position: absolute; min-width: 270px; border: 1px solid #eee; visibility: hidden; display: block; left: -1px; -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -webkit-transition: opacity 180ms linear, visibility 180ms linear; -moz-transition: opacity 180ms linear, visibility 180ms linear; -o-transition: opacity 180ms linear, visibility 180ms linear; transition: opacity 180ms linear, visibility 180ms linear; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0 } .navbar.horizontal-menu .navbar-inner .navbar-nav>li.hover>ul { visibility: visible; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .navbar.horizontal-menu .navbar-inner .navbar-nav ul { position: relative; display: none; list-style: none; padding: 0; margin: 0; top: 100%; min-width: 100%; background: #fff; z-index: 2 } .navbar.horizontal-menu .navbar-inner .navbar-nav ul ul { display: block; height: 0; overflow: hidden; visibility: hidden; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: opacity 350ms linear; -moz-transition: opacity 350ms linear; -o-transition: opacity 350ms linear; transition: opacity 350ms linear } .navbar.horizontal-menu .navbar-inner .navbar-nav ul ul.is-visible { height: auto; visibility: visible; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li:last-child>a:after { display: none } .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li { line-height: 1; margin: 0 } .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a { position: relative; display: block; white-space: nowrap; padding: 15px 25px; color: #979898 } .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li>a:after { content: ''; position: absolute; left: 25px; right: 25px; bottom: 0; background: #eee; height: 1px } .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.active>a { color: #313232; background: #fafafa; border-top: 1px solid #eee; margin-top: -2px } .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.active>a:after { left: 0; right: 0 } .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub>a:before { content: '\f105'; font-family: FontAwesome; display: block; float: right; color: #979898; position: relative; margin-left: 10px; line-height: 1.3; -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center } .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub:hover>a:before, .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li.has-sub.expanded>a:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul { background: #f6f6f6; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-top: -1px } .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul { background: #f1f1f1; border-top-color: #e7e7e7; border-bottom-color: #e7e7e7 } .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul a:after { background-color: #e7e7e7 } .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul { background: #ececec; border-top-color: #e2e2e2; border-bottom-color: #e2e2e2 } .navbar.horizontal-menu .navbar-inner .navbar-nav ul>li ul ul ul a:after { background-color: #e2e2e2 } } .navbar.horizontal-menu .navbar-inner .navbar-mobile-clear { display: block } .navbar.horizontal-menu .navbar-inner>.nav { list-style: none; margin: 0; padding: 0 } .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile { display: none } .navbar.horizontal-menu .navbar-inner>.nav>li { line-height: 85px; display: inline-block } .navbar.horizontal-menu .navbar-inner>.nav>li i { font-size: 15px; color: #979898; line-height: 1 } .navbar.horizontal-menu .navbar-inner>.nav>li>a { position: relative; padding: 0 15px; margin: 0; border: 1px solid transparent; border-top: 0; border-bottom: 0; z-index: 2 } .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover { background: #fafafa } .navbar.horizontal-menu .navbar-inner>.nav>li>a:hover i { color: #717272 } .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon { padding: 0 20px } .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:before { content: ''; position: absolute; height: 2px; top: 0; left: 0; right: 0; background: #68b828; display: none } .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon:hover:before { display: block } .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon i { margin-right: 2px } .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon .badge { font-size: 9px; position: absolute; top: 50%; right: 10px; padding: 4px; min-width: 18px; font-weight: 400; line-height: 1; margin-top: -20px } .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon.notification-icon-messages:before { background-color: #7c38bc } .navbar.horizontal-menu .navbar-inner>.nav>li>a[data-toggle=chat] { padding: 0 20px } .chat-open .navbar.horizontal-menu .navbar-inner>.nav>li>a[data-toggle=chat] i { color: #717272 } .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon { background-color: #fff; border-color: #f3f3f3; color: #717272 } .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon i { color: #717272 } .navbar.horizontal-menu .navbar-inner>.nav>li.open>a.notification-icon:before { display: block } .navbar.horizontal-menu .navbar-inner>.nav>li>ul { z-index: 1; border-color: #f3f3f3 } .navbar.horizontal-menu .navbar-inner>.nav>li.search-form { padding: 0 20px } .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a { border: 1px solid transparent; border-top: 0; border-bottom: 0 } .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a:focus { background-color: #fff } .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile.open>a { background-color: #fff; border-color: #f3f3f3 } .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile.open>.dropdown-menu { margin-left: -1px } .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu { line-height: 1.42857143 } .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.messages, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu { z-index: 1; margin-top: -1px } .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu { right: 0!important } @media screen and (min-width:767px) and (max-width:992px) { .navbar.horizontal-menu .navbar-inner .navbar-brand { padding: 0 15px } .navbar.horizontal-menu .navbar-inner .navbar-nav>li { line-height: 84px } .navbar.horizontal-menu .navbar-inner .navbar-nav>li>a { padding: 0 10px; font-size: 12px } .navbar.horizontal-menu .navbar-inner .navbar-nav>li>a>.badge { display: none } .navbar.horizontal-menu .navbar-inner>.nav>li i { font-size: 13px } .navbar.horizontal-menu .navbar-inner>.nav>li>a.notification-icon { padding-left: 15px; padding-right: 15px } .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a>span { display: none!important } } .navbar.horizontal-menu.click-to-expand .has-sub:hover>a:before { -webkit-transform: rotate(0deg)!important; -moz-transform: rotate(0deg)!important; -o-transform: rotate(0deg)!important; -ms-transform: rotate(0deg)!important; transform: rotate(0deg)!important } .navbar.horizontal-menu.click-to-expand .has-sub.expanded>a:before { -webkit-transform: rotate(90deg)!important; -moz-transform: rotate(90deg)!important; -o-transform: rotate(90deg)!important; -ms-transform: rotate(90deg)!important; transform: rotate(90deg)!important } @media screen and (min-width:768px) { .navbar.horizontal-menu.navbar-minimal { height: 55px } } .navbar.horizontal-menu.navbar-minimal.navbar-fixed-top+.page-container { margin-top: 55px } @media screen and (max-width:768px) { .navbar.horizontal-menu.navbar-minimal.navbar-fixed-top+.page-container { margin-top: 0 } } .navbar.horizontal-menu.navbar-minimal.navbar-fixed-top+.page-container>.sidebar-menu.fixed .sidebar-menu-inner { top: 55px } .navbar.horizontal-menu.navbar-minimal+.page-container>.sidebar-menu.fixed .sidebar-menu-inner { top: 55px } @media screen and (min-width:768px) { .navbar.horizontal-menu.navbar-minimal .navbar-inner .navbar-brand { height: 55px } .navbar.horizontal-menu.navbar-minimal .navbar-inner .navbar-nav>li { line-height: 55px } .navbar.horizontal-menu.navbar-minimal .navbar-inner .navbar-nav>li>a { line-height: 55px } } .navbar.horizontal-menu.navbar-minimal .navbar-inner>.nav>li { line-height: 55px } @media screen and (min-width:767px) and (max-width:992px) { .navbar.horizontal-menu.navbar-minimal .navbar-inner .navbar-nav>li { line-height: 54px } } @media screen and (max-width:768px) { .navbar.horizontal-menu { background: #2c2e2f; color: #fff; height: auto } .chat-open .navbar.horizontal-menu { left: -340px } .navbar.horizontal-menu.navbar-fixed-top { position: relative } .navbar.horizontal-menu.navbar-fixed-top+.page-container { margin-top: 0 } .navbar.horizontal-menu.navbar-fixed-top+.page-container>.sidebar-menu.fixed .sidebar-menu-inner { top: 0 } .settings-pane-open .navbar.horizontal-menu.navbar-fixed-top { position: relative } .settings-pane-open .navbar.horizontal-menu.navbar-fixed-top+.page-container { margin-top: 0 } .settings-pane-open .navbar.horizontal-menu.navbar-fixed-top+.page-container>.sidebar-menu.fixed .sidebar-menu-inner { top: 0 } .navbar.horizontal-menu+.page-container>.sidebar-menu.fixed .sidebar-menu-inner { top: 85px } .navbar.horizontal-menu .navbar-inner { padding: 20px 0 } .navbar.horizontal-menu .navbar-inner .navbar-brand { height: auto; padding-left: 20px } .navbar.horizontal-menu .navbar-inner .navbar-brand a[data-toggle=settings-pane] { display: none } .navbar.horizontal-menu .navbar-inner .navbar-mobile-clear { display: block; clear: both } .navbar.horizontal-menu .navbar-inner .navbar-nav { display: none; padding-left: 40px; padding-right: 40px; margin-top: 20px; margin-bottom: 20px; list-style: none; margin-bottom: 0 } .navbar.horizontal-menu .navbar-inner .navbar-nav a { color: #979898; text-decoration: none; display: block; padding: 13px 5px; border-bottom: 1px solid #313437 } .navbar.horizontal-menu .navbar-inner .navbar-nav a>i { display: inline-block; margin-right: 10px } .navbar.horizontal-menu .navbar-inner .navbar-nav a>i+span { padding-right: 10px } .navbar.horizontal-menu .navbar-inner .navbar-nav a>span { display: inline-block } .navbar.horizontal-menu .navbar-inner .navbar-nav a>.label { margin-top: 1px } .navbar.horizontal-menu .navbar-inner .navbar-nav a>.badge { font-size: 75%; line-height: 1.2 } .navbar.horizontal-menu .navbar-inner .navbar-nav a:hover { color: #fff } .navbar.horizontal-menu .navbar-inner .navbar-nav li.active>a { color: #fff } .navbar.horizontal-menu .navbar-inner .navbar-nav li.has-sub>a:before { position: relative; display: inline-block; font-family: FontAwesome; content: '\f107'; float: right; color: #6d747a; margin-left: 10px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out } .navbar.horizontal-menu .navbar-inner .navbar-nav li.has-sub.opened>a:before, .navbar.horizontal-menu .navbar-inner .navbar-nav li.has-sub.expanded>a:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } .navbar.horizontal-menu .navbar-inner .navbar-nav>li.opened>ul { display: block } .navbar.horizontal-menu .navbar-inner .navbar-nav>li.opened .opened>ul { display: block } .navbar.horizontal-menu .navbar-inner .navbar-nav ul { display: none; margin: 0; padding: 0; overflow: hidden; list-style: none } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li { position: relative } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown { left: 0; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown+.is-shown { -webkit-transition-delay: 80ms; -moz-transition-delay: 80ms; -o-transition-delay: 80ms; transition-delay: 80ms } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 120ms; -moz-transition-delay: 120ms; -o-transition-delay: 120ms; transition-delay: 120ms } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 160ms; -moz-transition-delay: 160ms; -o-transition-delay: 160ms; transition-delay: 160ms } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 240ms; -moz-transition-delay: 240ms; -o-transition-delay: 240ms; transition-delay: 240ms } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 280ms; -moz-transition-delay: 280ms; -o-transition-delay: 280ms; transition-delay: 280ms } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 320ms; -moz-transition-delay: 320ms; -o-transition-delay: 320ms; transition-delay: 320ms } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 360ms; -moz-transition-delay: 360ms; -o-transition-delay: 360ms; transition-delay: 360ms } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown+.is-shown { -webkit-transition-delay: 440ms; -moz-transition-delay: 440ms; -o-transition-delay: 440ms; transition-delay: 440ms } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.hidden-item { visibility: hidden; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li a { padding-left: 35px } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li ul li a { padding-left: 60px } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li ul li ul li a { padding-left: 85px } .navbar.horizontal-menu .navbar-inner .navbar-nav ul li ul li ul li ul li a { padding-left: 110px } .navbar.horizontal-menu .navbar-inner .navbar-nav.mobile-is-visible { display: block } .navbar.horizontal-menu .navbar-inner>.nav { display: none } .navbar.horizontal-menu .navbar-inner>.nav>li { line-height: 65px } .navbar.horizontal-menu .navbar-inner>.nav.nav-userinfo { float: none; width: 100%; display: none; background: #fff; position: relative; top: 20px; text-align: right } .navbar.horizontal-menu .navbar-inner>.nav.nav-userinfo.mobile-is-visible { display: block } .navbar.horizontal-menu .navbar-inner>.nav.nav-userinfo>.xs-left { float: left } .navbar.horizontal-menu .navbar-inner>.nav.nav-userinfo>.xs-left.open>.dropdown-menu { left: 1px } .navbar.horizontal-menu .navbar-inner>.nav.nav-userinfo .notification-icon .badge { top: 50% } .navbar.horizontal-menu .navbar-inner>.nav.nav-userinfo .user-profile>a span { display: none } .navbar.horizontal-menu .navbar-inner>.nav.nav-userinfo .user-profile.open>a { background-color: #fafafa } .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile { display: block; float: right; padding-right: 20px } .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a { position: relative; display: inline-block; color: #979898; line-height: 1; margin-left: 20px } .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a i { line-height: 1; font-size: 18px; position: relative; top: 1px } .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:hover, .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:active, .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a:focus { color: #fff } .navbar.horizontal-menu .navbar-inner>.nav.navbar-mobile a .badge { position: absolute; right: -3px; top: -8px; font-size: 8px; padding: 1px 2px; min-width: 14px } } @media screen and (max-width:768px) and screen and (max-width:768px) { .navbar.horizontal-menu .navbar-inner .navbar-nav { margin-top: 10px; margin-bottom: 10px } } @media screen and (max-width:768px) and screen and (min-width:768px) { .navbar.horizontal-menu .navbar-inner .navbar-nav ul li.is-hidden { left: -20px; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0 } } footer.main-footer { padding: 20px 30px; border-top: 1px solid #ddd; font-size: 12px; margin-left: -30px; margin-right: -30px; margin-top: 10px; background-color: #f9f9f9; } footer.main-footer:before, footer.main-footer:after { content: " "; display: table } footer.main-footer:after { clear: both } footer.main-footer:before, footer.main-footer:after { content: " "; display: table } footer.main-footer:after { clear: both } .page-container+footer.main-footer { margin-left: 0; margin-right: 0 } .page-container+footer.main-footer .footer-inner { max-width: 1080px; margin-left: auto; margin-right: auto } footer.main-footer .footer-text { float: left } footer.main-footer .go-up { float: right; margin-bottom: 20px } footer.main-footer .go-up a { display: inline-block; background-color: rgba(44, 46, 47, .05); padding: 2px 5px } footer.main-footer .go-up a:hover { background-color: rgba(44, 46, 47, .1) } footer.main-footer.footer-type-2 { background-color: #252729; border-top: 0; color: #fff } footer.main-footer.footer-type-2 a { color: #fff } footer.main-footer.footer-type-2 .go-up a { background-color: rgba(255, 255, 255, .05) } footer.main-footer.footer-type-2 .go-up a:hover { background-color: rgba(255, 255, 255, .1) } footer.main-footer.fixed { position: fixed; left: 0px; right: 0; bottom: 0; margin-left: 0; margin-right: 0; margin-top: 10px!important } body.chat-open .user-info-navbar a[data-toggle=chat] { color: #606161 } .user-info-navbar { background-color: #fff; min-height: 0; border: 0; padding: 0; margin: -30px; margin-bottom: 30px } .user-info-navbar .user-info-menu { margin: 0 } .user-info-navbar .user-info-menu.left-links { float: left } .user-info-navbar .user-info-menu.right-links { float: right } .user-info-navbar .user-info-menu li { line-height: 1 } .user-info-navbar .user-info-menu li a { line-height: 1 } .user-info-navbar .user-info-menu li a img { line-height: 1 } .user-info-navbar .user-info-menu>li { position: relative; margin: 0; padding: 0; border: 1px solid #fff; border-top: 0; border-bottom: 0; display: block; float: left } .user-info-navbar .user-info-menu>li.hover-line:before { content: ''; position: absolute; display: block; height: 2px; top: 0; left: 0; right: 0; background: #68b828; display: none } .user-info-navbar .user-info-menu>li.hover-line:hover:before, .user-info-navbar .user-info-menu>li.hover-line.open:before { display: block } .user-info-navbar .user-info-menu>li>a { position: relative; display: block; padding: 30px 20px; color: #979898; border-bottom: 1px solid #fff; top: 1px; z-index: 5; text-decoration: none } .user-info-navbar .user-info-menu>li>a i { font-size: 15px; line-height: 1 } .user-info-navbar .user-info-menu>li>a:hover { color: #606161 } .user-info-navbar .user-info-menu>li>a .badge { font-size: 9px; position: absolute; top: 20px; right: 10px; padding: 4px; min-width: 18px; font-weight: 400; line-height: 1 } .user-info-navbar .user-info-menu>li>form { position: relative; display: block; padding: 30px 20px; padding-bottom: 26px; margin: 0; border-bottom: 1px solid #fff } .user-info-navbar .user-info-menu>li a[data-toggle=sidebar] { padding-left: 25px } .user-info-navbar .user-info-menu>li.fullscreen { position: relative; z-index: 1 } .user-info-navbar .user-info-menu>li.fullscreen:hover a { background-color: #fafafa; color: #2c2e2f } .user-info-navbar .user-info-menu>li.search-form, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form { position: relative; z-index: 5 } .user-info-navbar .user-info-menu>li.search-form .btn, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .btn { position: relative; padding: 0; margin: 0; height: auto; color: #979898; z-index: 2 } .user-info-navbar .user-info-menu>li.search-form .btn:hover, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .btn:hover { color: #606161 } .user-info-navbar .user-info-menu>li.search-form .btn:active, .user-info-navbar .user-info-menu>li.search-form .btn:focus, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .btn:active, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .user-info-navbar .user-info-menu>li.search-form .search-field, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field { position: absolute; top: 50%; right: 15px; margin-top: -15.5px; line-height: 1; height: 31px; border: 1px solid #ddd; border: 0; padding: 0 10px; width: 170px; padding-right: 30px; font-size: 12px; z-index: 1; visibility: hidden; background: #f3f3f3; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0 } .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field::-moz-placeholder { color: #979898; opacity: 1 } .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .user-info-navbar .user-info-menu>li.search-form .search-field::-webkit-input-placeholder, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field::-webkit-input-placeholder { color: #979898 } .user-info-navbar .user-info-menu>li.search-form .search-field:-moz-placeholder, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field:-moz-placeholder { color: #979898 } .user-info-navbar .user-info-menu>li.search-form .search-field::-moz-placeholder, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field::-moz-placeholder { color: #979898 } .user-info-navbar .user-info-menu>li.search-form .search-field:-ms-input-placeholder, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field:-ms-input-placeholder { color: #979898 } .user-info-navbar .user-info-menu>li.search-form .search-field:focus+.btn, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form .search-field:focus+.btn { color: #606161 } .user-info-navbar .user-info-menu>li.search-form.focused .search-field, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form.focused .search-field { visibility: visible; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out } .user-info-navbar .user-info-menu>li.search-form.always-visible .search-field, .navbar.horizontal-menu .navbar-inner>.nav>li.search-form.always-visible .search-field { visibility: visible; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .user-info-navbar .user-info-menu>li.user-profile>a, .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a { text-decoration: none } .user-info-navbar .user-info-menu>li.user-profile>a>img, .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a>img { position: relative } .user-info-navbar .user-info-menu>li.user-profile>a>img+span, .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a>img+span { margin-left: 5px } .user-info-navbar .user-info-menu>li.user-profile>a span, .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a span { display: inline-block } .user-info-navbar .user-info-menu>li.user-profile .userpic-32, .navbar.horizontal-menu .navbar-inner>.nav>li.user-profile .userpic-32 { margin-top: -17px; top: 8px } .user-info-navbar .user-info-menu>li.language-switcher a>img { display: inline-block; margin-right: 5px; position: relative; top: -2px } .user-info-navbar .user-info-menu>li.open { border-left-color: #ddd; border-right-color: #ddd; z-index: 15 } .user-info-navbar .user-info-menu>li.open>a { color: #606161 } .user-info-navbar .user-info-menu>li .dropdown-menu, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu { margin: 0; padding: 0; margin-top: 0; margin-left: -1px; z-index: 3; -webkit-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); -moz-box-shadow: 0 2px 8px rgba(0, 1, 1, .05); box-shadow: 0 2px 8px rgba(0, 1, 1, .05) } .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list { position: relative; max-height: 300px; overflow: auto } .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list.ps-scrollbar, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list.ps-scrollbar { overflow: hidden } .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li { position: relative } .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a { position: relative; display: block; padding: 20px 30px; color: #979898 } .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a .line, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a .line { display: block } .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a .line.desc, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a .line.desc { margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; margin-right: 10px } .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a .line .light, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a .line .light { zoom: 1; filter: alpha(opacity=60); -webkit-opacity: .6; -moz-opacity: .6; opacity: .6 } .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a .line.small, .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a .line .small, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a .line.small, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a .line .small { font-size: 12px } .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a .line.time, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a .line.time { font-size: 11px; margin-top: 5px } .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:after, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a:after { content: ''; display: block; position: absolute; height: 1px; background: #ededed; bottom: 0; left: 30px; right: 30px } .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li a:hover, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li a:hover { color: #606161 } .user-info-navbar .user-info-menu>li .dropdown-menu .dropdown-menu-list li.active a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu .dropdown-menu-list li.active a { color: #606161 } .user-info-navbar .user-info-menu>li .dropdown-menu>.top, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.top { padding: 20px 30px; padding-bottom: 0 } .user-info-navbar .user-info-menu>li .dropdown-menu>.top a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.top a { color: #979898 } .user-info-navbar .user-info-menu>li .dropdown-menu>.top a:hover, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.top a:hover { color: #606161 } .user-info-navbar .user-info-menu>li .dropdown-menu>.top p, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.top p { margin: 0; color: #979898; padding-bottom: 15px; border-bottom: 1px solid #ededed } .user-info-navbar .user-info-menu>li .dropdown-menu>.external, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external { position: relative } .user-info-navbar .user-info-menu>li .dropdown-menu>.external:after, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: -1px; background-color: none; height: 1px; background-color: #ededed } .user-info-navbar .user-info-menu>li .dropdown-menu>.external a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external a { display: block; padding: 20px 30px; color: #979898; background-color: #f5f5f5 } .user-info-navbar .user-info-menu>li .dropdown-menu>.external a span, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external a span { float: left } .user-info-navbar .user-info-menu>li .dropdown-menu>.external a i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external a i { float: right } .user-info-navbar .user-info-menu>li .dropdown-menu>.external a:hover, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu>.external a:hover { color: #6a6b6c } .user-info-navbar .user-info-menu>li .dropdown-menu.messages, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.messages { width: 370px } .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li:after, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.messages .dropdown-menu-list li:after { content: ''; display: block; position: absolute; background-color: #ccc; top: 50%; margin-top: -2.5px; right: 30px; width: 5px; height: 5px; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box } .user-info-navbar .user-info-menu>li .dropdown-menu.messages .dropdown-menu-list li.active:after, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.messages .dropdown-menu-list li.active:after { background-color: #8dc63f } .user-info-navbar .user-info-menu>li .dropdown-menu.notifications, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications { width: 370px } .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list { max-height: 276px } .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li>a>i { float: left; background: #ddd; color: #FFF; padding: 5px; line-height: 17px; width: 27px; text-align: center; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box } .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li>a .line { padding-left: 45px } .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-primary>a>i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-primary>a>i { background-color: #2c2e2f } .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-success>a>i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-success>a>i { background-color: #8dc63f } .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-danger>a>i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-danger>a>i { background-color: #cc3f44 } .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-warning>a>i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-warning>a>i { background-color: #ffba00 } .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-info>a>i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-info>a>i { background-color: #40bbea } .user-info-navbar .user-info-menu>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.notifications .dropdown-menu-list>li.notification-secondary>a>i { background-color: #FFF; color: #444; -webkit-box-shadow: 0 0 0 1px #eee; -moz-box-shadow: 0 0 0 1px #eee; box-shadow: 0 0 0 1px #eee } .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu { right: -1px; left: auto; width: 250px } .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu li { position: relative; display: block; padding: 0; margin: 0; padding: 15px 20px; padding-bottom: 0 } .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu li a { display: block; color: #979898; padding: 0; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0 } .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu li a:hover { background: 0 0 } .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li a:hover, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu li a:hover { color: #606161 } .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu li.last { background: #fafafa } .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last:after, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu li.last:after { content: ''; display: block; position: absolute; height: 1px; background: #f0f0f0; top: -1px; left: 0; right: 0 } .user-info-navbar .user-info-menu>li .dropdown-menu.user-profile-menu li.last>a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.user-profile-menu li.last>a { border-bottom: 0 } .user-info-navbar .user-info-menu>li .dropdown-menu.languages, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.languages { width: 200px } @media screen and (max-width:991px) { .user-info-navbar .user-info-menu>li .dropdown-menu.languages, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.languages { width: auto } } .user-info-navbar .user-info-menu>li .dropdown-menu.languages li a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.languages li a { padding-top: 10px; padding-bottom: 10px; color: #777879 } .user-info-navbar .user-info-menu>li .dropdown-menu.languages li:hover a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.languages li:hover a { background-color: #fbfbfb } .user-info-navbar .user-info-menu>li .dropdown-menu.languages li.active a, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.languages li.active a { background-color: #f6f6f6; color: #2c2e2f } .user-info-navbar .user-info-menu>li .dropdown-menu.languages li+li, .navbar.horizontal-menu .navbar-inner>.nav>li .dropdown-menu.languages li+li { border-top: 1px solid #eee } .badge { position: relative; font-size: 9px; line-height: 12px } .badge.pull-right { margin-top: 4px; margin-left: 5px } .badge.pull-left { margin-top: 4px; margin-right: 5px } .badge.badge-default { background-color: #777 } .badge.badge-red, .badge.badge-danger { background-color: #cc3f44 } .badge.badge-blue, .badge.badge-info { background-color: #40bbea } .badge.badge-yellow, .badge.badge-warning { background-color: #ffba00 } .badge.badge-green, .badge.badge-success { background-color: #8dc63f } .badge.badge-primary { background-color: #2c2e2f } .badge.badge-secondary { background-color: #68b828 } .badge.badge-purple { background-color: #7c38bc } .badge.badge-pink { background-color: #ff6264 } .badge.badge-yellow { background-color: #fcd036 } .badge.badge-orange { background-color: #f7aa47 } .badge.badge-turquoise { background-color: #00b19d } .badge.badge-red { background-color: #d5080f } .badge.badge-blue { background-color: #0e62c7 } .badge.badge-black { background-color: #222 } .badge.badge-white { background-color: #fff; color: #333; -webkit-box-shadow: 0 0 0 1px #ddd; -moz-box-shadow: 0 0 0 1px #ddd; box-shadow: 0 0 0 1px #ddd } #chat { display: table-cell; position: relative; z-index: 100; width: 280px; background: #fff; vertical-align: top; display: none } body.chat-open #chat { display: table-cell } #chat.fixed .chat-inner { position: fixed; right: 0; width: inherit } .page-body.right-sidebar #chat.fixed .chat-inner { right: auto; left: 0 } #chat .chat-inner { overflow: auto; height: 100%; border-left: 1px solid #ddd } .page-body.right-sidebar #chat .chat-inner { border-left: 0; border-right: 1px solid #ddd } #chat .chat-inner.ps-container { overflow: hidden } #chat .chat-header { font-size: 16px; color: #979898; padding: 29px 35px; padding-bottom: 0; line-height: 1; margin: 0; position: relative } #chat .chat-header .badge { position: relative; top: -1px; margin-left: 5px; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 220ms ease-in-out; -moz-transition: all 220ms ease-in-out; -o-transition: all 220ms ease-in-out; transition: all 220ms ease-in-out } #chat .chat-header .badge.is-hidden { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } #chat .chat-header .chat-close { position: absolute; right: 0; font-size: 15px; right: 25px; margin-top: 0; color: #ddd; font-weight: 400; zoom: 1; filter: alpha(opacity=80); -webkit-opacity: .8; -moz-opacity: .8; opacity: .8 } #chat .chat-header .chat-close:hover { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } #chat .chat-group { margin-top: 24px } #chat .chat-group>strong, #chat .chat-group>a { display: block; padding: 6px 35px; font-weight: 400; font-size: 12px } #chat .chat-group>strong { text-transform: uppercase; color: #979898 } #chat .chat-group>a { position: relative; color: #979898; -webkit-transition: background 250ms ease-in-out; -moz-transition: background 250ms ease-in-out; -o-transition: background 250ms ease-in-out; transition: background 250ms ease-in-out } #chat .chat-group>a:hover, #chat .chat-group>a.active { color: #717272 } #chat .chat-group>a:before { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 4px; border-color: transparent transparent transparent #111; left: 0; top: 50%; margin-top: -4px; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 220ms ease-in-out; -moz-transition: all 220ms ease-in-out; -o-transition: all 220ms ease-in-out; transition: all 220ms ease-in-out } #chat .chat-group>a.active:before { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } #chat .chat-group>a .badge { font-size: 9px; margin-left: 5px; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 220ms ease-in-out; -moz-transition: all 220ms ease-in-out; -o-transition: all 220ms ease-in-out; transition: all 220ms ease-in-out } #chat .chat-group>a .badge.is-hidden { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } #chat .chat-group>a em { font-style: normal } #chat .user-status { display: inline-block; background: #b7b7b7; margin-right: 5px; width: 8px; height: 8px; -webkit-border-radius: 8px; -webkit-background-clip: padding-box; -moz-border-radius: 8px; -moz-background-clip: padding; border-radius: 8px; background-clip: padding-box; -webkit-transition: all 220ms ease-in-out; -moz-transition: all 220ms ease-in-out; -o-transition: all 220ms ease-in-out; transition: all 220ms ease-in-out } #chat .user-status.is-online { background-color: #8dc63f } #chat .user-status.is-offline { background-color: #b7b7b7 } #chat .user-status.is-idle { background-color: #ffba00 } #chat .user-status.is-busy { background-color: #cc3f44 } #chat .chat-conversation { position: absolute; right: 279px; width: 340px; background: #fff; border: 1px solid #dedede; top: 166px; display: none } .page-body.right-sidebar #chat .chat-conversation { right: auto; left: 279px } #chat .chat-conversation.is-open { display: block } #chat .chat-conversation .conversation-header { position: relative; padding: 20px 24px; font-size: 14px; color: #979898; border-bottom: 1px solid #ededed } #chat .chat-conversation .conversation-header small { color: rgba(151, 152, 152, .6); font-size: 12px; padding-left: 8px } #chat .chat-conversation .conversation-header .conversation-close { float: right; color: #979898; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; position: relative; top: -2px } #chat .chat-conversation .conversation-header:after { position: absolute; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 9.1px; border-color: transparent transparent transparent #dedede; right: -9.1px; top: 50%; margin-top: -3.5px } .page-body.right-sidebar #chat .chat-conversation .conversation-header:after { right: auto; left: -8.1px; border-width: 7px 7px 9.1px 0; border-color: transparent #dedede transparent transparent } #chat .chat-conversation .conversation-body { list-style: none; margin: 0; padding: 0; overflow: auto; height: 245px } #chat .chat-conversation .conversation-body::-webkit-scrollbar { width: 5px } #chat .chat-conversation .conversation-body::-webkit-scrollbar-track { width: 5px; background-color: #fff } #chat .chat-conversation .conversation-body::-webkit-scrollbar-thumb { background-color: #dedede } #chat .chat-conversation .conversation-body>li { padding: 0 30px; margin: 0; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #f1f1f1; color: #979898 } #chat .chat-conversation .conversation-body>li.odd { background: rgba(250, 250, 250, .55) } #chat .chat-conversation .conversation-body>li .user { font-weight: 700; color: #7d7f7f } #chat .chat-conversation .conversation-body>li .time { float: right; color: rgba(151, 152, 152, .8); font-size: 10px; position: relative; top: 3px } #chat .chat-conversation .conversation-body>li p { padding-top: 5px } #chat .chat-conversation .conversation-body>li:last-child { border-bottom: 0 } #chat .chat-conversation .chat-textarea { padding: 20px 24px; background: #fafafa; position: relative; border-top: 1px solid #ededed; padding: 0 } #chat .chat-conversation .chat-textarea:after { content: '\f075'; font-family: fontawesome; color: #979898; right: 15px; top: 10px; font-size: 15px; position: absolute } #chat .chat-conversation .chat-textarea textarea { background: #fafafa; border: 0; max-height: 100px!important; padding-right: 35px; padding-top: 10px; height: 32px; resize: none } #chat .chat-conversation .chat-textarea textarea::-moz-placeholder { color: rgba(151, 152, 152, .85); opacity: 1 } #chat .chat-conversation .chat-textarea textarea:-ms-input-placeholder { color: rgba(151, 152, 152, .85) } #chat .chat-conversation .chat-textarea textarea::-webkit-input-placeholder { color: rgba(151, 152, 152, .85) } #chat .chat-conversation .chat-textarea textarea::-webkit-input-placeholder { color: rgba(151, 152, 152, .85) } #chat .chat-conversation .chat-textarea textarea:-moz-placeholder { color: rgba(151, 152, 152, .85) } #chat .chat-conversation .chat-textarea textarea::-moz-placeholder { color: rgba(151, 152, 152, .85) } #chat .chat-conversation .chat-textarea textarea:-ms-input-placeholder { color: rgba(151, 152, 152, .85) } #chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar { width: 5px } #chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar-track { width: 5px; background-color: #ededed } #chat .chat-conversation .chat-textarea textarea::-webkit-scrollbar-thumb { background-color: #ccc } .chat-history { display: none } @media (max-width:767px) { .chat-visible #chat, .chat-visible #chat.fixed { display: none } .chat-visible.toggle-click #chat, .chat-visible.toggle-click #chat.fixed { display: block } #chat, #chat.fixed { position: fixed; width: auto; top: 0; left: 0; right: 0; bottom: 0; margin: 10px } #chat .chat-conversation, #chat.fixed .chat-conversation { position: fixed; width: auto; left: 0; right: 0; top: 0!important; bottom: 0; margin: 10px; overflow: auto } #chat .chat-conversation .conversation-body, #chat.fixed .chat-conversation .conversation-body { height: auto; max-height: 450px } #chat .chat-conversation::-webkit-scrollbar, #chat.fixed .chat-conversation::-webkit-scrollbar { width: 5px } #chat .chat-conversation::-webkit-scrollbar-track, #chat.fixed .chat-conversation::-webkit-scrollbar-track { width: 5px; background-color: #343a45 } #chat .chat-conversation::-webkit-scrollbar-thumb, #chat.fixed .chat-conversation::-webkit-scrollbar-thumb { background-color: #4a5262 } } .footer-sticked-chat { position: fixed; right: 30px; bottom: 0; z-index: 1000 } .chat-open .footer-sticked-chat { right: 310px } @media screen and (max-width:768px) { .chat-open .footer-sticked-chat { right: 30px } } .right-sidebar .footer-sticked-chat { left: 30px; right: auto } @media screen and (max-width:768px) { .footer-sticked-chat.mobile-is-visible .chat-conversations { display: block!important } } @media screen and (max-width:768px) { .footer-sticked-chat { left: 0; right: 0 } } .footer-sticked-chat .chat-conversations { display: block; margin: 0; padding: 0; z-index: 5; position: relative } @media screen and (max-width:768px) { .footer-sticked-chat .chat-conversations { padding: 15px 30px; background: #fff; border-top: 1px solid #e4e4e4; display: none } } .footer-sticked-chat .chat-conversations>li { display: block; position: relative; float: left; margin: 0 } @media screen and (max-width:768px) { .footer-sticked-chat .chat-conversations>li { float: none; width: 100% } } .footer-sticked-chat .chat-conversations>li .chat-user { display: block; position: relative; z-index: 5; background-color: #fff; border: 1px solid #e4e4e4; color: #888; font-size: 12px; line-height: 1; padding: 8px 10px; width: 150px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100% } @media screen and (max-width:768px) { .footer-sticked-chat .chat-conversations>li .chat-user { width: 100% } } .footer-sticked-chat .chat-conversations>li .chat-user .user-status { display: inline-block; vertical-align: middle; background: #b7b7b7; margin-right: 5px; position: relative; top: -1px; width: 8px; height: 8px; -webkit-border-radius: 8px; -webkit-background-clip: padding-box; -moz-border-radius: 8px; -moz-background-clip: padding; border-radius: 8px; background-clip: padding-box; -webkit-transition: all 220ms ease-in-out; -moz-transition: all 220ms ease-in-out; -o-transition: all 220ms ease-in-out; transition: all 220ms ease-in-out } .footer-sticked-chat .chat-conversations>li .chat-user .user-status.is-online { background-color: #8dc63f } .footer-sticked-chat .chat-conversations>li .chat-user .user-status.is-offline { background-color: #b7b7b7 } .footer-sticked-chat .chat-conversations>li .chat-user .user-status.is-idle { background-color: #ffba00 } .footer-sticked-chat .chat-conversations>li .chat-user .user-status.is-busy { background-color: #cc3f44 } .footer-sticked-chat .chat-conversations>li .chat-user:hover { color: #2c2e2f } .footer-sticked-chat .chat-conversations>li .badge { position: absolute; top: 0; right: 0; z-index: 15; -webkit-transform: translate(25%, -25%); -moz-transform: translate(25%, -25%); -o-transform: translate(25%, -25%); -ms-transform: translate(25%, -25%); transform: translate(25%, -25%) } .footer-sticked-chat .chat-conversations>li .conversation-window { position: absolute; bottom: 0; left: 0; right: 0; background: #fff; border: 1px solid #fff; z-index: 20; border: 1px solid #e4e4e4; visibility: hidden; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0 } .footer-sticked-chat .chat-conversations>li .conversation-window>.chat-user { width: 100%; border: 0; background: #f5f5f5 } .footer-sticked-chat .chat-conversations>li .conversation-window>.chat-user .close { position: absolute; right: 0; top: 50%; font-size: 15px; -webkit-transform: translate(-100%, -50%); -moz-transform: translate(-100%, -50%); -o-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%) } .footer-sticked-chat .chat-conversations>li .conversation-window .conversation-messages { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; max-height: 250px; overflow: hidden; position: relative } .footer-sticked-chat .chat-conversations>li .conversation-window .conversation-messages.full-height { overflow: visible } .footer-sticked-chat .chat-conversations>li .conversation-window .conversation-messages li { display: table; width: 100%; table-layout: auto } .footer-sticked-chat .chat-conversations>li .conversation-window .conversation-messages li .user-info, .footer-sticked-chat .chat-conversations>li .conversation-window .conversation-messages li .message-entry { display: table-cell; vertical-align: top; padding: 10px 0 } .footer-sticked-chat .chat-conversations>li .conversation-window .conversation-messages li .user-info { padding-left: 10px; padding-right: 10px } .footer-sticked-chat .chat-conversations>li .conversation-window .conversation-messages li .user-info+.message-entry { padding-left: 0 } .footer-sticked-chat .chat-conversations>li .conversation-window .conversation-messages li .message-entry { width: 99%; color: #666; font-size: 11px; padding-right: 10px; padding-left: 10px; word-break: break-all; white-space: normal } .footer-sticked-chat .chat-conversations>li .conversation-window .conversation-messages li .message-entry>p { color: #666 } .footer-sticked-chat .chat-conversations>li .conversation-window .conversation-messages li .message-entry>p:last-child { margin-bottom: 0 } .footer-sticked-chat .chat-conversations>li .conversation-window .conversation-messages li.me { background-color: #f4f4f4 } .footer-sticked-chat .chat-conversations>li .conversation-window .conversation-messages li.time { text-align: center; display: block; font-size: 9px; background: #f0f0f0; text-transform: uppercase; color: #888; padding: 4px 0 2px 0; line-height: 1; margin-bottom: 1px } .footer-sticked-chat .chat-conversations>li .conversation-window .chat-form .form-control { border: 0; font-size: 12px } .footer-sticked-chat .chat-conversations>li.open>a { width: 250px } @media screen and (max-width:768px) { .footer-sticked-chat .chat-conversations>li.open>a { width: 100% } } .footer-sticked-chat .chat-conversations>li.open .conversation-window { bottom: 0; visibility: visible; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition-delay: 120ms; -moz-transition-delay: 120ms; -o-transition-delay: 120ms; transition-delay: 120ms } .footer-sticked-chat .chat-conversations>li.open .badge { display: none } .right-sidebar .footer-sticked-chat .chat-conversations>li.browse-more { float: right; margin-right: 0; margin-left: 10px } .footer-sticked-chat .chat-conversations>li.browse-more>a { width: auto; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none } @media screen and (max-width:768px) { .footer-sticked-chat .chat-conversations>li.browse-more>a { background-color: #f4f4f4 } } .footer-sticked-chat .chat-conversations>li.browse-more .other-conversations-list { position: absolute; bottom: 100%; right: 0; margin: 0; padding: 0; list-style: none; background-color: #fff; border: 1px solid #e4e4e4; margin-bottom: -2px; z-index: 1; display: none } .right-sidebar .footer-sticked-chat .chat-conversations>li.browse-more .other-conversations-list { right: auto; left: auto } @media screen and (max-width:768px) { .footer-sticked-chat .chat-conversations>li.browse-more .other-conversations-list { position: relative; width: 100%; border-top: 0 } } .footer-sticked-chat .chat-conversations>li.browse-more .other-conversations-list li { display: block; text-align: right } @media screen and (max-width:768px) { .footer-sticked-chat .chat-conversations>li.browse-more .other-conversations-list li { text-align: left } } .footer-sticked-chat .chat-conversations>li.browse-more .other-conversations-list li a { display: block; font-size: 11px; font-weight: 700; padding: 5px 10px; white-space: nowrap; color: #888 } .footer-sticked-chat .chat-conversations>li.browse-more .other-conversations-list li a span { position: relative; left: 2px; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0 } @media screen and (max-width:768px) { .footer-sticked-chat .chat-conversations>li.browse-more .other-conversations-list li a span { float: right; left: 0 } } .footer-sticked-chat .chat-conversations>li.browse-more .other-conversations-list li a:hover { color: #2c2e2f } .footer-sticked-chat .chat-conversations>li.browse-more .other-conversations-list li a:hover span { zoom: 1; filter: alpha(opacity=50); -webkit-opacity: .5; -moz-opacity: .5; opacity: .5 } .footer-sticked-chat .chat-conversations>li.browse-more .other-conversations-list li+li { border-top: 1px solid rgba(228, 228, 228, .15) } @media screen and (min-width:768px) { .footer-sticked-chat .chat-conversations>li.browse-more:hover>a { border-top: 0; top: 1px } } .footer-sticked-chat .chat-conversations>li.browse-more:hover .other-conversations-list { display: block } .footer-sticked-chat .chat-conversations>li+li { margin-left: 10px } @media screen and (max-width:768px) { .footer-sticked-chat .chat-conversations>li+li { margin-left: 0; margin-top: 5px } } .footer-sticked-chat .mobile-chat-toggle { position: absolute; right: 30px; bottom: 100%; border: 1px solid #e4e4e4; background-color: #fff; font-size: 12px; line-height: 1; padding: 10px 12px; text-decoration: none; z-index: 1; border-bottom: 0; display: none } .footer-sticked-chat .mobile-chat-toggle i { font-size: 14px } @media screen and (max-width:768px) { .footer-sticked-chat .mobile-chat-toggle { display: block } } .footer-sticked-chat .mobile-chat-toggle .badge { position: absolute; top: 0; left: 0; z-index: 15; -webkit-transform: translate(-25%, -25%); -moz-transform: translate(-25%, -25%); -o-transform: translate(-25%, -25%); -ms-transform: translate(-25%, -25%); transform: translate(-25%, -25%) } @media screen and (max-width:768px) { .page-container { display: block } .page-container .sidebar-menu, .page-container .main-content { display: block; width: 100%; height: auto } .page-container .sidebar-menu { position: relative } .page-container .sidebar-menu .sidebar-menu-inner { position: relative } .page-container .sidebar-menu .sidebar-menu-inner .logo-env, .page-container .sidebar-menu .sidebar-menu-inner .main-menu { padding-left: 20px; padding-right: 20px } .page-container .sidebar-menu .sidebar-menu-inner .logo-env { margin-bottom: 0; padding-top: 20px; padding-bottom: 20px } .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle { float: right } .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a { position: relative; display: inline-block; color: #979898; line-height: 1; margin-left: 20px } .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a i { line-height: 1; font-size: 18px; position: relative; top: 1px } .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a:hover, .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a:active, .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a:focus { color: #fff } .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a .badge { position: absolute; right: -3px; top: -8px; font-size: 8px; padding: 1px 2px; min-width: 14px } .page-container .sidebar-menu .sidebar-menu-inner .main-menu { display: none; margin-bottom: 0 } .page-container .sidebar-menu .sidebar-menu-inner .main-menu.mobile-is-visible { display: block } .page-container .sidebar-menu .sidebar-menu-inner .main-menu.mobile-is-visible.both-menus-visible { margin-top: 0; padding-top: 0 } .page-container .sidebar-menu .sidebar-menu-inner .main-menu>li:last-child>a { border-bottom: 0 } .page-container .main-content .navbar.user-info-navbar { display: none } .page-container .main-content .navbar.user-info-navbar.mobile-is-visible { display: block } .page-container .main-content .navbar.user-info-navbar .user-info-menu>li { min-height: 0!important } .page-container .main-content .navbar.user-info-navbar .user-info-menu>li>a, .page-container .main-content .navbar.user-info-navbar .user-info-menu>li>form { padding-top: 20px; padding-bottom: 20px } .page-container .main-content .navbar.user-info-navbar .user-info-menu>li.user-profile>a>span, .page-container .main-content .navbar.navbar.horizontal-menu .navbar-inner>.nav>li.user-profile>a>span { display: none } .page-container .main-content .navbar.user-info-navbar .user-info-menu>li a>.badge { top: 10px } .page-container .main-content .main-footer { position: relative; left: 0; right: auto; margin-left: -30px; margin-right: -30px } .page-container { position: relative } .page-container #chat { left: auto; margin: 0; width: 340px } .page-container #chat .chat-conversation { bottom: auto; position: absolute; left: 0; top: 0 } .chat-open .page-container { left: -340px } } .panel { position: relative; background: #fff; padding: 20px 30px; border: 0; margin-bottom: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .panel.panel-headerless .panel-body { padding-top: 0 } .panel .panel-heading { position: relative; padding: 0; margin: 0; background: 0 0; font-size: 17px; padding-bottom: 15px; border-bottom: 2px solid #f5f5f5 } .panel .panel-heading>.panel-title { float: left; font-size: 17px } .panel .panel-heading>.panel-title>a { color: inherit } .panel .panel-heading>.panel-options { float: right; font-size: 13px } .panel .panel-heading>.panel-options a { display: inline-block; color: #979898; margin-left: 7px; line-height: 1 } .panel .panel-heading>.panel-options a i { line-height: 1 } .panel .panel-heading>.panel-options a[data-toggle=panel] span { display: block; font-size: 16px; width: 10px; text-align: center } .panel .panel-heading>.panel-options a[data-toggle=panel] span.expand-icon { display: none; font-size: 18px } .panel .panel-heading>.panel-options a[data-toggle=remove] { font-size: 18px } .panel .panel-heading>.panel-options a:first-child { margin-left: 0 } .panel .panel-heading>.panel-options .nav-tabs { border: 0 } .panel .panel-heading>.panel-options .nav-tabs>li { border: 0 } .panel .panel-heading>.panel-options .nav-tabs>li>a { padding: 0; border: 0; margin-left: 15px; color: #979898; background: 0 0 } .panel .panel-heading>.panel-options .nav-tabs>li>a:hover { background: 0 0 } .panel .panel-heading>.panel-options .nav-tabs>li.active>a { color: #4b4b4b } .panel .panel-body { padding: 0; padding-top: 20px; color: #979898 } .panel .panel-body.no-padding { padding: 0; margin-top: -2px; margin-left: -30px; margin-right: -30px; margin-bottom: -20px } .panel .panel-body.panel-border { border-top: 1px solid #f5f5f5; padding-top: 30px } .panel .panel-body p { margin-bottom: 0 } .panel .panel-body p+p { margin-top: 15px } .panel .panel-disabled { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, .7) } .panel.collapsed .panel-heading .panel-options a[data-toggle=panel] .collapse-icon { display: none } .panel.collapsed .panel-heading .panel-options a[data-toggle=panel] .expand-icon { display: block } .panel.collapsed>.panel-body, .panel.collapsed>.table { display: none } .panel.panel-border { border: 1px solid #ccc } .panel.panel-shadow { -webkit-box-shadow: 0 1px 1px rgba(0, 1, 1, .08); -moz-box-shadow: 0 1px 1px rgba(0, 1, 1, .08); box-shadow: 0 1px 1px rgba(0, 1, 1, .08) } .panel.panel-inverted { background: #2c2e2f; color: #FFF } .panel.panel-inverted>.panel-heading { border-bottom-color: #393c3e } .panel.panel-inverted>.panel-disabled { background: rgba(44, 46, 47, .5) } .panel.panel-tabs { background: 0 0; padding-left: 0; padding-right: 0; margin-bottom: 10px; padding-top: 7px } .panel.panel-tabs>.panel-heading { border-bottom: 0 } .panel.panel-tabs>.panel-heading .nav-tabs { position: relative; margin-bottom: -21px; margin-right: -2px } .panel.panel-tabs>.panel-heading .nav-tabs>li>a { position: relative; background-color: #f5f5f5; padding: 15px 20px; margin-left: 5px; top: -6px } .panel.panel-tabs>.panel-heading .nav-tabs>li:hover>a, .panel.panel-tabs>.panel-heading .nav-tabs>li.active>a { background-color: #FFF } .panel.panel-tabs>.panel-body { background: #FFF; padding: 20px 30px } .panel.panel-flat { background: 0 0; padding-top: 0; padding-left: 0; padding-right: 0 } .panel.panel-flat .panel-heading { border-bottom-color: #ddd } .panel.panel-flat .panel-disabled { background: rgba(238, 238, 238, .6) } .panel.panel-success .panel-heading { background-color: #8dc63f; color: #fff } .panel.panel-success .panel-heading>.panel-title { color: #fff } .panel.panel-success .panel-heading>.panel-title>a { color: inherit } .panel.panel-success .panel-heading>.panel-options { color: #fff } .panel.panel-success .panel-heading>.panel-options a { color: rgba(255, 255, 255, .6) } .panel.panel-success .panel-heading>.panel-options a:hover { color: #fff } .panel.panel-success>.panel-disabled { background-color: rgba(141, 198, 63, .15) } .panel.panel-info .panel-heading { background-color: #40bbea; color: #fff } .panel.panel-info .panel-heading>.panel-title { color: #fff } .panel.panel-info .panel-heading>.panel-title>a { color: inherit } .panel.panel-info .panel-heading>.panel-options { color: #fff } .panel.panel-info .panel-heading>.panel-options a { color: rgba(255, 255, 255, .6) } .panel.panel-info .panel-heading>.panel-options a:hover { color: #fff } .panel.panel-info>.panel-disabled { background-color: rgba(64, 187, 234, .15) } .panel.panel-warning .panel-heading { background-color: #ffba00; color: #fff } .panel.panel-warning .panel-heading>.panel-title { color: #fff } .panel.panel-warning .panel-heading>.panel-title>a { color: inherit } .panel.panel-warning .panel-heading>.panel-options { color: #fff } .panel.panel-warning .panel-heading>.panel-options a { color: rgba(255, 255, 255, .6) } .panel.panel-warning .panel-heading>.panel-options a:hover { color: #fff } .panel.panel-warning>.panel-disabled { background-color: rgba(255, 186, 0, .15) } .panel.panel-danger .panel-heading { background-color: #cc3f44; color: #fff } .panel.panel-danger .panel-heading>.panel-title { color: #fff } .panel.panel-danger .panel-heading>.panel-title>a { color: inherit } .panel.panel-danger .panel-heading>.panel-options { color: #fff } .panel.panel-danger .panel-heading>.panel-options a { color: rgba(255, 255, 255, .6) } .panel.panel-danger .panel-heading>.panel-options a:hover { color: #fff } .panel.panel-danger>.panel-disabled { background-color: rgba(204, 63, 68, .15) } .panel.panel-red .panel-heading { background-color: #d5080f; color: #fff } .panel.panel-red .panel-heading>.panel-title { color: #fff } .panel.panel-red .panel-heading>.panel-title>a { color: inherit } .panel.panel-red .panel-heading>.panel-options { color: #fff } .panel.panel-red .panel-heading>.panel-options a { color: rgba(255, 255, 255, .6) } .panel.panel-red .panel-heading>.panel-options a:hover { color: #fff } .panel.panel-red>.panel-disabled { background-color: rgba(213, 8, 15, .15) } .panel.panel-black .panel-heading { background-color: #222; color: #fff } .panel.panel-black .panel-heading>.panel-title { color: #fff } .panel.panel-black .panel-heading>.panel-title>a { color: inherit } .panel.panel-black .panel-heading>.panel-options { color: #fff } .panel.panel-black .panel-heading>.panel-options a { color: rgba(255, 255, 255, .6) } .panel.panel-black .panel-heading>.panel-options a:hover { color: #fff } .panel.panel-black>.panel-disabled { background-color: rgba(34, 34, 34, .15) } .panel.panel-purple .panel-heading { background-color: #7c38bc; color: #fff } .panel.panel-purple .panel-heading>.panel-title { color: #fff } .panel.panel-purple .panel-heading>.panel-title>a { color: inherit } .panel.panel-purple .panel-heading>.panel-options { color: #fff } .panel.panel-purple .panel-heading>.panel-options a { color: rgba(255, 255, 255, .6) } .panel.panel-purple .panel-heading>.panel-options a:hover { color: #fff } .panel.panel-purple>.panel-disabled { background-color: rgba(124, 56, 188, .15) } .panel.panel-blue .panel-heading { background-color: #0e62c7; color: #fff } .panel.panel-blue .panel-heading>.panel-title { color: #fff } .panel.panel-blue .panel-heading>.panel-title>a { color: inherit } .panel.panel-blue .panel-heading>.panel-options { color: #fff } .panel.panel-blue .panel-heading>.panel-options a { color: rgba(255, 255, 255, .6) } .panel.panel-blue .panel-heading>.panel-options a:hover { color: #fff } .panel.panel-blue>.panel-disabled { background-color: rgba(14, 98, 199, .15) } .panel.panel-light-blue .panel-heading { background-color: #4fcdfc; color: #fff } .panel.panel-light-blue .panel-heading>.panel-title { color: #fff } .panel.panel-light-blue .panel-heading>.panel-title>a { color: inherit } .panel.panel-light-blue .panel-heading>.panel-options { color: #fff } .panel.panel-light-blue .panel-heading>.panel-options a { color: rgba(255, 255, 255, .6) } .panel.panel-light-blue .panel-heading>.panel-options a:hover { color: #fff } .panel.panel-light-blue>.panel-disabled { background-color: rgba(79, 205, 252, .15) } .panel.panel-gray .panel-heading { background-color: #e1e1e1; color: #717272 } .panel.panel-gray .panel-heading>.panel-title { color: #717272 } .panel.panel-gray .panel-heading>.panel-title>a { color: inherit } .panel.panel-gray .panel-heading>.panel-options { color: #717272 } .panel.panel-gray .panel-heading>.panel-options a { color: rgba(113, 114, 114, .6) } .panel.panel-gray .panel-heading>.panel-options a:hover { color: #717272 } .panel.panel-gray>.panel-disabled { background-color: rgba(225, 225, 225, .15) } .panel.panel-color .panel-heading { margin-top: -20px; margin-left: -30px; margin-right: -30px; padding: 20px 30px; border-bottom: 0 } .panel.panel-color.collapsed>.panel-heading { margin-bottom: -20px } .breadcrumb { background: 0 0 } .breadcrumb li i { margin-right: 4px } .breadcrumb li a { color: #979898 } .breadcrumb li.active>* { color: #646565 } .breadcrumb.bc-2 { background-color: #eee } .breadcrumb.bc-3 { border: 1px solid #ddd } .breadcrumb.auto-hidden li { display: block; float: left } .breadcrumb.auto-hidden li:before { display: block; float: left } .breadcrumb.auto-hidden li a { display: block; float: left; white-space: nowrap; overflow: hidden } .breadcrumb.auto-hidden li a.collapsed { width: 45px!important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100% } @media screen and (max-width:768px) { body.chat-open .settings-pane { left: -340px } } .settings-pane { background: #27292a; color: #fff; display: none; position: relative; overflow: hidden; -webkit-perspective: 500px; -moz-perspective: 500px; perspective: 500px; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -o-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom } @media screen and (max-width:768px) { .settings-pane { padding: 30px } } .settings-pane .settings-pane-inner { position: relative; padding: 50px } @media screen and (max-width:768px) { .settings-pane .settings-pane-inner { padding: 0 } } .settings-pane .settings-pane-inner.with-animation { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: all 350ms cubic-bezier(0.785, .135, .15, .86); -moz-transition: all 350ms cubic-bezier(0.785, .135, .15, .86); -o-transition: all 350ms cubic-bezier(0.785, .135, .15, .86); transition: all 350ms cubic-bezier(0.785, .135, .15, .86) } .settings-pane .settings-pane-inner.with-animation.visible { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms } .settings-pane .settings-pane-inner.with-animation.closing { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition-delay: 0ms; -moz-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms } .settings-pane>a[data-toggle=settings-pane] { display: block; color: #979898; position: absolute; right: 0; top: 0; padding: 10px 12px; font-size: 18px; line-height: 1; z-index: 100 } .settings-pane>a[data-toggle=settings-pane]:hover { color: #FFF } .settings-pane .user-info { display: table; width: 100%; border-spacing: 0; border-collapse: collapse } @media screen and (min-width:768px) and (max-width:992px) { .settings-pane .user-info { width: auto; margin: 0 auto; margin-bottom: 20px } } @media screen and (max-width:768px) { .settings-pane .user-info { width: auto; margin: 0 auto; margin-bottom: 20px } } .settings-pane .user-info .user-image, .settings-pane .user-info .user-details { display: table-cell; vertical-align: middle } .settings-pane .user-info .user-image { width: 130px } .settings-pane .user-info .user-image a { display: block; position: relative } .settings-pane .user-info .user-details { padding-left: 20px } .settings-pane .user-info .user-details h3 { margin: 0 } .settings-pane .user-info .user-details h3 a { color: #fff } .settings-pane .user-info .user-details h3 .user-status { position: relative; display: inline-block; background: #FFF; top: -3px; margin-left: 5px; width: 8px; height: 8px; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box } .settings-pane .user-info .user-details h3 .user-status.is-online { background-color: #8dc63f } .settings-pane .user-info .user-details h3 .user-status.is-idle { background-color: #ffba00 } .settings-pane .user-info .user-details h3 .user-status.is-busy { background-color: #d5080f } .settings-pane .user-info .user-details h3 .user-status.is-offline { background-color: #CCC } .settings-pane .user-info .user-details .user-title { color: rgba(255, 255, 255, .65); margin: 0; margin-top: 5px } .settings-pane .user-info .user-details .user-links { margin-top: 15px } .settings-pane .user-info .user-details .user-links a { display: inline-block } .settings-pane .user-info .user-details .user-links a+a { margin-left: 8px } .settings-pane .links-block { display: inline-block; padding-right: 85px; text-align: left } @media screen and (max-width:991px) { .settings-pane .links-block { padding-right: 40px; margin-top: 10px } } .settings-pane .links-block.left-sep { border-left: 1px solid #323435; padding-left: 75px } @media screen and (max-width:991px) { .settings-pane .links-block.left-sep { padding-left: 40px } .settings-pane .links-block.left-sep:first-child { border-left: 0 } } @media screen and (max-width:599px) { .settings-pane .links-block.left-sep { padding: 0 25px } } .settings-pane .links-block h4 { color: #fff; margin: 0; margin-bottom: 15px } .settings-pane .links-block h4 span { display: inline-block; border-bottom: 1px solid #323435; padding-bottom: 5px } .settings-pane .links-block h4 a { color: #fff } .settings-pane .links-block h4 a:hover { color: #979898 } .settings-pane .links-block ul li label { display: inline-block; padding-left: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .settings-pane .links-block ul li a { color: #979898; display: block } .settings-pane .links-block ul li a:hover { color: #fff } .settings-pane .links-block ul li+li a { margin-top: 5px } .settings-pane .link-blocks-env { text-align: center } .settings-pane-open .settings-pane { display: block } .settings-pane-open .sidebar-menu .sidebar-menu-inner { position: relative!important } .settings-pane-open .sidebar-menu .sidebar-menu-inner .logo-env .settings-icon { background: #27292a; -webkit-box-shadow: 0 0 0 10px #27292a, 0 -10px 0 10px #27292a, 0 -20px 0 10px #27292a, 0 -30px 0 10px #27292a; -moz-box-shadow: 0 0 0 10px #27292a, 0 -10px 0 10px #27292a, 0 -20px 0 10px #27292a, 0 -30px 0 10px #27292a; box-shadow: 0 0 0 10px #27292a, 0 -10px 0 10px #27292a, 0 -20px 0 10px #27292a, 0 -30px 0 10px #27292a } .cbr-replaced { position: relative; display: inline-block; vertical-align: middle; top: -1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .cbr-replaced .cbr-input { display: none } .cbr-replaced .cbr-state { position: relative; display: block; background: #FFF; border: 1px solid #ddd; line-height: 1; width: 15px; height: 15px } .cbr-replaced .cbr-state span { display: block; background: url(../images/ok.png) no-repeat center center; background-image: none; position: absolute; left: 0; right: 0; bottom: 0; top: 0; cursor: pointer } .cbr-replaced.cbr-checked span { background-image: url(../images/ok.png) } .cbr-replaced.cbr-disabled { zoom: 1; filter: alpha(opacity=40); -webkit-opacity: .4; -moz-opacity: .4; opacity: .4 } .cbr-replaced.cbr-radio .cbr-state { -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box } .cbr-replaced.cbr-radio .cbr-state span { background: #FFF; left: 2px; right: 2px; top: 2px; bottom: 2px; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box } .cbr-replaced.cbr-radio.cbr-checked .cbr-state span { background: #ddd } .cbr-replaced.cbr-primary .cbr-state { background: #2c2e2f; border-color: #323435 } .cbr-replaced.cbr-primary.cbr-checked span { background-image: url(../images/ok-white-full.png) } .cbr-replaced.cbr-primary.cbr-radio .cbr-state { background: #fff } .cbr-replaced.cbr-primary.cbr-radio .cbr-state span { background-color: #fff } .cbr-replaced.cbr-primary.cbr-radio.cbr-checked .cbr-state span { background: #2c2e2f } .cbr-replaced.cbr-secondary .cbr-state { background: #68b828; border-color: #68b828 } .cbr-replaced.cbr-secondary.cbr-checked span { background-image: url(../images/ok-white-full.png) } .cbr-replaced.cbr-secondary.cbr-checked.cbr-radio .cbr-state span { background: #68b828 } .cbr-replaced.cbr-secondary.cbr-radio .cbr-state { background: #fff } .cbr-replaced.cbr-success .cbr-state { background: #8dc63f; border-color: #8dc63f } .cbr-replaced.cbr-success.cbr-checked span { background-image: url(../images/ok-white-full.png) } .cbr-replaced.cbr-success.cbr-checked.cbr-radio .cbr-state span { background: #8dc63f } .cbr-replaced.cbr-success.cbr-radio .cbr-state { background: #fff } .cbr-replaced.cbr-info .cbr-state { background: #40bbea; border-color: #40bbea } .cbr-replaced.cbr-info.cbr-checked span { background-image: url(../images/ok-white-full.png) } .cbr-replaced.cbr-info.cbr-checked.cbr-radio .cbr-state span { background: #40bbea } .cbr-replaced.cbr-info.cbr-radio .cbr-state { background: #fff } .cbr-replaced.cbr-danger .cbr-state { background: #cc3f44; border-color: #cc3f44 } .cbr-replaced.cbr-danger.cbr-checked span { background-image: url(../images/ok-white-full.png) } .cbr-replaced.cbr-danger.cbr-checked.cbr-radio .cbr-state span { background: #cc3f44 } .cbr-replaced.cbr-danger.cbr-radio .cbr-state { background: #fff } .cbr-replaced.cbr-warning .cbr-state { background: #ffba00; border-color: #ffba00 } .cbr-replaced.cbr-warning.cbr-checked span { background-image: url(../images/ok-white-full.png) } .cbr-replaced.cbr-warning.cbr-checked.cbr-radio .cbr-state span { background: #ffba00 } .cbr-replaced.cbr-warning.cbr-radio .cbr-state { background: #fff } .cbr-replaced.cbr-red .cbr-state { background: #d5080f; border-color: #d5080f } .cbr-replaced.cbr-red.cbr-checked span { background-image: url(../images/ok-white-full.png) } .cbr-replaced.cbr-red.cbr-checked.cbr-radio .cbr-state span { background: #d5080f } .cbr-replaced.cbr-red.cbr-radio .cbr-state { background: #fff } .cbr-replaced.cbr-blue .cbr-state { background: #0e62c7; border-color: #0e62c7 } .cbr-replaced.cbr-blue.cbr-checked span { background-image: url(../images/ok-white-full.png) } .cbr-replaced.cbr-blue.cbr-checked.cbr-radio .cbr-state span { background: #0e62c7 } .cbr-replaced.cbr-blue.cbr-radio .cbr-state { background: #fff } .cbr-replaced.cbr-purple .cbr-state { background: #7c38bc; border-color: #7c38bc } .cbr-replaced.cbr-purple.cbr-checked span { background-image: url(../images/ok-white-full.png) } .cbr-replaced.cbr-purple.cbr-checked.cbr-radio .cbr-state span { background: #7c38bc } .cbr-replaced.cbr-purple.cbr-radio .cbr-state { background: #fff } .cbr-replaced.cbr-pink .cbr-state { background: #ff6264; border-color: #ff6264 } .cbr-replaced.cbr-pink.cbr-checked span { background-image: url(../images/ok-white-full.png) } .cbr-replaced.cbr-pink.cbr-checked.cbr-radio .cbr-state span { background: #ff6264 } .cbr-replaced.cbr-pink.cbr-radio .cbr-state { background: #fff } .cbr-replaced.cbr-orange .cbr-state { background: #f7aa47; border-color: #f7aa47 } .cbr-replaced.cbr-orange.cbr-checked span { background-image: url(../images/ok-white-full.png) } .cbr-replaced.cbr-orange.cbr-checked.cbr-radio .cbr-state span { background: #f7aa47 } .cbr-replaced.cbr-orange.cbr-radio .cbr-state { background: #fff } .cbr-replaced.cbr-turquoise .cbr-state { background: #00b19d; border-color: #00b19d } .cbr-replaced.cbr-turquoise.cbr-checked span { background-image: url(../images/ok-white-full.png) } .cbr-replaced.cbr-turquoise.cbr-checked.cbr-radio .cbr-state span { background: #00b19d } .cbr-replaced.cbr-turquoise.cbr-radio .cbr-state { background: #fff } .cbr-replaced.cbr-yellow .cbr-state { background: #fcd036; border-color: #fcd036 } .cbr-replaced.cbr-yellow.cbr-checked span { background-image: url(../images/ok-white-full.png) } .cbr-replaced.cbr-yellow.cbr-checked.cbr-radio .cbr-state span { background: #fcd036 } .cbr-replaced.cbr-yellow.cbr-radio .cbr-state { background: #fff } .cbr-replaced.cbr-gray .cbr-state { background: #c8c8c8; border-color: #c8c8c8 } .cbr-replaced.cbr-gray.cbr-checked span { background-image: url(../images/ok-white-full.png) } .cbr-replaced.cbr-gray.cbr-checked.cbr-radio .cbr-state span { background: #c8c8c8 } .cbr-replaced.cbr-gray.cbr-radio .cbr-state { background: #fff } .cbr-replaced.cbr-gray.cbr-checked span { background-image: url(../images/ok.png) } .cbr-replaced+label { padding-left: 5px } label .cbr-replaced { margin-right: 4px } label.cbr-inline { padding-top: 7px } label.cbr-inline+.cbr-inline { margin-left: 10px } .btn { outline: 0; border: 1px solid transparent; margin-bottom: 10px } .btn.text-left { text-align: left } .btn.text-right { text-align: right } .btn:active, .btn:focus { outline: 0!important } .btn:active, .btn.active { -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, .08); -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, .08); box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, .08) } .btn+.btn { margin-left: 5px } .btn+.btn.btn-block { margin-left: 0 } .btn.btn-single { margin-bottom: 0 } .btn.btn-icon { line-height: 1 } .btn.btn-icon i { vertical-align: middle; display: inline-block; padding: 5px 0 } .btn.btn-icon span { display: inline-block } .btn.btn-icon-standalone { padding: 0; border: 0; line-height: 1 } .btn.btn-icon-standalone i, .btn.btn-icon-standalone span { display: block; padding: 12px 12px } .btn.btn-icon-standalone i { border-right: 1px solid transparent; float: left } .btn.btn-icon-standalone span { padding-left: 55px; padding-right: 13px } .btn.btn-icon-standalone.btn-icon-standalone-right i { float: right; border-left: 1px solid transparent; border-right: 0 } .btn.btn-icon-standalone.btn-icon-standalone-right span { padding-left: 13px; padding-right: 55px } .btn.btn-icon-standalone.btn-lg i, .btn.btn-icon-standalone.btn-lg span { padding: 15px 16px } .btn.btn-icon-standalone.btn-lg span { padding-left: 75px } .btn.btn-icon-standalone.btn-lg.btn-icon-standalone-right span { padding-left: 17px; padding-right: 75px } .btn.btn-icon-standalone.btn-sm i, .btn.btn-icon-standalone.btn-sm span { padding: 8px 10px } .btn.btn-icon-standalone.btn-sm span { padding-left: 50px } .btn.btn-icon-standalone.btn-sm.btn-icon-standalone-right span { padding-left: 12px; padding-right: 50px } .btn.btn-icon-standalone.btn-xs i, .btn.btn-icon-standalone.btn-xs span { padding: 5px 5px } .btn.btn-icon-standalone.btn-xs span { padding-left: 34px } .btn.btn-icon-standalone.btn-xs.btn-icon-standalone-right span { padding-left: 10px; padding-right: 34px } .btn.btn-secondary { background-color: #68b828; color: #fff } .btn.btn-secondary:hover { background-color: #5ca323; text-color: #fff } .btn.btn-secondary:active, .btn.btn-secondary:focus { background-color: #5ca323; border-color: #579b22 } .btn.btn-purple { background-color: #7c38bc; color: #fff } .btn.btn-purple:hover { background-color: #6f32a8; text-color: #fff } .btn.btn-purple:active, .btn.btn-purple:focus { background-color: #6f32a8; border-color: #6a30a0 } .btn.btn-orange { background-color: #f7aa47; color: #fff } .btn.btn-orange:hover { background-color: #f69f2f; text-color: #fff } .btn.btn-orange:active, .btn.btn-orange:focus { background-color: #f69f2f; border-color: #f69a25 } .btn.btn-pink { background-color: #ff6264; color: #fff } .btn.btn-pink:hover { background-color: #ff484b; text-color: #fff } .btn.btn-pink:active, .btn.btn-pink:focus { background-color: #ff484b; border-color: #ff3e41 } .btn.btn-turquoise { background-color: #00b19d; color: #fff } .btn.btn-turquoise:hover { background-color: #009886; text-color: #fff } .btn.btn-turquoise:active, .btn.btn-turquoise:focus { background-color: #009886; border-color: #008d7d } .btn.btn-blue { background-color: #0e62c7; color: #fff } .btn.btn-blue:hover { background-color: #0c56af; text-color: #fff } .btn.btn-blue:active, .btn.btn-blue:focus { background-color: #0c56af; border-color: #0c52a6 } .btn.btn-red { background-color: #d5080f; color: #fff } .btn.btn-red:hover { background-color: #bc070d; text-color: #fff } .btn.btn-red:active, .btn.btn-red:focus { background-color: #bc070d; border-color: #b3070d } .btn.btn-gray { background-color: #eee; color: #333 } .btn.btn-gray:hover { background-color: #e1e1e1; text-color: #333 } .btn.btn-gray:active, .btn.btn-gray:focus { background-color: #e1e1e1; border-color: #dcdcdc } .btn.btn-black { background-color: #222; color: #fff } .btn.btn-black:hover { background-color: #151515; text-color: #fff } .btn.btn-black:active, .btn.btn-black:focus { background-color: #151515; border-color: #101010 } .btn.btn-black:hover { background-color: #3c3c3c } .btn.btn-white { background-color: #fff; color: #333; border: 1px solid #ddd } .btn.btn-white:hover { background-color: #f2f2f2; text-color: #333 } .btn.btn-white:active, .btn.btn-white:focus { background-color: #f2f2f2; border-color: #ededed } .btn.btn-primary.btn-icon-standalone i { background-color: #383b3c; border-right-color: #454849 } .btn.btn-primary.btn-icon-standalone.btn-icon-standalone-right i { border-left-color: #454849 } .btn.btn-primary.btn-icon-standalone.btn-icon-standalone-right:hover i { border-left-color: #1d1f1f } .btn.btn-primary.btn-icon-standalone:hover i { border-right-color: #1d1f1f } .btn.btn-secondary.btn-icon-standalone i { background-color: #63b026; border-right-color: #5fa724 } .btn.btn-secondary.btn-icon-standalone.btn-icon-standalone-right i { border-left-color: #5fa724 } .btn.btn-secondary.btn-icon-standalone.btn-icon-standalone-right:hover i { border-left-color: #5a9f23 } .btn.btn-secondary.btn-icon-standalone:hover i { border-right-color: #5a9f23 } .btn.btn-info.btn-icon-standalone i { background-color: #2eb4e8; border-right-color: #1baee6 } .btn.btn-info.btn-icon-standalone.btn-icon-standalone-right i { border-left-color: #1baee6 } .btn.btn-info.btn-icon-standalone.btn-icon-standalone-right:hover i { border-left-color: #24b1e7 } .btn.btn-info.btn-icon-standalone:hover i { border-right-color: #24b1e7 } .btn.btn-danger.btn-icon-standalone i { background-color: #c33439; border-right-color: #b32f34 } .btn.btn-danger.btn-icon-standalone.btn-icon-standalone-right i { border-left-color: #b32f34 } .btn.btn-danger.btn-icon-standalone.btn-icon-standalone-right:hover i { border-left-color: #bb3236 } .btn.btn-danger.btn-icon-standalone:hover i { border-right-color: #bb3236 } .btn.btn-warning.btn-icon-standalone i { background-color: #f0af00; border-right-color: #e6a700 } .btn.btn-warning.btn-icon-standalone.btn-icon-standalone-right i { border-left-color: #e6a700 } .btn.btn-warning.btn-icon-standalone.btn-icon-standalone-right:hover i { border-left-color: #e0a400 } .btn.btn-warning.btn-icon-standalone:hover i { border-right-color: #e0a400 } .btn.btn-red.btn-icon-standalone i { background-color: #c1070e; border-right-color: #b8070d } .btn.btn-red.btn-icon-standalone.btn-icon-standalone-right i { border-left-color: #b8070d } .btn.btn-red.btn-icon-standalone.btn-icon-standalone-right:hover i { border-left-color: #b8070d } .btn.btn-red.btn-icon-standalone:hover i { border-right-color: #b8070d } .btn.btn-purple.btn-icon-standalone i { background-color: #7233ac; border-right-color: #NaNNaNNaN } .btn.btn-purple.btn-icon-standalone.btn-icon-standalone-right i { border-left-color: #NaNNaNNaN } .btn.btn-purple.btn-icon-standalone.btn-icon-standalone-right:hover i { border-left-color: #6c31a4 } .btn.btn-purple.btn-icon-standalone:hover i { border-right-color: #6c31a4 } .btn.btn-blue.btn-icon-standalone i { background-color: #0d59b4; border-right-color: #0c54aa } .btn.btn-blue.btn-icon-standalone.btn-icon-standalone-right i { border-left-color: #0c54aa } .btn.btn-blue.btn-icon-standalone.btn-icon-standalone-right:hover i { border-left-color: #0c54aa } .btn.btn-blue.btn-icon-standalone:hover i { border-right-color: #0c54aa } .btn.btn-white.btn-icon-standalone i { background-color: #f5f5f5; border-right-color: #e6e6e6 } .btn.btn-white.btn-icon-standalone.btn-icon-standalone-right i { border-left-color: #e6e6e6 } .btn.btn-white.btn-icon-standalone.btn-icon-standalone-right:hover i { border-left-color: #e0e0e0 } .btn.btn-white.btn-icon-standalone:hover i { border-right-color: #e0e0e0 } .btn.btn-gray.btn-icon-standalone i { background-color: #e4e4e4; border-right-color: #d5d5d5 } .btn.btn-gray.btn-icon-standalone.btn-icon-standalone-right i { border-left-color: #d5d5d5 } .btn.btn-gray.btn-icon-standalone.btn-icon-standalone-right:hover i { border-left-color: #cfcfcf } .btn.btn-gray.btn-icon-standalone:hover i { border-right-color: #cfcfcf } .btn.btn-black.btn-icon-standalone i { background-color: #2f2f2f; border-right-color: #3c3c3c } .btn.btn-black.btn-icon-standalone.btn-icon-standalone-right i { border-left-color: #3c3c3c } .btn.btn-black.btn-icon-standalone.btn-icon-standalone-right:hover i { border-left-color: #414141 } .btn.btn-black.btn-icon-standalone:hover i { border-right-color: #414141 } .btn-group .btn.btn-purple:hover { border-color: #552681 } .btn-group .btn.btn-red:hover { border-color: #8b050a } .btn-group .btn.btn-blue:hover { border-color: #093f80 } .btn-group .btn.btn-white:hover { border-color: #d9d9d9 } .btn-group .btn.btn-gray:hover { border-color: #c8c8c8 } .btn-group .btn.btn-black:hover { border-color: #484848 } .btn-unstyled { margin: 0; padding: 0; background: 0 0; border: 0; height: auto; line-height: 1 } .btn-unstyled:active, .btn-unstyled:focus { background: 0 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .dropdown-menu.no-spacing { margin-top: -10px } .dropdown-menu.dropdown-primary { background: #2c2e2f; border-color: #2c2e2f } .dropdown-menu.dropdown-primary .divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #454849 } .dropdown-menu.dropdown-primary>li>a { color: #fff } .dropdown-menu.dropdown-primary>li>a:hover { background-color: #454849 } .dropdown-menu.dropdown-secondary { background: #68b828; border-color: #68b828 } .dropdown-menu.dropdown-secondary .divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #5ca323 } .dropdown-menu.dropdown-secondary>li>a { color: #fff } .dropdown-menu.dropdown-secondary>li>a:hover { background-color: #5ca323 } .dropdown-menu.dropdown-info { background: #40bbea; border-color: #40bbea } .dropdown-menu.dropdown-info .divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #1baee6 } .dropdown-menu.dropdown-info>li>a { color: #fff } .dropdown-menu.dropdown-info>li>a:hover { background-color: #1baee6 } .dropdown-menu.dropdown-success { background: #8dc63f; border-color: #8dc63f } .dropdown-menu.dropdown-success .divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #80b636 } .dropdown-menu.dropdown-success>li>a { color: #fff } .dropdown-menu.dropdown-success>li>a:hover { background-color: #80b636 } .dropdown-menu.dropdown-warning { background: #ffba00; border-color: #ffba00 } .dropdown-menu.dropdown-warning .divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #e6a700 } .dropdown-menu.dropdown-warning>li>a { color: #fff } .dropdown-menu.dropdown-warning>li>a:hover { background-color: #e6a700 } .dropdown-menu.dropdown-danger { background: #cc3f44; border-color: #cc3f44 } .dropdown-menu.dropdown-danger .divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #b32f34 } .dropdown-menu.dropdown-danger>li>a { color: #fff } .dropdown-menu.dropdown-danger>li>a:hover { background-color: #b32f34 } .dropdown-menu.dropdown-red { background: #d5080f; border-color: #d5080f } .dropdown-menu.dropdown-red .divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #bc070d } .dropdown-menu.dropdown-red>li>a { color: #fff } .dropdown-menu.dropdown-red>li>a:hover { background-color: #bc070d } .dropdown-menu.dropdown-purple { background: #7c38bc; border-color: #7c38bc } .dropdown-menu.dropdown-purple .divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #672f9d } .dropdown-menu.dropdown-purple>li>a { color: #fff } .dropdown-menu.dropdown-purple>li>a:hover { background-color: #672f9d } .dropdown-menu.dropdown-blue { background: #0e62c7; border-color: #0e62c7 } .dropdown-menu.dropdown-blue .divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #0b4fa1 } .dropdown-menu.dropdown-blue>li>a { color: #fff } .dropdown-menu.dropdown-blue>li>a:hover { background-color: #0b4fa1 } .dropdown-menu.dropdown-black { background: #222; border-color: #222 } .dropdown-menu.dropdown-black .divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #363636 } .dropdown-menu.dropdown-black>li>a { color: #fff } .dropdown-menu.dropdown-black>li>a:hover { background-color: #363636 } .dropdown-menu.dropdown-white.no-spacing { margin-top: -11px } .nav.nav-tabs { border-bottom: 0 } .nav.nav-tabs>li { display: inline-block; float: none; margin-bottom: 0 } .nav.nav-tabs>li>a { border: none; background-color: #f4f4f4; margin-right: 5px; padding-left: 20px; padding-right: 20px; cursor: pointer } .nav.nav-tabs>li>a:hover { border: none; background-color: #fff } .nav.nav-tabs>li.active>a { border: 0; background-color: #fff } .nav.nav-tabs.right-aligned, .right-aligned .nav.nav-tabs { text-align: right } .nav.nav-tabs.right-aligned>li, .right-aligned .nav.nav-tabs>li { float: none; display: inline-block } .nav.nav-tabs.right-aligned>li>a, .right-aligned .nav.nav-tabs>li>a { margin-right: 0; margin-left: 5px } .nav.nav-tabs.nav-tabs-justified, .nav-tabs-justified .nav.nav-tabs { display: table; width: 100%; table-layout: fixed; border-collapse: separate } .nav.nav-tabs.nav-tabs-justified:before, .nav-tabs-justified .nav.nav-tabs:before, .nav.nav-tabs.nav-tabs-justified:after, .nav-tabs-justified .nav.nav-tabs:after { display: none } .nav.nav-tabs.nav-tabs-justified>li, .nav-tabs-justified .nav.nav-tabs>li { display: table-cell; vertical-align: top; width: 1%; text-align: center } .nav.nav-tabs.nav-tabs-justified>li:last-child>a, .nav-tabs-justified .nav.nav-tabs>li:last-child>a { margin-right: 0 } .nav.nav-tabs+.tab-content { background: #FFF; padding: 30px; margin-bottom: 30px } .nav.nav-tabs+.tab-content>p:last-child, .nav.nav-tabs+.tab-content *>p:last-child { margin-bottom: 0 } .panel-group .panel .panel-heading { padding-bottom: 0; border-bottom: 0 } .panel-group .panel .panel-heading .panel-title { float: none } .panel-group .panel .panel-heading a[data-toggle=collapse], .panel-group .panel .panel-heading .accordion-toggle { display: block } .panel-group .panel .panel-heading a[data-toggle=collapse]:before, .panel-group .panel .panel-heading .accordion-toggle:before { float: right; display: block; content: '–'; font-size: 18px; width: 25px; text-align: right } .panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before, .panel-group .panel .panel-heading .accordion-toggle.collapsed:before { content: '+' } .panel-group .panel .panel-heading .accordion-toggle { cursor: pointer } .panel-group .panel .panel-heading .accordion-toggle:before { content: '+' } .panel-group .panel .panel-heading+.panel-collapse .panel-body { border-top: 2px solid #f5f5f5; margin-top: 15px } .panel-group.panel-group-joined, .panel-group-joined .panel-group { border: 1px solid #ddd } .panel-group.panel-group-joined .panel .panel-collapse .panel-body, .panel-group-joined .panel-group .panel .panel-collapse .panel-body { border-top: 0; padding-top: 0 } .panel-group.panel-group-joined .panel+.panel, .panel-group-joined .panel-group .panel+.panel { margin-top: 0; border-top: 1px solid #ddd } .panel.expanded .accordion-toggle:before { content: '–'!important } .tabs-vertical-env { display: table; margin-bottom: 30px; width: 100% } .tabs-vertical-env .nav.tabs-vertical, .tabs-vertical-env .tab-content { display: table-cell; vertical-align: top } .tabs-vertical-env .nav.tabs-vertical { min-width: 120px; width: 150px } .tabs-vertical-env .nav.tabs-vertical li>a { background-color: #f4f4f4; margin-bottom: 5px; text-align: center; white-space: nowrap } .tabs-vertical-env .nav.tabs-vertical li.active>a { background-color: #fff } .tabs-vertical-env .nav.tabs-vertical li:last-child { padding-bottom: 20px } .tabs-vertical-env .tab-content { padding: 30px; background: #FFF } .tabs-vertical-env .tab-content *>p:last-child { margin-bottom: 0 } .tabs-vertical-env.tabs-vertical-bordered .tab-content, .tabs-vertical-env.tabs-vertical-bordered .nav.tabs-vertical>li>a { border: 1px solid #ddd } .tabs-vertical-env.tabs-vertical-bordered .nav.tabs-vertical { position: relative; right: -1px } .tabs-vertical-env.tabs-vertical-bordered .nav.tabs-vertical>li.active>a { border-right-color: #fff } .tabs-vertical-env.tabs-vertical-bordered.right-aligned .nav.tabs-vertical { right: 1px } .tabs-vertical-env.tabs-vertical-bordered.right-aligned .nav.tabs-vertical>li.active>a { border-left-color: #fff; border-right-color: #ddd } .label { position: relative } .label.pull-right { margin-top: 4px } .label.pull-left { margin-top: 4px; margin-right: 5px } .label.label-primary { background-color: #2c2e2f; color: #fff } .label.label-secondary { background-color: #68b828; color: #fff } .label.label-success { background-color: #8dc63f; color: #fff } .label.label-danger { background-color: #cc3f44; color: #fff } .label.label-info { background-color: #40bbea; color: #fff } .label.label-warning { background-color: #ffba00; color: #fff } .label.label-red { background-color: #d5080f; color: #fff } .label.label-purple { background-color: #7c38bc; color: #fff } .label.label-pink { background-color: #ff6264; color: #fff } .label.label-yellow { background-color: #fcd036; color: #fff } .label.label-orange { background-color: #f7aa47; color: #fff } .label.label-turquoise { background-color: #00b19d; color: #fff } .label.label-blue { background-color: #0e62c7; color: #fff } .label.label-black { background-color: #222; color: #fff } .label.label-white { color: #333; -webkit-box-shadow: 0 0 0 1px #ddd; -moz-box-shadow: 0 0 0 1px #ddd; box-shadow: 0 0 0 1px #ddd } .line-height-default li { line-height: 1.85 } .popover+.btn, .tooltip+.btn { margin-left: 5px } .popover { padding: 0; border: 1px solid #ddd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .popover.popover-primary .popover-title { background-color: #2c2e2f; color: #FFF; position: relative } .popover.popover-primary.top .popover-title, .popover.popover-primary.bottom .popover-title { margin: -1px } .popover.popover-primary.bottom .arrow:after { border-bottom-color: #2c2e2f } .popover.popover-secondary .popover-title { background-color: #68b828; color: #FFF; position: relative } .popover.popover-secondary.top .popover-title, .popover.popover-secondary.bottom .popover-title { margin: -1px } .popover.popover-secondary.bottom .arrow:after { border-bottom-color: #68b828 } .popover.popover-info .popover-title { background-color: #40bbea; color: #FFF; position: relative } .popover.popover-info.top .popover-title, .popover.popover-info.bottom .popover-title { margin: -1px } .popover.popover-info.bottom .arrow:after { border-bottom-color: #40bbea } .popover.popover-warning .popover-title { background-color: #ffba00; color: #FFF; position: relative } .popover.popover-warning.top .popover-title, .popover.popover-warning.bottom .popover-title { margin: -1px } .popover.popover-warning.bottom .arrow:after { border-bottom-color: #ffba00 } .popover.popover-danger .popover-title { background-color: #cc3f44; color: #FFF; position: relative } .popover.popover-danger.top .popover-title, .popover.popover-danger.bottom .popover-title { margin: -1px } .popover.popover-danger.bottom .arrow:after { border-bottom-color: #cc3f44 } .popover.popover-success .popover-title { background-color: #8dc63f; color: #FFF; position: relative } .popover.popover-success.top .popover-title, .popover.popover-success.bottom .popover-title { margin: -1px } .popover.popover-success.bottom .arrow:after { border-bottom-color: #8dc63f } .popover.popover-purple .popover-title { background-color: #7c38bc; color: #FFF; position: relative } .popover.popover-purple.top .popover-title, .popover.popover-purple.bottom .popover-title { margin: -1px } .popover.popover-purple.bottom .arrow:after { border-bottom-color: #7c38bc } .popover.popover-blue .popover-title { background-color: #0e62c7; color: #FFF; position: relative } .popover.popover-blue.top .popover-title, .popover.popover-blue.bottom .popover-title { margin: -1px } .popover.popover-blue.bottom .arrow:after { border-bottom-color: #0e62c7 } .popover.popover-red .popover-title { background-color: #d5080f; color: #FFF; position: relative } .popover.popover-red.top .popover-title, .popover.popover-red.bottom .popover-title { margin: -1px } .popover.popover-red.bottom .arrow:after { border-bottom-color: #d5080f } .popover.popover-black .popover-title { background-color: #0e62c7; color: #FFF; position: relative } .popover.popover-black.top .popover-title, .popover.popover-black.bottom .popover-title { margin: -1px } .popover.popover-black.bottom .arrow:after { border-bottom-color: #0e62c7 } .tooltip .tooltip-inner { padding: 10px 15px } .tooltip.tooltip-primary .tooltip-inner { background-color: #2c2e2f } .tooltip.tooltip-primary.top .tooltip-arrow { border-top-color: #2c2e2f } .tooltip.tooltip-primary.bottom .tooltip-arrow { border-bottom-color: #2c2e2f } .tooltip.tooltip-primary.left .tooltip-arrow { border-left-color: #2c2e2f } .tooltip.tooltip-primary.right .tooltip-arrow { border-right-color: #2c2e2f } .tooltip.tooltip-secondary .tooltip-inner { background-color: #68b828 } .tooltip.tooltip-secondary.top .tooltip-arrow { border-top-color: #68b828 } .tooltip.tooltip-secondary.bottom .tooltip-arrow { border-bottom-color: #68b828 } .tooltip.tooltip-secondary.left .tooltip-arrow { border-left-color: #68b828 } .tooltip.tooltip-secondary.right .tooltip-arrow { border-right-color: #68b828 } .tooltip.tooltip-info .tooltip-inner { background-color: #40bbea } .tooltip.tooltip-info.top .tooltip-arrow { border-top-color: #40bbea } .tooltip.tooltip-info.bottom .tooltip-arrow { border-bottom-color: #40bbea } .tooltip.tooltip-info.left .tooltip-arrow { border-left-color: #40bbea } .tooltip.tooltip-info.right .tooltip-arrow { border-right-color: #40bbea } .tooltip.tooltip-warning .tooltip-inner { background-color: #ffba00 } .tooltip.tooltip-warning.top .tooltip-arrow { border-top-color: #ffba00 } .tooltip.tooltip-warning.bottom .tooltip-arrow { border-bottom-color: #ffba00 } .tooltip.tooltip-warning.left .tooltip-arrow { border-left-color: #ffba00 } .tooltip.tooltip-warning.right .tooltip-arrow { border-right-color: #ffba00 } .tooltip.tooltip-danger .tooltip-inner { background-color: #cc3f44 } .tooltip.tooltip-danger.top .tooltip-arrow { border-top-color: #cc3f44 } .tooltip.tooltip-danger.bottom .tooltip-arrow { border-bottom-color: #cc3f44 } .tooltip.tooltip-danger.left .tooltip-arrow { border-left-color: #cc3f44 } .tooltip.tooltip-danger.right .tooltip-arrow { border-right-color: #cc3f44 } .tooltip.tooltip-success .tooltip-inner { background-color: #8dc63f } .tooltip.tooltip-success.top .tooltip-arrow { border-top-color: #8dc63f } .tooltip.tooltip-success.bottom .tooltip-arrow { border-bottom-color: #8dc63f } .tooltip.tooltip-success.left .tooltip-arrow { border-left-color: #8dc63f } .tooltip.tooltip-success.right .tooltip-arrow { border-right-color: #8dc63f } .tooltip.tooltip-purple .tooltip-inner { background-color: #7c38bc } .tooltip.tooltip-purple.top .tooltip-arrow { border-top-color: #7c38bc } .tooltip.tooltip-purple.bottom .tooltip-arrow { border-bottom-color: #7c38bc } .tooltip.tooltip-purple.left .tooltip-arrow { border-left-color: #7c38bc } .tooltip.tooltip-purple.right .tooltip-arrow { border-right-color: #7c38bc } .tooltip.tooltip-blue .tooltip-inner { background-color: #0e62c7 } .tooltip.tooltip-blue.top .tooltip-arrow { border-top-color: #0e62c7 } .tooltip.tooltip-blue.bottom .tooltip-arrow { border-bottom-color: #0e62c7 } .tooltip.tooltip-blue.left .tooltip-arrow { border-left-color: #0e62c7 } .tooltip.tooltip-blue.right .tooltip-arrow { border-right-color: #0e62c7 } .tooltip.tooltip-red .tooltip-inner { background-color: #d5080f } .tooltip.tooltip-red.top .tooltip-arrow { border-top-color: #d5080f } .tooltip.tooltip-red.bottom .tooltip-arrow { border-bottom-color: #d5080f } .tooltip.tooltip-red.left .tooltip-arrow { border-left-color: #d5080f } .tooltip.tooltip-red.right .tooltip-arrow { border-right-color: #d5080f } .tooltip.tooltip-black .tooltip-inner { background-color: #0e62c7 } .tooltip.tooltip-black.top .tooltip-arrow { border-top-color: #0e62c7 } .tooltip.tooltip-black.bottom .tooltip-arrow { border-bottom-color: #0e62c7 } .tooltip.tooltip-black.left .tooltip-arrow { border-left-color: #0e62c7 } .tooltip.tooltip-black.right .tooltip-arrow { border-right-color: #0e62c7 } blockquote small { margin-top: 10px; display: block } .blockquote { position: relative; padding: 20px 30px; background: #fff; border: 1px solid #ddd } .blockquote:before { content: ''; display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: #f7f7f7 } .blockquote.blockquote-blue { border: 1px solid #0e62c7 } .blockquote.blockquote-blue:before { background: rgba(14, 98, 199, .1) } .blockquote.blockquote-blue strong { color: #0e62c7 } .blockquote.blockquote-red { border: 1px solid #d5080f } .blockquote.blockquote-red:before { background: rgba(213, 8, 15, .1) } .blockquote.blockquote-red strong { color: #d5080f } .blockquote.blockquote-success { border: 1px solid #8dc63f } .blockquote.blockquote-success:before { background: rgba(141, 198, 63, .1) } .blockquote.blockquote-success strong { color: #8dc63f } .blockquote.blockquote-warning { border: 1px solid #ffba00 } .blockquote.blockquote-warning:before { background: rgba(255, 186, 0, .1) } .blockquote.blockquote-warning strong { color: #ffba00 } .blockquote.blockquote-info { border: 1px solid #40bbea } .blockquote.blockquote-info:before { background: rgba(64, 187, 234, .1) } .blockquote.blockquote-info strong { color: #40bbea } .blockquote.blockquote-danger { border: 1px solid #cc3f44 } .blockquote.blockquote-danger:before { background: rgba(204, 63, 68, .1) } .blockquote.blockquote-danger strong { color: #cc3f44 } .blockquote.blockquote-purple { border: 1px solid #7c38bc } .blockquote.blockquote-purple:before { background: rgba(124, 56, 188, .1) } .blockquote.blockquote-purple strong { color: #7c38bc } .blockquote.blockquote-black { border: 1px solid #222 } .blockquote.blockquote-black:before { background: rgba(34, 34, 34, .1) } .blockquote.blockquote-black strong { color: #222 } .modal .modal-dialog .modal-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #f5f5f5; padding: 30px } .modal .modal-dialog .modal-content .modal-header { margin: 0; padding: 0; border-bottom-width: 2px; padding-bottom: 15px } .modal .modal-dialog .modal-content .modal-header .close { outline: 0 } .modal .modal-dialog .modal-content .modal-body { padding: 20px 0 } .modal .modal-dialog .modal-content .modal-footer { padding: 0; padding-top: 15px } .modal .modal-dialog .modal-content .modal-footer .btn { margin-bottom: 0 } .modal.scale .modal-dialog { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all 1000ms ease-in-out; -moz-transition: all 1000ms ease-in-out; -o-transition: all 1000ms ease-in-out; transition: all 1000ms ease-in-out; -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -o-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom } .modal.scale.in .modal-dialog { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .table.table-bordered { border-color: #eee } .table.table-bordered>thead>tr>td, .table.table-bordered>tbody>tr>td, .table.table-bordered>tfood>tr>td, .table.table-bordered>thead>tr>th, .table.table-bordered>tbody>tr>th, .table.table-bordered>tfood>tr>th { border-color: #eee } .table>thead>tr>td, .table>tbody>tr>td, .table>tfood>tr>td, .table>thead>tr>th, .table>tbody>tr>th, .table>tfood>tr>th { padding: 12px 15px } .text-center.table>thead>tr>td, .text-center.table>tbody>tr>td, .text-center.table>tfood>tr>td, .text-center.table>thead>tr>th, .text-center.table>tbody>tr>th, .text-center.table>tfood>tr>th { text-align: center!important } .middle-align.table>thead>tr>td, .middle-align.table>tbody>tr>td, .middle-align.table>tfood>tr>td, .middle-align.table>thead>tr>th, .middle-align.table>tbody>tr>th, .middle-align.table>tfood>tr>th { vertical-align: middle } .table>thead>tr>td.middle-align, .table>tbody>tr>td.middle-align, .table>tfood>tr>td.middle-align, .table>thead>tr>th.middle-align, .table>tbody>tr>th.middle-align, .table>tfood>tr>th.middle-align { vertical-align: middle } .table>thead>tr.no-borders>td, .table>tbody>tr.no-borders>td, .table>tfood>tr.no-borders>td, .table>thead>tr.no-borders>th, .table>tbody>tr.no-borders>th, .table>tfood>tr.no-borders>th { border-left: 0; border-right: 0 } .table>thead>tr>td, .table>thead>tr>th { position: relative; border-bottom: 1px solid #eee; color: #2c2e2f } .table>thead>tr>td:after, .table>thead>tr>th:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 1px; height: 1px; background-color: #eee } .table>tbody>tr>td, .table>tfoot>tr>td, .table>tbody>tr>th, .table>tfoot>tr>th { border-top: 0; border-bottom: 1px solid #eee } .table>tbody>tr>td .progress, .table>tfoot>tr>td .progress, .table>tbody>tr>th .progress, .table>tfoot>tr>th .progress, .table>tbody>tr>td .btn, .table>tfoot>tr>td .btn, .table>tbody>tr>th .btn, .table>tfoot>tr>th .btn { margin-bottom: 0 } .table>tfoot>tr>td, .table>tfoot>tr>th { border-left: 0; border-bottom: 0; border-top: 1px solid #eee; padding: 12px 15px; position: relative; color: #2c2e2f } .table>tfoot>tr>td:after, .table>tfoot>tr>th:after { content: ''; display: block; position: absolute; left: 0; right: 0; top: 1px; height: 1px; background-color: #eee } .table.table-condensed>thead>tr>td, .table.table-condensed>tbody>tr>td, .table.table-condensed>tfoot>tr>td, .table.table-condensed>thead>tr>th, .table.table-condensed>tbody>tr>th, .table.table-condensed>tfoot>tr>th { padding: 5px 8px } .table.table-model-2>thead>tr { background: #f6f6f6 } .table.table-model-2>thead>tr>td:after, .table.table-model-2>thead>tr>th:after { display: none } .table.table-model-2>thead>tr>td, .table.table-model-2>tbody>tr>td, .table.table-model-2>tfood>tr>td, .table.table-model-2>thead>tr>th, .table.table-model-2>tbody>tr>th, .table.table-model-2>tfood>tr>th { border-color: #ddd } .table.table-model-2.table-bordered { border-color: #ddd } .table tbody.middle-align>tr>th, .table tbody.middle-align>tr>td { vertical-align: middle } .panel>.table>thead>tr>td:after, .panel>.table>thead>tr>th:after { display: none } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { padding-bottom: 5px } .dataTables_wrapper .dataTables_filter .form-control { margin-left: 10px } .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { padding-top: 10px } .dataTables_wrapper .DTTT_container { float: right; border: 1px solid #eee; position: relative; margin-top: -2px; margin-left: 20px } .dataTables_wrapper .DTTT_container+.dataTables_filter { float: right } .dataTables_wrapper .DTTT_container .DTTT_button { position: relative; display: block; float: left; padding: 7px 10px } .dataTables_wrapper .DTTT_container .DTTT_button span { position: relative; z-index: 100; cursor: pointer } .dataTables_wrapper .DTTT_container .DTTT_button:hover { background: #f5f5f5 } .dataTables_wrapper .DTTT_container .DTTT_button:hover div { background: #f5f5f5 } .dataTables_wrapper .DTTT_container .DTTT_button+.DTTT_button { border-left: 1px solid #eee } .dataTables_wrapper table.dataTable thead>tr>th { padding-left: 15px; padding-right: 15px } .dataTables_wrapper tr.replace-inputs>th, .dataTables_wrapper tr.replace-inputs>td { vertical-align: top } .dataTables_wrapper tr .dataTables_empty { border-bottom: 1px solid #eee } .dataTables_wrapper tr .yadcf-filter-wrapper { position: relative; margin-top: 10px; border-top: 1px solid #eee; margin-left: -15px; margin-right: -15px; display: block; padding: 10px 15px; padding-bottom: 0 } .dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter-reset-button { margin: 0; padding: 0; background: 0 0; border: 0; height: auto; position: absolute; top: 0; right: 0; padding: 2px 5px; padding-top: 0; background: #f5f5f5; color: #979898; line-height: 1; font-weight: 400; font-size: 11px; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0 } .dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter-reset-button:active, .dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter-reset-button:focus { background: 0 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .dataTables_wrapper tr .yadcf-filter-wrapper:hover .yadcf-filter-reset-button { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1 } .dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter { display: block; width: 100%; margin: 0 } .dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter[type=text] { background: #fff; border: 1px solid #e4e4e4; font-weight: 400; outline: 0; padding: 0 10px; height: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter-wrapper-inner { display: table; width: 100% } .dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter-wrapper-inner .yadcf-filter-range { display: table-cell; width: 100%; background: #fff; border: 1px solid #e4e4e4; font-weight: 400; outline: 0; padding: 0 5px; height: 32px; text-align: center; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter-wrapper-inner .yadcf-filter-range-number-seperator { padding: 0 5px; display: table-cell; width: 10% } .dataTables_wrapper tr .yadcf-filter-wrapper .yadcf-filter-wrapper-inner .yadcf-filter-range-number-seperator:after { content: '–'; color: #979898; font-size: 11px; font-weight: 400 } .dataTables_wrapper .table thead>tr .sorting, .dataTables_wrapper .table thead>tr .sorting_asc, .dataTables_wrapper .table thead>tr .sorting_desc { background: 0 0 } .dataTables_wrapper .table thead>tr .sorting:before, .dataTables_wrapper .table thead>tr .sorting_asc:before, .dataTables_wrapper .table thead>tr .sorting_desc:before { font-family: fontawesome; content: '\f0dc'; float: right; display: block; zoom: 1; filter: alpha(opacity=50); -webkit-opacity: .5; -moz-opacity: .5; opacity: .5 } .dataTables_wrapper .table thead>tr .sorting_asc:before { content: '\f0de' } .dataTables_wrapper .table thead>tr .sorting_desc:before { content: '\f0dd' } .dataTables_wrapper .table thead>tr .no-sorting:before { display: none } .form-horizontal .control-label { text-align: right } .form-horizontal>.form-group:last-child { margin-bottom: 0 } input.form-control.form-focus-primary:focus { border-color: rgba(44, 46, 47, .6); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(44, 46, 47, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(44, 46, 47, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(44, 46, 47, .6) } input.form-control.form-focus-primary:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } input.form-control.form-focus-warning:focus { border-color: rgba(255, 186, 0, .6); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 186, 0, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 186, 0, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 186, 0, .6) } input.form-control.form-focus-warning:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } input.form-control.form-focus-danger:focus { border-color: rgba(204, 63, 68, .6); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 63, 68, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 63, 68, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(204, 63, 68, .6) } input.form-control.form-focus-danger:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } input.form-control.form-focus-success:focus { border-color: rgba(141, 198, 63, .6); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(141, 198, 63, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(141, 198, 63, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(141, 198, 63, .6) } input.form-control.form-focus-success:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } input.form-control.form-focus-info:focus { border-color: rgba(64, 187, 234, .6); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(64, 187, 234, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(64, 187, 234, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(64, 187, 234, .6) } input.form-control.form-focus-info:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } input.form-control.form-focus-purple:focus { border-color: rgba(124, 56, 188, .6); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(124, 56, 188, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(124, 56, 188, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(124, 56, 188, .6) } input.form-control.form-focus-purple:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } input.form-control.form-focus-red:focus { border-color: rgba(213, 8, 15, .6); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(213, 8, 15, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(213, 8, 15, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(213, 8, 15, .6) } input.form-control.form-focus-red:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } input.form-control.form-focus-blue:focus { border-color: rgba(14, 98, 199, .6); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(14, 98, 199, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(14, 98, 199, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(14, 98, 199, .6) } input.form-control.form-focus-blue:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } input.form-control.form-focus-gray:focus { border-color: rgba(200, 200, 200, .6); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(200, 200, 200, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(200, 200, 200, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(200, 200, 200, .6) } input.form-control.form-focus-gray:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } form .help-block { color: #979898 } form .form-block { padding-top: 7px } form .form-group.has-success .help-block, form .form-group.has-success .control-label, form .form-group.has-success .radio, form .form-group.has-success .checkbox, form .form-group.has-success .radio-inline, form .form-group.has-success .checkbox-inline { color: #8dc63f } form .form-group.has-success .form-control { border-color: rgba(141, 198, 63, .4); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } form .form-group.has-success .form-control:focus { border-color: #8dc63f } form .form-group.has-success .input-group-addon { color: #8dc63f; border-color: rgba(141, 198, 63, .4) } form .form-group.has-success .form-control-feedback { color: #8dc63f } form .form-group.has-warning .help-block, form .form-group.has-warning .control-label, form .form-group.has-warning .radio, form .form-group.has-warning .checkbox, form .form-group.has-warning .radio-inline, form .form-group.has-warning .checkbox-inline { color: #ffba00 } form .form-group.has-warning .form-control { border-color: rgba(255, 186, 0, .6); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } form .form-group.has-warning .form-control:focus { border-color: #ffba00 } form .form-group.has-warning .input-group-addon { color: #ffba00; border-color: rgba(255, 186, 0, .6) } form .form-group.has-warning .form-control-feedback { color: #ffba00 } form .form-group.has-error .help-block, form .form-group.has-error .control-label, form .form-group.has-error .radio, form .form-group.has-error .checkbox, form .form-group.has-error .radio-inline, form .form-group.has-error .checkbox-inline { color: #cc3f44 } form .form-group.has-error .form-control { border-color: rgba(204, 63, 68, .4); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } form .form-group.has-error .form-control:focus { border-color: #cc3f44 } form .form-group.has-error .input-group-addon { color: #cc3f44; border-color: rgba(204, 63, 68, .4) } form .form-group.has-error .form-control-feedback { color: #cc3f44 } form .form-group.has-info .help-block, form .form-group.has-info .control-label, form .form-group.has-info .radio, form .form-group.has-info .checkbox, form .form-group.has-info .radio-inline, form .form-group.has-info .checkbox-inline { color: #40bbea } form .form-group.has-info .form-control { border-color: rgba(64, 187, 234, .4); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } form .form-group.has-info .form-control:focus { border-color: #40bbea } form .form-group.has-info .input-group-addon { color: #40bbea; border-color: rgba(64, 187, 234, .4) } form .form-group.has-info .form-control-feedback { color: #40bbea } form .form-group.validate-has-error .form-control { border-color: #cc3f44; color: #cc3f44 } form .form-group.validate-has-error .form-control::-moz-placeholder { color: #cc3f44; opacity: 1 } form .form-group.validate-has-error .form-control:-ms-input-placeholder { color: #cc3f44 } form .form-group.validate-has-error .form-control::-webkit-input-placeholder { color: #cc3f44 } form .form-group.validate-has-error .form-control::-webkit-input-placeholder { color: #cc3f44 } form .form-group.validate-has-error .form-control:-moz-placeholder { color: #cc3f44 } form .form-group.validate-has-error .form-control::-moz-placeholder { color: #cc3f44 } form .form-group.validate-has-error .form-control:-ms-input-placeholder { color: #cc3f44 } form .form-group.validate-has-error .form-control+span { display: block; padding-top: 5px; font-size: 12px; color: #cc3f44 } form.form-inline .form-group+.form-group { margin-left: 5px } form .form-group-separator { height: 1px; background: #eee; margin-bottom: 15px } label[for] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } label.checkbox-inline input[type=checkbox] { margin-top: 2px } label.radio-inline input[type=radio] { margin-top: 2px } .radio input[type=radio], .checkbox input[type=checkbox] { margin-top: 2px } .input-group .btn { margin-bottom: 0 } .input-group.input-group-minimal>.form-control:first-child { border-right: 0; padding-right: 0 } .input-group.input-group-minimal .input-group-addon { background: 0 0; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s, -moz-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .input-group.input-group-minimal .input-group-addon+.form-control { border-left: 0; padding-left: 0 } .input-group.input-group-minimal .input-group-addon+.form-control.no-right-border { padding-right: 0 } .input-group.input-group-minimal.focused .input-group-addon { border-color: rgba(104, 184, 40, .5) } nav.navbar { border: 0 } nav.navbar form>.btn { margin-bottom: 0 } nav.navbar .navbar-header .navbar-brand { padding-left: 30px; padding-right: 30px } nav.navbar .navbar-nav li a { padding-left: 20px; padding-right: 20px } nav.navbar.navbar-inverse .navbar-toggle i { color: #fff } @media print { .sidebar-menu { display: none } .main-content { padding: 0!important } .main-content .user-info-navbar, .main-content .page-title, .main-content footer.main-footer { display: none } .main-content>.panel { margin-bottom: 0 } .main-content>.panel+.panel { margin-top: 30px } } .overflow-hidden { overflow: hidden!important } .vertical-top>* { vertical-align: top } strong+table { margin-top: 10px } .text-small { font-size: 65% } .text-bold { font-weight: 700 } address { padding-left: 20px; border-left: 5px solid #f0f0f0 } .scrollable .scrollable { margin-right: 20px } .super-large { font-size: 66px } .inline { display: inline-block!important } .text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100% } .list-margin { margin: 10px 0 } .list-margin li { padding: 5px 0 } .rotate-45deg { position: relative; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .text-medium { font-size: 12px } .text-bold { font-weight: 700 } .text-bold.h1, .text-bold.h2, .text-bold.h3, .text-bold.h4, .text-bold.h5, .text-bold.h6 { font-weight: 700 } .text-upper { text-transform: uppercase } .chart-item-bg { position: relative; background: #fff; width: 100%; margin-bottom: 30px } .chart-item-bg .chart-label { position: absolute; left: 0; top: 0; padding: 30px; font-size: 15px } .chart-item-bg .chart-label.chart-label-small { padding: 20px } .chart-item-bg .chart-label .h1, .chart-item-bg .chart-label .h2, .chart-item-bg .chart-label .h3, .chart-item-bg .chart-label .h4 { margin: 0; padding: 0 } .chart-item-bg .chart-right-legend { position: absolute; left: 0; top: 0; padding: 30px; font-size: 15px; left: auto; right: 0 } .chart-item-bg .chart-right-legend.chart-label-small { padding: 20px } .chart-item-bg .chart-right-legend .h1, .chart-item-bg .chart-right-legend .h2, .chart-item-bg .chart-right-legend .h3, .chart-item-bg .chart-right-legend .h4 { margin: 0; padding: 0 } .chart-item-bg .chart-inner { padding: 20px } .chart-item-bg .chart-inner-wide { padding: 20px 40px } .chart-item-bg .chart-entry-view { border-top: 1px solid #eee; display: table; table-layout: fixed; width: 100% } .chart-item-bg .chart-entry-view>div { display: table-cell; vertical-align: middle; padding: 20px 30px; color: #979898; font-size: 14px } .chart-item-bg .chart-entry-view:hover { background: #fafafa } .chart-item-bg-2 { background: #fff; display: table; width: 100%; margin-bottom: 30px } .chart-item-bg-2>div { display: table-cell; padding: 15px; vertical-align: middle } .chart-item-bg-2 .chart-item-num { padding-left: 40px; font-size: 90px; color: #434444; padding-right: 30px; white-space: nowrap } .chart-item-bg-2 .chart-item-num.num-sm { font-size: 70px } .chart-item-bg-2 .chart-item-env>div { margin: 10px 0 } .skin-color-palette-entry { margin-top: 10px } .skin-color-palette { display: block; border: 1px solid #f0f0f0; margin-right: 20px } .skin-color-palette>span { float: left; width: 16.66666667%; height: 20px } .skin-color-palette>span+span { border-left: 0 solid #fff } .skin-color-palette.skin-color-palette-four>span { width: 25% } .skin-name-link { font-weight: 700; color: #2c2e2f } .skin-name-link:hover { color: #68b828 } .bs-example { line-height: 1.85 } .bs-example .label { margin-left: 2px } .same-margin>* { margin-top: 0; margin-bottom: 15px } .same-margin>:last-child { margin-bottom: 0 } .vspacer { height: 80px } .vspacer.v2 { height: 15px } .vspacer.v3 { height: 30px; display: block!important } .vspacer.v4 { height: 10px; display: block!important } @media screen and (max-width:768px) { .vspacer { display: none } .vspacer.v2 { display: block } } .img-container { margin-bottom: 20px } .img-shade { display: block; background: #f5f5f5; text-align: center; line-height: 0; margin-bottom: 20px } .img-preview { display: inline-block; overflow: hidden; background: #f7f7f7; line-height: 1 } .img-preview img { display: block } .no-left-border { border-left: 0!important } .no-right-border { border-right: 0!important } .no-top-margin { margin-top: 0!important } .no-padding { padding: 0!important } .no-margin { margin: 0!important } .no-transition { -webkit-transition: none!important; -moz-transition: none!important; -o-transition: none!important; transition: none!important } img.img-cirlce { -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box } .col-margin.row>* { margin-bottom: 20px } .col-margin.row>:last-child { margin-bottom: 0 } .ckeditor+.cke { margin-top: 20px; margin-bottom: 30px } [class*=fa-] { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } div.scrollable { max-height: 200px; overflow: hidden; position: relative } .icon-collection .page-header { margin: 0; margin-bottom: 10px } .icon-collection section .page-header { margin-top: 40px } .icon-collection .fontawesome-icon-list { margin-left: -15px; margin-right: -15px } .icon-collection .fontawesome-icon-list .fa-hover { float: left; width: 25%; margin-bottom: 10px } .icon-collection .fontawesome-icon-list .fa-hover .icon-str { display: block; background: #fff; border: 1px solid #ddd; margin: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .icon-collection .fontawesome-icon-list .fa-hover .icon-str>i { display: block; float: left; position: relative; background: #fafafa; border-right: 1px solid #e9e9e9; padding: 10px; text-align: center; width: 25% } .icon-collection .fontawesome-icon-list .fa-hover .icon-str>i:hover { width: 60%; background: #68b828; color: #fff } .icon-collection .fontawesome-icon-list .fa-hover .icon-str>i:hover+span { width: 40% } .icon-collection .fontawesome-icon-list .fa-hover .icon-str>span { display: block; float: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; padding: 10px; padding-bottom: 8px; width: 75%; color: #7d7f7f; font-family: Arimo, "Helvetica Neue", Helvetica, Arial, sans-serif } .icon-collection .fontawesome-icon-list .fa-hover .icon-str>span:hover { color: #2c2e2f } @media (max-width:991px) { .icon-collection .fontawesome-icon-list .fa-hover { width: 33% } } @media (max-width:767px) { .icon-collection .fontawesome-icon-list .fa-hover { width: 50% } } .layout-variants { background: #fff; padding: 30px; margin-bottom: 30px } .layout-variants .row-clearer { clear: both; height: 15px } .layout-variants .layout-variant { display: block; margin-bottom: 20px; padding: 15px; border: 1px solid transparent } .layout-variants .layout-variant:hover, .layout-variants .layout-variant.layout-current { background: rgba(240, 240, 240, .2); border-color: #f0f0f0 } .layout-variants .layout-variant:hover .layout-name a, .layout-variants .layout-variant.layout-current .layout-name a { color: #2c2e2f } .layout-variants .layout-variant .layout-img { margin-bottom: 15px } .layout-variants .layout-variant .layout-img img { display: block; width: 100% } .layout-variants .layout-variant .layout-name { font-weight: 700 } .layout-variants .layout-variant .layout-name a { color: #6a6e71; max-width: 218px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100% } .layout-variants .layout-variant .layout-name:after { display: block; content: ''; width: 20px; height: 1px; background: #ccc; margin: 5.88px 0 } .layout-variants .layout-variant .layout-links { list-style: none; margin: 0; padding: 0 } .layout-variants .layout-variant .layout-links li { margin: 2px 0 } .layout-variants .layout-variant .layout-links li a { color: #979898; font-size: 10px; text-transform: uppercase } .layout-variants .layout-variant .layout-links li a:hover, .layout-variants .layout-variant .layout-links li a.layout-mode-current { color: #4b4b4b } .layout-variants .layout-variant .layout-links li a.layout-mode-current { font-weight: 700 } .layout-variants .layout-variant .layout-links li a.disabled { cursor: not-allowed; color: #979898 } .dx-warning { background: #FFF; border: 5px solid #ffba00; padding: 20px; margin-bottom: 30px } .dx-warning h2 { margin: 0; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #f0f0f0 } .dx-warning ol { margin-top: 20px } .dx-warning li { margin: 5px 0 } .loader-1 { -webkit-animation: loaderAnimate 1000ms linear infinite; -moz-animation: loaderAnimate 1000ms linear infinite; -o-animation: loaderAnimate 1000ms linear infinite; animation: loaderAnimate 1000ms linear infinite; clip: rect(0, 30px, 30px, 15px); height: 30px; width: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px } lesshat-selector { -lh-property: 0 } @-webkit-keyframes loaderAnimate { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(220deg) } } @-moz-keyframes loaderAnimate { 0% { -moz-transform: rotate(0deg) } 100% { -moz-transform: rotate(220deg) } } @-o-keyframes loaderAnimate { 0% { -o-transform: rotate(0deg) } 100% { -o-transform: rotate(220deg) } } @keyframes loaderAnimate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(220deg); -moz-transform: rotate(220deg); -ms-transform: rotate(220deg); transform: rotate(220deg) } } lesshat-selector { -lh-property: 0 } @-webkit-keyframes loaderAnimate2 { 0% { box-shadow: inset #555 0 0 0 8px; -webkit-transform: rotate(-140deg) } 50% { box-shadow: inset #555 0 0 0 2px } 100% { box-shadow: inset #555 0 0 0 8px; -webkit-transform: rotate(140deg) } } @-moz-keyframes loaderAnimate2 { 0% { box-shadow: inset #555 0 0 0 8px; -moz-transform: rotate(-140deg) } 50% { box-shadow: inset #555 0 0 0 2px } 100% { box-shadow: inset #555 0 0 0 8px; -moz-transform: rotate(140deg) } } @-o-keyframes loaderAnimate2 { 0% { box-shadow: inset #555 0 0 0 8px; -o-transform: rotate(-140deg) } 50% { box-shadow: inset #555 0 0 0 2px } 100% { box-shadow: inset #555 0 0 0 8px; -o-transform: rotate(140deg) } } @keyframes loaderAnimate2 { 0% { box-shadow: inset #555 0 0 0 8px; -webkit-transform: rotate(-140deg); -moz-transform: rotate(-140deg); -ms-transform: rotate(-140deg); transform: rotate(-140deg) } 50% { box-shadow: inset #555 0 0 0 2px } 100% { box-shadow: inset #555 0 0 0 8px; -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); transform: rotate(140deg) } } .loader-1:after { -webkit-animation: loaderAnimate2 1000ms ease-in-out infinite; -moz-animation: loaderAnimate2 1000ms ease-in-out infinite; -o-animation: loaderAnimate2 1000ms ease-in-out infinite; animation: loaderAnimate2 1000ms ease-in-out infinite; clip: rect(0, 30px, 30px, 15px); content: ''; border-radius: 50%; height: 30px; width: 30px; position: absolute } @keyframes loaderAnimate2 { 0% { box-shadow: inset #fff 0 0 0 17px; transform: rotate(-140deg) } 50% { box-shadow: inset #fff 0 0 0 2px } 100% { box-shadow: inset #fff 0 0 0 17px; transform: rotate(140deg) } } .loader-2 { -webkit-animation: loaderAnimate2 1000ms linear infinite; -moz-animation: loaderAnimate2 1000ms linear infinite; -o-animation: loaderAnimate2 1000ms linear infinite; animation: loaderAnimate2 1000ms linear infinite; clip: rect(0, 30px, 30px, 15px); height: 30px; width: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px } lesshat-selector { -lh-property: 0 } @-webkit-keyframes loaderAnimate2 { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(220deg) } } @-moz-keyframes loaderAnimate2 { 0% { -moz-transform: rotate(0deg) } 100% { -moz-transform: rotate(220deg) } } @-o-keyframes loaderAnimate2 { 0% { -o-transform: rotate(0deg) } 100% { -o-transform: rotate(220deg) } } @keyframes loaderAnimate2 { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(220deg); -moz-transform: rotate(220deg); -ms-transform: rotate(220deg); transform: rotate(220deg) } } lesshat-selector { -lh-property: 0 } @-webkit-keyframes loaderAnimate22 { 0% { box-shadow: inset #fff 0 0 0 8px; -webkit-transform: rotate(-140deg) } 50% { box-shadow: inset #fff 0 0 0 2px } 100% { box-shadow: inset #fff 0 0 0 8px; -webkit-transform: rotate(140deg) } } @-moz-keyframes loaderAnimate22 { 0% { box-shadow: inset #fff 0 0 0 8px; -moz-transform: rotate(-140deg) } 50% { box-shadow: inset #fff 0 0 0 2px } 100% { box-shadow: inset #fff 0 0 0 8px; -moz-transform: rotate(140deg) } } @-o-keyframes loaderAnimate22 { 0% { box-shadow: inset #fff 0 0 0 8px; -o-transform: rotate(-140deg) } 50% { box-shadow: inset #fff 0 0 0 2px } 100% { box-shadow: inset #fff 0 0 0 8px; -o-transform: rotate(140deg) } } @keyframes loaderAnimate22 { 0% { box-shadow: inset #fff 0 0 0 8px; -webkit-transform: rotate(-140deg); -moz-transform: rotate(-140deg); -ms-transform: rotate(-140deg); transform: rotate(-140deg) } 50% { box-shadow: inset #fff 0 0 0 2px } 100% { box-shadow: inset #fff 0 0 0 8px; -webkit-transform: rotate(140deg); -moz-transform: rotate(140deg); -ms-transform: rotate(140deg); transform: rotate(140deg) } } .loader-2:after { -webkit-animation: loaderAnimate22 1000ms ease-in-out infinite; -moz-animation: loaderAnimate22 1000ms ease-in-out infinite; -o-animation: loaderAnimate22 1000ms ease-in-out infinite; animation: loaderAnimate22 1000ms ease-in-out infinite; clip: rect(0, 30px, 30px, 15px); content: ''; border-radius: 50%; height: 30px; width: 30px; position: absolute } @keyframes loaderAnimate22 { 0% { box-shadow: inset #fff 0 0 0 17px; transform: rotate(-140deg) } 50% { box-shadow: inset #fff 0 0 0 2px } 100% { box-shadow: inset #fff 0 0 0 17px; transform: rotate(140deg) } } .page-loading-overlay { position: fixed; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; background: #2c2e2f; z-index: 10000; -webkit-perspective: 10000; -moz-perspective: 10000; perspective: 10000; -webkit-perspective: 10000px; -moz-perspective: 10000px; perspective: 10000px; zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; -webkit-transition: all 800ms ease-in-out; -moz-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out } .page-loading-overlay.loaded { zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; visibility: hidden } .tocify.full-width { width: 100%!important } img.img-corona { -webkit-box-shadow: 0 0 0 4px rgba(221, 221, 221, .3); -moz-box-shadow: 0 0 0 4px rgba(221, 221, 221, .3); box-shadow: 0 0 0 4px rgba(221, 221, 221, .3) } .highlights { margin-bottom: 20px } .highlights li { display: block; margin: 0 } .highlights li.version+li { margin-top: 20px } .highlights li h4 { margin-bottom: 0 } .highlights li+li { margin-top: 50px } .highlights .entry-img { display: block; float: left; width: 30%; padding-right: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .highlights .entry-img img { display: block; border: 1px solid rgba(0, 0, 0, .2); -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); max-width: 100% } .highlights .entry-description { float: left; width: 70% } .highlights .entry-description h3 { margin-top: 10px; color: #2c2e2f } @media screen and (max-width:768px) { .highlights .entry-description h3 { font-size: 19px; margin-bottom: 15px } } .highlights .entry-description h3 a { color: #2c2e2f } @media screen and (min-width:1500px) { .highlights .entry-img { width: 21% } .highlights .entry-description { width: 79% } } @media screen and (max-width:992px) { .highlights .entry-img { width: 35% } .highlights .entry-description { width: 65% } } @media screen and (max-width:768px) { .highlights .entry-img, .highlights .entry-description { float: none; width: 100%; text-align: center } .highlights .entry-img { padding-bottom: 20px; padding-top: 20px; padding-right: 0 } .highlights .entry-img img { display: inline-block } .highlights .entry-description p { text-align: left } } @media screen and (max-width:768px) { .text-left-sm { text-align: left } } @media screen and (max-width:768px) { .text-center-sm { text-align: center } } @media screen and (max-width:768px) { .text-right-sm { text-align: right } } @media screen and (min-width:992px) { .pull-right-md { float: right } } @media screen and (min-width:768px) { .pull-right-sm { float: right } } pre.pre-line { white-space: pre-line } a:hover { text-decoration: none } label { font-weight: 400 } .label { -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box } .dropdown-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .dropdown-menu>li>a { padding: 5px 20px } .dropdown-menu>li>a>i { display: inline-block; margin-right: 5px } .left-dropdown .btn { float: right } .left-dropdown .btn.dropdown-toggle { float: left } .form-control { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .form-control:focus, .form-control:active { outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 400 } .btn-group+.btn-group { margin-left: 5px } .alert.alert-dismissable { padding-right: 20px } .alert.alert-dismissable .close { right: -10px; top: 0 } .alert .close { position: relative; margin-top: -2px; outline: 0; color: #000 } .alert .close span { text-shadow: none } .alert.alert-default { background-color: #eee; border-color: #eee; color: #333 } .alert.alert-default hr { border-top-color: #e1e1e1 } .alert.alert-default .alert-link { color: #1a1a1a } .alert.alert-white { background-color: #fff; border-color: #eee; color: #333 } .alert.alert-white hr { border-top-color: #e1e1e1 } .alert.alert-white .alert-link { color: #1a1a1a } .alert.alert-black { background-color: #000; border-color: #000; color: #fff } .alert.alert-black hr { border-top-color: #000 } .alert.alert-black .alert-link { color: #e6e6e6 } .alert.alert-black .close { zoom: 1; filter: alpha(opacity=50); -webkit-opacity: .5; -moz-opacity: .5; opacity: .5 } .alert.alert-black .close span { color: #FFF } .alert.alert-black .close:hover { zoom: 1; filter: alpha(opacity=90); -webkit-opacity: .9; -moz-opacity: .9; opacity: .9 } .progress { height: 6px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .progress.progress-bar-purple>.progress-bar { background-color: #7c38bc } .progress-striped .progress.progress-bar-purple>.progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress.progress-bar-blue>.progress-bar { background-color: #0e62c7 } .progress-striped .progress.progress-bar-blue>.progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress.progress-bar-red>.progress-bar { background-color: #d5080f } .progress-striped .progress.progress-bar-red>.progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress.progress-bar-black>.progress-bar { background-color: #222 } .progress-striped .progress.progress-bar-black>.progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress.progress-bar-gray>.progress-bar { background-color: #ccc } .progress-striped .progress.progress-bar-gray>.progress-bar { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress .progress-bar { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .progress .progress-bar.progress-bar-purple { background-color: #7c38bc } .progress-striped .progress .progress-bar.progress-bar-purple { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress .progress-bar.progress-bar-blue { background-color: #0e62c7 } .progress-striped .progress .progress-bar.progress-bar-blue { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress .progress-bar.progress-bar-red { background-color: #d5080f } .progress-striped .progress .progress-bar.progress-bar-red { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress .progress-bar.progress-bar-black { background-color: #222 } .progress-striped .progress .progress-bar.progress-bar-black { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress .progress-bar.progress-bar-gray { background-color: #ccc } .progress-striped .progress .progress-bar.progress-bar-gray { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .list-group .list-group-item { padding: 15px 20px } .list-group .list-group-item .list-group-item-text { margin-top: 10px } .list-group.list-group-minimal .list-group-item { padding: 10px 15px } .badge-roundless { -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box } mark, .mark { background-color: rgba(255, 186, 0, .5); color: #666; padding-left: 5px; padding-right: 5px } .text-muted { color: #9d9d9d } .text-primary { color: #2c2e2f } a.text-primary:hover { color: #131415 } .text-secondary { color: #68b828 } a.text-secondary:hover { color: #508e1f } .text-purple { color: #7c38bc } a.text-purple:hover { color: #622c95 } .text-turquoise { color: #00b19d } a.text-turquoise:hover { color: #007e70 } .text-red { color: #d5080f } a.text-red:hover { color: #a4060c } .text-blue { color: #0e62c7 } a.text-blue:hover { color: #0b4b97 } .text-pink { color: #ff6264 } a.text-pink:hover { color: #ff2f32 } .text-yellow { color: #fcd036 } a.text-yellow:hover { color: #fbc404 } .text-gray { color: #555 } a.text-gray:hover { color: #3b3b3b } .text-success { color: #8dc63f } a.text-success:hover { color: #72a230 } .text-info { color: #40bbea } a.text-info:hover { color: #18a8df } .text-warning { color: #ffba00 } a.text-warning:hover { color: #cc9500 } .text-danger { color: #cc3f44 } a.text-danger:hover { color: #ab2d32 } .text-white { color: #fff } a.text-white:hover { color: #e6e6e6 } .bg-muted, .bg-gray, .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger { padding: 10px 15px; color: #fff } .bg-muted { background-color: #d0d0d0 } .bg-gray { background-color: #eee } pre { white-space: pre-wrap; font-size: 12px } .page-body .jumbotron { padding: 0; padding-top: 0!important; padding-bottom: 48px; margin-bottom: 20px } .page-body .jumbotron>h1 { margin-top: 0; margin-bottom: 20px } @media screen and (max-width:768px) { .page-body .jumbotron { padding-left: 0; padding-right: 0 } } @media screen and (min-width:768px) { .page-body .jumbotron { padding-top: 15px; padding-bottom: 48px } }

常用推荐

社区资讯

发现产品

界面灵感

网页灵感

图标素材

LOGO设计

平面素材

UI资源

Sketch资源

字体资源

Mockup

摄影图库

PPT资源

图形创意

界面设计

交互动效