/***********************************
    FONTS ROBOTO
 ************************************/
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Regular-webfont.woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Italic-webfont.woff');
    font-weight: normal;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Bold-webfont.woff');
    font-weight: bold;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-BoldItalic-webfont.woff');
    font-weight: bold;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Thin-webfont.woff');
    font-weight: 200;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-ThinItalic-webfont.woff');
    font-weight: 200;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Light-webfont.woff');   
    font-weight: 100;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-LightItalic-webfont.woff');
    font-weight: 100;
    font-style: italic;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Medium-webfont.woff');    
    font-weight: 300;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-MediumItalic-webfont.woff');
    font-weight: 300;
    font-style: italic;
}


* {
    /* -webkit-tap-highlight-color: rgba(0,0,0,0); */ /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}


body {
  
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;                  /* prevent copy paste, to allow, change 'none' to 'text' */
 /*   background-color:#E4E4E4; */
    background-color: white;
    background-image:linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-webkit-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-ms-linear-gradient(top, #A7A7A7 0%, #E4E4E4 51%);
    background-image:-webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #A7A7A7),
        color-stop(0.51, #E4E4E4)
    );
    background-attachment:fixed;
    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif; 
    /*
    font-size:12px;
    height:100%;
    margin:0px;
    padding:0px;
    text-transform:uppercase;
    width:100%;
        */
}    

/* Portrait layout (default) */
.app {
    background:url(../img/logo.png) no-repeat center top; /* 170px x 200px */
    position:absolute;             /* position in the center of the screen */
    left:50%;
    top:50%;
    height:50px;                   /* text area height */
    width:225px;                   /* text area width */
    text-align:center;
    padding:180px 0px 0px 0px;     /* image height is 200px (bottom 20px are overlapped with text) */
    margin:-115px 0px 0px -112px;  /* offset vertical: half of image height and text area height */
                                   /* offset horizontal: half of text area width */
}


/* Landscape layout (with min-width) */
@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .app {
        background-position:left center;
        padding:75px 0px 75px 170px;  /* padding-top + padding-bottom + text area = image height */
        margin:-90px 0px 0px -198px;  /* offset vertical: half of image height */
                                      /* offset horizontal: half of image width and text area width */
    }
}

.header {
    height: 50px;
    z-index:3000;
}

.event {
    border-radius:4px;
    -webkit-border-radius:4px;
    color:#FFFFFF;
    font-size:12px;
    margin:0px 30px;
    padding:2px 0px;
}

.event.listening {
    background-color:#333333;
    display:block;
}

.event.received {
    background-color:#4B946A;
    display:none;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}

.ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
    background-color: #ffffff;
}

.ui-header-fixed .ui-btn-right {
    margin-top: 0;
}

.ui-page-theme-a .ui-body-inherit {
    border-color: #ccc;
}

.ui-collapsible-set {
    margin: 0;
}

.ui-bar-a,
    .ui-page-theme-a .ui-bar-inherit,
    html .ui-bar-a .ui-bar-inherit,
    html .ui-body-a .ui-bar-inherit,
    html body .ui-group-theme-a .ui-bar-inherit .ui-bar-inherit h3 {
        text-align: center;
        color: #fff;
        text-shadow: 0 0 0 #eee;
    }

#challengesInProgressPageContent .ui-listview, #pendingChallengesPageContent .ui-listview /*.ui-panel-inner > .ui-listview*/ {
    padding: 1em 0;
}

ul {
    list-style-position: inside;
}


table {
    border-collapse: collapse;
}

/*.ui-collapsible-themed-content  h3 > a {
    background: #e0e0e0;
}

ui-collapsible-collapsed h3 > a {
    background: #fff;
}*/

.ui-collapsible-content.ui-body-inherit ul li a{
    padding-left: 30px;
    font-weight: normal;
}

.ui-icon-plus {
    color: #333;
}

