%PDF- %PDF-
Direktori : /home/emergentqj/actioncivile/pre-auth/def/css/ |
Current File : /home/emergentqj/actioncivile/pre-auth/def/css/combined.css |
/*! normalize.css v1.1.2 | MIT License | git.io/normalize */ /*! normalize.css v1.1.2 | MIT License | git.io/normalize */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display:block } audio,canvas,video{ display:inline-block } audio:not([controls]){ display:none; height:0 } [hidden]{ display:none } html{ font-size:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100% } button,html,input,select,textarea{ font-family:inherit } body{ margin:0 } a:focus{ outline:thin dotted } a:active,a:hover,div:active{ outline:0 } h1{ font-size:2em; margin:.67em 0 } h2{ font-size:1.5em; margin:.83em 0 } h3{ font-size:1.17em; margin:1em 0 } h4{ font-size:1em; margin:1.33em 0 } h5{ font-size:.83em; margin:1.67em 0 } h6{ font-size:.67em; margin:2.33em 0 } abbr[title]{ border-bottom:1px dotted } b,strong{ font-weight:700 } blockquote{ margin:1em 40px } dfn{ font-style:italic } hr{ height:0 } mark{ background:#ff0; color:#000 } p,pre{ margin:1em 0 } code,kbd,pre,samp{ font-family:monospace,serif; font-size:1em } pre{ white-space:pre; white-space:pre-wrap; word-wrap:break-word } q{ quotes:none } q:after,q:before{ content:''; content:none } small{ font-size:80% } sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup{ top:-.5em } sub{ bottom:-.25em } dl,menu,ol,ul{ margin:1em 0 } dd{ margin:0 0 0 40px } menu,ol,ul{ padding:0 0 0 40px } nav ol,nav ul{ list-style:none; list-style-image:none } img{ border:0; -ms-interpolation-mode:bicubic; vertical-align:bottom } svg:not(:root){ overflow:hidden } figure{ margin:0 } form{ margin:0 } fieldset{ border:1px solid silver; margin:0 2px; padding:.35em .625em .75em } legend{ border:0; padding:0; white-space:normal } button,input,select,textarea{ font-size:100%; margin:0; vertical-align:baseline } button,input{ line-height:normal } button,select{ text-transform:none } button,html input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:button; cursor:pointer } button[disabled],html input[disabled]{ cursor:default } input[type=checkbox],input[type=radio]{ box-sizing:border-box; padding:0 } input[type=search]{ -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{ -webkit-appearance:none } button::-moz-focus-inner,input::-moz-focus-inner{ border:0; padding:0 } textarea{ overflow:auto; vertical-align:top } table{ border-collapse:collapse; border-spacing:0 } /*! * * Reflex v1.0 * * Reflex is a flexbox grid which provides a way to take advantage of emerging * flexbox support while providing a fall back to inline-block on older browsers * * Built by Lee Jordan G.C.S.E. * email: ldjordan@gmail.com * github: https://github.com/leejordan * * Structure and calculations are inspired by twitter bootstrap * */ .grid--order-12{ -ms-flex-order:12; -webkit-order:12; order:12 } .grid--order-11{ -ms-flex-order:11; -webkit-order:11; order:11 } .grid--order-10{ -ms-flex-order:10; -webkit-order:10; order:10 } .grid--order-9{ -ms-flex-order:9; -webkit-order:9; order:9 } .grid--order-8{ -ms-flex-order:8; -webkit-order:8; order:8 } .grid--order-7{ -ms-flex-order:7; -webkit-order:7; order:7 } .grid--order-6{ -ms-flex-order:6; -webkit-order:6; order:6 } .grid--order-5{ -ms-flex-order:5; -webkit-order:5; order:5 } .grid--order-4{ -ms-flex-order:4; -webkit-order:4; order:4 } .grid--order-3{ -ms-flex-order:3; -webkit-order:3; order:3 } .grid--order-2{ -ms-flex-order:2; -webkit-order:2; order:2 } .grid--order-1{ -ms-flex-order:1; -webkit-order:1; order:1 } .grid--order-0{ -ms-flex-order:0; -webkit-order:0; order:0 } @media (min-width:480px){ .grid--order-xs-12{ -ms-flex-order:12; -webkit-order:12; order:12 } .grid--order-xs-11{ -ms-flex-order:11; -webkit-order:11; order:11 } .grid--order-xs-10{ -ms-flex-order:10; -webkit-order:10; order:10 } .grid--order-xs-9{ -ms-flex-order:9; -webkit-order:9; order:9 } .grid--order-xs-8{ -ms-flex-order:8; -webkit-order:8; order:8 } .grid--order-xs-7{ -ms-flex-order:7; -webkit-order:7; order:7 } .grid--order-xs-6{ -ms-flex-order:6; -webkit-order:6; order:6 } .grid--order-xs-5{ -ms-flex-order:5; -webkit-order:5; order:5 } .grid--order-xs-4{ -ms-flex-order:4; -webkit-order:4; order:4 } .grid--order-xs-3{ -ms-flex-order:3; -webkit-order:3; order:3 } .grid--order-xs-2{ -ms-flex-order:2; -webkit-order:2; order:2 } .grid--order-xs-1{ -ms-flex-order:1; -webkit-order:1; order:1 } .grid--order-xs-0{ -ms-flex-order:0; -webkit-order:0; order:0 } } @media (min-width:768px){ .grid--order-sm-12{ -ms-flex-order:12; -webkit-order:12; order:12 } .grid--order-sm-11{ -ms-flex-order:11; -webkit-order:11; order:11 } .grid--order-sm-10{ -ms-flex-order:10; -webkit-order:10; order:10 } .grid--order-sm-9{ -ms-flex-order:9; -webkit-order:9; order:9 } .grid--order-sm-8{ -ms-flex-order:8; -webkit-order:8; order:8 } .grid--order-sm-7{ -ms-flex-order:7; -webkit-order:7; order:7 } .grid--order-sm-6{ -ms-flex-order:6; -webkit-order:6; order:6 } .grid--order-sm-5{ -ms-flex-order:5; -webkit-order:5; order:5 } .grid--order-sm-4{ -ms-flex-order:4; -webkit-order:4; order:4 } .grid--order-sm-3{ -ms-flex-order:3; -webkit-order:3; order:3 } .grid--order-sm-2{ -ms-flex-order:2; -webkit-order:2; order:2 } .grid--order-sm-1{ -ms-flex-order:1; -webkit-order:1; order:1 } .grid--order-sm-0{ -ms-flex-order:0; -webkit-order:0; order:0 } } @media (min-width:1024px){ .grid--order-md-12{ -ms-flex-order:12; -webkit-order:12; order:12 } .grid--order-md-11{ -ms-flex-order:11; -webkit-order:11; order:11 } .grid--order-md-10{ -ms-flex-order:10; -webkit-order:10; order:10 } .grid--order-md-9{ -ms-flex-order:9; -webkit-order:9; order:9 } .grid--order-md-8{ -ms-flex-order:8; -webkit-order:8; order:8 } .grid--order-md-7{ -ms-flex-order:7; -webkit-order:7; order:7 } .grid--order-md-6{ -ms-flex-order:6; -webkit-order:6; order:6 } .grid--order-md-5{ -ms-flex-order:5; -webkit-order:5; order:5 } .grid--order-md-4{ -ms-flex-order:4; -webkit-order:4; order:4 } .grid--order-md-3{ -ms-flex-order:3; -webkit-order:3; order:3 } .grid--order-md-2{ -ms-flex-order:2; -webkit-order:2; order:2 } .grid--order-md-1{ -ms-flex-order:1; -webkit-order:1; order:1 } .grid--order-md-0{ -ms-flex-order:0; -webkit-order:0; order:0 } } @media (min-width:1280px){ .grid--order-lg-12{ -ms-flex-order:12; -webkit-order:12; order:12 } .grid--order-lg-11{ -ms-flex-order:11; -webkit-order:11; order:11 } .grid--order-lg-10{ -ms-flex-order:10; -webkit-order:10; order:10 } .grid--order-lg-9{ -ms-flex-order:9; -webkit-order:9; order:9 } .grid--order-lg-8{ -ms-flex-order:8; -webkit-order:8; order:8 } .grid--order-lg-7{ -ms-flex-order:7; -webkit-order:7; order:7 } .grid--order-lg-6{ -ms-flex-order:6; -webkit-order:6; order:6 } .grid--order-lg-5{ -ms-flex-order:5; -webkit-order:5; order:5 } .grid--order-lg-4{ -ms-flex-order:4; -webkit-order:4; order:4 } .grid--order-lg-3{ -ms-flex-order:3; -webkit-order:3; order:3 } .grid--order-lg-2{ -ms-flex-order:2; -webkit-order:2; order:2 } .grid--order-lg-1{ -ms-flex-order:1; -webkit-order:1; order:1 } .grid--order-lg-0{ -ms-flex-order:0; -webkit-order:0; order:0 } } *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } :after,:before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .grid{ display:inline-block; display:-ms-flexbox; display:-webkit-flex; display:flex; zoom:1; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; padding:0; margin:0; position:relative; width:100%; max-width:100%; list-style-type:none } .grid:after,.grid:before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; letter-spacing:normal; word-spacing:normal; white-space:normal; max-width:100% } .grid :after,.grid :before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; letter-spacing:normal; word-spacing:normal; white-space:normal } .grid .grid{ -ms-flex:1 1 auto; -webkit-flex:1 1 auto; flex:1 1 auto } [class*=grid__col-]{ display:inline-block; display:-ms-flexbox; display:-webkit-flex; display:flex; zoom:1; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; text-align:left; text-align:start; letter-spacing:normal; word-spacing:normal; white-space:normal; position:relative; width:100%; vertical-align:top } .grid__cell{ display:block; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; -ms-flex:1 1 auto; -webkit-flex:1 1 auto; flex:1 1 auto } .ie .grid--direction-row .grid__cell:first-child:last-child{ width:100% } .grid__cell>*{ width:100% } .grid__col-12{ width:100% } .grid__col-11{ width:91.66666667% } .grid__col-10{ width:83.33333333% } .grid__col-9{ width:75% } .grid__col-8{ width:66.66666667% } .grid__col-7{ width:58.33333333% } .grid__col-6{ width:50% } .grid__col-5{ width:41.66666667% } .grid__col-4{ width:33.33333333% } .grid__col-3{ width:25% } .grid__col-2{ width:16.66666667% } .grid__col-1{ width:8.33333333% } @media (min-width:480px){ .grid__col-xs-12{ width:100% } .grid__col-xs-11{ width:91.66666667% } .grid__col-xs-10{ width:83.33333333% } .grid__col-xs-9{ width:75% } .grid__col-xs-8{ width:66.66666667% } .grid__col-xs-7{ width:58.33333333% } .grid__col-xs-6{ width:50% } .grid__col-xs-5{ width:41.66666667% } .grid__col-xs-4{ width:33.33333333% } .grid__col-xs-3{ width:25% } .grid__col-xs-2{ width:16.66666667% } .grid__col-xs-1{ width:8.33333333% } } @media (min-width:768px){ .grid__col-sm-12{ width:100% } .grid__col-sm-11{ width:91.66666667% } .grid__col-sm-10{ width:83.33333333% } .grid__col-sm-9{ width:75% } .grid__col-sm-8{ width:66.66666667% } .grid__col-sm-7{ width:58.33333333% } .grid__col-sm-6{ width:50% } .grid__col-sm-5{ width:41.66666667% } .grid__col-sm-4{ width:33.33333333% } .grid__col-sm-3{ width:25% } .grid__col-sm-2{ width:16.66666667% } .grid__col-sm-1{ width:8.33333333% } } @media (min-width:1024px){ .grid__col-md-12{ width:100% } .grid__col-md-11{ width:91.66666667% } .grid__col-md-10{ width:83.33333333% } .grid__col-md-9{ width:75% } .grid__col-md-8{ width:66.66666667% } .grid__col-md-7{ width:58.33333333% } .grid__col-md-6{ width:50% } .grid__col-md-5{ width:41.66666667% } .grid__col-md-4{ width:33.33333333% } .grid__col-md-3{ width:25% } .grid__col-md-2{ width:16.66666667% } .grid__col-md-1{ width:8.33333333% } } @media (min-width:1280px){ .grid__col-lg-12{ width:100% } .grid__col-lg-11{ width:91.66666667% } .grid__col-lg-10{ width:83.33333333% } .grid__col-lg-9{ width:75% } .grid__col-lg-8{ width:66.66666667% } .grid__col-lg-7{ width:58.33333333% } .grid__col-lg-6{ width:50% } .grid__col-lg-5{ width:41.66666667% } .grid__col-lg-4{ width:33.33333333% } .grid__col-lg-3{ width:25% } .grid__col-lg-2{ width:16.66666667% } .grid__col-lg-1{ width:8.33333333% } } .grid--bleed [class*=grid__col-]{ padding:0 } .grid--wrap{ -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap } .grid--no-wrap{ -ms-flex-wrap:nowrap; -webkit-flex-wrap:nowrap; flex-wrap:nowrap } .grid--wrap-reverse{ -ms-flex-wrap:wrap-reverse; -webkit-flex-wrap:wrap-reverse; flex-wrap:wrap-reverse } .grid--direction-row{ -ms-flex-direction:row; -webkit-flex-direction:row; flex-direction:row } .grid--direction-row-reverse{ -webkit-flex-direction:row-reverse; flex-direction:row-reverse } .grid--direction-column{ -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column } .grid--direction-column-reverse{ -webkit-flex-direction:column-reverse; flex-direction:column-reverse } .grid--align-start{ -ms-flex-align:start; -webkit-align-items:flex-start; align-items:flex-start } .grid--align-end{ -ms-flex-align:end; -webkit-align-items:flex-end; align-items:flex-end } .grid--align-end [class*=grid__col-]{ vertical-align:bottom } .grid--align-center{ -ms-flex-align:center; -webkit-align-items:center; align-items:center } .grid--align-center [class*=grid__col-]{ vertical-align:middle } .grid--align-baseline{ -ms-flex-align:baseline; -webkit-align-items:baseline; align-items:baseline } .grid--align-baseline [class*=grid__col-]{ vertical-align:baseline } .grid--align-content-start{ -ms-flex-line-pack:start; -webkit-align-content:flex-start; align-content:flex-start } .grid--align-content-end{ -ms-flex-line-pack:end; -webkit-align-content:flex-end; align-content:flex-end } .grid--align-content-end [class*=grid__col-]{ vertical-align:bottom } .grid--align-content-center{ -ms-flex-line-pack:center; -webkit-align-content:center; align-content:center } .grid--align-content-space-between{ -ms-flex-line-pack:justify; -webkit-align-content:space-between; align-content:space-between } .grid--align-content-space-around{ -ms-flex-line-pack:justify; -webkit-align-content:space-around; align-content:space-around } .grid--align-self-stretch{ -ms-flex-item-align:stretch; -webkit-align-self:stretch; align-self:stretch } .grid--align-self-start{ -ms-flex-item-align:start; -webkit-align-self:flex-start; align-self:flex-start } .grid--align-self-end{ -ms-flex-item-align:end; -webkit-align-self:flex-end; align-self:flex-end; vertical-align:bottom } .grid--align-self-center{ -ms-flex-item-align:center; -webkit-align-self:center; align-self:center; vertical-align:middle } .grid--align-self-baseline{ -ms-flex-item-align:baseline; -webkit-align-self:baseline; align-self:baseline; vertical-align:baseline } .grid--justify-start{ text-align:left; -ms-flex-pack:start; -webkit-justify-content:flex-start; justify-content:flex-start } .grid--justify-end{ text-align:right; -ms-flex-pack:end; -webkit-justify-content:flex-end; justify-content:flex-end } .grid--justify-end>.grid__cell{ text-align:right; text-align:end } .grid--justify-center{ text-align:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center } .grid--justify-center>.grid__cell{ text-align:center } .grid--justify-space-between{ text-align:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between } .grid--justify-space-between>.grid__cell{ text-align:left; text-align:start } .grid--justify-space-around{ text-align:justify; -ms-flex-pack:justify; -webkit-justify-content:space-around; justify-content:space-around } .grid--justify-space-around>.grid__cell{ text-align:left; text-align:start } .grid__col--bleed{ padding:0 } .grid__cell--padding-sm{ padding:.5em } .grid__cell--padding-md{ padding:1em } .grid__cell--padding-lg{ padding:2em } .grid__cell-img{ display:block; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex:0 0 auto; -webkit-flex:0 0 auto; flex:0 0 auto; margin-left:0; margin-right:0; max-width:100%; width:100%; height:auto } .grid__cell-footer{ display:inline-block; display:-ms-flexbox; display:-webkit-flex; display:flex; zoom:1; width:100%; margin-top:auto } html{ font-family:helvetica,arial,sans-serif; font-size:10px } @font-face{ font-family:text-security; src:url(../fonts/text-security-disc-compat.ttf) format("truetype"),url(../fonts/text-security-disc-compat.woff2) format("woff2") } .masked-input{ font-family:text-security; -webkit-text-security:disc } .masked-input::placeholder{ font-family:-apple-system,Roboto,"Segoe UI",sans-serif } *,:after,:before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } i,img{ display:inline-block } h1,h2,h3,h4{ margin:0; font-weight:400 } dd{ margin:0 } hr{ margin-top:5px; margin-bottom:5px; -webkit-margin-before:5px; -webkit-margin-after:5px } dl,li,ol,ul{ list-style-type:none; -webkit-margin-before:1em; -webkit-margin-after:1em; -webkit-margin-start:0; -webkit-margin-end:0; -webkit-padding-start:40px; margin:0; padding:0 } a{ text-decoration:inherit; color:inherit; cursor:auto } button{ color:inherit } body,html{ height:100% } html{ overflow:hidden } .clearfix:after{ content:""; display:table; clear:both } .visible{ visibility:visible!important } @media print and (-ms-high-contrast:none),(-ms-high-contrast:active){ .grid{ display:block } [class*=grid__col-]{ display:block } .grid__cell{ display:block } } @media print{ @page{ margin:2cm } body,html{ height:auto!important; overflow:visible!important } .mui-featurepane_box{ overflow:visible!important; margin:0!important; padding:0!important } .screen-reader-only{ display:none } .cb-header_wrapper{ display:none } .cb-body,.cb-page{ height:auto; overflow:visible!important } .cb-account-pane{ display:none!important } .l-dashboard .cb-viewport_content{ top:0!important } .cb-viewport{ height:auto!important; overflow:visible!important } .cb-viewport_container{ height:auto!important; overflow:visible!important } .cb-viewport_content-wrapper{ width:100%!important; height:auto!important; overflow:visible!important } .cb-viewport_content{ height:auto!important; min-height:auto!important; overflow:visible!important; justify-content:center!important } .cb-table{ height:auto!important; overflow:visible!important } .cb-table_container{ height:auto!important; overflow:visible!important } .cb-table_action-container{ height:0!important; display:none!important } .cb-table_tabs-item{ display:none!important } .cb-table_tabs-row{ height:0!important; display:none!important } .cb-table_tabs-item{ display:none } .cb-feature_tab-table-container{ height:auto!important; overflow:visible!important } .cb-table_table-rows{ height:auto!important; overflow:visible!important } .cb-feature_tab-table-container div{ height:auto!important; overflow:visible!important } .cb-feature_row-wrapper{ height:auto!important; overflow:visible!important } .cb-email_navigation [class*=grid__col-]{ display:inline-block } .cb-email_navigation-item{ display:inline-block } .cb-email_box-list-items{ height:auto!important; overflow:visible!important } .cb-email_box-header input,.cb-email_list-item input{ display:none!important } table{ height:auto!important; overflow:visible!important } thead{ display:table-header-group } .cb-account{ color:#000!important } .cb-account hr{ border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000 } .l-dashboard .cb-viewport_content{ position:relative!important; height:auto!important; min-height:auto!important; overflow:visible!important } .cb-header{ box-shadow:none!important } .cb-sidebar{ display:none!important } .cb-user-menu_button{ display:none!important } .cb-tool-tip .o-open-bottom-left .cb-user-menu_tooltip .grid__cell{ display:none!important } .cb-dashboard_body-wrap{ padding:0!important; height:auto!important; min-height:auto!important; overflow:visible!important } .cb-feature{ height:auto!important; overflow:visible!important } .cb-feature_area{ height:auto!important; overflow:visible!important } .cb-transactions_table-header{ display:none!important } .transaction_table{ position:relative!important; top:0!important; height:auto!important; overflow:visible!important } .cb-transactions_table-container{ height:auto!important; overflow:visible!important } .cb-transactions_chevron-down{ display:none!important } .cb-transactions_checkbox{ display:none!important } .cb-transactions_table-container table{ overflow:visible!important; height:100%!important } .cb-transactions_table-container table tbody{ height:100% } .cb-transactions_table-container table tr{ height:30px!important; overflow:visible } .cb-transactions_column{ padding-left:0!important } .cb-transactions_body-date{ vertical-align:top } .cb-transactions_body-amount{ vertical-align:top } .cb-transactions_body-running-balance{ vertical-align:top } .cb-transactions_body-description{ vertical-align:top } .cb-transactions_header-mark-attended{ display:none } .cb-transactions_header-end-cell{ display:none } .cb-transactions_body-end-cell{ display:none } .cb-account-reporting_container .grid{ display:block } .cb-account-reporting_container [class*=grid__col-]{ display:block } .cb-account-reporting_container .grid__cell{ display:block } .cb-account-reporting_header-option{ display:none!important } .cb-account-reporting_form{ display:none!important } .cb-account-reporting_form-header{ display:none!important } .cb-account-reporting_container .cb-account-reporting_filters{ display:block!important } .cb-account-reporting_container .cb-account-reporting_account .grid__cell,.cb-account-reporting_container .cb-account-reporting_account [class*=grid__col-]{ display:inline-block; padding-right:5px } .cb-account-reporting_container .cb-table_container table{ page-break-inside:auto } .cb-account-reporting_container .cb-table_container table tbody{ height:100% } .cb-account-reporting_container .cb-table_container table .cb-table_table-row{ height:40px!important; padding:0!important; margin:auto; overflow:visible!important; page-break-before:auto; page-break-after:auto; page-break-inside:avoid } .cb-table_header-row .grid__cell{ padding:10px 0 10px 0!important } .cb-account-reporting_date-cell{ vertical-align:top; padding:0!important } .cb-account-reporting_table-row-date{ font-size:14px!important } .cb-account-reporting_description-cell{ vertical-align:top; padding:0!important } .cb-account-reporting_table-row-description{ font-size:14px!important } .cb-account-reporting_amount-cell{ padding:0!important; vertical-align:top } .cb-account-reporting_table-row-amount{ font-size:14px!important } .cb-account-reporting_balance-cell{ vertical-align:top; padding:0!important } .cb-account-reporting_table-row-balance{ margin:0!important; font-size:14px!important } .cb-location_container .grid{ display:block } .cb-location_container [class*=grid__col-]{ display:block } .cb-location_container .grid__cell{ display:block } .cb-location-map{ height:580px!important; width:700px!important; position:relative!important; overflow:visible!important } .cb-location-map .gm-style-cc,.cb-location-map_button{ display:none } .cb-location-list-container{ height:100%!important; overflow:visible!important } .cb-location-list-container_header{ display:none!important } .cb-location-list-container_list{ height:auto!important; overflow:visible!important; padding:10px; page-break-before:auto; page-break-after:auto; page-break-inside:auto } .cb-location-list-container_item{ page-break-before:auto; page-break-after:auto; page-break-inside:avoid } .cb-location-list-container_item [class*=grid__col-]{ display:inline-block } .cb-location-list-container_item .cb-icon{ display:visible!important } .cb-location-details{ height:auto!important; overflow:visible!important } .fa{ display:none } .fa+button{ display:none!important } .cb-security-alerts_feature-pane{ position:absolute!important; top:0; left:0; right:0; height:auto!important; overflow:visible!important } .cb-viewport_overflow-hidden{ overflow-y:visible!important } .cb-modal{ height:auto!important; overflow:visible!important; position:absolute!important } .cb-page{ height:auto!important; overflow:visible!important } .modal-present>.cb-header_wrapper{ display:none!important } .modal-present>.cb-viewport_container{ display:none!important } .cb-modal_wrap{ background:#fff!important; border:none; box-shadow:none!important; overflow:visible!important; height:auto!important; top:0!important; left:0!important; right:0!important; transform:none!important } .cb-modal_content{ height:auto!important; overflow:visible!important; position:relative } .cb-modal_header-button{ display:none!important } .cb-modal_outline-item{ height:auto!important; overflow:visible!important } .cb-modal_ada-wrap{ height:auto!important; overflow:visible!important } .cb-modal_overlay{ display:none!important } .cb-modal_header{ display:none!important } .cb-modal-message{ position:absolute!important; top:0!important; left:0!important; right:0!important; height:auto!important; overflow:visible!important } .cb-modal-message_item{ background:0 0!important } .modal-present .cb-header_logo,.modal-present .cb-viewport_content{ visibility:hidden } .modal-present .cb-feature_area .grid__cell>div{ height:0; overflow:hidden!important } .modal-present .grid{ display:block!important } .cb-account-vertical-list_header{ height:auto!important; overflow:visible!important; margin-bottom:20px; display:flex!important } .cb-account-vertical-list_header .cb-search-bar .fa-search{ display:visible!important } .cb-account-vertical-list_sort{ padding-bottom:50px } .cb-modal-message_list-wrap{ height:auto!important; overflow:visible!important } .cb-modal_modal-form{ height:auto!important; overflow:visible!important } .cb-account-vertical-list_container{ padding-top:120px!important; position:absolute!important; top:0!important; left:0!important; height:auto!important; overflow:visible!important; margin:auto!important } .cb-account-order_item{ height:60px } .cb-modal-message_block{ height:100%!important } .cb-form-button{ display:none!important } .check-image .cb-modal-message_list-wrap>div:first-child .cb-modal-message_item{ height:250px!important } .check-image .cb-modal-message_list-wrap>div:nth-child(4n){ margin-top:2em } .cb-transactions-check-image{ overflow:visible!important } .cb-transactions-check-image img{ height:250px; margin-bottom:1em; position:static!important } .l-dashboard .cb-header,.l-dashboard .cb-modal_header{ border-bottom:0!important } .cb-modal_button{ display:none } .cb-header,.cb-header button,.cb-header_button-icon,.cb-icon,.cb-modal_header{ display:none } .cb-plus-pay_payment-history-row{ max-width:65% } .cb-account-reporting_details-row{ display:flex!important } .cb-account-vertical-list_header-title{ display:flex!important } .cb-marketing{ display:none!important } .cb-dashboard_right-marketing-messages{ display:none!important } .cb-floating-action-button{ display:none!important } } .cb-grid{ box-flex:1 0 auto; -webkit-box-flex:1 0 auto; -moz-box-flex:1 0 auto; -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .cb-grid_row{ width:100%; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-align-content:stretch; -moz-align-content:stretch; -ms-align-content:stretch; align-content:stretch; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap } .cb-grid_row.t-left{ -webkit-box-pack:start; -ms-flex-pack:start; -webkit-justify-content:flex-start; -moz-justify-content:flex-start; -ms-justify-content:flex-start; justify-content:flex-start } .cb-grid_row.t-center{ -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center } .cb-grid_row.t-right{ -webkit-box-pack:end; -ms-flex-pack:end; -webkit-justify-content:flex-end; -moz-justify-content:flex-end; -ms-justify-content:flex-end; justify-content:flex-end } .cb-grid_row.t-stretch{ box-flex:1 0 auto; -webkit-box-flex:1 0 auto; -moz-box-flex:1 0 auto; -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .cb-grid_column{ box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .cb-grid_item{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; padding-left:10px; padding-right:10px } .cb-grid_item.t-top{ -webkit-align-self:flex-start; -ms-flex-item-align:flex-start; align-self:flex-start } .cb-grid_item.t-middle{ -webkit-align-self:center; -ms-flex-item-align:center; align-self:center } .cb-grid_item.t-bottom{ -webkit-align-self:flex-end; -ms-flex-item-align:flex-end; align-self:flex-end } .cb-grid_item.t-stretch{ -webkit-align-self:stretch; -ms-flex-item-align:stretch; align-self:stretch } .cb-grid_item.t-space-between{ -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between } .cb-grid_item.t-left{ -webkit-box-pack:start; -ms-flex-pack:start; -webkit-justify-content:flex-start; -moz-justify-content:flex-start; -ms-justify-content:flex-start; justify-content:flex-start } .cb-grid_item.t-center{ -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center } .cb-grid_item.t-right{ -webkit-box-pack:end; -ms-flex-pack:end; -webkit-justify-content:flex-end; -moz-justify-content:flex-end; -ms-justify-content:flex-end; justify-content:flex-end } .cb-grid_item.t-row{ -webkit-box-orient:horizontal; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row } .cb-grid_item.t-padding{ padding-left:50px; padding-right:50px } @media only screen and (min-width:415px){ .cb-grid_item{ box-flex:1 0 auto; -webkit-box-flex:1 0 auto; -moz-box-flex:1 0 auto; -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .cb-grid_item.t-full{ box-flex:12; -webkit-box-flex:12; -moz-box-flex:12; -webkit-flex:12; -ms-flex:12; flex:12 } .cb-grid_item.t-three-quarter{ box-flex:8 1 75%; -webkit-box-flex:8 1 75%; -moz-box-flex:8 1 75%; -webkit-flex:8 1 75%; -ms-flex:8 1 75%; flex:8 1 75%; -ms-flex-positive:8; flex-grow:8; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:75%; -moz-flex-basis:75%; -ms-flex-basis:75%; -ms-flex-preferred-size:75%; flex-basis:75%; min-width:75%; max-width:75% } .cb-grid_item.t-half{ box-flex:6 1 50%; -webkit-box-flex:6 1 50%; -moz-box-flex:6 1 50%; -webkit-flex:6 1 50%; -ms-flex:6 1 50%; flex:6 1 50%; -ms-flex-positive:6; flex-grow:6; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:50%; -moz-flex-basis:50%; -ms-flex-basis:50%; -ms-flex-preferred-size:50%; flex-basis:50%; min-width:50%; max-width:50% } .cb-grid_item.t-third{ box-flex:4 1 33.333333%; -webkit-box-flex:4 1 33.333333%; -moz-box-flex:4 1 33.333333%; -webkit-flex:4 1 33.333333%; -ms-flex:4 1 33.333333%; flex:4 1 33.333333%; -ms-flex-positive:4; flex-grow:4; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:33.333333%; -moz-flex-basis:33.333333%; -ms-flex-basis:33.333333%; -ms-flex-preferred-size:33.333333%; flex-basis:33.333333%; min-width:33.333333%; max-width:33.333333% } .cb-grid_item.t-quarter{ box-flex:3 1 25%; -webkit-box-flex:3 1 25%; -moz-box-flex:3 1 25%; -webkit-flex:3 1 25%; -ms-flex:3 1 25%; flex:3 1 25%; -ms-flex-positive:3; flex-grow:3; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:25%; -moz-flex-basis:25%; -ms-flex-basis:25%; -ms-flex-preferred-size:25%; flex-basis:25%; min-width:25%; max-width:25% } } @media only screen and (max-width:414px){ .cb-grid_row.t-stretch{ box-flex:0 0 auto; -webkit-box-flex:0 0 auto; -moz-box-flex:0 0 auto; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .cb-grid_item{ box-flex:12 1 100%; -webkit-box-flex:12 1 100%; -moz-box-flex:12 1 100%; -webkit-flex:12 1 100%; -ms-flex:12 1 100%; flex:12 1 100%; -ms-flex-positive:12; flex-grow:12; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:100%; -moz-flex-basis:100%; -ms-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; min-width:100% } .cb-grid_item.t-phone-half{ box-flex:6 1 100%; -webkit-box-flex:6 1 100%; -moz-box-flex:6 1 100%; -webkit-flex:6 1 100%; -ms-flex:6 1 100%; flex:6 1 100%; -ms-flex-positive:6; flex-grow:6; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:100%; -moz-flex-basis:100%; -ms-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; min-width:100%; max-width:50% } } .Viewer{ background:#000; overflow:hidden; perspective:500px; -webkit-perspective:500px; -moz-perspective:500px } .ImageCardContainer{ backface-visibility:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; left:0; position:absolute; top:0 } .ImageCard-link{ color:gray } .public_Scrollbar_main{ box-sizing:border-box; outline:0; overflow:hidden; position:absolute; -webkit-transition-duration:250ms; transition-duration:250ms; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .public_Scrollbar_mainVertical{ bottom:0; right:0; top:0; -webkit-transition-property:background-color width; transition-property:background-color width; width:15px } .public_Scrollbar_mainVertical.Scrollbar_mainActive,.public_Scrollbar_mainVertical:hover{ background-color:rgba(255,255,255,.8); width:17px } .public_Scrollbar_mainHorizontal{ bottom:0; height:15px; left:0; -webkit-transition-property:background-color height; transition-property:background-color height } .public_Scrollbar_mainHorizontal.Scrollbar_mainActive,.public_Scrollbar_mainHorizontal:hover{ background-color:rgba(255,255,255,.8); height:17px } .Scrollbar_mainOpaque,.Scrollbar_mainOpaque.Scrollbar_mainActive,.Scrollbar_mainOpaque:hover{ background-color:#fff } .Scrollbar_face{ left:0; overflow:hidden; position:absolute; z-index:1 } .Scrollbar_face:after{ background-color:#c2c2c2; border-radius:6px; content:''; display:block; position:absolute; -webkit-transition:background-color 250ms ease; transition:background-color 250ms ease } .Scrollbar_faceActive:after,.Scrollbar_mainActive .Scrollbar_face:after,.public_Scrollbar_main:hover .Scrollbar_face:after{ background-color:#7d7d7d } .Scrollbar_faceHorizontal{ bottom:0; left:0; top:0 } .Scrollbar_faceHorizontal:after{ bottom:4px; left:0; top:4px; width:100% } .Scrollbar_faceVertical{ left:0; right:0; top:0 } .Scrollbar_faceVertical:after{ height:100%; left:4px; right:4px; top:0 } .public_fixedDataTable_main{ border:solid 1px #d3d3d3; overflow:hidden; position:relative } .fixedDataTable_hasBottomBorder,.public_fixedDataTable_header{ border-bottom:solid 1px #d3d3d3 } .public_fixedDataTable_header .public_fixedDataTableCell_main{ font-weight:700 } .public_fixedDataTable_header,.public_fixedDataTable_header .public_fixedDataTableCell_main{ background-color:#f6f7f8; background-image:-webkit-linear-gradient(#fff,#efefef); background-image:linear-gradient(#fff,#efefef) } .public_fixedDataTable_footer .public_fixedDataTableCell_main{ background-color:#f6f7f8; border-top:solid 1px #d3d3d3 } .fixedDataTable_shadow{ background:0 0 url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAF0lEQVR4AWPUkNeSBhHCjJoK2twgFisAFagCCp3pJlAAAAAASUVORK5CYII=) repeat-x; height:4px; left:0; position:absolute; right:0; z-index:1 } .fixedDataTable_rowsContainer{ overflow:hidden; position:relative } .fixedDataTable_horizontalScrollbar{ bottom:0; position:absolute } .fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal{ background:#fff } .public_fixedDataTableCell_main{ background-color:#fff; border:solid 1px #d3d3d3; border-width:0 1px 0 0; box-sizing:border-box; display:block; overflow:hidden; position:relative; white-space:normal } .public_fixedDataTableCell_lastChild{ border-width:0 1px 1px 0 } .public_fixedDataTableCell_highlighted{ background-color:#f4f4f4 } .public_fixedDataTableCell_alignRight{ text-align:right } .public_fixedDataTableCell_alignCenter{ text-align:center } .public_fixedDataTableCell_wrap1{ display:table; overflow:hidden } .public_fixedDataTableCell_wrap2{ display:table-row } .public_fixedDataTableCell_wrap3{ display:table-cell; vertical-align:middle } .public_fixedDataTableCell_cellContent{ padding:8px } .fixedDataTableCell_columnResizerContainer{ position:absolute; right:0; width:6px; z-index:1 } .fixedDataTableCell_columnResizerContainer:hover{ cursor:ew-resize } .fixedDataTableCell_columnResizerContainer:hover .fixedDataTableCell_columnResizerKnob{ visibility:visible } .fixedDataTableCell_columnResizerKnob{ background-color:#0284ff; position:absolute; right:0; visibility:hidden; width:4px } .fixedDataTableCellGroup_cellGroup{ -webkit-backface-visibility:hidden; backface-visibility:hidden; left:0; overflow:hidden; position:absolute; top:0; white-space:nowrap } .fixedDataTableCellGroup_cellGroup>.public_fixedDataTableCell_main{ display:inline-block; vertical-align:top; white-space:normal } .fixedDataTableCellGroup_cellGroupWrapper{ position:absolute; top:0 } .fixedDataTableColumnResizerLine_mouseArea{ cursor:ew-resize; position:absolute; right:-5px; width:12px } .fixedDataTableColumnResizerLine_main{ border-right:1px solid #0284ff; box-sizing:border-box; position:absolute; z-index:10 } .fixedDataTableColumnResizerLine_hiddenElem{ display:none!important } .public_fixedDataTableRow_main{ background-color:#fff; box-sizing:border-box; overflow:hidden; position:absolute; top:0 } .fixedDataTableRow_body{ left:0; position:absolute; top:0 } .public_fixedDataTableRow_highlighted,.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main{ background-color:#f6f7f8 } .fixedDataTableRow_fixedColumnsDivider{ -webkit-backface-visibility:hidden; backface-visibility:hidden; border-left:solid 1px #d3d3d3; left:0; position:absolute; top:0; width:0 } .fixedDataTableRow_columnsShadow{ background:0 0 url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==) repeat-y; width:4px } .fixedDataTableRow_rowWrapper{ position:absolute; top:0 } .fixedDataTableCellGroupLayout_cellGroup{ -webkit-backface-visibility:hidden; backface-visibility:hidden; left:0; overflow:hidden; position:absolute; top:0; white-space:nowrap } .fixedDataTableCellGroupLayout_cellGroup>.public_fixedDataTableCell_main{ display:inline-block; vertical-align:top; white-space:normal } .fixedDataTableCellGroupLayout_cellGroupWrapper{ position:absolute; top:0 } .fixedDataTableCellLayout_main{ border-right-style:solid; border-right-width:1px; border-width:0 1px 0 0; box-sizing:border-box; display:block; overflow:hidden; position:absolute; white-space:normal } .fixedDataTableCellLayout_lastChild{ border-width:0 1px 1px 0 } .fixedDataTableCellLayout_alignRight{ text-align:right } .fixedDataTableCellLayout_alignCenter{ text-align:center } .fixedDataTableCellLayout_wrap1{ display:table } .fixedDataTableCellLayout_wrap2{ display:table-row } .fixedDataTableCellLayout_wrap3{ display:table-cell; vertical-align:middle } .fixedDataTableCellLayout_columnResizerContainer{ position:absolute; right:0; width:6px; z-index:1 } .fixedDataTableCellLayout_columnResizerContainer:hover{ cursor:ew-resize } .fixedDataTableCellLayout_columnResizerContainer:hover .fixedDataTableCellLayout_columnResizerKnob{ visibility:visible } .fixedDataTableCellLayout_columnResizerKnob{ position:absolute; right:0; visibility:hidden; width:4px } .fixedDataTableColumnResizerLineLayout_mouseArea{ cursor:ew-resize; position:absolute; right:-5px; width:12px } .fixedDataTableColumnResizerLineLayout_main{ border-right-style:solid; border-right-width:1px; box-sizing:border-box; position:absolute; z-index:10 } body[dir=rtl] .fixedDataTableColumnResizerLineLayout_main{ display:none!important } .fixedDataTableColumnResizerLineLayout_hiddenElem{ display:none!important } .fixedDataTableLayout_main{ border-style:solid; border-width:1px; box-sizing:border-box; overflow:hidden; position:relative } .fixedDataTableLayout_hasBottomBorder,.fixedDataTableLayout_header{ border-bottom-style:solid; border-bottom-width:1px } .fixedDataTableLayout_footer .public_fixedDataTableCell_main{ border-top-style:solid; border-top-width:1px } .fixedDataTableLayout_bottomShadow,.fixedDataTableLayout_topShadow{ height:4px; left:0; position:absolute; right:0; z-index:1 } .fixedDataTableLayout_bottomShadow{ margin-top:-4px } .fixedDataTableLayout_rowsContainer{ overflow:hidden; position:relative } .fixedDataTableLayout_horizontalScrollbar{ bottom:0; position:absolute } .fixedDataTableRowLayout_main{ box-sizing:border-box; overflow:hidden; position:absolute; top:0 } .fixedDataTableRowLayout_body{ left:0; position:absolute; top:0 } .fixedDataTableRowLayout_fixedColumnsDivider{ -webkit-backface-visibility:hidden; backface-visibility:hidden; border-left-style:solid; border-left-width:1px; left:0; position:absolute; top:0; width:0 } .fixedDataTableRowLayout_columnsShadow{ width:4px } .fixedDataTableRowLayout_rowWrapper{ position:absolute; top:0 } .ScrollbarLayout_main{ box-sizing:border-box; outline:0; overflow:hidden; position:absolute; -webkit-transition-duration:250ms; transition-duration:250ms; -webkit-transition-timing-function:ease; transition-timing-function:ease; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .ScrollbarLayout_mainVertical{ bottom:0; right:0; top:0; -webkit-transition-property:background-color width; transition-property:background-color width; width:15px } .ScrollbarLayout_mainVertical.public_Scrollbar_mainActive,.ScrollbarLayout_mainVertical:hover{ width:17px } .ScrollbarLayout_mainHorizontal{ bottom:0; height:15px; left:0; -webkit-transition-property:background-color height; transition-property:background-color height } .ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,.ScrollbarLayout_mainHorizontal:hover{ height:17px } .ScrollbarLayout_face{ left:0; overflow:hidden; position:absolute; z-index:1 } .ScrollbarLayout_face:after{ border-radius:6px; content:''; display:block; position:absolute; -webkit-transition:background-color 250ms ease; transition:background-color 250ms ease } .ScrollbarLayout_faceHorizontal{ bottom:0; left:0; top:0 } .ScrollbarLayout_faceHorizontal:after{ bottom:4px; left:0; top:4px; width:100% } .ScrollbarLayout_faceVertical{ left:0; right:0; top:0 } .ScrollbarLayout_faceVertical:after{ height:100%; left:4px; right:4px; top:0 } .public_fixedDataTable_main{ border-color:#d3d3d3 } .public_fixedDataTable_hasBottomBorder,.public_fixedDataTable_header{ border-color:#d3d3d3 } .public_fixedDataTable_header .public_fixedDataTableCell_main{ font-weight:700 } .public_fixedDataTable_header,.public_fixedDataTable_header .public_fixedDataTableCell_main{ background-color:#f6f7f8; background-image:-webkit-linear-gradient(#fff,#efefef); background-image:linear-gradient(#fff,#efefef) } .public_fixedDataTable_footer .public_fixedDataTableCell_main{ background-color:#f6f7f8; border-color:#d3d3d3 } .public_fixedDataTable_topShadow{ background:0 0 url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAF0lEQVR4AWPUkNeSBhHCjJoK2twgFisAFagCCp3pJlAAAAAASUVORK5CYII=) repeat-x } .public_fixedDataTable_bottomShadow{ background:0 0 url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAHElEQVQI12MwNjZmZdAT1+Nm0JDWEGZQk1GTBgAWkwIeAEp52AAAAABJRU5ErkJggg==) repeat-x } .public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal{ background-color:#fff } .public_fixedDataTableCell_main{ background-color:#fff; border-color:#d3d3d3 } .public_fixedDataTableCell_highlighted{ background-color:#f4f4f4 } .public_fixedDataTableCell_cellContent{ padding:8px } .public_fixedDataTableCell_columnResizerKnob{ background-color:#0284ff } .public_fixedDataTableColumnResizerLine_main{ border-color:#0284ff } .public_fixedDataTableRow_main{ background-color:#fff } .public_fixedDataTableRow_highlighted,.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main{ background-color:#f6f7f8 } .public_fixedDataTableRow_fixedColumnsDivider{ border-color:#d3d3d3 } .public_fixedDataTableRow_columnsShadow{ background:0 0 url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==) repeat-y } .public_Scrollbar_main.public_Scrollbar_mainActive,.public_Scrollbar_main:hover{ background-color:rgba(255,255,255,.8) } .public_Scrollbar_main.public_Scrollbar_mainActive,.public_Scrollbar_main:hover{ background-color:rgba(255,255,255,.8) } .public_Scrollbar_mainOpaque,.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,.public_Scrollbar_mainOpaque:hover{ background-color:#fff } .public_Scrollbar_face:after{ background-color:#c2c2c2 } .public_Scrollbar_faceActive:after,.public_Scrollbar_main:hover .public_Scrollbar_face:after,.public_Scrollbar_mainActive .public_Scrollbar_face:after{ background-color:#7d7d7d } .public_fixedDataTable_header,.public_fixedDataTable_header .public_fixedDataTableCell_main{ background-color:inherit; background-image:inherit } /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face{ font-family:FontAwesome; src:url(../fonts/fontawesome-webfont.eot?v=4.3.0); src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg'); font-weight:400; font-style:normal } .fa{ display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transform:translate(0,0) } .fa-lg{ font-size:1.33333333em; line-height:.75em; vertical-align:-15% } .fa-2x{ font-size:2em } .fa-3x{ font-size:3em } .fa-4x{ font-size:4em } .fa-5x{ font-size:5em } .fa-fw{ width:1.28571429em; text-align:center } .fa-ul{ padding-left:0; margin-left:2.14285714em; list-style-type:none } .fa-ul>li{ position:relative } .fa-li{ position:absolute; left:-2.14285714em; width:2.14285714em; top:.14285714em; text-align:center } .fa-li.fa-lg{ left:-1.85714286em } .fa-border{ padding:.2em .25em .15em; border:solid .08em #eee; border-radius:.1em } .pull-right{ float:right } .pull-left{ float:left } .fa.pull-left{ margin-right:.3em } .fa.pull-right{ margin-left:.3em } .fa-spin{ -webkit-animation:fa-spin 2s infinite linear; animation:fa-spin 2s infinite linear } .fa-pulse{ -webkit-animation:fa-spin 1s infinite steps(8); animation:fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin{ 0%{ -webkit-transform:rotate(0); transform:rotate(0) } 100%{ -webkit-transform:rotate(359deg); transform:rotate(359deg) } } @keyframes fa-spin{ 0%{ -webkit-transform:rotate(0); transform:rotate(0) } 100%{ -webkit-transform:rotate(359deg); transform:rotate(359deg) } } .fa-rotate-90{ -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg) } .fa-rotate-180{ -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg) } .fa-rotate-270{ -webkit-transform:rotate(270deg); -ms-transform:rotate(270deg); transform:rotate(270deg) } .fa-flip-horizontal{ -webkit-transform:scale(-1,1); -ms-transform:scale(-1,1); transform:scale(-1,1) } .fa-flip-vertical{ -webkit-transform:scale(1,-1); -ms-transform:scale(1,-1); transform:scale(1,-1) } :root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{ filter:none } .fa-stack{ position:relative; display:inline-block; width:2em; height:2em; line-height:2em; vertical-align:middle } .fa-stack-1x,.fa-stack-2x{ position:absolute; left:0; width:100%; text-align:center } .fa-stack-1x{ line-height:inherit } .fa-stack-2x{ font-size:2em } .fa-inverse{ color:#fff } .fa-glass:before{ content:"\f000" } .fa-music:before{ content:"\f001" } .fa-search:before{ content:"\f002" } .fa-envelope-o:before{ content:"\f003" } .fa-heart:before{ content:"\f004" } .fa-star:before{ content:"\f005" } .fa-star-o:before{ content:"\f006" } .fa-user:before{ content:"\f007" } .fa-film:before{ content:"\f008" } .fa-th-large:before{ content:"\f009" } .fa-th:before{ content:"\f00a" } .fa-th-list:before{ content:"\f00b" } .fa-check:before{ content:"\f00c" } .fa-close:before,.fa-remove:before,.fa-times:before{ content:"\f00d" } .fa-search-plus:before{ content:"\f00e" } .fa-search-minus:before{ content:"\f010" } .fa-power-off:before{ content:"\f011" } .fa-signal:before{ content:"\f012" } .fa-cog:before,.fa-gear:before{ content:"\f013" } .fa-trash-o:before{ content:"\f014" } .fa-home:before{ content:"\f015" } .fa-file-o:before{ content:"\f016" } .fa-clock-o:before{ content:"\f017" } .fa-road:before{ content:"\f018" } .fa-download:before{ content:"\f019" } .fa-arrow-circle-o-down:before{ content:"\f01a" } .fa-arrow-circle-o-up:before{ content:"\f01b" } .fa-inbox:before{ content:"\f01c" } .fa-play-circle-o:before{ content:"\f01d" } .fa-repeat:before,.fa-rotate-right:before{ content:"\f01e" } .fa-refresh:before{ content:"\f021" } .fa-list-alt:before{ content:"\f022" } .fa-lock:before{ content:"\f023" } .fa-flag:before{ content:"\f024" } .fa-headphones:before{ content:"\f025" } .fa-volume-off:before{ content:"\f026" } .fa-volume-down:before{ content:"\f027" } .fa-volume-up:before{ content:"\f028" } .fa-qrcode:before{ content:"\f029" } .fa-barcode:before{ content:"\f02a" } .fa-tag:before{ content:"\f02b" } .fa-tags:before{ content:"\f02c" } .fa-book:before{ content:"\f02d" } .fa-bookmark:before{ content:"\f02e" } .fa-print:before{ content:"\f02f" } .fa-camera:before{ content:"\f030" } .fa-font:before{ content:"\f031" } .fa-bold:before{ content:"\f032" } .fa-italic:before{ content:"\f033" } .fa-text-height:before{ content:"\f034" } .fa-text-width:before{ content:"\f035" } .fa-align-left:before{ content:"\f036" } .fa-align-center:before{ content:"\f037" } .fa-align-right:before{ content:"\f038" } .fa-align-justify:before{ content:"\f039" } .fa-list:before{ content:"\f03a" } .fa-dedent:before,.fa-outdent:before{ content:"\f03b" } .fa-indent:before{ content:"\f03c" } .fa-video-camera:before{ content:"\f03d" } .fa-image:before,.fa-photo:before,.fa-picture-o:before{ content:"\f03e" } .fa-pencil:before{ content:"\f040" } .fa-map-marker:before{ content:"\f041" } .fa-adjust:before{ content:"\f042" } .fa-tint:before{ content:"\f043" } .fa-edit:before,.fa-pencil-square-o:before{ content:"\f044" } .fa-share-square-o:before{ content:"\f045" } .fa-check-square-o:before{ content:"\f046" } .fa-arrows:before{ content:"\f047" } .fa-step-backward:before{ content:"\f048" } .fa-fast-backward:before{ content:"\f049" } .fa-backward:before{ content:"\f04a" } .fa-play:before{ content:"\f04b" } .fa-pause:before{ content:"\f04c" } .fa-stop:before{ content:"\f04d" } .fa-forward:before{ content:"\f04e" } .fa-fast-forward:before{ content:"\f050" } .fa-step-forward:before{ content:"\f051" } .fa-eject:before{ content:"\f052" } .fa-chevron-left:before{ content:"\f053" } .fa-chevron-right:before{ content:"\f054" } .fa-plus-circle:before{ content:"\f055" } .fa-minus-circle:before{ content:"\f056" } .fa-times-circle:before{ content:"\f057" } .fa-check-circle:before{ content:"\f058" } .fa-question-circle:before{ content:"\f059" } .fa-info-circle:before{ content:"\f05a" } .fa-crosshairs:before{ content:"\f05b" } .fa-times-circle-o:before{ content:"\f05c" } .fa-check-circle-o:before{ content:"\f05d" } .fa-ban:before{ content:"\f05e" } .fa-arrow-left:before{ content:"\f060" } .fa-arrow-right:before{ content:"\f061" } .fa-arrow-up:before{ content:"\f062" } .fa-arrow-down:before{ content:"\f063" } .fa-mail-forward:before,.fa-share:before{ content:"\f064" } .fa-expand:before{ content:"\f065" } .fa-compress:before{ content:"\f066" } .fa-plus:before{ content:"\f067" } .fa-minus:before{ content:"\f068" } .fa-asterisk:before{ content:"\f069" } .fa-exclamation-circle:before{ content:"\f06a" } .fa-gift:before{ content:"\f06b" } .fa-leaf:before{ content:"\f06c" } .fa-fire:before{ content:"\f06d" } .fa-eye:before{ content:"\f06e" } .fa-eye-slash:before{ content:"\f070" } .fa-exclamation-triangle:before,.fa-warning:before{ content:"\f071" } .fa-plane:before{ content:"\f072" } .fa-calendar:before{ content:"\f073" } .fa-random:before{ content:"\f074" } .fa-comment:before{ content:"\f075" } .fa-magnet:before{ content:"\f076" } .fa-chevron-up:before{ content:"\f077" } .fa-chevron-down:before{ content:"\f078" } .fa-retweet:before{ content:"\f079" } .fa-shopping-cart:before{ content:"\f07a" } .fa-folder:before{ content:"\f07b" } .fa-folder-open:before{ content:"\f07c" } .fa-arrows-v:before{ content:"\f07d" } .fa-arrows-h:before{ content:"\f07e" } .fa-bar-chart-o:before,.fa-bar-chart:before{ content:"\f080" } .fa-twitter-square:before{ content:"\f081" } .fa-facebook-square:before{ content:"\f082" } .fa-camera-retro:before{ content:"\f083" } .fa-key:before{ content:"\f084" } .fa-cogs:before,.fa-gears:before{ content:"\f085" } .fa-comments:before{ content:"\f086" } .fa-thumbs-o-up:before{ content:"\f087" } .fa-thumbs-o-down:before{ content:"\f088" } .fa-star-half:before{ content:"\f089" } .fa-heart-o:before{ content:"\f08a" } .fa-sign-out:before{ content:"\f08b" } .fa-linkedin-square:before{ content:"\f08c" } .fa-thumb-tack:before{ content:"\f08d" } .fa-external-link:before{ content:"\f08e" } .fa-sign-in:before{ content:"\f090" } .fa-trophy:before{ content:"\f091" } .fa-github-square:before{ content:"\f092" } .fa-upload:before{ content:"\f093" } .fa-lemon-o:before{ content:"\f094" } .fa-phone:before{ content:"\f095" } .fa-square-o:before{ content:"\f096" } .fa-bookmark-o:before{ content:"\f097" } .fa-phone-square:before{ content:"\f098" } .fa-twitter:before{ content:"\f099" } .fa-facebook-f:before,.fa-facebook:before{ content:"\f09a" } .fa-github:before{ content:"\f09b" } .fa-unlock:before{ content:"\f09c" } .fa-credit-card:before{ content:"\f09d" } .fa-rss:before{ content:"\f09e" } .fa-hdd-o:before{ content:"\f0a0" } .fa-bullhorn:before{ content:"\f0a1" } .fa-bell:before{ content:"\f0f3" } .fa-certificate:before{ content:"\f0a3" } .fa-hand-o-right:before{ content:"\f0a4" } .fa-hand-o-left:before{ content:"\f0a5" } .fa-hand-o-up:before{ content:"\f0a6" } .fa-hand-o-down:before{ content:"\f0a7" } .fa-arrow-circle-left:before{ content:"\f0a8" } .fa-arrow-circle-right:before{ content:"\f0a9" } .fa-arrow-circle-up:before{ content:"\f0aa" } .fa-arrow-circle-down:before{ content:"\f0ab" } .fa-globe:before{ content:"\f0ac" } .fa-wrench:before{ content:"\f0ad" } .fa-tasks:before{ content:"\f0ae" } .fa-filter:before{ content:"\f0b0" } .fa-briefcase:before{ content:"\f0b1" } .fa-arrows-alt:before{ content:"\f0b2" } .fa-group:before,.fa-users:before{ content:"\f0c0" } .fa-chain:before,.fa-link:before{ content:"\f0c1" } .fa-cloud:before{ content:"\f0c2" } .fa-flask:before{ content:"\f0c3" } .fa-cut:before,.fa-scissors:before{ content:"\f0c4" } .fa-copy:before,.fa-files-o:before{ content:"\f0c5" } .fa-paperclip:before{ content:"\f0c6" } .fa-floppy-o:before,.fa-save:before{ content:"\f0c7" } .fa-square:before{ content:"\f0c8" } .fa-bars:before,.fa-navicon:before,.fa-reorder:before{ content:"\f0c9" } .fa-list-ul:before{ content:"\f0ca" } .fa-list-ol:before{ content:"\f0cb" } .fa-strikethrough:before{ content:"\f0cc" } .fa-underline:before{ content:"\f0cd" } .fa-table:before{ content:"\f0ce" } .fa-magic:before{ content:"\f0d0" } .fa-truck:before{ content:"\f0d1" } .fa-pinterest:before{ content:"\f0d2" } .fa-pinterest-square:before{ content:"\f0d3" } .fa-google-plus-square:before{ content:"\f0d4" } .fa-google-plus:before{ content:"\f0d5" } .fa-money:before{ content:"\f0d6" } .fa-caret-down:before{ content:"\f0d7" } .fa-caret-up:before{ content:"\f0d8" } .fa-caret-left:before{ content:"\f0d9" } .fa-caret-right:before{ content:"\f0da" } .fa-columns:before{ content:"\f0db" } .fa-sort:before,.fa-unsorted:before{ content:"\f0dc" } .fa-sort-desc:before,.fa-sort-down:before{ content:"\f0dd" } .fa-sort-asc:before,.fa-sort-up:before{ content:"\f0de" } .fa-envelope:before{ content:"\f0e0" } .fa-linkedin:before{ content:"\f0e1" } .fa-rotate-left:before,.fa-undo:before{ content:"\f0e2" } .fa-gavel:before,.fa-legal:before{ content:"\f0e3" } .fa-dashboard:before,.fa-tachometer:before{ content:"\f0e4" } .fa-comment-o:before{ content:"\f0e5" } .fa-comments-o:before{ content:"\f0e6" } .fa-bolt:before,.fa-flash:before{ content:"\f0e7" } .fa-sitemap:before{ content:"\f0e8" } .fa-umbrella:before{ content:"\f0e9" } .fa-clipboard:before,.fa-paste:before{ content:"\f0ea" } .fa-lightbulb-o:before{ content:"\f0eb" } .fa-exchange:before{ content:"\f0ec" } .fa-cloud-download:before{ content:"\f0ed" } .fa-cloud-upload:before{ content:"\f0ee" } .fa-user-md:before{ content:"\f0f0" } .fa-stethoscope:before{ content:"\f0f1" } .fa-suitcase:before{ content:"\f0f2" } .fa-bell-o:before{ content:"\f0a2" } .fa-coffee:before{ content:"\f0f4" } .fa-cutlery:before{ content:"\f0f5" } .fa-file-text-o:before{ content:"\f0f6" } .fa-building-o:before{ content:"\f0f7" } .fa-hospital-o:before{ content:"\f0f8" } .fa-ambulance:before{ content:"\f0f9" } .fa-medkit:before{ content:"\f0fa" } .fa-fighter-jet:before{ content:"\f0fb" } .fa-beer:before{ content:"\f0fc" } .fa-h-square:before{ content:"\f0fd" } .fa-plus-square:before{ content:"\f0fe" } .fa-angle-double-left:before{ content:"\f100" } .fa-angle-double-right:before{ content:"\f101" } .fa-angle-double-up:before{ content:"\f102" } .fa-angle-double-down:before{ content:"\f103" } .fa-angle-left:before{ content:"\f104" } .fa-angle-right:before{ content:"\f105" } .fa-angle-up:before{ content:"\f106" } .fa-angle-down:before{ content:"\f107" } .fa-desktop:before{ content:"\f108" } .fa-laptop:before{ content:"\f109" } .fa-tablet:before{ content:"\f10a" } .fa-mobile-phone:before,.fa-mobile:before{ content:"\f10b" } .fa-circle-o:before{ content:"\f10c" } .fa-quote-left:before{ content:"\f10d" } .fa-quote-right:before{ content:"\f10e" } .fa-spinner:before{ content:"\f110" } .fa-circle:before{ content:"\f111" } .fa-mail-reply:before,.fa-reply:before{ content:"\f112" } .fa-github-alt:before{ content:"\f113" } .fa-folder-o:before{ content:"\f114" } .fa-folder-open-o:before{ content:"\f115" } .fa-smile-o:before{ content:"\f118" } .fa-frown-o:before{ content:"\f119" } .fa-meh-o:before{ content:"\f11a" } .fa-gamepad:before{ content:"\f11b" } .fa-keyboard-o:before{ content:"\f11c" } .fa-flag-o:before{ content:"\f11d" } .fa-flag-checkered:before{ content:"\f11e" } .fa-terminal:before{ content:"\f120" } .fa-code:before{ content:"\f121" } .fa-mail-reply-all:before,.fa-reply-all:before{ content:"\f122" } .fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{ content:"\f123" } .fa-location-arrow:before{ content:"\f124" } .fa-crop:before{ content:"\f125" } .fa-code-fork:before{ content:"\f126" } .fa-chain-broken:before,.fa-unlink:before{ content:"\f127" } .fa-question:before{ content:"\f128" } .fa-info:before{ content:"\f129" } .fa-exclamation:before{ content:"\f12a" } .fa-superscript:before{ content:"\f12b" } .fa-subscript:before{ content:"\f12c" } .fa-eraser:before{ content:"\f12d" } .fa-puzzle-piece:before{ content:"\f12e" } .fa-microphone:before{ content:"\f130" } .fa-microphone-slash:before{ content:"\f131" } .fa-shield:before{ content:"\f132" } .fa-calendar-o:before{ content:"\f133" } .fa-fire-extinguisher:before{ content:"\f134" } .fa-rocket:before{ content:"\f135" } .fa-maxcdn:before{ content:"\f136" } .fa-chevron-circle-left:before{ content:"\f137" } .fa-chevron-circle-right:before{ content:"\f138" } .fa-chevron-circle-up:before{ content:"\f139" } .fa-chevron-circle-down:before{ content:"\f13a" } .fa-html5:before{ content:"\f13b" } .fa-css3:before{ content:"\f13c" } .fa-anchor:before{ content:"\f13d" } .fa-unlock-alt:before{ content:"\f13e" } .fa-bullseye:before{ content:"\f140" } .fa-ellipsis-h:before{ content:"\f141" } .fa-ellipsis-v:before{ content:"\f142" } .fa-rss-square:before{ content:"\f143" } .fa-play-circle:before{ content:"\f144" } .fa-ticket:before{ content:"\f145" } .fa-minus-square:before{ content:"\f146" } .fa-minus-square-o:before{ content:"\f147" } .fa-level-up:before{ content:"\f148" } .fa-level-down:before{ content:"\f149" } .fa-check-square:before{ content:"\f14a" } .fa-pencil-square:before{ content:"\f14b" } .fa-external-link-square:before{ content:"\f14c" } .fa-share-square:before{ content:"\f14d" } .fa-compass:before{ content:"\f14e" } .fa-caret-square-o-down:before,.fa-toggle-down:before{ content:"\f150" } .fa-caret-square-o-up:before,.fa-toggle-up:before{ content:"\f151" } .fa-caret-square-o-right:before,.fa-toggle-right:before{ content:"\f152" } .fa-eur:before,.fa-euro:before{ content:"\f153" } .fa-gbp:before{ content:"\f154" } .fa-dollar:before,.fa-usd:before{ content:"\f155" } .fa-inr:before,.fa-rupee:before{ content:"\f156" } .fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{ content:"\f157" } .fa-rouble:before,.fa-rub:before,.fa-ruble:before{ content:"\f158" } .fa-krw:before,.fa-won:before{ content:"\f159" } .fa-bitcoin:before,.fa-btc:before{ content:"\f15a" } .fa-file:before{ content:"\f15b" } .fa-file-text:before{ content:"\f15c" } .fa-sort-alpha-asc:before{ content:"\f15d" } .fa-sort-alpha-desc:before{ content:"\f15e" } .fa-sort-amount-asc:before{ content:"\f160" } .fa-sort-amount-desc:before{ content:"\f161" } .fa-sort-numeric-asc:before{ content:"\f162" } .fa-sort-numeric-desc:before{ content:"\f163" } .fa-thumbs-up:before{ content:"\f164" } .fa-thumbs-down:before{ content:"\f165" } .fa-youtube-square:before{ content:"\f166" } .fa-youtube:before{ content:"\f167" } .fa-xing:before{ content:"\f168" } .fa-xing-square:before{ content:"\f169" } .fa-youtube-play:before{ content:"\f16a" } .fa-dropbox:before{ content:"\f16b" } .fa-stack-overflow:before{ content:"\f16c" } .fa-instagram:before{ content:"\f16d" } .fa-flickr:before{ content:"\f16e" } .fa-adn:before{ content:"\f170" } .fa-bitbucket:before{ content:"\f171" } .fa-bitbucket-square:before{ content:"\f172" } .fa-tumblr:before{ content:"\f173" } .fa-tumblr-square:before{ content:"\f174" } .fa-long-arrow-down:before{ content:"\f175" } .fa-long-arrow-up:before{ content:"\f176" } .fa-long-arrow-left:before{ content:"\f177" } .fa-long-arrow-right:before{ content:"\f178" } .fa-apple:before{ content:"\f179" } .fa-windows:before{ content:"\f17a" } .fa-android:before{ content:"\f17b" } .fa-linux:before{ content:"\f17c" } .fa-dribbble:before{ content:"\f17d" } .fa-skype:before{ content:"\f17e" } .fa-foursquare:before{ content:"\f180" } .fa-trello:before{ content:"\f181" } .fa-female:before{ content:"\f182" } .fa-male:before{ content:"\f183" } .fa-gittip:before,.fa-gratipay:before{ content:"\f184" } .fa-sun-o:before{ content:"\f185" } .fa-moon-o:before{ content:"\f186" } .fa-archive:before{ content:"\f187" } .fa-bug:before{ content:"\f188" } .fa-vk:before{ content:"\f189" } .fa-weibo:before{ content:"\f18a" } .fa-renren:before{ content:"\f18b" } .fa-pagelines:before{ content:"\f18c" } .fa-stack-exchange:before{ content:"\f18d" } .fa-arrow-circle-o-right:before{ content:"\f18e" } .fa-arrow-circle-o-left:before{ content:"\f190" } .fa-caret-square-o-left:before,.fa-toggle-left:before{ content:"\f191" } .fa-dot-circle-o:before{ content:"\f192" } .fa-wheelchair:before{ content:"\f193" } .fa-vimeo-square:before{ content:"\f194" } .fa-try:before,.fa-turkish-lira:before{ content:"\f195" } .fa-plus-square-o:before{ content:"\f196" } .fa-space-shuttle:before{ content:"\f197" } .fa-slack:before{ content:"\f198" } .fa-envelope-square:before{ content:"\f199" } .fa-wordpress:before{ content:"\f19a" } .fa-openid:before{ content:"\f19b" } .fa-bank:before,.fa-institution:before,.fa-university:before{ content:"\f19c" } .fa-graduation-cap:before,.fa-mortar-board:before{ content:"\f19d" } .fa-yahoo:before{ content:"\f19e" } .fa-google:before{ content:"\f1a0" } .fa-reddit:before{ content:"\f1a1" } .fa-reddit-square:before{ content:"\f1a2" } .fa-stumbleupon-circle:before{ content:"\f1a3" } .fa-stumbleupon:before{ content:"\f1a4" } .fa-delicious:before{ content:"\f1a5" } .fa-digg:before{ content:"\f1a6" } .fa-pied-piper:before{ content:"\f1a7" } .fa-pied-piper-alt:before{ content:"\f1a8" } .fa-drupal:before{ content:"\f1a9" } .fa-joomla:before{ content:"\f1aa" } .fa-language:before{ content:"\f1ab" } .fa-fax:before{ content:"\f1ac" } .fa-building:before{ content:"\f1ad" } .fa-child:before{ content:"\f1ae" } .fa-paw:before{ content:"\f1b0" } .fa-spoon:before{ content:"\f1b1" } .fa-cube:before{ content:"\f1b2" } .fa-cubes:before{ content:"\f1b3" } .fa-behance:before{ content:"\f1b4" } .fa-behance-square:before{ content:"\f1b5" } .fa-steam:before{ content:"\f1b6" } .fa-steam-square:before{ content:"\f1b7" } .fa-recycle:before{ content:"\f1b8" } .fa-automobile:before,.fa-car:before{ content:"\f1b9" } .fa-cab:before,.fa-taxi:before{ content:"\f1ba" } .fa-tree:before{ content:"\f1bb" } .fa-spotify:before{ content:"\f1bc" } .fa-deviantart:before{ content:"\f1bd" } .fa-soundcloud:before{ content:"\f1be" } .fa-database:before{ content:"\f1c0" } .fa-file-pdf-o:before{ content:"\f1c1" } .fa-file-word-o:before{ content:"\f1c2" } .fa-file-excel-o:before{ content:"\f1c3" } .fa-file-powerpoint-o:before{ content:"\f1c4" } .fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{ content:"\f1c5" } .fa-file-archive-o:before,.fa-file-zip-o:before{ content:"\f1c6" } .fa-file-audio-o:before,.fa-file-sound-o:before{ content:"\f1c7" } .fa-file-movie-o:before,.fa-file-video-o:before{ content:"\f1c8" } .fa-file-code-o:before{ content:"\f1c9" } .fa-vine:before{ content:"\f1ca" } .fa-codepen:before{ content:"\f1cb" } .fa-jsfiddle:before{ content:"\f1cc" } .fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{ content:"\f1cd" } .fa-circle-o-notch:before{ content:"\f1ce" } .fa-ra:before,.fa-rebel:before{ content:"\f1d0" } .fa-empire:before,.fa-ge:before{ content:"\f1d1" } .fa-git-square:before{ content:"\f1d2" } .fa-git:before{ content:"\f1d3" } .fa-hacker-news:before{ content:"\f1d4" } .fa-tencent-weibo:before{ content:"\f1d5" } .fa-qq:before{ content:"\f1d6" } .fa-wechat:before,.fa-weixin:before{ content:"\f1d7" } .fa-paper-plane:before,.fa-send:before{ content:"\f1d8" } .fa-paper-plane-o:before,.fa-send-o:before{ content:"\f1d9" } .fa-history:before{ content:"\f1da" } .fa-circle-thin:before,.fa-genderless:before{ content:"\f1db" } .fa-header:before{ content:"\f1dc" } .fa-paragraph:before{ content:"\f1dd" } .fa-sliders:before{ content:"\f1de" } .fa-share-alt:before{ content:"\f1e0" } .fa-share-alt-square:before{ content:"\f1e1" } .fa-bomb:before{ content:"\f1e2" } .fa-futbol-o:before,.fa-soccer-ball-o:before{ content:"\f1e3" } .fa-tty:before{ content:"\f1e4" } .fa-binoculars:before{ content:"\f1e5" } .fa-plug:before{ content:"\f1e6" } .fa-slideshare:before{ content:"\f1e7" } .fa-twitch:before{ content:"\f1e8" } .fa-yelp:before{ content:"\f1e9" } .fa-newspaper-o:before{ content:"\f1ea" } .fa-wifi:before{ content:"\f1eb" } .fa-calculator:before{ content:"\f1ec" } .fa-paypal:before{ content:"\f1ed" } .fa-google-wallet:before{ content:"\f1ee" } .fa-cc-visa:before{ content:"\f1f0" } .fa-cc-mastercard:before{ content:"\f1f1" } .fa-cc-discover:before{ content:"\f1f2" } .fa-cc-amex:before{ content:"\f1f3" } .fa-cc-paypal:before{ content:"\f1f4" } .fa-cc-stripe:before{ content:"\f1f5" } .fa-bell-slash:before{ content:"\f1f6" } .fa-bell-slash-o:before{ content:"\f1f7" } .fa-trash:before{ content:"\f1f8" } .fa-copyright:before{ content:"\f1f9" } .fa-at:before{ content:"\f1fa" } .fa-eyedropper:before{ content:"\f1fb" } .fa-paint-brush:before{ content:"\f1fc" } .fa-birthday-cake:before{ content:"\f1fd" } .fa-area-chart:before{ content:"\f1fe" } .fa-pie-chart:before{ content:"\f200" } .fa-line-chart:before{ content:"\f201" } .fa-lastfm:before{ content:"\f202" } .fa-lastfm-square:before{ content:"\f203" } .fa-toggle-off:before{ content:"\f204" } .fa-toggle-on:before{ content:"\f205" } .fa-bicycle:before{ content:"\f206" } .fa-bus:before{ content:"\f207" } .fa-ioxhost:before{ content:"\f208" } .fa-angellist:before{ content:"\f209" } .fa-cc:before{ content:"\f20a" } .fa-ils:before,.fa-shekel:before,.fa-sheqel:before{ content:"\f20b" } .fa-meanpath:before{ content:"\f20c" } .fa-buysellads:before{ content:"\f20d" } .fa-connectdevelop:before{ content:"\f20e" } .fa-dashcube:before{ content:"\f210" } .fa-forumbee:before{ content:"\f211" } .fa-leanpub:before{ content:"\f212" } .fa-sellsy:before{ content:"\f213" } .fa-shirtsinbulk:before{ content:"\f214" } .fa-simplybuilt:before{ content:"\f215" } .fa-skyatlas:before{ content:"\f216" } .fa-cart-plus:before{ content:"\f217" } .fa-cart-arrow-down:before{ content:"\f218" } .fa-diamond:before{ content:"\f219" } .fa-ship:before{ content:"\f21a" } .fa-user-secret:before{ content:"\f21b" } .fa-motorcycle:before{ content:"\f21c" } .fa-street-view:before{ content:"\f21d" } .fa-heartbeat:before{ content:"\f21e" } .fa-venus:before{ content:"\f221" } .fa-mars:before{ content:"\f222" } .fa-mercury:before{ content:"\f223" } .fa-transgender:before{ content:"\f224" } .fa-transgender-alt:before{ content:"\f225" } .fa-venus-double:before{ content:"\f226" } .fa-mars-double:before{ content:"\f227" } .fa-venus-mars:before{ content:"\f228" } .fa-mars-stroke:before{ content:"\f229" } .fa-mars-stroke-v:before{ content:"\f22a" } .fa-mars-stroke-h:before{ content:"\f22b" } .fa-neuter:before{ content:"\f22c" } .fa-facebook-official:before{ content:"\f230" } .fa-pinterest-p:before{ content:"\f231" } .fa-whatsapp:before{ content:"\f232" } .fa-server:before{ content:"\f233" } .fa-user-plus:before{ content:"\f234" } .fa-user-times:before{ content:"\f235" } .fa-bed:before,.fa-hotel:before{ content:"\f236" } .fa-viacoin:before{ content:"\f237" } .fa-train:before{ content:"\f238" } .fa-subway:before{ content:"\f239" } .fa-medium:before{ content:"\f23a" } .react-datepicker-wrapper{ display:inline-block } .react-datepicker{ font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:.8rem; background-color:#fff; color:#000; border:1px solid #aeaeae; border-radius:.3rem; display:inline-block; position:relative } .react-datepicker--time-only .react-datepicker__triangle{ left:35px } .react-datepicker--time-only .react-datepicker__time-container{ border-left:0 } .react-datepicker--time-only .react-datepicker__time{ border-radius:.3rem } .react-datepicker--time-only .react-datepicker__time-box{ border-radius:.3rem } .react-datepicker__triangle{ position:absolute; left:50px } .react-datepicker-popper{ z-index:1 } .react-datepicker-popper[data-placement^=bottom]{ margin-top:10px } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{ margin-left:-8px; position:absolute; top:0; margin-top:-8px } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before{ box-sizing:content-box; position:absolute; border:8px solid transparent; height:0; width:1px } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before{ content:""; z-index:-1; border-width:8px; left:-8px; border-bottom-color:#aeaeae } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before{ border-top:none; border-bottom-color:#f0f0f0 } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before{ top:-1px; border-bottom-color:#aeaeae } .react-datepicker-popper[data-placement^=top]{ margin-bottom:10px } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{ margin-left:-8px; position:absolute; bottom:0; margin-bottom:-8px } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before{ box-sizing:content-box; position:absolute; border:8px solid transparent; height:0; width:1px } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before{ content:""; z-index:-1; border-width:8px; left:-8px; border-bottom-color:#aeaeae } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before{ border-bottom:none; border-top-color:#fff } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before{ bottom:-1px; border-top-color:#aeaeae } .react-datepicker-popper[data-placement^=right]{ margin-left:8px } .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{ left:auto; right:42px } .react-datepicker-popper[data-placement^=left]{ margin-right:8px } .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{ left:42px; right:auto } .react-datepicker__header{ text-align:center; background-color:#f0f0f0; border-bottom:1px solid #aeaeae; border-top-left-radius:.3rem; border-top-right-radius:.3rem; padding-top:8px; position:relative } .react-datepicker__header--time{ padding-bottom:8px; padding-left:5px; padding-right:5px } .react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{ display:inline-block; margin:0 2px } .react-datepicker-time__header,.react-datepicker__current-month{ margin-top:0; color:#000; font-weight:700; font-size:.944rem } .react-datepicker-time__header{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden } .react-datepicker__navigation{ background:0 0; line-height:1.7rem; text-align:center; cursor:pointer; position:absolute; top:10px; width:0; padding:0; border:.45rem solid transparent; z-index:1; height:10px; width:10px; text-indent:-999em; overflow:hidden } .react-datepicker__navigation--previous{ left:10px; border-right-color:#ccc } .react-datepicker__navigation--previous:hover{ border-right-color:#b3b3b3 } .react-datepicker__navigation--previous--disabled,.react-datepicker__navigation--previous--disabled:hover{ border-right-color:#e6e6e6; cursor:default } .react-datepicker__navigation--next{ right:10px; border-left-color:#ccc } .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){ right:80px } .react-datepicker__navigation--next:hover{ border-left-color:#b3b3b3 } .react-datepicker__navigation--next--disabled,.react-datepicker__navigation--next--disabled:hover{ border-left-color:#e6e6e6; cursor:default } .react-datepicker__navigation--years{ position:relative; top:0; display:block; margin-left:auto; margin-right:auto } .react-datepicker__navigation--years-previous{ top:4px; border-top-color:#ccc } .react-datepicker__navigation--years-previous:hover{ border-top-color:#b3b3b3 } .react-datepicker__navigation--years-upcoming{ top:-4px; border-bottom-color:#ccc } .react-datepicker__navigation--years-upcoming:hover{ border-bottom-color:#b3b3b3 } .react-datepicker__month-container{ float:left } .react-datepicker__month{ margin:.4rem; text-align:center } .react-datepicker__time-container{ float:right; border-left:1px solid #aeaeae; width:70px } .react-datepicker__time-container--with-today-button{ display:inline; border:1px solid #aeaeae; border-radius:.3rem; position:absolute; right:-72px; top:0 } .react-datepicker__time-container .react-datepicker__time{ position:relative; background:#fff } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{ width:70px; overflow-x:hidden; margin:0 auto; text-align:center } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{ list-style:none; margin:0; height:calc(195px + (1.7rem/2)); overflow-y:scroll; padding-right:0; padding-left:0; width:100%; box-sizing:content-box } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{ height:30px; padding:5px 10px } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{ cursor:pointer; background-color:#f0f0f0 } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{ background-color:#216ba5; color:#fff; font-weight:700 } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{ background-color:#216ba5 } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{ color:#ccc } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{ cursor:default; background-color:transparent } .react-datepicker__week-number{ color:#ccc; display:inline-block; width:1.7rem; line-height:1.7rem; text-align:center; margin:.166rem } .react-datepicker__week-number.react-datepicker__week-number--clickable{ cursor:pointer } .react-datepicker__week-number.react-datepicker__week-number--clickable:hover{ border-radius:.3rem; background-color:#f0f0f0 } .react-datepicker__day-names,.react-datepicker__week{ white-space:nowrap } .react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{ color:#000; display:inline-block; width:1.7rem; line-height:1.7rem; text-align:center; margin:.166rem } .react-datepicker__day{ cursor:pointer } .react-datepicker__day:hover{ border-radius:.3rem; background-color:#f0f0f0 } .react-datepicker__day--today{ font-weight:700 } .react-datepicker__day--highlighted{ border-radius:.3rem; background-color:#3dcc4a; color:#fff } .react-datepicker__day--highlighted:hover{ background-color:#32be3f } .react-datepicker__day--highlighted-custom-1{ color:#ff00ff } .react-datepicker__day--highlighted-custom-2{ color:green } .react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected{ border-radius:.3rem; background-color:#216ba5; color:#fff } .react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover{ background-color:#1d5d90 } .react-datepicker__day--keyboard-selected{ border-radius:.3rem; background-color:#2987d0; color:#fff } .react-datepicker__day--keyboard-selected:hover{ background-color:#1d5d90 } .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range){ background-color:rgba(33,107,165,.5) } .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range){ background-color:#f0f0f0; color:#000 } .react-datepicker__day--disabled{ cursor:default; color:#ccc } .react-datepicker__day--disabled:hover{ background-color:transparent } .react-datepicker__input-container{ position:relative; display:inline-block } .react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{ border:1px solid transparent; border-radius:.3rem } .react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{ cursor:pointer } .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{ border-top-color:#b3b3b3 } .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{ margin-left:-8px; position:absolute; bottom:0; margin-bottom:-8px; border-top-color:#ccc; float:right; margin-left:20px; top:8px; position:relative; border-width:.45rem } .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow::before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow::before{ box-sizing:content-box; position:absolute; border:8px solid transparent; height:0; width:1px } .react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before,.react-datepicker__year-read-view--down-arrow::before{ content:""; z-index:-1; border-width:8px; left:-8px; border-bottom-color:#aeaeae } .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow::before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow::before{ border-bottom:none; border-top-color:#fff } .react-datepicker__month-read-view--down-arrow::before,.react-datepicker__month-year-read-view--down-arrow::before,.react-datepicker__year-read-view--down-arrow::before{ bottom:-1px; border-top-color:#aeaeae } .react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{ background-color:#f0f0f0; position:absolute; width:50%; left:25%; top:30px; z-index:1; text-align:center; border-radius:.3rem; border:1px solid #aeaeae } .react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{ cursor:pointer } .react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{ height:150px; overflow-y:scroll } .react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{ line-height:20px; width:100%; display:block; margin-left:auto; margin-right:auto } .react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{ border-top-left-radius:.3rem; border-top-right-radius:.3rem } .react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; border-bottom-left-radius:.3rem; border-bottom-right-radius:.3rem } .react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{ background-color:#ccc } .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{ border-bottom-color:#b3b3b3 } .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{ border-top-color:#b3b3b3 } .react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{ position:absolute; left:15px } .react-datepicker__close-icon{ background-color:transparent; border:0; cursor:pointer; outline:0; padding:0; vertical-align:middle; position:absolute; height:16px; width:16px; top:25%; right:7px } .react-datepicker__close-icon::after{ background-color:#216ba5; border-radius:50%; bottom:0; box-sizing:border-box; color:#fff; content:"\00d7"; cursor:pointer; font-size:12px; height:16px; width:16px; line-height:1; margin:-8px auto 0; padding:2px; position:absolute; right:0; text-align:center } .react-datepicker__today-button{ background:#f0f0f0; border-top:1px solid #aeaeae; cursor:pointer; text-align:center; font-weight:700; padding:5px 0; clear:left } .react-datepicker__portal{ position:fixed; width:100vw; height:100vh; background-color:rgba(0,0,0,.8); left:0; top:0; justify-content:center; align-items:center; display:flex; z-index:2147483647 } .react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{ width:3rem; line-height:3rem } @media (max-width:400px),(max-height:550px){ .react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{ width:2rem; line-height:2rem } } .react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{ font-size:1.44rem } .react-datepicker__portal .react-datepicker__navigation{ border:.81rem solid transparent } .react-datepicker__portal .react-datepicker__navigation--previous{ border-right-color:#ccc } .react-datepicker__portal .react-datepicker__navigation--previous:hover{ border-right-color:#b3b3b3 } .react-datepicker__portal .react-datepicker__navigation--previous--disabled,.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover{ border-right-color:#e6e6e6; cursor:default } .react-datepicker__portal .react-datepicker__navigation--next{ border-left-color:#ccc } .react-datepicker__portal .react-datepicker__navigation--next:hover{ border-left-color:#b3b3b3 } .react-datepicker__portal .react-datepicker__navigation--next--disabled,.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover{ border-left-color:#e6e6e6; cursor:default } .Select{ position:relative } .Select input::-webkit-contacts-auto-fill-button,.Select input::-webkit-credentials-auto-fill-button{ display:none!important } .Select input::-ms-clear{ display:none!important } .Select input::-ms-reveal{ display:none!important } .Select,.Select div,.Select input,.Select span{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .Select.is-disabled .Select-arrow-zone{ cursor:default; pointer-events:none; opacity:.35 } .Select.is-disabled>.Select-control{ background-color:#f9f9f9 } .Select.is-disabled>.Select-control:hover{ box-shadow:none } .Select.is-open>.Select-control{ border-bottom-right-radius:0; border-bottom-left-radius:0; background:#fff; border-color:#b3b3b3 #ccc #d9d9d9 } .Select.is-open>.Select-control .Select-arrow{ top:-2px; border-color:transparent transparent #999; border-width:0 5px 5px } .Select.is-searchable.is-open>.Select-control{ cursor:text } .Select.is-searchable.is-focused:not(.is-open)>.Select-control{ cursor:text } .Select.is-focused>.Select-control{ background:#fff } .Select.is-focused:not(.is-open)>.Select-control{ border-color:#007eff; box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1); background:#fff } .Select.has-value.is-clearable.Select--single>.Select-control .Select-value{ padding-right:42px } .Select.has-value.Select--single>.Select-control .Select-value .Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{ color:#333 } .Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label{ cursor:pointer; text-decoration:none } .Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:hover,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:hover{ color:#007eff; outline:0; text-decoration:underline } .Select.has-value.Select--single>.Select-control .Select-value a.Select-value-label:focus,.Select.has-value.is-pseudo-focused.Select--single>.Select-control .Select-value a.Select-value-label:focus{ background:#fff } .Select.has-value.is-pseudo-focused .Select-input{ opacity:0 } .Select .Select-arrow-zone:hover>.Select-arrow,.Select.is-open .Select-arrow{ border-top-color:#666 } .Select.Select--rtl{ direction:rtl; text-align:right } .Select-control{ background-color:#fff; border-color:#d9d9d9 #ccc #b3b3b3; border-radius:4px; border:1px solid #ccc; color:#333; cursor:default; display:table; border-spacing:0; border-collapse:separate; height:36px; outline:0; overflow:hidden; position:relative; width:100% } .Select-control:hover{ box-shadow:0 1px 0 rgba(0,0,0,.06) } .Select-control .Select-input:focus{ outline:0; background:#fff } .Select--single>.Select-control .Select-value,.Select-placeholder{ bottom:0; color:#aaa; left:0; line-height:34px; padding-left:10px; padding-right:10px; position:absolute; right:0; top:0; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .Select-input{ height:34px; padding-left:10px; padding-right:10px; vertical-align:middle } .Select-input>input{ width:100%; background:none transparent; border:0 none; box-shadow:none; cursor:default; display:inline-block; font-family:inherit; font-size:inherit; margin:0; outline:0; line-height:17px; padding:8px 0 12px; -webkit-appearance:none } .is-focused .Select-input>input{ cursor:text } .has-value.is-pseudo-focused .Select-input{ opacity:0 } .Select-control:not(.is-searchable)>.Select-input{ outline:0 } .Select-loading-zone{ cursor:pointer; display:table-cell; position:relative; text-align:center; vertical-align:middle; width:16px } .Select-loading{ -webkit-animation:Select-animation-spin .4s infinite linear .3s 0 ease 1 normal; -moz-animation:Select-animation-spin .4s infinite linear .3s 0 ease 1 normal; -ms-animation:Select-animation-spin .4s infinite linear .3s 0 ease 1 normal; animation:Select-animation-spin .4s infinite linear .3s 0 ease 1 normal; -webkit-animation:Select-animation-spin .4s infinite linear; -o-animation:Select-animation-spin .4s infinite linear; animation:Select-animation-spin .4s infinite linear; width:16px; height:16px; box-sizing:border-box; border-radius:50%; border:2px solid #ccc; border-right-color:#333; display:inline-block; position:relative; vertical-align:middle } .Select-clear-zone{ -webkit-animation:Select-animation-fadeIn .2s .3s 0 ease 1 normal; -moz-animation:Select-animation-fadeIn .2s .3s 0 ease 1 normal; -ms-animation:Select-animation-fadeIn .2s .3s 0 ease 1 normal; animation:Select-animation-fadeIn .2s .3s 0 ease 1 normal; -webkit-animation:Select-animation-fadeIn .2s; -o-animation:Select-animation-fadeIn .2s; animation:Select-animation-fadeIn .2s; color:#999; cursor:pointer; display:table-cell; position:relative; text-align:center; vertical-align:middle; width:17px } .Select-clear-zone:hover{ color:#d0021b } .Select-clear{ display:inline-block; font-size:18px; line-height:1 } .Select--multi .Select-clear-zone{ width:17px } .Select-arrow-zone{ cursor:pointer; display:table-cell; position:relative; text-align:center; vertical-align:middle; width:25px; padding-right:5px } .Select--rtl .Select-arrow-zone{ padding-right:0; padding-left:5px } .Select-arrow{ border-color:#999 transparent transparent; border-style:solid; border-width:5px 5px 2.5px; display:inline-block; height:0; width:0; position:relative } .Select-control>:last-child{ padding-right:5px } .Select--multi .Select-multi-value-wrapper{ display:inline-block } .Select .Select-aria-only{ position:absolute; display:inline-block; height:1px; width:1px; margin:-1px; clip:rect(0,0,0,0); overflow:hidden; float:left } @-webkit-keyframes Select-animation-fadeIn{ from{ opacity:0 } to{ opacity:1 } } @keyframes Select-animation-fadeIn{ from{ opacity:0 } to{ opacity:1 } } .Select-menu-outer{ border-bottom-right-radius:4px; border-bottom-left-radius:4px; background-color:#fff; border:1px solid #ccc; border-top-color:#e6e6e6; box-shadow:0 1px 0 rgba(0,0,0,.06); box-sizing:border-box; margin-top:-1px; max-height:200px; position:absolute; left:0; top:100%; width:100%; z-index:1; -webkit-overflow-scrolling:touch } .Select-menu{ max-height:198px; overflow-y:auto } .Select-option{ box-sizing:border-box; background-color:#fff; color:#666; cursor:pointer; display:block; padding:8px 10px } .Select-option:last-child{ border-bottom-right-radius:4px; border-bottom-left-radius:4px } .Select-option.is-selected{ background-color:#f5faff; background-color:rgba(0,126,255,.04); color:#333 } .Select-option.is-focused{ background-color:#ebf5ff; background-color:rgba(0,126,255,.08); color:#333 } .Select-option.is-disabled{ color:#ccc; cursor:default } .Select-noresults{ box-sizing:border-box; color:#999; cursor:default; display:block; padding:8px 10px } .Select--multi .Select-input{ vertical-align:middle; margin-left:10px; padding:0 } .Select--multi.Select--rtl .Select-input{ margin-left:0; margin-right:10px } .Select--multi.has-value .Select-input{ margin-left:5px } .Select--multi .Select-value{ background-color:#ebf5ff; background-color:rgba(0,126,255,.08); border-radius:2px; border:1px solid #c2e0ff; border:1px solid rgba(0,126,255,.24); color:#007eff; display:inline-block; font-size:.9em; line-height:1.4; margin-left:5px; margin-top:5px; vertical-align:top } .Select--multi .Select-value-icon,.Select--multi .Select-value-label{ display:inline-block; vertical-align:middle } .Select--multi .Select-value-label{ border-bottom-right-radius:2px; border-top-right-radius:2px; cursor:default; padding:2px 5px } .Select--multi a.Select-value-label{ color:#007eff; cursor:pointer; text-decoration:none } .Select--multi a.Select-value-label:hover{ text-decoration:underline } .Select--multi .Select-value-icon{ cursor:pointer; border-bottom-left-radius:2px; border-top-left-radius:2px; border-right:1px solid #c2e0ff; border-right:1px solid rgba(0,126,255,.24); padding:1px 5px 3px } .Select--multi .Select-value-icon:focus,.Select--multi .Select-value-icon:hover{ background-color:#d8eafd; background-color:rgba(0,113,230,.08); color:#0071e6 } .Select--multi .Select-value-icon:active{ background-color:#c2e0ff; background-color:rgba(0,126,255,.24) } .Select--multi.Select--rtl .Select-value{ margin-left:0; margin-right:5px } .Select--multi.Select--rtl .Select-value-icon{ border-right:none; border-left:1px solid #c2e0ff; border-left:1px solid rgba(0,126,255,.24) } .Select--multi.is-disabled .Select-value{ background-color:#fcfcfc; border:1px solid #e3e3e3; color:#333 } .Select--multi.is-disabled .Select-value-icon{ cursor:not-allowed; border-right:1px solid #e3e3e3 } .Select--multi.is-disabled .Select-value-icon:active,.Select--multi.is-disabled .Select-value-icon:focus,.Select--multi.is-disabled .Select-value-icon:hover{ background-color:#fcfcfc } @keyframes Select-animation-spin{ to{ transform:rotate(1turn) } } @-webkit-keyframes Select-animation-spin{ to{ -webkit-transform:rotate(1turn) } } .react-credit-card.react-credit-card--ie-11.react-credit-card--flipped{ -webkit-transform:0deg; -moz-transform:0deg; -ms-transform:0deg; -o-transform:0deg; transform:0deg } .react-credit-card.react-credit-card--ie-11.react-credit-card--flipped .react-credit-card__front{ -webkit-transform:rotateY(0); -moz-transform:rotateY(0); -ms-transform:rotateY(0); -o-transform:rotateY(0); transform:rotateY(0) } .react-credit-card.react-credit-card--ie-11.react-credit-card--flipped .react-credit-card__back{ -webkit-transform:rotateY(0); -moz-transform:rotateY(0); -ms-transform:rotateY(0); -o-transform:rotateY(0); transform:rotateY(0) } .react-credit-card.react-credit-card--ie-11.react-credit-card--flipped .react-credit-card__back:before{ left:18% } .react-credit-card.react-credit-card--ie-11.react-credit-card--flipped .react-credit-card__back .react-credit-card__cvc{ -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg); left:5% } .react-credit-card.react-credit-card--ie-11.react-credit-card--flipped .react-credit-card__back .react-credit-card__shiny{ left:84% } .react-credit-card.react-credit-card--ie-11.react-credit-card--flipped .react-credit-card__back .react-credit-card__shiny:after{ left:-480%; -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); transform:rotateY(180deg) } .react-credit-card.react-credit-card--ie-11.react-credit-card-amex .react-credit-card__back{ display:none } .react-credit-card__container{ position:relative; -webkit-perspective:1000px; perspective:1000px; width:350px; height:200px; margin-top:5px; margin-bottom:-5px; margin-right:auto; margin-left:auto } .react-credit-card{ border-radius:10px; line-height:1; position:relative; width:100%; height:100%; min-width:315px; -webkit-transform-style:preserve-3d; -ms-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:all .4s linear; transition:all .4s linear; -webkit-box-shadow:0 0 20px rgba(0,0,0,.3); box-shadow:0 0 20px rgba(0,0,0,.3) } .react-credit-card--flipped{ -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg) } .react-credit-card__back,.react-credit-card__front{ -webkit-backface-visibility:hidden; backface-visibility:hidden; transform-style:preserve-3d; -webkit-transition:all .4s linear; transition:all .4s linear; -webkit-transform-style:preserve-3d; -ms-transform-style:preserve-3d; -o-transform-style:preserve-3d; width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; border-radius:10px; background:#ddd } .react-credit-card__back{ webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg) } .react-credit-card__back:before{ content:" "; display:block; background-color:#fff; background-image:-webkit-linear-gradient(#fff,#fff); background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff)); background-image:linear-gradient(#fff,#fff); width:80%; height:16%; position:absolute; top:40%; left:2% } .react-credit-card__display{ color:#fff; font-weight:400; opacity:.5; -webkit-transition:opacity .4s linear; transition:opacity .4s linear } .react-credit-card__logo{ position:absolute; right:0; top:0 } .react-credit-card__number{ font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace; font-size:24px; clear:both; margin-bottom:30px } .react-credit-card__name{ text-transform:uppercase; font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace; font-size:20px; max-height:45px; position:absolute; bottom:0; width:190px; -webkit-line-clamp:2; -webkit-box-orient:horizontal; overflow:hidden; text-overflow:ellipsis; line-height:1.2em } .react-credit-card__expiry{ font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace; letter-spacing:0; position:relative; float:right; width:25% } .react-credit-card__expiry:before{ content:attr(data-before); margin-bottom:2px; font-size:7px; text-transform:uppercase } .react-credit-card__expiry:after{ position:absolute; content:attr(data-after); text-align:right; right:100%; margin-right:5px; margin-top:2px; bottom:0 } .react-credit-card__expiry:after,.react-credit-card__expiry:before{ font-family:"Helvetica Neue"; font-weight:700; font-size:7px; white-space:pre; display:block; opacity:.5 } .react-credit-card--focused{ opacity:1; font-weight:700 } .react-credit-card__lower{ width:80%; position:absolute; left:10%; bottom:30px } .react-credit-card__shiny{ width:50px; height:35px; margin-bottom:10px; border-radius:5px; background:#ccc; position:relative } .react-credit-card__shiny:after{ content:attr(data-after); position:absolute; left:120%; top:5%; color:#fff; font-size:7px; width:230px; opacity:.5 } .react-credit-card__shiny:before{ content:" "; display:block; width:70%; height:60%; border-top-right-radius:5px; border-bottom-right-radius:5px; background:#d9d9d9; position:absolute; top:20% } .react-credit-card__bar{ background-color:#444; background-image:-webkit-linear-gradient(#444,#333); background-image:-webkit-gradient(linear,left top,left bottom,from(#444),to(#333)); background-image:linear-gradient(#444,#333); width:100%; height:20%; position:absolute; top:10% } .react-credit-card__back .react-credit-card__shiny{ position:absolute; top:66%; left:2% } .react-credit-card__cvc{ position:absolute; top:40%; left:85%; -webkit-transition-delay:.6s; transition-delay:.6s; font-family:"Bitstream Vera Sans Mono",Consolas,Courier,monospace; font-size:14px } .react-credit-card--unknown{ -webkit-box-shadow:none; box-shadow:none } .react-credit-card--dankort .react-credit-card__back,.react-credit-card--dankort .react-credit-card__front{ background:#0055c7 } .react-credit-card--discover .react-credit-card__back,.react-credit-card--discover .react-credit-card__front{ background:#86b8cf } .react-credit-card--mastercard .react-credit-card__back,.react-credit-card--mastercard .react-credit-card__front{ background:#0061a8 } .react-credit-card--visa .react-credit-card__back,.react-credit-card--visa .react-credit-card__front{ background:#191278 } .react-credit-card--amex .react-credit-card__back,.react-credit-card--amex .react-credit-card__front{ background-color:#108168 } .fastClick{ cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .link-underline:hover{ text-decoration:underline } .screen-reader-only{ position:absolute; top:-999999px; overflow:hidden } .cb-body{ width:100%; height:100%; overflow-x:hidden } .cb-page{ width:100%; height:100%; overflow-x:hidden } .cb-viewport{ -webkit-transition:-webkit-left .3s ease-out; -moz-transition:left .3s ease-out; -ms-transition:left .3s ease-out; -o-transition:left .3s ease-out; transition:left .3s ease-out; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); left:0; background-attachment:fixed } .l-retail .cb-viewport.o-sidebar-open{ left:272px } .l-dashboard .cb-viewport{ width:100%; height:100%; box-flex:1 1 auto; -webkit-box-flex:1 1 auto; -moz-box-flex:1 1 auto; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .l-dashboard .cb-viewport_overflow-hidden{ overflow-y:hidden } .l-dashboard .cb-viewport_content-wrapper{ width:100vw; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center } .l-dashboard .cb-viewport_content{ height:100%; min-height:calc(100vh - 45px); width:100%; max-width:1280px; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10 } @media only screen and (max-width:768px){ .l-dashboard .cb-viewport{ height:100% } .l-dashboard .cb-viewport_content{ height:100% } } @media only screen and (max-width:1279px){ .l-dashboard .cb-viewport_content-wrapper{ -webkit-box-pack:start; -ms-flex-pack:start; -webkit-justify-content:flex-start; -moz-justify-content:flex-start; -ms-justify-content:flex-start; justify-content:flex-start } } .l-landing .cb-viewport{ width:100%; min-width:320px; height:100%; min-height:414px; overflow:hidden; position:relative; background-color:#ccc } @media only screen and (min-width:1280px){ .l-retail .cb-viewport.o-sidebar-open{ left:0 } } @media only screen and (max-width:480px){ .cb-page{ width:100%; height:100%; overflow-x:hidden; background-color:transparent } } .cb-cinemabox{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999 } .cb-floating-action-button{ width:64px; height:64px; border:none; background:0 0; padding:0; margin:0; text-align:center; position:fixed; bottom:48px; right:48px; display:inline-block; cursor:pointer; z-index:9999; border-radius:50% 50% } ::-ms-clear{ display:none } .cb-input{ position:relative } .cb-input textarea{ resize:none } .cb-input_wrap{ position:relative; font-size:16px; font-size:1.6rem; padding:0; border:none; border-bottom:1px solid #9e9e9e; border-radius:0 } .cb-input_wrap input,.cb-input_wrap select,.cb-input_wrap textarea{ border:none; background:0 0; padding:8px 5px; -webkit-appearance:none; text-align:left; background-color:rgba(255,255,255,0); font-size:.9em } .cb-input label{ font-size:16px; font-size:1.6rem; font-weight:700 } .cb-input.t-form input{ text-align:left } .cb-input input[disabled],.cb-input textarea[disabled]{ background-color:#bbb; color:#666 } .cb-input select[disabled]::-ms-expand{ display:none } .cb-input select[disabled]{ -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none } .cb-input input[type=date],.cb-input input[type=datetime-local],.cb-input input[type=month],.cb-input input[type=time],.cb-input input[type=week]{ -webkit-padding-before:4px; -webkit-padding-after:4px } .cb-input_label{ font-size:16px; font-size:1.6rem; padding:5px 0 7px 0 } .cb-input_label.t-floating{ position:absolute; top:14px; left:5px; z-index:1 } .cb-input_review-value{ font-size:16px; font-size:1.6rem; font-weight:400; color:#282828; padding:8px 5px 8px 0; min-height:29px } .cb-input .cb-icon{ height:35px; box-flex:0 0 auto; -webkit-box-flex:0 0 auto; -moz-box-flex:0 0 auto; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .cb-input.t-hide-wrap .cb-input_wrap{ border:none; background:0 0 } .cb-input.t-invalid .cb-input_wrap{ border-bottom:2px solid #c80000; -webkit-animation:invalid-input-pulse .5s ease-in; -moz-animation:invalid-input-pulse .5s ease-in; -ms-animation:invalid-input-pulse .5s ease-in; animation:invalid-input-pulse .5s ease-in } @-webkit-keyframes invalid-input-pulse{ 0%{ outline-width:0 } 50%{ outline-width:8px } 100%{ outline-width:5px } } @keyframes invalid-input-pulse{ 0%{ outline-width:0 } 50%{ outline-width:8px } 100%{ outline-width:5px } } .cb-input.t-invalid .cb-input_label:after{ content:'*'; color:#900 } .cb-input.t-valid .cb-input_wrap{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-bottom:2px solid #009000 } .cb-input.t-has-label{ padding-top:0 } .cb-input.t-login input{ text-align:left } .cb-input.t-input-group label{ font-size:20px; font-size:2rem } .cb-input.t-input-group .cb-input label{ font-size:16px; font-size:1.6rem } .cb-input.o-disabled select{ background-color:#ddd; color:#999 } .cb-date-select{ width:100% } .cb-date-select_select-wrap{ display:inline-block; margin:0 5px } .cb-date-select-form{ margin:10px; box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0 } .cb-date-select-form_question{ padding-top:5px!important; padding-bottom:5px!important } .cb-date-select-form_row{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; box-flex:1 1 auto; -webkit-box-flex:1 1 auto; -moz-box-flex:1 1 auto; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .cb-date-select-form_row.t-date-input .cb-input{ padding-right:5px; box-flex:1 1 auto; -webkit-box-flex:1 1 auto; -moz-box-flex:1 1 auto; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .react-datepicker__navigation--next{ border-left-color:#000 } .react-datepicker__navigation--previous{ border-right-color:#000 } .cb-form-button{ display:block; height:60px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; border:none; border-left:1px solid #000; background-color:#ccc; font-size:14px; font-size:1.4rem } .cb-form-button:first-child{ border-left:none } .cb-form-button_icon{ width:32px; height:32px; margin-right:4px } .cb-form-button.t-image>img{ height:50% } .cb-material-button{ font-weight:500; font-size:14px; letter-spacing:.03em; width:120px; padding:0 16px; color:#fff; background-color:#e8e7e7; display:inline-block; height:38px; margin-top:6px; border:none; border-radius:2px; cursor:pointer; touch-action:manipulation; text-align:center; line-height:36px; vertical-align:middle; white-space:nowrap; user-select:none; position:relative; overflow:hidden } .cb-material-button.t-cancel{ border:2px solid #e8e7e7; background-color:#fff; color:#ff4081 } .cb-material-button.t-configure{ background-color:#4cd3f4; color:#fff } @media only screen and (max-width:414px){ .cb-form-button{ background-color:#ccc } .cb-form-button.t-logout{ display:block; height:60px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box } .cb-form-button-wrap{ display:inline } } .cb-form-group{ -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; padding:15px 5px 5px 5px; position:relative } .cb-form-group_title{ border-bottom:1px solid #000; padding-bottom:5px; margin:0 10px; font-weight:700 } .cb-form-group.o-selected{ background-color:rgba(59,153,252,.2); -webkit-animation:gradualselect .1s ease-out; -moz-animation:gradualselect .1s ease-out; -ms-animation:gradualselect .1s ease-out; animation:gradualselect .1s ease-out } .cb-form-group.o-selected .cb-form-group_icon{ color:#fff } .cb-form-group.o-selected .cb-form-group_icon path{ fill:#fff } .cb-form-group.o-not-selected{ color:#999 } .cb-form-group.o-not-selected .cb-form-group_icon path{ fill:#999 } @media only screen and (max-width:480px), (max-height:640px){ .cb-form-group{ padding:15px 15px 5px 15px } } .cb-image-button img{ height:50% } .cb-button-wrap{ bottom:0; left:0; width:100%; text-align:left } .cb-button-wrap.t-overflow-shadow:before{ content:''; display:block; position:absolute; top:-20px; height:20px; width:100% } @media only screen and (max-width:414px){ .cb-plus-pay-add-payee_screen.t-review .cb-button-wrap{ position:static } } .cb-image-upload{ padding:0; border:none; background-color:transparent } .cb-image-upload_wrap{ width:100%; padding:10px; overflow:hidden; position:relative; text-align:center } .cb-image-upload_text{ width:100%; padding:8px 0 8px 0; overflow:hidden; position:relative; font-size:.9em } .cb-image-upload_title{ font-size:12px; font-size:1.2rem } .cb-image-upload_glyph{ height:25px; width:25px } .cb-image-upload_image{ width:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .cb-image-upload_input{ position:absolute!important; left:-999em } .cb-image-upload.t-eform{ padding-top:0; padding-bottom:0 } .cb-image-upload.t-eform .cb-image-upload_wrap{ height:80px; background:0 0; border:none } input[type=checkbox]{ width:30px; height:30px } .cb-checkbox.control~label:after,.cb-checkbox.control~label:before{ position:absolute; content:''; left:6px; border-radius:2px; top:6px } .cb-checkbox.control:checked~.checkbox-check:before{ top:7px; left:6px; width:9px; height:15px; border-top:2px solid transparent; border-left:2px solid transparent; border-bottom:2.5px solid #fff; border-right:2.5px solid #fff; z-index:1; backface-visibility:hidden; transform:rotateZ(37deg) scale(1); -webkit-transform-origin:100% 100%; transform-origin:100% 100% } .cb-checkbox_label{ height:9mm; width:9mm } .cb-checkbox_label.t-text-label{ width:100% } @media only screen and (max-width:768px){ .cb-checkbox_label{ height:48px; width:48px } .cb-checkbox.control~label:after,.cb-checkbox.control~label:before{ left:14px; top:14px } .cb-checkbox.control:checked~.checkbox-check:before{ top:15px; left:14px; width:9px; height:15px; border-top:2px solid transparent; border-left:2px solid transparent; border-bottom:2.5px solid #fff; border-right:2.5px solid #fff; z-index:1; backface-visibility:hidden; transform:rotateZ(37deg) scale(1); -webkit-transform-origin:100% 100%; transform-origin:100% 100% } } .cb-ios-select_wrapper-style{ cursor:default; border-spacing:0; border-collapse:separate; height:36px; outline:0; overflow:hidden; position:relative; width:100% } .cb-icon{ background-repeat:no-repeat; display:inline-block } .cb-icon.t-centered{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .cb-icon.t-eform-status{ width:100%; height:100% } .cb-icon.t-header{ float:right } .cb-input-wrap{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-input-wrap input{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; padding:10px; border:1px solid #000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box } .cb-input-wrap_icon{ box-flex:0 0 40px; -webkit-box-flex:0 0 40px; -moz-box-flex:0 0 40px; -webkit-flex:0 0 40px; -ms-flex:0 0 40px; flex:0 0 40px; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:40px; -moz-flex-basis:40px; -ms-flex-basis:40px; -ms-flex-preferred-size:40px; flex-basis:40px; min-width:40px; width:40px; height:30px; font-size:30px; text-align:center; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-hamburger{ width:44px; height:44px; padding:10px; z-index:10; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .cb-hamburger_icon-wrap{ position:relative; width:100%; height:100%; -webkit-transition:-webkit-.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s } .cb-hamburger_icon{ -webkit-transition:-webkit-.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s; position:absolute; height:16%; width:100%; top:42%; background-color:#fff } .cb-hamburger_icon:first-child{ top:8% } .cb-hamburger_icon:last-child{ top:auto; bottom:8% } .cb-hamburger.o-open .cb-hamburger_icon-wrap{ -webkit-transition:-webkit-.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s; -o-transform:rotateZ(-180deg); -webkit-transform:rotateZ(-180deg); -moz-transform:rotateZ(-180deg); -ms-transform:rotateZ(-180deg); transform:rotateZ(-180deg); -webkit-transform-style:preserve-3d; transform-style:preserve-3d } .cb-hamburger.o-open .cb-hamburger_icon:first-child{ -webkit-transform-origin:top right; -moz-transform-origin:top right; -ms-transform-origin:top right; -o-transform-origin:top right; transform-origin:top right; -o-transform:rotateZ(45deg) scaleX(.6); -webkit-transform:rotateZ(45deg) scaleX(.6); -moz-transform:rotateZ(45deg) scaleX(.6); -ms-transform:rotateZ(45deg) scaleX(.6); transform:rotateZ(45deg) scaleX(.6); top:42% } .cb-hamburger.o-open .cb-hamburger_icon:last-child{ -webkit-transform-origin:bottom right; -moz-transform-origin:bottom right; -ms-transform-origin:bottom right; -o-transform-origin:bottom right; transform-origin:bottom right; -o-transform:rotateZ(-45deg) scaleX(.6); -webkit-transform:rotateZ(-45deg) scaleX(.6); -moz-transform:rotateZ(-45deg) scaleX(.6); -ms-transform:rotateZ(-45deg) scaleX(.6); transform:rotateZ(-45deg) scaleX(.6); top:42% } @media only screen and (min-width:1280px){ .cb-hamburger{ display:none } } .cb-toggle-button:after{ content:""; display:table; clear:both } .cb-toggle-button_switch-wrap{ display:inline-block; width:80px; height:26px; background:#333; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; position:relative; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.2); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.2); box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.2) } .cb-toggle-button_switch-wrap:before{ content:'ON'; font:12px/26px Arial,sans-serif; color:#00bf00; position:absolute; left:10px; z-index:0; font-weight:700 } .cb-toggle-button_switch-wrap:after{ content:'OFF'; font:12px/26px Arial,sans-serif; position:absolute; right:10px; z-index:0; font-weight:700; text-shadow:1px 1px 0 rgba(255,255,255,.15) } .cb-toggle-button_switch-wrap.t-left{ float:left } .cb-toggle-button_switch-wrap.t-right{ float:right } .cb-toggle-button_switch{ display:block; width:34px; height:20px; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; -webkit-transition:-webkit-all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease; cursor:pointer; position:absolute; top:3px; left:3px; z-index:995; -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.3); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.3); box-shadow:0 2px 5px 0 rgba(0,0,0,.3); background:#fcfff4; background:-webkit-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%); background:-moz-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%); background:-o-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%); background:-ms-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%); background:linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%) } .cb-toggle-button_label{ display:inline-block; line-height:26px; float:left } .cb-toggle-button_icon{ max-width:40px; max-height:30px } .cb-toggle-button_icon.t-textbanking{ font-size:30px; font-size:3rem } .cb-toggle-button.t-no-padding{ padding:0 } .cb-toggle-button.t-no-stretch{ box-flex:0 1 auto; -webkit-box-flex:0 1 auto; -moz-box-flex:0 1 auto; -webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; padding-left:2px; padding-right:2px } .cb-toggle-button.o-on .cb-toggle-button_switch{ left:43px } .cb-toggle-button.o-off .cb-toggle-button_icon{ opacity:.4 } .cb-input .cb-toggle-button{ padding:4px 0 } .error { color: red; } .cb-modal{ position:fixed; -webkit-backface-visibility:hidden; -webkit-transform:translateZ(0); top:0; left:0; right:0; height:100%; z-index:1000; overflow-y:hidden; -ms-overflow-style:none } .cb-modal_overlay{ height:100%; width:100%; background-color:rgba(0,0,0,.5) } .cb-modal_overlay>img{ max-width:100% } .cb-modal_wrap{ -webkit-transition:-webkit-all .5s linear; -moz-transition:all .5s linear; -ms-transition:all .5s linear; -o-transition:all .5s linear; transition:all .5s linear; background:rgba(255,255,255,.9); -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; overflow:hidden; z-index:2000; top:50%; -webkit-transform:translate(0,-50%) translate(-50%,0); -moz-transform:translate(0,-50%) translate(-50%,0); -ms-transform:translate(0,-50%) translate(-50%,0); -o-transform:translate(0,-50%) translate(-50%,0); transform:translate(0,-50%) translate(-50%,0); left:50%; position:absolute; display:block; -webkit-box-shadow:0 2px 6px 1px rgba(0,0,0,.5); -moz-box-shadow:0 2px 6px 1px rgba(0,0,0,.5); box-shadow:0 2px 6px 1px rgba(0,0,0,.5) } .cb-modal_header{ padding:10px; height:50px } .cb-modal_header-title{ height:100%; color:#fff; text-align:center } .cb-modal_header-title img{ width:auto; max-width:100%; -webkit-flex:1 1 35px; flex:1 1 35px; margin:5px auto } .cb-modal_header-button{ height:35px; width:35px; padding:0; border:0; background:0 0; z-index:1000 } .cb-modal_content{ overflow-x:hidden; -ms-overflow-style:scrollbar } .cb-modal_button{ cursor:pointer; font-weight:700; padding-top:10px; padding-bottom:10px; text-align:center; margin:0 auto; border:none; border-radius:10px; color:#333; background-color:#e8e6e6; width:150px } .cb-modal.o-loading .cb-modal_content{ height:490px } .cb-modal.o-large .cb-modal_wrap{ -ms-overflow-style:scrollbar } .cb-modal.o-large .cb-modal_content{ height:calc(100% - 50px) } .cb-modal.t-login-modal .cb-modal_content-viewport{ min-height:180px } .cb-modal.t-has-buttons .cb-modal_viewport{ padding-bottom:60px } @media only screen and (max-width:480px),only screen and (max-width:640px) and (max-height:640px){ .cb-modal_wrap{ width:100%!important; height:100%!important; min-height:100% } .cb-modal_content{ height:calc(100% - 50px) } .cb-modal.o-loading .cb-modal_content-viewport{ height:100% } } .cb-option-buttons{ padding:0 10px } .cb-option-buttons_button{ display:block; width:80%; padding:10px; margin:10px auto } .cb-notification-banner{ background-color:#faebd7; color:#515151 } .cb-notification-banner_button{ padding:0 5px; margin:0 5px; padding-top:3px; padding-bottom:3px; background:0 0; border:1px solid #000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box } .cb-notification-banner_button.t-text-only{ margin:0; border:0; text-decoration:underline } .cb-loading{ position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.5) } .cb-loading_message{ color:#fff; font-size:1.8em; position:absolute; top:40% } .cb-loading_gif-wrap{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:50px; height:50px } .cb-loading_gif-wrap .spinner{ margin:0 auto; width:20px; height:20px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .cb-loading_gif-wrap .container1>div,.cb-loading_gif-wrap .container2>div,.cb-loading_gif-wrap .container3>div{ width:6px; height:6px; background-color:#333; border-radius:100%; position:absolute; -webkit-animation:bouncedelay 1.2s infinite ease-in-out; animation:bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both } .cb-loading_gif-wrap .spinner .spinner-container{ position:absolute; width:100%; height:100% } .cb-loading_gif-wrap .container2{ -webkit-transform:rotateZ(45deg); transform:rotateZ(45deg) } .cb-loading_gif-wrap .container3{ -webkit-transform:rotateZ(90deg); transform:rotateZ(90deg) } .cb-loading_gif-wrap .circle1{ top:0; left:0 } .cb-loading_gif-wrap .circle2{ top:0; right:0 } .cb-loading_gif-wrap .circle3{ right:0; bottom:0 } .cb-loading_gif-wrap .circle4{ left:0; bottom:0 } .cb-loading_gif-wrap .container2 .circle1{ -webkit-animation-delay:-1.1s; animation-delay:-1.1s } .cb-loading_gif-wrap .container3 .circle1{ -webkit-animation-delay:-1s; animation-delay:-1s } .cb-loading_gif-wrap .container1 .circle2{ -webkit-animation-delay:-.9s; animation-delay:-.9s } .cb-loading_gif-wrap .container2 .circle2{ -webkit-animation-delay:-.8s; animation-delay:-.8s } .cb-loading_gif-wrap .container3 .circle2{ -webkit-animation-delay:-.7s; animation-delay:-.7s } .cb-loading_gif-wrap .container1 .circle3{ -webkit-animation-delay:-.6s; animation-delay:-.6s } .cb-loading_gif-wrap .container2 .circle3{ -webkit-animation-delay:-.5s; animation-delay:-.5s } .cb-loading_gif-wrap .container3 .circle3{ -webkit-animation-delay:-.4s; animation-delay:-.4s } .cb-loading_gif-wrap .container1 .circle4{ -webkit-animation-delay:-.3s; animation-delay:-.3s } .cb-loading_gif-wrap .container2 .circle4{ -webkit-animation-delay:-.2s; animation-delay:-.2s } .cb-loading_gif-wrap .container3 .circle4{ -webkit-animation-delay:-.1s; animation-delay:-.1s } @-webkit-keyframes bouncedelay{ 0%,100%,80%{ -webkit-transform:scale(0) } 40%{ -webkit-transform:scale(1) } } @keyframes bouncedelay{ 0%,100%,80%{ transform:scale(0); -webkit-transform:scale(0) } 40%{ transform:scale(1); -webkit-transform:scale(1) } } .cb-loading.t-icon{ background:0 0; -webkit-transform:translateX(0); transform:translateX(0); z-index:10000; pointer-events:none } .cb-loading.t-account-list{ height:151px; width:100%; margin-bottom:19px } .cb-loading.t-transactions{ width:310px; height:513px } .cb-loading.t-login-form{ min-height:250px } .cb-loading.t-large .spinner{ width:40px; height:40px } .cb-loading.t-large .container1 div,.cb-loading.t-large .container2 div,.cb-loading.t-large .container3 div{ width:12px; height:12px } .l-list-view .cb-loading{ background:0 0 } .l-picturepay .cb-loading.t-bottom{ top:205px } .l-nearest-branch .cb-loading{ background:0 0 } .l-customer-info .cb-loading{ height:110px } .cb-accordion_icon{ -webkit-transition:-webkit-200ms; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; transition:.2s } .cb-accordion_icon.o-open{ -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg) } .cb-iframe{ display:block; position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; border:none; overflow:hidden } .cb-fleeting-message{ font-style:italic; font-size:15px; color:#c50000!important } .cb-glyph{ display:inline-block; min-width:1rem; min-height:1rem } .cb-glyph svg{ display:block } .l-list-view .cb-glyph{ width:20px; height:20px; margin-left:5px } .l-list-view .cb-glyph path{ fill:#fff } @media only screen and (min-width:415px){ .cb-tool-tip{ z-index:10; position:absolute; font-size:small; background-color:#fff; box-shadow:0 0 25px 2px rgba(0,0,0,.6); border-radius:5px } .cb-tool-tip_parent{ position:relative } .cb-tool-tip.o-open-left{ top:-5px; right:calc(100% + 12px) } .cb-tool-tip.o-open-left:before{ content:''; display:block; position:absolute; right:-10px; top:5px; width:0; height:0; border-color:#fff; border-width:15px; border-style:solid; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:none } .cb-tool-tip.o-open-right{ top:-5px; left:calc(100% + 12px) } .cb-tool-tip.o-open-right:before{ content:''; display:block; position:absolute; left:-10px; top:5px; width:0; height:0; border-color:#fff; border-width:15px; border-style:solid; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:none } .cb-tool-tip.o-open-bottom{ top:calc(100% + 12px); left:50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0) } .cb-tool-tip.o-open-bottom:before{ content:''; display:block; position:absolute; top:-10px; left:50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0); width:0; height:0; border-color:#fff; border-width:15px; border-style:solid; border-left:10px solid transparent; border-right:10px solid transparent; border-top:none } .cb-tool-tip.o-open-top{ bottom:calc(100% + 12px); left:50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0) } .cb-tool-tip.o-open-top:before{ content:''; display:block; position:absolute; bottom:-10px; left:50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0); width:0; height:0; border-color:#fff; border-width:15px; border-style:solid; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:none } .cb-tool-tip.o-open-bottom-left{ top:calc(100% + 12px); right:-5px } .cb-tool-tip.o-open-bottom-left:before{ content:''; display:block; position:absolute; top:-10px; right:7px; width:0; height:0; border-color:#fff; border-width:15px; border-style:solid; border-left:10px solid transparent; border-right:10px solid transparent; border-top:none } .cb-tool-tip.t-input-validation{ bottom:calc(100% - 25px); left:auto; right:0; -o-transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; transform:none } .cb-tool-tip.t-input-validation:before{ left:auto; right:10px; -o-transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; transform:none } } @media only screen and (max-width:414px){ .cb-tool-tip{ z-index:10; position:absolute; margin-bottom:5px; color:#900 } .cb-tool-tip.o-open-bottom-left{ top:calc(100% + 12px); right:-5px } } .cb-error-message_icon{ font-size:20px; font-size:2rem; margin-right:10px; color:red; -webkit-animation:error .5s ease-out; -moz-animation:error .5s ease-out; -ms-animation:error .5s ease-out; animation:error .5s ease-out } @-webkit-keyframes error{ 0%{ opacity:0 } 100%{ opacity:1 } } @keyframes error{ 0%{ opacity:0 } 100%{ opacity:1 } } .cb-success-message_icon{ font-size:20px; font-size:2rem; margin-right:10px; color:green; -webkit-animation:success .5s ease-out; -moz-animation:success .5s ease-out; -ms-animation:success .5s ease-out; animation:success .5s ease-out } @-webkit-keyframes success{ 0%{ opacity:0 } 100%{ opacity:1 } } @keyframes success{ 0%{ opacity:0 } 100%{ opacity:1 } } .cb-search-bar{ -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; background-color:#fff } .cb-search-bar_icon{ font-size:20px; font-weight:lighter } .cb-search-bar_input{ font-size:1em; -webkit-appearance:none; border:none } .l-location .cb-search-bar_input{ font-size:16px; -webkit-appearance:none; border:none } .cb-action-button{ height:36px; width:100%; font-weight:700 } .cb-action-button[disabled]{ color:#ddd } .cb-validation-tip{ position:absolute } _content{ font-size:small } .o-bottom-lefticon{ bottom:-18px; left:50px } .o-bottom-left{ bottom:-18px; left:0 } .o-bottom{ bottom:-48px; left:0 } .cb-big-form{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; padding:20px; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling:touch } .cb-big-form.t-has-buttons{ padding-bottom:80px } .cb-big-form_section_title{ display:block; border-bottom:1px solid #000; margin-left:10px } .cb-fun-form_wrapper{ height:100% } div.cb-fun-form_wrapper.last-child form>div>div.grid--wrap.grid__col-12.grid--direction-row:last-child>div.grid--direction-column{ padding-bottom:160px } div.cb-fun-form_wrapper.date-last-child form>div>div.grid--wrap.grid__col-12.grid--direction-row:last-child>div.grid--direction-column>div.grid__cell>div.cb-input>div.grid--wrap+div+div.grid--align-center.grid--wrap>div.cb-input_modal-wrap>div.cb-date-select-form_question>div.cb-date-select-form_row{ padding-bottom:260px } div.cb-fun-form_wrapper.date-not-last-child form>div>div.grid--wrap.grid__col-12.grid--direction-row:not(:last-child)>div.grid--direction-column>div.grid__cell>div.cb-input>div.grid--wrap+div+div.grid--align-center.grid--wrap>div.cb-input_modal-wrap>div.cb-date-select-form_question>div.cb-date-select-form_row{ padding-bottom:0 } .cb-add-remove-button{ width:20px; height:20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; cursor:pointer; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center } .cb-add-remove-button_horizontal-bar{ width:14px; height:4px; background:#fff } .cb-add-remove-button.t-minus{ background:red } .cb-add-remove-button.t-plus{ background:green } .cb-add-payee-button{ width:20px; height:20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; cursor:pointer; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .cb-add-payee-button_horizontal-bar{ width:75%; height:15%; background:#fff; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .cb-add-payee-button_vertical-bar{ width:15%; height:75%; background:#fff; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .cb-add-payee-button.t-plus{ background:green } .cb-add-payee-button.t-header{ left:270px } .cb-modal-message_list-wrap{ padding:0; margin:0; min-height:60px } .cb-modal-message_item{ height:auto } .cb-modal-message_item.t-title{ letter-spacing:1px; font-size:24px; color:#333; background-color:#fff } .cb-modal-message_item.t-subtitle{ background:#444; color:#fff; font-size:12px } .cb-modal-message_item.t-help-text{ height:auto; background-color:#ccc; font-size:14px; font-size:1.4rem; line-height:15px } .cb-modal-message_item.t-error-text{ height:auto; font-size:14px; font-size:1.4rem; line-height:15px; color:red } .cb-modal-message_item.t-block{ height:auto; padding:0 } .cb-modal-message_item.t-textarea textarea{ width:100%; height:120px } .cb-modal-message_item.t-button{ padding:0; border-bottom:1px solid #000 } .cb-modal-message_item.t-button:last-child{ border-bottom:none } .cb-modal-message_item.t-button button{ text-align:left } .cb-modal-message_item.t-button>a{ display:inline-block; width:100% } .cb-modal-message_item.t-no-padding{ padding-top:0; padding-bottom:0 } .cb-modal-message_item.t-filter-option{ padding-top:2px; padding-bottom:2px } .cb-modal-message_item.t-error{ color:red } .cb-modal-message_item.t-new-user{ font-size:10px; font-size:1rem; text-decoration:underline } .cb-modal-message_item.t-bold{ font-weight:700 } .cb-modal-message_item-label{ padding-right:5px } .cb-modal-message_item-label>input{ margin-right:5px } .cb-modal-message_item-value{ width:auto; text-align:right } .cb-modal-message_item-text{ font-weight:200 } .cb-modal-message_error-item-text{ font-weight:200 } .cb-modal-message_success-item-text{ font-weight:200; letter-spacing:1.5px; padding-top:3px } .cb-modal-message_button{ display:inline-block; text-decoration:none; height:auto; position:relative; padding:20px 10px } .cb-modal-message_button-title{ display:block; font-size:16px; font-size:1.6rem; font-weight:700 } .cb-modal-message_errors{ margin-left:5px } .cb-modal-message_error-icon{ font-size:20px; font-size:2rem; margin-right:10px; color:red; -webkit-animation:error .5s ease-out; -moz-animation:error .5s ease-out; -ms-animation:error .5s ease-out; animation:error .5s ease-out } @-webkit-keyframes error{ 0%{ opacity:0 } 100%{ opacity:1 } } @keyframes error{ 0%{ opacity:0 } 100%{ opacity:1 } } .cb-modal-message_success-icon{ font-size:20px; font-size:2rem; margin-right:10px; -webkit-animation:success .5s ease-out; -moz-animation:success .5s ease-out; -ms-animation:success .5s ease-out; animation:success .5s ease-out } @-webkit-keyframes success{ 0%{ opacity:0 } 100%{ opacity:1 } } @keyframes success{ 0%{ opacity:0 } 100%{ opacity:1 } } .cb-modal-message p{ margin:0 } .cb-listmodal-icon_chevron-right{ position:absolute; top:50%; right:0; -webkit-transform:translate(0,-50%) rotate(180deg); -moz-transform:translate(0,-50%) rotate(180deg); -ms-transform:translate(0,-50%) rotate(180deg); -o-transform:translate(0,-50%) rotate(180deg); width:30px; max-height:50%; margin-right:10px } .cb-success-modal h2{ margin-bottom:20px } .cb-success-modal input{ width:75% } .cb-success-modal .btn{ padding:5px 20px } .cb-error-modal .btn{ padding:5px 20px } .cb-filter-option-modal_title{ padding:10px } .cb-filter-option-modal_textbanking-title{ margin-top:22px; font-weight:600 } .cb-filter-option-modal_filter{ box-flex:1 0 auto; -webkit-box-flex:1 0 auto; -moz-box-flex:1 0 auto; -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .cb-filter-option-modal_filter_title{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; padding:7px 5px; border-top:1px solid #000 } .cb-filter-option-modal_filter_title_icon{ height:20px; box-flex:0 0 20px; -webkit-box-flex:0 0 20px; -moz-box-flex:0 0 20px; -webkit-flex:0 0 20px; -ms-flex:0 0 20px; flex:0 0 20px; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:20px; -moz-flex-basis:20px; -ms-flex-basis:20px; -ms-flex-preferred-size:20px; flex-basis:20px; min-width:20px; -webkit-transition:-webkit-200ms; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; transition:.2s } .cb-filter-option-modal_filter_title_icon svg{ height:100% } .cb-filter-option-modal_filter_title_icon.o-open{ -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg) } .cb-filter-option-modal_filter_title.t-settings{ -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; font-size:14px; font-size:1.4rem; border-top:none; height:60px; border-bottom:2px solid rgba(0,0,0,.4) } .cb-filter-option-modal_filter_option{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; padding:0 5px } .cb-filter-option-modal_filter_option_wrap{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; padding-top:5px; padding-bottom:10px; margin:0 5px; position:relative } .cb-filter-option-modal_filter_option_wrap input[type=checkbox],.cb-filter-option-modal_filter_option_wrap input[type=radio]{ position:absolute; opacity:0; z-index:-1 } .cb-filter-option-modal_filter_option_marker{ display:none; position:absolute; padding:0 5px; height:6px; -webkit-transition:-webkit-300ms ease-in-out; -moz-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .cb-filter-option-modal_filter_option_marker:before{ content:''; display:block; width:100%; height:100%; background-color:#3b99fc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box } input[value=true]~.cb-filter-option-modal_filter_option_marker{ display:block } .cb-filter-option-modal_filter_option_marker.t-radio{ bottom:6px } .cb-filter-option-modal_filter_option_marker.t-radio:nth-child(2){ width:100% } input[value=true]:nth-child(1)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(2){ left:0 } .cb-filter-option-modal_filter_option_marker.t-radio:nth-child(3){ width:50% } input[value=true]:nth-child(1)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(3){ left:0 } input[value=true]:nth-child(2)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(3){ left:50% } .cb-filter-option-modal_filter_option_marker.t-radio:nth-child(4){ width:33.33333333% } input[value=true]:nth-child(1)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(4){ left:0 } input[value=true]:nth-child(2)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(4){ left:33.33333333% } input[value=true]:nth-child(3)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(4){ left:66.66666667% } .cb-filter-option-modal_filter_option_marker.t-radio:nth-child(5){ width:25% } input[value=true]:nth-child(1)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(5){ left:0 } input[value=true]:nth-child(2)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(5){ left:25% } input[value=true]:nth-child(3)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(5){ left:50% } input[value=true]:nth-child(4)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(5){ left:75% } .cb-filter-option-modal_filter_option_marker.t-radio:nth-child(6){ width:20% } input[value=true]:nth-child(1)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(6){ left:0 } input[value=true]:nth-child(2)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(6){ left:20% } input[value=true]:nth-child(3)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(6){ left:40% } input[value=true]:nth-child(4)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(6){ left:60% } input[value=true]:nth-child(5)~.cb-filter-option-modal_filter_option_marker.t-radio:nth-child(6){ left:80% } .cb-filter-option-modal_filter_option_marker.t-checkbox{ left:0; bottom:-5px; width:100% } .cb-filter-option-modal_filter_option_input{ padding:0 } .cb-filter-option-modal_filter_option_button{ display:block; position:relative; text-align:center } .cb-filter-option-modal_filter_option.t-input:first-child{ padding-left:0 } .cb-filter-option-modal_filter_option.t-input:last-child{ padding-right:0 } .cb-filter-option-modal_filter_option.t-button{ position:relative; margin:0; padding:9px 0 7px 0 } .cb-filter-option-modal_filter_option.t-button label{ border-right:1px solid #ddd } .cb-filter-option-modal_filter_option.t-button:last-child label{ border-right:none } .cb-filter-option-modal_filter_option.t-button:hover{ background-color:rgba(59,153,252,.1) } .cb-filter-option-modal_filter_option.o-selected{ font-weight:700 } .cb-modal-button_body-item{ padding-top:5px; padding-bottom:5px } .cb-modal-button_body-item:first-child{ padding-top:10px } .cb-modal-button_body-item:last-child{ padding-bottom:10px } .cb-modal-button_button{ padding:20px; color:#333; background-color:#e8e6e6; border:none; border-radius:10px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; margin:0 auto; font-size:14px; font-weight:700; cursor:pointer } .cb-external-url{ width:100%; background:0 0!important; border:none; padding:0!important; cursor:pointer; color:inherit } .cb-external-url.t-info-modal-links{ width:100%; text-align:left } .cb-carousel_wrap{ background:#000 } .cb-carousel_car{ position:absolute; height:40px; width:40px; top:calc(50% - 20px); z-index:999 } .cb-carousel_car img{ height:100%; left:50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0); position:absolute; display:block } .cb-carousel_car.t-right{ right:0; -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) } .cb-carousel_car.t-left{ left:0 } .cb-carousel_indicator-wrap{ position:absolute; bottom:0; left:0; right:0 } .cb-carousel_indicator{ margin:0 auto; height:100%; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-carousel_indicator-dot-wrap{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0 } .cb-carousel_indicator-dot{ height:15px; width:15px; margin:0 auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; background:#000 } .cb-carousel_indicator-dot.o-selected{ background:#eee } .l-sidebar .cb-carousel_indicator-wrap{ height:11px!important } .l-sidebar .cb-carousel_indicator-dot{ height:8px; width:8px } .cb-security-alerts_list-wrap{ padding:0; margin:0 } .cb-security-alerts_item{ background:#fff; height:55px; padding:20px 10px 10px 10px; border-bottom:2px solid rgba(0,0,0,.4) } .cb-security-alerts_item>h3{ float:left } .cb-security-alerts_item>select{ float:right } .cb-security-alerts_item.t-title{ padding:8px 10px 8px 10px } .cb-security-alerts_item.t-subtitle{ padding:13px 10px 12px 10px; background:#444; color:#fff } .cb-security-alerts_item.t-help-text{ height:auto; padding:10px; background-color:#ccc; font-size:14px; font-size:1.4rem; line-height:15px } .cb-security-alerts_item.t-block{ height:auto; padding:0 } .cb-security-alerts_item.t-button{ padding:0 } .cb-security-alerts_button{ position:relative; padding:25px 0; border-bottom:1px solid rgba(88,88,88,.2) } .cb-security-alerts_button-icon{ position:absolute; top:50%; right:0; -webkit-transform:translate(0,-50%) rotate(270deg); -moz-transform:translate(0,-50%) rotate(270deg); -ms-transform:translate(0,-50%) rotate(270deg); -o-transform:translate(0,-50%) rotate(270deg); width:30px; cursor:pointer } .cb-security-alerts_back-button{ float:left; color:green; margin-left:3px; font-size:20px; margin-top:3px } .cb-security-alerts_button-icon-active{ position:absolute; top:50%; right:0; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); width:30px; cursor:pointer } .cb-security-alerts_item-account{ line-height:23px; line-height:2.3rem } .cb-security-alerts_icon{ height:18px; position:absolute; top:5px; bottom:5px } .cb-security-alerts_icon.t-email{ left:0 } .cb-security-alerts_icon.t-phone{ left:7px } .cb-security-alerts_input-label-wrap{ padding-top:5px; padding-bottom:5px; height:28px; position:relative } .cb-security-alerts_input-label-wrap:after{ content:""; display:table; clear:both } .cb-security-alerts_input-label{ float:left; padding-left:30px } .cb-security-alerts_option{ width:100px } .cb-security-alerts_option.t-disabled{ opacity:.75; background-color:#ccc } .cb-security-alerts_option.t-enabled{ background-color:green } .cb-security-alerts_option-label{ width:120; font-size:20px; text-align:left; padding-left:20px } .cb-security-alert{ border-bottom:1px solid #000; min-height:80px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex } .cb-security-alert:last-child{ border-bottom:none } .cb-security-alert input{ position:relative; width:100%; padding:8px 5px; font-size:16px; font-size:1.6rem; line-height:16px; line-height:1.6rem; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; background-color:#fff; border:0; color:#222; -webkit-appearance:none } .cb-security-alert_toggle-wrap{ height:100%; width:40px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-around; -moz-justify-content:space-around; -ms-justify-content:space-around; justify-content:space-around; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; position:relative } .cb-security-alert_toggle-wrap>label{ font-size:15px; font-size:1.5rem; display:inline-block; width:100%; text-align:center } .cb-security-alert_icon-wrap{ width:30px; height:100%; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-security-alert_chevron-left{ width:30px; margin-right:10px } .cb-security-alert_chevron-right{ position:absolute; top:50%; right:0; -webkit-transform:translate(0,-50%) rotate(180deg); -moz-transform:translate(0,-50%) rotate(180deg); -ms-transform:translate(0,-50%) rotate(180deg); -o-transform:translate(0,-50%) rotate(180deg); width:30px; margin-right:10px } .cb-security-alert_icon{ font-size:13px; font-size:1.3rem } .cb-security-alert_text-wrap{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; height:100% } .cb-security-alert_text-group{ width:90% } .cb-security-alert_text{ font-size:15px; font-size:1.5rem } .cb-security-alert_title{ font-size:15px; font-size:1.5rem; font-weight:700 } .cb-security-alert.o-editing{ background-color:#000; color:#fff } .cb-security-alert.o-editing .cb-security-alert_text{ padding-right:10px } .cb-security-alert.o-editing .cb-security-alert_icon-wrap{ width:50px } .cb-account-drop{ margin:5px; width:calc(100% - 10px) } .cb-account-drop_acct-ending{ font-size:11px; font-size:1.1rem; position:absolute; top:10px; right:10px } .cb-account-drop_avail-balance-text{ margin-top:10px; font-size:12px; font-size:1.2rem } .cb-account-drop_avail-balance-amt{ margin-top:10px; font-size:16px; font-size:1.6rem; display:inline } .cb-account-drop.o-error{ -webkit-animation:edroppableThrob 1s infinite alternate; -moz-animation:edroppableThrob 1s infinite alternate; -o-animation:edroppableThrob 1s infinite alternate; animation:edroppableThrob 1s infinite alternate } .cb-account-drop.o-hover{ -webkit-animation:tdroppableThrob 1s infinite alternate; -moz-animation:tdroppableThrob 1s infinite alternate; -o-animation:tdroppableThrob 1s infinite alternate; animation:tdroppableThrob 1s infinite alternate } .cb-account-drop.o-highlight{ -webkit-animation:droppableThrob 1s infinite alternate; -moz-animation:droppableThrob 1s infinite alternate; -o-animation:droppableThrob 1s infinite alternate; animation:droppableThrob 1s infinite alternate } .cb-account-drop.o-active{ background-color:rgba(49,97,146,.4) } @media only screen and (max-width:414px){ .cb-account-drop{ display:none } } @-webkit-keyframes edroppableThrob{ 0%{ background-color:rgba(170,0,1,.5) } } @-moz-keyframes edroppableThrob{ 0%{ background-color:rgba(170,0,1,.5) } } @-o-keyframes edroppableThrob{ 0%{ background-color:rgba(170,0,1,.5) } } @keyframes edroppableThrob{ 0%{ background-color:rgba(170,0,1,.5) } } @-webkit-keyframes tdroppableThrob{ 0%{ background-color:rgba(150,255,150,.5) } } @-moz-keyframes tdroppableThrob{ 0%{ background-color:rgba(150,255,150,.5) } } @-o-keyframes tdroppableThrob{ 0%{ background-color:rgba(150,255,150,.5) } } @keyframes tdroppableThrob{ 0%{ background-color:rgba(150,255,150,.5) } } @-webkit-keyframes droppableThrob{ 0%{ background-color:rgba(255,255,255,.3) } } @-moz-keyframes droppableThrob{ 0%{ background-color:rgba(255,255,255,.3) } } @-o-keyframes droppableThrob{ 0%{ background-color:rgba(255,255,255,.3) } } @keyframes droppableThrob{ 0%{ background-color:rgba(255,255,255,.3) } } .cb-account-select>label{ display:block; padding:5px 0; font-size:12px; font-size:1.2rem } .cb-account-select_select-box{ cursor:pointer } .cb-account-select.t-stretch{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0 } @media only screen and (max-width:414px){ .cb-account-select>label{ display:none } } .cb-account-select-drop_title{ font-size:16px; font-size:1.6rem; cursor:default; padding:5px 0 7px 0 } @media only screen and (max-width:414px){ .cb-account-select-drop_title{ display:none } } .cb-account-list{ height:150px; width:calc(100% + 10px); max-width:calc(100% + 10px); margin-left:-5px; margin-right:-5px } @media only screen and (max-width:415px){ .cb-account-list{ display:none } } @media only screen and (max-width:414px){ .cb-account-pane{ display:none } } .cb-account-vertical-list{ margin:5px 0; cursor:pointer } .cb-account{ width:100%; height:100%; color:#fff; cursor:pointer } .cb-account_header{ border-bottom:0; padding-left:5px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .cb-account_header-name{ margin:0; font-size:16px; padding:0 20px; display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis } .cb-account_account-ending{ text-align:right; margin:5px 0 15px 5px; border-bottom:1px dashed rgba(255,255,255,.2); padding-bottom:3px } .cb-account_account-info{ overflow:hidden; position:relative; border-top:0; border-bottom:0 } .cb-account_account-info-wrap{ position:relative; overflow:hidden; width:100%; padding-left:5px; padding-right:5px; margin-bottom:5px; font-size:12px; font-size:1.2rem; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; z-index:2 } .cb-account_account-info-currency-dotted-spanner{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; border-bottom:2px dotted #bbb } .cb-account_button-wrap{ background:rgba(255,255,255,.2); position:relative; width:100%; margin-top:5px; height:35px; bottom:0; left:0; right:0; padding:5px; z-index:2; cursor:default } .cb-account_button-wrap:after{ content:""; display:table; clear:both } .cb-account_button{ height:100%; display:inline-block } .cb-account_button.t-details{ float:left } .cb-account_button.t-settings{ float:right } .cb-account-reporting_table-row-date{ font-size:medium; margin:auto } .cb-account-reporting_table-row-description{ font-size:medium; margin:auto } .cb-account-reporting_table-row-amount{ font-size:medium; margin:auto } .cb-account-reporting_table-row-balance{ font-size:medium; margin:auto } .cb-buzz-points iframe{ background-color:#fff } .cb-buzz-points.t-has-buttons{ height:400px } .cb-buzz-points.t-no-buttons{ height:460px } .cb-buzz-points-list-item{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; position:relative; min-height:52px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-align-content:center; -moz-align-content:center; -ms-align-content:center; align-content:center; -webkit-box-align:stretch; -ms-flex-align:stretch; -webkit-box-orient:stretch; -webkit-align-items:stretch; -moz-align-items:stretch; -ms-align-items:stretch; align-items:stretch } .cb-buzz-points-list-item:nth-child(2){ padding-left:5px } .cb-buzz-points-list-item_icon-wrap{ position:relative; width:52px; height:52px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-buzz-points-list-item_icon{ max-height:100%; max-width:100% } .cb-buzz-points-list-item_row{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; width:100%; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between } .cb-buzz-points-list-item_row.t-top{ box-flex:0 1 auto; -webkit-box-flex:0 1 auto; -moz-box-flex:0 1 auto; -webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; -webkit-box-align:start; -ms-flex-align:start; -webkit-box-orient:flex-start; -webkit-align-items:flex-start; -moz-align-items:flex-start; -ms-align-items:flex-start; align-items:flex-start } .cb-buzz-points-list-item_row.t-middle{ -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-buzz-points-list-item_row.t-bottom{ -webkit-box-align:end; -ms-flex-align:end; -webkit-box-orient:flex-end; -webkit-align-items:flex-end; -moz-align-items:flex-end; -ms-align-items:flex-end; align-items:flex-end } .cb-buzz-points-list-item_text{ display:block } .cb-buzz-points-list-item_text.t-merchant-title{ font-size:14px; font-size:1.4rem; font-weight:700 } .cb-buzz-points-list-item_text.t-date{ padding:2px 0 } .cb-buzz-points-list-item_text.t-points{ padding:2px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; background-color:#3361ad; color:#fff } .cb-buzz-points-list-item_text.t-saved{ padding:2px 0 2px 5px; color:#3361ad } .cb-buzz-points-list-item_text-icon{ height:1em; padding-right:3px } .cb-buzzpoints-activity{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; background:#fff; height:auto; padding:10px } .cb-buzzpoints-activity_content{ display:table-row } .cb-buzzpoints-activity_title{ display:table-cell; vertical-align:middle; width:calc(100% - 110px); font-size:14px; font-size:1.4rem } .cb-buzzpoints-activity_points{ display:table-cell; vertical-align:middle; width:80px; text-align:right } .cb-buzzpoints-activity_points.t-positive{ color:green } .cb-buzzpoints-activity_points.t-negative{ color:red } .cb-buzzpoints-activity_header-title{ line-height:23px; line-height:2.3rem } .cb-buzzpoints-activity_header-points{ font-size:20px; font-size:2rem; float:right } .cb-buzzpoints-activity_icon-wrap{ display:table-cell; vertical-align:middle; width:30px } .cb-buzzpoints-activity_icon{ width:20px; height:20px } .cb-buzzpoints-activity.t-table{ display:table; width:100% } .cb-buzzpoints-activity.t-header{ background:#eac500 } .cb-buzzpoints-activity.t-group-header{ padding:5px 10px; background:#666; color:#fff } .cb-buzz-points-sidebar-info.o-loading{ height:77px } .cb-buzz-points-sidebar-info_item{ padding:10px } .cb-buzz-points-sidebar-info_item-section.t-half{ display:inline-block; width:50% } .cb-buzz-points-sidebar-info_counter{ display:inline-block; font-size:10px; font-size:1rem; width:30px; padding:2px 5px; text-align:center; background:#000; color:#fff; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box } .cb-buzz-points-sidebar-info_counter-label{ font-size:12px; font-size:1.2rem; padding-left:10px } .cb-buzz-points-info-button{ display:block; text-decoration:none; border-bottom:2px solid #ddd; height:50px; position:relative; padding:10px 40px 10px 10px } .cb-buzz-points-info-button_title{ font-size:16px; font-size:1.6rem; line-height:30px; font-weight:700; color:#000 } .cb-buzz-points-info-button_icon{ position:absolute; right:10px } .cb-calendar{ color:#000; background-color:#fafafa; height:100%; width:100% } .cb-calendar_header{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; padding:10px 5px; font-size:20px } .cb-calendar_header_main{ flex-grow:1; text-align:center } .cb-calendar_header_main span{ padding:0 5px; cursor:pointer } .cb-calendar_header_main.t-previous-month{ padding:0 10px } .cb-calendar_header_main.t-next-month{ padding:0 10px } .cb-calendar_header_left{ width:20% } .cb-calendar_header_right{ width:20% } .cb-calendar_month{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; height:90%; background-color:#fafafa } .cb-calendar_week{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:horizontal; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; min-height:25px } .cb-calendar_week.t-headings{ box-flex:.2; -webkit-box-flex:.2; -moz-box-flex:.2; -webkit-flex:.2; -ms-flex:.2; flex:.2; min-height:22px; padding-bottom:3px } .cb-calendar_day{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .cb-calendar_day.t-out-of-month{ color:#aaa; background-color:#eee } .cb-calendar_day.t-in-month{ z-index:1 } .cb-calendar_day.t-in-month:hover{ font-weight:700; background-color:rgba(0,0,0,.05); -webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.25); -moz-box-shadow:0 0 5px 1px rgba(0,0,0,.25); box-shadow:0 0 5px 1px rgba(0,0,0,.25) } .cb-calendar_day.t-heading{ font-size:large } .cb-card{ position:relative } .cb-card_header{ height:30; color:#fff; background-color:green; font-size:12 } .cb-card_filter{ height:80px; width:80px } .cb-card_filter.t-disabled{ opacity:.5 } .cb-card_filter.t-enabled{ opacity:1 } .cb-card_filter-label{ height:10px; width:80px; font-size:8px; text-align:center; background-color:#fff } .cb-card_filter-label.t-disabled{ opacity:.5 } .cb-card_option{ height:60px; width:60px } .cb-card_option.t-disabled{ opacity:.5 } .cb-card_option.t-enabled{ opacity:1 } .cb-card_option-label{ width:60px; font-size:10px; text-align:center } .cb-card_header-arrow{ flex:0 0 auto; align-items:center; display:flex; cursor:pointer; width:40px; justify-content:flex-end } .cb-card_header-arrow:focus{ outline:5px auto -webkit-focus-ring-color } .cb-card_header-card-number{ display:flex; justify-content:center; padding:15px } .cb-card_header-container{ padding-top:30px; padding-bottom:30px; justify-content:space-between } .cb-card_search-icon{ margin-right:10px; margin-left:10px; background:#fff; width:30px; height:30px; border-radius:99px; justify-content:center } .cb-card_control-list-container{ margin:0 30px 0 30px; box-shadow:rgba(191,192,193,.35) 2px 2px 5px 0; border-radius:4px; background-color:#fff } .cb-card_list-item-container{ flex-direction:row; border-radius:4px; margin-bottom:8px; background-color:#fff; padding:10px; box-shadow:rgba(191,192,193,.35) 2px 2px 5px } .cb-card_list-item-info-column{ justify-content:space-evenly } .cb-card_list-item-card-info{ flex-direction:row; max-height:40px } .cb-card_list-item-row{ flex-direction:row; align-items:center } .cb-card_control-list-row{ position:relative; padding:10px; border-bottom:1px solid rgba(88,88,88,.2); justify-content:space-between; flex:0 0 auto } .cb-card_control-list-arrow{ font-size:25px; cursor:pointer; flex:0 0 auto } .cb-card_control-list-toggle{ justify-content:center; margin-right:10px } .cb-card_control-list-toggle-wrapper{ cursor:pointer; width:25px; height:25px; text-align:-webkit-right } .cb-card_control-list-toggle-wrapper-active{ cursor:pointer; width:25px; height:25px; text-align:-webkit-right } .cb-card_control-list-toggle-wrapper-active:focus{ outline:0 } .cb-card_control-container{ justify-content:center; align-items:flex-start; margin-top:20px } .cb-card_info-container{ min-height:100px; margin-top:40px } .cb-card_info-text-row{ flex-direction:row; margin-right:16px; margin-bottom:16px; align-items:center; cursor:pointer } .cb-card_info-text-icon{ font-size:20px; margin-right:5px; width:20px } .cb-card_control-back-link{ flex:0 0 auto; flex-direction:row; align-items:center; display:flex; cursor:pointer; margin-bottom:30px; margin-top:20px } .cb-card_control-back-link:focus{ outline:5px auto -webkit-focus-ring-color } .cb-card_control-save-button{ width:70px; height:30px; box-shadow:rgba(0,0,0,.12) 0 1px 6px,rgba(0,0,0,.12) 0 1px 4px; border-radius:2px } .cb-card_control-save-button:active{ border-style:none } .cb-card_control-button-row{ justify-content:flex-end; flex-direction:row; margin-top:10px } .cb-contact-button{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; text-decoration:none; position:relative; padding:10px; width:100% } .cb-contact-button_text-group{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0 } .cb-contact-button_title{ font-size:16px; font-size:1.6rem; font-weight:700 } .cb-contact-button_subtitle{ display:block; font-size:12px; font-size:1.2rem } .cb-contact-button_icon-container{ height:25px; width:25px } .cb-contact-button_icon{ position:relative; width:100%; height:100% } .l-dashboard .o-sidebar-open{ transition:left .5s; left:300px } .cb-dashboard{ width:100%; height:100%; position:absolute; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); left:0; transition:left .5s } .cb-dashboard_master-wrap{ overflow:hidden } .cb-dashboard_body-wrap{ min-height:calc(100vh - 295px); padding:20px; -webkit-transition:-webkit-200ms; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; transition:.2s } .cb-dashboard_open-button{ display:none; position:absolute; width:28px; height:20px; top:242px; left:22px; z-index:99; -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:-webkit-200ms; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; transition:.2s } .cb-dashboard_open-button>img{ display:block; height:100%; margin:0 auto } .cb-dashboard_right-marketing-messages{ height:950px } @media only screen and (max-width:1023px){ .cb-dashboard_open-button{ display:block } .cb-dashboard_body-wrap.o-show-list-view{ margin-left:260px } .cb-dashboard_body-wrap.o-show-list-view .cb-dashboard_open-button{ left:282px; -moz-transform:rotate(0); -webkit-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } } @media only screen and (max-width:1600px){ .cb-dashboard_right-marketing-messages{ display:none } } @media only screen and (max-width:415px){ .cb-dashboard{ width:100% } .cb-dashboard.o-sidebar-open{ left:272px } .cb-dashboard_master-wrap{ padding-top:45px } .cb-dashboard_body-wrap{ width:100%; height:100%; padding:0 } .cb-dashboard_account-transaction-wrap{ width:100%; height:100% } .cb-dashboard_open-button{ display:none } } .cb-info-pane{ width:310px; margin-right:20px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } @media only screen and (max-width:414px){ .cb-info-pane{ display:none } } @media only screen and (max-width:1023px){ .cb-info-pane{ margin-left:-260px } } .cb-customer-info{ -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:0; border-top-left-radius:0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,.2); -moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,.2); box-shadow:1px 1px 1px 1px rgba(0,0,0,.2); background:#fff; margin-bottom:20px; height:150px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .cb-customer-info_header{ -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0; border-top-right-radius:5px; border-bottom-right-radius:0; border-bottom-left-radius:0; border-top-left-radius:0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; height:33px; position:relative; padding:3px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; max-width:100% } .cb-customer-info_header-icon{ height:70%; margin-right:10px } .cb-customer-info_header-name{ display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:90% } .cb-customer-info_content{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0; border-top-right-radius:0; border-bottom-right-radius:5px; border-bottom-left-radius:0; border-top-left-radius:0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; padding:5px } .l-dashboard .cb-nearest-branch{ color:#454545; font-weight:300; padding-top:5px; position:relative; min-height:50% } .l-dashboard .cb-nearest-branch_text-wrap{ text-transform:uppercase; font-weight:700 } .l-dashboard .cb-nearest-branch_text-wrap.t-title{ font-size:12px; font-size:1.2rem; padding-bottom:5px } .l-dashboard .cb-nearest-branch_text-wrap.t-distance{ position:absolute; right:0; top:5px; font-size:12px; font-size:1.2rem; font-weight:400 } .l-dashboard .cb-nearest-branch_icon{ display:none } .l-dashboard .cb-nearest-branch_google-map{ text-decoration:underline; display:block; padding-top:5px; color:inherit } .l-landing .cb-nearest-branch{ position:relative } .cb-header{ text-align:center; position:relative; height:45px; width:100%; -webkit-box-shadow:0 3px 3px rgba(0,0,0,.5); -moz-box-shadow:0 3px 3px rgba(0,0,0,.5); box-shadow:0 3px 3px rgba(0,0,0,.5); -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10 } .cb-header_logo{ -webkit-flex:1 1 35px; height:35px; max-height:35px; flex:1 1 35px; margin:5px auto; max-width:300px } .cb-header_button{ right:20px; top:50%; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); transform:translate(0,-50%); position:absolute; display:block; display:inline-block; border:0; letter-spacing:.05em; background:0 0; font-size:18px; font-size:1.8rem; font-weight:lighter; color:inherit } .cb-header_button-icon{ width:25px; height:25px; font-size:25px } .cb-features-carousel{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; overflow:hidden; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .cb-features-carousel_carousel-wrap{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; width:100%; padding:10px 30px; position:relative; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .cb-features-carousel_viewport{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; width:100%; margin:0 auto; position:relative; overflow:hidden; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .cb-features-carousel_slider{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; height:100%; margin-left:0; position:relative; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .cb-features-carousel_car{ top:0; width:30px; height:100%; display:inline-block; position:absolute } .cb-features-carousel_car img{ vertical-align:bottom; height:30px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .cb-features-carousel_car.t-right{ right:0; -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) } .cb-features-carousel_car.t-left{ left:0 } @media only screen and (max-width:414px){ .cb-features-carousel{ height:100%; padding:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box } .cb-features-carousel_carousel-wrap{ padding:0; height:100% } .cb-features-carousel_carousel-wrap>a{ display:none } } .cb-features-navigation{ background:#444; color:#fff; height:33px } .cb-features-navigation_arrow{ height:21px; width:21px } .cb-features-navigation_arrow.t-right{ -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg) } @media only screen and (max-width:415px){ .cb-features-navigation{ display:none } } .cb-feature{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); background-color:#fcfcfc } .cb-feature_area{ min-height:100% } .cb-feature_table-container{ width:100%; height:calc(100vh - 430px); overflow-y:auto; overflow-x:hidden } .cb-feature_tab-table-container{ width:100%; height:calc(100vh - 476px); overflow-y:auto; overflow-x:hidden } .cb-feature_form-main{ min-height:calc(100vh - 315px); padding-bottom:70px } .cb-feature_report-tab{ font-size:15px; text-align:center; border-right:1px solid rgba(0,0,0,.7); -webkit-transition:-webkit-300ms; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s } .cb-feature_report-tab.t-active{ background-color:rgba(0,0,0,0); color:inherit; font-weight:700; cursor:default; -webkit-box-shadow:0 0 15px 5px rgba(0,0,0,.7); -moz-box-shadow:0 0 15px 5px rgba(0,0,0,.7); box-shadow:0 0 15px 5px rgba(0,0,0,.7) } .cb-feature_report-tab.t-inactive{ background-color:rgba(0,0,0,.3); color:inherit; border-bottom:1px solid rgba(0,0,0,.7) } .cb-feature_report-tab.t-inactive:hover{ background-color:rgba(0,0,0,.7); color:#fff } .cb-feature_report-form{ min-height:500px } .cb-feature_report-form>.grid{ min-height:500px } .l-enterprise .cb-feature_area{ width:100% } .l-enterprise .cb-viewport.o-sidebar-open .cb-feature_area{ max-width:calc(100% - 214px) } .cb-list-view{ overflow:hidden; position:relative; padding:0; border-right:1px solid #ccc } .cb-list-view_footer-button-wrap{ display:block; position:absolute; bottom:0; right:0; width:40px; height:40px } .cb-list-view_footer-button-wrap:hover{ width:120px; height:120px } .cb-list-view_footer-button-wrap:hover div{ width:120px; height:120px } .cb-list-view_footer-button{ display:block; position:absolute; bottom:0; right:0; width:40px; height:40px; background-color:#46982b; -webkit-box-shadow:-1px -1px 4px 2px rgba(0,0,0,.25); -moz-box-shadow:-1px -1px 4px 2px rgba(0,0,0,.25); box-shadow:-1px -1px 4px 2px rgba(0,0,0,.25); -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:0; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:5px; border-top-right-radius:0; border-bottom-right-radius:5px; border-bottom-left-radius:0; border-top-left-radius:5px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; overflow:hidden; -webkit-transition:width .3s,height .3s; -moz-transition:width .3s,height .3s; -ms-transition:width .3s,height .3s; -o-transition:width .3s,height .3s; transition:width .3s,height .3s; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0) } .cb-list-view_footer-button:before{ content:""; position:absolute; top:0; right:0; border-width:0 0 120px 120px; border-style:solid; border-color:#46982b #fff } .cb-list-view_footer-button-text{ font-size:18px; font-size:1.8rem; width:120px; position:absolute; top:60px; right:0; left:0; -webkit-transform-origin:center top; -moz-transform-origin:center top; -ms-transform-origin:center top; transform-origin:center top; -webkit-transform-origin:center top center; -moz-transform-origin:center top center; -ms-transform-origin:center top center; -o-transform-origin:center top center; transform-origin:center top center; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); text-align:center; color:#fff } .cb-list-view.t-has-buttons .cb-list-view_list{ padding-bottom:40px } .cb-list-view.o-multipane .cb-list-view_content{ overflow-y:hidden } .cb-list-view.o-multipane .cb-list-view_list{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; max-height:100% } @media only screen and (max-width:1023px){ .cb-list-view_header{ padding-right:30px } } .cb-list-item{ padding:5px; width:100%; color:inherit } .cb-list-item .fa{ font-size:20px; font-size:2rem } .cb-list-item.t-hover:hover{ background-color:#e3e3e3 } .cb-list-item.t-active{ background-color:#cfcfcf } .cb-list-item_viewport{ overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch } .cb-list-item_wrap{ box-flex:1 1 100%; -webkit-box-flex:1 1 100%; -moz-box-flex:1 1 100%; -webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:100%; -moz-flex-basis:100%; -ms-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; min-width:100%; position:relative; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-around; -moz-justify-content:space-around; -ms-justify-content:space-around; justify-content:space-around } .cb-list-item_wrap:nth-child(2){ padding-left:5px } .cb-list-item_row{ box-flex:1 0 auto; -webkit-box-flex:1 0 auto; -moz-box-flex:1 0 auto; -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; width:100%; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between } .cb-list-item_row.t-top{ -webkit-box-align:start; -ms-flex-align:start; -webkit-box-orient:flex-start; -webkit-align-items:flex-start; -moz-align-items:flex-start; -ms-align-items:flex-start; align-items:flex-start } .cb-list-item_row.t-middle{ -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-list-item_row.t-bottom{ -webkit-box-align:end; -ms-flex-align:end; -webkit-box-orient:flex-end; -webkit-align-items:flex-end; -moz-align-items:flex-end; -ms-align-items:flex-end; align-items:flex-end } .cb-list-item_row.t-left{ float:left; text-align:left; width:49% } .cb-list-item_row.t-right{ float:right; text-align:right; width:49% } .cb-list-item_delete-wrap{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; background-color:red } .cb-list-item_delete-wrap>span{ display:block; font-size:20px; font-size:2rem; color:#fff; width:52px; text-align:center } .cb-list-item_icon-wrap{ position:relative; padding-left:5px; padding-right:5px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } img.cb-list-item_icon{ height:30px; width:30px } .cb-list-item_icon.fa{ font-size:24px } .cb-list-item_text{ display:inline-block } .cb-list-item_text.t-left{ text-align:left } .cb-list-item_text.t-right{ text-align:right; float:right } .cb-list-item_text.t-italic{ font-style:italic } .cb-list-item_text.t-status{ box-flex:1 1 auto; -webkit-box-flex:1 1 auto; -moz-box-flex:1 1 auto; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .cb-list-item_text.t-account.o-debit{ color:red } .cb-list-item_text.t-account.o-credit{ color:green } .cb-list-item_text.t-check{ box-flex:1 1 auto; -webkit-box-flex:1 1 auto; -moz-box-flex:1 1 auto; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .cb-list-item_text.t-amount{ font-size:20px; font-size:2rem; padding-left:5px } .cb-list-item_text.t-description{ box-flex:1 1 auto; -webkit-box-flex:1 1 auto; -moz-box-flex:1 1 auto; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .cb-list-item_text.t-from-to{ box-flex:1 1 auto; -webkit-box-flex:1 1 auto; -moz-box-flex:1 1 auto; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .cb-list-item_text.t-name{ font-size:16px; font-size:1.6rem } .cb-list-item_text.t-stretch{ box-flex:1 1 auto; -webkit-box-flex:1 1 auto; -moz-box-flex:1 1 auto; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .cb-list-item_text.t-icon{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; margin-right:10px } .cb-list-item_check-icon{ font-size:20px; font-size:2rem } .cb-list-item_check-icon img{ background:#ddd; display:inline; height:1em } .cb-list-item_button{ text-align:center; cursor:pointer } .cb-list-item_button:first-child{ -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:5px; -moz-border-radius-topleft:5px; border-top-right-radius:0; border-bottom-right-radius:0; border-bottom-left-radius:5px; border-top-left-radius:5px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box } .cb-list-item_button:last-child{ -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:0; border-top-right-radius:5px; border-bottom-right-radius:5px; border-bottom-left-radius:0; border-top-left-radius:0; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box } .cb-list-item_button.o-selected{ color:#fff } .cb-list-item_button-text{ line-height:27px; line-height:2.7rem; font-size:15px; font-size:1.5rem; padding:0 5px } .cb-list-item_card-image{ display:inline-block } .cb-list-item_subtitle{ box-flex:0 0 auto; -webkit-box-flex:0 0 auto; -moz-box-flex:0 0 auto; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .cb-list-item.t-input-wrap{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; font-size:16px; font-size:1.6rem; padding:5px } .cb-list-item.t-input-wrap path{ fill:#bbb } .cb-list-item.t-input-wrap>input{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; padding-top:7px; padding-bottom:3px; border:none } .cb-list-item.t-input-wrap .fa{ margin:0 10px } .cb-list-item.t-header{ height:25px; padding:0 10px; background:#454545 } .cb-list-item.t-header span{ line-height:25px; color:#eeeeef } .cb-list-item.t-p2p-payee{ cursor:pointer } .cb-list-item.t-sbp-payee path{ fill:#616161 } .cb-list-item.o-empty{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; text-align:center; border-bottom:none } .cb-list-item.o-empty span{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; -webkit-align-self:center; -ms-flex-item-align:center; align-self:center; display:block; font-size:22px; font-size:2.2rem } .cb-edit-modal_list-wrap{ padding:0; margin:0 } .cb-edit-modal_item{ background:#fff; padding:0 10px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-edit-modal_item>h3{ float:left } .cb-edit-modal_item>select{ float:right } .cb-edit-modal_item.t-title{ padding:8px 10px 8px 10px } .cb-edit-modal_item.t-subtitle{ padding:13px 10px 12px 10px; background:#444; color:#fff } .cb-edit-modal_item.t-help-text{ height:auto; padding:10px; background-color:#ccc; font-size:14px; font-size:1.4rem; line-height:15px } .cb-edit-modal_item.t-block{ height:auto; padding:0 } .cb-edit-modal_item.t-button{ padding:0; height:50px } .cb-edit-modal_row-label{ line-height:44px; padding-right:5px; box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0 } .cb-edit-modal_row-field{ box-flex:2; -webkit-box-flex:2; -moz-box-flex:2; -webkit-flex:2; -ms-flex:2; flex:2 } .cb-edit-modal_button-icon{ display:block; height:60px; margin-left:auto; margin-right:auto } .cb-edit-modal.t-history{ padding-bottom:0 } .cb-edit-modal.o-readonly .cb-edit-modal_item input{ border:none } .cb-edit-modal.o-readonly .cb-edit-modal_item.t-amount input{ font-size:30px; font-size:3rem; text-align:left; padding:0 } .cb-edit-modal.o-editable .cb-edit-modal_item input[readonly],.cb-edit-modal.o-editable .cb-edit-modal_item select[disabled]{ border:none } .cb-enterprise-profile{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; background-color:#ebebeb; color:#000; padding-bottom:60px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:start; -ms-flex-pack:start; -webkit-justify-content:flex-start; -moz-justify-content:flex-start; -ms-justify-content:flex-start; justify-content:flex-start; -webkit-align-content:flex-start; -moz-align-content:flex-start; -ms-align-content:flex-start; align-content:flex-start; -webkit-box-align:start; -ms-flex-align:start; -webkit-box-orient:flex-start; -webkit-align-items:flex-start; -moz-align-items:flex-start; -ms-align-items:flex-start; align-items:flex-start } .cb-enterprise-profile_avatar{ font-size:60px; height:60px; width:60px } .cb-enterprise-profile_screen{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; width:100%; overflow-y:auto } .cb-enterprise-profile_screen form{ min-height:100% } .cb-enterprise-profile_screen.t-send{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex } .cb-enterprise-search{ background-color:#ebebeb } .cb-enterprise-search_input{ padding-top:30px; width:60%; margin:auto; text-align:center } .cb-enterprise-container{ background-color:#ebebeb; float:left; display:block; clear:both; height:100%; width:100%; font-family:sans-serif; border-radius:0 0 4px 4px } .cb-enterprise-container_profile{ background-color:#d7d7d7; padding-top:20px; height:25% } .cb-enterprise-container_topper{ display:block; width:100%; font-family:sans-serif; background-color:#878787; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:horizontal; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; padding-bottom:10px } .cb-enterprise-container_topper h1{ font-size:1.5em; color:#fff; padding:20px; box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0 } .cb-enterprise-container_topper i{ box-flex:0 0 auto; -webkit-box-flex:0 0 auto; -moz-box-flex:0 0 auto; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; font-size:20px } .cb-enterprise-container_photo{ width:20%; margin-left:1%; text-align:center; display:block; float:left; clear:none; padding-top:20px } .cb-enterprise-container_photo p{ font-size:3em; font-weight:800 } .cb-enterprise-container_photo i{ font-size:100px } .cb-enterprise-container_personal{ display:block; float:left; margin-left:1%; width:20% } .cb-enterprise-container_personal div{ margin:20px 0 } .cb-enterprise-container_personal div h3{ font-size:1.3em; font-weight:600 } .cb-enterprise-container_personal div a{ text-decoration:none; color:#64b0f6 } .cb-enterprise-container_contact{ display:block; float:left; width:45%; margin-left:1%; text-align:right; margin-top:2% } .cb-enterprise-container_contact h4{ font-size:1.6em; font-weight:800 } .cb-enterprise-container_table{ margin-left:2%; margin-bottom:2% } .cb-enterprise-container_table h4{ padding:15px 20px 10px 5px; font-size:1.6em; font-weight:400 } .cb-enterprise-container_table table{ width:100%; margin:0; padding-left:10px; border-collapse:collapse; border-spacing:0 } .cb-enterprise-container_table table tr{ padding:2px } .cb-enterprise-container_table table td,.cb-enterprise-container_table table th{ padding:5px; text-align:left } .cb-enterprise-container_table table th{ text-transform:capitalize; font-size:14px; letter-spacing:1px } .cb-drawer{ font-size:14px; z-index:100; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); width:320px; position:fixed; top:0; right:-320px; height:100%; z-index:999999; transition:all .5s ease 0s; box-shadow:0 4px 4px -5px rgba(0,0,0,.2),0 2px 2px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12); overflow:visible; overflow-y:auto; background-color:#fff } .cb-drawer.t-drawer-open{ right:0 } .cb-eform{ margin:10px; box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0 } .cb-eform_question{ padding-top:5px!important; padding-bottom:5px!important } .cb-eform_question.o-no-status{ padding-left:40px } .cb-eform_row{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex } .cb-eform_question-label-wrap{ padding-bottom:10px } .cb-eform_question-label-wrap.o-has-status{ padding-left:40px } .cb-eform_question-label.t-error{ color:red } .cb-eform_question-status-wrap{ box-flex:0 1 40px; -webkit-box-flex:0 1 40px; -moz-box-flex:0 1 40px; -webkit-flex:0 1 40px; -ms-flex:0 1 40px; flex:0 1 40px; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:40px; -moz-flex-basis:40px; -ms-flex-basis:40px; -ms-flex-preferred-size:40px; flex-basis:40px; min-width:40px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-eform_question-status{ display:inline-block; width:28px; height:28px; padding:2px } .cb-eform_question-status>img{ max-height:100% } .cb-eform_question-item-wrap{ float:none; box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0 } .cb-eform_question-item-wrap input:invalid{ box-shadow:none } .cb-eform_question-item-wrap.t-underlined{ border-bottom:1px solid #ccc } .cb-eform_question-item-wrap.t-image-upload{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex } .cb-eform_question-item{ width:100% } .cb-eform_question-item.t-string{ padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #333 } .cb-eform_question-item.t-select-box{ margin-top:10px; margin-bottom:10px } .cb-eform_question-item.t-image-upload{ width:80px; float:right; box-flex:0 1 80px; -webkit-box-flex:0 1 80px; -moz-box-flex:0 1 80px; -webkit-flex:0 1 80px; -ms-flex:0 1 80px; flex:0 1 80px; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:80px; -moz-flex-basis:80px; -ms-flex-basis:80px; -ms-flex-preferred-size:80px; flex-basis:80px; min-width:80px } .cb-eform_question-item-text{ float:left } .cb-eform_question-item-text.t-image-upload{ line-height:80px; box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0 } .cb-email{ padding:20px } .cb-email_unread-messages{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; font-size:11px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; background-color:#d04417; color:#fff; height:22px; width:22px } .cb-email_unread-messages span{ display:block } .cb-email_list-item{ height:85px } .cb-email .cb-email_box-header img{ width:100%; height:30px } .cb-email_list-item-date{ margin-left:0 } .cb-email_list-item-date>div{ margin:5px } .cb-email_list-item-bold{ font-weight:700 } .cb-email_iframe-container{ -webkit-overflow-scrolling:touch; overflow-y:auto } .cb-email .cb-email_box-list-items{ height:100% } @media only screen and (max-width:768px){ .cb-email{ padding:10px } .cb-email_list-item-bold{ font-weight:700 } .cb-email_list-item-date{ margin-left:5px } .cb-email_list-item-date>div{ margin:0 } .cb-email .cb-email_box-header img{ width:9mm; height:9mm } .email-list-title{ font-size:11px } .email-list-subject{ font-size:10px } .cb-email_list-item-info{ margin-left:15px } .cb-email_box-list-items{ height:100% } } @media only screen and (max-width:1279px){ .cb-email_unread-messages{ left:40px } } .cb-email_navigation-item{ display:block; padding:12px; font-size:14px; font-size:1.4rem; text-align:center; color:#999; background-size:cover; background-position:right; background-repeat:no-repeat; width:100% } .cb-email_navigation-item.o-active{ color:#fff } .cb-email_box{ font-size:14px; font-size:1.4rem; border-bottom:1px solid #ccc; padding-top:10px } .cb-email_box-header{ border-bottom:1px solid #ccc } .cb-email_compose{ position:relative; padding:20px } .cb-email_compose_attachment{ font-size:20px; padding:2px } .cb-email_message{ padding:20px } .cb-email_attachment{ width:100%; background-color:transparent; border:none; padding:0 } .cb-email_attachment-image{ height:100px; border:1px solid #ccc; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0; -moz-border-radius-topleft:10px; border-top-right-radius:10px; border-bottom-right-radius:0; border-bottom-left-radius:0; border-top-left-radius:10px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box } .cb-email_attachment-details{ background-color:#ccc } @media only screen and (max-width:414px){ .cb-email_attachment-image{ height:60px; border:none; -webkit-border-radius:none; -moz-border-radius:none; border-radius:none; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box } } .cb-fico-score{ background-color:#fff } .cb-fico-score_column-wrap{ padding:35px } .cb-fico-score_feature-label-row{ margin-bottom:35px } .cb-fico-score_feature-label{ margin-bottom:35px } .cb-fico-score_score-box{ flex:0 0 auto; height:199.09px; width:736px; box-sizing:border-box; border:#00364a 1px solid; border-radius:15px; margin:0 auto } .cb-fico-score_scorebox-image-column{ height:199.09px; width:484px } .cb-fico-score_scorebox-image-row{ width:484px } .cb-fico-score_lock-image{ height:auto; border-radius:15px 0 0 15px; width:242px } .cb-fico-score_meter-image-item{ width:242px; position:relative } .cb-fico-score_meter-image{ height:auto; width:80%; position:absolute; right:20px } .cb-fico-score_disclosure-text-column{ height:199.09px; width:242px; border-left:#00364a 1px solid } .cb-fico-score_disclosure-text-item{ height:60%; padding:5px 5px 5px 10px; justify-content:center } .cb-fico-score_congratulations-header{ margin-bottom:20px; font-size:14px; font-weight:700 } .cb-fico-score_congratulations-message{ font-size:14px } .cb-fico-score_horizontal-row{ margin:35px 0 } .cb-fico-score_disclosure-text-font{ font-size:11px } .cb-fico-score_bank-link{ cursor:pointer; font-size:11.5px } .cb-fico-score_info-link{ cursor:pointer; padding-top:4px; font-size:11.5px } .cb-fico-score_disclosure-item{ height:40%; padding:10px 10px; border-top:gray 1px solid } .cb-fico-score_disclosure-text{ font-size:9.5px; line-height:12px } .cb-fico-score_additional-disclosures{ font-size:12px; font-style:italic } .cb-fico-score_key-factors{ font-weight:700; font-size:14px } .cb-fico-score_key-factors-row{ margin-bottom:20px } .cb-fico-score_number-box{ background:#98bfcc; padding:3px 6px; width:20px; height:20px; font-size:14px; font-weight:700; color:#fff } .cb-fico-score_reason{ font-size:14px; font-weight:700; margin-bottom:5px } .cb-fico-score_description{ margin:5px 0; font-size:14px } .cb-fico-score_keep-in-mind-label{ font-weight:700; font-size:14px; margin:5px 0 } .cb-fico-score_keep-in-mind{ margin:5px 0; font-size:14px; line-height:16px } .cb-fico-score_opt-out-row{ margin-top:20px } .cb-fico-score_opt-out-label{ text-align:right } .cb-fico-score_opt-out-link{ font-weight:700; cursor:pointer } @media only screen and (max-width:768px){ .cb-fico-score_score-box{ height:auto; width:484px; box-sizing:border-box; margin:0 auto; border:none; border-radius:none } .cb-fico-score_scorebox-image-column{ height:199.09px; width:484px } .cb-fico-score_scorebox-image-row{ width:484px } .cb-fico-score_lock-image{ height:auto; width:242px; border-radius:15px 0 0 0 } .cb-fico-score_meter-image-item{ width:242px; height:199.09px; position:relative; border-radius:0 15px 0 0; border-top:#00364a 1px solid; border-right:#00364a 1px solid } .cb-fico-score_meter-image{ height:auto; width:80%; position:absolute; right:20px } .cb-fico-score_disclosure-text-column{ height:auto; min-height:125px; width:242px; border-left:#00364a 1px solid; flex-direction:row; flex:0 0 auto; flex-wrap:nowrap; border-bottom:#00364a 1px solid; border-right:#00364a 1px solid; border-radius:0 0 15px 15px } .cb-fico-score_disclosure-text-item{ height:auto; width:242px; padding:10px 5px 5px 10px; justify-content:flex-start; border-right:#00364a 1px solid } .cb-fico-score_disclosure-item{ height:auto; width:242px } .cb-fico-score_disclosure-text-font{ font-size:10px } .cb-fico-score_disclosure-text{ font-size:7.5px; line-height:12px } } .cb-editor{ position:absolute } .cb-editor_toolbar{ position:absolute; background-color:#fbf1d3; height:48px; padding:8px; font-size:32px; font-size:3.2rem; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; -webkit-justify-content:flex-end; -moz-justify-content:flex-end; -ms-justify-content:flex-end; justify-content:flex-end } .cb-editor_toolbar.o-bottom{ bottom:0; right:0; left:0 } .cb-editor_toolbar.o-right{ top:0; right:0; width:780px } .cb-location-details_header{ margin:5px 10px; font-size:18px; font-size:1.8rem; font-weight:700 } .cb-location-details_subheader{ margin:0 10px; font-size:14px; font-size:1.4rem; padding-bottom:10px } .cb-location-details_link{ text-decoration:underline } .cb-location-details_image{ max-width:480px; width:auto; height:auto; background-size:cover; background-position:center; background-repeat:no-repeat } .cb-location-list-container_item{ box-shadow:1px 1px 1px 1px rgba(0,0,0,.3); padding:10px; margin-bottom:10px; background-color:#fff; border-radius:5px; cursor:pointer } .cb-location-list{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:block; text-decoration:none; border-bottom:1px solid #000; height:auto; position:relative; padding:10px 40px 10px 10px } .cb-location-list_title{ display:block; font-size:16px; font-size:1.6rem; font-weight:700 } .cb-location-list_text{ font-size:12px; font-size:1.2rem } .cb-location-list_text.t-row{ display:block } .cb-location-list_text.t-row-text{ display:inline-block } .cb-location-list_icon{ position:absolute; top:50%; right:0; -webkit-transform:translate(0,-50%) rotate(180deg); -moz-transform:translate(0,-50%) rotate(180deg); -ms-transform:translate(0,-50%) rotate(180deg); -o-transform:translate(0,-50%) rotate(180deg); width:30px; height:30px } .cb-location-view_list-wrap{ padding:0; margin:0 } .cb-location-view_item{ font-size:12px; font-size:1.2rem; padding:5px 10px; color:#454545 } .cb-location-view_item.t-title{ font-size:16px; font-size:1.6rem; letter-spacing:.005em; text-shadow:-1px -1px 2px rgba(255,255,255,.8); background:#c8c8c8 } .cb-location-view_item.t-text{ border-bottom:1px solid #ddd } .cb-location-view_item.t-address{ color:#fff; background:#000; padding:0 10px } .cb-location-view_item.t-address.t-first{ padding-top:5px } .cb-location-view_item.t-address.t-last{ padding-bottom:5px } .cb-location-view_item.t-block{ padding:0 } @media (max-width:414px){ .cb-location-map-container{ height:55% } } .cb-marketing{ width:100%; position:relative; overflow:hidden; border-radius:4px } .cb-marketing.t-sidebar{ height:100px; width:100% } .cb-marketing.t-RightTall{ width:300px; flex:0 0 auto; margin-bottom:25px } .cb-marketing.t-RightShort{ width:300px; flex:0 0 auto; margin-bottom:25px } .cb-marketing.t-Leaderboard{ height:90px; width:728px; margin-bottom:0; margin-left:auto; margin-right:auto } .cb-marketing.t-mainOptions{ height:437px } .cb-marketing.t-mainOptions-not-closeable{ height:490px } @media only screen and (max-width:1600px){ .cb-marketing.t-RightTall{ display:none } .cb-marketing.t-RightShort{ display:none } } .cb-marketing_input-wrap{ width:100%; height:45px; padding:10px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-marketing_input-label{ color:#fff; margin-left:10px } @media only screen and (max-width:1279px){ .cb-marketing.t-sidebar{ height:128px; width:100% } } .l-on .cb-marketing_input-icon.o-on{ display:block } .l-on .cb-marketing_input-icon.o-off{ display:none } .l-off .cb-marketing_input-icon.o-on{ display:none } .l-off .cb-marketing_input-icon.o-off{ display:block } .cb-notification{ font-size:30px; font-size:3rem } .cb-notification_icon-wrap{ position:relative; height:65px; width:65px; margin:15px } .cb-notification_icon{ font-size:65px } .cb-notification_icon.t-error{ color:#c70000; -webkit-animation:notification-icon-error-gradient-in .8s linear; -moz-animation:notification-icon-error-gradient-in .8s linear; -ms-animation:notification-icon-error-gradient-in .8s linear; animation:notification-icon-error-gradient-in .8s linear } @-webkit-keyframes notification-icon-error-gradient-in{ 0%{ color:rgba(255,255,255,0) } 100%{ color:#c70000 } } @-moz-keyframes notification-icon-error-gradient-in{ 0%{ color:rgba(255,255,255,0) } 100%{ color:#c70000 } } @keyframes notification-icon-error-gradient-in{ 0%{ color:rgba(255,255,255,0) } 100%{ color:#c70000 } } .cb-notification_icon.t-success{ color:#8bc435; -webkit-animation:notification-icon-success-gradient-in .8s linear; -moz-animation:notification-icon-success-gradient-in .8s linear; -ms-animation:notification-icon-success-gradient-in .8s linear; animation:notification-icon-success-gradient-in .8s linear } @-webkit-keyframes notification-icon-success-gradient-in{ 0%{ color:rgba(255,255,255,0) } 100%{ color:#8bc435 } } @-moz-keyframes notification-icon-success-gradient-in{ 0%{ color:rgba(255,255,255,0) } 100%{ color:#8bc435 } } @keyframes notification-icon-success-gradient-in{ 0%{ color:rgba(255,255,255,0) } 100%{ color:#8bc435 } } .cb-notification_text.t-loading{ position:relative; padding-right:1em } .cb-notification_text.t-loading:after{ content:'...'; display:inline-block; position:absolute; vertical-align:bottom; overflow:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:notification-text-ellipsis 2s linear infinite; -moz-animation:notification-text-ellipsis 2s linear infinite; -ms-animation:notification-text-ellipsis 2s linear infinite; animation:notification-text-ellipsis 2s linear infinite } @-webkit-keyframes notification-text-ellipsis{ 0%{ width:0 } 100%{ width:1em } } @keyframes notification-text-ellipsis{ 0%{ width:0 } 100%{ width:1em } } .cb-notification_button{ height:50px; width:200px; margin-top:20px; border:4px solid #eee; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; background-color:#eee } .cb-notification_button:hover{ background-color:#3b99fc; color:#fff } .cb-notification-sequence{ position:relative } .cb-notification-sequence_item{ height:0; margin-top:-90px } .cb-payee{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; width:100%; min-height:174px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .cb-payee.o-open .cb-payee_add-plus{ background:red } .cb-payee.o-open .cb-payee_add-plus>div.t-vertical{ display:none } .cb-payee_title{ font-size:16px; font-size:1.6rem; padding:5px 0 7px 0 } @media only screen and (max-width:414px){ .cb-payee_title{ display:none } } .cb-delivery-options{ padding-top:5px; padding-bottom:5px } .cb-delivery-options_title{ padding-bottom:10px } .cb-delivery-options_button{ display:block; float:right; width:160px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; letter-spacing:.05em; color:#eeeeef; border:0; padding:5px; font-size:14px; font-size:1.4rem; text-shadow:0 0 4px rgba(0,0,0,.5); -webkit-box-shadow:inset 0 0 4px #333; -moz-box-shadow:inset 0 0 4px #333; box-shadow:inset 0 0 4px #333; -webkit-tap-highlight-color:transparent } .cb-delivery-options_button.o-selected{ background:#318c2f } .cb-delivery-options_button-name{ font-size:11px; font-size:1.1rem } .cb-delivery-options_estimated-delivery{ padding-top:5px; padding-right:10px; display:inline-block; float:left } .cb-delivery-options_estimated-delivery-date{ display:inline-block; font-size:16px; font-size:1.6rem; padding-top:5px } @media only screen and (max-width:415px){ .cb-delivery-options_button-wrap{ padding-top:10px; padding-bottom:10px } } .cb-recurring-details-modal_header{ height:40px; color:#eeeeef; background:#454545; padding:10px } .cb-recurring-details-modal_form{ padding-bottom:60px } .cb-recurring-details-modal_form-input-wrap{ padding:10px } .cb-recurring-details-modal_form-input{ padding-bottom:50px } .cb-recurring-details-modal_form-input label{ display:block; width:50%; float:left; transform:translateY(100%) } .cb-recurring-details-modal_form-input input{ width:50%; float:right; transform:translateY(30%); border:1px #000 } .cb-payee-modal_list{ margin:0 auto; color:#b4b4b4; border-bottom:1px solid #b4b4b4; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; width:85%; padding-top:15px } .cb-progress-bar{ box-flex:0 0 auto; -webkit-box-flex:0 0 auto; -moz-box-flex:0 0 auto; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; -webkit-align-self:center; -ms-flex-item-align:center; align-self:center; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; max-width:100%; margin-top:10px } .cb-progress-bar_item{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; position:relative; color:#888 } .cb-progress-bar_item_wing{ display:block; height:12px; position:absolute; background-color:#ddd; border-top:4px solid #ddd; border-bottom:4px solid #ddd; z-index:1 } .cb-progress-bar_item_marker{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; background-color:#ddd; margin:10px; position:relative; cursor:default } .cb-progress-bar_item_marker_content{ pointer-events:none; position:absolute; top:4px; left:4px; bottom:4px; right:4px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; font-size:18px; font-size:1.8rem } .cb-progress-bar_item_marker_content.t-number{ padding-bottom:2px } .cb-progress-bar_item_marker_content.t-glyph{ background-color:#8bc435; color:#fff } .cb-progress-bar_item.o-active .cb-progress-bar_item_wing{ background-color:#3b99fc; background-image:-webkit-gradient(linear,left top,right top,from(#3b99fc),to(#ddd)); background-image:-webkit-linear-gradient(left,#3b99fc,#ddd); background-image:-moz-linear-gradient(left,#3b99fc,#ddd); background-image:-ms-linear-gradient(left,#3b99fc,#ddd); background-image:-o-linear-gradient(left,#3b99fc,#ddd) } .cb-progress-bar_item.o-active .cb-progress-bar_item_marker:hover{ -webkit-box-shadow:0 0 8px 2px #3b99fc; -moz-box-shadow:0 0 8px 2px #3b99fc; box-shadow:0 0 8px 2px #3b99fc } .cb-progress-bar_item.o-active .cb-progress-bar_item_marker_content{ background-color:#3b99fc; color:#fff } @media only screen and (max-width:414px){ .cb-progress-bar_item_wing{ width:calc(100% - 35px + 8px); right:calc(-50% + 35px / 2 - 4px); bottom:21.5px } .cb-progress-bar_item_text{ display:none } .cb-progress-bar_item_marker{ width:35px; height:35px } } @media only screen and (min-width:415px){ .cb-progress-bar_item{ min-width:125px } .cb-progress-bar_item_wing{ width:calc(100% - 50px + 8px); right:calc(-50% + 50px / 2 - 4px); bottom:29px } .cb-progress-bar_item_marker{ width:50px; height:50px } } .l-modal .cb-progress-bar_item{ min-width:0 } .l-modal .cb-progress-bar_item_wing{ width:calc(100% - 35px + 8px); right:calc(-50% + 35px / 2 - 4px); bottom:21.5px } .l-modal .cb-progress-bar_item_text{ display:none } .l-modal .cb-progress-bar_item_marker{ width:35px; height:35px } .cb-paycheck-create-modal_header{ height:40px; color:#eeeeef; background:#454545; padding:10px } .cb-paycheck-create-modal_form{ padding-bottom:60px } .cb-paycheck-create-modal_form_field-wrap{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .cb-paycheck-create-modal_form_field-wrap_field{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-paycheck-create-modal_form_field-wrap_field_label{ box-flex:.2; -webkit-box-flex:.2; -moz-box-flex:.2; -webkit-flex:.2; -ms-flex:.2; flex:.2; padding:0 5px } .cb-paycheck-create-modal_form_field-wrap_field_input{ box-flex:.8; -webkit-box-flex:.8; -moz-box-flex:.8; -webkit-flex:.8; -ms-flex:.8; flex:.8; padding:0 5px } .cb-account-order{ width:100%; padding-bottom:25px } .cb-account-order .slip-reordering{ box-shadow:0 2px 10px rgba(0,0,0,.45); color:#000 } .cb-account-order_item{ padding-top:10px; padding-bottom:10px; border-bottom:1px solid #000; color:#666; background-color:#fff; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none } .cb-account-order_item:last-child{ border-bottom:none } .cb-account-order_name-wrap{ width:70%; display:inline-block } .cb-account-order_hamburger{ width:10%; height:18px; float:left } .cb-account-order_hamburger-bar{ background:#000; display:block; height:2px; width:50%; margin-bottom:2px; left:10px; top:5px; position:relative } .cb-account-order_balance{ width:30%; display:inline-block; padding-right:5px; float:right; text-align:right } .cb-account-settings_item{ padding:5px } .cb-account-settings_item.t-subtitle{ background:#444; color:#fff; text-align:center } .cb-settings_bold{ font-weight:600 } .cb-settings_margin{ margin-top:5px } .cb-settings_list-wrap{ padding:0; margin:0 } .cb-settings_textbanking{ background:#fff; height:55px; padding:20px 10px 10px 10px; border-bottom:2px solid rgba(0,0,0,.4); display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-settings_textbanking h3{ box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1 } .cb-settings_textbanking p{ font-size:13px; font-size:1.3rem } .cb-settings_textbanking.t-numbers{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .cb-settings_settings-item{ background:#fff; height:55px; padding:20px 10px 10px 10px; border-bottom:2px solid rgba(0,0,0,.4); display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:horizontal; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-settings_settings-item.t-account{ font-size:14px; font-size:1.4rem } .cb-settings_settings-item.t-details{ padding:0 3px 0 0 } .cb-settings_item{ background:#fff; height:55px; padding:20px 10px 10px 10px; border-bottom:2px solid rgba(0,0,0,.4) } .cb-settings_item h3{ float:left } .cb-settings_item select{ float:right } .cb-settings_item.t-header{ padding:5px 10px 10px 10px } .cb-settings_item.t-title{ padding:8px 10px 8px 10px } .cb-settings_item.t-subtitle{ padding:13px 10px 12px 10px; background:#444; color:#fff } .cb-settings_item.t-account{ font-size:14px; font-size:1.4rem } .cb-settings_item.t-details{ padding:0 3px 0 0 } .cb-settings_item-account.t-details{ padding-left:5px } .cb-settings_item-account.t-balance{ margin-left:auto } .cb-settings_item-account-header{ line-height:33px; line-height:3.3rem } .cb-settings_item-account-header:after{ content:""; display:table; clear:both } .cb-sidebar{ font-size:14px; z-index:100; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); width:214px; position:fixed; top:0; height:calc(100% - 20px) } .cb-sidebar_header{ height:45px } .cb-sidebar_icon{ height:70px; width:270px; margin:0 auto } .cb-sidebar_link:hover{ background-color:rgba(0,0,0,.1) } .cb-sidebar_last-login{ font-size:10px } @media only screen and (min-width:1280px){ .cb-sidebar{ margin-bottom:20px } } @media only screen and (max-width:1279px){ .cb-sidebar{ background-color:#fff; position:fixed; top:0; width:272px; height:calc(100%); margin-left:-272px } } .cb-sidebar-scrolling-menu-item{ box-flex:1 0 33.333%; -webkit-box-flex:1 0 33.333%; -moz-box-flex:1 0 33.333%; -webkit-flex:1 0 33.333%; -ms-flex:1 0 33.333%; flex:1 0 33.333%; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:33.333%; -moz-flex-basis:33.333%; -ms-flex-basis:33.333%; -ms-flex-preferred-size:33.333%; flex-basis:33.333%; min-width:33.333%; max-width:33.333%; padding:5px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex } .cb-sidebar-scrolling-menu-item_button{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-box-align:stretch; -ms-flex-align:stretch; -webkit-box-orient:stretch; -webkit-align-items:stretch; -moz-align-items:stretch; -ms-align-items:stretch; align-items:stretch; cursor:pointer } .cb-sidebar-scrolling-menu-item_icon{ box-flex:1 1 45px; -webkit-box-flex:1 1 45px; -moz-box-flex:1 1 45px; -webkit-flex:1 1 45px; -ms-flex:1 1 45px; flex:1 1 45px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:45px; -moz-flex-basis:45px; -ms-flex-basis:45px; -ms-flex-preferred-size:45px; flex-basis:45px; min-width:45px; display:block; margin:0 auto; max-height:100%; max-width:100% } .cb-sidebar-scrolling-menu-item_description{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-align-self:center; -ms-flex-item-align:center; align-self:center; box-flex:0 0 auto; -webkit-box-flex:0 0 auto; -moz-box-flex:0 0 auto; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; text-align:center; width:100% } @media only screen and (max-width:414px){ .cb-sidebar-scrolling-menu-item_description{ font-size:8px; font-size:.8rem; font-weight:700 } } .cb-statements{ background:#fff; cursor:pointer; font-weight:700 } .cb-statements_button{ background:#f9f9f9; min-height:55px; height:auto; padding:20px 10px 10px 10px; display:block } .cb-statements_body{ padding-top:7px; font-weight:400; text-align:center } .cb-statements_body-item{ padding-top:5px; padding-bottom:5px } .cb-statements_body-item:first-child{ padding-top:10px } .cb-statements_body-item:last-child{ padding-bottom:10px } .cb-statements_title-wrap{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; box-flex:1 1 auto; -webkit-box-flex:1 1 auto; -moz-box-flex:1 1 auto; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; text-align:left } .cb-statements_link{ padding:10px; color:#333; background-color:#e8e6e6; border:none; border-radius:10px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; margin:0 auto } .cb-statements_link-item{ padding:10px; box-flex:0 0 90px; -webkit-box-flex:0 0 90px; -moz-box-flex:0 0 90px; -webkit-flex:0 0 90px; -ms-flex:0 0 90px; flex:0 0 90px; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:90px; -moz-flex-basis:90px; -ms-flex-basis:90px; -ms-flex-preferred-size:90px; flex-basis:90px; min-width:90px } .cb-statements_link-text{ padding-left:10px } .cb-statements_pdf-icon{ top:25px; position:absolute } .cb-statements_estatements{ padding-top:10px; padding-bottom:10px; text-align:center } .cb-statement-icon_chevron-right{ position:absolute; top:50%; right:0; -webkit-transform:translate(0,-50%) rotate(180deg); -moz-transform:translate(0,-50%) rotate(180deg); -ms-transform:translate(0,-50%) rotate(180deg); -o-transform:translate(0,-50%) rotate(180deg); width:30px; max-height:50%; margin-right:10px } .cb-statement-icon_chevron-down{ position:absolute; top:35px; right:0; -webkit-transform:translate(0,-50%) rotate(270deg); -moz-transform:translate(0,-50%) rotate(270deg); -ms-transform:translate(0,-50%) rotate(270deg); -o-transform:translate(0,-50%) rotate(270deg); width:30px; max-height:50%; margin-right:10px } .cb-social-button{ display:block; text-decoration:none; background:#ddd; border-bottom:2px solid #fff; height:60px; position:relative; padding:10px 40px 10px 10px } .cb-social-button:last-child{ border-bottom:none } .cb-social-button_link{ text-decoration:none } .cb-social-button_title{ font-size:16px; font-size:1.6rem; font-weight:700; line-height:40px } .cb-social-button_icon{ position:absolute; right:10px; top:15px; height:30px } .cb-transfer-confirmation-modal{ background-repeat:no-repeat; background-position:10px center; background-color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:13px; min-height:100px; height:auto } .cb-transfer-confirmation-modal_header{ font-weight:700; font-size:25px; line-height:20px; padding:10px } .cb-transfer-confirmation-modal_summary{ padding:0 0 60px 0!important; margin:0 } .cb-transfer-confirmation-modal_summary-item{ font-size:15px; font-size:1.5rem; line-height:15px; line-height:1.5rem; padding:10px } .cb-transfer-confirmation-modal_summary-item-value{ float:right } .cb-transfer-options{ margin-top:35px } .cb-recurring-transfers_frequency-select:after{ content:""; display:table; clear:both } .cb-recurring-transfers_frequency-select-options{ display:inline-block; display:inline-flex; width:50%; min-height:34px; font-size:14px; font-size:1.4rem; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:stretch; -ms-flex-align:stretch; -webkit-box-orient:stretch; -webkit-align-items:stretch; -moz-align-items:stretch; -ms-align-items:stretch; align-items:stretch; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center } .cb-recurring-transfers_frequency-select-button-wrap{ display:inline-block; float:right; min-height:34px; width:50% } .cb-recurring-transfers_frequency-select-button{ height:36px; width:100%; font-weight:700 } .cb-recurring-transfers_frequency-select-button[disabled]{ color:#ddd } .cb-transactions{ padding:10px } .cb-transactions_table-container{ position:relative; height:calc(100vh - 385px); overflow-y:auto } .cb-transactions_column{ text-align:left; width:100px; padding-left:8px } .cb-transactions_body-date{ text-align:left; width:100px; padding-left:8px } .cb-transactions_legend{ text-align:center; padding-top:10px; padding-bottom:10px } .cb-transactions_legend-item{ position:relative; display:inline-block } .cb-transactions_legend-item:after{ content:""; border:1px solid rgba(255,255,255,.4); width:20px; height:20px; position:relative; float:right; margin-left:10px } .cb-transactions_legend-item.t-money-in:after{ background-color:green } .cb-transactions_legend-item.t-money-out{ margin-left:20px } .cb-transactions_legend-item.t-money-out:after{ background-color:red } .cb-transactions_chevron-down{ position:absolute; bottom:0; right:20px; cursor:pointer; top:30px } .cb-transactions_image-error{ width:170px; height:100px; padding-left:10px } .cb-transactions_row{ height:45px } .cb-transactions_transaction-image{ width:20px; height:20px; position:absolute; top:13px; left:5px; right:30px } .cb-transactions_check-image{ width:20px; height:20px; position:absolute; top:11px; left:32px } .cb-transactions-bar-chart{ position:relative; padding:10px } .cb-transactions-bar-chart_title{ padding:10px; text-align:center; font-size:1.5em } .cb-transactions-bar-chart_bar-wrap{ width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; overflow:hidden } .cb-transactions-bar-chart_bar-wrap:after{ content:""; display:table; clear:both } .cb-transactions-bar-chart_bar{ content:""; float:left; height:30px } .cb-transactions-bar-chart_bar.t-credits{ background-color:green } .cb-transactions-bar-chart_bar.t-debits{ background-color:red } .cb-transactions-bar-chart_text{ padding-bottom:5px; font-size:14.5px; font-size:1.45rem } .cb-transactions-bar-chart_text.t-debits{ float:right } .cb-transactions-bar-chart_graph-wrap{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .cb-transactions-check-image{ width:100%; height:200px; position:relative; overflow:hidden } .cb-transactions-check-image img{ width:100%; top:50%; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -o-transform:translate(0,-50%); transform:translate(0,-50%); position:absolute; display:block } .cb-transactions-image{ width:100%; height:auto; position:relative; overflow:hidden } .cb-transactions-image img{ width:100%; height:auto } .cb-plus-pay{ padding:10px 20px 0 20px; height:100% } .cb-plus-pay_container{ overflow-x:hidden; -webkit-overflow-scrolling:touch; position:relative; height:'100%' } @media only screen and (max-width:480px), (max-height:640px){ .cb-plus-pay{ padding:0; } } .cb-plus-pay-payment-details{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap } .cb-plus-pay-payment-details_payment-icon{ padding-right:7px } .cb-plus-pay-payment-details_payment-icon svg{ height:18px; width:18px } .cb-plus-pay-payment-details_detail{ font-size:14px; font-size:1.4rem } .cb-plus-pay-payment-details_section{ margin-top:10px; margin-bottom:10px; border-left:1px solid rgba(0,0,0,.25); border-right:1px solid rgba(255,255,255,.25) } .cb-plus-pay-payment-details_section:first-child{ border-left:none } .cb-plus-pay-payment-details_section:last-child{ border-right:none } .cb-plus-pay-payment-details_section_header{ font-size:17px; font-size:1.7rem; font-weight:600; text-align:left; padding-bottom:10px; box-flex:0 0 auto; -webkit-box-flex:0 0 auto; -moz-box-flex:0 0 auto; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto } .cb-plus-pay-payment-details_section_subheader{ font-size:15px; font-size:1.5rem; text-align:left; padding-bottom:3px } .cb-plus-pay-payment-details_item{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; font-size:16px; font-size:1.6rem; padding:3px } .cb-plus-pay-payment-details_item_label{ font-size:12px; font-size:1.2rem; font-weight:600 } .cb-plus-pay-payment-details_item_value{ text-align:right; font-size:12px; font-size:1.2rem } .cb-plus-pay-payment-details_item_value.t-bold{ font-weight:600 } .cb-plus-pay-payment-details_item_value.t-textarea{ box-flex:1 0 100%; -webkit-box-flex:1 0 100%; -moz-box-flex:1 0 100%; -webkit-flex:1 0 100%; -ms-flex:1 0 100%; flex:1 0 100%; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:100%; -moz-flex-basis:100%; -ms-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; min-width:100%; text-align:left; background-color:rgba(0,0,0,.1); padding:5px; max-height:80px; overflow-y:scroll } .cb-plus-pay-payment-details_item_value p{ margin:0; word-break:break-all } .cb-plus-pay-payment-details_history-item{ border-top:1px solid rgba(0,0,0,.25); border-bottom:1px solid rgba(255,255,255,.25) } .cb-plus-pay-payment-details_history-item:first-child{ border-top:none } .cb-plus-pay-payment-details_history-item:last-child{ border-bottom:none } .cb-plus-pay-payment-details_history-item_wrap{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; padding:3px; background-color:rgba(0,0,0,.1); overflow-y:auto } .cb-plus-pay-payment-details_routing-instructions{ padding-top:10px } .cb-admin{ padding:0 20px 20px 20px; padding-bottom:60px } .cb-admin_login{ text-align:center; font-size:20px; font-size:2rem } .cb-admin_user-list li:hover{ background-color:rgba(255,255,255,.1) } .cb-admin_top-bar{ box-flex:0 0 auto; -webkit-box-flex:0 0 auto; -moz-box-flex:0 0 auto; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; width:100%; padding:0 5px; margin-bottom:20px } .cb-admin_top-bar_button{ width:40px; height:40px; -webkit-flex:0 0 40px; flex:0 0 40px; border:1px solid #000; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; font-size:20px; font-size:2rem } .cb-admin_top-bar_search-bar{ max-width:40px; height:40px; margin:0 10px; padding:1px 9px; border:1px solid #000; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; font-size:16px; font-size:1.6rem; -webkit-animation:admin-close-search-bar .2s ease-in; -moz-animation:admin-close-search-bar .2s ease-in; -ms-animation:admin-close-search-bar .2s ease-in; animation:admin-close-search-bar .2s ease-in } @-webkit-keyframes admin-close-search-bar{ 0%{ max-width:300px } 100%{ max-width:40px } } @keyframes admin-close-search-bar{ 0%{ max-width:300px } 100%{ max-width:40px } } .cb-admin_top-bar_search-bar input{ display:none; margin:0 10px; width:auto } .cb-admin_top-bar_search-bar .fa{ font-size:20px } .cb-admin_top-bar_search-bar.o-open{ max-width:300px; -webkit-animation:admin-open-search-bar .2s ease-in; -moz-animation:admin-open-search-bar .2s ease-in; -ms-animation:admin-open-search-bar .2s ease-in; animation:admin-open-search-bar .2s ease-in } @-webkit-keyframes admin-open-search-bar{ 0%{ max-width:40px } 100%{ max-width:300px } } @keyframes admin-open-search-bar{ 0%{ max-width:40px } 100%{ max-width:300px } } .cb-admin_top-bar_search-bar.o-open input{ display:inline-block } .cb-admin_card{ height:150px; position:relative; text-align:center; -webkit-perspective:800px; perspective:800px; z-index:0; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .cb-admin_card .fa{ font-size:40px } .cb-admin_card:hover{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .cb-admin_card:hover .cb-admin_card_face-wrap{ -o-transform:rotateY(10deg); -webkit-transform:rotateY(10deg); -moz-transform:rotateY(10deg); -ms-transform:rotateY(10deg); transform:rotateY(10deg) } .cb-admin_card_face-wrap{ width:100%; height:100%; position:absolute; top:0; left:0; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:-webkit-transform .2s ease-out; -moz-transition:transform .2s ease-out; -ms-transition:transform .2s ease-out; -o-transition:transform .2s ease-out; transition:transform .2s ease-out; z-index:1; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); border-color:inherit } .cb-admin_card_login{ box-flex:0 0 auto; -webkit-box-flex:0 0 auto; -moz-box-flex:0 0 auto; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; font-size:28px; font-size:2.8rem; pointer-events:none } .cb-admin_card_face{ position:absolute; top:0; right:0; bottom:0; left:0; padding:5px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } .cb-admin_card_face.t-front{ z-index:1; background-color:#fff; border-top:10px solid; border-color:inherit } .cb-admin_card_face.t-back{ -o-transform:translate3d(0,0,0) rotateY(180deg); -webkit-transform:translate3d(0,0,0) rotateY(180deg); -moz-transform:translate3d(0,0,0) rotateY(180deg); -ms-transform:translate3d(0,0,0) rotateY(180deg); transform:translate3d(0,0,0) rotateY(180deg); background-color:#eee; z-index:-1 } .cb-admin_card_face.t-back.o-deleting{ font-size:16px; font-size:1.6rem; padding-bottom:60px } .cb-admin_card_name{ font-size:14px; font-size:1.4rem; pointer-events:none } .cb-admin_card_button-wrap{ width:100%; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-around; -moz-justify-content:space-around; -ms-justify-content:space-around; justify-content:space-around } .cb-admin_card_button{ height:40px } .cb-admin_card.o-flipped{ z-index:2 } .cb-admin_card.o-flipped .cb-admin_card_face-wrap{ z-index:2; -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg) } .cb-admin_card.o-flipped .cb-admin_card_face.t-front{ display:none } .cb-admin_card.o-flipped .cb-admin_card_face.t-back{ z-index:1 } html.ie .cb-admin_card.o-flipped .cb-admin_card_face{ backface-visibility:visible } html.ie .cb-admin_card.o-flipped .cb-admin_card_face.t-front{ display:none; backface-visibility:visible } html.ie .cb-admin_card.o-flipped .cb-admin_card_face.t-back{ backface-visibility:visible; -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg) } .cb-admin_card.t-add-new .cb-glyph{ height:60px; width:60px } .cb-admin-textarea{ font-size:15px; font-size:1.5rem; border-radius:5px; width:100%; padding:5px } .cb-admin-user-account-services-table{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .cb-admin-user-account-services-table_row{ box-flex:1 0 50px; -webkit-box-flex:1 0 50px; -moz-box-flex:1 0 50px; -webkit-flex:1 0 50px; -ms-flex:1 0 50px; flex:1 0 50px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:50px; -moz-flex-basis:50px; -ms-flex-basis:50px; -ms-flex-preferred-size:50px; flex-basis:50px; min-width:50px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; background-color:rgba(255,255,255,.4) } .cb-admin-user-account-services-table_row:nth-child(2n){ background-color:rgba(255,255,255,.7) } .cb-admin-user-account-services-table_cell{ box-flex:1 0 auto; -webkit-box-flex:1 0 auto; -moz-box-flex:1 0 auto; -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; text-align:center; width:80px; padding:2px } .cb-admin-user-account-services-table_cell_content{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; margin:1px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center } .cb-admin-user-account-services-table_cell.t-account{ -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:start; -moz-justify-content:start; -ms-justify-content:start; justify-content:start; background-color:rgba(255,255,255,0) } .cb-admin-user-account-services-table_cell.t-review{ font-size:24px; font-size:2.4rem; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-admin-user-account-services-table.o-hovering .cb-admin-user-account-services-table_row:last-child .cb-admin-user-account-services-table_cell.t-selected{ border-bottom:1px solid #3b99fc } .cb-admin-user-account-services-table.o-hovering .cb-admin-user-account-services-table_cell.t-highlighted{ border:1px solid #3b99fc } .cb-admin-user-account-services-table.o-hovering .cb-admin-user-account-services-table_cell.t-highlighted.t-column{ border-top:none; border-bottom:none } .cb-admin-user-account-services-table.o-hovering .cb-admin-user-account-services-table_cell.t-highlighted.t-row{ border-left:none; border-right:none } .cb-admin-user-account-services-table.o-hovering .cb-admin-user-account-services-table_cell.t-highlighted.t-selected{ border:none } .cb-admin-user-account-services-table.o-hovering .cb-admin-user-account-services-table_cell.t-highlighted.t-selected:last-child{ border-right:1px solid #3b99fc } .cb-admin-user-account-services-table.o-hovering .cb-admin-user-account-services-table_cell.t-highlighted.t-account{ border-left:none; border-right:none; font-size:14px; font-size:1.4rem; color:#000; font-weight:bolder } .cb-admin-user-account-services-table.o-hovering .cb-admin-user-account-services-table_cell.t-highlighted.t-service{ font-size:14px; font-size:1.4rem; color:#000; font-weight:bolder } .cb-data-table{ color:#000 } .cb-data-table_header{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; padding:0 10px 0 5px; height:40px; border-bottom:1px solid #fff } .cb-data-table_header_item.t-search{ box-flex:1 1 300px; -webkit-box-flex:1 1 300px; -moz-box-flex:1 1 300px; -webkit-flex:1 1 300px; -ms-flex:1 1 300px; flex:1 1 300px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:300px; -moz-flex-basis:300px; -ms-flex-basis:300px; -ms-flex-preferred-size:300px; flex-basis:300px; min-width:300px; max-width:300px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; padding:0 10px; background-color:#fff } .cb-data-table_header_item.t-search>input{ margin-left:5px; box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; border:none; padding:5px } .cb-data-table_header_item.t-search .cb-glyph{ height:1rem; width:1rem } .cb-data-table_header_item.t-filter{ cursor:pointer; font-size:20px } .cb-data-table_header_item.t-filter svg{ height:20px; width:20px } .cb-data-table_header_item.t-filter path{ fill:#fff } .cb-data-table_header_item.t-padding{ padding-right:10px } .cb-data-table_header_item_text{ display:none } .cb-data-table_header_item_icon-wrap{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; box-flex:1 0 auto; -webkit-box-flex:1 0 auto; -moz-box-flex:1 0 auto; -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; -webkit-box-pack:end; -ms-flex-pack:end; -webkit-justify-content:flex-end; -moz-justify-content:flex-end; -ms-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; margin-right:10px } .cb-data-table_header_cell{ height:35px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; font-size:12px; font-size:1.2rem; background-color:transparent } .cb-data-table_header_cell.t-right{ -webkit-box-pack:end; -ms-flex-pack:end; -webkit-justify-content:flex-end; -moz-justify-content:flex-end; -ms-justify-content:flex-end; justify-content:flex-end; margin-right:12px } .cb-data-table_row-wrap{ background-color:transparent } .cb-data-table_row-wrap.t-highlighted .cb-data-table_row{ background-color:rgba(0,0,0,.2) } .cb-data-table_row{ height:52px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; margin:-8px; padding:8px } .cb-data-table_row.t-header{ height:35px; padding:12px 8px } .cb-data-table_row.t-drawer{ height:80px; margin-top:8px; margin-left:-8px; margin-bottom:0; margin-right:-8px; padding:28px 8px 10px 8px } .cb-data-table_row.t-close{ height:8px; padding-top:8px; padding-bottom:8px; margin:0 -8px -8px -8px; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center } .cb-data-table .public_fixedDataTableRow_main.public_fixedDataTable_header{ border:none } .cb-data-table_inner-cell{ padding:0 10px } .cb-data-table_inner-cell.t-description{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0 } .cb-data-table_inner-cell.t-details{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; padding-left:52px } .cb-data-table_inner-cell.t-date{ box-flex:0 0 100px; -webkit-box-flex:0 0 100px; -moz-box-flex:0 0 100px; -webkit-flex:0 0 100px; -ms-flex:0 0 100px; flex:0 0 100px; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:100px; -moz-flex-basis:100px; -ms-flex-basis:100px; -ms-flex-preferred-size:100px; flex-basis:100px; min-width:100px } .cb-data-table_inner-cell.t-amount-balance{ text-align:right } .cb-data-table_inner-cell.t-amount{ text-align:right; box-flex:0 0 100px; -webkit-box-flex:0 0 100px; -moz-box-flex:0 0 100px; -webkit-flex:0 0 100px; -ms-flex:0 0 100px; flex:0 0 100px; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:100px; -moz-flex-basis:100px; -ms-flex-basis:100px; -ms-flex-preferred-size:100px; flex-basis:100px; min-width:100px } .cb-data-table_inner-cell.t-balance{ text-align:right; box-flex:0 0 100px; -webkit-box-flex:0 0 100px; -moz-box-flex:0 0 100px; -webkit-flex:0 0 100px; -ms-flex:0 0 100px; flex:0 0 100px; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:100px; -moz-flex-basis:100px; -ms-flex-basis:100px; -ms-flex-preferred-size:100px; flex-basis:100px; min-width:100px; padding-right:15px } .cb-data-table_inner-cell.t-mark-attended{ width:60px } .cb-data-table_inner-cell_item label{ display:inline-block; min-width:8em; font-weight:700 } .cb-data-table_cell{ border:none; background-color:transparent!important } .cb-data-table_cell.t-loading{ position:relative } .cb-data-table_cell.t-amount{ font-size:14px; font-size:1.4rem } .cb-data-table_cell.t-balance{ font-size:14px; font-size:1.4rem } .cb-data-table_cell.t-right{ text-align:right } .cb-data-table_cell-inner.t-right{ margin-right:12px } .public_fixedDataTable_main{ border-width:0 } .cb-future-cash{ height:100% } .cb-future-cash_options{ position:absolute; top:10px; right:5px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex } .cb-future-cash_options_controls i{ height:1em; width:1em } .cb-future-cash_options_filter{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-future-cash_options_filter label{ margin-left:5px } .cb-future-cash_day{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; cursor:pointer; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .cb-future-cash_day_date{ text-align:center; font-size:medium; padding:3px 0 3px 0 } .cb-future-cash_day_balance{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; font-size:115%; vertical-align:bottom; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-around; -moz-justify-content:space-around; -ms-justify-content:space-around; justify-content:space-around; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-future-cash_day_features{ width:100%; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; box-flex:0 0 0; -webkit-box-flex:0 0 0; -moz-box-flex:0 0 0; -webkit-flex:0 0 0px; -ms-flex:0 0 0px; flex:0 0 0px; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center } .cb-future-cash_day_dot{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; height:1em; width:1em; margin:0 1px } .cb-future-cash_day_dot.t-transfers{ background-color:red } .cb-future-cash_day_dot.t-bill-pay{ background-color:#00f } .cb-future-cash_day_dot.t-paychecks{ background-color:green } .cb-future-cash_day_dot.t-plus-pay{ background-color:orange } .cb-explorer{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .cb-explorer_logo-bar{ box-flex:0 0 45px; -webkit-box-flex:0 0 45px; -moz-box-flex:0 0 45px; -webkit-flex:0 0 45px; -ms-flex:0 0 45px; flex:0 0 45px; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:45px; -moz-flex-basis:45px; -ms-flex-basis:45px; -ms-flex-preferred-size:45px; flex-basis:45px; min-width:45px; height:45px; padding:5px; text-align:right; background-color:rgba(0,0,0,.25) } .cb-explorer_logo-bar_logo{ height:100% } .cb-explorer_content{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; position:relative } .cb-explorer_content_inner{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; padding:15px 15px 100px 15px } .cb-explorer_content_image{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; margin:15px; background-position:center; background-size:cover; border:10px solid #fff; -webkit-box-shadow:0 8px 8px 1px rgba(0,0,0,.5); -moz-box-shadow:0 8px 8px 1px rgba(0,0,0,.5); box-shadow:0 8px 8px 1px rgba(0,0,0,.5) } .cb-explorer_content_text-block{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; margin:15px; padding:15px; border:1px solid #999; background-color:#eee; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; font-size:16px; font-size:1.6rem; overflow:auto; -webkit-overflow-scrolling:touch } .cb-explorer_content_button-block{ position:absolute; bottom:0; right:0; left:0; height:100px; padding:30px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-box-pack:end; -ms-flex-pack:end; -webkit-justify-content:flex-end; -moz-justify-content:flex-end; -ms-justify-content:flex-end; justify-content:flex-end } .cb-explorer_content_button{ padding:10px 30px; border:5px outset #999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; font-size:12px; font-size:1.2rem; background-color:#eee } .cb-explorer_item-wrap{ position:absolute; top:10px; right:10px; bottom:10px; left:10px } .cb-explorer_item{ position:absolute; margin:10px; background-color:#000; background-size:cover; background-position:center } .cb-explorer_item.t-explorer-1{ top:0; right:220px; bottom:calc(100% - 220px); left:0 } .cb-explorer_item.t-explorer-2{ top:0; right:0; bottom:220px; left:calc(100% - 220px) } .cb-explorer_item.t-explorer-3{ top:220px; right:calc(100% - 220px); bottom:0; left:0 } .cb-explorer_item.t-explorer-4{ top:220px; right:220px; bottom:220px; left:220px } .cb-explorer_item.t-explorer-5{ top:calc(100% - 220px); right:0; bottom:0; left:220px } .l-explorer .cb-landing-navigation-bar{ box-flex:0 0 45px; -webkit-box-flex:0 0 45px; -moz-box-flex:0 0 45px; -webkit-flex:0 0 45px; -ms-flex:0 0 45px; flex:0 0 45px; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:45px; -moz-flex-basis:45px; -ms-flex-basis:45px; -ms-flex-preferred-size:45px; flex-basis:45px; min-width:45px; height:45px; padding:5px; background-color:#8b330d } @media only screen and (max-width:480px),only screen and (max-width:640px) and (max-height:640px){ .webview-form-container{ height:calc(100% - 60px) } } .cb-payment-calendar{ box-flex:0 0 auto; -webkit-box-flex:0 0 auto; -moz-box-flex:0 0 auto; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; padding:10px 40px 10px 40px } .cb-payment-calendar_header{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; padding:10px 5px; font-size:20px } .cb-payment-calendar_header_main{ flex-grow:1; text-align:center } .cb-payment-calendar_header_main span{ padding:0 5px; cursor:pointer } .cb-payment-calendar_header_main.t-previous-month{ padding:0 80px } .cb-payment-calendar_header_main.t-next-month{ padding:0 80px } .cb-payment-calendar_month{ box-flex:0 0 auto; -webkit-box-flex:0 0 auto; -moz-box-flex:0 0 auto; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; height:50% } .cb-payment-calendar_month div.cb-payment-calendar_week:nth-child(1){ margin-top:15px } .cb-payment-calendar_month div.cb-payment-calendar_week:nth-child(2){ margin-top:15px } .cb-payment-calendar_week{ box-flex:0 0 auto; -webkit-box-flex:0 0 auto; -moz-box-flex:0 0 auto; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; min-width:auto; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:horizontal; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; margin-top:20px; min-height:30px } .cb-payment-calendar_week.t-headings{ box-flex:.2; -webkit-box-flex:.2; -moz-box-flex:.2; -webkit-flex:.2; -ms-flex:.2; flex:.2; min-height:35px } .cb-payment-calendar_day{ box-flex:0 0 30px; -webkit-box-flex:0 0 30px; -moz-box-flex:0 0 30px; -webkit-flex:0 0 30px; -ms-flex:0 0 30px; flex:0 0 30px; -ms-flex-positive:0; flex-grow:0; -ms-flex-negative:0; flex-shrink:0; -webkit-flex-basis:30px; -moz-flex-basis:30px; -ms-flex-basis:30px; -ms-flex-preferred-size:30px; flex-basis:30px; min-width:30px; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box } .cb-payment-calendar_day.t-out-of-month{ visibility:hidden } .cb-payment-calendar_day.t-valid{ cursor:pointer } .cb-widget_no-widgets-label{ position:relative; padding:25px 0; border-bottom:1px solid rgba(88,88,88,.2) } .cb-widget_card{ margin:6px 12px; width:296px; box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24) } .cb-landing{ position:absolute; height:100%; width:100%; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; background-size:cover; left:0; transition:left .5s } .cb-landing.o-sidebar-open{ transition:left .5s; left:300px } .cb-landing-content{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; width:100%; position:relative; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex } .cb-landing-content_item.o-1{ -webkit-box-ordinal-group:1; -moz-box-ordinal-group:1; -ms-flex-order:1; -webkit-order:1; order:1 } .cb-landing-content_item.o-2{ -webkit-box-ordinal-group:2; -moz-box-ordinal-group:2; -ms-flex-order:2; -webkit-order:2; order:2 } .cb-landing-content_item.o-3{ -webkit-box-ordinal-group:3; -moz-box-ordinal-group:3; -ms-flex-order:3; -webkit-order:3; order:3 } .cb-landing-content_item.o-4{ -webkit-box-ordinal-group:4; -moz-box-ordinal-group:4; -ms-flex-order:4; -webkit-order:4; order:4 } .cb-landing-content_item.o-hide{ display:none } .cb-landing-content.o-four-corners{ -webkit-box-orient:horizontal; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-box-align:stretch; -ms-flex-align:stretch; -webkit-box-orient:stretch; -webkit-align-items:stretch; -moz-align-items:stretch; -ms-align-items:stretch; align-items:stretch; -webkit-align-content:stretch; -moz-align-content:stretch; -ms-align-content:stretch; align-content:stretch } .cb-landing-content.o-four-corners .cb-landing-content_item{ box-flex:1 1 394px; -webkit-box-flex:1 1 394px; -moz-box-flex:1 1 394px; -webkit-flex:1 1 394px; -ms-flex:1 1 394px; flex:1 1 394px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:394px; -moz-flex-basis:394px; -ms-flex-basis:394px; -ms-flex-preferred-size:394px; flex-basis:394px; min-width:394px } .cb-landing-content.o-four-tall{ -webkit-box-orient:vertical; -webkit-flex-direction:column; -moz-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-flex-wrap:no-wrap; -moz-flex-wrap:no-wrap; -ms-flex-wrap:no-wrap; flex-wrap:no-wrap; -webkit-flex-flow:row no-wrap; -moz-flex-flow:row no-wrap; -ms-flex-flow:row no-wrap; flex-flow:row no-wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-around; -moz-justify-content:space-around; -ms-justify-content:space-around; justify-content:space-around; -webkit-box-align:stretch; -ms-flex-align:stretch; -webkit-box-orient:stretch; -webkit-align-items:stretch; -moz-align-items:stretch; -ms-align-items:stretch; align-items:stretch; -webkit-align-content:flex-start; -moz-align-content:flex-start; -ms-align-content:flex-start; align-content:flex-start } .cb-landing-content.o-four-tall .cb-landing-content_item{ width:100% } .cb-landing-content.o-one-one-two{ -webkit-box-orient:horizontal; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-box-align:stretch; -ms-flex-align:stretch; -webkit-box-orient:stretch; -webkit-align-items:stretch; -moz-align-items:stretch; -ms-align-items:stretch; align-items:stretch; -webkit-align-content:stretch; -moz-align-content:stretch; -ms-align-content:stretch; align-content:stretch } .cb-landing-content.o-one-one-two .cb-landing-content_item.o-1{ box-flex:1 1 100%; -webkit-box-flex:1 1 100%; -moz-box-flex:1 1 100%; -webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:100%; -moz-flex-basis:100%; -ms-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; min-width:100% } .cb-landing-content.o-one-one-two .cb-landing-content_item.o-2{ box-flex:1 1 100%; -webkit-box-flex:1 1 100%; -moz-box-flex:1 1 100%; -webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:100%; -moz-flex-basis:100%; -ms-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; min-width:100% } .cb-landing-content.o-one-one-two .cb-landing-content_item.o-3{ box-flex:1 1 384px; -webkit-box-flex:1 1 384px; -moz-box-flex:1 1 384px; -webkit-flex:1 1 384px; -ms-flex:1 1 384px; flex:1 1 384px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:384px; -moz-flex-basis:384px; -ms-flex-basis:384px; -ms-flex-preferred-size:384px; flex-basis:384px; min-width:384px } .cb-landing-content.o-one-one-two .cb-landing-content_item.o-4{ box-flex:1 1 384px; -webkit-box-flex:1 1 384px; -moz-box-flex:1 1 384px; -webkit-flex:1 1 384px; -ms-flex:1 1 384px; flex:1 1 384px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:384px; -moz-flex-basis:384px; -ms-flex-basis:384px; -ms-flex-preferred-size:384px; flex-basis:384px; min-width:384px } .cb-landing-content.o-one-two-one{ -webkit-box-orient:horizontal; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-box-align:stretch; -ms-flex-align:stretch; -webkit-box-orient:stretch; -webkit-align-items:stretch; -moz-align-items:stretch; -ms-align-items:stretch; align-items:stretch; -webkit-align-content:stretch; -moz-align-content:stretch; -ms-align-content:stretch; align-content:stretch } .cb-landing-content.o-one-two-one .cb-landing-content_item.o-1{ box-flex:1 1 100%; -webkit-box-flex:1 1 100%; -moz-box-flex:1 1 100%; -webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:100%; -moz-flex-basis:100%; -ms-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; min-width:100% } .cb-landing-content.o-one-two-one .cb-landing-content_item.o-2{ box-flex:1 1 384px; -webkit-box-flex:1 1 384px; -moz-box-flex:1 1 384px; -webkit-flex:1 1 384px; -ms-flex:1 1 384px; flex:1 1 384px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:384px; -moz-flex-basis:384px; -ms-flex-basis:384px; -ms-flex-preferred-size:384px; flex-basis:384px; min-width:384px } .cb-landing-content.o-one-two-one .cb-landing-content_item.o-3{ box-flex:1 1 384px; -webkit-box-flex:1 1 384px; -moz-box-flex:1 1 384px; -webkit-flex:1 1 384px; -ms-flex:1 1 384px; flex:1 1 384px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:384px; -moz-flex-basis:384px; -ms-flex-basis:384px; -ms-flex-preferred-size:384px; flex-basis:384px; min-width:384px } .cb-landing-content.o-one-two-one .cb-landing-content_item.o-4{ box-flex:1 1 100%; -webkit-box-flex:1 1 100%; -moz-box-flex:1 1 100%; -webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:100%; -moz-flex-basis:100%; -ms-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; min-width:100% } .cb-landing-content.o-two-one-one{ -webkit-box-orient:horizontal; -webkit-flex-direction:row; -moz-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-flex-flow:row wrap; -moz-flex-flow:row wrap; -ms-flex-flow:row wrap; flex-flow:row wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between; justify-content:space-between; -webkit-box-align:stretch; -ms-flex-align:stretch; -webkit-box-orient:stretch; -webkit-align-items:stretch; -moz-align-items:stretch; -ms-align-items:stretch; align-items:stretch; -webkit-align-content:stretch; -moz-align-content:stretch; -ms-align-content:stretch; align-content:stretch } .cb-landing-content.o-two-one-one .cb-landing-content_item.o-1{ box-flex:1 1 384px; -webkit-box-flex:1 1 384px; -moz-box-flex:1 1 384px; -webkit-flex:1 1 384px; -ms-flex:1 1 384px; flex:1 1 384px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:384px; -moz-flex-basis:384px; -ms-flex-basis:384px; -ms-flex-preferred-size:384px; flex-basis:384px; min-width:384px } .cb-landing-content.o-two-one-one .cb-landing-content_item.o-2{ box-flex:1 1 384px; -webkit-box-flex:1 1 384px; -moz-box-flex:1 1 384px; -webkit-flex:1 1 384px; -ms-flex:1 1 384px; flex:1 1 384px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:384px; -moz-flex-basis:384px; -ms-flex-basis:384px; -ms-flex-preferred-size:384px; flex-basis:384px; min-width:384px } .cb-landing-content.o-two-one-one .cb-landing-content_item.o-3{ box-flex:1 1 100%; -webkit-box-flex:1 1 100%; -moz-box-flex:1 1 100%; -webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:100%; -moz-flex-basis:100%; -ms-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; min-width:100% } .cb-landing-content.o-two-one-one .cb-landing-content_item.o-4{ box-flex:1 1 100%; -webkit-box-flex:1 1 100%; -moz-box-flex:1 1 100%; -webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:100%; -moz-flex-basis:100%; -ms-flex-basis:100%; -ms-flex-preferred-size:100%; flex-basis:100%; min-width:100% } @media only screen and (orientation:landscape) and (max-width:640px){ .cb-landing-content{ display:none } } .cb-enforcer{ display:none; position:fixed; top:0; left:0; bottom:0; right:0; background:#555; z-index:99; font-size:20px; font-size:2rem } .cb-enforcer_icon{ display:block; margin:10px auto; height:4rem } .cb-enforcer_wrap{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .cb-enforcer_text{ display:block; width:100%; max-width:300px; text-align:center } @media screen and (orientation:landscape) and (max-width:639px){ .cb-enforcer.o-orientation{ display:block } } @media only screen and (max-width:319px) and (max-height:479px){ .cb-enforcer.o-size{ display:block } } .cb-landing-navigation-bar{ text-align:center; position:relative } .cb-landing-navigation-bar_logo{ width:auto; height:100%; margin:0 auto } .cb-regulatory-footer{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; margin:0 auto; position:fixed; width:100%; bottom:0 } .cb-regulatory-footer_item{ width:33.333%; box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-regulatory-footer_item:nth-child(1)>img{ padding-right:20px } .cb-regulatory-footer_item a{ color:inherit } .cb-regulatory-footer_item:nth-child(2){ text-align:center; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center } .cb-regulatory-footer_item:nth-child(2)>img{ padding-right:20px } .cb-regulatory-footer_item:last-child{ text-align:right; -webkit-box-pack:end; -ms-flex-pack:end; -webkit-justify-content:flex-end; -moz-justify-content:flex-end; -ms-justify-content:flex-end; justify-content:flex-end } .cb-regulatory-footer_item:last-child>img{ padding-left:20px } .cb-main-options-menu_wrap{ display:box; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex } .cb-main-options-menu_button{ z-index:1 } .cb-landing-banner_wrap{ width:100%; height:100%; position:relative } .cb-landing-banner_banner{ display:block; margin:0 auto; width:100%; min-width:300px } .cb-landing-banner_bannerMessage{ display:block; margin:0 auto; height:100%; min-width:300px } .cb-onboard-landing{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; text-align:center; padding:10px; background:rgba(255,255,255,.2) } .cb-onboard-landing_top{ padding-top:30px; padding-bottom:30px } .cb-onboard-landing_middle{ padding-bottom:30px } .cb-onboard-landing_bottom{ padding-bottom:30px } .cb-onboard-landing_steps{ width:240px; margin:0 auto; padding-top:20px } .cb-onboard-landing_step{ height:50px; width:50px; margin:0 auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; position:relative } .cb-onboard-landing_step>span{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); color:#000; font-size:30px; font-size:3rem } .cb-onboard-landing_step-wrap{ width:33.33333333%; display:inline-block } .cb-onboard-landing_logo{ height:60px; padding:5px; margin-top:15px } .cb-login-form{ box-flex:1 1 0; -webkit-box-flex:1 1 0; -moz-box-flex:1 1 0; -webkit-flex:1 1 0px; -ms-flex:1 1 0px; flex:1 1 0px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:0px; -moz-flex-basis:0; -ms-flex-basis:0; -ms-flex-preferred-size:0; flex-basis:0px; min-width:0; display:none; height:100%; position:relative; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-box-orient:center; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center } .cb-login-form_wrap{ position:relative; width:100%; max-width:400px; min-height:250px; padding:5px; color:#000!important; padding-bottom:60px } @media only screen and (max-width:414px){ .cb-login-form_wrap{ position:static } } .css-1pahdxq-control:hover { border-color: rgb(38, 132, 255); } .css-1pahdxq-control { -webkit-box-align: center; align-items: center; background-color: rgb(255, 255, 255); border-color: rgb(38, 132, 255); border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: rgb(38, 132, 255) 0px 0px 0px 1px; cursor: default; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; min-height: 38px; position: relative; transition: all 100ms ease 0s; box-sizing: border-box; outline: 0px !important; } .css-26l3qy-menu { background-color: white; box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12); padding: 1rem; } .css-26l3qy-menu.active { display: block; } .css-1hwfws3 { -webkit-box-align: center; align-items: center; display: flex; flex: 1 1 0%; flex-wrap: wrap; padding: 2px 8px; position: relative; overflow: hidden; box-sizing: border-box; } .css-1wy0on6 { -webkit-box-align: center; align-items: center; align-self: stretch; display: flex; flex-shrink: 0; box-sizing: border-box; } .css-19bqh2r { display: inline-block; fill: currentcolor; line-height: 1; stroke: currentcolor; stroke-width: 0; } .css-1gtu0rj-indicatorContainer:hover { color: rgb(51, 51, 51); } .css-1gtu0rj-indicatorContainer { color: rgb(102, 102, 102); display: flex; padding: 8px; transition: color 150ms ease 0s; box-sizing: border-box; } .css-tlfecz-indicatorContainer { color: rgb(204, 204, 204); display: flex; padding: 8px; transition: color 150ms ease 0s; box-sizing: border-box; } .css-1okebmr-indicatorSeparator { align-self: stretch; background-color: rgb(204, 204, 204); margin-bottom: 8px; margin-top: 8px; width: 1px; box-sizing: border-box; } .css-yk16xz-control { -webkit-box-align: center; align-items: center; background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); border-radius: 4px; border-style: solid; border-width: 1px; cursor: default; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; min-height: 38px; position: relative; transition: all 100ms ease 0s; box-sizing: border-box; outline: 0px !important; } .inherit-styles-from-content{ font-family:inherit; background-color:transparent; color:inherit; border:inherit } .Select-control{ font-family:inherit; background-color:transparent; color:inherit; border:inherit } .Select-input>input{ color:inherit } .Select-placeholder{ padding-left:0 } :not(.Select--multi)>.Select-control .Select-value{ font-family:inherit; background-color:transparent; color:inherit; border:inherit; padding-left:0 } .is-open>.Select-control{ font-family:inherit; background-color:transparent; color:inherit; border:inherit } .datepicker__input{ font-family:inherit; background-color:transparent; color:inherit; border:inherit } .cb-fun-form_wrapper .cb-date-select-form_row .t-date-input .Select-menu{ max-height:175px; padding-bottom:120px } .Select-placeholder,:not(.Select--multi)>.Select-control .Select-value{ color:#2c2c2c } .select-on-top .Select-menu-outer{ top:auto; bottom:100% } .hide-confirm-button button{ display:none } .react-datepicker,.react-datepicker__current-month{ font-size:10px }