You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@trafficcontrol.apache.org by da...@apache.org on 2017/06/30 22:41:33 UTC
[03/52] [partial] incubator-trafficcontrol git commit: promotes TO
experimental UI to the new Traffic Portal
http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/blob/3195e0cc/traffic_portal/app/src/styles/theme.scss
----------------------------------------------------------------------
diff --git a/traffic_portal/app/src/styles/theme.scss b/traffic_portal/app/src/styles/theme.scss
new file mode 100644
index 0000000..fc909aa
--- /dev/null
+++ b/traffic_portal/app/src/styles/theme.scss
@@ -0,0 +1,4159 @@
+/*!
+ * gentelella v1.3.0
+ * https://colorlib.com/polygon/gentelella/index.html
+ * Copyright (c) 2016 Aigars Silkalns & Colorlib
+ * License: MIT
+ */
+
+.daterangepicker .ranges li {
+ color: #73879C
+}
+.daterangepicker .ranges li.active,
+.daterangepicker .ranges li:hover {
+ background: #536A7F;
+ border: 1px solid #536A7F;
+ color: #fff
+}
+.daterangepicker .input-mini {
+ background-color: #eee;
+ border: 1px solid #ccc;
+ box-shadow: none !important
+}
+.daterangepicker .input-mini.active {
+ border: 1px solid #ccc
+}
+.daterangepicker select.monthselect,
+.daterangepicker select.yearselect,
+.daterangepicker select.hourselect,
+.daterangepicker select.minuteselect,
+.daterangepicker select.secondselect,
+.daterangepicker select.ampmselect {
+ font-size: 12px;
+ padding: 1px;
+ height: auto;
+ margin: 0;
+ cursor: default;
+ height: 30px;
+ border: 1px solid #ADB2B5;
+ line-height: 30px;
+ border-radius: 0px !important
+}
+.daterangepicker select.monthselect {
+ margin-right: 2%
+}
+.daterangepicker td.in-range {
+ background: #E4E7EA;
+ color: #73879C
+}
+.daterangepicker td.active,
+.daterangepicker td.active:hover {
+ background-color: #536A7F;
+ color: #fff
+}
+.daterangepicker th.available:hover {
+ background: #eee;
+ color: #34495E
+}
+.daterangepicker:before,
+.daterangepicker:after {
+ content: none
+}
+.daterangepicker .calendar.single {
+ margin: 0 0 4px 0
+}
+.daterangepicker .calendar.single .calendar-table {
+ width: 224px;
+ padding: 0 0 4px 0 !important
+}
+.daterangepicker .calendar.single .calendar-table thead tr:first-child th {
+ padding: 8px 5px
+}
+.daterangepicker .calendar.single .calendar-table thead th {
+ border-radius: 0
+}
+.daterangepicker.picker_1 {
+ color: #fff;
+ background: #34495E
+}
+.daterangepicker.picker_1 .calendar-table {
+ background: #34495E
+}
+.daterangepicker.picker_1 .calendar-table thead tr {
+ background: #213345
+}
+.daterangepicker.picker_1 .calendar-table thead tr:first-child {
+ background: #1ABB9C
+}
+.daterangepicker.picker_1 .calendar-table td.off {
+ background: #34495E;
+ color: #999
+}
+.daterangepicker.picker_1 .calendar-table td.available:hover {
+ color: #34495E
+}
+.daterangepicker.picker_2 .calendar-table thead tr {
+ color: #1ABB9C
+}
+.daterangepicker.picker_2 .calendar-table thead tr:first-child {
+ color: #73879C
+}
+.daterangepicker.picker_3 .calendar-table thead tr:first-child {
+ color: #fff;
+ background: #1ABB9C
+}
+.daterangepicker.picker_4 .calendar-table thead tr:first-child {
+ color: #fff;
+ background: #34495E
+}
+.daterangepicker.picker_4 .calendar-table td,
+.daterangepicker.picker_4 .calendar-table td.off {
+ background: #ECF0F1;
+ border: 1px solid #fff;
+ border-radius: 0
+}
+.daterangepicker.picker_4 .calendar-table td.active {
+ background: #34495E
+}
+.calendar-exibit .show-calendar {
+ float: none;
+ display: block;
+ position: relative;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ margin-bottom: 20px;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ overflow: hidden
+}
+.calendar-exibit .show-calendar .calendar {
+ margin: 0 0 4px 0
+}
+.calendar-exibit .show-calendar.picker_1 {
+ background: #34495E
+}
+.calendar-exibit .calendar-table {
+ padding: 0 0 4px 0
+}
+.left_col {
+ background: #2A3F54
+}
+.nav-sm .container.body .col-md-3.left_col {
+ min-height: 100%;
+ width: 70px;
+ padding: 0;
+ z-index: 9999;
+ position: absolute
+}
+.nav-sm .container.body .col-md-3.left_col.menu_fixed {
+ position: fixed;
+ height: 100%
+}
+.nav-sm .container.body .col-md-3.left_col .mCSB_container,
+.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
+ overflow: visible
+}
+.nav-sm .hidden-small {
+ visibility: hidden
+}
+.nav-sm .container.body .right_col {
+ padding: 10px 20px;
+ margin-left: 70px;
+ z-index: 2
+}
+.nav-sm .navbar.nav_title {
+ width: 70px
+}
+.nav-sm .navbar.nav_title a span {
+ display: none
+}
+.nav-sm .navbar.nav_title a i {
+ font-size: 27px;
+ margin: 13px 0 0 3px
+}
+.site_title i {
+ border: 1px solid #EAEAEA;
+ padding: 5px 6px;
+ border-radius: 50%
+}
+.nav-sm .main_container .top_nav {
+ display: block;
+ margin-left: 70px;
+ z-index: 2
+}
+.nav-sm .nav.side-menu li a {
+ text-align: center !important;
+ font-weight: 400;
+ font-size: 10px;
+ padding: 10px 5px
+}
+.nav-sm .nav.child_menu li.active,
+.nav-sm .nav.side-menu li.active-sm {
+ border-right: 5px solid #1ABB9C
+}
+.nav-sm ul.nav.child_menu ul,
+.nav-sm .nav.side-menu li.active-sm ul ul {
+ position: static;
+ width: 200px;
+ background: none
+}
+.nav-sm>.nav.side-menu>li.active-sm>a {
+ color: #1ABB9C !important
+}
+.nav-sm .nav.side-menu li a i.toggle-up {
+ display: none !important
+}
+.nav-sm .nav.side-menu li a i {
+ font-size: 25px !important;
+ text-align: center;
+ width: 100% !important;
+ margin-bottom: 5px
+}
+.nav-sm ul.nav.child_menu {
+ left: 100%;
+ position: absolute;
+ top: 0;
+ width: 210px;
+ z-index: 4000;
+ background: #3E5367;
+ display: none
+}
+.nav-sm ul.nav.child_menu li {
+ padding: 0 10px
+}
+.nav-sm ul.nav.child_menu li a {
+ text-align: left !important
+}
+.nav-sm .profile {
+ display: none
+}
+.menu_section {
+ margin-bottom: 35px
+}
+.menu_section h3 {
+ padding-left: 15px;
+ color: #fff;
+ text-transform: uppercase;
+ letter-spacing: .5px;
+ font-weight: bold;
+ font-size: 11px;
+ margin-bottom: 0;
+ margin-top: 0;
+ text-shadow: 1px 1px #000
+}
+.menu_section>ul {
+ margin-top: 10px
+}
+.profile_pic {
+ width: 35%;
+ float: left
+}
+.img-circle.profile_img {
+ width: 70%;
+ background: #fff;
+ margin-left: 15%;
+ z-index: 1000;
+ position: inherit;
+ margin-top: 20px;
+ border: 1px solid rgba(52, 73, 94, 0.44);
+ padding: 4px
+}
+.profile_info {
+ padding: 25px 10px 10px;
+ width: 65%;
+ float: left
+}
+.profile_info span {
+ font-size: 13px;
+ line-height: 30px;
+ color: #BAB8B8
+}
+.profile_info h2 {
+ font-size: 14px;
+ color: #ECF0F1;
+ margin: 0;
+ font-weight: 300
+}
+.profile.img_2 {
+ text-align: center
+}
+.profile.img_2 .profile_pic {
+ width: 100%
+}
+.profile.img_2 .profile_pic .img-circle.profile_img {
+ width: 50%;
+ margin: 10px 0 0
+}
+.profile.img_2 .profile_info {
+ padding: 15px 10px 0;
+ width: 100%;
+ margin-bottom: 10px;
+ float: left
+}
+.main_menu span.fa {
+ float: right;
+ text-align: center;
+ margin-top: 5px;
+ font-size: 10px;
+ min-width: inherit;
+ color: #C4CFDA
+}
+.active a span.fa {
+ text-align: right !important;
+ margin-right: 4px
+}
+.nav-sm .menu_section {
+ margin: 0
+}
+.nav-sm span.fa,
+.nav-sm .menu_section h3 {
+ display: none
+}
+.nav-sm li li span.fa {
+ display: inline-block
+}
+.nav_menu {
+ float: left;
+ background: #EDEDED;
+ border-bottom: 1px solid #D9DEE4;
+ margin-bottom: 10px;
+ width: 100%;
+ position: relative
+}
+@media (min-width: 480px) {
+ .nav_menu {
+ position: static
+ }
+}
+.nav-md .container.body .col-md-3.left_col {
+ min-height: 100%;
+ width: 230px;
+ padding: 0;
+ position: absolute;
+ display: -ms-flexbox;
+ display: flex;
+ z-index: 1
+}
+.nav-md .container.body .col-md-3.left_col.menu_fixed {
+ height: 100%;
+ position: fixed
+}
+body .container.body .right_col {
+ background: #F7F7F7
+}
+.nav-md .container.body .right_col {
+ padding: 10px 20px 0;
+ margin-left: 230px
+}
+.nav_title {
+ width: 230px;
+ float: left;
+ background: #2A3F54;
+ border-radius: 0;
+ height: 57px
+}
+@media (max-width: 991px) {
+ .nav-md .container.body .right_col,
+ .nav-md .container.body .top_nav {
+ width: 100%;
+ margin: 0
+ }
+ .nav-md .container.body .col-md-3.left_col {
+ display: none
+ }
+ .nav-md .container.body .right_col {
+ width: 100%;
+ padding-right: 0
+ }
+ .right_col {
+ padding: 10px !important
+ }
+}
+@media (max-width: 1200px) {
+ .x_title h2 {
+ width: 62%;
+ font-size: 17px
+ }
+ .tile,
+ .graph {
+ zoom: 85%;
+ height: inherit
+ }
+}
+@media (max-width: 1270px) and (min-width: 192px) {
+ .x_title h2 small {
+ display: none
+ }
+}
+.left_col .mCSB_scrollTools {
+ width: 6px
+}
+.left_col .mCSB_dragger {
+ max-height: 400px !important
+}
+.blue {
+ color: #3498DB
+}
+.purple {
+ color: #9B59B6
+}
+.green {
+ color: #1ABB9C
+}
+.aero {
+ color: #9CC2CB
+}
+.red {
+ color: #E74C3C
+}
+.dark {
+ color: #34495E
+}
+.border-blue {
+ border-color: #3498DB !important
+}
+.border-purple {
+ border-color: #9B59B6 !important
+}
+.border-green {
+ border-color: #1ABB9C !important
+}
+.border-aero {
+ border-color: #9CC2CB !important
+}
+.border-red {
+ border-color: #E74C3C !important
+}
+.border-dark {
+ border-color: #34495E !important
+}
+.bg-white {
+ background: #fff !important;
+ border: 1px solid #fff !important;
+ color: #73879C
+}
+.bg-green {
+ background: #1ABB9C !important;
+ border: 1px solid #1ABB9C !important;
+ color: #fff
+}
+.bg-red {
+ background: #E74C3C !important;
+ border: 1px solid #E74C3C !important;
+ color: #fff
+}
+.bg-blue {
+ background: #3498DB !important;
+ border: 1px solid #3498DB !important;
+ color: #fff
+}
+.bg-orange {
+ background: #F39C12 !important;
+ border: 1px solid #F39C12 !important;
+ color: #fff
+}
+.bg-purple {
+ background: #9B59B6 !important;
+ border: 1px solid #9B59B6 !important;
+ color: #fff
+}
+.bg-blue-sky {
+ background: #50C1CF !important;
+ border: 1px solid #50C1CF !important;
+ color: #fff
+}
+.container {
+ width: 100%;
+ padding: 0
+}
+.navbar-nav>li>a,
+.navbar-brand,
+.navbar-nav>li>a {
+ color: #fff !important
+}
+.top_nav .nav>li>a:focus,
+.top_nav .nav>li>a:hover,
+.top_nav .nav .open>a,
+.top_nav .nav .open>a:focus,
+.top_nav .nav .open>a:hover {
+ background: #D9DEE4
+}
+body {
+ color: #73879C;
+ background: #2A3F54;
+ font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
+ font-size: 13px;
+ font-weight: 400;
+ line-height: 1.471
+}
+.main_container .top_nav {
+ display: block;
+ margin-left: 230px
+}
+.no-padding {
+ padding: 0 !important
+}
+.page-title {
+ width: 100%;
+ height: 65px;
+ padding: 10px 0
+}
+.page-title .title_left {
+ width: 45%;
+ float: left;
+ display: block
+}
+.page-title .title_left h3 {
+ margin: 9px 0
+}
+.page-title .title_right {
+ width: 55%;
+ float: left;
+ display: block
+}
+.page-title .title_right .pull-right {
+ margin: 10px 0
+}
+.fixed_height_320 {
+ height: 320px
+}
+.fixed_height_390 {
+ height: 390px
+}
+.fixed_height_200 {
+ height: 200px
+}
+.overflow_hidden {
+ overflow: hidden
+}
+.progress-bar-dark {
+ background-color: #34495E !important
+}
+.progress-bar-gray {
+ background-color: #BDC3C7 !important
+}
+table.no-margin .progress {
+ margin-bottom: 0
+}
+.main_content {
+ padding: 10px 20px
+}
+.col-md-55 {
+ width: 50%;
+ margin-bottom: 10px
+}
+@media (min-width: 768px) {
+ .col-md-55 {
+ width: 20%
+ }
+}
+@media (min-width: 992px) {
+ .col-md-55 {
+ width: 20%
+ }
+}
+@media (min-width: 1200px) {
+ .col-md-55 {
+ width: 20%
+ }
+}
+@media (min-width: 192px) and (max-width: 1270px) {
+ table.tile_info span.right {
+ margin-right: 7px;
+ float: left
+ }
+}
+.center-margin {
+ margin: 0 auto;
+ float: none !important
+}
+.col-md-55,
+.col-xs-1,
+.col-sm-1,
+.col-md-1,
+.col-lg-1,
+.col-xs-2,
+.col-sm-2,
+.col-md-2,
+.col-lg-2,
+.col-xs-3,
+.col-sm-3,
+.col-md-3,
+.col-lg-3,
+.col-xs-4,
+.col-sm-4,
+.col-md-4,
+.col-lg-4,
+.col-xs-5,
+.col-sm-5,
+.col-md-5,
+.col-lg-5,
+.col-xs-6,
+.col-sm-6,
+.col-md-6,
+.col-lg-6,
+.col-xs-7,
+.col-sm-7,
+.col-md-7,
+.col-lg-7,
+.col-xs-8,
+.col-sm-8,
+.col-md-8,
+.col-lg-8,
+.col-xs-9,
+.col-sm-9,
+.col-md-9,
+.col-lg-9,
+.col-xs-10,
+.col-sm-10,
+.col-md-10,
+.col-lg-10,
+.col-xs-11,
+.col-sm-11,
+.col-md-11,
+.col-lg-11,
+.col-xs-12,
+.col-sm-12,
+.col-md-12,
+.col-lg-12 {
+ position: relative;
+ min-height: 1px;
+ float: left;
+ padding-right: 10px;
+ padding-left: 10px
+}
+.row {
+ margin-right: -10px;
+ margin-left: -10px
+}
+.grid_slider .col-md-6 {
+ padding: 0 40px
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+ margin-top: 10px;
+ margin-bottom: 10px
+}
+a {
+ color: #5A738E;
+ text-decoration: none
+}
+a,
+a:visited,
+a:focus,
+a:active,
+:visited,
+:focus,
+:active,
+.btn:focus,
+.btn:active:focus,
+.btn.active:focus,
+.btn.focus,
+.btn:active.focus,
+.btn.active.focus {
+ outline: 0
+}
+a:hover,
+a:focus {
+ text-decoration: none
+}
+.navbar {
+ margin-bottom: 0
+}
+.navbar-header {
+ background: #34495E
+}
+.navbar-right {
+ margin-right: 0
+}
+.top_nav .navbar-right {
+ margin: 0;
+ width: 70%;
+ float: right
+}
+.top_nav .navbar-right li {
+ display: inline-block;
+ float: right;
+ position: static
+}
+@media (min-width: 480px) {
+ .top_nav .navbar-right li {
+ position: relative
+ }
+}
+.top_nav .dropdown-menu li {
+ width: 100%
+}
+.top_nav .dropdown-menu li a {
+ width: 100%;
+ padding: 12px 20px
+}
+.top_nav li a i {
+ font-size: 15px
+}
+.navbar-static-top {
+ position: fixed;
+ top: 0;
+ width: 100%
+}
+.sidebar-header {
+ border-bottom: 0;
+ margin-top: 46px
+}
+.sidebar-header:first-of-type {
+ margin-top: 0
+}
+.nav.side-menu>li {
+ position: relative;
+ display: block;
+ cursor: pointer
+}
+.nav.side-menu>li>a {
+ margin-bottom: 6px
+}
+.nav.side-menu>li>a:hover {
+ color: #F2F5F7 !important
+}
+.nav.side-menu>li>a:hover,
+.nav>li>a:focus {
+ text-decoration: none;
+ background: transparent
+}
+.nav.child_menu {
+ display: none
+}
+.nav.child_menu li:hover,
+.nav.child_menu li.active {
+ background-color: rgba(255, 255, 255, 0.06)
+}
+.nav.child_menu li {
+ padding-left: 36px
+}
+.nav-md ul.nav.child_menu li:before {
+ background: #425668;
+ bottom: auto;
+ content: "";
+ height: 8px;
+ left: 23px;
+ margin-top: 15px;
+ position: absolute;
+ right: auto;
+ width: 8px;
+ z-index: 1;
+ border-radius: 50%
+}
+.nav-md ul.nav.child_menu li:after {
+ border-left: 1px solid #425668;
+ bottom: 0;
+ content: "";
+ left: 27px;
+ position: absolute;
+ top: 0
+}
+.nav.side-menu>li>a,
+.nav.child_menu>li>a {
+ color: #E7E7E7;
+ font-weight: 500
+}
+.nav.child_menu li li:hover,
+.nav.child_menu li li.active {
+ background: none
+}
+.nav.child_menu li li a:hover,
+.nav.child_menu li li a.active {
+ color: #fff
+}
+.nav>li>a {
+ position: relative;
+ display: block;
+ padding: 13px 15px 12px
+}
+.nav.side-menu>li.current-page,
+.nav.side-menu>li.active {
+ border-right: 5px solid #1ABB9C
+}
+.nav li.current-page {
+ background: rgba(255, 255, 255, 0.05)
+}
+.nav li li li.current-page {
+ background: none
+}
+.nav li li.current-page a {
+ color: #fff
+}
+.nav.side-menu>li.active>a {
+ text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0;
+ background: linear-gradient(#334556, #2C4257), #2A3F54;
+ box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0
+}
+.navbar-brand,
+.navbar-nav>li>a {
+ font-weight: 500;
+ color: #ECF0F1 !important;
+ margin-left: 0 !important;
+ line-height: 32px
+}
+.site_title {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ font-weight: 400;
+ font-size: 22px;
+ width: 100%;
+ color: #ECF0F1 !important;
+ margin-left: 0 !important;
+ line-height: 59px;
+ display: block;
+ height: 55px;
+ margin: 0;
+ padding-left: 10px
+}
+.site_title:hover,
+.site_title:focus {
+ text-decoration: none
+}
+.nav.navbar-nav>li>a {
+ color: #515356 !important
+}
+.nav.top_menu>li>a {
+ position: relative;
+ display: block;
+ padding: 10px 15px;
+ color: #34495E !important
+}
+.nav>li>a:hover,
+.nav>li>a:focus {
+ background-color: transparent
+}
+.top_search {
+ padding: 0
+}
+.top_search .form-control {
+ border-right: 0;
+ box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
+ border-radius: 25px 0px 0px 25px;
+ padding-left: 20px;
+ border: 1px solid rgba(221, 226, 232, 0.49)
+}
+.top_search .form-control:focus {
+ border: 1px solid rgba(221, 226, 232, 0.49);
+ border-right: 0
+}
+.top_search .input-group-btn button {
+ border-radius: 0px 25px 25px 0px;
+ border: 1px solid rgba(221, 226, 232, 0.49);
+ border-left: 0;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+ color: #93A2B2;
+ margin-bottom: 0 !important
+}
+.toggle {
+ float: left;
+ margin: 0;
+ padding-top: 16px;
+ width: 70px
+}
+.toggle a {
+ padding: 15px 15px 0;
+ margin: 0;
+ cursor: pointer
+}
+.toggle a i {
+ font-size: 26px
+}
+.nav.child_menu>li>a {
+ color: rgba(255, 255, 255, 0.75);
+ font-size: 12px;
+ padding: 9px
+}
+.panel_toolbox {
+ float: right;
+ min-width: 70px
+}
+.panel_toolbox>li {
+ float: left;
+ cursor: pointer
+}
+.panel_toolbox>li>a {
+ padding: 5px;
+ color: #C5C7CB;
+ font-size: 14px
+}
+.panel_toolbox>li>a:hover {
+ background: #F5F7FA
+}
+.line_30 {
+ line-height: 30px
+}
+.main_menu_side {
+ padding: 0
+}
+.bs-docs-sidebar .nav>li>a {
+ display: block;
+ padding: 4px 6px
+}
+footer {
+ background: #fff;
+ padding: 15px 20px;
+ display: block
+}
+.nav-sm footer {
+ margin-left: 70px
+}
+.footer_fixed footer {
+ position: fixed;
+ left: 0px;
+ bottom: 0px;
+ width: 100%
+}
+@media (min-width: 768px) {
+ .footer_fixed footer {
+ margin-left: 0
+ }
+}
+@media (min-width: 768px) {
+ .footer_fixed .nav-sm footer {
+ margin-left: 0
+ }
+}
+.tile-stats.sparkline {
+ padding: 10px;
+ text-align: center
+}
+.jqstooltip {
+ background: #34495E !important;
+ width: 30px !important;
+ height: 22px !important;
+ text-decoration: none
+}
+.tooltip {
+ display: block !important
+}
+.tiles {
+ border-top: 1px solid #ccc;
+ margin-top: 15px;
+ padding-top: 5px;
+ margin-bottom: 0
+}
+.tile {
+ overflow: hidden
+}
+.top_tiles {
+ margin-bottom: 0
+}
+.top_tiles .tile h2 {
+ font-size: 30px;
+ line-height: 30px;
+ margin: 3px 0 7px;
+ font-weight: bold
+}
+article.media {
+ width: 100%
+}
+*,
+*:before,
+*:after {
+ box-sizing: border-box
+}
+#integration-list {
+ width: 100%;
+ margin: 0 auto;
+ display: table
+}
+#integration-list ul {
+ padding: 0;
+ margin: 20px 0;
+ color: #555
+}
+#integration-list ul>li {
+ list-style: none;
+ border-top: 1px solid #ddd;
+ display: block;
+ padding: 15px;
+ overflow: hidden
+}
+#integration-list ul:last-child {
+ border-bottom: 1px solid #ddd
+}
+#integration-list ul>li:hover {
+ background: #efefef
+}
+.expand {
+ display: block;
+ text-decoration: none;
+ color: #555;
+ cursor: pointer
+}
+.expand h2 {
+ width: 85%;
+ float: left
+}
+h2 {
+ font-size: 18px;
+ font-weight: 400
+}
+#left,
+#right {
+ display: table
+}
+#sup {
+ display: table-cell;
+ vertical-align: middle;
+ width: 80%
+}
+.detail a {
+ text-decoration: none;
+ color: #C0392B;
+ border: 1px solid #C0392B;
+ padding: 6px 10px 5px;
+ font-size: 13px;
+ margin-right: 7px
+}
+.detail {
+ margin: 10px 0 10px 0px;
+ display: none;
+ line-height: 22px;
+ height: 150px
+}
+.detail span {
+ margin: 0
+}
+.right-arrow {
+ width: 10px;
+ float: right;
+ font-weight: bold;
+ font-size: 20px
+}
+.accordion .panel {
+ margin-bottom: 5px;
+ border-radius: 0;
+ border-bottom: 1px solid #efefef
+}
+.accordion .panel-heading {
+ background: #F2F5F7;
+ padding: 13px;
+ width: 100%;
+ display: block
+}
+.accordion .panel:hover {
+ background: #F2F5F7
+}
+.x_panel {
+ position: relative;
+ width: 100%;
+ margin-bottom: 10px;
+ padding: 10px 17px;
+ display: inline-block;
+ background: #fff;
+ border: 1px solid #E6E9ED;
+ -webkit-column-break-inside: avoid;
+ -moz-column-break-inside: avoid;
+ column-break-inside: avoid;
+ opacity: 1;
+ transition: all .2s ease
+}
+.x_title {
+ border-bottom: 2px solid #E6E9ED;
+ padding: 1px 5px 6px;
+ margin-bottom: 10px
+}
+.x_title .filter {
+ width: 40%;
+ float: right
+}
+.x_title h2 {
+ margin: 5px 0 6px;
+ float: left;
+ display: block;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap
+}
+.x_title h2 small {
+ margin-left: 10px
+}
+.x_title span {
+ color: #BDBDBD
+}
+.x_content {
+ padding: 0 5px 6px;
+ position: relative;
+ width: 100%;
+ float: left;
+ clear: both;
+ margin-top: 5px
+}
+.x_content h4 {
+ font-size: 16px;
+ font-weight: 500
+}
+legend {
+ padding-bottom: 7px
+}
+.demo-placeholder {
+ height: 280px
+}
+.profile_details:nth-child(3n) {
+ clear: both
+}
+.profile_details .profile_view {
+ display: inline-block;
+ padding: 10px 0 0;
+ background: #fff
+}
+.profile_details .profile_view .divider {
+ border-top: 1px solid #e5e5e5;
+ padding-top: 5px;
+ margin-top: 5px
+}
+.profile_details .profile_view .ratings {
+ margin-bottom: 0
+}
+.profile_details .profile_view .bottom {
+ background: #F2F5F7;
+ padding: 9px 0;
+ border-top: 1px solid #E6E9ED
+}
+.profile_details .profile_view .left {
+ margin-top: 20px
+}
+.profile_details .profile_view .left p {
+ margin-bottom: 3px
+}
+.profile_details .profile_view .right {
+ margin-top: 0px;
+ padding: 10px
+}
+.profile_details .profile_view .img-circle {
+ border: 1px solid #E6E9ED;
+ padding: 2px
+}
+.profile_details .profile_view h2 {
+ margin: 5px 0
+}
+.profile_details .profile_view .ratings {
+ text-align: left;
+ font-size: 16px
+}
+.profile_details .profile_view .brief {
+ margin: 0;
+ font-weight: 300
+}
+.profile_details .profile_left {
+ background: white
+}
+.pagination.pagination-split li {
+ display: inline-block;
+ margin-right: 3px
+}
+.pagination.pagination-split li a {
+ border-radius: 4px;
+ color: #768399;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px
+}
+table.tile h3,
+table.tile h4,
+table.tile span {
+ font-weight: bold;
+ vertical-align: middle !important
+}
+table.tile th,
+table.tile td {
+ text-align: center
+}
+table.tile th {
+ border-bottom: 1px solid #E6ECEE
+}
+table.tile td {
+ padding: 5px 0
+}
+table.tile td ul {
+ text-align: left;
+ padding-left: 0
+}
+table.tile td ul li {
+ list-style: none;
+ width: 100%
+}
+table.tile td ul li a {
+ width: 100%
+}
+table.tile td ul li a big {
+ right: 0;
+ float: right;
+ margin-right: 13px
+}
+table.tile_info {
+ width: 100%
+}
+table.tile_info td {
+ text-align: left;
+ padding: 1px;
+ font-size: 15px
+}
+table.tile_info td p {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ margin: 0;
+ line-height: 28px
+}
+table.tile_info td i {
+ margin-right: 8px;
+ font-size: 17px;
+ float: left;
+ width: 18px;
+ line-height: 28px
+}
+table.tile_info td:first-child {
+ width: 83%
+}
+td span {
+ line-height: 28px
+}
+.sidebar-widget {
+ overflow: hidden
+}
+.error-number {
+ font-size: 90px;
+ line-height: 90px;
+ margin: 20px 0
+}
+.col-middle {
+ margin-top: 5%
+}
+.mid_center {
+ width: 370px;
+ margin: 0 auto;
+ text-align: center;
+ padding: 10px 20px
+}
+h3.degrees {
+ font-size: 22px;
+ font-weight: 400;
+ text-align: center
+}
+.degrees:after {
+ content: "o";
+ position: relative;
+ top: -12px;
+ font-size: 13px;
+ font-weight: 300
+}
+.daily-weather .day {
+ font-size: 14px;
+ border-top: 2px solid rgba(115, 135, 156, 0.36);
+ text-align: center;
+ border-bottom: 2px solid rgba(115, 135, 156, 0.36);
+ padding: 5px 0
+}
+.weather-days .col-sm-2 {
+ overflow: hidden;
+ width: 16.66666667%
+}
+.weather .row {
+ margin-bottom: 0
+}
+.bulk-actions {
+ display: none
+}
+table.countries_list {
+ width: 100%
+}
+table.countries_list td {
+ padding: 0 10px;
+ line-height: 30px;
+ border-top: 1px solid #eeeeee
+}
+.dataTables_paginate a {
+ padding: 6px 9px !important;
+ background: #ddd !important;
+ border-color: #ddd !important
+}
+.paging_full_numbers a.paginate_active {
+ background-color: rgba(38, 185, 154, 0.59) !important;
+ border-color: rgba(38, 185, 154, 0.59) !important
+}
+button.DTTT_button,
+div.DTTT_button,
+a.DTTT_button {
+ border: 1px solid #E7E7E7 !important;
+ background: #E7E7E7 !important;
+ box-shadow: none !important
+}
+table.jambo_table {
+ border: 1px solid rgba(221, 221, 221, 0.78)
+}
+table.jambo_table thead {
+ background: rgba(52, 73, 94, 0.94);
+ color: #ECF0F1
+}
+table.jambo_table tbody tr:hover td {
+ background: rgba(38, 185, 154, 0.07);
+ border-top: 1px solid rgba(38, 185, 154, 0.11);
+ border-bottom: 1px solid rgba(38, 185, 154, 0.11)
+}
+table.jambo_table tbody tr.selected {
+ background: rgba(38, 185, 154, 0.16)
+}
+table.jambo_table tbody tr.selected td {
+ border-top: 1px solid rgba(38, 185, 154, 0.4);
+ border-bottom: 1px solid rgba(38, 185, 154, 0.4)
+}
+.dataTables_paginate a {
+ background: #ff0000
+}
+.dataTables_wrapper {
+ position: relative;
+ clear: both;
+ zoom: 1
+}
+.dataTables_processing {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 250px;
+ height: 30px;
+ margin-left: -125px;
+ margin-top: -15px;
+ padding: 14px 0 2px 0;
+ border: 1px solid #ddd;
+ text-align: center;
+ color: #999;
+ font-size: 14px;
+ background-color: white
+}
+.dataTables_length {
+ width: 40%;
+ float: left
+}
+.dataTables_filter {
+ width: 50%;
+ float: right;
+ text-align: right
+}
+.dataTables_info {
+ width: 60%;
+ float: left
+}
+.dataTables_paginate {
+ float: right;
+ text-align: right
+}
+table.dataTable th.focus,
+table.dataTable td.focus {
+ outline: 2px solid #1ABB9C !important;
+ outline-offset: -1px
+}
+table.display {
+ margin: 0 auto;
+ clear: both;
+ width: 100%
+}
+table.display thead th {
+ padding: 8px 18px 8px 10px;
+ border-bottom: 1px solid black;
+ font-weight: bold;
+ cursor: pointer
+}
+table.display tfoot th {
+ padding: 3px 18px 3px 10px;
+ border-top: 1px solid black;
+ font-weight: bold
+}
+table.display tr.heading2 td {
+ border-bottom: 1px solid #aaa
+}
+table.display td {
+ padding: 3px 10px
+}
+table.display td.center {
+ text-align: center
+}
+table.display thead th:active,
+table.display thead td:active {
+ outline: none
+}
+.dataTables_scroll {
+ clear: both
+}
+.dataTables_scrollBody {
+ *margin-top: -1px;
+ -webkit-overflow-scrolling: touch
+}
+.top .dataTables_info {
+ float: none
+}
+.clear {
+ clear: both
+}
+.dataTables_empty {
+ text-align: center
+}
+tfoot input {
+ margin: 0.5em 0;
+ width: 100%;
+ color: #444
+}
+tfoot input.search_init {
+ color: #999
+}
+td.group {
+ background-color: #d1cfd0;
+ border-bottom: 2px solid #A19B9E;
+ border-top: 2px solid #A19B9E
+}
+td.details {
+ background-color: #d1cfd0;
+ border: 2px solid #A19B9E
+}
+.example_alt_pagination div.dataTables_info {
+ width: 40%
+}
+.paging_full_numbers {
+ width: 400px;
+ height: 22px;
+ line-height: 22px
+}
+.paging_full_numbers a:active {
+ outline: none
+}
+.paging_full_numbers a:hover {
+ text-decoration: none
+}
+.paging_full_numbers a.paginate_button,
+.paging_full_numbers a.paginate_active {
+ border: 1px solid #aaa;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ padding: 2px 5px;
+ margin: 0 3px;
+ cursor: pointer
+}
+.paging_full_numbers a.paginate_button {
+ background-color: #ddd
+}
+.paging_full_numbers a.paginate_button:hover {
+ background-color: #ccc;
+ text-decoration: none !important
+}
+.paging_full_numbers a.paginate_active {
+ background-color: #99B3FF
+}
+table.display tr.even.row_selected td {
+ background-color: #B0BED9
+}
+table.display tr.odd.row_selected td {
+ background-color: #9FAFD1
+}
+div.box {
+ height: 100px;
+ padding: 10px;
+ overflow: auto;
+ border: 1px solid #8080FF;
+ background-color: #E5E5FF
+}
+ul.msg_list li {
+ background: #f7f7f7;
+ padding: 5px;
+ display: -ms-flexbox;
+ display: flex;
+ margin: 6px 6px 0;
+ width: 96% !important
+}
+ul.msg_list li:last-child {
+ margin-bottom: 6px;
+ padding: 10px
+}
+ul.msg_list li a {
+ padding: 3px 5px !important
+}
+ul.msg_list li a .image img {
+ border-radius: 2px 2px 2px 2px;
+ -webkit-border-radius: 2px 2px 2px 2px;
+ float: left;
+ margin-right: 10px;
+ width: 11%
+}
+ul.msg_list li a .time {
+ font-size: 11px;
+ font-style: italic;
+ font-weight: bold;
+ position: absolute;
+ right: 35px
+}
+ul.msg_list li a .message {
+ display: block !important;
+ font-size: 11px
+}
+.dropdown-menu.msg_list span {
+ white-space: normal
+}
+.dropdown-menu {
+ border: medium none;
+ box-shadow: none;
+ display: none;
+ float: left;
+ font-size: 12px;
+ left: 0;
+ list-style: none outside none;
+ padding: 0;
+ position: absolute;
+ text-shadow: none;
+ top: 100%;
+ z-index: 9998;
+ border: 1px solid #D9DEE4;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0
+}
+.dropdown-menu>li>a {
+ color: #5A738E
+}
+.navbar-nav .open .dropdown-menu {
+ position: absolute;
+ background: #fff;
+ margin-top: 0;
+ border: 1px solid #D9DEE4;
+ -webkit-box-shadow: none;
+ right: 0;
+ left: auto;
+ width: 220px
+}
+.navbar-nav .open .dropdown-menu.msg_list {
+ width: 300px
+}
+.info-number .badge {
+ font-size: 10px;
+ font-weight: normal;
+ line-height: 13px;
+ padding: 2px 6px;
+ position: absolute;
+ right: 2px;
+ top: 8px
+}
+ul.to_do {
+ padding: 0
+}
+ul.to_do li {
+ background: #f3f3f3;
+ border-radius: 3px;
+ position: relative;
+ padding: 7px;
+ margin-bottom: 5px;
+ list-style: none
+}
+ul.to_do p {
+ margin: 0
+}
+.dashboard-widget {
+ background: #f6f6f6;
+ border-top: 5px solid #79C3DF;
+ border-radius: 3px;
+ padding: 5px 10px 10px
+}
+.dashboard-widget .dashboard-widget-title {
+ font-weight: normal;
+ border-bottom: 1px solid #c1cdcd;
+ margin: 0 0 10px 0;
+ padding-bottom: 5px;
+ padding-left: 40px;
+ line-height: 30px
+}
+.dashboard-widget .dashboard-widget-title i {
+ font-size: 100%;
+ margin-left: -35px;
+ margin-right: 10px;
+ color: #33a1c9;
+ padding: 3px 6px;
+ border: 1px solid #abd9ea;
+ border-radius: 5px;
+ background: #fff
+}
+ul.quick-list {
+ width: 45%;
+ padding-left: 0;
+ display: inline-block
+}
+ul.quick-list li {
+ padding-left: 10px;
+ list-style: none;
+ margin: 0;
+ padding-bottom: 6px;
+ padding-top: 4px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden
+}
+ul.quick-list li i {
+ padding-right: 10px;
+ color: #757679
+}
+.dashboard-widget-content {
+ padding-top: 9px
+}
+.dashboard-widget-content .sidebar-widget {
+ width: 50%;
+ display: inline-block;
+ vertical-align: top;
+ background: #fff;
+ border: 1px solid #abd9ea;
+ border-radius: 5px;
+ text-align: center;
+ float: right;
+ padding: 2px;
+ margin-top: 10px
+}
+.widget_summary {
+ width: 100%;
+ display: -ms-inline-flexbox;
+ display: inline-flex
+}
+.widget_summary .w_left {
+ float: left;
+ text-align: left
+}
+.widget_summary .w_center {
+ float: left
+}
+.widget_summary .w_right {
+ float: left;
+ text-align: right
+}
+.widget_summary .w_right span {
+ font-size: 20px
+}
+.w_20 {
+ width: 20%
+}
+.w_25 {
+ width: 25%
+}
+.w_55 {
+ width: 55%
+}
+h5.graph_title {
+ text-align: left;
+ margin-left: 10px
+}
+h5.graph_title i {
+ margin-right: 10px;
+ font-size: 17px
+}
+span.right {
+ float: right;
+ font-size: 14px !important
+}
+.tile_info a {
+ text-overflow: ellipsis
+}
+.sidebar-footer {
+ bottom: 0px;
+ clear: both;
+ display: block;
+ padding: 5px 0 0 0;
+ position: fixed;
+ width: 230px;
+ background: #2A3F54;
+ z-index:999;
+}
+.sidebar-footer a {
+ padding: 7px 0 3px;
+ text-align: center;
+ width: 25%;
+ font-size: 17px;
+ display: block;
+ float: left;
+ background: #172D44;
+ cursor: pointer;
+}
+.sidebar-footer a:hover {
+ background: #425567
+}
+.tile_count {
+ margin-bottom: 20px;
+ margin-top: 20px
+}
+.tile_count .tile_stats_count {
+ border-bottom: 1px solid #D9DEE4;
+ padding: 0 10px 0 20px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ position: relative
+}
+@media (min-width: 992px) {
+ footer {
+ margin-left: 230px
+ }
+}
+@media (min-width: 992px) {
+ .tile_count .tile_stats_count {
+ margin-bottom: 10px;
+ border-bottom: 0;
+ padding-bottom: 10px
+ }
+}
+.tile_count .tile_stats_count:before {
+ content: "";
+ position: absolute;
+ left: 0;
+ height: 65px;
+ border-left: 2px solid #ADB2B5;
+ margin-top: 10px
+}
+.tile_count .tile_stats_count .count {
+ font-size: 25px;
+ line-height: 47px;
+ font-weight: 600
+}
+.tile_count .tile_stats_count span {
+ font-size: 12px
+}
+@media (min-width: 768px) {
+ .tile_count .tile_stats_count span {
+ font-size: 13px
+ }
+}
+.tile_count .tile_stats_count .count_bottom i {
+ width: 12px
+}
+.dashboard_graph {
+ background: #fff;
+ padding: 7px 10px
+}
+.dashboard_graph .col-md-9,
+.dashboard_graph .col-md-3 {
+ padding: 0
+}
+a.user-profile {
+ color: #5E6974 !important
+}
+.user-profile img {
+ width: 29px;
+ height: 29px;
+ border-radius: 50%;
+ margin-right: 10px
+}
+ul.top_profiles {
+ height: 330px;
+ width: 100%
+}
+ul.top_profiles li {
+ margin: 0;
+ padding: 3px 5px
+}
+ul.top_profiles li:nth-child(odd) {
+ background-color: #eee
+}
+.media .profile_thumb {
+ border: 1px solid;
+ width: 50px;
+ height: 50px;
+ margin: 5px 10px 5px 0;
+ border-radius: 50%;
+ padding: 9px 12px
+}
+.media .profile_thumb i {
+ font-size: 30px
+}
+.media .date {
+ background: #ccc;
+ width: 52px;
+ margin-right: 10px;
+ border-radius: 10px;
+ padding: 5px
+}
+.media .date .month {
+ margin: 0;
+ text-align: center;
+ color: #fff
+}
+.media .date .day {
+ text-align: center;
+ color: #fff;
+ font-size: 27px;
+ margin: 0;
+ line-height: 27px;
+ font-weight: bold
+}
+.event .media-body a.title {
+ font-weight: bold
+}
+.event .media-body p {
+ margin-bottom: 0
+}
+h4.graph_title {
+ margin: 7px;
+ text-align: center
+}
+.fontawesome-icon-list .fa-hover a:hover {
+ background-color: #ddd;
+ color: #fff;
+ text-decoration: none
+}
+.fontawesome-icon-list .fa-hover a {
+ display: block;
+ line-height: 32px;
+ height: 32px;
+ padding-left: 10px;
+ border-radius: 4px
+}
+.fontawesome-icon-list .fa-hover a:hover .fa {
+ font-size: 28px;
+ vertical-align: -6px
+}
+.fontawesome-icon-list .fa-hover a .fa {
+ width: 32px;
+ font-size: 16px;
+ display: inline-block;
+ text-align: right;
+ margin-right: 10px
+}
+.main_menu .fa {
+ width: 26px;
+ opacity: .99;
+ display: inline-block;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 18px;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale
+}
+.tile-stats {
+ position: relative;
+ display: block;
+ margin-bottom: 12px;
+ border: 1px solid #E4E4E4;
+ -webkit-border-radius: 5px;
+ overflow: hidden;
+ padding-bottom: 5px;
+ -webkit-background-clip: padding-box;
+ -moz-border-radius: 5px;
+ -moz-background-clip: padding;
+ border-radius: 5px;
+ background-clip: padding-box;
+ background: #FFF;
+ transition: all 300ms ease-in-out
+}
+.tile-stats:hover .icon i {
+ animation-name: tansformAnimation;
+ animation-duration: .5s;
+ animation-iteration-count: 1;
+ color: rgba(58, 58, 58, 0.41);
+ animation-timing-function: ease;
+ animation-fill-mode: forwards;
+ -webkit-animation-name: tansformAnimation;
+ -webkit-animation-duration: .5s;
+ -webkit-animation-iteration-count: 1;
+ -webkit-animation-timing-function: ease;
+ -webkit-animation-fill-mode: forwards;
+ -moz-animation-name: tansformAnimation;
+ -moz-animation-duration: .5s;
+ -moz-animation-iteration-count: 1;
+ -moz-animation-timing-function: ease;
+ -moz-animation-fill-mode: forwards
+}
+.tile-stats .icon {
+ width: 20px;
+ height: 20px;
+ color: #BAB8B8;
+ position: absolute;
+ right: 53px;
+ top: 22px;
+ z-index: 1
+}
+.tile-stats .icon i {
+ margin: 0;
+ font-size: 60px;
+ line-height: 0;
+ vertical-align: bottom;
+ padding: 0
+}
+.tile-stats .count {
+ font-size: 38px;
+ font-weight: bold;
+ line-height: 1.65857
+}
+.tile-stats .count,
+.tile-stats h3,
+.tile-stats p {
+ position: relative;
+ margin: 0;
+ margin-left: 10px;
+ z-index: 5;
+ padding: 0
+}
+.tile-stats h3 {
+ color: #BAB8B8
+}
+.tile-stats p {
+ margin-top: 5px;
+ font-size: 12px
+}
+.tile-stats>.dash-box-footer {
+ position: relative;
+ text-align: center;
+ margin-top: 5px;
+ padding: 3px 0;
+ color: #fff;
+ color: rgba(255, 255, 255, 0.8);
+ display: block;
+ z-index: 10;
+ background: rgba(0, 0, 0, 0.1);
+ text-decoration: none
+}
+.tile-stats>.dash-box-footer:hover {
+ color: #fff;
+ background: rgba(0, 0, 0, 0.15)
+}
+.tile-stats>.dash-box-footer:hover {
+ color: #fff;
+ background: rgba(0, 0, 0, 0.15)
+}
+table.tile_info {
+ padding: 10px 15px
+}
+table.tile_info span.right {
+ margin-right: 0;
+ float: right;
+ position: absolute;
+ right: 4%
+}
+.tile:hover {
+ text-decoration: none
+}
+.tile_header {
+ border-bottom: transparent;
+ padding: 7px 15px;
+ margin-bottom: 15px;
+ background: #E7E7E7
+}
+.tile_head h4 {
+ margin-top: 0;
+ margin-bottom: 5px
+}
+.tiles-bottom {
+ padding: 5px 10px;
+ margin-top: 10px;
+ background: rgba(194, 194, 194, 0.3);
+ text-align: left
+}
+a.star {
+ color: #428bca !important
+}
+.mail_content {
+ background: none repeat scroll 0 0 #FFFFFF;
+ border-radius: 4px;
+ margin-top: 20px;
+ min-height: 500px;
+ padding: 10px 11px;
+ width: 100%
+}
+.list-btn-mail {
+ margin-bottom: 15px
+}
+.list-btn-mail.active {
+ border-bottom: 1px solid #39B3D7;
+ padding: 0 0 14px
+}
+.list-btn-mail>i {
+ float: left;
+ font-size: 18px;
+ font-style: normal;
+ width: 33px
+}
+.list-btn-mail>.cn {
+ background: none repeat scroll 0 0 #39B3D7;
+ border-radius: 12px;
+ color: #FFFFFF;
+ float: right;
+ font-style: normal;
+ padding: 0 5px
+}
+.button-mail {
+ margin: 0 0 15px !important;
+ text-align: left;
+ width: 100%
+}
+button,
+.buttons,
+.btn,
+.modal-footer .btn+.btn {
+ margin-bottom: 5px;
+ margin-right: 5px
+}
+.btn-group-vertical .btn,
+.btn-group .btn {
+ margin-bottom: 0;
+ margin-right: 0
+}
+.mail_list_column {
+ border-left: 1px solid #DBDBDB
+}
+.mail_view {
+ border-left: 1px solid #DBDBDB
+}
+.mail_list {
+ width: 100%;
+ border-bottom: 1px solid #DBDBDB;
+ margin-bottom: 2px;
+ display: inline-block
+}
+.mail_list .left {
+ width: 5%;
+ float: left;
+ margin-right: 3%
+}
+.mail_list .right {
+ width: 90%;
+ float: left
+}
+.mail_list h3 {
+ font-size: 15px;
+ font-weight: bold;
+ margin: 0px 0 6px
+}
+.mail_list h3 small {
+ float: right;
+ color: #ADABAB;
+ font-size: 11px;
+ line-height: 20px
+}
+.mail_list .badge {
+ padding: 3px 6px;
+ font-size: 8px;
+ background: #BAB7B7
+}
+@media (max-width: 767px) {
+ .mail_list {
+ margin-bottom: 5px;
+ display: inline-block
+ }
+}
+.mail_heading h4 {
+ font-size: 18px;
+ border-bottom: 1px solid #ddd;
+ padding-bottom: 10px;
+ margin-top: 20px
+}
+.attachment {
+ margin-top: 30px
+}
+.attachment ul {
+ width: 100%;
+ list-style: none;
+ padding-left: 0;
+ display: inline-block;
+ margin-bottom: 30px
+}
+.attachment ul li {
+ float: left;
+ width: 150px;
+ margin-right: 10px;
+ margin-bottom: 10px
+}
+.attachment ul li img {
+ height: 150px;
+ border: 1px solid #ddd;
+ padding: 5px;
+ margin-bottom: 10px
+}
+.attachment ul li span {
+ float: right
+}
+.attachment .file-name {
+ float: left
+}
+.attachment .links {
+ width: 100%;
+ display: inline-block
+}
+.compose {
+ padding: 0;
+ position: fixed;
+ bottom: 0;
+ right: 0;
+ background: #fff;
+ border: 1px solid #D9DEE4;
+ border-right: 0;
+ border-bottom: 0;
+ border-top-left-radius: 5px;
+ z-index: 9999;
+ display: none
+}
+.compose .compose-header {
+ padding: 5px;
+ background: #169F85;
+ color: #fff;
+ border-top-left-radius: 5px
+}
+.compose .compose-header .close {
+ text-shadow: 0 1px 0 #ffffff;
+ line-height: .8
+}
+.compose .compose-body .editor.btn-toolbar {
+ margin: 0
+}
+.compose .compose-body .editor-wrapper {
+ height: 100%;
+ min-height: 50px;
+ max-height: 180px;
+ border-radius: 0;
+ border-left: none;
+ border-right: none;
+ overflow: auto
+}
+.compose .compose-footer {
+ padding: 10px
+}
+.editor.btn-toolbar {
+ zoom: 1;
+ background: #F7F7F7;
+ margin: 5px 2px;
+ padding: 3px 0;
+ border: 1px solid #EFEFEF
+}
+.input-group {
+ margin-bottom: 10px
+}
+.ln_solid {
+ border-top: 1px solid #e5e5e5;
+ color: #ffffff;
+ background-color: #ffffff;
+ height: 1px;
+ margin: 20px 0
+}
+span.section {
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin-bottom: 20px;
+ font-size: 21px;
+ line-height: inherit;
+ color: #333;
+ border: 0;
+ border-bottom: 1px solid #e5e5e5
+}
+.form-control {
+ border-radius: 0;
+ width: 100%
+}
+.form-horizontal .control-label {
+ padding-top: 8px
+}
+.form-control:focus {
+ border-color: #CCD0D7;
+ box-shadow: none !important
+}
+legend {
+ font-size: 18px;
+ color: inherit
+}
+.form-horizontal .form-group {
+ margin-right: 0;
+ margin-left: 0
+}
+.form-control-feedback {
+ margin-top: 8px;
+ height: 23px;
+ color: #bbb;
+ line-height: 24px;
+ font-size: 15px
+}
+.form-control-feedback.left {
+ border-right: 1px solid #ccc;
+ left: 13px
+}
+.form-control-feedback.right {
+ border-left: 1px solid #ccc;
+ right: 13px
+}
+.form-control.has-feedback-left {
+ padding-left: 45px
+}
+.form-control.has-feedback-right {
+ padding-right: 45px
+}
+.form-group {
+ margin-bottom: 10px
+}
+.validate {
+ margin-top: 10px
+}
+.invalid-form-error-message {
+ margin-top: 10px;
+ padding: 5px
+}
+.invalid-form-error-message.filled {
+ border-left: 2px solid #E74C3C
+}
+p.parsley-success {
+ color: #468847;
+ background-color: #DFF0D8;
+ border: 1px solid #D6E9C6
+}
+p.parsley-error {
+ color: #B94A48;
+ background-color: #F2DEDE;
+ border: 1px solid #EED3D7
+}
+ul.parsley-errors-list {
+ list-style: none;
+ color: #E74C3C;
+ padding-left: 0
+}
+input.parsley-error,
+textarea.parsley-error,
+select.parsley-error {
+ background: #FAEDEC;
+ border: 1px solid #E85445
+}
+.btn-group .parsley-errors-list {
+ display: none
+}
+.bad input,
+.bad select,
+.bad textarea {
+ border: 1px solid #CE5454;
+ box-shadow: 0 0 4px -2px #CE5454;
+ position: relative;
+ left: 0;
+ -moz-animation: .7s 1 shake linear;
+ -webkit-animation: 0.7s 1 shake linear
+}
+.item input,
+.item textarea {
+ transition: 0.42s
+}
+.item .alert {
+ float: left;
+ margin: 0 0 0 20px;
+ padding: 3px 10px;
+ color: #FFF;
+ border-radius: 3px 4px 4px 3px;
+ background-color: #CE5454;
+ max-width: 170px;
+ white-space: pre;
+ position: relative;
+ left: -15px;
+ opacity: 0;
+ z-index: 1;
+ transition: 0.15s ease-out
+}
+.item .alert::after {
+ content: '';
+ display: block;
+ height: 0;
+ width: 0;
+ border-color: transparent #CE5454 transparent transparent;
+ border-style: solid;
+ border-width: 11px 7px;
+ position: absolute;
+ left: -13px;
+ top: 1px
+}
+.item.bad .alert {
+ left: 0;
+ opacity: 1
+}
+.inl-bl {
+ display: inline-block
+}
+.well .markup {
+ background: #fff;
+ color: #777;
+ position: relative;
+ padding: 45px 15px 15px;
+ margin: 15px 0 0 0;
+ background-color: #fff;
+ border-radius: 0 0 4px 4px;
+ box-shadow: none
+}
+.well .markup::after {
+ content: "Example";
+ position: absolute;
+ top: 15px;
+ left: 15px;
+ font-size: 12px;
+ font-weight: bold;
+ color: #bbb;
+ text-transform: uppercase;
+ letter-spacing: 1px
+}
+.autocomplete-suggestions {
+ border: 1px solid #e4e4e4;
+ background: #F4F4F4;
+ cursor: default;
+ overflow: auto
+}
+.autocomplete-suggestion {
+ padding: 2px 5px;
+ font-size: 1.2em;
+ white-space: nowrap;
+ overflow: hidden
+}
+.autocomplete-selected {
+ background: #f0f0f0
+}
+.autocomplete-suggestions strong {
+ font-weight: normal;
+ color: #3399ff;
+ font-weight: bolder
+}
+.btn {
+ border-radius: 3px
+}
+a.btn-success,
+a.btn-primary,
+a.btn-warning,
+a.btn-danger {
+ color: #fff
+}
+.btn-success {
+ background: #26B99A;
+ border: 1px solid #169F85
+}
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+ background: #169F85
+}
+.btn-dark {
+ color: #E9EDEF;
+ background-color: #4B5F71;
+ border-color: #364B5F
+}
+.btn-dark:hover,
+.btn-dark:focus,
+.btn-dark:active,
+.btn-dark.active,
+.open .dropdown-toggle.btn-dark {
+ color: #FFFFFF;
+ background-color: #394D5F;
+ border-color: #394D5F
+}
+.btn-round {
+ border-radius: 30px
+}
+.btn.btn-app {
+ position: relative;
+ padding: 15px 5px;
+ margin: 0 0 10px 10px;
+ min-width: 80px;
+ height: 60px;
+ box-shadow: none;
+ border-radius: 0;
+ text-align: center;
+ color: #666;
+ border: 1px solid #ddd;
+ background-color: #fafafa;
+ font-size: 12px
+}
+.btn.btn-app>.fa,
+.btn.btn-app>.glyphicon,
+.btn.btn-app>.ion {
+ font-size: 20px;
+ display: block
+}
+.btn.btn-app:hover {
+ background: #f4f4f4;
+ color: #444;
+ border-color: #aaa
+}
+.btn.btn-app:active,
+.btn.btn-app:focus {
+ box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
+}
+.btn.btn-app>.badge {
+ position: absolute;
+ top: -3px;
+ right: -10px;
+ font-size: 10px;
+ font-weight: 400
+}
+textarea {
+ padding: 10px;
+ vertical-align: top;
+ width: 200px
+}
+textarea:focus {
+ outline-style: solid;
+ outline-width: 2px
+}
+.btn_ {
+ display: inline-block;
+ padding: 3px 9px;
+ margin-bottom: 0;
+ font-size: 14px;
+ line-height: 20px;
+ text-align: center;
+ vertical-align: middle;
+ cursor: pointer;
+ color: #333333;
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+ background-color: #f5f5f5;
+ background-image: linear-gradient(to bottom, #fff, #e6e6e6);
+ background-repeat: repeat-x;
+ border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+ border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+ border: 1px solid #cccccc;
+ border-bottom-color: #b3b3b3;
+ border-radius: 4px;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
+}
+.bs-glyphicons {
+ margin: 0 -10px 20px;
+ overflow: hidden
+}
+.bs-glyphicons-list {
+ padding-left: 0;
+ list-style: none
+}
+.bs-glyphicons li {
+ float: left;
+ width: 25%;
+ height: 115px;
+ padding: 10px;
+ font-size: 10px;
+ line-height: 1.4;
+ text-align: center;
+ background-color: #f9f9f9;
+ border: 1px solid #fff
+}
+.bs-glyphicons .glyphicon {
+ margin-top: 5px;
+ margin-bottom: 10px;
+ font-size: 24px
+}
+.bs-glyphicons .glyphicon-class {
+ display: block;
+ text-align: center;
+ word-wrap: break-word
+}
+.bs-glyphicons li:hover {
+ color: #fff;
+ background-color: #1ABB9C
+}
+@media (min-width: 768px) {
+ .bs-glyphicons {
+ margin-right: 0;
+ margin-left: 0
+ }
+ .bs-glyphicons li {
+ width: 12.5%;
+ font-size: 12px
+ }
+}
+.tagsinput {
+ border: 1px solid #CCC;
+ background: #FFF;
+ padding: 6px 6px 0;
+ width: 300px;
+ overflow-y: auto
+}
+span.tag {
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ display: block;
+ float: left;
+ padding: 5px 9px;
+ text-decoration: none;
+ background: #1ABB9C;
+ color: #F1F6F7;
+ margin-right: 5px;
+ font-weight: 500;
+ margin-bottom: 5px;
+ font-family: helvetica
+}
+span.tag a {
+ color: #F1F6F7 !important
+}
+.tagsinput span.tag a {
+ font-weight: bold;
+ color: #82ad2b;
+ text-decoration: none;
+ font-size: 11px
+}
+.tagsinput input {
+ width: 80px;
+ margin: 0px;
+ font-family: helvetica;
+ font-size: 13px;
+ border: 1px solid transparent;
+ padding: 3px;
+ background: transparent;
+ color: #000;
+ outline: 0px
+}
+.tagsinput div {
+ display: block;
+ float: left
+}
+.tags_clear {
+ clear: both;
+ width: 100%;
+ height: 0px
+}
+.not_valid {
+ background: #FBD8DB !important;
+ color: #90111A !important
+}
+ul.bar_tabs {
+ overflow: visible;
+ background: #F5F7FA;
+ height: 25px;
+ margin: 21px 0 14px;
+ padding-left: 14px;
+ position: relative;
+ z-index: 1;
+ width: 100%;
+ border-bottom: 1px solid #E6E9ED
+}
+ul.bar_tabs>li {
+ border: 1px solid #E6E9ED;
+ color: #333 !important;
+ margin-top: -17px;
+ margin-left: 8px;
+ background: #fff;
+ border-bottom: none;
+ border-radius: 4px 4px 0 0
+}
+ul.bar_tabs>li.active {
+ border-right: 6px solid #D3D6DA;
+ border-top: 0;
+ margin-top: -15px
+}
+ul.bar_tabs>li a {
+ padding: 10px 17px;
+ background: #F5F7FA;
+ margin: 0;
+ border-top-right-radius: 0
+}
+ul.bar_tabs>li a:hover {
+ border: 1px solid transparent
+}
+ul.bar_tabs>li.active a {
+ border-bottom: none
+}
+ul.bar_tabs.right {
+ padding-right: 14px
+}
+ul.bar_tabs.right li {
+ float: right
+}
+a:focus {
+ outline: none
+}
+ul.timeline li {
+ position: relative;
+ border-bottom: 1px solid #e8e8e8;
+ clear: both
+}
+.timeline .block {
+ margin: 0;
+ border-left: 3px solid #e8e8e8;
+ overflow: visible;
+ padding: 10px 15px;
+ margin-left: 105px
+}
+.timeline.widget {
+ min-width: 0;
+ max-width: inherit
+}
+.timeline.widget .block {
+ margin-left: 5px
+}
+.timeline .tags {
+ position: absolute;
+ top: 15px;
+ left: 0;
+ width: 84px
+}
+.timeline .tag {
+ display: block;
+ height: 30px;
+ font-size: 13px;
+ padding: 8px
+}
+.timeline .tag span {
+ display: block;
+ overflow: hidden;
+ width: 100%;
+ white-space: nowrap;
+ text-overflow: ellipsis
+}
+.tag {
+ line-height: 1;
+ background: #1ABB9C;
+ color: #fff !important
+}
+.tag:after {
+ content: " ";
+ height: 30px;
+ width: 0;
+ position: absolute;
+ left: 100%;
+ top: 0;
+ margin: 0;
+ pointer-events: none;
+ border-top: 14px solid transparent;
+ border-bottom: 14px solid transparent;
+ border-left: 11px solid #1ABB9C
+}
+.timeline h2.title {
+ position: relative;
+ font-size: 16px;
+ margin: 0
+}
+.timeline h2.title:before {
+ content: "";
+ position: absolute;
+ left: -23px;
+ top: 3px;
+ display: block;
+ width: 14px;
+ height: 14px;
+ border: 3px solid #d2d3d2;
+ border-radius: 14px;
+ background: #f9f9f9
+}
+.timeline .byline {
+ padding: .25em 0
+}
+.byline {
+ -webkit-font-smoothing: antialiased;
+ font-style: italic;
+ font-size: .9375em;
+ line-height: 1.3;
+ color: #aab6aa
+}
+ul.social li {
+ border: 0
+}
+.social-sidebar,
+.social-body {
+ float: right
+}
+.social-sidebar {
+ background: #EDEDED;
+ width: 22%
+}
+.social-body {
+ border: 1px solid #ccc;
+ width: 78%
+}
+.thumb img {
+ width: 50px;
+ height: 50px;
+ border-radius: 50%
+}
+.chat .thumb img {
+ width: 27px;
+ height: 27px;
+ border-radius: 50%
+}
+.chat .status {
+ float: left;
+ margin: 16px 0 0 -16px;
+ font-size: 14px;
+ font-weight: bold;
+ width: 12px;
+ height: 12px;
+ display: block;
+ border: 2px solid #FFF;
+ z-index: 12312;
+ border-radius: 50%
+}
+.chat .status.online {
+ background: #1ABB9C
+}
+.chat .status.away {
+ background: #F39C12
+}
+.chat .status.offline {
+ background: #ccc
+}
+.chat .media-body {
+ padding-top: 5px
+}
+.dashboard_graph .x_title {
+ padding: 5px 5px 7px
+}
+.dashboard_graph .x_title h3 {
+ margin: 0;
+ font-weight: normal
+}
+.chart {
+ position: relative;
+ display: inline-block;
+ width: 110px;
+ height: 110px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+ text-align: center
+}
+.chart canvas {
+ position: absolute;
+ top: 0;
+ left: 0
+}
+.percent {
+ display: inline-block;
+ line-height: 110px;
+ z-index: 2;
+ font-size: 18px
+}
+.percent:after {
+ content: '%';
+ margin-left: 0.1em;
+ font-size: .8em
+}
+.angular {
+ margin-top: 100px
+}
+.angular .chart {
+ margin-top: 0
+}
+.widget {
+ min-width: 250px;
+ max-width: 310px
+}
+.widget_tally_box .btn-group button {
+ text-align: center
+}
+.widget_tally_box .btn-group button {
+ color: inherit;
+ font-weight: 500;
+ background-color: #f5f5f5;
+ border: 1px solid #e7e7e7
+}
+ul.widget_tally,
+ul.widget_tally li {
+ width: 100%
+}
+ul.widget_tally li {
+ padding: 2px 10px;
+ border-bottom: 1px solid #ECECEC;
+ padding-bottom: 4px
+}
+ul.widget_tally .month {
+ width: 70%;
+ float: left
+}
+ul.widget_tally .count {
+ width: 30%;
+ float: left;
+ text-align: right
+}
+.pie_bg {
+ border-bottom: 1px solid rgba(101, 204, 182, 0.16);
+ padding-bottom: 15px;
+ border-radius: 4px;
+ padding-bottom: 10px;
+ box-shadow: 0 4px 6px -6px #222
+}
+.widget_tally_box .flex {
+ display: -ms-flexbox;
+ display: flex
+}
+ul.widget_profile_box {
+ width: 100%;
+ height: 42px;
+ padding: 3px;
+ background: #ececec;
+ margin-top: 40px;
+ margin-left: 1px
+}
+ul.widget_profile_box li:first-child {
+ width: 25%;
+ float: left
+}
+ul.widget_profile_box li:first-child a {
+ float: left
+}
+ul.widget_profile_box li:last-child {
+ width: 25%;
+ float: right
+}
+ul.widget_profile_box li:last-child a {
+ float: right
+}
+ul.widget_profile_box li a {
+ font-size: 22px;
+ text-align: center;
+ width: 35px;
+ height: 35px;
+ border: 1px solid rgba(52, 73, 94, 0.44);
+ display: block;
+ border-radius: 50%;
+ padding: 0px
+}
+ul.widget_profile_box li a:hover {
+ color: #1ABB9C !important;
+ border: 1px solid #26b99a
+}
+ul.widget_profile_box li .profile_img {
+ width: 85px;
+ height: 85px;
+ margin: 0;
+ margin-top: -28px
+}
+.widget_tally_box p,
+.widget_tally_box span {
+ text-align: center
+}
+.widget_tally_box .name {
+ text-align: center;
+ margin: 25px
+}
+.widget_tally_box .name_title {
+ text-align: center;
+ margin: 5px
+}
+.widget_tally_box ul.legend {
+ margin: 0
+}
+.widget_tally_box ul.legend p,
+.widget_tally_box ul.legend span {
+ text-align: left
+}
+.widget_tally_box ul.legend li .icon {
+ font-size: 20px;
+ float: left;
+ width: 14px
+}
+.widget_tally_box ul.legend li .name {
+ font-size: 14px;
+ margin: 5px 0 0 14px;
+ text-overflow: ellipsis;
+ float: left
+}
+.widget_tally_box ul.legend p {
+ display: inline-block;
+ margin: 0
+}
+.widget_tally_box ul.verticle_bars li {
+ height: 140px;
+ width: 23%
+}
+.widget .verticle_bars li .progress.vertical.progress_wide {
+ width: 65%
+}
+ul.count2 {
+ width: 100%;
+ margin-left: 1px;
+ border: 1px solid #ddd;
+ border-left: 0;
+ border-right: 0;
+ padding: 10px 0
+}
+ul.count2 li {
+ width: 30%;
+ text-align: center
+}
+ul.count2 li h3 {
+ font-weight: 400;
+ margin: 0
+}
+ul.count2 li span {
+ font-weight: 300
+}
+.divider {
+ border-bottom: 1px solid #ddd;
+ margin: 10px
+}
+.divider-dashed {
+ border-top: 1px dashed #e7eaec;
+ background-color: #ffffff;
+ height: 1px;
+ margin: 10px 0
+}
+ul.messages {
+ padding: 0;
+ list-style: none
+}
+ul.messages li,
+.tasks li {
+ border-bottom: 1px dotted #e6e6e6;
+ padding: 8px 0
+}
+ul.messages li img.avatar,
+img.avatar {
+ height: 32px;
+ width: 32px;
+ float: left;
+ display: inline-block;
+ border-radius: 2px;
+ padding: 2px;
+ background: #f7f7f7;
+ border: 1px solid #e6e6e6
+}
+ul.messages li .message_date {
+ float: right;
+ text-align: right
+}
+ul.messages li .message_wrapper {
+ margin-left: 50px;
+ margin-right: 40px
+}
+ul.messages li .message_wrapper h4.heading {
+ font-weight: 600;
+ margin: 0;
+ cursor: pointer;
+ margin-bottom: 10px;
+ line-height: 100%
+}
+ul.messages li .message_wrapper blockquote {
+ padding: 0px 10px;
+ margin: 0;
+ border-left: 5px solid #eee
+}
+ul.user_data li {
+ margin-bottom: 6px
+}
+ul.user_data li p {
+ margin-bottom: 0
+}
+ul.user_data li .progress {
+ width: 90%
+}
+.project_progress .progress {
+ margin-bottom: 3px !important;
+ margin-top: 5px
+}
+.projects .list-inline {
+ margin: 0
+}
+.profile_title {
+ background: #F5F7FA;
+ border: 0;
+ padding: 7px 0;
+ display: -ms-flexbox;
+ display: flex
+}
+ul.stats-overview {
+ border-bottom: 1px solid #e8e8e8;
+ padding-bottom: 10px;
+ margin-bottom: 10px
+}
+ul.stats-overview li {
+ display: inline-block;
+ text-align: center;
+ padding: 0 15px;
+ width: 30%;
+ font-size: 14px;
+ border-right: 1px solid #e8e8e8
+}
+ul.stats-overview li:last-child {
+ border-right: 0
+}
+ul.stats-overview li .name {
+ font-size: 12px
+}
+ul.stats-overview li .value {
+ font-size: 14px;
+ font-weight: bold;
+ display: block
+}
+ul.stats-overview li:first-child {
+ padding-left: 0
+}
+ul.project_files li {
+ margin-bottom: 5px
+}
+ul.project_files li a i {
+ width: 20px
+}
+.project_detail p {
+ margin-bottom: 10px
+}
+.project_detail p.title {
+ font-weight: bold;
+ margin-bottom: 0
+}
+.avatar img {
+ border-radius: 50%;
+ max-width: 45px
+}
+.pricing {
+ background: #fff
+}
+.pricing .title {
+ background: #1ABB9C;
+ height: 110px;
+ color: #fff;
+ padding: 15px 0 0;
+ text-align: center
+}
+.pricing .title h2 {
+ text-transform: capitalize;
+ font-size: 18px;
+ border-radius: 5px 5px 0 0;
+ margin: 0;
+ font-weight: 400
+}
+.pricing .title h1 {
+ font-size: 30px;
+ margin: 12px
+}
+.pricing .title span {
+ background: rgba(51, 51, 51, 0.28);
+ padding: 2px 5px
+}
+.pricing_features {
+ background: #FAFAFA;
+ padding: 20px 15px;
+ min-height: 230px;
+ font-size: 13.5px
+}
+.pricing_features ul li {
+ margin-top: 10px
+}
+.pricing_footer {
+ padding: 10px 15px;
+ background-color: #f5f5f5;
+ border-top: 1px solid #ddd;
+ text-align: center;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px
+}
+.pricing_footer p {
+ font-size: 13px;
+ padding: 10px 0 2px;
+ display: block
+}
+.ui-ribbon-container {
+ position: relative
+}
+.ui-ribbon-container .ui-ribbon-wrapper {
+ position: absolute;
+ overflow: hidden;
+ width: 85px;
+ height: 88px;
+ top: -3px;
+ right: -3px
+}
+.ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
+ background-color: #5b90bf
+}
+.ui-ribbon-container .ui-ribbon {
+ position: relative;
+ display: block;
+ text-align: center;
+ font-size: 15px;
+ font-weight: 700;
+ color: #fff;
+ transform: rotate(45deg);
+ padding: 7px 0;
+ left: -5px;
+ top: 15px;
+ width: 120px;
+ line-height: 20px;
+ background-color: #555;
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
+}
+.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,
+.ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {
+ border-top: 2px solid #5b90bf
+}
+.ui-ribbon-container .ui-ribbon:before {
+ left: 0;
+ bottom: -1px
+}
+.ui-ribbon-container .ui-ribbon:before {
+ right: 0
+}
+.ui-ribbon-container .ui-ribbon:after,
+.ui-ribbon-container .ui-ribbon:before {
+ position: absolute;
+ content: " ";
+ line-height: 0;
+ border-top: 2px solid #555;
+ border-left: 2px solid transparent;
+ border-right: 2px solid transparent
+}
+.thumbnail .image {
+ height: 120px;
+ overflow: hidden
+}
+.caption {
+ padding: 9px 5px;
+ background: #F7F7F7
+}
+.caption p {
+ margin-bottom: 5px
+}
+.thumbnail {
+ height: 190px;
+ overflow: hidden
+}
+.view {
+ overflow: hidden;
+ position: relative;
+ text-align: center;
+ box-shadow: 1px 1px 2px #e6e6e6;
+ cursor: default
+}
+.view .mask,
+.view .content {
+ position: absolute;
+ width: 100%;
+ overflow: hidden;
+ top: 0;
+ left: 0
+}
+.view img {
+ display: block;
+ position: relative
+}
+.view .tools {
+ text-transform: uppercase;
+ color: #fff;
+ text-align: center;
+ position: relative;
+ font-size: 17px;
+ padding: 3px;
+ background: rgba(0, 0, 0, 0.35);
+ margin: 43px 0 0 0
+}
+.mask.no-caption .tools {
+ margin: 90px 0 0 0
+}
+.view .tools a {
+ display: inline-block;
+ color: #FFF;
+ font-size: 18px;
+ font-weight: 400;
+ padding: 0 4px
+}
+.view p {
+ font-family: Georgia, serif;
+ font-style: italic;
+ font-size: 12px;
+ position: relative;
+ color: #fff;
+ padding: 10px 20px 20px;
+ text-align: center
+}
+.view a.info {
+ display: inline-block;
+ text-decoration: none;
+ padding: 7px 14px;
+ background: #000;
+ color: #fff;
+ text-transform: uppercase;
+ box-shadow: 0 0 1px #000
+}
+.view-first img {
+ transition: all 0.2s linear
+}
+.view-first .mask {
+ opacity: 0;
+ background-color: rgba(0, 0, 0, 0.5);
+ transition: all 0.4s ease-in-out
+}
+.view-first .tools {
+ transform: translateY(-100px);
+ opacity: 0;
+ transition: all 0.2s ease-in-out
+}
+.view-first p {
+ transform: translateY(100px);
+ opacity: 0;
+ transition: all 0.2s linear
+}
+.view-first:hover img {
+ transform: scale(1.1)
+}
+.view-first:hover .mask {
+ opacity: 1
+}
+.view-first:hover .tools,
+.view-first:hover p {
+ opacity: 1;
+ transform: translateY(0px)
+}
+.view-first:hover p {
+ transition-delay: 0.1s
+}
+.form-group.has-feedback span {
+ display: block !important;
+}
+.form-group .btn {
+ margin-bottom: -6px;
+}
+
+.input-group-btn .btn { margin-bottom:0; }
+
+/*!
+ * bootstrap-vertical-tabs - v1.2.1
+ * https://dbtek.github.io/bootstrap-vertical-tabs
+ * 2014-11-07
+ * Copyright (c) 2014 Ismail Demirbilek
+ * License: MIT
+ */
+
+.tabs-left,
+.tabs-right {
+ border-bottom: none;
+ padding-top: 2px
+}
+.tabs-left {
+ border-right: 1px solid #F7F7F7
+}
+.tabs-right {
+ border-left: 1px solid #F7F7F7
+}
+.tabs-left>li,
+.tabs-right>li {
+ float: none;
+ margin-bottom: 2px
+}
+.tabs-left>li {
+ margin-right: -1px
+}
+.tabs-right>li {
+ margin-left: -1px
+}
+.tabs-left>li.active>a,
+.tabs-left>li.active>a:hover,
+.tabs-left>li.active>a:focus {
+ border-bottom-color: #F7F7F7;
+ border-right-color: transparent
+}
+.tabs-right>li.active>a,
+.tabs-right>li.active>a:hover,
+.tabs-right>li.active>a:focus {
+ border-bottom: 1px solid #F7F7F7;
+ border-left-color: transparent
+}
+.tabs-left>li>a {
+ border-radius: 4px 0 0 4px;
+ margin-right: 0;
+ display: block;
+ background: #F7F7F7;
+ text-overflow: ellipsis;
+ overflow: hidden
+}
+.tabs-right>li>a {
+ border-radius: 0 4px 4px 0;
+ margin-right: 0;
+ background: #F7F7F7;
+ text-overflow: ellipsis;
+ overflow: hidden
+}
+.sideways {
+ margin-top: 50px;
+ border: none;
+ position: relative
+}
+.sideways>li {
+ height: 20px;
+ width: 120px;
+ margin-bottom: 100px
+}
+.sideways>li>a {
+ border-bottom: 1px solid #ddd;
+ border-right-color: transparent;
+ text-align: center;
+ border-radius: 4px 4px 0px 0px
+}
+.sideways>li.active>a,
+.sideways>li.active>a:hover,
+.sideways>li.active>a:focus {
+ border-bottom-color: transparent;
+ border-right-color: #ddd;
+ border-left-color: #ddd
+}
+.sideways.tabs-left {
+ left: -50px
+}
+.sideways.tabs-right {
+ right: -50px
+}
+.sideways.tabs-right>li {
+ transform: rotate(90deg)
+}
+.sideways.tabs-left>li {
+ transform: rotate(-90deg)
+}
+.morris-hover {
+ position: absolute;
+ z-index: 1000
+}
+.morris-hover.morris-default-style {
+ padding: 6px;
+ color: #666;
+ background: rgba(243, 242, 243, 0.8);
+ border: solid 2px rgba(195, 194, 196, 0.8);
+ font-family: sans-serif;
+ font-size: 12px;
+ text-align: center
+}
+.morris-hover.morris-default-style .morris-hover-row-label {
+ font-weight: bold;
+ margin: 0.25em 0
+}
+.morris-hover.morris-default-style .morris-hover-point {
+ white-space: nowrap;
+ margin: 0.1em 0
+}
+.price {
+ font-size: 40px;
+ font-weight: 400;
+ color: #26B99A;
+ margin: 0
+}
+.prod_title {
+ border-bottom: 1px solid #DFDFDF;
+ padding-bottom: 5px;
+ margin: 30px 0;
+ font-size: 20px;
+ font-weight: 400
+}
+.product-image img {
+ width: 90%
+}
+.prod_color li {
+ margin: 0 10px
+}
+.prod_color li p {
+ margin-bottom: 0
+}
+.prod_size li {
+ padding: 0
+}
+.prod_color .color {
+ width: 25px;
+ height: 25px;
+ border: 2px solid rgba(51, 51, 51, 0.28) !important;
+ padding: 2px;
+ border-radius: 50px
+}
+.product_gallery a {
+ width: 100px;
+ height: 100px;
+ float: left;
+ margin: 10px;
+ border: 1px solid #e5e5e5
+}
+.product_gallery a img {
+ width: 100%;
+ margin-top: 15px
+}
+.product_price {
+ margin: 20px 0;
+ padding: 5px 10px;
+ background-color: #FFFFFF;
+ text-align: left;
+ border: 2px dashed #E0E0E0
+}
+.price-tax {
+ font-size: 18px
+}
+.product_social {
+ margin: 20px 0
+}
+.product_social ul li a i {
+ font-size: 35px
+}
+.login {
+ background: #F7F7F7
+}
+.login .fa-paw {
+ font-size: 26px
+}
+a.hiddenanchor {
+ display: none
+}
+.login_wrapper {
+ right: 0px;
+ margin: 0px auto;
+ margin-top: 5%;
+ max-width: 350px;
+ position: relative
+}
+.registration_form,
+.login_form {
+ position: absolute;
+ top: 0px;
+ width: 100%
+}
+.registration_form {
+ z-index: 21;
+ opacity: 0;
+ width: 100%
+}
+.login_form {
+ z-index: 22
+}
+#signup:target ~ .login_wrapper .registration_form,
+#signin:target ~ .login_wrapper .login_form {
+ z-index: 22;
+ animation-name: fadeInLeft;
+ animation-delay: .1s
+}
+#signup:target ~ .login_wrapper .login_form,
+#signin:target ~ .login_wrapper .registration_form {
+ animation-name: fadeOutLeft
+}
+.animate {
+ -webkit-animation-duration: 0.5s;
+ -webkit-animation-timing-function: ease;
+ -webkit-animation-fill-mode: both;
+ -moz-animation-duration: 0.5s;
+ -moz-animation-timing-function: ease;
+ -moz-animation-fill-mode: both;
+ -o-animation-duration: 0.5s;
+ -o-animation-timing-function: ease;
+ -o-animation-fill-mode: both;
+ -ms-animation-duration: 0.5s;
+ -ms-animation-timing-function: ease;
+ -ms-animation-fill-mode: both;
+ animation-duration: 0.5s;
+ animation-timing-function: ease;
+ animation-fill-mode: both
+}
+.login_box {
+ padding: 20px;
+ margin: auto
+}
+.left {
+ float: left
+}
+.alignleft {
+ float: left;
+ margin-right: 15px
+}
+.alignright {
+ float: right;
+ margin-left: 15px
+}
+.clearfix:after,
+form:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden
+}
+.login_content {
+ margin: 0 auto;
+ padding: 25px 0 0;
+ position: relative;
+ text-align: center;
+ text-shadow: 0 1px 0 #fff;
+ min-width: 280px
+}
+.login_content a,
+.login_content .btn-default:hover {
+ text-decoration: none
+}
+.login_content a:hover {
+ text-decoration: underline
+}
+.login_content h1 {
+ font: normal 25px Helvetica, Arial, sans-serif;
+ letter-spacing: -0.05em;
+ line-height: 20px;
+ margin: 10px 0 30px
+}
+.login_content h1:before,
+.login_content h1:after {
+ content: "";
+ height: 1px;
+ position: absolute;
+ top: 10px;
+ width: 27%
+}
+.login_content h1:after {
+ background: #7e7e7e;
+ background: linear-gradient(left, #7e7e7e 0%, #fff 100%);
+ right: 0
+}
+.login_content h1:before {
+ background: #7e7e7e;
+ background: linear-gradient(right, #7e7e7e 0%, #fff 100%);
+ left: 0
+}
+.login_content h1:before,
+.login_content h1:after {
+ content: "";
+ height: 1px;
+ position: absolute;
+ top: 10px;
+ width: 20%
+}
+.login_content h1:after {
+ background: #7e7e7e;
+ background: linear-gradient(left, #7e7e7e 0%, #fff 100%);
+ right: 0
+}
+.login_content h1:before {
+ background: #7e7e7e;
+ background: linear-gradient(right, #7e7e7e 0%, #fff 100%);
+ left: 0
+}
+.login_content form {
+ margin: 20px 0;
+ position: relative
+}
+.login_content form input[type="text"],
+.login_content form input[type="email"],
+.login_content form input[type="password"] {
+ border-radius: 3px;
+ -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
+ -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
+ box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
+ border: 1px solid #c8c8c8;
+ color: #777;
+ margin: 0 0 20px;
+ width: 100%
+}
+.login_content form input[type="text"]:focus,
+.login_content form input[type="email"]:focus,
+.login_content form input[type="password"]:focus {
+ -ms-box-shadow: 0 0 2px #ed1c24 inset;
+ -o-box-shadow: 0 0 2px #ed1c24 inset;
+ box-shadow: 0 0 2px #A97AAD inset;
+ background-color: #fff;
+ border: 1px solid #A878AF;
+ outline: none
+}
+#username {
+ background-position: 10px 10px !important
+}
+#password {
+ background-position: 10px -53px !important
+}
+.login_content form div a {
+ font-size: 12px;
+ margin: 10px 15px 0 0
+}
+.reset_pass {
+ margin-top: 10px !important
+}
+.login_content div .reset_pass {
+ margin-top: 13px !important;
+ margin-right: 39px;
+ float: right
+}
+.separator {
+ border-top: 1px solid #D8D8D8;
+ margin-top: 10px;
+ padding-top: 10px
+}
+.button {
+ background: #f7f9fa;
+ background: linear-gradient(top, #f7f9fa 0%, #f0f0f0 100%);
+ -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
+ -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
+ border-radius: 0 0 5px 5px;
+ border-top: 1px solid #CFD5D9;
+ padding: 15px 0
+}
+.login_content form input[type="submit"],
+#content form .submit {
+ float: left;
+ margin-left: 38px
+}
+.button a {
+ background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
+ color: #7E7E7E;
+ font-size: 17px;
+ padding: 2px 0 2px 40px;
+ text-decoration: none;
+ transition: all 0.3s ease
+}
+.button a:hover {
+ background-position: 0 -135px;
+ color: #00aeef
+}
+header {
+ width: 100%
+}
+#nprogress .bar {
+ background: #1ABB9C
+}
+#nprogress .peg {
+ box-shadow: 0 0 10px #1ABB9C, 0 0 5px #1ABB9C
+}
+#nprogress .spinner-icon {
+ border-top-color: #1ABB9C;
+ border-left-color: #1ABB9C
+}
+.editor-wrapper {
+ min-height: 250px;
+ background-color: white;
+ border-collapse: separate;
+ border: 1px solid #ccc;
+ padding: 4px;
+ box-sizing: content-box;
+ box-shadow: rgba(0, 0, 0, 0.07451) 0px 1px 1px 0px inset;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+ border-bottom-left-radius: 3px;
+ border-top-left-radius: 3px;
+ overflow: scroll;
+ outline: none
+}
+.voiceBtn {
+ width: 20px;
+ color: transparent;
+ background-color: transparent;
+ transform: scale(2, 2);
+ -webkit-transform: scale(2, 2);
+ -moz-transform: scale(2, 2);
+ border: transparent;
+ cursor: pointer;
+ box-shadow: none;
+ -webkit-box-shadow: none
+}
+div[data-role="editor-toolbar"] {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none
+}
+.dropdown-menu a {
+ cursor: pointer
+}
+.select2-container--default .select2-selection--single,
+.select2-container--default .select2-selection--multiple {
+ background-color: #fff;
+ border: 1px solid #ccc;
+ border-radius: 0;
+ min-height: 38px
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+ color: #73879C;
+ padding-top: 5px
+}
+.select2-container--default .select2-selection--multiple .select2-selection__rendered {
+ padding-top: 3px
+}
+.select2-container--default .select2-selection--single .select2-selection__arrow {
+ height: 36px
+}
+.select2-container--default .select2-selection--multiple .select2-selection__choice,
+.select2-container--default .select2-selection--multiple .select2-selection__clear {
+ margin-top: 2px;
+ border: none;
+ border-radius: 0;
+ padding: 3px 5px
+}
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+ border: 1px solid #ccc
+}
+.switchery {
+ width: 32px;
+ height: 20px
+}
+.switchery>small {
+ width: 20px;
+ height: 20px
+}
+fieldset {
+ border: none;
+ margin: 0;
+ padding: 0
+}
+.cropper .img-container,
+.cropper .img-preview {
+ background-color: #f7f7f7;
+ width: 100%;
+ text-align: center
+}
+.cropper .img-container {
+ min-height: 200px;
+ max-height: 516px;
+ margin-bottom: 20px
+}
+@media (min-width: 768px) {
+ .cropper .img-container {
+ min-height: 516px
+ }
+}
+.cropper .img-container>img {
+ max-width: 100%
+}
+.cropper .docs-preview {
+ margin-right: -15px
+}
+.cropper .img-preview {
+ float: left;
+ margin-right: 10px;
+ margin-bottom: 10px;
+ overflow: hidden
+}
+.cropper .img-preview>img {
+ max-width: 100%
+}
+.cropper .preview-lg {
+ width: 263px;
+ height: 148px
+}
+.cropper .preview-md {
+ width: 139px;
+ height: 78px
+}
+.cropper .preview-sm {
+ width: 69px;
+ height: 39px
+}
+.cropper .preview-xs {
+ width: 35px;
+ height: 20px;
+ margin-right: 0
+}
+.cropper .docs-data>.input-group {
+ margin-bottom: 10px
+}
+.cropper .docs-data>.input-group>label {
+ min-width: 80px
+}
+.cropper .docs-data>.input-group>span {
+ min-width: 50px
+}
+.cropper .docs-buttons>.btn,
+.cropper .docs-buttons>.btn-group,
+.cropper .docs-buttons>.form-control {
+ margin-right: 5px;
+ margin-bottom: 10px
+}
+.cropper .docs-toggles>.btn,
+.cropper .docs-toggles>.btn-group,
+.cropper .docs-toggles>.dropdown {
+ margin-bottom: 10px
+}
+.cropper .docs-tooltip {
+ display: block;
+ margin: -6px -12px;
+ padding: 6px 12px
+}
+.cropper .docs-tooltip>.icon {
+ margin: 0 -3px;
+ vertical-align: top
+}
+.cropper .tooltip-inner {
+ white-space: normal
+}
+.cropper .btn-upload .tooltip-inner,
+.cropper .btn-toggle .tooltip-inner {
+ white-space: nowrap
+}
+.cropper .btn-toggle {
+ padding: 6px
+}
+.cropper .btn-toggle>.docs-tooltip {
+ margin: -6px;
+ padding: 6px
+}
+@media (max-width: 400px) {
+ .cropper .btn-group-crop {
+ margin-right: -15px !important
+ }
+ .cropper .btn-group-crop>.btn {
+ padding-left: 5px;
+ padding-right: 5px
+ }
+ .cropper .btn-group-crop .docs-tooltip {
+ margin-left: -5px;
+ margin-right: -5px;
+ padding-left: 5px;
+ padding-right: 5px
+ }
+}
+.cropper .docs-options .dropdown-menu {
+ width: 100%
+}
+.cropper .docs-options .dropdown-menu>li {
+ padding: 3px 20px
+}
+.cropper .docs-options .dropdown-menu>li:hover {
+ background-color: #f7f7f7
+}
+.cropper .docs-options .dropdown-menu>li>label {
+ display: block
+}
+.cropper .docs-cropped .modal-body {
+ text-align: center
+}
+.cropper .docs-cropped .modal-body>img,
+.cropper .docs-cropped .modal-body>canvas {
+ max-width: 100%
+}
+.cropper .docs-diagram .modal-dialog {
+ max-width: 352px
+}
+.cropper .docs-cropped canvas {
+ max-width: 100%
+}
+.form_wizard .stepContainer {
+ display: block;
+ position: relative;
+ margin: 0;
+ padding: 0;
+ border: 0 solid #CCC;
+ overflow-x: hidden
+}
+.wizard_horizontal ul.wizard_steps {
+ display: table;
+ list-style: none;
+ position: relative;
+ width: 100%;
+ margin: 0 0 20px
+}
+.wizard_horizontal ul.wizard_steps li {
+ display: table-cell;
+ text-align: center
+}
+.wizard_horizontal ul.wizard_steps li a,
+.wizard_horizontal ul.wizard_steps li:hover {
+ display: block;
+ position: relative;
+ -moz-opacity: 1;
+ filter: alpha(opacity=100);
+ opacity: 1;
+ color: #666
+}
+.wizard_horizontal ul.wizard_steps li a:before {
+ content: "";
+ position: absolute;
+ height: 4px;
+ background: #ccc;
+ top: 20px;
+ width: 100%;
+ z-index: 4;
+ left: 0
+}
+.wizard_horizontal ul.wizard_steps li a.disabled .step_no {
+ background: #ccc
+}
+.wizard_horizontal ul.wizard_steps li a .step_no {
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ border-radius: 100px;
+ display: block;
+ margin: 0 auto 5px;
+ font-size: 16px;
+ text-align: center;
+ position: relative;
+ z-index: 5
+}
+.wizard_horizontal ul.wizard_steps li a.selected:before,
+.step_no {
+ background: #34495E;
+ color: #fff
+}
+.wizard_horizontal ul.wizard_steps li a.done:before,
+.wizard_horizontal ul.wizard_steps li a.done .step_no {
+ background: #1ABB9C;
+ color: #fff
+}
+.wizard_horizontal ul.wizard_steps li:first-child a:before {
+ left: 50%
+}
+.wizard_horizontal ul.wizard_steps li:last-child a:before {
+ right: 50%;
+ width: 50%;
+ left: auto
+}
+.wizard_verticle .stepContainer {
+ width: 80%;
+ float: left;
+ padding: 0 10px
+}
+.actionBar {
+ width: 100%;
+ border-top: 1px solid #ddd;
+ padding: 10px 5px;
+ text-align: right;
+ margin-top: 10px
+}
+.actionBar .buttonDisabled {
+ cursor: not-allowed;
+ pointer-events: none;
+ opacity: .65;
+ filter: alpha(opacity=65);
+ box-shadow: none
+}
+.actionBar a {
+ margin: 0 3px
+}
+.wizard_verticle .wizard_content {
+ width: 80%;
+ float: left;
+ padding-left: 20px
+}
+.wizard_verticle ul.wizard_steps {
+ display: table;
+ list-style: none;
+ position: relative;
+ width: 20%;
+ float: left;
+ margin: 0 0 20px
+}
+.wizard_verticle ul.wizard_steps li {
+ display: list-item;
+ text-align: center
+}
+.wizard_verticle ul.wizard_steps li a {
+ height: 80px
+}
+.wizard_verticle ul.wizard_steps li a:first-child {
+ margin-top: 20px
+}
+.wizard_verticle ul.wizard_steps li a,
+.wizard_verticle ul.wizard_steps li:hover {
+ display: block;
+ position: relative;
+ -moz-opacity: 1;
+ filter: alpha(opacity=100);
+ opacity: 1;
+ color: #666
+}
+.wizard_verticle ul.wizard_steps li a:before {
+ content: "";
+ position: absolute;
+ height: 100%;
+ background: #ccc;
+ top: 20px;
+ width: 4px;
+ z-index: 4;
+ left: 49%
+}
+.wizard_verticle ul.wizard_steps li a.disabled .step_no {
+ background: #ccc
+}
+.wizard_verticle ul.wizard_steps li a .step_no {
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ border-radius: 100px;
+ display: block;
+ margin: 0 auto 5px;
+ font-size: 16px;
+ text-align: center;
+ position: relative;
+ z-index: 5
+}
+.wizard_verticle ul.wizard_steps li a.selected:before,
+.step_no {
+ background: #34495E;
+ color: #fff
+}
+.wizard_verticle ul.wizard_steps li a.done:before,
+.wizard_verticle ul.wizard_steps li a.done .step_no {
+ background: #1ABB9C;
+ color: #fff
+}
+.wizard_verticle ul.wizard_steps li:first-child a:before {
+ left: 49%
+}
+.wizard_verticle ul.wizard_steps li:last-child a:before {
+ left: 49%;
+ left: auto;
+ width: 0
+}
+.form_wizard .loader {
+ display: none
+}
+.form_wizard .msgBox {
+ display: none
+}
+.progress {
+ border-radius: 0
+}
+.progress-bar-info {
+ background-color: #3498DB
+}
+.progress-bar-success {
+ background-color: #26B99A
+}
+.progress_summary .progress {
+ margin: 5px 0 12px !important
+}
+.progress_summary .row {
+ margin-bottom: 5px
+}
+.progress_summary .row .col-xs-2 {
+ padding: 0
+}
+.progress_summary .more_info span {
+ text-align: right;
+ float: right
+}
+.progress_summary .data span {
+ text-align: right;
+ float: right
+}
+.progress_summary p {
+ margin-bottom: 3px;
+ width: 100%
+}
+.progress_title .left {
+ float: left;
+ text-align: left
+}
+.progress_title .right {
+ float: right;
+ text-align: right;
+ font-weight: 300
+}
+.progress.progress_sm {
+ border-radius: 0;
+ margin-bottom: 18px;
+ height: 10px !important
+}
+.progress.progress_sm .progress-bar {
+ height: 10px !important
+}
+.dashboard_graph p {
+ margin: 0 0 4px
+}
+ul.verticle_bars {
+ width: 100%
+}
+ul.verticle_bars li {
+ width: 23%;
+ height: 200px;
+ margin: 0
+}
+.progress.vertical.progress_wide {
+ width: 35px
+}
+.alert-success {
+ color: #ffffff;
+ background-color: rgba(38, 185, 154, 0.88);
+ border-color: rgba(38, 185, 154, 0.88)
+}
+.alert-info {
+ color: #E9EDEF;
+ background-color: rgba(52, 152, 219, 0.88);
+ border-color: rgba(52, 152, 219, 0.88)
+}
+.alert-warning {
+ color: #E9EDEF;
+ background-color: rgba(243, 156, 18, 0.88);
+ border-color: rgba(243, 156, 18, 0.88)
+}
+.alert-danger,
+.alert-error {
+ color: #E9EDEF;
+ background-color: rgba(231, 76, 60, 0.88);
+ border-color: rgba(231, 76, 60, 0.88)
+}
+.ui-pnotify.dark .ui-pnotify-container {
+ color: #E9EDEF;
+ background-color: rgba(52, 73, 94, 0.88);
+ border-color: rgba(52, 73, 94, 0.88)
+}
+.custom-notifications {
+ position: fixed;
+ margin: 15px;
+ right: 0;
+ float: right;
+ width: 400px;
+ z-index: 4000;
+ bottom: 0
+}
+ul.notifications {
+ float: right;
+ display: block;
+ margin-bottom: 7px;
+ padding: 0;
+ width: 100%
+}
+.notifications li {
+ float: right;
+ margin: 3px;
+ width: 36px;
+ box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3)
+}
+.notifications li:last-child {
+ margin-left: 0
+}
+.notifications a {
+ display: block;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ padding: 9px 8px
+}
+.tabbed_notifications .text {
+ padding: 5px 15px;
+ height: 140px;
+ border-radius: 7px;
+ box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3)
+}
+.tabbed_notifications div p {
+ display: inline-block
+}
+.tabbed_notifications h2 {
+ font-weight: bold;
+ text-transform: uppercase;
+ width: 80%;
+ float: left;
+ height: 20px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ display: block
+}
+.tabbed_notifications .close {
+ padding: 5px;
+ color: #E9EDEF;
+ float: right;
+ opacity: 1
+}
+.fc-state-default {
+ background: #f5f5f5;
+ color: #73879C
+}
+.fc-state-down,
+.fc-state-active {
+ color: #333;
+ background: #ccc
+}
+.dropzone {
+ min-height: 300px;
+ border: 1px solid #e5e5e5
+}
+
+/*
+.x_content {
+ direction: rtl;
+}
+*/
+
+.main_menu .label {
+ line-height: 11px;
+ margin-top: 4px;
+}
+@media (max-width: 460px) {
+ .dataTables_wrapper .col-sm-6 {
+ width: 100%;
+ margin-bottom: 5px;
+ }
+ .dataTables_wrapper .col-sm-6 .dataTables_filter {
+ float: none;
+ }
+}
+
+
+@media (max-width: 767px) {
+ .dataTables_length { float:none; }
+}
+
+.daterangepicker.xdisplay { width:228px; }
+
+.dataTables_wrapper > .row{
+ overflow:auto !important; /*prevent datatables overflowing its container*/
+}
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/blob/3195e0cc/traffic_portal/app/src/traffic_portal_properties.json
----------------------------------------------------------------------
diff --git a/traffic_portal/app/src/traffic_portal_properties.json b/traffic_portal/app/src/traffic_portal_properties.json
index b45a931..5b0fa1f 100644
--- a/traffic_portal/app/src/traffic_portal_properties.json
+++ b/traffic_portal/app/src/traffic_portal_properties.json
@@ -1,99 +1,10 @@
{
- "_comment": "These are the default properties for Traffic Portal. To customize these values, create your own traffic_portal_properties.json and copy to your web root replacing the existing one.",
- "properties": {
- "name": "Traffic Portal",
- "about": {
- "_comments": "Link to or embed (via iframe) a docs site for the traffic portal. If Iframe, must be the same protocol (http/https) as the traffic portal.",
- "show": true,
- "iframe": false,
- "url": "http://traffic-control-cdn.net/"
- },
- "home": {
- "_comments": "The sections displayed on the home page.",
- "sections": [
- {
- "header": "1. Configure the Traffic Portal",
- "description": "You are seeing the default view of the Traffic Portal. Customize /opt/traffic_portal/public/traffic_portal_properties.json to create a custom experience."
- },
- {
- "header": "2. Skin the Traffic Portal.",
- "description": "If you are not happy with the default bootstrap theme, add your own custom css declarations to /opt/traffic_portal/public/resources/assets/css/custom.css."
- }
- ]
- },
- "collateral": {
- "_comments": "The items used on the collateral page (collateral.tpl.html).",
- "items": [
- {
- "name": "Collateral Item #1",
- "description": "Description goes here. Edit collateral items in traffic_portal_properties.json.",
- "path": "/resources/assets/other/collateral.txt"
- }
- ]
- },
- "footer": {
- "_comments": "The links used in the footer (footer.tpl.html).",
- "links": [
- {
- "text": "Footer Link #1",
- "url": "http://about.example.com"
- },
- {
- "text": "Footer Link #2",
- "url": "http://about.example.com"
- },
- {
- "text": "Footer Link #3",
- "url": "http://about.example.com"
- },
- {
- "text": "Footer Link #4",
- "url": "http://about.example.com"
- },
- {
- "text": "Footer Link #5",
- "url": "http://about.example.com"
- },
- {
- "text": "Footer Link #6",
- "url": "http://about.example.com"
- },
- {
- "text": "Footer Link #7",
- "url": "http://about.example.com"
- }
- ]
- },
- "charts": {
- "bandwidthPerSecond": {
- "_comments": "BPS chart properties",
- "show": true,
- "name": "Bandwidth Per Second",
- "description": "Bandwidth Per Second is the bits per second being sent out by servers for this delivery service at the Edge layer."
- },
- "transactionsPerSecond": {
- "_comments": "TPS chart properties.",
- "show": true,
- "name": "Transactions Per Second",
- "description": "Transactions Per Second are the number of requests being filled by servers for this delivery service at the Edge layer."
- },
- "httpStatus": {
- "_comments": "HTTP chart properties.",
- "show": true,
- "name": "HTTP Status By Class",
- "description": "HTTP Status by Class is a summary of HTTP response codes commonly referred to as \"pssc\" or proxy response status code in server log files. Data is gathered and presented for the Edge layer of the CDN only."
- }
- },
- "deliveryService": {
- "request": {
- "_comments": "New delivery service requests are captured in a form and sent via email.",
- "show": true,
- "email": "foo@example.com"
- },
- "invalidateContent": {
- "_comments": "Purge / invalidate content requests are available for delivery services.",
- "show": true
- }
- }
+ "_comment": "These are the default properties for Traffic Portal. To customize these values, create your own traffic_portal_properties.json and copy to your web root replacing the existing one.",
+ "properties": {
+ "name": "Traffic Portal",
+ "customMenu": {
+ "_comments": "These are custom items you want to add to the menu. 'items' is an array of hashes where each hash has 'name' (the menu item name), 'embed' (true|false to determine if content is embedded in TP or not), and 'url' (the url of the content)",
+ "items": []
}
+ }
}
http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/blob/3195e0cc/traffic_portal/app/src/traffic_portal_release.json
----------------------------------------------------------------------
diff --git a/traffic_portal/app/src/traffic_portal_release.json b/traffic_portal/app/src/traffic_portal_release.json
index c8a9ff4..78fc5f3 100644
--- a/traffic_portal/app/src/traffic_portal_release.json
+++ b/traffic_portal/app/src/traffic_portal_release.json
@@ -1,5 +1,5 @@
{
- "Version":"0.9",
- "Build Number":"25",
- "Build Date":"2014-12-15 16:25:27"
+ "Version":"0.1",
+ "Build Number":"1",
+ "Build Date":"2016-01-01 16:25:27"
}
http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/blob/3195e0cc/traffic_portal/bower.json
----------------------------------------------------------------------
diff --git a/traffic_portal/bower.json b/traffic_portal/bower.json
index 6daa0f7..ec23260 100755
--- a/traffic_portal/bower.json
+++ b/traffic_portal/bower.json
@@ -1,22 +1,23 @@
{
- "name": "trafficPortal",
- "description": "Traffic Portal",
- "dependencies": {
- "angular": "1.5.0",
- "angular-animate": "1.5.0",
- "angular-resource": "1.5.0",
- "angular-route": "1.5.0",
- "angular-sanitize": "1.5.0",
- "angular-bootstrap": "0.14.3",
- "angular-loading-bar": "0.8.0",
- "angular-ui-router": "0.2.18",
- "bootstrap-sass-official": "3.3.6",
- "es5-shim": "4.5.6",
- "flot": "0.8.3",
- "flot.tooltip": "0.8.7",
- "flot-axislabels": "release-2.0.1",
- "jquery": "2.0.0",
- "jquery-ui": "1.10.0",
- "json3": "3.3.2"
- }
+ "name": "traffic_portal",
+ "dependencies": {
+ "angular": "1.6.4",
+ "angular-animate": "1.6.4",
+ "angular-resource": "1.6.4",
+ "angular-route": "1.6.4",
+ "angular-sanitize": "1.6.4",
+ "angular-bootstrap": "0.14.3",
+ "angular-loading-bar": "0.8.0",
+ "angular-ui-router": "0.4.2",
+ "angular-jwt": "0.0.9",
+ "bootstrap-sass-official": "3.3.6",
+ "es5-shim": "4.5.6",
+ "flot": "0.8.3",
+ "flot.tooltip": "0.8.7",
+ "flot-axislabels": "release-2.0.1",
+ "font-awesome": "4.5.0",
+ "jquery": "2.0.0",
+ "json3": "3.3.2",
+ "restangular": "1.5.2"
+ }
}
http://git-wip-us.apache.org/repos/asf/incubator-trafficcontrol/blob/3195e0cc/traffic_portal/build/README.md
----------------------------------------------------------------------
diff --git a/traffic_portal/build/README.md b/traffic_portal/build/README.md
index e96b135..17abcd4 100644
--- a/traffic_portal/build/README.md
+++ b/traffic_portal/build/README.md
@@ -24,9 +24,7 @@
* Configure Traffic Portal
```
- $ cd /etc/traffic_portal/conf
- $ sudo cp config-template.js config.js
- $ sudo vi config.js (read the inline comments)
+ $ sudo vi /etc/traffic_portal/conf/config.js (read the inline comments)
```
### 4. Run