/******************************UI Mobile Overwrite*******************************/
.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, 
html body .ui-group-theme-a .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, 
html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, 
.ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, 
html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, 
.ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, 
html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active {
    background-color: #333435 /*{a-active-background-color}*/;
    border-color: #333435 /*{a-active-border}*/;
}


/*****
*****header**************************************************************/

.ui-header .ui-title, .ui-footer .ui-title {
    color: #fff;
    text-shadow: 0 0 0 #eee;
}

.ui-popup .ui-bar-inherit {
    background-color: #333 /*{a-bar-background-color}*/;
    border-bottom: 0 solid #333   /*{a-bar-border}*/;
}


#homepage_subheader {
    background: #40453A;
}

#homepage_subheader_div {
    border: 0;
    border-width: 0 !important;
}

#homepage_subheader_div li{
    background: #40453A !important;
    color: #fff;
    border: 0;
}

.subheader {
    top: 58px;
    border: 0;
    border: 0 !important;
}


/******* subheader color****************/

#settingsAlertsPage_subheader, #storyList, #labTestDataListPageHeaderDiv, #storyOperation, 
#pendingChallengesPageHeaderDiv, #triviaChallengesStandingPageHeaderDiv, #standingChallengePageHeaderDiv, #challengesInProgressPageHeaderDiv, 
#wellnessChallengesStandingPageHeaderDiv, #labResultPageHeaderDiv {
    background: #333 !important;
    text-align: center;
    padding: 10px;
}

#storyList {
    color: #fff;
    padding: 12px;
}

#storyList .hci-btn-right, .subheader .hci-btn-right{
    padding: .5em 1em;
    top: .58em !important;
    right: 2.2em !important;
}

#labTestDataListPageHeaderDiv .ui-title, #pendingChallengesPageHeaderDiv .ui-title, #triviaChallengesStandingPageHeaderDiv .ui-title, 
#standingChallengePageHeaderDiv .ui-title, #challengesInProgressPageHeaderDiv .ui-title, #labResultPageHeaderDiv .ui-title{
    padding: 0; 
}

#storyOperation .ui-btn, #storyList .ui-btn{
    margin: 0;
}

.ui-select {
    margin: 0;
}

#currentMedicineDetailsTabDiv {
    margin: 0 25px 0 0;
}


/******* subheader color****************/
#labTestDataListPageHeaderDiv h3 {
    color: #fff;
}

/*****
*****hamburger menu*****/
.hamburger {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 30px;
    float: left;
    padding: 10px 15px;
}

.hamburger div {
    background-color: #fff;
    height: 3px;
    margin-top: 5px;
    width: 90%;
}

.mobile-navigation {
	width: 0;
    height: 100%;
    overflow: scroll;
    position:inherit;
    left: 0;
    top: 60px;
    background: #ffffff;
    z-index: 2000;
}
			
.mobile-navigation .close {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 37px;
    text-indent: -99999em;
    cursor: pointer;
    background: url("menu-close-button.png") no-repeat center center;
}



/*****
*****footer*****/

.footer {
    position: fixed !important;
    border-bottom: 0 !important;
    border: 0 !important;
}

