Mini Kabibi Habibi
body
{
border: 0 none;
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
font-size: 12px;
color: #333333;
}
body.desktop
{
background-image: url("../images/dx-background.png");
overflow-y: scroll;
}
body.mobile
{
font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
}
.left
{
float: left;
}
.right
{
float: right;
}
.clear
{
clear: both;
}
.green
{
color: green;
}
.desktop .container
{
padding-left: 20px;
padding-right: 20px;
}
header
{
width: 100%;
margin: 0 auto;
overflow: hidden;
background-color: rgb(246,145,30);
background-image: -o-linear-gradient(left, rgb(246,145,30) 45%, rgb(197,73,49) 73%);
background-image: -moz-linear-gradient(left, rgb(246,145,30) 45%, rgb(197,73,49) 73%);
background-image: -webkit-linear-gradient(left, rgb(246,145,30) 45%, rgb(197,73,49) 73%);
background-image: -ms-linear-gradient(left, rgb(246,145,30) 45%, rgb(197,73,49) 73%);
color: #FFFFFF;
font-size: 10px;
letter-spacing: 0.1em;
}
.desktop header
{
max-width: 1140px;
min-width: 755px;
}
header div
{
padding: 10px 20px;
}
.headercontent
{
float: left;
width: 100%;
margin-right: 0;
}
.desktop .devx-logo{
margin: 0px;
padding: 18px 0px 17px 0;
}
.useractions
{
padding:20px 20px 0 0;
}
footer
{
width: 100%;
margin: 0 auto;
overflow: hidden;
color: #777777;
font-size: 12px;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
padding: 20px 0px 25px;
text-align: center;
vertical-align: baseline;
}
.desktop footer {
max-width: 1140px;
min-width: 755px;
}
.footerNavigation a {
border-right: 1px solid #BBBBBB;
color: #777777;
font-weight: 700;
font-size: 12px;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
padding: 2px 8px;
text-transform: uppercase;
cursor: pointer;
}
.footerNavigation a:last-of-type {
border-right: 0px none;
}
.footerTrustIcons {
margin: 10px auto;
}
.footerTrustIcons td {
padding: 0 15px;
}
.mainContentContainer
{
margin: 0 auto;
overflow: hidden;
width: 100%;
}
.desktop .mainContentContainer
{
max-width: 1140px;
min-width: 755px;
}
.leftspacer,
.rightspacer
{
width: 4.85%;
float: left;
min-height: 1px;
}
.leftspacer
{
margin-right: 3.8%;
}
.rightspacer
{
}
.maincontent
{
width: 100%;
float: left;
padding: 10px 0 0 0;
}
.leftNavbar
{
width: 29.47%;
float: left;
}
.content
{
width: 69%;
float: left;
}
.transactions .leftNavbar
{
width: 20%;
}
.transactions .content
{
width: 78.4%;
}
.accountTree.dxtvControl_iOS .dxtv-ndSel
{
background: url("../Images/selected-pointer.png") repeat-x scroll -10px top transparent!important;
}
.desktop .dxbButton_iOS
{
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
}
/* Calendar */
.desktop .dxeCalendar_iOS,
.desktop .dxeCalendarHeader_iOS,
.desktop .dxeCalendarDay_iOS,
.desktop .dxMonthGridWithWeekNumbers,
.desktop .dxeCalendarDayHeader_iOS,
.desktop .dxeCalendarWeekNumber_iOS,
.desktop .dxeCalendarFastNavYear_iOS,
.desktop .dxeCalendarFastNavMonth_iOS
{
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
color: #333;
}
.desktop .dxeCalendarWeekNumber_iOS { font-size: 9px; }
.desktop .dxeCalendarHeader_iOS,
.desktop .dxeCalendarDay_iOS,
.desktop .dxeCalendarDayHeader_iOS,
.desktop .dxeCalendarFastNavYear_iOS,
.desktop .dxeCalendarFastNavMonth_iOS,
.desktop .dxeCalendarButton_iOS .dx
{
font-size: 11px;
}
.desktop .dxeCalendarHeader_iOS { padding: 8px 12px 6px 12px; }
.desktop .dxeCalendarDay_iOS { padding: 2px 5px 3px; }
.desktop td.dxMonthGridWithWeekNumbers { padding: 1px 0px 2px 0px; }
.desktop .dxeCalendarFooter_iOS { padding: 11px 0; }
.desktop .dxeCalendarFastNavMonth_iOS { padding: 6px; }
.desktop .dxeCalendarFastNavYear_iOS { padding: 3px 5px; }
.desktop .dxeCalendarFastNavMonthArea { padding: 0px 9px; }
.desktop .dxeCalendarFastNavYearArea_iOS { padding: 0px 0 0px; }
.desktop .dxeCalendarFastNavFooter_iOS { padding-bottom: 14px; }
.desktop .dxeCalendarFastNav_iOS { padding: 3px 6px 6px; }
.desktop .dxeCalendarButton_iOS .dx { padding: 5px 0px!important; }
.desktop .dxEditors_edtCalendarPrevMonth_iOS,
.desktop .dxEditors_edtCalendarFNPrevYear_iOS,
.desktop .dxEditors_edtCalendarNextMonth_iOS,
.desktop .dxEditors_edtCalendarFNNextYear_iOS,
.desktop .dxEditors_edtCalendarNextYear_iOS,
.desktop .dxEditors_edtCalendarPrevYear_iOS
{
background-position: 3px 4px;
}
.desktop .dxEditors_edtCalendarNextYear_iOS { background-image: url("../Images/double_arrow_right.png"); }
.desktop .dxEditors_edtCalendarPrevYear_iOS { background-image: url("../Images/double_arrow_left.png"); }
.desktop .dxEditors_edtCalendarPrevMonth_iOS,
.desktop .dxEditors_edtCalendarFNPrevYear_iOS
{
background-image: url("../Images/arrow_left.png");
}
.desktop .dxEditors_edtCalendarNextMonth_iOS,
.desktop .dxEditors_edtCalendarFNNextYear_iOS
{
background-image: url("../Images/arrow_right.png");
}
.desktop .dxeCalendarHeader_iOS > table > tbody > tr > td > div
{
width: 5px!important;
}
.desktop .dxeCalendarSelected_iOS,
.desktop .dxeCalendarFastNavMonthSelected_iOS,
.desktop .dxeCalendarFastNavYearSelected_iOS
{
background: #c6492a url("../Images/pMenuBack.png") repeat-x;
color: White;
text-shadow: none;
}
.desktop .dxeCalendarFastNavYearArea_iOS > table > tbody > tr > td:first-child,
.desktop .dxeCalendarFastNavYearArea_iOS > table > tbody > tr > td:last-child
{
padding-left: 0px!important;
padding-right: 0px!important;
}
.desktop .dxeCalendarFastNavMonthArea_iOS table
{
padding-left: 5px;
padding-right: 5px;
}
.desktop .dxeCalendarButton_iOS,
.desktop .dxeCalendarButton_iOS .dxbebt
{
width: 60px!important;
}
.desktop .dxeCalendarButtonPressed_iOS table.dxbebt { background: #c6492a url("../Images/pMenuBack.png") repeat-x; }
.desktop .dxeCalendarWeekend_iOS { color: #C81B1B; }
.desktop .dxeCalendarButton_iOS .dx { color: #F4804B; }
.desktop .dxeCalendarOtherMonth_iOS, .desktop .dxeCalendarWeekNumber_iOS { color: #B5B5B5; }
.desktop .dxeCalendarButton_iOS.dxeCalendarButtonPressed_iOS .dx { color: White; text-shadow: none; }
/* TabControl */
.tabs.dxtcControl
{
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
}
.tabs .dxtcTabsCell {
padding: 0px!important;
}
.tabs .dxtcTab,
.tabs .dxtcTabWithTabPositionLeft,
.tabs .dxtcTabWithTabPositionBottom,
.tabs .dxtcTabWithTabPositionRight,
.tabs .dxtcActiveTab,
.tabs .dxtcActiveTabWithTabPositionBottom,
.tabs .dxtcActiveTabWithTabPositionLeft,
.tabs .dxtcActiveTabWithTabPositionRight
{
border-radius: 8px 8px 0 0;
padding: 10px 10px 9px;
border: 1px solid #CCCCCC;
border-bottom-width: 0px!important;
background-color: #FAFAFA;
background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
}
.tabs .dxtcActiveTab,
.tabs .dxtcActiveTabWithTabPositionBottom,
.tabs .dxtcActiveTabWithTabPositionLeft,
.tabs .dxtcActiveTabWithTabPositionRight
{
background: #FFFFFF;
text-transform: uppercase;
font-weight: 700;
}
.tabs .dxtcPageContent
{
border-width: 0!important;
padding: 20px 0px!important;
}
.tabs .dxtcLeftIndentCell,
.tabs .dxtcLeftAlignCell,
.tabs .dxtcRightAlignCell,
.tabs .dxtcRightIndentCell,
.tabs .dxtcActiveTab + td
{
border-width: 0!important;
}
.tabs .dxtcRightIndentCell {
padding: 0 0 0 12px;
}
/* NavBar */
.navBar.dxnbControl
{
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
font-size: 11px;
color: #333333;
}
.navBar .dxnbGroupHeader,
.navBar .dxnbGroupHeaderCollapsed
{
border-radius: 8px 8px 0 0;
border: 1px solid rgba(155, 155, 155, 0.298);
padding: 8px 20px;
color: #333333;
font-size: 18px;
font-weight: 600;
background-color: #FAFAFA;
background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
box-shadow: 0px 3px 2px -2px rgba(155, 155, 155, 0.298);
}
.navBar .dxnbGroupHeaderCollapsed
{
border-radius: 8px;
color: #777777;
box-shadow: 1px 1px 0px 0px rgba(155, 155, 155, 0.298);
}
.navBar .dxnbGroupHeaderCollapsedHover
{
background: #FFFFFF;
}
.navBar .dxnbGroupContent
{
border-radius: 0 0 8px 8px;
border: 1px solid rgba(155, 155, 155, 0.298);
padding: 20px;
color: #333333;
}
.navBar .dxnbImgCellRight img
{
display: none;
}
.navBar.collapsable .dxnbGroupHeader .dxnbImgCellRight:hover img,
.navBar.collapsable .dxnbGroupHeader:hover .dxnbImgCellRight img,
.navBar.collapsable .dxnbGroupHeaderCollapsed .dxnbImgCellRight:hover img,
.navBar.collapsable .dxnbGroupHeaderCollapsed:hover .dxnbImgCellRight img
{
display: block;
}
/* Progress bar */
.desktop .dxeProgressBarIndicator_iOS,
.mobile .dxeProgressBarIndicator_iOS
{
background: rgb(58,179,34);
background-image: linear-gradient(top, rgb(58,179,34) 45%, rgb(43,138,26) 73%);
background-image: -o-linear-gradient(top, rgb(58,179,34) 45%, rgb(43,138,26) 73%);
background-image: -moz-linear-gradient(top, rgb(58,179,34) 45%, rgb(43,138,26) 73%);
background-image: -webkit-linear-gradient(top, rgb(58,179,34) 45%, rgb(43,138,26) 73%);
background-image: -ms-linear-gradient(top, rgb(58,179,34) 45%, rgb(43,138,26) 73%);
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.45, rgb(58,179,34)), color-stop(0.73, rgb(43,138,26)) );
border: 0;
border-radius: 6px;
}
.desktop .dxeProgressBar_iOS.orange .dxeProgressBarIndicator_iOS,
.mobile .dxeProgressBar_iOS.orange .dxeProgressBarIndicator_iOS
{
background: #F6911E;
background-image: linear-gradient(top, #F6911E 45%, #C54931 73%);
background-image: -o-linear-gradient(top, #F6911E 45%, #C54931 73%);
background-image: -moz-linear-gradient(top, #F6911E 45%, #C54931 73%);
background-image: -webkit-linear-gradient(top, #F6911E 45%, #C54931 73%);
background-image: -ms-linear-gradient(top, #F6911E 45%, #C54931 73%);
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.45, #F6911E), color-stop(0.73, #C54931) );
}
.desktop .dxeProgressBar_iOS.red .dxeProgressBarIndicator_iOS,
.mobile .dxeProgressBar_iOS.red .dxeProgressBarIndicator_iOS
{
background: #FF4B32;
background-image: linear-gradient(top, #FF4B32 45%, #FF050F 73%);
background-image: -o-linear-gradient(top, #FF4B32 45%, #FF050F 73%);
background-image: -moz-linear-gradient(top, #FF4B32 45%, #FF050F 73%);
background-image: -webkit-linear-gradient(top, #FF4B32 45%, #FF050F 73%);
background-image: -ms-linear-gradient(top, #FF4B32 45%, #FF050F 73%);
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.45, #FF4B32), color-stop(0.73, #FF050F) );
}
.desktop .dxeProgressBar_iOS,
.mobile .dxeProgressBar_iOS
{
border-radius: 8px;
border: 1px solid #CCCCCC;
box-shadow: none;
}
.desktop .dxeProgressBar_iOS,
.desktop .dxeProgressBar_iOS td.dxe,
.mobile .dxeProgressBar_iOS,
.mobile .dxeProgressBar_iOS td.dxe
{
text-shadow: none;
color: #000;
font-size: 10px;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
padding: 2px;
background: transparent;
}
.mobile .dxeProgressBar_iOS,
.mobile .dxeProgressBar_iOS td.dxe
{
font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
}
/* NavBar accounts */
.nbAccounts.dxnbControl {
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
color: #313131;
padding: 0px;
width: 100%;
}
.nbAccounts label
{
font-size: 14px;
font-weight: 600;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
color:#313131;
}
.nbAccounts.dxnbControl .dxnbCtrl
{
padding: 0;
}
.nbAccounts .dxnbGroupHeader,
.nbAccounts .dxnbGroupHeaderCollapsed
{
background: none;
padding: 0px;
border: 0px none;
}
.nbAccounts .dxnbGroupHeader div,
.nbAccounts .dxnbGroupHeaderCollapsed div
{
background: none;
margin: 0 20px;
padding: 10px 0;
border: 0px solid #CCCCCC;
border-bottom-width: 0px;
}
.nbAccounts .dxnbGroupHeader div .lblHeader,
.nbAccounts .dxnbGroupHeaderCollapsed div .lblHeader
{
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.804);
}
.nbAccounts .dxnbImgCellRight img {
display: none;
}
.nbAccounts .dxnbGroupContent {
padding: 0px;
border: 0 none;
}
.nbAccounts .dxnbItem,
.nbAccounts .dxnbItemHover {
background: none;
padding: 0;
border: 0px none;
margin: 0;
}
.nbAccounts .dxnbItem div,
.nbAccounts .dxnbItemHover div
{
min-height: 36px;
margin: 0 40px;
background: none;
padding: 0 0 6px 0;
border-bottom: 1px solid #CCCCCC;
}
.nbAccounts .dxnbItemHover div,
.nbAccounts .dxnbItemHover label {
cursor: pointer;
}
.nbAccounts .dxnbItemSelected div,
.nbAccounts .dxnbItemSelected label
{
cursor: default;
}
.nbAccounts .dxnbItem label
{
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
color:#313131;
}
.nbAccounts .dxnbItem .lblTitle,
.nbAccounts .dxnbItem .lblDescription {
display: block;
line-height: 18px;
}
.nbAccounts .dxnbItem .lblTitle,
.nbAccounts .dxnbItem .lblAmount
{
font-size: 12px;
font-weight: 700;
}
.nbAccounts .dxnbItem .lblAmount {
float: right;
line-height:36px;
}
.nbAccounts .dxnbItem .lblDescription
{
font-size: 10px;
font-weight: 400;
}
.desktop .nbAccounts.nbNotFilter .dxnbCtrl > table > tbody > tr:first-child .dxnbGroupHeader,
.desktop .nbAccounts.nbNotFilter .dxnbCtrl > table > tbody > tr:first-child .dxnbGroupHeaderCollapsed
{
background: url("../Images/selected-pointer.png") no-repeat 100% 50% transparent!important;
}
.desktop .nbAccounts.nbNotFilter .dxnbCtrl > table > tbody > tr:first-child label
{
color: White!important;
text-shadow: 0 1px 1px #333333;
}
.nbAccounts .dxnbItemSelected
{
background: url("../Images/selected-pointer.png") no-repeat 100% 50% transparent!important;
}
.nbAccounts .dxnbItemSelected .lblTitle,
.nbAccounts .dxnbItemSelected .lblDescription,
.nbAccounts .dxnbItemSelected .lblAmount
{
color: #FFFFFF;
text-shadow: 0px 1px 1px #333333;
}
/* Buttons */
.buttons
{
float: right;
margin: 0 0 20px;
}
.buttons .button
{
float: left;
margin-left: 10px;
}
.button {
height: 27px!important;
}
.button .dxbButton_iOS {
border: 1px solid #CCCCCC;
background: #FAFAFA;
background-image: linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
background-image: -o-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(204,204,204)),
color-stop(1, rgb(255,255,255))
);
}
.button .dxbButtonHover_iOS,
.button .dxbButtonPressed_iOS {
background: #FFFFFF;
background-image: linear-gradient(top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
background-image: -o-linear-gradient(top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
background-image: -moz-linear-gradient(top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
background-image: -webkit-linear-gradient(top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
background-image: -ms-linear-gradient(top, rgb(204,204,204) 0%, rgb(255,255,255) 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgb(204,204,204)),
color-stop(1, rgb(255,255,255))
);
}
.button .dxb {
padding: 5px 6px 2px!important;
color: #F38020;
font-size: 10px;
}
.button .dxb img {
padding: 2px 0 0;
}
/* Grid */
.desktop .dxgvControl_iOS,
.desktop .dxgvDisabled_iOS,
.desktop .dxgvPagerTopPanel_iOS,
.desktop .dxgvPagerBottomPanel_iOS {
border-color: #cdcdcd;
}
.desktop table.dxgvTable_iOS
{
font-size: 8pt;
color: #3D3D3D;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
border-color: #cdcdcd;
}
.desktop table.dxgvTable_iOS > tbody > tr:last-child > td.dxgv {
border-bottom-color: #cdcdcd!important;
}
.desktop table.dxgvTable_iOS td.dxgvHeader_iOS
{
height: 0;
padding: 5px;
background: #eeeeee;
cursor: pointer;
border-color: #cdcdcd;
}
.desktop .dxgvHeader_iOS td
{
font-size: 8pt;
color: #333333;
text-shadow: none;
}
.desktop table.dxgvTable_iOS .dxgvHeader_iOS:first-child
{
border-radius: 8px 0 0;
}
.desktop table.dxgvTable_iOS .dxgv {
font-weight: 400;
}
.desktop .dxgvEditFormDisplayRow_iOS td.dxgv,
.desktop .dxgvGroupFooter_iOS td.dxgv,
.desktop .dxgvFooter_iOS td.dxgv,
.desktop .dxgvDataRow_iOS td.dxgv,
.desktop .dxgvDataRowAlt_iOS td.dxgv,
.desktop .dxgvSelectedRow_iOS td.dxgv,
.desktop .dxgvFocusedRow_iOS td.dxgv
{
height: 0;
padding: 4px;
border-bottom: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd!important;
}
.desktop .dxgvEditFormDisplayRow_iOS td.dxgv:last-child,
.desktop .dxgvGroupFooter_iOS td.dxgv:last-child,
.desktop .dxgvFooter_iOS td.dxgv:last-child,
.desktop .dxgvDataRow_iOS td.dxgv:last-child,
.desktop .dxgvDataRowAlt_iOS td.dxgv:last-child,
.desktop .dxgvSelectedRow_iOS td.dxgv:last-child,
.desktop .dxgvFocusedRow_iOS td.dxgv:last-child
{
border-right: 0px none!important;
}
.desktop .dxgvDataRowAlt_iOS,
.desktop .dxgvPagerBottomPanel_iOS
{
background: #eeeeee;
}
.desktop .dxgvSelectedRow_iOS,
.desktop .dxgvDataRowHover_iOS
{
cursor: pointer;
color: White;
text-shadow: 0 1px 1px #333333;
background: #c6492a url("../Images/pMenuBack.png") repeat-x;
}
.desktop .dxgvSelectedRow_iOS td.dxgv,
.desktop .dxgvDataRowHover_iOS td.dxgv
{
color: White !important;
}
.desktop .dxgvSelectedRow_iOS:nth-child(2n) .dxgvCommandColumn_iOS
{
background: White;
}
.desktop tr.dxgvSelectedRow_iOS:nth-child(2n+1) .dxgvCommandColumn_iOS
{
background: #eeeeee;
}
.dxgvEditForm_iOS
{
background: #fafafa;
}
.desktop .dxgvEditFormTable_iOS .dxgvCommandColumn_iOS
{
padding: 2px;
}
.desktop .dxgvEditFormTable_iOS .dxgvCommandColumn_iOS a
{
font-size: 8pt;
border: none;
}
.desktop .dxgvEditFormTable_iOS .dxgvCommandColumn_iOS a:hover
{
text-decoration: underline;
}
.desktop .dxgvEditForm_iOS td.dxgv
{
padding: 6px 10px 8px;
}
.desktop .dxgvEditingErrorRow_iOS
{
background: #ededed;
color: Red;
}
/* Sprite Images */
.desktop .dxGridView_gvHeaderSortUp_iOS
{
background-image: url("../Images/desc.png");
background-position: 0;
width: 7px;
height: 4px;
}
.desktop .dxGridView_gvHeaderSortDown_iOS
{
background-image: url("../Images/asc.png");
background-position: 0;
width: 7px;
height: 4px;
}
.desktop .dxgvCommandColumn_iOS .dxWeb_edtCheckBoxUnchecked_iOS
{
background-image: url("../Images/checkbox_unchecked_s.png");
background-position: 0;
width: 13px;
height: 14px;
}
.desktop .dxgvCommandColumn_iOS .dxWeb_edtCheckBoxChecked_iOS
{
background-image: url("../Images/checkbox_checked_s.png");
background-position: 0;
width: 13px;
height: 14px;
}
/* Loading Panel */
.desktop .dxgvLoadingPanel_iOS,
.desktop .dxcpLoadingPanelWithContent_iOS
{
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
font-size: 8pt;
color: #3D3D3D;
border: 1px solid rgba(0, 0, 0, 0.35);
border-radius: 8px;
border-collapse: separate !important;
box-shadow: 0 0 0 1px rgba(255,255,255,0.25), 0 8px 16px 0px rgba(0,0,0,0.35);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.25), 0 8px 16px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.25), 0 8px 16px 0px rgba(0,0,0,0.35);
background-clip: content-box;
-webkit-background-clip: content-box;
-moz-background-clip: content-box;
}
.desktop .dxgvLoadingPanel_iOS td.dx,
.desktop .dxcpLoadingPanelWithContent_iOS td.dx
{
white-space: nowrap;
text-align: center;
padding: 10px 8px;
background-color: White;
}
.desktop .dxgvLoadingPanel_iOS td.dx:first-child,
.desktop .dxcpLoadingPanelWithContent_iOS td.dx:first-child
{
border-radius: 7px 0 0 7px;
}
.desktop .dxgvLoadingPanel_iOS td.dx:last-child,
.desktop .dxcpLoadingPanelWithContent_iOS td.dx:last-child
{
border-radius: 0 7px 7px 0;
}
.desktop .dxgvLoadingPanel_iOS td.dx:first-child:last-child,
.desktop .dxcpLoadingPanelWithContent_iOS td.dx:first-child:last-child
{
border-radius: 7px;
}
.desktop .dxgvLoadingPanel_iOS td.dx + td.dx,
.desktop .dxcpLoadingPanelWithContent_iOS td.dx + td.dx
{
-webkit-box-shadow: none;
}
/* Grid Classic Pager */
.desktop .dxpControl_iOS
{
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
font-size: 8pt;
color: #3D3D3D;
}
.desktop .dxpControl_iOS td.dxpCtrl
{
padding: 5px 2px;
}
.desktop .dxpSummary_iOS
{
color: #3D3D3D;
}
.desktop .dxpPageNumber_iOS
{
color: #3D3D3D;
padding: 1px 5px 0;
}
.desktop .dxpPageSizeItem_iOS
{
color: #3D3D3D;
}
.desktop .dxpComboBox_iOS
{
background-color: White;
border-color: #616262 #919293 #B2B3B4;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
padding: 1px;
}
.desktop .dxpComboBox_iOS input
{
color: #3D3D3D;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
font-weight: bold;
font-size: 8pt;
padding: 0px;
margin: 0px 2px;
border-width: 0px;
background-color: transparent;
width: 20px;
}
/* Grid Lite Pager */
.desktop .dxpLite_iOS
{
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
font-size: 8pt;
color: #3D3D3D;
padding: 5px 2px;
}
.desktop .dxpLite_iOS .dxp-summary
{
color: #3D3D3D;
padding: 5px 4px 1px
}
.desktop .dxpLite_iOS .dxp-num
{
color: #3D3D3D;
padding: 3px 5px;
}
.desktop .dxpLite_iOS .dxp-button
{
padding-top: 9px;
}
.desktop .dxpLite_iOS .dxp-pageSizeItem
{
color: #3D3D3D;
padding-top: 5px;
}
.desktop .dxpLite_iOS .dxp-pageSizeItem .dx
{
margin-top: 1px;
}
.desktop .dxpLite_iOS .dxp-comboBox
{
background-color: White;
border-color: #616262 #919293 #B2B3B4;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
padding: 1px;
}
.desktop .dxpLite_iOS .dxp-comboBox input
{
color: #3D3D3D;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
font-weight: bold;
font-size: 8pt;
padding: 0px;
margin: 0px 2px;
border-width: 0px;
background-color: transparent;
width: 20px;
}
.desktop .dxpLite_iOS .dxp-dropDownButton
{
margin-top: 2px;
}
/* Pager Sprite Images */
.desktop .dxWeb_pPrev_iOS
{
background-image: url("../Images/arrow_left.png");
background-position: 0;
width: 4px;
height: 7px;
}
.desktop .dxWeb_pPrevDisabled_iOS
{
background-image: url("../Images/arrow_left_disabled.png");
background-position: 0;
width: 4px;
height: 7px;
}
.desktop .dxWeb_pNext_iOS
{
background-image: url("../Images/arrow_right.png");
background-position: 0;
width: 4px;
height: 7px;
}
.desktop .dxWeb_pNextDisabled_iOS
{
background-image: url("../Images/arrow_right_disabled.png");
background-position: 0;
width: 4px;
height: 7px;
}
.desktop .dxWeb_pPopOut_iOS,
.desktop .dxWeb_pPopOutDisabled_iOS
{
background-image: url("../Images/pArrowDown.png");
background-position: 0;
width: 13px;
height: 11px;
margin-right: 2px;
border-radius: 2px;
}
.desktop .dxWeb_pPopOutPressed_iOS
{
background-image: url("../Images/pArrowDown_Pressed.png");
background-position: 0;
width: 13px;
height: 11px;
margin-right: 2px;
border-radius: 2px;
}
/* Pager Classic Vertical SubMenu */
.desktop .dxmSubMenu_iOS
{
color: #333333;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
font-weight: bold;
font-size: 8pt;
font-weight: bold;
white-space: nowrap;
background: White;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 5px;
padding: 5px 0;
box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.35);
}
.desktop .dxmSubMenuItem_iOS,
.desktop .dxmSubMenuItemSelected_iOS,
.desktop .dxmSubMenuItemHover_iOS
{
padding: 2px 20px 2px 4px;
}
.desktop .dxmSubMenuItemSelected_iOS,
.desktop .dxmSubMenuItemHover_iOS
{
color: White;
text-shadow: 0 1px 1px #333333;
background: #c6492a url("../Images/pMenuBack.png") repeat-x;
}
/* Pager Lite Vertical SubMenu */
.desktop .dxmLite_iOS .dxm-popup
{
background: White;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 5px;
padding: 5px 0;
box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.35);
}
.desktop .dxmLite_iOS .dxm-popup ul.dx
{
color: #333333;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
font-weight: bold;
font-size: 8pt;
font-weight: bold;
white-space: nowrap;
}
.desktop .dxmLite_iOS .dxm-item,
.desktop .dxmLite_iOS .dxm-item.dxm-selected,
.desktop .dxmLite_iOS .dxm-item.dxm-hovered
{
padding: 2px 20px 2px 4px;
}
.desktop .dxmLite_iOS .dxm-item .dxm-content
{
padding: 0!important;
}
.desktop .dxmLite_iOS .dxm-item.dxm-selected,
.desktop .dxmLite_iOS .dxm-item.dxm-hovered
{
color: White;
text-shadow: 0 1px 1px #333333;
background: #c6492a url("../Images/pMenuBack.png") repeat-x;
}
.desktop .dxmLite_iOS .dxm-popup .dxm-spacing
{
height: 0!important;
}
/* Editors */
.desktop .dxeBase_iOS,
.desktop .dxeTextBox_iOS .dxeEditArea_iOS,
.desktop .dxeButtonEdit_iOS .dxeEditArea_iOS,
.desktop .dxeMemoEditArea_iOS,
.desktop a.dxeHyperlink_iOS,
.desktop .dxeRadioButtonList_iOS,
.desktop .dxeRadioButtonList_iOS table,
.desktop .dxeRadioButtonList_iOS label
{
color: #333333;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
font-size: 8pt;
font-weight: normal;
}
.desktop a.dxeHyperlink_iOS,
.desktop a.dxeHyperlink_iOS:hover
{
color: #006ee9;
}
.desktop a.dxeHyperlink_iOS:hover
{
text-decoration: underline;
}
.desktop .dxeTextBox_iOS td.dxic
{
padding: 2px 3px 1px 2px !important;
}
.desktop .dxeTextBox_iOS,
.desktop .dxeButtonEdit_iOS,
.desktop .dxeMemo_iOS
{
border-radius: 3px;
}
.desktop .dxeButtonEdit_iOS
{
width: 170px;
}
.desktop .dxeButtonEdit_iOS td.dxic
{
padding: 2px 2px 1px 1px !important;
}
.desktop .dxeButtonEditButton_iOS table.dxbebt
{
padding: 1px;
}
.desktop .dxeButtonEditButton_iOS table.dxbebt .dx
{
padding: 9px 5px 7px;
}
.desktop .dxeButtonEditButton_iOS table.dxbebt .dx img
{
margin-left: -3px;
}
.desktop .dxeButtonEditButtonHover_iOS table.dxbebt .dx,
.desktop .dxeButtonEditButtonPressed_iOS table.dxbebt .dx
{
border-radius: 2px;
}
.desktop .dxeButtonEditButtonHover_iOS table.dxbebt .dx
{
background: #999a9a;
}
.desktop .dxeButtonEditButtonPressed_iOS table.dxbebt .dx
{
background: #c6492a url("../Images/pMenuBack.png") repeat-x;
}
.desktop .dxEditors_edtDropDown_iOS
{
background-image: url("../Images/asc.png");
background-position: 0;
width: 7px;
height: 4px;
}
.desktop .dxeListBox_iOS
{
color: #333333;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
font-size: 8pt;
border-radius: 5px;
}
.desktop .dxeListBox_iOS div.dxlbd
{
margin: 5px 0;
}
.desktop .dxeListBoxItem_iOS
{
cursor: pointer;
height: 0;
padding: 2px 3px;
}
.desktop .dxeListBoxItemSelected_iOS,
.desktop .dxeListBoxItemHover_iOS
{
color: White;
text-shadow: 0 1px 1px #333333;
background: #c6492a url("../Images/pMenuBack.png") repeat-x;
}
.desktop .dxEditors_edtSpinEditIncrementImage_iOS
{
background-image: url("../Images/desc.png");
background-position: 0;
width: 7px;
height: 4px;
}
.desktop .dxEditors_edtSpinEditDecrementImage_iOS
{
background-image: url("../Images/asc.png");
background-position: 0;
width: 7px;
height: 4px;
}
.desktop .dxeButtonEditButton_iOS.dxeSpinIncButton_iOS table.dxbebt
{
padding: 1px 1px 0 0;
}
.desktop .dxeButtonEditButton_iOS.dxeSpinDecButton_iOS table.dxbebt
{
padding: 0 1px 1px 0;
}
.desktop .dxeButtonEditButton_iOS.dxeSpinIncButton_iOS table.dxbebt .dx
{
padding: 2px 5px 3px;
}
.desktop .dxeButtonEditButton_iOS.dxeSpinDecButton_iOS table.dxbebt .dx
{
padding: 2px 5px 3px;
}
.desktop .dxeButtonEditButton_iOS.dxeSpinIncButton_iOS table.dxbebt .dx
{
border-radius: 2px 2px 0 0;
}
.desktop .dxeButtonEditButton_iOS.dxeSpinDecButton_iOS table.dxbebt .dx
{
border-radius: 0 0 2px 2px;
}
.desktop .dxeSpinIncButton_iOS,
.desktop .dxeSpinDecButton_iOS
{
padding: 0;
}
.desktop .dxeButtonEditButton_iOS.dxeSpinIncButton_iOS table.dxbebt .dx img,
.desktop .dxeButtonEditButton_iOS.dxeSpinDecButton_iOS table.dxbebt .dx img
{
margin-left: -2px;
}
.desktop .dxeRadioButtonList_iOS
{
border: none;
box-shadow: none;
}
.desktop .dxeRadioButtonList_iOS .dxe > table > tbody tr:first-child > td
{
padding-top: 0;
}
.desktop .dxeRadioButtonList_iOS .dxe > table > tbody tr:last-child > td
{
padding-bottom: 0;
}
.desktop .dxeRadioButtonList_iOS .dxeIRadioButton_iOS
{
margin: 1px;
}
.desktop .dxeRadioButtonList_iOS label
{
margin-right: 6px;
margin-left: 10px;
}
.desktop .dxEditors_edtRadioButtonListOff_iOS
{
background-image: url("../Images/rbOff.png");
background-position: 0;
width: 13px;
height: 13px;
}
.desktop .dxEditors_edtRadioButtonListOn_iOS
{
background-image: url("../Images/rbOn.png");
background-position: 0;
width: 13px;
height: 13px;
}
/* Insert Transaction Form */
.desktop .insertTransactionForm
{
width: 100%;
}
.desktop .insertTransactionForm .caption
{
padding: 4px 4px 4px 10px;
}
.desktop .insertTransactionForm td.caption:first-child
{
padding-left: 4px;
}
.desktop .insertTransactionForm .editor
{
padding: 4px;
}
.desktop .insertTransactionForm td.editor:nth-child(4)
{
width: 40%;
}
.desktop .insertTransactionForm .link
{
margin: 0 7px 0 0;
}
/* Desktop - Overview - Summary */
.overviewView
{
width: 616px;
}
.funnelchart IMG {
display: block;
margin-left: auto;
margin-right: auto;
}
.summaryView,
.summaryView h3,
.summaryView h4
{
color: #313131;
font-size: 11px;
font-weight: 700;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
}
.summaryView h4 {
font-weight: 400;
}
.summaryView .result
{
float: left;
width: 120px;
font-weight: 100;
}
.summaryView .result h3
{
margin: 0;
font-size: 12px;
}
.summaryView .result label
{
font-size: 24px;
font-weight: 100;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
line-height: 16px;
}
.summaryView .result label.positive
{
color: Green;
}
.summaryView .result label.negative
{
color: Red;
}
.summaryView .chart
{
float: left;
width: 100px;
margin-left: 35px;
margin-right: 35px;
margin-top: -10px;
margin-bottom: -10px;
}
.summaryView .statistic
{
float: left;
}
.summaryView .statistic .column
{
float: left;
margin-left: 30px;
width: 132px;
}
.summaryView .statistic h3
{
font-size: 9px;
font-weight: 700;
margin: 0;
}
/* Desktop - Overview - MyBudgets */
.budgetsView,
.budgetsView h3
{
color: #333333;
font-size: 11px;
font-weight: 400;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
}
.budgetsView h3
{
font-size: 12px;
color: #313131;
font-weight: 700;
}
.budgetsView .buttons
{
float: right;
}
.budgetsView .buttons .button
{
float: left;
margin-left: 10px;
}
.budgetsView .dxeProgressBar_iOS,
.budgetsView .dxeProgressBar_iOS td.dxe
{
color: #333333;
}
.budgetsView .dxeProgressBar_iOS .dxe
{
text-align: left!important;
}
.budgetsView .budgetItem
{
margin-top: 10px;
}
.budgetsView .overallBudget
{
font-weight: bold;
margin: 20px 0 35px 0;
}
/* Desktop - Modify Budgets in Overview dialog */
.modifyOverviewBudgetsList
{
width: 100%;
}
.modifyOverviewBudgetsList .titleCell
{
width: 150px;
}
.modifyOverviewBudgetsList .checkboxCell
{
width: 40px;
}
/* Desktop - Modify Budgets dialog */
.modifyBudgetsList
{
width: 100%;
}
.modifyBudgetsList .progressCell
{
padding-right: 20px;
}
.modifyBudgetsList .titleCell
{
width: 150px;
}
.modifyBudgetsList .spinCell
{
width: 150px;
}
.modifyBudgetsList .checkCell
{
width: 40px;
}
.buttonsBlock
{
margin: 5px 0;
}
.buttonsBlock a
{
color: #006EE9;
margin-right: 5px;
text-decoration: none;
}
.buttonsBlock a:hover
{
text-decoration: underline;
}
.buttonsBlock
{
line-height: 30px;
float: right;
}
.animateFadeIn
{
visibility: visible;
opacity: 1;
-webkit-transition: opacity 300ms linear;
-moz-transition: opacity 300ms linear;
-o-transition: opacity 300ms linear;
transition: opacity 300ms linear;
}
.hidden
{
visibility: hidden;
opacity: 0;
}
/*
* Popup Control
*/
.desktop .dxpcControl_iOS,
.desktop .dxpcHeader_iOS td.dxpc
{
color: #333333;
font-family: "Segoe UI", "Helvetica Neue", Helvetica, Verdana, san-serif;
}
.desktop .dxpcControl_iOS
{
font-size: 8pt;
}
.desktop .dxpcHeader_iOS td.dxpc
{
font-size: 10pt;
}
.desktop .dxpcControl_iOS .aboutDialog
{
line-height: 16px;
font-size: 9pt;
}
.desktop .dxpcHeader_iOS,
.mobile .dxpcHeader_iOS {
background-color: #FAFAFA;
background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
}
.desktop .dxpcHeader_iOS
{
padding: 2px 2px 2px 7px !important;
}
.desktop .dxpcHeader_iOS td.dxpc
{
padding: 4px 0;
}
.desktop .dxpcContent_iOS
{
line-height: 100%;
}
.desktop .dxpcContentPaddings_iOS
{
padding: 9px 12px 10px;
}
.desktop .dxpcCloseButton_iOS
{
padding: 3px 5px 3px 1px;
}
.desktop .dxWeb_pcCloseButton_iOS
{
background-image: url("../Images/closeButton.png");
background-position: 0;
width: 18px;
height: 18px;
}
/*Mobile*/
.mobile {
font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
}
.mobile .dxpcControl_iOS {
font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
font-size: 14px;
}
.mobile .dxtc-strip > li
{
height: 49px!important;
}
.mobile .dxtc-img
{
height:42px!important;
width:79px!important;
}
.mobile .dxpcHeader_iOS td.dxpc {
font-weight: 100;
font-size: 26px;
}
.mobile header div
{
padding: 5px;
}
.mobile .updatetime
{
margin: 4px 15px 0 0;
}
.mobile header .emphasis {
font-weight: 900;
}
.mobile .devx-logo
{
padding-top: 8px;
}
.mobile .welcome
{
padding: 10px 20px;
}
.status
{
background: none repeat scroll 0 0 #F1F1F1;
float: left;
padding: 20px;
width: 100%;
border-bottom: 1px solid #CCCCCC;
}
.statuscontent
{
padding-right: 40px;
}
.mobile h1,
.mobile h2,
.mobile h3 {
color: #313131;
font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
margin: 0;
padding: 0;
font-size: 18px;
font-weight: 100;
}
.mobile h2 {
font-weight: 400;
margin: 0 0 10px;
}
.mobile h3 {
font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
font-size: 14px;
}
.mobile h4 {
font-size: 10px;
font-weight: 400;
}
.onTarget,
.offTarget
{
float: left;
}
.mobile .onTarget h2,
.mobile .offTarget h2
{
color: green;
font-size: 48px;
font-weight: 700;
line-height: 0.1;
margin-bottom: 42px;
}
.mobile .offTarget h2
{
color: #131313;
}
.mobile .editButton
{
margin-right: 14px;
}
.mobile .budgetEditColumn
{
width:200px;
}
.mobile:not(.budgetEditMode) .budgetEditModeVisible,
.mobile:not(.transactionEditMode) .transactionEditModeVisible
{
display: none;
}
.mobile.budgetEditMode .budgetEditModeInvisible,
.mobile.transactionEditMode .transactionEditModeInvisible
{
display: none;
}
.mobile .overviewContentWrapper .transactionEditModeVisible
{
display: none;
}
.amountAvailable
{
float: left;
margin-right: 40px;
}
.mobile .onTarget h3,
.mobile .offTarget h3 {
font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
font-size: 18px;
margin: 0 0 26px;
padding: 0;
}
.mobile .amountAvailable h3,
.mobile .amountPlanned h3
{
font-size: 12px;
margin: 0;
padding: 0;
}
.mobile .amountAvailable h4,
.mobile .amountPlanned h4
{
color: #313131;
font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
font-size: 16px;
margin: 0 0 5px;
padding: 0;
text-align: left;
}
.light
{
font-weight: 400;
color: #999999;
}
.overviewVisualizations
{
float: right;
text-align: center;
}
.overviewviz
{
margin-right: 90px;
}
.overviewviz h4
{
font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
color: #313131;
font-size: 12px;
font-weight: 200;
}
@media only screen and (max-width:800px)
{
.overviewviz
{
margin-right: 30px;
}
}
.mobile .content
{
margin: 0 auto;
background-color: #FFFFFF;
overflow: hidden;
width: 100%;
}
.mobile .content h1
{
margin: 0 0 20px;
}
.mobile .content .budgetItem
{
margin: 0 0 20px;
}
.mobile .content .budgetItem h3
{
font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
color: #313131;
font-size: 18px;
font-weight: 400;
}
.mobile .content .budgetItem .dxe
{
color: #313131;
font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
font-size: 14px;
font-weight: 100;
text-align: left!important;
}
.mobile .accounts
{
width: 39.45%;
float: left;
margin-right: 3.8%;
min-height: 1px;
}
.mobile .accounts h1
{
margin-left: 20px;
margin-top: 15px;
}
/*Mobile Account NavBar*/
.mobile .nbAccounts .dxnbGroupHeader div,
.mobile .nbAccounts .dxnbGroupHeaderCollapsed div
{
padding: 20px 0;
}
.mobile .nbAccounts label
{
font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
margin: 0;
padding: 0;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
font-size: 24px;
font-weight: 100;
}
.mobile .dxnbItemHover,
.mobile .dxnbItemHover div,
.mobile .dxnbItemHover label {
cursor: default;
}
.mobile .dxnbItem label.dxeBase
{
font-size: 18px;
font-weight: 400;
}
.mobile .dxnbItem label.dxeBase.lblTitle
{
margin: 0 0 10px;
}
.mobile .dxnbItem label.dxeBase.lblDescription
{
font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
font-size: 14px;
font-weight: 100;
}
.mobile .overviewContentWrapper
{
width: 56.75%;
float: left;
min-height: 1px;
}
.mobile .overviewContent
{
padding-right: 20px;
}
.mobile .overviewContent h1
{
margin: 0 0 20px;
}
.overviewBudgetsHeader,
.overviewtransactionsHeader
{
font-size:48px!important;
font-weight:100!important;
cursor: pointer;
}
.overviewBudgetsHeader
{
margin-left:0;
margin-top: 15px;
margin-bottom: 21px;
}
.mobiletransactionsContainter
{
margin: 0 20px 0 0;
}
.overviewContentWrapper .mobiletransactionsContainter
{
margin-top: 100px;
}
.mobiletransactionsContainter table.dxgvTable_iOS
{
border: none;
}
.mobiletransactionsContainter .transaction {
border-bottom: 1px solid #F1F1F1;
clear: both;
margin-bottom: 10px;
padding-bottom: 10px;
}
.mobiletransactionsContainter .transactions h2 {
margin-bottom: 10px;
}
.mobile .monthlyBudgetOverallProgress
{
margin-bottom: 10px;
}
.mobile .dxeRadioButtonList_iOS,
.mobile .dxeCheckBoxList_iOS
{
border: none;
}