﻿body {
    padding-top: 25px;
    padding-bottom: 20px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1.5em;
    color: #888;
    background-color: #ecf3f2;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

logo-font {
    font-family: Jura;
    font-weight: 600;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Jura', sans-serif;
}

footer {
    background-color: #fff;
}

.navbar-fixed-bottom{
    border-top: 2px solid #ececec;
}

footer p{
    margin: 15px 25px;
    font-family: 'Jura', sans-serif;
}

.form-control::-webkit-input-placeholder { color: #ccc; }
.form-control:-moz-placeholder { color: #ccc; }
.form-control::-moz-placeholder { color: #ccc; }
.form-control:-ms-input-placeholder { color: #ccc; }

/*----------------------*/
/*     Custom Styles    */
/*----------------------*/

.fontSize14 { font-size: 14px; }
.fontSize18 { font-size: 18px; }

.marginLeft5 { margin-left: 5px; }
.marginLeft10 { margin-left: 10px; }
.marginLeft15 { margin-left: 15px; }

.marginRight5 { margin-right: 5px; }
.marginRight10 { margin-right: 10px; }
.marginRight15 { margin-right: 15px; }

.marginBottom5 { margin-bottom: 5px; }
.marginBottom20 { margin-bottom: 20px; }

.marginTop20 { margin-top: 20px; }

.fullwidth { width: 100%; }
.width80 { width: 80%; }
.width70 { width: 70%; }
.width60 { width: 60%; }
.noPadding { padding: 0; }
.paddingBottom5 { padding-bottom: 1px; }

.questionHeading {
    font-size: 1em;
    font-weight: 600;
}
.scheduleIcon {
    margin: 0 10px 0 4px;
    color: #23c6c8;
}

/*----------------------*/
/*      Icons           */
/*----------------------*/
.notificationIcon {
    position:relative;
    border:1px solid blue;
    width:16px;
    height:16px;
    margin: 40px;
}
.notificationBubble {
    position:absolute;
    top: -6px;
    right:-6px;
    padding:1px 2px 1px 2px;
    background-color:red;
    color:white;
    font-weight:bold;
    font-size:0.55em;
    
    border-radius:30px;
    box-shadow:1px 1px 1px gray;
}


/*----------------------*/
/*  Dashboard Overrides */
/*----------------------*/

.list-group-item .label {
    margin-right: 5px;
}


/*----------------------*/
/*      LOGIN           */
/*----------------------*/

.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}

.form-signin .form-control
{
    position: relative;
    font-size: 1.3em;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="tel"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0;
    border-color: #ddd;
}
.form-signin input[type="text"]
{
    margin-bottom: -1px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0;
}

.account-wall
{
    margin-top: 30px;
    padding: 30px 0px 30px 0px;
    background-color: #f8f8f8;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
.login-title
{
    color: #555;
    display: block;
    text-align: center;
}
.profile-img
{
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.need-help
{
    margin-top: 10px;
}
.new-account
{
    display: block;
    margin-top: 10px;
}


/*----------------------*/
/*      Responsive      */
/*----------------------*/

@media (max-width: 767px) {
    
    .dvQuestion {
        padding-top: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #e7eaec;
    }
}


/*------------------------------*/
/*  Bootstrap Switch Overrides  */
/*------------------------------*/

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  /*background: #5cb85c;*/
  background: #1ab394;
}