.greenbarFooter {
    background-color: #a38bbd;
    height: 10px;
    display: block;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.footerDiv {
    background: #4f2a76 !important;
    color: white !important;
    height: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    display: block;
}

/*=====================================================*/

/*****
*****list view**************************************************************/

.ui-listview > li > a.ui-btn {
    background-color: #fff;
    border-color: #e0e0e0;
    color: #333;
}

.ui-listview > li > a.ui-btn:hover {
    background-color: #e8e8e8;
    border-color: #e0e0e0;
}

.ui-listview > li p {
    font-size: 1em;
    font-weight: normal;
    display: block;
    margin: .6em 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#list_available_urls_div {
    background-color: #7d7e81;
    margin: 0 -15px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
}

/*=====================================================*/

/*****
*****buttons**************************************************************/

.ui-page-theme-a .ui-btn, .ui-page-theme-a .ui-btn:hover, .ui-page-theme-a .ui-btn:focus {
    border-color: #e0e0e0;
    color: #333;
}

.ui-page-theme-a .ui-btn.ui-btn-active {
    background-color: #a38bbd /*{a-active-background-color}*/;
    border-color: #a38bbd /*{a-active-border}*/;
    color: #fff;
}

.ui-popup .ui-btn-active {
    background-color: #716f6f !important;
    border-color: #716f6f !important;
}

.ui-popup.ui-body-inherit {
    border-color: #ccc;
}

.hci-btn, .hci-back-btn, .hci-btn-save-wide, .ui-li-count a{
    color:#fff !important;
    background-color: #4f2a76;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#58357d),     color-stop(49%,#58357d), color-stop(51%,#4f2a76), color-stop(100%,#4f2a76));
    background:-moz-linear-gradient(top, #58357d 1%, #58357d 49%, #4f2a76 51%, #4f2a76 100%);
    background:-o-linear-gradient(top, #58357d 1%,#58357d 49%,#4f2a76 51%,#4f2a76 100%);
    background: -ms-linear-gradient(top, #58357d 1%,#58357d 49%,#4f2a76 51%,#4f2a76 100%);
    background:linear-gradient(to bottom, #58357d 1%,#58357d 49%,#4f2a76 51%,#4f2a76 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58357d', endColorstr='#4f2a76',GradientType=0 );   
    border: 1px solid #3c1e55 !important;
    text-decoration: none;
    font-weight: normal  !important;
}

.hci-btn, .hci-btn-save-wide {
	border-radius: 8px;
    -moz-border-radius: 8px;
	-webkit-border-radius: 8px;   
    height: auto !important;
    line-height: 1; 
}

.ui-li-count {
    border: 0;
    line-height: 1.9em;
}

.ui-li-count > a {
    padding: 5px 10px;
    border-radius: 5px;
}


.hci-btn:hover, .hci-back-btn:hover, .hci-btn-save-wide:hover, .ui-li-count a:hover{
    color:#fff !important; 
    background-color: #3c1e55 !important;
    

    background-image:
        -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(60,30,85)),
		color-stop(0.49, rgb(60,30,85)),
		color-stop(0.5, rgb(60,30,85)),
		color-stop(1, rgb(60,30,85))
	)!important;
    background-image: -moz-linear-gradient(
		center top,
		rgb(60,30,85) 0%,
		rgb(60,30,85) 49%,
		rgb(60,30,85) 50%,
		rgb(60,30,85) 100%
	)!important;
    background-image: -ms-linear-gradient(top, #3c1e55 0%, #3c1e55 10%)!important;

    font-weight: normal  !important;
    text-decoration: none;
    border: 0px solid #886bac;
}

.hci-btn-save {
    width: 3.5em;
}

.hci-btn-small {
    font-size: .75em;
    height: 1.5em;
}

.hci-back-btn {
    font-size: .75em;
    height: 1.1em;
    top: 1em;
}

/*.logoutbutton {
    right: .5em !important;
    top: 7px;
    padding: .5em !important;
    background-color: #886bac !important;
    border: 2px !important;
    font-size: 11pt !important;
    font-family: Roboto !important;
    font-weight: bold !important;
    color: rgba(0,0,0,0)!important;
    vertical-align: middle;
    -webkit-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 2px 2px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.4), 2px 2px 2px rgba(0, 0, 0, 0.4);
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .4), 3px 3px 3px rgba(0, 0, 0, .4);
}

.logoutbutton:hover{
    border: solid 1px #203E5F;
}*/

.alertSliderTd div.ui-slider-switch { /*-------- on off border removed*/
    border-bottom: 0 !important;
}

.ui-page-theme-a .ui-slider.ui-bar-inherit {
    background-color: #b5b6b7;
    border-color: #ddd;
}


/*=====================================================*/

/*****
*****navigation**************************************************************/

.nav-icon-color path {
    fill: #4f2a76!important;
}

.svg {
    left: 0.8em!important;
    top: 1.2em!important;
    max-height: 3em !important;
    max-width: 3em !important;
    position:absolute!important;
}



/*=====================================================*/

/*****
*****Content**************************************************************/
div.instruction {
    padding: 1em 0;
    font-family: Roboto;
    font-size: 1em;
    font-weight: bold;
}

.titlemonsum {
    font-weight: bold;
    font-size: 13pt;
}

.titlefitness {
    font-weight: bold;
    font-size: 15pt;
}


.tablemonthsum th, .tablemonthsum td {
    background-color: #C5C3BA;
    font-size: .9em;
    padding: .8em;
    font-weight: bold;
    border: 1px solid #999;
}

.tablemonthsum td {
    background-color: #fff;
    font-weight: normal;
    padding: .5em;
}


.activitieslist {
    border-bottom: 1px dashed #ccc;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding: 6px;
}

#trackerDiv > p {
    margin: 15px 0 5px;
}

#fitnesTrackerList {
    list-style: none;
}

#fitnesTrackerList > li > ul {
    padding: 0 15px 15px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}

#allMedicineDetailsPage h3, #messageWallSelectedStoryPage h3, #messageWallNoteDetailPage h3, #messageWallMessagePage h3{
    font-weight: normal;
    min-height: 1.1em;
    text-align: center;
    display: block;
    margin: 0 5% !important;
    padding: .7em 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
}

