/* CUSTOM JQUERY MOBILE STYLES --------------------------- */

/* Font Awesome & Custom Icons ----------------------*/
.fa-1 { font-size: 2em; }
.fa-2 { font-size: 3em; }
.fa-3 { font-size: 4em; }
.fa-5 { font-size: 12em; }
.fa-6 { font-size: 20em; }
.fa { float: left; margin: 0 .25em 0 0; color: #fff; }
.fa .current-day { position: absolute; top: .25em; left:.34em; width: 45px; height: 45px; text-align: center; }
.fa .current-day span { font-size: .35em; display: block; line-height: 3.2em;  }
.fa-chevron-left { float: left; }
.fa-chevron-right { float: right; }
.fa-chevron-left, .fa-chevron-right { color: #ffffff; margin: 0; font-size: 1em; }
.fa-current { color: #E57B00; background-position: bottom!important; }
.fa-ellipsis-v { font-size: 2.5em; position: absolute; top: .4em; left: 1.3em; }
.fa-user { position: absolute; font-size: 1.3em; top: 1.1em; left: 1.37em; }
.fa-users { font-size: 2.75em; }
.fa-square-o { font-size: 3.5em; }
.m0 { margin: 0; }
.fa-marg { margin: .25em 0; }
.app-list h2.m1-5r { margin-right: 1.5em!important; }
.charcoal { color: #242424; }
.ppol-orange { color: #E57B00; }
.icon-opp-small { width: 30px; height: 30px; display: block; background: url(../images/icon-custom/icon-opp-small.png) top center no-repeat; }
/* End Font Awesome & Custom Icons ------------------*/

/* New Related Icon --------------------- */
.calWeekDiv .task-relation { right: .5em; top: .5em; }
/*PB-79 Case 90252050 appointments in daily view*/
.calWeekDiv1 .task-relation { right: .5em; top: .5em; }/*PB-79*/
/* End New Related Icon ----------------- */

/* Font Uppercase Styling -------------------------- */
.capitalize { text-transform: lowercase; }
.capitalize span { display: inline-block; padding-right: 1em; }
.capitalize span:first-letter { text-transform: uppercase !important; }
/* End Font Uppercase Styling ---------------------- */
 
/* AlphaScroll ------------- 
.alphascroll { padding: 0!important; } */
/* End AlphaScroll --------- */

/* Settings Panel Styles ------------- */
.ui-panel { background-color: #f0f0f0; }
.ui-panel-inner .ui-listview>li.ui-first-child { border-top: none; background-color: transparent; }
.ui-page-theme-a .no-bg-color.ui-btn, .ui-page-theme-a .no-bg-color.ui-btn:hover { background-color: transparent; }
/* End Settings Panel Styles --------- */

/* All Panel List Styles ------------- */
.ui-page-theme-a .ui-panel-inner .ui-body-inherit { background-color: transparent; }
/* End All Panel List Styles --------- */

/* New Popup Styles ------------------ */
#notifyAlerts .ui-listview {  margin: 0 !important; }
div.iscroll-scroller {  width: 100% !important; }
#alert-content, #support-content, #related-content { height: 250px !important; padding: 0; }
#custSupport.alert-pop .ui-content { height: 115px!important; }
#notifyAlerts, #custSupport, #taskRelation { padding: 2em 0.25em 0 0.25em; }
#related-content.ui-content { padding: 0; }
.app-pop >.close { color: #E80003!important; }
.app-pop { font-weight: normal!important; }
.alert-pop >.close { padding: .25em 0; z-index: 5; }
#notifyAlerts .ui-listview>.ui-li-static { padding-left: 0; padding-right: 0; }
#related-content .close { display: none; }
.pop-content .info { border-width: 1px 0 0; border-style: solid; border-color: #ddd; padding: .7em 1em; }
.pop-content .info:first-child { border-top: none; }
/* End New Popuop Styles ------------- */

/* New Push Menu Icons ------------------- */
.icon-organization { width: 45px; height: 49px; display: block; background: url(../images/icon-custom/icon-organizations.png) top center no-repeat; }
.icon-opportunity { width: 45px; height: 49px; display: block; background: url(../images/icon-custom/icon-opportunities.png) top center no-repeat; }
.icon-leads { width: 45px; height: 45px; display: block; background: url(../images/icon-custom/icon-leads.png) top center no-repeat; }
/* End New Push Menu Icons -------------- */

li.menu { list-style: none; position: relative; left: 0; list-style-type: none; display: block; margin: 2px 0; height: 45px; max-height: 80px; overflow: hidden; border-top: 1px solid #d1d1d1; padding: 8px 2px; z-index: width: auto; }

/* Calendar Popup ------------------------ */
.cal-container { position: relative; margin: 0 auto; width: 100%; }
#samplecal { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
#rightbutton a { color: #fff; cursor: pointer; }
#dateLbl { cursor: pointer; }
#allDayAppt { position: fixed; top: 10%; z-index: 1; width: 97.7%; }
.calWeekDiv { height: auto!important; z-index: 2; text-shadow: none; }
.calWeekDiv .verySmall7White { text-align: center; }
.calWeekDiv a { color: #fff; text-decoration: none; }
.calWeekDiv h3 { font-size: 1em; }
/*PB-79 Case 90252050 appointments in daily view*/
.calWeekDiv1 { z-index: 2; text-shadow: none; }
.calWeekDiv1 .verySmall7White { text-align: center; }
.calWeekDiv1 a { color: #fff; text-decoration: none; }
.calWeekDiv1 h3 { font-size: 1em; }/*PB-79*/
#date { text-transform: uppercase; }
/* End Calendar Popup -------------------- */



/* User View Panel ----------------------- */
#calendar-view li.menu { height: auto; max-height: inherit; padding: 8px 0; overflow: visible; }
/* End User View Panel-------------------- */

/* Calendar Summary Page Push Panel Tweaks --------- */
#calendar-summary .ui-panel { width: 14.5em; }
#calendar-summary .ui-panel-page-content-position-left { left: -2.5em; }
#calendar-summary .ui-panel-page-content-position-right { left: 2.5em; right: -2.5em; }
.cal-sumry .ui-panel-dismiss-open.ui-panel-dismiss-position-left { left: 14.5em; }
.cal-sumry .ui-panel-dismiss-open.ui-panel-dismiss-position-right { right: 14.5em; }
.ui-panel-fixed-toolbar { overflow: visible; }
/* End Calendar Summary Page Push Panel Tweaks ------ */

/* New Attendees ------------------------- */
ul.pageitem { margin: 0; list-style: none; padding: 0; }
ul.pageitem li.form { border-width: 1px 0 0; border-style: solid; border-color: #ddd; padding: 1em; position: relative; left: 0; list-style-type: none; display: block; margin: 2px 0; height: 45px; max-height: 80px; overflow: hidden; padding: 8px 5px; z-index: 1000 !important; width: auto; }
ul.pageitem li span.choice { padding: .25em; }
ul.pageitem li.form .name { width: 55% !important; white-space: nowrap; text-overflow: ellipsis; position: absolute; color: #000; font-weight: bold; font-size: 17px; }
ul.pageitem .ui-radio input { float: right; bottom: 12px; }
#attdContent .ui-checkbox { float: right; display: inline-block; width: 74px; height: 31px; margin: 0; }
#attdContent span.checkbox { width: 74px; height: 31px; background: url(../images/icon-custom/toggle-btn.png) top center no-repeat; display: block; top: 0; right: 0; }
#rightnav { float: right; }
#rightnav i.icon-minus-circle { top: 0; }
ul.attendee-items  { margin: 0; padding: 0; list-style: none; }
ul.attendee-items li { border-width: 1px 0 0; border-style: solid; border-color: #ddd; padding: 0.5em 1em; }
ul.attendee-items li .name { color: #E57B00; }
/* End New Attendees --------------------- */

/* New Styles 08/22/2014 ----------------- */
.ui-content { padding: 0.75em; }
.ui-header .ui-btn-left.ui-btn-close { left: 4em; }
.references-display { display: inline-block; min-height: 5em; border: 1px solid #C3C3C3; }
.references-display .reference-lable-wrapper .ref-lable { float: left; padding: 0.313em; background-color: #E9E9E9; border-right: 1px solid #C3C3C3; border-bottom: 1px solid #C3C3C3; width: 5.438em; }
.references-display .reference-lable-wrapper div:last-child { border-right: none; }
.references-display .reference-items { display: block; float: left;  }
.references-display .reference-items div { float: left; border-right: 1px solid #C3C3C3; }
.references-display .reference-items div:last-child { border-right: none; }
.reference-container .main-title { padding-bottom: 0.625em; text-align: center; }
.ui-collapsible-inset, .ui-collapsible-set { margin-bottom: 0; }
.ui-grid-a.w65-w35 { margin: 0.5em auto; }
.ui-grid-a.w65-w35 > .ui-block-a { width: 65%; }
.ui-grid-a.w65-w35 > .ui-block-b { width: 35%; }
.ui-grid-a.w35-w65 > .ui-block-a { width: 35%; }
.ui-grid-a.w35-w65 > .ui-block-a label { margin: 0; padding: .5em; }
.ui-grid-a.w35-w65 > .ui-block-b { width: 65%; }
.ui-grid-a.w65-w35 > .ui-block-b #expand { margin: 0; margin-right: .5em; border-radius: .25em; float: right; }
.ui-btn-left.btn-relative { position: relative; background-color: #F6F6F6; border-color: #DDD; border-radius: 0.5em; box-shadow: 0px 0px 1px #666; display: inline-block; vertical-align: middle; text-decoration: none; padding: 0.5em 1em; margin: 0.25em 0; }
/* End New Styles 08/22/2014 -------------- */

/* Collapsible Styles --------------------- */
#set1 .ui-collapsible-content { padding: 1em; }
#set1 .ui-collapsible-content .nav { margin: .5em 0 0 0; display: block; }
#set1 .ui-collapsible-content .ui-block-a .ui-input-text { margin: 0; }
#set1 .ui-collapsible-content .ui-block-b .ui-btn.ui-last-child { margin-left: .5em; font-weight: normal; }
.reference-list-content { display: block; margin: 0; border-top: 1px solid #E57B00; border-right: 1px solid #E57B00; border-left: 1px solid #E57B00; }
.ui-label-continer { background-color: #ccc; text-align: center; border-bottom: 1px solid #E57B00; }
.ui-grid-container .ui-ref-content { padding: 0.513em 0.625em; background-color: #FFF; text-align: center; border-right: 1px solid #E57B00; border-bottom: 1px solid #E57B00;  }
.ui-content-container .org-reference-content { padding: 0.313em 0.625em; background-color: #FFF; text-align: center; border-right: 1px solid #E57B00; border-bottom: 1px solid #E57B00;  }
.ui-content-container .org-reference-content:last-child, .ui-content-container .org-reference-content:nth-child(4n) { border-right: none;}
.org-reference-content { width: 50%; float: left; margin: 0; border: 0; box-sizing: border-box;  word-wrap: break-word;  padding: 0.313em 0.625em; background-color: #FFF; text-align: center; border-right: 1px solid #E57B00; border-bottom: 1px solid #E57B00;  }
.txt-left { text-align: left!important; }
.org-reference-wrapper .org-reference-content { min-height: 3.25em; }
#myDelBtn { padding: 0; margin: 0; background-color: transparent; color: #fff; font-size: .75em; font-weight: normal; border-radius: 1px; border: none; width: 22px; height: 22px; display: inline-block; float: right; }
#myDelBtn:after { background-color: #E80000; left: 0; }
.ui-grid-container .ui-ref-content.ui-border-rgt-none { border-right: none; }
.ui-label-continer .ui-border-rgt { border-right: 1px solid #E57B00; padding: 0.313em 0.625em; }
.ui-label-continer .ui-border-rgt-last { padding: 0.313em 0.625em; }
.ui-grid-border { border-top: 1px solid #E57B00; }
.ui-border-btm { border-bottom: 1px solid #E57B00; }
.ui-border-rgt { border-right:  1px solid #E57B00; }
.ui-border-lft-none { border-left: none; }
.ui-border-top-btm { border-top: 1px solid #E57B00; border-bottom: 1px solid #C3C3C3; }
.ui-ref-content .label { word-wrap: break-word; text-align: center; font-size: 1.5em; }
.mobile-hide { display: block; }
.w80.push-lft.mobile-100 { width: 80%; }
.ui-ref-content .ui-btn.ui-checkbox-off:after, .ui-ref-content .ui-btn.ui-checkbox-on:after, .ui-ref-content .ui-btn.ui-radio-off:after, .ui-ref-content .ui-btn.ui-radio-on:after { display: none; }
.ui-ref-content  .ui-radio input { margin-top: .25em; }
.ui-ref-content { min-height: 8em!important; }
.ui-page-theme-a .ui-btn.label { background-color: transparent; border: none; text-shadow: none; font-weight: normal; padding: 0; }
.ui-page-theme-a .ui-btn.label:hover, html .ui-body-a .ui-btn.label.ui-focus { background-color: transparent; border: none; text-shadow: none; box-shadow: none!important; }
#popupOrgRel .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child { margin: .25em 0 0 .5em; padding-bottom: .45em; }
#popupOrgRel-popup { top: 125.5px; }
/* End Collapsible Styles ----------------- */

/* Active & Disabled Styles ------------ */
.deactivated { display: none; }
.activated { display: block; }
.overdue { color: #DC0003!important; text-shadow: none!important; }
/* End Active & Disabled Styles -------- */
.inline-block { display: inline-block; }
/* Display Styles ---------------------- */
.inline-block { display: inline-block!important; }
/* End Display Styles ------------------ */

/* User Option Collapsible Set - Reminders & Recurrence */
#reminders-option .ui-collapsible-content, #recurrence-option .ui-collapsible-content, #timeStartEnd .ui-collapsible-content { background-color: transparent; border: none; }
#recurrence-option .ui-radio { display: inline-block; float: left; margin: .5em 1em 0 0; }
#recurrence-option .ui-radio input { margin-top: 0; }
#recurrence-option .ui-grid-solo { overflow: visible; }
#recurrence-option .ui-grid-solo>.ui-block-a { line-height: 3em; }
#recurrence-option .ui-grid-solo>.ui-block-a .ui-input-text { width: 2.25em; height: 2.54em; float: left; margin: 0 .5em 0 0; }
#recurrence-option .ui-grid-solo>.ui-block-a .ui-input-text input { text-align: center; }
#recurrence-option .ui-grid-solo.recur-range>.ui-block-a .ui-input-text { width: 10em; }
#recurrence-option .ui-grid-solo.recur-range>.ui-block-a:last-child .ui-input-text { width: 2.25em; }
#recurrence-option .ui-collapsible-content { padding: 0; }
#recurrence-option .ui-btn-icon-right:after { width: 15px; height: 15px; }
#recurrence-option .ui-icon-arrow-d:after { background-image: none; content: "\f0ab"; background-color: transparent; border-radius: 0; color: #999999; font-size: .5em; font: normal normal normal 14px/1 FontAwesome; display: inline-block; margin: 0; position: relative; float: right; }
#recurrence-option .ui-select .ui-btn { padding: 0.5em; border-bottom-width: 1; }
#recurrence-option .ui-select .ui-btn>span:not(.ui-li-count) { float: left; padding: .10em; }
#tskRecurType-button { padding: .5em .25em; }
#tskRecurType-button span { display: inline-block; margin-right: 1em; } 
#recurrence-option .ui-checkbox { display: inline-block; margin-right: 1em; }
#recurrence-option .ui-checkbox input[type="checkbox"] { display: block; margin-top: 0; }
#recurrence-option #option-weekly .ui-radio { margin-bottom: 1em; }
#recurrence-option #option-weekly .ui-grid-solo:last-child .ui-radio, #recurrence-option #option-weekly .ui-grid-solo:last-child .ui-block-a .ui-input-text { margin-bottom: 0; }
#recurrence-option #option-weekly .ui-grid-solo>.ui-block-a .ui-input-text { margin-bottom: 1em; }
#recurrence-option #option-weekly ul { padding: 0; margin-top: 0; float: left; }
#recurrence-option #option-weekly .ui-controlgroup-controls li { float: left; height: 2.5em; line-height: 2em; vertical-align: top; width: 8.5em; }
.ui-header .calendar-header.cf.ui-title { overflow: visible; }
/* End User Option Collapsible Set - Reminders & Recurrence */

/* New Delete Appointment Icon ------- */
.delete { margin: .75em; }
.delete a { width: 24px; height: 24px; display: inline-block; }
.delete-visible { /*display: block!important;*/ }
.ui-btn-right.edit-btn { margin: .05em 2.20em 0 0; }
.ui-btn-left.edit-btn { margin: .05em 0 0 2.20em; }
/* End New Delete Appointment Icon --- */

/* Branding ------------------------------
.ui-header { background: #ffffff!important; }
.branding { display: block; padding:  }
.head-wrapper { background: #E57B00; }
.branding .logo { width: 306px; height: 56px; margin: 0 auto; background: url(../images/pptb_logo.gif) top center no-repeat; }
.ui-btn-icon-notext.ui-btn-left { top: 3.9em; }
End Branding ----------------------------- */

/* Mobile Login Page --------------------- */
body.mobile-login { margin: 0 auto; }
@font-face { font-family: 'Conv_OfficinaSansCTT'; src: url('/font-family-new/officinasansctt-webfont.eot'); src: url('/font-family-new/officinasansctt-webfontt.eot') format('embedded-opentype'), url('/font-family-new/officinasansctt-webfont.woff') format('woff'), url('/font-family-new/officinasansctt-webfont.ttf') format('truetype'), url('/font-family-new/officinasansctt-webfont.svg') format('svg'); font-weight: normal; font-style: normal }
body.mobile-login .ui-header .ui-title { font-size: 2em; color: #252525; font-family: 'Conv_OfficinaSansCTT'; text-shadow: none; position: relative; }
body.mobile-login h1 span { color: #f2f2f2; }
body.mobile-login h1 span.smalltxt { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; float: right; font-size: .35em; margin-top: -.75em; }
body.mobile-login .ui-page-theme-a .ui-body-inherit { background-color: transparent; border: none; }
body.mobile-login li.form { border: none; }
body.mobile-login .pageitem { -webkit-border-radius: 0; width: 90%; margin: 0 auto; }
body.mobile-login .pageitem.loginbutton { border: none; }
body.mobile-login li.form input[type=text], li.form input[type=password] { width: 100%; }
body.mobile-login .loginbutton .ui-btn { background-color: #252525; color: #f2f2f2; border: none; border-radius: .25em; font-weight: normal; }
body.mobile-login div.ui-slider-switch.ui-mini { float: right; }
body.mobile-login .ui-slider-track .ui-btn.ui-slider-handle { border-radius: .25em; }
body.mobile-login #selectrememberMe { display: none; }
body.mobile-login .ui-checkbox { float: right; display: inline-block; width: 74px; height: 31px; margin: 0; }
body.mobile-login span.checkbox { width: 74px; height: 31px; background: url(../images/icon-custom/toggle-btn.png) top center no-repeat; display: block; top: 0; right: 0; }
body.mobile-login #footer { margin-top: 30px; }
body.mobile-login #footer a { color: #E57B00!important; }
@media (max-width:26.25em){ body.mobile-login .ui-header .ui-title { margin: 0 18.6%; } }
@media (min-width:30em){ body.mobile-login .ui-header .ui-title { margin: 0 29%; } }
/* End Mobile Login Page ----------------- */

/* Custom Media Queries --------- */
@media (max-width:26.25em){ 
.w25.push-lft.cf, .w25.push-rgt.cf { width: 20%; } 
.w25.push-lft.cf { margin: 0 0.313em 0 0; } 
.w25.push-rgt.cf { margin: 0 0 0 0.313em; } 
.ui-header .ui-title, .ui-footer .ui-title { margin: 0 28%; } 
/*.reference-container { margin-left: 1em; }*/
.mobile-hide { display: none; }
.w80.push-lft.mobile-100 { width: 100%; }
.ui-header .calendar-header.cf.ui-title { margin: 0 15%; }
#samplecal { left: -2.20em; }

}

@media (max-width:30em){ 
.reference-container .ui-grid-a .ui-block-b .ui-btn-left.btn-relative { float: right; margin-right: 0.5em; }
}
@media screen and (min-width:30em) and (max-width:59.9999em) {
	.reference-container .ui-grid-a > .ui-block-a { width: 70%; }
.reference-container .ui-grid-a > .ui-block-b { width: 30%; }
}