* {
    font-family: 'Roboto',sans-serif;
}
html, body {
    height: 100%;
    margin: 0;
    background-color: #fafafa;
}
.mainContentWrapper {
    min-height: 100%;
}
.timeTrackerNavBar {
    background-color: #fff;
    border: 0px;
    height: 80px;
}
.timeTrackerNavBar ul li a {
    line-height: 50px;
    font-size: 16px;
    text-transform: uppercase;
    color: #8CC540;
    border-left: 1px solid #fff;
}
.timeTrackerNavBar ul li a:hover, .timeTrackerNavBar ul li a:active, .timeTrackerNavBar ul .active a{
    color: #fff;
    background-color: #8CC540;
}
.timeTrackerNavBar .container-fluid {
    margin-top: -1px;
}
.timeTrackerNavBar .navbar-brand {
    line-height: 80px;
}
.homeStartNowBtn {
    font-size: 18px;
    margin-top: 20px;
    padding: 7px 2rem;
    height: auto;
}
.btn:hover, .btn-large:hover {
    color: #fff;
    text-decoration: none;
}
.homeSecondPara {
    margin-top: 30px;
}
.themeH2 {
    font-size: 30px;
}
.themeH3 {
    font-weight: 300;
    font-size: 22px;
    text-transform: uppercase;
}
.themeH4 {
    font-weight: 300;
}
.themeColor {
    color: #ee6e73;
}
.footerCopyRightText {
    height: 50px;
    margin-top: -50px;
}
.tabContent {
    padding-top: 30px;
}
.timeTrackerTasksMainTab {
    background-color: #fafafa;
}
.timeTrackerTasksMainTab .tab a {
    color: #8CC540;
}
.timeTrackerTasksMainTab .indicator {
    background-color: #8CC540;
}
.timeTrackerTasksMainTab .tab a:hover, .timeTrackerTasksMainTab .tab a.active {
    background-color: transparent;
    color: #8CC540;
}
.tabHeader {
    margin-top: 5px;
    font-weight: 400;
    font-size: 22px;
    text-transform: uppercase;
    font-family: "Comic Sans MS", cursive, sans-serif;
}
.tabSubHeader {
    font-size: 18px;
    font-weight: 300;
    margin-top: 0px;
    font-style: italic;
}
.tabBodyWrapper {
    padding: 15px;
}
.formHeader {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
.themeCard {
    -webkit-border-radius: 12px; 
    -moz-border-radius: 12px; 
    border-radius: 12px; 
    overflow: hidden;
}
.themeCardWrapper {
    position: relative;
}
.topCornerBtn {
    position: absolute;
    top: -28px;
    right: -29px;
}
.topCornerBtn i {
    font-size: 24px;
}
.customForm label {
    font-size: 16px;
    font-weight: 300;
    color: #333;
}
.customForm .form-control {
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px; 
}
.nextBtn, .prevBtn, .submitBtn {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    width: 150px;
    height: 56px;
}
.materialBtn {
    font-size: 20px;
}
.taskCrossBtn {
    cursor: pointer;
}
.themeBtn {
    background-color: #8CC540!important;
}
.taskListCollection .taskCancelIcon, .taskListCollection .taskCheckIcon{
    position: absolute;
    right: 10px;
    top: 5px;
}
.taskCheckIcon {
    display: none;
}
.taskListCollection  .collection-item {
    position: relative;
}
.taskListCollection  .collection-item:hover {
    text-decoration: none;
}
.evaluationBadge {
    color: grey;
    font-size: 11px;
    font-style: italic;
    text-transform: lowercase;
    margin-left: 20px;
    display: none;
}
.timeTrackerNavBar {
    height: auto;
}
.navbar-toggle .icon-bar {
    background-color: #8CC540;
}
button.navbar-toggle {
    border: 1px solid #8CC540;
}
button.navbar-toggle:focus {
    background-color: #fff;
}
#completedHoursProgressBarWrapper {
    position: fixed;
    z-index: 200;
    right: 20px;
    height: 250px;
    width: 250px;
    display: none;
}
.addTaskBtn {
    z-index: 250;
}
.logoBrand {
    padding-top: 7px;
    height: 80px;
}