#settingsAddresses, #settingsPhoneNumbers, #settingsEmail {
    padding: .7em;
}

#settingsPreferenceAddressAddNewSpan, #settingsPreferencePhoneAddNewSpan, #settingsPreferenceEmailAddNewSpan {
    padding: 0 !important;
    margin-right: 4em !important;
}

/******************Display */

.icon-color {
    color: #4f2a76!important;
}

.eulacontent {
    display: block;
    width: 100%;
    margin:0 auto;
}
.greenbar {
    display:block;
}

.greenbarFooter {
    display:block;
}

.pagetextRegular {
    display:inline-block;
}

#signInText {
    display: inline-block;
    padding-right:10px;
}

#signInImage {
    display:inline-block;
    vertical-align:middle;
}

.progressBar {
    display:block;
    background:gray;
    width:80%;
    border-radius:0px;
    /* margin:auto; */
    padding: 1%;
}

progress {
	width: 100%;
	height: 30px;
	margin: auto;
	display: block;
	/* Important Thing */
	-webkit-appearance: none;
	border: none;
}

#incentivesDetailProgramTitle {
    display:block;
}

#programTitle {
	display:inline-block;
    vertical-align: middle !important
}

#incentivesPointsEarned {
    display:block;	
}

.healthgoalAttachDocumentDiv {
	display:inline-block;
}

h3 {

    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /* outline: 0 !important; */
}

#homepage_menu_user_div {
    display: list-item;
    padding-top:5px;
    padding-bottom: 5px;
    position:fixed;
}

.appointmentSelectTitle {
    font-weight: normal;
    min-height: 1.1em;
    text-align: center;
    display: block;
    padding: .7em 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.alertSliderTd
 {
    text-align: right !important;
}

#changeOldUserName {
    font-size: 20px;
    color: #000;
}

/*********************************************/

.list_item_header-h5 {
    display: block;
    margin: 1em 0 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: Roboto;
    font-size: 13pt !important;
    font-weight: bold !important;
    white-space: normal !important;
    color: #333 /*{a-bhover-color}*/;
}

.list_item_text-p {
    display: block;
    margin: .6em 0;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: Roboto;
    font-size: 11pt !important;
    font-weight: normal !important;
    white-space: normal !important;
    color: #333 /*{a-bhover-color}*/;
}


#homepageListView h4 > a.ui-collapsible-heading-toggle {
    padding-left:85px;
    box-shadow: 0 0 0 #3388cc;
}

.mobile-navigation h4 > a.ui-collapsible-heading-toggle {
    padding-left:85px;
}

.ui-collapsible-inset {
    margin: 0;
}

.ui-collapsible-set > .ui-collapsible.ui-corner-all {
   border-radius: 0;
}

