body { font-family: "Open Sans"; background: #ecf4fc;}
.active-project { margin-bottom: 10px; }
.active-project-title { padding-bottom: 5px; }
.align-right { text-align: right; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.no-display { display: none;}

/* Layout */
.header-content { background: #668caf; font-weight: 600; color: #FFF; padding: 8px; border-radius: 4px 4px 0px 0px;  padding-left: 10px; padding-right: 10px;}
.content-page { background: #FFF; padding: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; border: 1px solid #668caf; border-radius: 0px 0px 4px 4px;}
.main { background: #ecf4fc; }
.white-area-content { background: #FFFFFF; border-radius: 4px; padding: 15px; border: 1px solid #d4dce2;}
.white-link { color: #FFFFFF; }
.white-link:hover { color: #DCE8E8; text-decoration: none;}

/* header */
.navbar-header2 { background: #4483c9; border-bottom: 1px solid #4483c9 !important;}
.navbar-header2 a { color: #FFFFFF !important; }
.navbar-header2 a:hover { color: #e1e1e1;}
.navbar-nav li:hover a { background: #2c6e98 !important;}
.navbar-brand { padding: 11px !important;}
.graph-height { height: 400px !important; }
.block-area { border: 1px solid #e8e8e8; padding: 10px; margin: 5px;}
#myChart { width: 98%;}
.doughnut-legend { list-style: none; }
.doughnut-legend li { float: left; margin: 10px; }
.home-label { border-bottom: 1px solid #f1f1f1; text-align: left; padding: 5px; color: #343a3d; margin: 0px; background: #f8f8f8; margin-bottom: 10px; border-radius: 4px; font-weight: 550; }
.small-text { font-size: 12px; }
.user_level_display { font-size: 12px; padding-top: 0px;}
.user_name_display { padding: 0px; margin: 0px; font-weight: 600; padding-bottom: 5px;}
.user_avatar { display: inline-block; width: 25px; height: 25px;}
.user_bit a { padding: 15px !important; display: inline-block !important;  }

.table {}
.table-header { font-weight: 600; background: #f0f0f0; }


.doughnut-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.icon-nolink { color: #5e5e5e;}
.faded { opacity: .5;}

.dashboard-window { background: #62acec; width: 100%; padding: 20px; color: #FFF; border-radius: 4px;}
.d-w-icon { width: 30%; float: left; margin-right: 5px;}
.d-w-text { width: 65%; float: left; font-size: 13px; }
.giant-white-icon { font-size: 48px; color: #FFF;}
.d-w-num { font-size: 38px; color: #FFF; vertical-align: top; line-height: 100%; }

.db-header { border-bottom: 1px solid #d3d3d3; margin-bottom: 20px; padding-bottom: 1px;}
.db-header-borderless { margin-bottom: 0px; padding-bottom: 1px; }
.db-header-title { font-size: 18px; float: left;}
.page-header-title { font-size: 24px; float: left;}
.db-header-extra { float: right; padding: 5px;  }

.newnav .active a { background: #4483c9 !important; color: #FFFFFF !important; border-left: 4px solid #f4124d;}
.newnav li .active { background: #4483c9 !important; color: #FFFFFF !important; border-left: 4px solid #f4124d;}
.sidebar { background: #f8f8f8 !important; font-size: 13px; color: #1d212c !important;}
.newnav a { color: #000 !important; border-left: 4px solid #f8f8f8;}
.newnav li { border-bottom: 1px solid #EEE !important; }
.plus-sidebar { float: right; color: #1d212c; }
.plus-sidebar:hover { color: #FFF !important; }
.newnav a:hover { background: #4483c9 !important; color: #FFFFFF !important; border-left: 4px solid #f4124d;}
.newnav a:hover .plus-sidebar { color: #FFF !important; }
.newnav a:focus { background: #4483c9 !important; color: #FFFFFF !important; border-left: 4px solid #f4124d;}
.navbar-indent {}
.bolded { font-weight: 600;}

/* Innner Sidebar Links */
.inner-sidebar-links { list-style: none;  margin: 0px; padding: 0px; }
.inner-sidebar-links a { display: block; background: #f1f1f1; font-size: 13px; padding: 7px; border-left: 4px solid #f1f1f1;}
.inner-sidebar-links li a span { padding-left: 20px; }
.inner-sidebar-links a:hover { background: #519df2 !important; text-decoration: none;}
.inner-sidebar-links .active a { background: #519df2 !important; text-decoration: none; border-left: none; }

/* Profile Area */
.profile-area { position: relative; width: 100%;}
.profile-main { margin: 5px; float: left; border: 1px solid #eeeeee; border-radius: 4px; min-height: 400px; width: 70%; }

.profile-sidebar { vertical-align: top; float: left; border: 1px solid #EEE; padding: 10px;  width: 25%; background: #FFFFFF; min-height: 400px; border-radius: 4px; margin: 5px;}
.profile-user { background: #FFF; height: 150px; border-radius: 4px 0px 0px 0px; padding: 30px; color: #000; }
.profile-info { padding: 10px;}
.profile-info-label { font-weight: 600; color: #E1E7F6; }
.profile-info-content { text-align: right !important; float: right; color: #000; font-weight: 600;}
.profile-main-content { padding: 10px;}
.profile-info-p2 { padding: 10px; color: #000;}

a:focus{
outline: none;
border: 0px solid #ff00ff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-decoration: none;
}

.planarea { border-radius: 4px; padding: 10px; font-size: 12px; background: #68aa9b; color: #FFFFFF; min-height: 280px;}
.plan-title { margin: 0px; margin-bottom: 10px; padding: 0px; font-size: 24px; border-right: 4px solid #1f95d1; text-transform: uppercase;}
.plan-days { font-size: 18px; text-align: center; }
.plan-cost { font-size: 18px; text-align: center; }
.questions-box { border-radius: 4px; border:1px solid #EEEEEE; padding: 10px; background: #fbfaff; }
.box-title { font-size: 18px; border-bottom: 1px solid #EEEEEE; padding-bottom: 2px; margin: 0px;}
.group-spacing { margin-bottom: 10px;}
.answer-box { border: 1px solid #EEEEEE; border-radius: 4px; padding:2px; }
.red-color { color: #84150a;}
.green-color { color: #338426;}
.sidebar-icon { margin-right: 10px; }
.admin-sb-link { margin-right: 5px; }

.results-box { background: #fafff7;}

#preview_loading { position: fixed; bottom: 50px; left: 50px; font-size: 24px; display: none; border: 1px solid #000; color: #FFF; padding: 5px; background: #000; border-radius: 4px; z-index: 9999; }
.spin{
     -webkit-transform-origin: 50% 58%;
     transform-origin:50% 58%;
     -ms-transform-origin:50% 58%; /* IE 9 */
     -webkit-animation: spin .8s infinite linear;
     -moz-animation: spin .8s infinite linear;
     -o-animation: spin .8s infinite linear;
     animation: spin .8s infinite linear;
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.new-user { border: 1px solid #eee; padding: 15px; border-radius: 4px; margin: 5px; }
.new-member-avatar{ float: left; margin-right: 10px;  }
.new-member-joined { float: right; font-size: 11px; color: #545a67; }