.logo {
    width: 75px;
}
.keywardText {
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-style: italic;
}
.disclaimer {
    margin-top: 30px;
}
.customToastTopRight {

}
.paraHeader {
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    text-decoration: underline;
}
.customAlert, .customAlert span {
    font-size: 16px;
}
.customAlert {
    padding: 20px;
    max-width: 400px;
    position: absolute;
    font-size: 13px;
    right: 10px;
    z-index: 300;
    -webkit-box-shadow: 0px 1px 1px 1px #e0cfcf;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 1px 1px 1px #e0cfcf;  /* Firefox 3.5 - 3.6 */
    box-shadow:         0px 1px 1px 1px #e0cfcf;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.successAlert {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d0e9c6;
}
.errorAlert {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}
.contentCard {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(62, 62, 62, 0.5);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 0px 10px 0px rgba(62, 62, 62, 0.5);  /* Firefox 3.5 - 3.6 */
    box-shadow:         0px 0px 10px 0px rgba(62, 62, 62, 0.5);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 1px;
    background-color: #fff;
    cursor: pointer;
}
.contentCardHeader {
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    color: #81d017;
}
.contentCardBody {
    font-size: 16px;
    font-weight: 300;
}
.contentListStyle {
    list-style-type: lower-alpha;
}
.customPanel .panel-heading{
    color: #fff;
    background-color: #8CC540;
    border-color: #6ab505;
    font-size: 18px;
}
.stillStuckDiv .stillStuckHeading {
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 25px;
    margin-top: 0px;
}


/* Utility styles class */
a.disable-links {
    pointer-events: none;
}
.noSidePad {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.noBorderRadius {
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 0px !important; 
    /* Firefox 1-3.6 */
    -moz-border-radius: 0px !important; 
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 0px !important; 
}
.textCenter {
    text-align: center;
}
.textLeft {
    text-align: left;
}
.textRight {
    text-align: right;
}
.addMdTopMargin {
    margin-top: 40px;
}
.addSmTopMargin {
    margin-top: 15px;
}
.addMdBottomMargin {
    margin-bottom: 40px;
}
.noPad {
    padding: 0px;
}
.noMargin {
    margin: 0px;
}
.relativePosition {
    position: relative;
}
.contentLeftMargin {
    margin-left: 25px;
}

@media only screen and (max-width: 786px) and (orientation: portrait){ /*For mobile view in potrait mode*/
    .topMarginInMobile {
        margin-top: 10px;
    }
    .noMobileSidePadWrapper .col-md-12, .noMobileSidePadWrapper .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .noMobileSidePad {
        padding-left: 0px;
        padding-right: 0px;
    }
    .btn-floating.btn-large {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
    .btn-floating.btn-large i {
        line-height: 40px;
    }
    .topCornerBtn {
        position: absolute;
        top: -20px;
        right: -20px;
    }
    .formHeader {
        text-align: center;
        font-size: 14px;
    }
    .tabHeader {
        font-size: 18px;
    }
    .tabSubHeader {
        font-size: 14px;
    }
    .customForm label {
        font-size: 14px;
    }
    .nextBtn, .prevBtn, .submitBtn {
        font-size: 12px;
        color: #fff;
        height: 50px;
        width: 100px;
    }
    .bottomStepNoHolder {
        margin-top: 5px;
    }
    .taskListCardPanel {
        padding: 8px;
        padding-top: 17px;
        padding-bottom: 17px;
    }
    .timeTrackerNavBar  ul li {
        float: none;
    }
    .timeTrackerNavBar .navbar-brand {
        line-height: 24px;
    }
    .topNavbarToggleBtn {
        margin-top: 23px;
    }
    #completedHoursProgressBarWrapper {
        right: 0px;
        height: 150px;
        width: 150px;
    }
    .themeH2 {
        font-size: 19px;
    }
    .themeH3 {
        font-size: 15px;
    }
    .themeH4 {
        font-size: 16px;
    }
    .contentCard {
        margin-bottom: 15px;
    }
}