div.ui-collapsible-inset .ui-collapsible-heading .ui-btn {
     border-right-width: 0px!important; 
     border-left-width: 0px!important; 
}

div.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
    border-right-width: 0px!important; 
    border-left-width: 0px!important;
}

.custom-active .ui-collapsible-heading-collapsed > .ui-collapsible-heading-toggle {
       background:#ffffff !important;
}
.custom-active .ui-collapsible-heading-toggle {
      background: #C6C6C6!important;
}

.custom-active .ui-collapsible-heading-toggle:hover {
    background-color: #e8e8e8 !important;
    border-color: #e0e0e0 !important;
}

.ui-listview > .ui-li-has-thumb > .ui-btn {
    padding-left: 5.5em!important;
    border-bottom-width: 0 !important;
}

.custom-active  .ui-li-has-thumb > .ui-btn {
    padding-left: 5.5em!important;
    margin-left: 15px;
    border-top-width: 0;
    border-bottom-width: 0 !important;
}

.submenulist, .submenulist li a{
    background: #f3f4f5 !important;
}

.submenulist, .submenulist li{
    border-bottom: 1px solid #e0e0e0;
}

.submenulist li .svg {
    left: 0.6em!important;
    top: 1.2em!important;
    max-height: 3em!important;
    max-width: 3em!important;
    position: absolute!important;
}

.submenulist li .ui-listview > .ui-li-has-thumb > .ui-btn {
    padding-left: 4.5em !important;
}

.mySettingsPrefenceListView .ui-bar-inherit {
    background-color: #fff !important;
    border-bottom: 1px solid #ccc !important;
}

.mySettingsPrefenceListView > .ui-li-divider.ui-li-has-count {
    padding-right: 0;
    text-align: left;
}

.mySettingsPrefenceListView a, .mySettingsPrefenceListView a:hover {
    color: #333;
    text-decoration: none;
}

#messageWallInfoHeaderTitle {
    font-family:Roboto;
    font-size: 12pt;
    white-space: normal;
    padding: 1em;
    margin-bottom: -.2em;
    text-shadow: 0 0 0 #eee;
}

/*******************************************************/

/*iframe classes*/

iframe {
    display: block;
}

.iframe-wrapper .ui-content{
    padding: 0;
}

/*******************************************************/
/*helper classes*/

.dialog_header {
    padding: 1em;
    color: white !important;
    text-shadow: 0 0 0 #eee;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.one_buttons_div {
    margin: 0 auto;
    text-align: center !important;
}

.alertTypeTitle {
    font-size: 14pt;
    font-weight: bold;
    color: #000000;
}

.clearFloats {
    clear: both;
}

.dashedTable th, .dashedTable td {
    border: 1px dashed #ccc;
    line-height: 1.5em;
    text-align: left;
    padding: .4em 5%;
    width:90%;
}

.marginTB-cus-20 {
    margin-bottom: -10px;
    margin-top: 20px;
}

marBot-10 {
    margin-bottom: 10px;
}

marBot-15 {
    margin-bottom: 15px;
}

.width-140 {
    width: 140px;
}

.break-all {
    word-break: break-all;
}

/***** back button adjustment *******/

#setServiceUrlPage .hci-back-btn {
    top: .3em;
}

/***** contact information margin addedd *******/
#settingsNewPhoneNumberPageContent .ui-select, #settingsNewPhoneNumberPageContent .ui-input-text {
    margin-bottom: 15px;
    margin-top: 0;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.btn-padding {
    padding: 11px 8px;
}

.subheader-bgcolor {
    background: #333!important;
    border-bottom: 1px solid #fff!important;
    border-width:0px!important;
}

.sub-header {
    border: 0 !important;
    height: 50px;
    z-index: 3000;
}

.subheader > a {
   color: #fff!important;
   margin-top:0px!important
}

.subheader > a:hover {
   color: #eee!important;
}

.right-position{
    right:0.4em;
}

.main-header{
    top:100px!important;
	border:0px!important;
}

