diff --git a/server/accounts/urls.py b/server/accounts/urls.py
index 33b23ce15..b0ff9b7ab 100644
--- a/server/accounts/urls.py
+++ b/server/accounts/urls.py
@@ -3,5 +3,6 @@
urlpatterns = [
url(r'^profile/$', views.profile, name='profile'),
- url(r'', include('rest_auth.urls')),
+ url(r'/', include('rest_auth.urls')),
+ url('^/', include('django.contrib.auth.urls'))
]
diff --git a/server/accounts/views.py b/server/accounts/views.py
index 585943680..68543540d 100644
--- a/server/accounts/views.py
+++ b/server/accounts/views.py
@@ -16,4 +16,4 @@ def profile(request):
"last_name": request.user.last_name,
"email": request.user.email,
})
- return Response(user)
+ return Response(user, template_name='profile.html')
diff --git a/server/rematch/settings.py b/server/rematch/settings.py
index 124ff3e58..da178052f 100644
--- a/server/rematch/settings.py
+++ b/server/rematch/settings.py
@@ -25,17 +25,19 @@
# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True
-ALLOWED_HOSTS = []
+ALLOWED_HOSTS = ['*']
# Application definition
INSTALLED_APPS = [
+ 'allauth',
'accounts',
'collab',
'rest_framework',
'rest_framework.authtoken',
'rest_auth',
+ 'registration',
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
@@ -60,7 +62,9 @@
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
- 'DIRS': [],
+ 'DIRS': [
+ os.path.join(BASE_DIR, 'template')
+ ],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
@@ -145,3 +149,8 @@
# https://docs.djangoproject.com/en/1.9/howto/static-files/
STATIC_URL = '/static/'
+
+STATICFILES_DIRS = [os.path.join(BASE_DIR, "template/static")]
+
+# Django Registration Redux configuration
+ACCOUNT_ACTIVATION_DAYS = 1
diff --git a/server/rematch/urls.py b/server/rematch/urls.py
index b7c11bd9d..27fb64f90 100644
--- a/server/rematch/urls.py
+++ b/server/rematch/urls.py
@@ -19,6 +19,7 @@
urlpatterns = [
url(r'^admin/', admin.site.urls),
url(r'^accounts/', include('accounts.urls')),
+ url(r'^accounts/', include('registration.backends.default.urls')),
url(r'^collab/', include('collab.urls')),
url(r'^api-auth/', include('rest_framework.urls')),
]
diff --git a/server/template/base.html b/server/template/base.html
new file mode 100755
index 000000000..68ecf7220
--- /dev/null
+++ b/server/template/base.html
@@ -0,0 +1,331 @@
+{% load staticfiles %}
+
+
+
+
+
+
+
+
+
+
+ Rematch
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{% block title %}{% endblock %}
+
+
+
{% block content %}{% endblock %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/server/template/static/css/style-responsive.css b/server/template/static/css/style-responsive.css
new file mode 100755
index 000000000..f59934538
--- /dev/null
+++ b/server/template/static/css/style-responsive.css
@@ -0,0 +1,295 @@
+@media (min-width: 980px) {
+ /*-----*/
+ .custom-bar-chart {
+ margin-bottom: 40px;
+ }
+
+}
+
+@media (min-width: 768px) and (max-width: 979px) {
+
+ /*-----*/
+ .custom-bar-chart {
+ margin-bottom: 40px;
+ }
+
+ /*chat room*/
+
+
+}
+
+@media (max-width: 768px) {
+
+ .header {
+ position: absolute;
+ }
+
+ /*sidebar*/
+
+ #sidebar {
+ height: auto;
+ overflow: hidden;
+ position: absolute;
+ width: 100%;
+ z-index: 1001;
+ }
+
+
+ /* body container */
+ #main-content {
+ margin: 0px!important;
+ position: none !important;
+ }
+
+ #sidebar > ul > li > a > span {
+ line-height: 35px;
+ }
+
+ #sidebar > ul > li {
+ margin: 0 10px 5px 10px;
+ }
+ #sidebar > ul > li > a {
+ height:35px;
+ line-height:35px;
+ padding: 0 10px;
+ text-align: left;
+ }
+ #sidebar > ul > li > a i{
+ /*display: none !important;*/
+ }
+
+ #sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
+ margin-right: 10px;
+ margin-top: 15px;
+ }
+
+ #sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow,
+ #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open{
+ margin-top: 15px;
+ }
+
+ #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
+ width: 100%;
+ }
+ #sidebar > ul > li > ul.sub > li > a {
+ background: transparent !important ;
+ }
+ #sidebar > ul > li > ul.sub > li > a:hover {
+
+ }
+
+
+ /* sidebar */
+ #sidebar {
+ margin: 0px !important;
+ }
+
+ /* sidebar collabler */
+ #sidebar .btn-navbar.collapsed .arrow {
+ display: none;
+ }
+
+ #sidebar .btn-navbar .arrow {
+ position: absolute;
+ right: 35px;
+ width: 0;
+ height: 0;
+ top:48px;
+ border-bottom: 15px solid #282e36;
+ border-left: 15px solid transparent;
+ border-right: 15px solid transparent;
+ }
+
+
+ /*---------*/
+
+ .modal-footer .btn {
+ margin-bottom: 0px !important;
+ }
+
+ .btn {
+ margin-bottom: 5px;
+ }
+
+
+ /* full calendar fix */
+ .fc-header-right {
+ left:25px;
+ position: absolute;
+ }
+
+ .fc-header-left .fc-button {
+ margin: 0px !important;
+ top: -10px !important;
+ }
+
+ .fc-header-right .fc-button {
+ margin: 0px !important;
+ top: -50px !important;
+ }
+
+ .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
+ background: none !important;
+ color: #FFFFFF !important;
+ }
+
+ .fc-state-default, .fc-state-default .fc-button-inner {
+ background: none !important;
+ }
+
+ .fc-button {
+ border: none !important;
+ margin-right: 2px;
+ }
+
+ .fc-view {
+ top: 0px !important;
+ }
+
+ .fc-button .fc-button-inner {
+ margin: 0px !important;
+ padding: 2px !important;
+ border: none !important;
+ margin-right: 2px !important;
+ background-color: #fafafa !important;
+ background-image: -moz-linear-gradient(top, #fafafa, #efefef) !important;
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)) !important;
+ background-image: -webkit-linear-gradient(top, #fafafa, #efefef) !important;
+ background-image: -o-linear-gradient(top, #fafafa, #efefef) !important;
+ background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
+ filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0) !important;
+ -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
+ -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
+ box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
+ -webkit-border-radius: 3px !important;
+ -moz-border-radius: 3px !important;
+ border-radius: 3px !important;
+ color: #646464 !important;
+ border: 1px solid #ddd !important;
+ text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
+ text-align: center;
+ }
+
+ .fc-button.fc-state-disabled .fc-button-inner {
+ color: #bcbbbb !important;
+ }
+
+ .fc-button.fc-state-active .fc-button-inner {
+ background-color: #e5e4e4 !important;
+ background-image: -moz-linear-gradient(top, #e5e4e4, #dddcdc) !important;
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e4e4), to(#dddcdc)) !important;
+ background-image: -webkit-linear-gradient(top, #e5e4e4, #dddcdc) !important;
+ background-image: -o-linear-gradient(top, #e5e4e4, #dddcdc) !important;
+ background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
+ filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0) !important;
+ }
+
+ .fc-content {
+ margin-top: 50px;
+ }
+
+ .fc-header-title h2 {
+ line-height: 40px !important;
+ font-size: 12px !important;
+ }
+
+ .fc-header {
+ margin-bottom:0px !important;
+ }
+
+ /*--*/
+
+ /*.chart-position {*/
+ /*margin-top: 0px;*/
+ /*}*/
+
+ .stepy-titles li {
+ margin: 10px 3px;
+ }
+
+ /*-----*/
+ .custom-bar-chart {
+ margin-bottom: 40px;
+ }
+
+ /*menu icon plus minus*/
+ .dcjq-icon {
+ top: 10px;
+ }
+ ul.sidebar-menu li ul.sub li a {
+ padding: 0;
+ }
+
+ /*---*/
+
+ .img-responsive {
+ width: 100%;
+ }
+
+}
+
+
+
+@media (max-width: 480px) {
+
+ .notify-row, .search, .dont-show , .inbox-head .sr-input, .inbox-head .sr-btn{
+ display: none;
+ }
+
+ #top_menu .nav > li, ul.top-menu > li {
+ float: right;
+ }
+ .hidden-phone {
+ display: none !important;
+ }
+
+ .chart-position {
+ margin-top: 0px;
+ }
+
+ .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
+ background-color: #ccc;
+ border-color:#ccc ;
+ }
+
+}
+
+@media (max-width:320px) {
+ .login-social-link a {
+ padding: 15px 17px !important;
+ }
+
+ .notify-row, .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {
+ display: none;
+ }
+
+ #top_menu .nav > li, ul.top-menu > li {
+ float: right;
+ }
+
+ .hidden-phone {
+ display: none !important;
+ }
+
+ .chart-position {
+ margin-top: 0px;
+ }
+
+ .lock-wrapper {
+ margin: 10% auto;
+ max-width: 310px;
+ }
+ .lock-input {
+ width: 82%;
+ }
+
+ .cmt-form {
+ display: inline-block;
+ width: 75%;
+ }
+
+}
+
+
+
+
diff --git a/server/template/static/css/style.css b/server/template/static/css/style.css
new file mode 100755
index 000000000..c85bfe67a
--- /dev/null
+++ b/server/template/static/css/style.css
@@ -0,0 +1,2254 @@
+/*
+Template Name: DASHGUM FREE - Bootstrap 3.2 Admin Theme
+Template Version: 1.0
+Author: Carlos Alvarez
+Website: http://blacktie.co
+Premium: http://www.gridgum.com
+*/
+
+/* Import fonts */
+@import url(http://fonts.googleapis.com/css?family=Ruda:400,700,900);
+
+/* BASIC THEME CONFIGURATION */
+body {
+ color: #797979;
+ background: #f2f2f2;
+ font-family: 'Ruda', sans-serif;
+ padding: 0px !important;
+ margin: 0px !important;
+ font-size:13px;
+}
+
+ul li {
+ list-style: none;
+}
+
+a, a:hover, a:focus {
+ text-decoration: none;
+ outline: none;
+}
+::selection {
+
+ background: #68dff0;
+ color: #fff;
+}
+::-moz-selection {
+ background: #68dff0;
+ color: #fff;
+}
+
+#container {
+ width: 100%;
+ height: 100%;
+}
+
+/* Bootstrap Modifications */
+.modal-header {
+ background: #68dff0;
+}
+
+.modal-title {
+ color: white;
+}
+
+.btn-round {
+ border-radius: 20px;
+ -webkit-border-radius: 20px;
+}
+
+.accordion-heading .accordion-toggle {
+ display: block;
+ cursor: pointer;
+ border-top: 1px solid #F5F5F5;
+ padding: 5px 0px;
+ line-height: 28.75px;
+ text-transform: uppercase;
+ color: #1a1a1a;
+ background-color: #ffffff;
+ outline: none !important;
+ text-decoration: none;
+}
+
+
+
+/*Theme Backgrounds*/
+
+.bg-theme {
+ background-color: #68dff0;
+}
+
+.bg-theme02 {
+ background-color: #ac92ec;
+}
+
+.bg-theme03 {
+ background-color: #48cfad;
+}
+
+.bg-theme04 {
+ background-color: #ed5565;
+}
+/*Theme Buttons*/
+
+.btn-theme {
+ color: #fff;
+ background-color: #68dff0;
+ border-color: #48bcb4;
+}
+.btn-theme:hover,
+.btn-theme:focus,
+.btn-theme:active,
+.btn-theme.active,
+.open .dropdown-toggle.btn-theme {
+ color: #fff;
+ background-color: #48bcb4;
+ border-color: #48bcb4;
+}
+
+.btn-theme02 {
+ color: #fff;
+ background-color: #ac92ec;
+ border-color: #967adc;
+}
+.btn-theme02:hover,
+.btn-theme02:focus,
+.btn-theme02:active,
+.btn-theme02.active,
+.open .dropdown-toggle.btn-theme02 {
+ color: #fff;
+ background-color: #967adc;
+ border-color: #967adc;
+}
+
+.btn-theme03 {
+ color: #fff;
+ background-color: #48cfad;
+ border-color: #37bc9b;
+}
+.btn-theme03:hover,
+.btn-theme03:focus,
+.btn-theme03:active,
+.btn-theme03.active,
+.open .dropdown-toggle.btn-theme03 {
+ color: #fff;
+ background-color: #37bc9b;
+ border-color: #37bc9b;
+}
+
+.btn-theme04 {
+ color: #fff;
+ background-color: #ed5565;
+ border-color: #da4453;
+}
+.btn-theme04:hover,
+.btn-theme04:focus,
+.btn-theme04:active,
+.btn-theme04.active,
+.open .dropdown-toggle.btn-theme04 {
+ color: #fff;
+ background-color: #da4453;
+ border-color: #da4453;
+}
+
+.btn-clear-g {
+ color: #48bcb4;
+ background: transparent;
+ border-color: #48bcb4;
+}
+
+.btn-clear-g:hover {
+ color: white;
+}
+
+hr {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #797979;
+}
+
+
+
+/*Helpers*/
+
+.centered {
+ text-align: center;
+}
+
+.goleft {
+ text-align: left;
+}
+
+.goright {
+ text-align: right;
+}
+
+.mt {
+ margin-top: 25px;
+}
+
+.mb {
+ margin-bottom: 25px;
+}
+
+.ml {
+ margin-left: 5px;
+ }
+
+.no-padding {
+ padding: 0 !important;
+}
+
+.no-margin {
+ margin: 0 !important;
+}
+
+/*Exclusive Theme Colors Configuration*/
+
+.label-theme {
+ background-color: #68dff0;
+}
+
+.bg-theme {
+ background-color: #68dff0;
+}
+
+ul.top-menu > li > .logout {
+ color: #f2f2f2;
+ font-size: 12px;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border: 1px solid #64c3c2 !important;
+ padding: 5px 15px;
+ margin-right: 15px;
+ background: #68dff0;
+ margin-top: 15px;
+}
+
+ul.top-menu > li > .login {
+ color: #f2f2f2;
+ font-size: 12px;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border: 1px solid #64c3c2 !important;
+ padding: 5px 15px;
+ margin-right: 15px;
+ background: #68dff0;
+ margin-top: 15px;
+}
+
+/*sidebar navigation*/
+
+#sidebar {
+ width: 210px;
+ height: 100%;
+ position: fixed;
+ background: #424a5d;
+}
+
+#sidebar h5 {
+ color: #f2f2f2;
+ font-weight: 700;
+}
+
+#sidebar ul li {
+ position: relative;
+}
+
+#sidebar .sub-menu > .sub li {
+ padding-left: 32px;
+}
+
+#sidebar .sub-menu > .sub li:last-child {
+ padding-bottom: 10px;
+}
+
+/*LEFT NAVIGATION ICON*/
+.dcjq-icon {
+ height:17px;
+ width:17px;
+ display:inline-block;
+ background: url("../img/nav-expand.png") no-repeat top;
+ border-radius:3px;
+ -moz-border-radius:3px;
+ -webkit-border-radius:3px;
+ position:absolute;
+ right:10px;
+ top:15px;
+}
+.active .dcjq-icon {
+ background: url("../img/nav-expand.png") no-repeat bottom;
+ border-radius:3px;
+ -moz-border-radius:3px;
+ -webkit-border-radius:3px;
+}
+/*---*/
+
+.nav-collapse.collapse {
+ display: inline;
+}
+
+ul.sidebar-menu , ul.sidebar-menu li ul.sub{
+ margin: -2px 0 0;
+ padding: 0;
+}
+
+ul.sidebar-menu {
+ margin-top: 75px;
+}
+
+#sidebar > ul > li > ul.sub {
+ display: none;
+}
+
+#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
+ display: block;
+}
+
+ul.sidebar-menu li ul.sub li{
+ background: #424a5d;
+ margin-bottom: 0;
+ margin-left: 0;
+ margin-right: 0;
+}
+
+ul.sidebar-menu li ul.sub li:last-child{
+ border-radius: 0 0 4px 4px;
+ -webkit-border-radius: 0 0 4px 4px;
+}
+
+ul.sidebar-menu li ul.sub li a {
+ font-size: 12px;
+ padding: 6px 0;
+ line-height: 35px;
+ height: 35px;
+ -webkit-transition: all 0.3s ease;
+ -moz-transition: all 0.3s ease;
+ -o-transition: all 0.3s ease;
+ -ms-transition: all 0.3s ease;
+ transition: all 0.3s ease;
+ color: #aeb2b7;
+}
+
+ul.sidebar-menu li ul.sub li a:hover {
+ color: white;
+ background: transparent;
+}
+
+ul.sidebar-menu li ul.sub li.active a {
+ color: #68dff0;
+ -webkit-transition: all 0.3s ease;
+ -moz-transition: all 0.3s ease;
+ -o-transition: all 0.3s ease;
+ -ms-transition: all 0.3s ease;
+ transition: all 0.3s ease;
+ display: block;
+}
+
+ul.sidebar-menu li{
+ /*line-height: 20px !important;*/
+ margin-bottom: 5px;
+ margin-left:10px;
+ margin-right:10px;
+}
+
+ul.sidebar-menu li.sub-menu{
+ line-height: 15px;
+}
+
+ul.sidebar-menu li a span{
+ display: inline-block;
+}
+
+ul.sidebar-menu li a{
+ color: #aeb2b7;
+ text-decoration: none;
+ display: block;
+ padding: 15px 0 15px 10px;
+ font-size: 12px;
+ outline: none;
+ -webkit-transition: all 0.3s ease;
+ -moz-transition: all 0.3s ease;
+ -o-transition: all 0.3s ease;
+ -ms-transition: all 0.3s ease;
+ transition: all 0.3s ease;
+}
+
+ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus {
+ background: #68dff0;
+ color: #fff;
+ display: block;
+
+ -webkit-transition: all 0.3s ease;
+ -moz-transition: all 0.3s ease;
+ -o-transition: all 0.3s ease;
+ -ms-transition: all 0.3s ease;
+ transition: all 0.3s ease;
+}
+
+
+ul.sidebar-menu li a i {
+ font-size: 15px;
+ padding-right: 6px;
+}
+
+ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
+ color: #fff;
+}
+
+ul.sidebar-menu li a.active i {
+ color: #fff;
+}
+
+
+.mail-info, .mail-info:hover {
+ margin: -3px 6px 0 0;
+ font-size: 11px;
+}
+
+/* MAIN CONTENT CONFIGURATION */
+#main-content {
+ margin-left: 210px;
+}
+
+.header, .footer {
+ min-height: 60px;
+ padding: 0 15px;
+}
+
+.header {
+ position: fixed;
+ left: 0;
+ right: 0;
+ z-index: 1002;
+}
+
+.black-bg {
+ background: #ffd777;
+ border-bottom: 1px solid #c9aa5f;
+}
+
+.wrapper {
+ display: inline-block;
+ margin-top: 60px;
+ padding-left: 15px;
+ padding-right: 15px;
+ padding-bottom: 15px;
+ padding-top: 0px;
+ width: 100%;
+}
+
+a.logo {
+ font-size: 20px;
+ color: #ffffff;
+ float: left;
+ margin-top: 15px;
+ text-transform: uppercase;
+}
+
+a.logo b {
+ font-weight: 900;
+}
+
+a.logo:hover, a.logo:focus {
+ text-decoration: none;
+ outline: none;
+}
+
+a.logo span {
+ color: #68dff0;
+}
+
+
+/*notification*/
+#top_menu .nav > li, ul.top-menu > li {
+ float: left;
+}
+
+.notify-row {
+ float: left;
+ margin-top: 15px;
+ margin-left: 92px;
+}
+
+.notify-row .notification span.label {
+ display: inline-block;
+ height: 18px;
+ width: 20px;
+ padding: 5px;
+}
+
+ul.top-menu > li > a {
+ color: #666666;
+ font-size: 16px;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border:1px solid #666666 !important;
+ padding: 2px 6px;
+ margin-right: 15px;
+}
+
+ul.top-menu > li > a:hover, ul.top-menu > li > a:focus {
+ border:1px solid #b6b6b6 !important;
+ background-color: transparent !important;
+ border-color: #b6b6b6 !important;
+ text-decoration: none;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ color: #b6b6b6 !important;
+}
+
+.notify-row .badge {
+ position: absolute;
+ right: -10px;
+ top: -10px;
+ z-index: 100;
+}
+
+.dropdown-menu.extended {
+ max-width: 300px !important;
+ min-width: 160px !important;
+ top: 42px;
+ width: 235px !important;
+ padding: 0;
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
+ border: none !important;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+ /* Safari and Chrome */
+ .dropdown-menu.extended {
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;
+ };
+ }
+
+.dropdown-menu.extended li p {
+ background-color: #F1F2F7;
+ color: #666666;
+ margin: 0;
+ padding: 10px;
+ border-radius: 4px 4px 0px 0px;
+ -webkit-border-radius: 4px 4px 0px 0px;
+}
+
+.dropdown-menu.extended li p.green {
+ background-color: #68dff0;
+ color: #fff;
+}
+
+.dropdown-menu.extended li p.yellow {
+ background-color: #fcb322;
+ color: #fff;
+}
+
+.dropdown-menu.extended li a {
+ border-bottom: 1px solid #EBEBEB !important;
+ font-size: 12px;
+ list-style: none;
+}
+
+.dropdown-menu.extended li a {
+ padding: 15px 10px !important;
+ width: 100%;
+ display: inline-block;
+}
+
+.dropdown-menu.extended li a:hover {
+ background-color: #F7F8F9 !important;
+ color: #2E2E2E;
+}
+
+.dropdown-menu.tasks-bar .task-info .desc {
+ font-size: 13px;
+ font-weight: normal;
+}
+
+.dropdown-menu.tasks-bar .task-info .percent {
+ display: inline-block;
+ float: right;
+ font-size: 13px;
+ font-weight: 600;
+ padding-left: 10px;
+ margin-top: -4px;
+}
+
+.dropdown-menu.extended .progress {
+ margin-bottom: 0 !important;
+ height: 10px;
+}
+
+.dropdown-menu.inbox li a .photo img {
+ border-radius: 2px 2px 2px 2px;
+ float: left;
+ height: 40px;
+ margin-right: 4px;
+ width: 40px;
+}
+
+.dropdown-menu.inbox li a .subject {
+ display: block;
+}
+
+.dropdown-menu.inbox li a .subject .from {
+ font-size: 12px;
+ font-weight: 600;
+}
+
+.dropdown-menu.inbox li a .subject .time {
+ font-size: 11px;
+ font-style: italic;
+ font-weight: bold;
+ position: absolute;
+ right: 5px;
+}
+
+.dropdown-menu.inbox li a .message {
+ display: block !important;
+ font-size: 11px;
+}
+
+.top-nav {
+ margin-top: 7px;
+}
+
+.top-nav ul.top-menu > li .dropdown-menu.logout {
+ width: 268px !important;
+
+}
+
+.top-nav li.dropdown .dropdown-menu {
+ float: right;
+ right: 0;
+ left: auto;
+}
+
+.dropdown-menu.extended.logout > li {
+ float: left;
+ text-align: center;
+ width: 33.3%;
+}
+
+.dropdown-menu.extended.logout > li:last-child {
+ float: left;
+ text-align: center;
+ width: 100%;
+ background: #a9d96c;
+ border-radius: 0 0 3px 3px;
+}
+
+.dropdown-menu.extended.logout > li:last-child > a, .dropdown-menu.extended.logout > li:last-child > a:hover {
+ color: #fff;
+ border-bottom: none !important;
+ text-transform: uppercase;
+}
+
+.dropdown-menu.extended.logout > li:last-child > a:hover > i{
+ color: #fff;
+}
+
+.dropdown-menu.extended.logout > li > a {
+ color: #a4abbb;
+ border-bottom: none !important;
+}
+
+.full-width .dropdown-menu.extended.logout > li > a:hover {
+ background: none !important;
+ color: #50c8ea !important;
+}
+
+.dropdown-menu.extended.logout > li > a:hover {
+ background: none !important;
+}
+
+.dropdown-menu.extended.logout > li > a:hover i {
+ color: #50c8ea;
+}
+
+.dropdown-menu.extended.logout > li > a i {
+ font-size: 17px;
+}
+
+.dropdown-menu.extended.logout > li > a > i {
+ display: block;
+}
+
+.top-nav ul.top-menu > li > a {
+ border: 1px solid #eeeeee;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ padding: 6px;
+ background: none;
+ margin-right: 0;
+}
+.top-nav ul.top-menu > li {
+ margin-left: 10px;
+}
+
+.top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus {
+ border:1px solid #F1F2F7;
+ background: #F1F2F7;
+
+}
+
+.top-nav .dropdown-menu.extended.logout {
+ top: 50px;
+}
+
+.top-nav .nav .caret {
+ border-bottom-color: #A4AABA;
+ border-top-color: #A4AABA;
+}
+.top-nav ul.top-menu > li > a:hover .caret {
+ border-bottom-color: #000;
+ border-top-color: #000;
+}
+
+.log-arrow-up {
+ background: url("../img/arrow-up.png") no-repeat;
+ width: 20px;
+ height: 11px;
+ position: absolute;
+ right: 20px;
+ top: -10px;
+}
+
+/*----*/
+
+.notify-arrow {
+ border-style: solid;
+ border-width: 0 9px 9px;
+ height: 0;
+ margin-top: 0;
+ opacity: 0;
+ position: absolute;
+ left: 7px;
+ top: -18px;
+ transition: all 0.25s ease 0s;
+ width: 0;
+ z-index: 10;
+ margin-top: 10px;
+ opacity: 1;
+}
+
+.notify-arrow-yellow {
+ border-color: transparent transparent #FCB322;
+ border-bottom-color: #FCB322 !important;
+ border-top-color: #FCB322 !important;
+}
+.notify-arrow-green {
+ border-color: transparent transparent #68dff0;
+ border-bottom-color: #68dff0 !important;
+ border-top-color: #68dff0 !important;
+}
+
+
+
+/*--sidebar toggle---*/
+
+.sidebar-toggle-box {
+ float: left;
+ padding-right: 15px;
+ margin-top: 20px;
+}
+
+.sidebar-toggle-box .fa-bars {
+ cursor: pointer;
+ display: inline-block;
+ font-size: 20px;
+}
+
+
+.sidebar-closed > #sidebar > ul {
+ display: none;
+}
+
+.sidebar-closed #main-content {
+ margin-left: 0px;
+}
+
+.sidebar-closed #sidebar {
+ margin-left: -180px;
+}
+
+
+/* Dash Side */
+
+.ds {
+ background: #ffffff;
+ padding-top: 20px;
+}
+
+.ds h4 {
+ font-size: 14px;
+ font-weight: 700;
+}
+
+.ds h3 {
+ color: #ffffff;
+ font-size: 16px;
+ padding: 0 10px;
+ line-height: 60px;
+ height: 60px;
+ margin: 0;
+ background: #ff865c;
+ text-align: center;
+}
+
+.ds i {
+ font-size: 12px;
+ line-height: 16px;
+}
+
+.ds .desc {
+ border-bottom: 1px solid #eaeaea;
+ display: inline-block;
+ padding: 15px 0;
+ width: 100%;
+}
+
+.ds .desc:hover {
+ background: #f2f2f2;
+}
+
+.ds .thumb {
+ width: 30px;
+ margin: 0 10px 0 20px;
+ display: block;
+ float: left;
+}
+
+.ds .details {
+ width: 170px;
+ float: left;
+}
+
+.ds > .desc p {
+ font-size: 11px;
+}
+
+.ds p > muted {
+ font-size: 9px;
+ text-transform: uppercase;
+ font-style: italic;
+ color: #666666
+}
+
+.ds a {
+ color: #68dff0;
+}
+
+/* LINE ICONS CONFIGURATION */
+
+.mtbox {
+ margin-top: 80px;
+ margin-bottom: 40px;
+}
+
+.box1 {
+ padding: 15px;
+ text-align: center;
+ color: #989898;
+ border-bottom: 1px solid #989898;
+}
+
+.box1 span {
+ font-size: 50px;
+
+}
+
+.box1 h3 {
+ text-align: center;
+}
+
+.box0:hover .box1 {
+ border-bottom: 1px solid #ffffff;
+}
+
+.box0 p {
+ text-align: center;
+ font-size: 12px;
+ color: #f2f2f2;
+}
+
+.box0:hover p {
+ color: #ff865c;
+}
+
+.box0:hover {
+ background: #ffffff;
+ box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
+}
+
+/* MAIN CHART CONFIGURATION */
+.main-chart {
+ padding-top: 20px;
+}
+
+.mleft {
+}
+
+.border-head h3 {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ margin-left: 15px;
+ padding-bottom: 5px;
+ font-weight: normal;
+ font-size: 18px;
+ display: inline-block;
+ width: 100%;
+ font-weight: 700;
+ color: #989898;
+}
+
+.custom-bar-chart {
+ height: 290px;
+ margin-top: 20px;
+ margin-left: 20px;
+ position: relative;
+ border-bottom: 1px solid #c9cdd7;
+}
+
+.custom-bar-chart .bar {
+ height: 100%;
+ position: relative;
+ width: 6%;
+ margin: 0px 4%;
+ float: left;
+ text-align: center;
+ z-index: 10;
+}
+
+.custom-bar-chart .bar .title {
+ position: absolute;
+ bottom: -30px;
+ width: 100%;
+ text-align: center;
+ font-size: 11px;
+}
+
+.custom-bar-chart .bar .value {
+ position: absolute;
+ bottom: 0;
+ background: #ff865c;
+ color: #68dff0;
+ width: 100%;
+ -webkit-border-radius: 5px 5px 0 0;
+ -moz-border-radius: 5px 5px 0 0;
+ border-radius: 5px 5px 0 0;
+ -webkit-transition: all .3s ease;
+ -moz-transition: all .3s ease;
+ -ms-transition: all .3s ease;
+ -o-transition: all .3s ease;
+ transition: all .3s ease;
+}
+
+
+
+.custom-bar-chart .bar .value:hover {
+ background: #2f2f2f;
+ color: #fff;
+}
+
+.y-axis {
+ color: #555555;
+ position: absolute;
+ text-align: left;
+ width: 100%;
+ font-size: 11px;
+}
+
+.y-axis li {
+ border-top: 1px dashed #dbdce0;
+ display: block;
+ height: 58px;
+ width: 100%;
+}
+
+.y-axis li:last-child {
+ border-top: none;
+}
+
+.y-axis li span {
+ display: block;
+ margin: -10px 0 0 -60px;
+ padding: 0 10px;
+ width: 40px;
+}
+
+
+/*Donut Chart Main Page Conf*/
+.donut-main {
+ display: block;
+ text-align: center;
+}
+
+.donut-main h4 {
+ font-weight: 700;
+ font-size: 16px;
+}
+
+/* *************************************************************************************
+PANELS CONFIGURATIONS
+*************************************************************************************** */
+
+/*Panel Size*/
+
+.pn {
+ height: 250px;
+ box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
+}
+
+.pn:hover {
+ box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.3);
+
+}
+
+/*Grey Panel*/
+
+.grey-panel {
+ text-align: center;
+ background: #dfdfe1;
+}
+.grey-panel .grey-header {
+ background: #ccd1d9;
+ padding: 3px;
+ margin-bottom: 15px;
+}
+.grey-panel h5 {
+ font-weight: 200;
+ margin-top: 10px;
+}
+.grey-panel p {
+ margin-left: 5px;
+}
+/* Specific Conf for Donut Charts*/
+.donut-chart p {
+ margin-top: 5px;
+ font-weight: 700;
+ margin-left: 15px;
+}
+.donut-chart h2 {
+ font-weight: 900;
+ color: #FF6B6B;
+ font-size: 38px;
+}
+
+/* Dark Blue*/
+
+.darkblue-panel {
+ text-align: center;
+ background: #444c57;
+}
+.darkblue-panel .darkblue-header {
+ background: transparent;
+ padding: 3px;
+ margin-bottom: 15px;
+}
+.darkblue-panel h1 {
+ color: #f2f2f2;
+}
+.darkblue-panel h5 {
+ font-weight: 200;
+ margin-top: 10px;
+ color: white;
+}
+.darkblue-panel footer {
+ color: white;
+}
+.darkblue-panel footer h5 {
+ margin-left:10px;
+ margin-right: 10px;
+ font-weight: 700;
+}
+
+/*Green Panel*/
+.green-panel {
+ text-align: center;
+ background: #68dff0;
+}
+.green-panel .green-header {
+ background: #43b1a9;
+ padding: 3px;
+ margin-bottom: 15px;
+}
+.green-panel h5 {
+ color: white;
+ font-weight: 200;
+ margin-top: 10px;
+}
+.green-panel h3 {
+ color: white;
+ font-weight: 100;
+}
+.green-panel p {
+ color: white;
+}
+
+/*White Panel */
+.white-panel {
+ text-align: center;
+ background: #ffffff;
+ color: #ccd1d9;
+}
+
+.white-panel p {
+ margin-top: 5px;
+ font-weight: 700;
+ margin-left: 15px;
+}
+.white-panel .white-header {
+ background: #f4f4f4;
+ padding: 3px;
+ margin-bottom: 15px;
+ color: #c6c6c6;
+}
+.white-panel .small {
+ font-size: 10px;
+ color: #ccd1d9;
+}
+
+.white-panel i {
+ color: #68dff0;
+ padding-right: 4px;
+ font-size: 14px;
+}
+
+/*STOCK CARD Panel*/
+.card {
+ background: white;
+ box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
+ margin-bottom: 1em;
+ height: 250px;
+}
+.stock .stock-chart {
+ background: #00c5de;
+}
+.stock .stock-chart #chart {
+ height: 10.7em;
+ background: url(http://i.imgbox.com/abmuNQx2) center bottom no-repeat;
+}
+.stock .current-price {
+ background: #1d2122;
+ padding: 10px;
+}
+.stock .current-price .info abbr {
+ display: block;
+ color: #f8f8f8;
+ font-size: 1.5em;
+ font-weight: 600;
+ margin-top: 0.18em;
+}
+.stock .current-price .changes {
+ text-align: right;
+}
+.stock .changes .up {
+ color: #4fd98b
+}
+.stock .current-price .changes .value {
+ font-size: 1.8em;
+ font-weight: 700;
+}
+.stock .summary {
+ color: #2f2f2f;
+ display: block;
+ background: #f2f2f2;
+ padding: 10px;
+ text-align: center;
+}
+.stock .summary strong {
+ font-weight: 900;
+ font-size: 14px;
+}
+
+/*Content Panel*/
+.content-panel {
+ background: #ffffff;
+ box-shadow: 0px 3px 2px #aab2bd;
+ padding-top: 15px;
+ padding-bottom: 5px;
+}
+.content-panel h4 {
+ margin-left: 10px;
+}
+
+/*WEATHER PANELS*/
+
+/* Weather 1 */
+.weather {
+ background: url(../img/weather.jpg) no-repeat center top;
+ text-align: center;
+ background-position: center center;
+}
+.weather i {
+ color: white;
+ margin-top: 45px;
+}
+.weather h2 {
+ color: white;
+ font-weight: 900;
+}
+.weather h4 {
+ color: white;
+ font-weight: 900;
+ letter-spacing: 1px;
+}
+
+/* Weather 2 */
+.weather-2 {
+ background: #e9f0f4;
+}
+.weather-2 .weather-2-header {
+ background: #54bae6;
+ padding-top: 5px;
+ margin-bottom: 5px;
+}
+.weather-2 .weather-2-header p {
+ color: white;
+ margin-left: 5px;
+ margin-right: 5px;
+}
+.weather-2 .weather-2-header p small {
+ font-size: 10px;
+}
+.weather-2 .data {
+ margin-right: 10px;
+ margin-left: 10px;
+ color: #272b34;
+}
+.weather-2 .data h5 {
+ margin-top: 0px;
+ font-weight: lighter;
+}
+.weather-2 .data h1{
+ margin-top: 2px;
+}
+
+/* Weather 3 */
+.weather-3 {
+ background: #ffcf00;
+}
+
+.weather-3 i {
+ color: white;
+ margin-top: 30px;
+ font-size: 70px;
+}
+.weather-3 h1 {
+ margin-top: 10px;
+ color: white;
+ font-weight: 900;
+}
+.weather-3 .info {
+ background: #f2f2f2;
+}
+.weather-3 .info i {
+ font-size: 15px;
+ color: #c2c2c2;
+ margin-bottom: 0px;
+ margin-top: 10px;
+}
+.weather-3 .info h3 {
+ font-weight: 900;
+ margin-bottom: 0px;
+}
+.weather-3 .info p {
+ margin-left: 10px;
+ margin-right: 10px;
+ margin-bottom: 16px;
+ color: #c2c2c2;
+ font-size: 15px;
+ font-weight: 700;
+}
+
+
+/*Twitter Panel*/
+.twitter-panel {
+ background: #4fc1e9;
+ text-align: center;
+}
+.twitter-panel i {
+ color: white;
+ margin-top: 40px;
+}
+.twitter-panel p {
+ color: #f5f5f5;
+ margin: 10px;
+}
+.twitter-panel .user {
+ color: white;
+ font-weight: 900;
+}
+
+
+/* Instagram Panel*/
+.instagram-panel {
+ background: url(../img/instagram.jpg) no-repeat center top;
+ text-align: center;
+ background-position: center center;
+}
+.instagram-panel i {
+ color: white;
+ margin-top: 35px;
+}
+.instagram-panel p {
+ margin: 5px;
+ color: white;
+}
+
+/* Product Panel */
+.product-panel {
+ background: #dadad2;
+ text-align: center;
+ padding-top: 50px;
+ height: 100%;
+}
+
+/* Product Panel 2*/
+.product-panel-2 {
+ background: #dadad2;
+ text-align: center;
+}
+.product-panel-2 .badge {
+ position: absolute;
+ top: 20px;
+ left: 35px;
+}
+.badge-hot {
+ background: #ed5565;
+ width: 70px;
+ height: 70px;
+ line-height: 70px;
+ font-size: 18px;
+ color: #fff;
+ text-align: center;
+ border-radius: 100%;
+}
+
+/* Soptify Panel */
+#spotify {
+ background: url(../img/lorde.jpg) no-repeat center top;
+ margin-top: -15px;
+ background-attachment: relative;
+ background-position: center center;
+ min-height: 220px;
+ width: 100%;
+ -webkit-background-size: 100%;
+ -moz-background-size: 100%;
+ -o-background-size: 100%;
+ background-size: 100%;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+#spotify .btn-clear-g {
+ top: 15%;
+ right: 10px;
+ position: absolute;
+ margin-top: 5px;
+}
+#spotify .sp-title {
+ bottom: 15%;
+ left: 25px;
+ position: absolute;
+ color: #efefef;
+}
+#spotify .sp-title h3 {
+ font-weight: 900;
+}
+#spotify .play{
+ bottom: 18%;
+ right: 25px;
+ position: absolute;
+ color: #efefef;
+ font-size: 20px
+}
+.followers {
+ margin-left: 5px;
+ margin-top: 5px;
+}
+
+/* BLOG PANEL */
+#blog-bg {
+ background: url(../img/blog-bg.jpg) no-repeat center top;
+ margin-top: -15px;
+ background-attachment: relative;
+ background-position: center center;
+ min-height: 150px;
+ width: 100%;
+ -webkit-background-size: 100%;
+ -moz-background-size: 100%;
+ -o-background-size: 100%;
+ background-size: 100%;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+#blog-bg .badge {
+ position: absolute;
+ top: 20px;
+ left: 35px;
+}
+.badge-popular {
+ background: #3498db;
+ width: 70px;
+ height: 70px;
+ line-height: 70px;
+ font-size: 13px;
+ color: #fff;
+ text-align: center;
+ border-radius: 100%;
+}
+.blog-title {
+ background: rgba(0,0,0,0.5);
+ bottom: 100px;
+ padding: 6px;
+ color: white;
+ font-weight: 700;
+ position: absolute;
+ display: block;
+ width: 120px;
+}
+.blog-text {
+ margin-left: 8px;
+ margin-right: 8px;
+ margin-top: 15px;
+ font-size: 12px;
+}
+
+/* Calendar Configuration */
+#calendar {
+ color: white;
+ padding: 0px !important;
+}
+.calendar-month-header {
+ background: #43b1a9;
+}
+
+/* TODO PANEL */
+.steps{
+ display: block;
+}
+.steps input[type=checkbox] {
+ display: none;
+}
+.steps input[type=submit]{
+ background: #f1783c;
+ border: none;
+ padding: 0px;
+ margin: 0 auto;
+ width: 100%;
+ height: 55px;
+ color: white;
+ text-transform: uppercase;
+ font-weight: 900;
+ font-size: 11px;
+ letter-spacing: 1px;
+ cursor: pointer;
+ transition: background 0.5s ease
+}
+.steps input[type=submit]:hover{
+ background: #8fde9c;
+}
+.steps label{
+ background: #393D40;
+ height: 65px;
+ line-height: 65px;
+ width: 100%;
+ display: block;
+ border-bottom: 1px solid #44494e;
+ color: #889199;
+ text-transform: uppercase;
+ font-weight: 900;
+ font-size: 11px;
+ letter-spacing: 1px;
+ text-indent: 52px;
+ cursor: pointer;
+ transition: all 0.7s ease;
+ margin: 0px;
+}
+.steps label:before{
+ content:"";
+ width: 12px;
+ height: 12px;
+ display: block;
+ position: absolute;
+ margin: 26px 0px 0px 18px;
+ border-radius: 100%;
+ transition: border 0.7s ease
+}
+.steps label:hover{
+ background: #2B2E30;
+ color: #46b7e5
+}
+.steps label:hover:before{
+ border: 1px solid #46b7e5;
+}
+#op1:checked ~ label[for=op1]:before,
+#op2:checked ~ label[for=op2]:before,
+#op3:checked ~ label[for=op3]:before{
+ border: 2px solid #96c93c;
+ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGFJREFUeNpinHLMhgEHKADia0xQThIQs6JJ9gPxZhYQAcS6QHwDiI8hSYJAC0gBPxDLAvFcIJ6JJJkDxFNBVtgBcQ8Qa6BLghgwN4A4a9ElQYAFSj8C4mwg3o8sCQIAAQYA78QTYqnPZuEAAAAASUVORK5CYII=') no-repeat center center;
+}
+
+/* PROFILE PANELS */
+/* Profile 01*/
+#profile-01 {
+ background: url(../img/profile-01.jpg) no-repeat center top;
+ margin-top: -15px;
+ background-attachment: relative;
+ background-position: center center;
+ min-height: 150px;
+ width: 100%;
+ -webkit-background-size: 100%;
+ -moz-background-size: 100%;
+ -o-background-size: 100%;
+ background-size: 100%;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+#profile-01 h3 {
+ color: white;
+ padding-top: 50px;
+ margin: 0px;
+ text-align: center;
+}
+#profile-01 h6 {
+ color: white;
+ text-align: center;
+ margin-bottom: 0px;
+ font-weight: 900;
+}
+.profile-01 {
+ background: #68dff0;
+ height: 50px;
+}
+.profile-01:hover {
+ background: #2f2f2f;
+ -webkit-transition: background-color 0.6s;
+ -moz-transition: background-color 0.6s;
+ -o-transition: background-color 0.6s;
+ transition: background-color 0.6s;
+ cursor: pointer;
+}
+.profile-01 p {
+ color: white;
+ padding-top: 15px;
+ font-weight: 400;
+ font-size: 15px;
+}
+
+/* Profile 02*/
+#profile-02 {
+ background: url(../img/profile-02.jpg) no-repeat center top;
+ margin-top: -15px;
+ background-attachment: relative;
+ background-position: center center;
+ min-height: 200px;
+ width: 100%;
+ -webkit-background-size: 100%;
+ -moz-background-size: 100%;
+ -o-background-size: 100%;
+ background-size: 100%;
+ -webkit-background-size: cover;
+ -moz-background-size: cover;
+ -o-background-size: cover;
+ background-size: cover;
+}
+#profile-02 .user {
+ padding-top: 40px;
+ text-align: center;
+}
+#profile-02 h4 {
+ color: white;
+ margin:0px;
+ padding-top: 8px;
+}
+.pr2-social a {
+ color: #cdcdcd;
+}
+.pr2-social a:hover {
+ color: #68dff0;
+}
+.pr2-social i {
+ margin-top: 15px;
+ margin-right: 12px;
+ font-size: 20px;
+}
+
+
+/*spark line*/
+.chart {
+ display: inline-block;
+ text-align: center;
+ width: 100%;
+}
+.chart .heading {
+ text-align: left;
+}
+.chart .heading span {
+ display: block;
+}
+.panel.green-chart .chart-tittle {
+ font-size: 16px;
+ padding: 15px;
+ display: inline-block;
+ font-weight:normal;
+ background: #99c262;
+ width: 100%;
+ -webkit-border-radius: 0px 0px 4px 4px;
+ border-radius: 0px 0px 4px 4px;
+}
+#barchart {
+ margin-bottom: -15px;
+ display: inline-block;
+}
+.panel.green-chart .chart-tittle .value {
+ float: right;
+ color: #c0f080;
+}
+.panel.green-chart {
+ background: #a9d96c;
+ color: #fff;
+}
+.panel.terques-chart {
+ background: transparent;
+ color: #797979;
+}
+.panel.terques-chart .chart-tittle .value {
+ float: right;
+ color: #fff;
+}
+.panel.terques-chart .chart-tittle .value a {
+ color: #2f2f2f;
+ font-size: 12px;
+}
+.panel.terques-chart .chart-tittle .value a:hover, .panel.terques-chart .chart-tittle .value a.active {
+ color: #68dff0;
+ font-size: 12px;
+}
+.panel.terques-chart .chart-tittle {
+ font-size: 16px;
+ padding: 15px;
+ display: inline-block;
+ font-weight:normal;
+ background: #39b7ac;
+ width: 100%;
+ -webkit-border-radius: 0px 0px 4px 4px;
+ border-radius: 0px 0px 4px 4px;
+}
+.inline-block {
+ display: inline-block;
+}
+
+/* showcase background */
+.showback {
+ background: #ffffff;
+ padding: 15px;
+ margin-bottom: 15px;
+ box-shadow: 0px 3px 2px #aab2bd;
+}
+
+
+
+/* Calendar Events - Calendar.html*/
+.external-event {
+ cursor: move;
+ display: inline-block !important;
+ margin-bottom: 7px !important;
+ margin-right: 7px !important;
+ padding: 10px;
+}
+
+.drop-after {
+ padding-top: 15px;
+ margin-top: 15px;
+ border-top: 1px solid #ccc;
+}
+
+.fc-state-default, .fc-state-default .fc-button-inner {
+ background: #f2f2f2;
+}
+
+.fc-state-active .fc-button-inner {
+ background: #FFFFFF;
+}
+
+/* Gallery Configuration */
+.photo-wrapper {
+ display: block;
+ position: relative;
+ overflow: hidden;
+ background-color: #68dff0;
+ -webkit-transition: background-color 0.4s;
+ -moz-transition: background-color 0.4s;
+ -o-transition: background-color 0.4s;
+ transition: background-color 0.4s;
+}
+.project .overlay {
+ position: absolute;
+ text-align: center;
+ color: #fff;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ -webkit-transition: opacity 0.4s;
+ -moz-transition: opacity 0.4s;
+ -o-transition: opacity 0.4s;
+ transition: opacity 0.4s;
+
+}
+
+.project:hover .photo-wrapper {
+ background-color: #68dff0;
+ background-image:url(../img/zoom.png);
+ background-repeat:no-repeat;
+ background-position:center;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ position: relative;
+}
+.project:hover .photo {
+ opacity: 10;
+ filter: alpha(opacity=4000);
+ opacity: 0.1;
+ filter: alpha(opacity=40);
+}
+.project:hover .overlay {
+ opacity: 100;
+ filter: alpha(opacity=10000);
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+
+
+
+/* EZ Checklist */
+.ez-checkbox {
+ margin-right: 5px;
+}
+
+.ez-checkbox, .ez-radio {
+ height: 20px;
+ width: 20px;
+}
+
+.brand-highlight {
+background: #fffbcc !important;
+}
+
+
+/* FORMS CONFIGURATION */
+.form-panel {
+ background: #ffffff;
+ margin: 10px;
+ padding: 10px;
+ box-shadow: 0px 3px 2px #aab2bd;
+ text-align: left;
+}
+
+label {
+ font-weight: 400;
+}
+
+.form-horizontal.style-form .form-group {
+ border-bottom: 1px solid #eff2f7;
+ padding-bottom: 15px;
+ margin-bottom: 15px;
+}
+
+.round-form {
+ border-radius: 500px;
+ -webkit-border-radius: 500px;
+}
+
+@media (min-width: 768px) {
+ .form-horizontal .control-label {
+ text-align: left;
+ }
+}
+
+#focusedInput {
+ border: 1px solid #ed5565;
+ box-shadow: none;
+}
+
+.add-on {
+ float: right;
+ margin-top: -37px;
+ padding: 3px;
+ text-align: center;
+}
+
+.add-on .btn {
+ height: 34px;
+}
+
+/* TOGGLE CONFIGURATION */
+.has-switch {
+ border-radius: 30px;
+ -webkit-border-radius: 30px;
+ display: inline-block;
+ cursor: pointer;
+ line-height: 1.231;
+ overflow: hidden;
+ position: relative;
+ text-align: left;
+ width: 80px;
+ -webkit-mask: url('../img/mask.png') 0 0 no-repeat;
+ mask: url('../img/mask.png') 0 0 no-repeat;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+}
+.has-switch.deactivate {
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+ cursor: default !important;
+}
+.has-switch.deactivate label,
+.has-switch.deactivate span {
+ cursor: default !important;
+}
+.has-switch > div {
+ width: 162%;
+ position: relative;
+ top: 0;
+}
+.has-switch > div.switch-animate {
+ -webkit-transition: left 0.25s ease-out;
+ -moz-transition: left 0.25s ease-out;
+ -o-transition: left 0.25s ease-out;
+ transition: left 0.25s ease-out;
+ -webkit-backface-visibility: hidden;
+}
+.has-switch > div.switch-off {
+ left: -63%;
+}
+.has-switch > div.switch-off label {
+ background-color: #7f8c9a;
+ border-color: #bdc3c7;
+ -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
+ -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
+ box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5);
+}
+.has-switch > div.switch-on {
+ left: 0%;
+}
+.has-switch > div.switch-on label {
+ background-color: #41cac0;
+}
+.has-switch input[type=checkbox] {
+ display: none;
+}
+.has-switch span {
+ cursor: pointer;
+ font-size: 14.994px;
+ font-weight: 700;
+ float: left;
+ height: 29px;
+ line-height: 19px;
+ margin: 0;
+ padding-bottom: 6px;
+ padding-top: 5px;
+ position: relative;
+ text-align: center;
+ width: 50%;
+ z-index: 1;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ -webkit-transition: 0.25s ease-out;
+ -moz-transition: 0.25s ease-out;
+ -o-transition: 0.25s ease-out;
+ transition: 0.25s ease-out;
+ -webkit-backface-visibility: hidden;
+}
+.has-switch span.switch-left {
+ border-radius: 30px 0 0 30px;
+ background-color: #2A3542;
+ color: #41cac0;
+ border-left: 1px solid transparent;
+}
+.has-switch span.switch-right {
+ border-radius: 0 30px 30px 0;
+ background-color: #bdc3c7;
+ color: #ffffff;
+ text-indent: 7px;
+}
+.has-switch span.switch-right [class*="fui-"] {
+ text-indent: 0;
+}
+.has-switch label {
+ border: 4px solid #2A3542;
+ border-radius: 50%;
+ -webkit-border-radius: 50%;
+ float: left;
+ height: 29px;
+ margin: 0 -21px 0 -14px;
+ padding: 0;
+ position: relative;
+ vertical-align: middle;
+ width: 29px;
+ z-index: 100;
+ -webkit-transition: 0.25s ease-out;
+ -moz-transition: 0.25s ease-out;
+ -o-transition: 0.25s ease-out;
+ transition: 0.25s ease-out;
+ -webkit-backface-visibility: hidden;
+}
+.switch-square {
+ border-radius: 6px;
+ -webkit-border-radius: 6px;
+ -webkit-mask: url('../img/mask.png') 0 0 no-repeat;
+ mask: url('../img/mask.png') 0 0 no-repeat;
+}
+.switch-square > div.switch-off label {
+ border-color: #7f8c9a;
+ border-radius: 6px 0 0 6px;
+}
+.switch-square span.switch-left {
+ border-radius: 6px 0 0 6px;
+}
+.switch-square span.switch-left [class*="fui-"] {
+ text-indent: -10px;
+}
+.switch-square span.switch-right {
+ border-radius: 0 6px 6px 0;
+}
+.switch-square span.switch-right [class*="fui-"] {
+ text-indent: 5px;
+}
+.switch-square label {
+ border-radius: 0 6px 6px 0;
+ border-color: #41cac0;
+}
+
+
+
+/*LOGIN CONFIGURATION PAGE*/
+.form-login {
+ max-width: 330px;
+ margin: 100px auto 0;
+ background: #fff;
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+}
+
+.form-login h2.form-login-heading {
+ margin: 0;
+ padding: 25px 20px;
+ text-align: center;
+ background: #68dff0;
+ border-radius: 5px 5px 0 0;
+ -webkit-border-radius: 5px 5px 0 0;
+ color: #fff;
+ font-size: 20px;
+ text-transform: uppercase;
+ font-weight: 300;
+}
+.login-wrap {
+ padding: 20px;
+}
+.login-wrap .registration {
+ text-align: center;
+}
+.login-social-link {
+ display: block;
+ margin-top: 20px;
+ margin-bottom: 15px;
+}
+
+
+/*LOCK SCREEN CONF*/
+#showtime {
+ width: 100%;
+ color: #fff;
+ font-size: 90px;
+ margin-bottom: 30px;
+ margin-top: 250px;
+ display: inline-block;
+ text-align: center;
+ font-weight: 400;
+}
+
+.lock-screen {
+ text-align: center;
+}
+
+.lock-screen a {
+ color: white;
+}
+
+.lock-screen a:hover {
+ color: #48cfad
+}
+
+.lock-screen i {
+ font-size: 60px;
+}
+
+.lock-screen .modal-content {
+ position: relative;
+ background-color: #f2f2f2;
+ background-clip: padding-box;
+ border: 1px solid #999;
+ border: 1px solid rgba(0, 0, 0, .2);
+ border-radius: 5px;
+}
+
+
+.btn-facebook {
+ color: #fff;
+ background-color: #5193ea;
+ border-color: #2775e2;
+}
+.btn-facebook:hover,
+.btn-facebook:focus,
+.btn-facebook:active,
+.btn-facebook.active,
+.open .dropdown-toggle.btn-facebook {
+ color: #fff;
+ background-color: #2775e2;
+ border-color: #2775e2;
+}
+
+.btn-twitter {
+ color: #fff;
+ background-color: #44ccfe;
+ border-color: #2bb4e8;
+}
+.btn-twitter:hover,
+.btn-twitter:focus,
+.btn-twitter:active,
+.btn-twitter.active,
+.open .dropdown-toggle.btn-twitter {
+ color: #fff;
+ background-color: #2bb4e8;
+ border-color: #2bb4e8;
+}
+
+
+/*badge*/
+.badge.bg-primary {
+ background: #8075c4;
+}
+
+.badge.bg-success {
+ background: #a9d86e;
+}
+
+.badge.bg-warning {
+ background: #FCB322;
+}
+
+.badge.bg-important {
+ background: #ff6c60;
+}
+
+.badge.bg-info {
+ background: #41cac0;
+}
+
+.badge.bg-inverse {
+ background: #2A3542;
+}
+
+
+/*easy pie chart*/
+.easy-pie-chart {
+ display: inline-block;
+ padding: 30px 0;
+}
+
+.chart-info, .chart-info .increase, .chart-info .decrease {
+ display: inline-block;
+}
+
+.chart-info {
+ width: 100%;
+ margin-bottom:5px;
+}
+
+.chart-position {
+ margin-top: 70px;
+}
+
+.chart-info span {
+ margin: 0 3px;
+}
+
+.chart-info .increase {
+ background: #ff6c60;
+ width: 10px;
+ height: 10px;
+}
+
+.chart-info .decrease {
+ background: #f2f2f2;
+ width: 10px;
+ height: 10px;
+}
+
+.panel-footer.revenue-foot {
+ background-color: #e6e7ec;
+ -webkit-border-radius: 0px 0px 4px 4px;
+ border-radius: 0px 0px 4px 4px;
+ border: none;
+ padding: 0;
+ width: 100%;
+ display: inline-block;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+ /* Safari and Chrome */
+ .panel-footer.revenue-foot {
+ margin-bottom: -4px;
+ };
+ }
+
+
+.panel-footer.revenue-foot ul {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ display: inline-flex;
+}
+
+.panel-footer.revenue-foot ul li {
+ float: left;
+ width: 33.33%;
+}
+
+.panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a {
+ -webkit-border-radius: 0px 0px 0px 4px;
+ border-radius: 0px 0px 0px 4px;
+}
+
+.panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a {
+ -webkit-border-radius: 0px 0px 4px 0px;
+ border-radius: 0px 0px 4px 0px;
+ border-right: none;
+
+}
+
+.panel-footer.revenue-foot ul li a{
+ display: inline-block;
+ width: 100%;
+ padding: 14px 15px;
+ text-align: center;
+ border-right: 1px solid #d5d8df;
+ color: #797979;
+}
+
+.panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a {
+ background: #fff;
+ position: relative;
+}
+
+.panel-footer.revenue-foot ul li a i {
+ color: #c6cad5;
+ display: block;
+ font-size: 16px;
+}
+.panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i {
+ color: #ff6c60;
+ display: block;
+ font-size: 16px;
+}
+
+
+/*flot chart*/
+.flot-chart .chart, .flot-chart .pie, .flot-chart .bars {
+ height: 300px;
+}
+
+/*todolist*/
+#sortable {
+ list-style-type: none;
+ margin: 0 0 20px 0;
+ padding: 0;
+ width: 100%;
+}
+#sortable li {
+ padding-left: 3em;
+ font-size: 12px;
+}
+#sortable li i {
+ position: absolute;
+ left:6px;
+ padding:4px 10px 0 10px;
+ cursor: pointer;
+}
+
+#sortable li input[type=checkbox]{
+ margin-top: 0;
+}
+
+.ui-sortable > li {
+ padding: 15px 0 15px 35px !important ;
+ position: relative;
+ background: #f5f6f8;
+ margin-bottom: 2px;
+ border-bottom : none !important;
+}
+
+.ui-sortable li.list-primary {
+ border-left: 3px solid #41CAC0;
+}
+
+.ui-sortable li.list-success {
+ border-left: 3px solid #78CD51;
+}
+
+.ui-sortable li.list-danger {
+ border-left: 3px solid #FF6C60;
+}
+
+.ui-sortable li.list-warning {
+ border-left: 3px solid #F1C500;
+}
+
+.ui-sortable li.list-info {
+ border-left: 3px solid #58C9F3;
+}
+
+.ui-sortable li.list-inverse {
+ border-left: 3px solid #BEC3C7;
+}
+
+/*footer*/
+.site-footer {
+ background: #68dff0;
+ color: #fff;
+ padding: 10px 0;
+}
+
+
+.go-top {
+ margin-right: 1%;
+ float: right;
+ background: rgba(255,255,255,.5);
+ width: 20px;
+ height: 20px;
+ border-radius: 50%;
+ -webkit-border-radius: 50%;
+}
+
+.go-top i {
+ color: #2A3542;
+}
+
+.site-min-height {
+ min-height: 900px;
+}
+
+