﻿/*suman DEC 2014 this is the stylesheet that has our own changes from the bootstrap.. usually for specific requirements, we need to make some changes.all those changes will be here.*/

.container {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

.footer {
    margin-left: 0px !important;
    text-align: center !important;
}

.footerAnchorColor {
    color: #7A7676 !important;
}

/*Suman Styles for ENROLLMENT*/
.MarginBetweenEnrollFields {
    margin-bottom: 8px; /*height between two elements*/
}
/*END Suman Styles for ENROLLMENT*/

/* incenta NAV Bar Styles*/
.navbar-inner {
    min-height: 0px;
}

.navbar-brand {
    line-height: 3px;
    height: 60px;
    padding-top: 2px;
}

.navbar {
    margin-bottom: 0px;
}

.header-nav > li > a {
    background: none !important;
    padding: 10px 20px;
}
/* suman below two navbar styles are to center the text and multi line */
/*.navbar-nav > li {
    width: 90px !important;
}*/

.navbar-default .navbar-nav > li > a {
    color: black;
}

.navbar-nav > li > a {
    text-align: center !important;
    display: inline-block !important;
    /*font-weight: bold !important;*/
    vertical-align: middle !important;
    float: none;
    font-size: medium;
}

@media (min-width: 992px) {
    .navbar li {
        margin-left: 0.5em;
        /*margin-right: 1.5em;*/
    }
}

/*.container-fluid {  border-bottom: 1px solid white};*/

/*.navbar-default {background-color:transparent !important;}*/

/*Suman Added styles below*/
/*.navbar-default .navbar-text{color:white !important;}*/

/*.navbar-default .navbar-nav>li>a{color:white !important;font-weight:bold;}*/

/* END incenta NAV Bar Styles */

/*#wrap1 {
    background-color: transparent;
    background: url("../img/GreenBackground_NEW.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
}*/

/*New code chjanged the background NOV  30 2019*/
#wrap1 {
    background-color: transparent;
    background: url("../img/background_mobilesite_blueoptions.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.wrapper {
    margin: 0px !important;
    margin-top: 0px !important;
}

@media only screen and (min-device-width: 219px) and (max-device-width: 415px) {
    .wrapper {
        min-height: 65em !important;
    }
}

/*.boxed-layout .main-content {
    background: url("../img/GreenBackground_NEW.png") no-repeat center center fixed;

    margin-top: 0px;
    margin-left: 0px;
}*/

/* START incentaHEALTH Panel Style */

.panel-heading {
    background-color: #f3f3f4 !important;
    border-color: #f3f3f4 !important;
    color: #1b75bc !important;
}

.panel-title {
    font-size: 22px !important;
    /*font-weight: bold !important;*/
    font-weight:700 !important;
}

/* END incentaHEALTH Panel Style */

/*ThumbNail paticipant STYLE*/
#partThmbNail {
    border: 3px solid #328ddc !important;
}
/*END ThumbNail paticipant STYLE*/

/* progress bar Start (HEALTHPOINTS)*/
.progress {
    height: 25px !important;
}

    .progress span {
        position: absolute !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        top: 45px !important;
    }

    .progress.active .progress-bar {
        -webkit-transition: none !important;
        transition: none !important;
    }
/* End Progress bar (HEALTHPOINTS)*/

/*incenta Table Styles*/
/*.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td*/
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 2px !important;
}
/*end incenta Table Styles*/

/* incenta FORM Control Label size */
.control-label {
    font-size: 16px !important; /*This si the style for all sizes.. Talk to TODD to see if he wants different sizes for phone,iPad vs Desktop*/
}

/*End incenta FORM*/

/*privacy page styles*/
.infoText {
    font-size: 14px;
}
/*End*/

/*others*/
.paddingTop30PX {
    padding-top: 30px !important;
}

.marginbottom25px {
    margin-bottom: 25px !important;
}

.marginleft20px {
    margin-left: 20px;
}

.BigFont20px {
    font-size: 20px;
}

.margintop12px {
    margin-top: 12px;
}

.marginleft12px {
    margin-left: 12px;
}
/*end others*/

/*suman Buttons*/
.btn-success {
    background-color: #8cc63f !important;
}
/*End Buttons*/

/*Enroll Style Start*/
/*Enroll Image Styles*/
.EnrollImageStyles {
    width: 52px;
    margin-bottom: 10px;
    min-width: 32px;
}

/*END Enroll Image Styles*/

.EnrollheaderDIV {
    /*margin-top:18px;*/
    vertical-align: bottom;
    color: #0054A4;
    /*font-size:20px;*/
}

.marginbottom12px {
    margin-bottom: 12px !important;
}
/*Enroll Styles END*/

.blueFontText14 {
    font-size: 14px;
    color: #0054a4 !important;
}

/*Tetsing*/
.redBorders {
    border: 1px solid red;
}

.marginTopTEST {
    margin-top: 30px;
}
/*end testing*/

/* suman important to increase the font size for iPad portrait mode

    */
@media only screen and (min-device-width: 481px) {
    html {
        -webkit-text-size-adjust: 120%; /* none for no scaling */
    }
}
/*end font size portrait mode*/

/*Logo*/
.navbar-brand img {
    max-width: 200px !important;
    max-height: 66px;
}

/*For some reason the navbar height is becong 60px instead of 70 on iPhone 6. i.e in the values set below the height is beong 60 and image bing 70 causing some issues with the logo height coming out of the nav-header*/
@media only screen and (min-device-width: 415px) and (max-device-width: 768px) {
    .navbar-header {
        height: 70px !important;
    }
}

.navbar-header {
    height: 70px !important;
}