.margin-top-8px{
    margin-top:8px!important;
}

.custom-header.ui-fixed-hidden{
    position:fixed!important;
}

.custom-header{
    border:0px!important;
	height:100px;
	background-color:#fff!important;
}

.child-header-2 > a{
    margin-top:0px!important;
    color:#fff!important
}

.child-header-1{
    border-bottom: 10px solid #0086b8!important; 
    border-width: 0px 0px 10px 0px!important;
    border-style: none;
}

.fa-sign-out, .fa-question-circle, .fa-chevron-left, .fa-pencil-square-o, .fa-info-circle, .fa-play-circle{
   font-size: 24px !important;
}

.padding-content{
   padding: .4em .5em;
   border-bottom: 1px solid #d6d6d6;
}


/******New Header design*****/

.ui-header-main {
    background-color: #08446b;
    border-bottom: 10px solid #0086b8;
}
	
.ui-header-main .ui-title, .subheader-part .ui-title{
	color: #fff;
	text-shadow: 0 0 0 #eee;
	font-family: Roboto;
	font-weight: 400;
	font-size: 1.17em;
	min-height: 1.1em;
	text-align: center;
	display: block;
	margin: 0 8%;
	padding: .7em 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	outline: 0 !important;
}	
	
.topright-icon {
	position: absolute;
	right: 0.2em;
	top: 0.1em;
}
	
.topleft-icon {
	position: absolute;
	left: 0.2em;
	top: 0.1em;
}	
	
.subheader-part {
	background: #333333;
	font-family: Roboto;
	color: #ffffff;
}
	
.subheader-part .ui-title{
	font-size: 1.2em;
	padding: .75em 0;
}
	
.subheader-part .topright-icon {
	top: 3.9em;
    right: 0.35em;
}
	
.subheader-part .topleft-icon {
	top: 3.8em;
}	
	
.fa{
	cursor: pointer;		
}
	
.fa-sign-out, .fa-bars, .subheader-part .fa-chevron-left, .subheader-part .fa-question-circle, .subheader-part .fa-pencil-square-o, .subheader-part .fa-info-circle{
	font-size: 24px!important;
	padding: 11px 8px;
	color: #ffffff;
}	

.ui-header-fixed {
    padding-top: 0px!important;
}

.ui-title-menu{
    color: #fff;
	text-shadow: 0 0 0 #eee;
	font-family: Roboto;
	font-weight: 400;
	min-height: 1.1em;
	text-align: left;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	outline: 0 !important;
    font-size: 1.2em;
	padding: .75em 0;
    margin: 0 4%;
}


/***************** CSS for Terms and Conditions Start ****************/
.terms h4 {
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 5px;
}

.terms p, .terms ul, .terms ol {
    color: #7b7b7b;
}

    .terms ol li > ol {
        margin-left: 15px;
        margin-top: 5px;
    }

.terms li {
    margin-bottom: 5px;
}

.terms .gray {
    color: #333333;
    margin:0px;
    padding-left:25px;
}

.terms .panel-heading {
    background: #efefef;
    margin-right: 0;
    margin-left: 0;
    color: #06456a;
}

.terms .panel-group .col-xs-10, .terms .panel-group .col-xs-2 {
    padding-right: 0;
    padding-left: 0;
}

.terms .panel-title {
    font-size: 20px;
    margin-top: 0;
}

.terms .panel-default {
    margin-top: 10px !important;
}

.terms .fa-plus {
    color: #06456a;
    margin-right: 0;
}

.terms .bold {
    color: #333333;
    font-size: 15px;
    font-weight: 700;
}

/***************** CSS for Terms and Conditions End ****************/

#EULAAgreeDiv{
    text-align:center;
}

.loaderImg {
    position: fixed;
    left: 45%;
    top: 45%;
    width:100%;
    height: 100%;
    background: url(images/ajax-loader.gif) no-repeat;
}

.loaderText {
    position: fixed;
    left: 40%;
    top: 54%;
}