/* General */ input, textarea { font-family: "proxima-nova",sans-serif; font-style: normal; } body, select, button { font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 400; } .light { font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 100; } .grey { color: #777; } .opacity10 {opacity: 0.1;} .opacity20 {opacity: 0.2;} .opacity30 {opacity: 0.3;} .opacity40 {opacity: 0.4;} .opacity50 {opacity: 0.5;} .opacity60 {opacity: 0.6;} .opacity70 {opacity: 0.7;} .opacity80 {opacity: 0.8;} .opacity90 {opacity: 0.9;} .plain-link {text-decoration: none; color: #333333;} a:active { outline: none;} .hairline-above { margin: 10px 0 0 0; border-top: 1px solid #bbbbbb; } .label, .badge {font-weight:normal;} label.required:after, td.required:after { content:"*"; color:red; font-family: "Verdana"; font-size: 17px; } /*.row-fluid .span9.nopad { width: 76.597%%; margin-left: 0; }*/ /* Tables */ .table tbody tr { background: #fff; -webkit-transition:background-color 0.3s linear; transition:background-color 0.3s linear; } /* Global hover state for rows */ .table tbody tr:not(.nohover):hover, .accordion.subscription ul.invoice-list li a:hover { background: #f2f5f5; -webkit-transition:background-color 0.3s linear; transition:background-color 0.3s linear; cursor: pointer; } /* Global No Hover State */ .table.nohover tbody tr:hover { background: #fff; -webkit-transition:background-color 0.3s linear; transition:background-color 0.3s linear; cursor: pointer; } /* Settings */ div.control_button_container { margin-bottom: 10px; vertical-align: middle; } div.control_button_container div.settings { text-align: right; } div.control_button_container div.settings div.popover-content { padding: 0 !important; } /* Faux Menus */ ul.faux-menu li { cursor: pointer; margin: 10px 15px !important; } /* Form Elements */ input.small, select.small { width: 50px !important; } input.list_checkbox { margin: 0px 0px 3px 0px !important; } input.list_checkbox_s { margin: 0px 0px 3px 0px !important; } input#name { width: 303px; } input#card_number { width: 303px; } /* Modals */ div.modal ul { list-style-type: none !important; margin: 0px; padding: 0px; } div.modal-body ul li { margin: 10px 0; } div.modal ul.drowpdown-menu li { margin: 0px 0; } div.modal ul li label { display: inline-block; margin: 0px; } div.modal ul li input { display: inline-block; margin: 0px; } div.modal .flag.inactive { opacity: 0.5;} div.modal .flag.active { background-image: url("../images/glyphicons-halflings-green.png")} /* Export Settings Modal */ div#export_settings div.modal-footer { text-align: center; } /* Manage Columns Settings Modal */ div#manage_columns_settings ul.connectedSortable { float: left; min-height: 200px; min-width: 200px; } div#manage_columns_settings ul.connectedSortable li { background-color: #fff; border: 1px solid #000; cursor: pointer; margin: 0 !important; padding: 5px; } /* Bulk actions */ div#customers_item_actions, div#invoices_item_actions, div#onetime_item_actions, div#item_actions { display: none; /* hide on load */ background: #e3d1ee; border-radius: 4px 4px 0 0; padding: 5px; } div#customers_item_actions .btn-primary, div#invoices_item_actions .btn-primary, div#onetime_item_actions .btn-primary, div#item_actions .btn-primary { background-color: #5600ae; background-image: none; background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } div#customers_item_actions .btn-primary:hover, div#invoices_item_actions .btn-primary:hover, div#onetime_item_actions .btn-primary:hover, div#item_actions .btn-primary:hover { background-color: #6e44ce; background-image: none; background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } div.section_buttons { margin-bottom: 10px; text-align: right; } .cc_status, .sub_status { display: inline-block; width: 10px; height: 10px; background: url('../images/icn_status.png'); } .cc_status.inactive, .sub_status.inactive { background-position: 0 -11px; } .sub_status { margin: 0 10px 0 0px; } /* Login Box */ div#login_box { border-radius: 5px; margin: 0 auto; padding: 20px; width: 260px; box-shadow: 0 0 5px rgba(200, 200, 200, 1); -webkit-box-shadow: 0 0 5px rgba(200, 200, 200, 1); -moz-box-shadow: 0 0 5px rgba(200, 200, 200, 1); } /* Navigation */ /* Level 1 */ .navbar-inverse .navbar-inner { background: #4790d2; /* Old browsers */ background: -moz-linear-gradient(top, #5999d1 0%, #3f85c1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5999d1), color-stop(100%,#3f85c1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5999d1 0%,#3f85c1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5999d1 0%,#3f85c1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5999d1 0%,#3f85c1 100%); /* IE10+ */ background: linear-gradient(to bottom, #5999d1 0%,#3f85c1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5999d1', endColorstr='#3f85c1',GradientType=0 ); /* IE6-9 */ border: none; border-radius: 0; box-shadow: none; } .navbar-inverse .level_one .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .level_one .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .level_one .nav li.dropdown.open.active > .dropdown-toggle { background-color: #59a1e3; color: #FFFFFF; font-family: 'proxima-nova', sans-serif; } /* .navbar-inverse .brand { background: url("../images/psigate_logo1.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 24px; margin: 17px 0; padding: 6px 0 6px 62px; text-shadow: none; font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 600; opacity: 0.9; transition: opacity .35s ease-in-out; -moz-transition: opacity .35s ease-in-out; -webkit-transition: opacity .35s ease-in-out; } */ .navbar-inverse .brand:hover { opacity: 1; } /* arrow colour */ .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-bottom-color: #EFEFEF; border-top-color: #EFEFEF; } /* Level 2 */ .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0; } .navbar-inverse .nav > li > a { color: #efefef; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar .level_two .nav > li > a { color: #b4bfcd; float: none; padding: 12px 0 11px; text-decoration: none; font-size: 16px; margin: 0 25px; text-shadow: none; transition: text-shadow .45s ease-in-out; -moz-transition: text-shadow .45s ease-in-out; -webkit-transition: text-shadow .45s ease-in-out; transition: color .25s ease-in; -moz-transition: color .25s ease-in; -webkit-transition: color .25s ease-in; } .navbar .level_two .nav > li.last > a { } .nav_icon { height: 21px; margin: 0 10px 0 0; opacity: 0.5; float:left; } li.active .nav_icon { opacity: 1; } .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { background-color: #34475F; box-shadow: none; } .navbar .level_two .nav > li.active > a, .navbar .level_two .nav > li > a:hover { color: #fff; text-shadow: 0px 0px 8px #fff; } /* Level 3 */ .navbar.level_three { background-color: #afb5b7; background-image: none; min-height: 20px; filter: none; } .navbar .level_three .nav > li.show { color: #414141; line-height: 30px; margin: 2px 15px 0 0; text-transform: uppercase; } .navbar-inverse .nav > li > a { color: #efefef; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar.level_three .navbar-nav .nav-link { color: #fff; float: none; padding: 4px 12px 3px; text-decoration: none; font-size: 14px; text-transform: uppercase; margin: 5px 0; line-height: 18px; } .level_three .nav-link.active, .level_three .nav-link:active { color: #fff; text-shadow: 1px 1px 2px #234767; border-radius: 5px; background-color: #4790d2; -moz-box-shadow: 1px 1px 4px #234767 inset; -webkit-box-shadow: 1px 1px 4px #234767 inset; box-shadow: 1px 1px 4px #234767 inset; } .navbar .level_three .nav > li.active { } .navbar.level_three button, .navbar.level_three a.btn { padding: 2px 8px ; } .navbar.level_three button i { margin: 0; } .navbar .level_three a.btn.active, .navbar .level_three a.btn:hover { padding: 2px 8px; /*background: none repeat scroll 0 0 #4790D2; border-color: #4790D2; box-shadow: 0 0 3px #86C6FF, 0 0 4px #C8FFFF; color: #FFFFFF; text-shadow: none; background-color: #E6E6E6;*/ } /* Main Content Area */ .container.main { margin-top: 15px; } .filterrow { } /* Filter */ div.transaction_filters_container .popover { top: 143px !important; left: 50% !important; margin-left: -400px; } div.transaction_filters_container .popover .arrow { display: none; } .filter .arrow { display: none; } .filter .popover.bottom { margin-top: 100px; } .filter_container { display: inline; margin: 0 0 8px; width: 250px; } .filter_container li { display: inline; width: 100px; } .filter_container .small{ float: left; padding: 5px 0 0; width: 133px; } .filter .checkbox{ margin: 0 6px 0 0; } div.transaction_filters_container #date_between { padding-top: 10px;} .popover-content .accordion-heading .accordion-toggle { padding: 5px 0; } .popover-content .accordion-group { border: none; border-bottom: 1px solid #E5E5E5; border-radius: 4px 4px 4px 4px; margin-bottom: 2px; } .popover-content .accordion-inner { border-top: none; padding: 9px 15px; } input.input_text { width: 100px; margin-bottom: 0; } /* Taggle Switch */ /* ============================================================ * bootstrapSwitch v1.2 by Larentis Mattia @spiritualGuru * http://www.larentis.eu/switch/ * ============================================================ * Licensed under the Apache License, Version 2.0 * http://www.apache.org/licenses/LICENSE-2.0 * ============================================================ */ .has-switch { background: url("../images/icn_status.png") repeat scroll 0 0 transparent; display: inline-block; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); position: relative; text-align: left; overflow: hidden; line-height: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; min-width: 11px; } .has-switch:hover{ background: none; display: inline-block; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 0px solid; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); position: relative; text-align: left; overflow: hidden; line-height: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; min-width: 100px; } .has-switch span.switch-small, .has-switch label.switch-small { display: none; -webkit-transition: opacity 1s ease-out; opacity: 0; } .has-switch:hover span.switch-small, .has-switch:hover label.switch-small { display: inline-block; opacity: 1; } .has-switch > div:hover { } .has-switch.switch-mini { min-width: 72px; } .has-switch.switch-small { min-width: 10px; height: 10px; } .has-switch.switch-small:hover { min-width: 80px; height: 24px; } .has-switch.switch-large { min-width: 120px; } .has-switch.deactivate { opacity: 0.5; filter: alpha(opacity=50); cursor: default !important; } .has-switch.deactivate label, .has-switch.deactivate span { cursor: default !important; } .has-switch > div { display: inline-block; width: 150%; position: relative; top: 0; } .has-switch > div.switch-animate { -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; } .has-switch > div.switch-off { left: -49%; } .has-switch > div.switch-on { left: 0%; } .has-switch input[type=checkbox] { display: none; } .has-switch span, .has-switch label { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; position: relative; display: inline-block; height: 100%; padding-bottom: 4px; padding-top: 4px; font-size: 14px; line-height: 20px; } .has-switch span.switch-mini, .has-switch label.switch-mini { padding-bottom: 4px; padding-top: 4px; font-size: 10px; line-height: 9px; } .has-switch span.switch-small, .has-switch label.switch-small { padding-bottom: 3px; padding-top: 3px; padding-right: 8px; padding-left: 8px; font-size: 12px; line-height: 18px; } .has-switch span.switch-large, .has-switch label.switch-large { padding-bottom: 9px; padding-top: 9px; font-size: 16px; line-height: normal; } .has-switch label { margin-top: -1px; margin-bottom: -1px; z-index: 100; width: 34%; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .has-switch label:hover, .has-switch label:focus, .has-switch label:active, .has-switch label.active, .has-switch label.disabled, .has-switch label[disabled] { color: #ffffff; background-color: #e6e6e6; *background-color: #d9d9d9; } .has-switch label:active, .has-switch label.active { background-color: #cccccc \9; } .has-switch span { text-align: center; z-index: 1; width: 33%; } .has-switch span.switch-left { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .has-switch span.switch-right { color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f0f0f0; background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff); background-image: -o-linear-gradient(top, #e6e6e6, #ffffff); background-image: linear-gradient(to bottom, #e6e6e6, #ffffff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0); border-color: #ffffff #ffffff #d9d9d9; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #ffffff; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .has-switch span.switch-right:hover, .has-switch span.switch-right:focus, .has-switch span.switch-right:active, .has-switch span.switch-right.active, .has-switch span.switch-right.disabled, .has-switch span.switch-right[disabled] { color: #333333; background-color: #ffffff; *background-color: #f2f2f2; } .has-switch span.switch-right:active, .has-switch span.switch-right.active { background-color: #e6e6e6 \9; } .has-switch span.switch-primary, .has-switch span.switch-left { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #005fcc; background-image: -moz-linear-gradient(top, #0044cc, #0088cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#0088cc)); background-image: -webkit-linear-gradient(top, #0044cc, #0088cc); background-image: -o-linear-gradient(top, #0044cc, #0088cc); background-image: linear-gradient(to bottom, #0044cc, #0088cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc', endColorstr='#ff0088cc', GradientType=0); border-color: #0088cc #0088cc #005580; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0088cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .has-switch span.switch-primary:hover, .has-switch span.switch-left:hover, .has-switch span.switch-primary:focus, .has-switch span.switch-left:focus, .has-switch span.switch-primary:active, .has-switch span.switch-left:active, .has-switch span.switch-primary.active, .has-switch span.switch-left.active, .has-switch span.switch-primary.disabled, .has-switch span.switch-left.disabled, .has-switch span.switch-primary[disabled], .has-switch span.switch-left[disabled] { color: #ffffff; background-color: #0088cc; *background-color: #0077b3; } .has-switch span.switch-primary:active, .has-switch span.switch-left:active, .has-switch span.switch-primary.active, .has-switch span.switch-left.active { background-color: #006699 \9; } .has-switch span.switch-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #41a7c5; background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de)); background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de); background-image: -o-linear-gradient(top, #2f96b4, #5bc0de); background-image: linear-gradient(to bottom, #2f96b4, #5bc0de); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0); border-color: #5bc0de #5bc0de #28a1c5; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #5bc0de; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .has-switch span.switch-info:hover, .has-switch span.switch-info:focus, .has-switch span.switch-info:active, .has-switch span.switch-info.active, .has-switch span.switch-info.disabled, .has-switch span.switch-info[disabled] { color: #ffffff; background-color: #5bc0de; *background-color: #46b8da; } .has-switch span.switch-info:active, .has-switch span.switch-info.active { background-color: #31b0d5 \9; } .has-switch span.switch-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #58b058; background-image: -moz-linear-gradient(top, #83a323, #9dd000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#83a323), to(#9dd000)); background-image: -webkit-linear-gradient(top, #83a323, #9dd000); background-image: -o-linear-gradient(top, #83a323, #9dd000); background-image: linear-gradient(to bottom, #83a323, #9dd000); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff83a323', endColorstr='#ff9dd000', GradientType=0); border-color: #9dd000 #9dd000 #3b9e3b; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #9dd000; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .has-switch span.switch-success:hover, .has-switch span.switch-success:focus, .has-switch span.switch-success:active, .has-switch span.switch-success.active, .has-switch span.switch-success.disabled, .has-switch span.switch-success[disabled] { color: #ffffff; background-color: #9dd000; *background-color: #4fbd4f; } .has-switch span.switch-success:active, .has-switch span.switch-success.active { background-color: #42b142 \9; } .has-switch span.switch-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #f9a123; background-image: -moz-linear-gradient(top, #f89406, #fbb450); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450)); background-image: -webkit-linear-gradient(top, #f89406, #fbb450); background-image: -o-linear-gradient(top, #f89406, #fbb450); background-image: linear-gradient(to bottom, #f89406, #fbb450); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0); border-color: #fbb450 #fbb450 #f89406; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #fbb450; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .has-switch span.switch-warning:hover, .has-switch span.switch-warning:focus, .has-switch span.switch-warning:active, .has-switch span.switch-warning.active, .has-switch span.switch-warning.disabled, .has-switch span.switch-warning[disabled] { color: #ffffff; background-color: #fbb450; *background-color: #faa937; } .has-switch span.switch-warning:active, .has-switch span.switch-warning.active { background-color: #fa9f1e \9; } .has-switch span.switch-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #d14641; background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b)); background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b); background-image: -o-linear-gradient(top, #bd362f, #ee5f5b); background-image: linear-gradient(to bottom, #bd362f, #ee5f5b); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0); border-color: #ee5f5b #ee5f5b #e51d18; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #ee5f5b; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .has-switch span.switch-danger:hover, .has-switch span.switch-danger:focus, .has-switch span.switch-danger:active, .has-switch span.switch-danger.active, .has-switch span.switch-danger.disabled, .has-switch span.switch-danger[disabled] { color: #ffffff; background-color: #ee5f5b; *background-color: #ec4844; } .has-switch span.switch-danger:active, .has-switch span.switch-danger.active { background-color: #e9322d \9; } /* CC Icons */ .icon-debit { background: url(../images/icn_debit.png) no-repeat; padding: 0 0 0 28px; } .icon-visa { background: url(../images/icn_visa.png) no-repeat; padding: 0 0 0 28px; } .icon-gpay { background: url(../images/icn_gpay.png) no-repeat; padding: 0 0 0 28px; } .icon-apay { background: url(../images/icn_apay.png) no-repeat; padding: 0 0 0 28px; } .icon-visa-debit { background: url(../images/icn_visa_debit.png) no-repeat; padding: 0 0 0 28px; } .icon-mc { background: url(../images/icn_mc.png) no-repeat; padding: 0 0 0 28px; } .icon-mc-debit { background: url(../images/icn_mc_debit.png) no-repeat; padding: 0 0 0 28px; } .icon-amex { background: url(../images/icn_amex.png) no-repeat; padding: 0 0 0 28px; } .icon-diners { background: url(../images/icn_diners.png) no-repeat; padding: 0 0 0 28px; } .icon-disc { background: url(../images/icn_discover.png) no-repeat; padding: 0 0 0 28px; } .icon-jcb { background: url(../images/icn_jcb.png) no-repeat; padding: 0 0 0 28px; } .icon-enroute { background: url(../images/icn_enroute.png) no-repeat; padding: 0 0 0 28px; } .icon-unknown { background: url(../images/icn_unknown.png) no-repeat; padding: 0 0 0 28px; } i.icon-debit, i.icon-visa, i.icon-gpay, i.icon-apay, i.icon-visa-debit, i.icon-mc, i.icon-amex, i.icon-diners, i.icon-disc, i.icon-jcb, i.icon-enroute, i.icon-unknown { padding: 0 0 0 14px; } .status-Approved { background-image: url("../images/glyphicons-halflings.png"); background-position: -72px -97px; background-repeat: no-repeat; display: inline-block; height: 14px; line-height: 14px; margin-top: 1px; padding: 0 0 0 16px; vertical-align: text-top; width: 0; } .status-Declined { background-image: url("../images/glyphicons-halflings.png"); background-position: 0 -121px; background-repeat: no-repeat; display: inline-block; height: 14px; line-height: 14px; margin-top: 1px; vertical-align: text-top; width: 0px; padding: 0 0 0 16px; } /* Modal Window */ .modal-backdrop, .modal-backdrop.fade.in { opacity: 1; } .modal-backdrop { background: -moz-radial-gradient(center, ellipse cover, rgba(115,132,137,0.6) 0%, rgba(114,131,136,0.6) 1%, rgba(62,69,79,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(115,132,137,0.6)), color-stop(1%,rgba(114,131,136,0.6)), color-stop(100%,rgba(62,69,79,0.85))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(115,132,137,0.6) 0%,rgba(114,131,136,0.6) 1%,rgba(62,69,79,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(115,132,137,0.6) 0%,rgba(114,131,136,0.6) 1%,rgba(62,69,79,0.85) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(115,132,137,0.6) 0%,rgba(114,131,136,0.6) 1%,rgba(62,69,79,0.85) 100%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(115,132,137,0.6) 0%,rgba(114,131,136,0.6) 1%,rgba(62,69,79,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99738489', endColorstr='#d93e454f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .modal, .modal.fade.in { top: 5%; /* 10% on 1200px or higher */ } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; background: #5999d1; /* Old browsers */ background: -moz-linear-gradient(top, #5999d1 0%, #3f85c1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5999d1), color-stop(100%,#3f85c1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5999d1 0%,#3f85c1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5999d1 0%,#3f85c1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5999d1 0%,#3f85c1 100%); /* IE10+ */ background: linear-gradient(to bottom, #5999d1 0%,#3f85c1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5999d1', endColorstr='#3f85c1',GradientType=0 ); /* IE6-9 */ border-radius: 5px 5px 0 0px; color: #fff; } .modal-header h3 { font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 600; } .modal-header a { font-size: 19px; color: #fff; } .modal-header a:hover { text-decoration: none; cursor: default; } .modal .close { opacity: 0.4; } .modal-header .close { margin: 6px 3px 0 0; } .modal-body { max-height: 400px; } .modal { width: 600px; } /* override for order details */ #myModal { width: 750px; height:585px !important; } .order_details .modal-body { /* keep order details a contstant height */ height: 400px; } .modal h6 { font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 600; margin: 10px 0 3px 0; color: #4790D2; } .modal h5 { font-family: "proxima-nova",sans-serif; font-style: normal; font-weight: 600; margin: 15px 0 2px 0; } .modal .notes { margin: 11px 0 0 0; } .modal .notes .editable-empty, .modal .notes .editable-empty:hover { border-bottom: medium none; color: #999999; font-style: italic; text-decoration: none; } .modal .input-large { width: 320px; height: 82px; } .modal .table { border-bottom: 1px solid #dddddd; } .modal .table th, .modal .table td { padding: 5px 2px; } .modal .carousel { line-height: 20px; } .modal .small-list { margin-top: 5px; } .modal .small-list .grey { margin: 0; padding: 0; line-height: 17px; } .modal .collapse-indented { color: #777777; padding: 0 0 0 18px; } .modal .collapse-indented li{ margin: 0; padding: 0; } .modal .collapse-indented li.last{ margin-bottom: 25px; } .modal .receipt{ text-decoration: none; color: #333333; float: left; padding: 0; transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } .modal .receipt:hover { background: #E9EFEA; border-radius: 3px; padding: 5px 10px; transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } .modal .receipt .receipt-inner{ color: #0088CC; opacity: 0; text-decoration: none; transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } .modal .receipt:hover .receipt-inner{ opacity: 1; transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } .modal-footer .dropdown-menu { text-align: left; } /* Animation */ .modal.fade { -webkit-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955); -moz-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955); -ms-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955); -o-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955); transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */ top: 10%; left:30%; } /* Order Details Modal */ .modal.order_details p{ margin: 0; } /* Datepicker */ /*! * Datepicker for Bootstrap * * Copyright 2012 Stefan Petre * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * */ .datepicker { top: 0; left: 0; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker table { width: 100%; margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker td.day.disabled { color: #eeeeee; } .datepicker td.old, .datepicker td.new { color: #999999; } .datepicker td.active, .datepicker td.active:hover { color: #ffffff; background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:focus, .datepicker td.active:hover:focus, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #003399 \9; } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td span:hover { background: #eeeeee; } .datepicker td span.active { color: #ffffff; background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td span.active:hover, .datepicker td span.active:focus, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .datepicker td span.active:active, .datepicker td span.active.active { background-color: #003399 \9; } .datepicker td span.old { color: #999999; } .datepicker th.switch { width: 145px; } .datepicker th.next, .datepicker th.prev { font-size: 21px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } /* Tables */ .table tr:not(.total) th { font-weight: normal; color: #4790d2; text-transform: uppercase; } .table thead tr, .table tfoot tr.total { background: #e9efea; border-top: #ddd 1px solid; } td.action { padding: 4; } table.table thead .sorting, table.table thead .sorting_asc, table.table thead .sorting_desc, table.table thead .sorting_asc_disabled, table.table thead .sorting_desc_disabled { cursor: pointer; *cursor: hand; } /* AG: sort_both.png is missing */ /*table.table thead .sorting { background: url('../images/tables/sort_both.png') no-repeat center right; }*/ table.table thead .sorting_asc { background: url('../images/tables/sort_asc.png') no-repeat center right; } table.table thead .sorting_desc { background: url('../images/tables/sort_desc.png') no-repeat center right; } table.table thead .sorting_asc_disabled { background: url('../images/tables/sort_asc_disabled.png') no-repeat center right; } table.table thead .sorting_desc_disabled { background: url('../images/tables/sort_desc_disabled.png') no-repeat center right; } .table .btn_modal, .small_btn { background: url('../images/btn_modal.png') no-repeat; height: 19px; width: 19px; border: 0; text-indent: -100em; overflow: hidden; } .btn-mini { border-radius: 3px 3px 3px 3px; font-size: 12px; padding: 0 6px; font-size: 12px; } table.quick_table { } table.quick_table thead tr { background-color: #fff !important; border-bottom: 2px solid #000; border-top: none; } .table .col_order_id { width: 15%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .table .col_date { width: 17%; } /* Dashboard */ div#dashboard h6 { color: #aaa; margin-bottom: 0px; } div#dashboard .dashboard_stats { margin-left: 15px !important; } div#dashboard .dashboard_stats h5 { font-weight: bold; } div#dashboard .dashboard_stats span { font-size: 32px; } div#dashboard div#dashboard_chart { height: 250px; margin-top: 15px; } div#dashboard div#filter_date_container { min-height: 66px; } div#dashboard div#filter_date_container div#filter_date { margin-top: 32px; margin-bottom: 0px; } /* Dashboard Table */ div#recent_authorizations { margin-top: 35px; } div#recent_authorizations thead tr td.title { font-size: 16px; font-weight: bold; } div#recent_authorizations thead tr td.settings { text-align: right; } div#recent_authorizations tfoot tr td { text-align: right; } /* Date Range Picker */ div#dashboard div#reportrange { position: relative; top: 30px; } /* Transactions */ div.transaction_filters_container div.popover { max-width: 600px !important; } a.table_settings { /*background: url('../images/ign_gear.png') no-repeat;*/ display: block; height: 24px; margin-left: 10px; width: 24px; } a.table_settings .icon-cog, .control_button_container .icon-cog, .settings .icon-cog {color:#999;} a.table_settings a:hover .icon-cog, .control_button_container a:hover .icon-cog {text-decoration: none; color:#555;} /** Old style for hiding filter. We hide here the text box itself, not the whole row. Once we add printing to every screen, we don't need this anymore. The one below will serve */ div#transactions_table_container div.dataTables_filter { display: none; } /* AG: very important. It hides the DataTables embedded filter which we programmatically invoke from our filter. For tableTools to correctly show elements after print screen, we need to hide top-level child of dataTables_wrapper element */ div.dataTables_wrapper > div[class=row]:nth-child(3) { display: none; } /* Confirm Popover */ table#transactions tr td div.popover { width: 350px !important; max-width: 100%;} /* Filter Popover */ ul#filters div.filter_details { display: none; } ul#filters hr { display: block; margin: 10px 0px; } ul#filters select { height: 32px !important; margin: 0px !important; } /*ul#filters li { border-bottom: 1px solid #e5e5e5 !important; padding-bottom: 5px; }*/ ul#filters li:last-child { border-bottom: none !important; text-align: center; } ul#filters div.filter_details { margin: 5px; } ul#filters div.amount select { width: 32px !important; } ul#filters div.amount select { height: 32px !important; margin: 0px !important; width: 150px !important; } ul#filters div.amount input { width: 90px !important; } ul#filters div.date select { height: 32px !important; margin: 0px !important; width: 150px !important; } ul#filters div.date input { width: 90px !important; } /* Create Order */ div#transactions_container div.add_credit_card_container { display: block !important; } div#transactions_container div.add_credit_card_container div#add_credit_card { background: url('../images/generic_credit_card_bg.png') no-repeat; height: 181px; margin: 0 auto; width: 289px; } div#create_order_form_details, div#create_order_form_address { padding-bottom: 10px; } div.create_order_form_details ul { list-style-type: none; margin: 0; padding: 0; } div.create_order_form_details ul li label { display: inline-block; margin-right: 10px; text-align: right; width: 100px; } div.create_order_form_details p { display: inline-block; } div.create_order_form_details ul li.bigger label, div.create_order_form_details div.bigger label, div.create_order_form_details ul li.bigger span { font-size: 16px; } div.create_order_form_details div.bigger { margin-top: 10px; } div#create_order_form_details_right ul { margin-top: 60px; } .create_order_form_details input { width: 300px; } .create_order_form_details select { width: 300px; } div#create_order_form_address { margin-top: 20px; margin-bottom: 20px; } div#create_order_form_address label { text-align: left; } div#create_order_form_misc_left h4 { float: left; width: 113px; } div#create_order_form_misc_left textarea { height: 200px; width: 303px; } div#create_order_form_misc { margin-top: 20px; margin-bottom: 20px; } div#create_order_form_misc_right label { float: left; margin-right: 10px; } div#create_order_form_misc_right input { float: left; margin-right: 100px; } div#create_order_form_misc_right button { float: left; } div#create_order_form_address_right h4 { float: left; } div#create_order_form_address_right div#shipping_same_as_billing { float: right; margin-right: 140px; } div#create_order_form_address_right div#shipping_same_as_billing label { display: inline-block; } div#create_order_form_address_right div#shipping_same_as_billing input{ display: inline-block; } div#create_order_form_address_right ul { clear: both; } div.create_customer_success_message { padding-left: 64px; } div.base_item_row { display: none; } div.base_split_fund_row { display: none; } /* Customers */ #customers_subscriptions #main_panel h3{ margin: 10px 0 0 0;} #customers_subscriptions #main_panel h4{ margin: 0px 0 2px 0;} div#create_customers_container div.add_credit_card_container { display: block !important; margin-left: -66px !important; } div#create_customers_container div.add_credit_card_container div#add_credit_card { background: url('../images/generic_credit_card_bg.png') no-repeat; height: 181px; margin: 0 auto; width: 389px; } div#subscriptions_table_container div.dataTables_filter, div#customers_table_container div.dataTables_filter { display: none; } div#customers_container div.control_button_container div#customers_filter_controller { margin-left: 65px; } /* Filters */ div.customer_filters_container div.popover { width: 500px !important; } /* Billing/Shipping Address */ span.edit { cursor: pointer; } div.subscription_header div.edit_info { display: none; } /* Subscriptions */ div.subscription_header ul { list-style-type: none; margin: 0px; padding: 0px; } div.subscription_header a {text-decoration: none; color: #333;} div.subscription_header .edit {font-size: 12px; color: #999; padding-left: 20px; opacity: 0;} div.span4 .edit {opacity: 0; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } div.span4:hover .edit { opacity: 1; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } div.col-md-4 .edit {opacity: 0; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } div.col-md-4:hover .edit { opacity: 1; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); } .editable-click, a.editable-click { border-bottom: none; text-decoration: none; } a.editable-click:hover { border-bottom: 1px dashed #0088CC; text-decoration: none; } div.empty-subscription { padding: 20px 0 0 0; } #customers_subscriptions #main_panel div.empty-subscription h4{ margin: 10px 0 0 0; } div.empty-subscription button{ margin: 10px 0 0 0; } #customers_subscriptions h5 { font-weight: 600; color: #41748D; margin-left: 6px; } /* Add Subscriptions */ div#add_subscription_modal div.carousel-inner div.item { padding: 10px !important; } a.subscription_option { border: 1px solid #000; display: block; padding: 30px; text-align: center; margin-top: 10px; } select#templated_subscription { width: 350px; } div.immediate_date_selection { display: none; } /* Unique Subscriptions */ div.unique_subscription label { float: left; margin-right: 10px; text-align: right; width: 100px; } /*div.unique_subscription input { float: left; }*/ .subscription_items_total { text-align: right; } .no-border{ border: 0px !important; } .padding-left-0{ padding-left: 0px !important; } a.remove_unique_subscription_item:hover, a.remove_split_fund:hover, .item_row a.remove_item:hover {text-decoration: none;} .subscription_item_cost{float: right;} div#add_unique_subscription_items { margin: 15px 0; } div#add_unique_subscription_items input { margin-right: 5px; width: 80px !important; } div#add_unique_subscription_items input[name=item_description] { width: 170px !important; } div#add_unique_subscription_items div.subscription_items_total, div#split_funds div.subscription_items_total { text-align: right; } div#add_unique_subscription_items div.subscription_item_cost { text-align: right; } button#add_unique_subscription_item_button, a#add_item { margin-bottom: 10px; } div#add_unique_subscription_items { display: none; } div.unique_subscription label#use_unique_items_label { margin-left: 5px; width: auto !important; } /* One Time Charges */ /* Edit One Time Charges*/ div.edit_one_time_charge label { float: left; margin-right: 10px; text-align: right; width: 100px; } div.edit_one_time_charge input { float: left; } div.edit_one_time_charge label#use_unique_items_label { margin-left: 5px; width: auto !important; } div#add_one_time_charge_items { margin: 15px 0; } div#add_one_time_charge_items input { margin-right: 5px; width: 60px !important; } div#add_one_time_charge_items input[name=item_description] { width: 170px !important; } div#add_one_time_charge_items div.subscription_items_total { text-align: right; } div#add_one_time_charge_items div.subscription_item_cost { text-align: right; } button#add_one_time_charge_item_button { font-size: 10px !important; margin-bottom: 10px; } div#add_one_time_charge_items { display: none; } div#one_time_charge_interval_container { display: none; } /* Templated Subscriptions */ /* Edit Templated Subscriptions */ div.edit_templated_subscription label { float: left; margin-right: 10px; text-align: right; width: 100px; } div.edit_templated_subscription input { float: left; } div.edit_templated_subscription label#use_unique_items_label { margin-left: 5px; width: auto !important; } div#add_templated_subscription_items { margin: 15px 0; } div#add_templated_subscription_items input { margin-right: 5px; width: 60px !important; } div#add_templated_subscription_items input[name=item_description] { width: 170px !important; } div#add_templated_subscription_items div.subscription_items_total { text-align: right; } div#add_templated_subscription_items div.subscription_item_cost { text-align: right; } button#add_templated_subscription_item_button { font-size: 10px !important; margin-bottom: 10px; } div#add_templated_subscription_items { display: none; } div#templated_subscription_interval_container { display: none; } div#card_id_number_container { margin-bottom: 10px; } div#card_id_number_container input { margin-bottom: 10px; margin-bottom: 0px; padding-bottom: 0px !important; } div#card_id_number_container i.field_note { font-size: 10px; display:block; margin-left: 110px; padding; 0 0 10px 0; clear: both; } div.cards_header { background: none repeat scroll 0 0 #e5eded; border-top: 1px solid #C8CDC9; padding: 6px 8px 3px 12px; } div.cards_header h4 {padding-top: 2px; } div.cards_header button {margin-bottom: 5px; } div.cc_subscriptions { border-bottom: 2px solid #cecece; padding: 10px 0; } div.cc_subscriptions ul { list-style-type: none; margin: 0px; padding: 0px; } div.cc_subscriptions ul li { display: block !important; } div.credit_card_mock { border-radius: 10px; min-height: 90px; padding: 10px; } div.credit_card_mock { color: #555; cursor: pointer; border-radius: 5px; background: #dee6e6; /* Old browsers */ background: -moz-linear-gradient(top, #dee6e6 0%, #cad7d7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dee6e6), color-stop(100%,#cad7d7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dee6e6 0%,#cad7d7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dee6e6 0%,#cad7d7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dee6e6 0%,#cad7d7 100%); /* IE10+ */ background: linear-gradient(to bottom, #dee6e6 0%,#cad7d7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee6e6', endColorstr='#cad7d7',GradientType=0 ); /* IE6-9 */ } div.credit_card_mock p { margin: 0 15px; } div.credit_card_mock p.number { clear: both; margin-top: 45px; overflow: hidden; white-space: nowrap; } div.credit_card_container { margin-bottom: 30px; } div.credit_card_container h4{ margin: 0 0 5px; color: #41748d; } div.credit_card_container .divider{ border-top: solid 1px #999; margin-bottom: 20px; } div.credit_card_container .divider2{ border-top: solid 1px #999; margin: 20px 0; } div.credit_card_container div.flip { margin-bottom: 5px !important; } .accordion.subscription {border-bottom: 1px solid #999999;} .accordion.subscription ul.invoice-list {border-top: 1px solid #ECECEC; margin: 0 0 5px 0; /*padding: 8px 15px 6px;*/} .accordion.subscription ul.invoice-list .row-fluid [class*="span"] {min-height:0;} .accordion.subscription ul.invoice-list li {border-bottom: 1px solid #ececec; list-style: none outside none; padding: 5px;} .accordion.subscription ul.invoice-list li a {color: #333;} .accordion.subscription a.accordion-toggle { color: #333333; background: #ffffff; -webkit-transition:background-color 0.3s linear; transition:background-color 0.3s linear; } .accordion.subscription a.accordion-toggle.active { color: #333333; background: #E5EDED; -webkit-transition:background-color 0.3s linear; transition:background-color 0.3s linear; } .accordion-toggle span.subscription_item_description { display: inline-block; width: 616px; } .accordion.subscription ul.invoice-list li div.subscription_date, .accordion.subscription ul.invoice-list li div.subscription_amount { width: 300px; } .accordion.subscription ul.invoice-list a:hover {color: #0088CC; text-decoration: none;} .accordion.subscription ul.invoice-list li:hover {background:linear-gradient(to bottom, #DEE6E6 0%, #CAD7D7 100%) repeat scroll 0 0 transparent ;} .accordion.subscription .accordion-group { border-top: 1px solid #999999; border-bottom: none; border-right: none; border-left: none; border-radius: 0; margin-bottom: 0; } .collapse.in { /* keeps tooltip from being cropped off inside an a collapse */ } /* Editor */ div.credit_card_editor_container div.credit_card_mock { margin-bottom: 30px; min-height: 140px; } div.credit_card_editor_container div.credit_card_mock div.cc_number { background-color: #fff; border: 1px solid #dedede; border-radius: 5px; box-shadow: none !important; clear: both; margin-top: 45px; margin-bottom: 25px; padding: 5px; } div.credit_card_editor_container div.credit_card_mock div.cc_number input { border: none; border-radius: 0px; box-shadow: none !important; margin: 0px; padding: 0px; } input#expiry_month, input#expiry_year { width: 20px; } input#cvv { width: 40px; } div.credit_card_editor_container img.cc { display: none; } div.disabled h4 { color: #dedede; } /* Credit Cards */ div.add_credit_card_container { display: block; text-align: center;} div.add_credit_card_container div#add_credit_card_actions { margin: 0 auto 10px auto; width: 270px; height: 30px; } /*div#add_credit_card { background: url('../images/add_credit_card_bg.png') no-repeat; height: 181px; margin: 0 auto; width: 289px; } */ div#add_credit_card { background: url('../images/add_credit_card_bg3.png') no-repeat; height: 181px; margin: 0 auto; width: 289px; } div#add_credit_card input { background-color: transparent; border: none; box-shadow: none; } div#add_credit_card input { margin: 0px; position: relative !important; } div#add_credit_card div#cc_logo { float: right; height: 33px; margin: 25px 25px 0 0; width: 71px; } /*div#add_credit_card div#cc_number { left: 33px; position: relative; top: 29px; } */ div#add_credit_card div#cc_number { left: 33px; position: relative; top: 80px; } div#add_credit_card div#cc_number input#credit_card_number { float: left; width: 185px; } /* div#add_credit_card div#cc_number span#credit_card_number_status { display: block; float: left; height: 32px; position: relative; top: -26px; width: 32px; left:200px } */ #add_credit_card div#cc_number span#credit_card_number_status { display: block; float: left; height: 32px; position: relative; top: -8px; width: 32px; left:-6px } div#add_credit_card div#cc_number span.valid_cc_number { background: url('../images/icn_cc_status.png') no-repeat; } /*div#add_credit_card div#cc_expiration input#credit_card_expiry_month { left: -5px; top: 38px; width: 25px; } div#add_credit_card div#cc_expiration input#credit_card_expiry_year { left: 0px; top: 38px; width: 25px; } */ div#add_credit_card div#cc_name { left: 33px; position: relative; top: 71px; } div#add_credit_card div#cc_name input#credit_card_name { float: left; width: 185px; } div#add_credit_card div#cc_expiration input#credit_card_expiry_month { left: -103px; top: 137px; width: 27px; } div#add_credit_card div#cc_expiration input#credit_card_expiry_year { left: -92px; top: 138px; width: 26px; } div#add_credit_card div#cc_expiration input#credit_card_expiry_cvv { left: -28px; top: 139px; width: 33px; } div.create_order_form_details div#add_credit_card { background: url('../images/add_credit_card_bg.png') no-repeat; height: 181px; margin: 0 auto; width: 289px; } div.create_order_form_details div#add_credit_card div#cc_number { left: 26px; position: relative; top: 16px; } div.create_order_form_details div#add_credit_card div#cc_expiration input#credit_card_expiry_month { left: 46px; top: 25px; width: 36px; } div.create_order_form_details div#add_credit_card div#cc_expiration input#credit_card_expiry_year { left: 0px; top: 25px; width: 27px; } div.create_order_form_details div#add_credit_card div#cc_expiration input#credit_card_expiry_cvv { left: 0px; top: 23px; width: 41px; } div.cardlogo_none { background: url('../images/cardlogo_none.png') no-repeat; } div.cardlogo_mastercard { background: url('../images/cardlogo_mc_71px.png') no-repeat; } div.cardlogo_amex { background: url('../images/cardlogo_amex_71px.png') no-repeat; } div.cardlogo_visa { background: url('../images/cardlogo_visa_71px.png') no-repeat; } div.cardlogo_visa_debit { background: url('../images/cardlogo_visa_debit_71px.png') no-repeat; } div.cardlogo_visa_debit { background: url('../images/cardlogo_visa_debit_71px.png') no-repeat; } div.credit_card_mock { margin-bottom: 5px; } div.edit_credit_card_actions { display: none; } div.edit_credit_card_actions { width: 191px; } div.credit_card_actions { width: 191px; } div.cc_status_indicator { background: url('../images/cc_status_indicator.png') no-repeat; height: 26px; width: 80px; } div.cc_status_indicator_active { background-position: 0px 0px !important; } div.cc_status_indicator_active { background-position: 0px -26px !important; } div.credit_card_mock_expiry_input { background: url('../images/credit_card_mock_expiry_input_bg.png') no-repeat; float: left; height: 25px; margin-right: 5px; width: 35px; } div.credit_card_mock div.credit_card_mock_expiry_input input { background-color: transparent; border: none; box-shadow: none; width: 25px; float: left; margin: 0px; position: relative !important; outline: none !important; } div.credit_card_mock div.credit_card_mock_expiry_input input:focus { outline: none !important; } div.credit_card_mock label { width: 65px; } /* Credit Card Flip */ .flip { -webkit-perspective: 800; -moz-perspective: 800; width: 170px; height: 110px; position: relative; } .flip .card.flipped { -webkit-transform: rotatex(-180deg); -moz-transform: rotatex(-180deg); } .flip .card { width: 100%; height: 110px; -webkit-transform-style: preserve-3d; -webkit-transition: 0.5s; -moz-transform-style: preserve-3d; -moz-transition: 0.5s; } .flip .card .face { width: 100%; position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; z-index: 2; } .flip .card .front { position: absolute; z-index: 1; } .flip .card .back { -webkit-transform: rotatex(-180deg); -moz-transform: rotatex(-180deg); } /* Notes */ #customers_subscriptions .notes { padding: 10px; } /* Popovers */ div.popover_content { display: none; } div.popover ul { list-style-type: none !important; margin: 0px; padding: 0px; } div.popover ul li { margin: 10px 0; } div.popover ul li label { display: inline-block; margin: 0px; } div.popover ul li input { display: inline-block; margin: 0px; } /* Lists */ ul.tight_list li { margin: 0px !important; } /* Validation */ div#create_order_form_details_right ul .help-block ul { margin: 0; } .help-block ul { list-style-type: none; } /* Details Pages*/ .container.details p{ margin: 0; } .container.details h2 { margin: 10px 0 0px 0; } .container.details h3 { font-weight: bold; text-transform: uppercase; color: #34475F; font-size: 15px; margin: 0; } .container.details h4 { color: #4790D2; margin: 20px 0 5px 0; } /*Settings*/ #settings_usermangement ul { list-style:none; padding-left:5px; } #settings_usermangement table input { vertical-align:top; margin-right:5px; width:95%; } #settings_usermangement table select { vertical-align:top; width:100%; } .generalsettingstable td { padding-right:50px; } ul.settings_nav { list-style:none; margin-left:0px; margin-top:16px; padding-top:10px; padding-bottom:10px; padding-right: 10px; text-decoration:none; border-right:inset; border-right-color:#e9efea; } ul.settings_nav .accordion-group { border:none; } ul.settings_nav a { text-decoration:none; } #collapseA li { list-style:none; padding-left:10px; } #collapseB li { list-style:none; padding-left:10px; } .selectbuttonsright { float:right; padding-right:5px; padding-bottom:5px; } .selectbuttonsright button { margin-right:10px; } .selectbuttonsright a { margin-top:10px; margin-right:10px; } .selectbuttonsleft button { margin-right:10px; } .selectbuttonsleft a { margin-top:10px; margin-right:10px; } .addnerow input { margin-right:15px; margin-top:10px; } .justatopspace { margin-top:10px; } .selectpickerad { margin-left:10px; margin-top:10px; width:100px; } /** utility styles **/ .width200px { width: 200px; } .maketextalignselectdrop { padding-top:4px; } .makemoretextalignselectdrop { margin-top:10px; } .numberedpages a { float:right; padding-right:4px; font-size:11px; } .tableheaddingtop th { vertical-align:top; } .myhide { display:none; } .padbutton { margin-right:10px; } .customerswide { width:100px; display: inline-block } .selectboxes { margin-left:-5px; } .mydivcenter { position : absolute; left:50%; margin-left:-100px; } .generalspace { margin-left:7px; margin-right:2px; display: inline-block; float:left; } /*Password on login page*/ .forgot { font-size:11px; text-align:right; text-decoration:none; padding-left:15px; padding-top:2px; } /*Statements*/ .statementsbreadcrumbs { padding-top:4px; } .statementsbreadcrumbs { text-transform:Uppercase; color:#adb6b5; font-weight: bold; } .statementsbreadcrumbs span { color:#4292d6; font-weight: bold; padding-left:5px; padding-right:5px; } .accordion-toggle .row-fluid [class*="span"] { min-height: 20px; } .accordion-inner .table { margin-bottom: 0px; } .table th.noborder, .table td.noborder { border-top:0px; } /* Sticky footer styles -------------------------------------------------- */ html, body { height: 100%; } #wrap { height: auto !important; margin: 0 auto -30px; min-height: 100%; } #push { height: 60px; } #footer { height: 30px; float: left; width: 100%; } #footer .container { border-top: 1px solid #efefef; } #footer a { padding-right:25px; padding-left:25px; font-size:11px; color:#4790d2; } #footer p{ /*text-align:center;*/ margin: 5px 0 0 0; font-size: 11px; } #footer .muted { } #transactions a { text-decoration: underline; color: #000; } .caret-v-middle{ vertical-align: middle; border-top-color: #005580; } /* Statements redesign */ #statements_print_container td { border: 0px; } #statements_print_container table thead, #statements_print_container table tfoot { border-top: solid 1px #000; border-bottom: solid 1px #000; color: #000; } #statements_print_container table tfoot th { border-top: solid 1px #000; border-bottom: solid 1px #000; color: #000; } #statements_print_container table thead tr { background: #fff; border-top: 0px; font-weight: bold; } #statements_print_container table thead tr { background: #fff; border-top: 0px; font-weight: bold; } #statements_print_container .table th, #statements_print_container .table td { padding: 4px; } #statements_print_container table#visacadstore1 > tbody > tr:nth-child(-n+2) { border-top: solid 1px #000; border-bottom: solid 1px #000; background-color: #E9EFEA; } #transactions_container table#visacadstore1 > tbody > tr:nth-child(-n+2) { background-color: #4790d2; color: #fff; } #transactions_container table#visacad tr:hover{ background: #e9efea; cursor: auto; } #transactions_container table#visacad th { color: #000; } #transactions_container table#visacadstore1 td { vertical-align: middle; } /* tab color for currency */ #currency.nav-tabs>li:not(.active)>a { background-color: #dedede; color:#fff; } #currency.nav-tabs>li>a { font-weight: bold; } #statements_header span { font-size: 15.5px; vertical-align: middle; margin-right: 20px; } .notes { color: #000; } hr#statements { height: 1px; border: 0; border-top: 2px solid #000; margin: 2em 0em 0em 0em; padding: 0px; } .skinnier { padding: 20px 30px 0px 30px; } /** End of Statements */ /* RESPONSIVE */ /* Large desktop */ @media (min-width: 1200px) { .navbar .level_two .nav > li > a { margin: 0 58px; } #transactions_container .popover { margin-left: -520px; } .modal.fade.in {top: 10%;} .modal-body { max-height: 450px; } } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { div#reportrange { float: left !important; margin-bottom: 30px; } } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { #footer { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } } /* Landscape phones and down */ @media (max-width: 480px) { } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { } @media print { p { margin:0; padding:0; } } table#transactions td.amount, table#transactions th.amount { text-align: right; } table#transactions div.popover h3.popover-title { display: none; } div.transaction_filters_container div.popover h3.popover-title { display: none; } div.control_button_container div.settings div.popover h3.popover-title { display: none; } div.control_button_container div.popover h3.popover-title { display: none; } div#add_subscription div.modal-body div.span5 { min-width: 475px !important; } div#charge_customer div.modal-body div.span5 select { width: 180px; } /* .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } */ .fade.in { opacity: 1; } /* Animations */ .animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(0);-webkit-animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);-webkit-animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) scale(1);-webkit-animation-timing-function:ease-in}}@-moz-keyframes flip{0%{-moz-transform:perspective(400px) rotateY(0);-moz-animation-timing-function:ease-out}40%{-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);-moz-animation-timing-function:ease-out}50%{-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-moz-animation-timing-function:ease-in}80%{-moz-transform:perspective(400px) rotateY(360deg) scale(.95);-moz-animation-timing-function:ease-in}100%{-moz-transform:perspective(400px) scale(1);-moz-animation-timing-function:ease-in}}@-o-keyframes flip{0%{-o-transform:perspective(400px) rotateY(0);-o-animation-timing-function:ease-out}40%{-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);-o-animation-timing-function:ease-out}50%{-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-o-animation-timing-function:ease-in}80%{-o-transform:perspective(400px) rotateY(360deg) scale(.95);-o-animation-timing-function:ease-in}100%{-o-transform:perspective(400px) scale(1);-o-animation-timing-function:ease-in}}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(360deg) scale(.95);animation-timing-function:ease-in}100%{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateX(-10deg)}70%{-moz-transform:perspective(400px) rotateX(10deg)}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateX(-10deg)}70%{-o-transform:perspective(400px) rotateX(10deg)}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@-moz-keyframes flipInY{0%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-moz-transform:perspective(400px) rotateY(-10deg)}70%{-moz-transform:perspective(400px) rotateY(10deg)}100%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}}@-o-keyframes flipInY{0%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-o-transform:perspective(400px) rotateY(-10deg)}70%{-o-transform:perspective(400px) rotateY(10deg)}100%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}100%{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o-backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@-moz-keyframes flipOutY{0%{-moz-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateY(90deg);opacity:0}}@-o-keyframes flipOutY{0%{-o-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}100%{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUp{0%{opacity:0;-o-transform:translateY(20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInUpBig{0%{opacity:0;-o-transform:translateY(2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-o-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDownBig{0%{opacity:0;-o-transform:translateY(-2000px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-o-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInLeftBig{0%{opacity:0;-o-transform:translateX(-2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-o-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-o-keyframes fadeInRightBig{0%{opacity:0;-o-transform:translateX(2000px)}100%{opacity:1;-o-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-o-animation-name:fadeInRightBig;animation-name:fadeInRightBig} .pull-text-right { text-align: right; } .label.isolabel { font-size: 15px; } div#footer-buttons { margin-top: 10px;} /* load wait cursor */ body.wait *, body.wait { cursor:progress !important; } /* to override default bootstrap style for .pagination */ .paging_bootstrap{ margin: 0; } #logo { display: none; } #card-fees .table tr:first-child td { border-top: 0px; } .margin-right-10px { margin-right: 10px; } .margin-top-10px { margin-top: 5px; } .margin-top-5px { margin-top: 5px !important; } .word-break, #customerDetails p, #billingDetails p, #shippingDetails p { /* For Firefox */ word-break: break-all; /* For Chrome and IE */ word-wrap: break-word; } .word-break { min-width: 100px; } .nowrap { white-space: nowrap; } #transactions a.plain-link { text-decoration: none; } .help-block ul { margin: 0px; padding: 0px !important; } /* for new search panel */ .filter_content ul { list-style-type: none !important; margin: 0px; padding: 0px; } ul#filters li { border-bottom: none !important; padding-bottom: 5px; } .filter_content .amount, .filter_content .date_filter { max-width: 100px; } @media print { body, .main, .container.main { margin:0px; font-size: 13px !important; } h2{ font-size: 23px !important; font-weight:bold; } .font-check{ font-size: 10px; } #transactions { font-size: 12px; margin-top: 15px; } *{transition:none!important} #risk-ip, #risk-3dsecured, #risk-tokenSecured, #logo { display: block; visibility: visible; overflow: visible !important; height: auto !important; } .collapse{ display: block; visibility: visible; overflow: visible !important; height: auto !important; } button, a.btn { display: none; visibility: hidden; } a[href]:after { content: none !important; } #logo:before { content:url('../images/logo.png'); position: relative; left:20px; top:20px; } #logo div { margin: 30px 0px 0px 20px } /***/ .table tr:not(.total) th { font-weight: bold; color: #000; text-transform: uppercase; } #statements_print_container table#visacadstore1 > tbody > tr:nth-child(-n+2) { border-top: solid 1px #000; border-bottom: solid 1px #000; background-color: #E9EFEA !important; } /** monthly_printable **/ #print_button{ display: none; } table.dataTable input.list_checkbox { display: none; } table.dataTable span.sub_status { display: none; } .dataTables_paginate, .dataTables_info, tr input.transaction_checkbox { display: none; } .icon-visa:after { content: 'VISA'; padding: 4px; } .icon-gpay:after { content: 'GPAY'; padding: 4px; } .icon-apay:after { content: 'APAY'; padding: 4px; } .icon-debit:after { content: 'DEBIT'; padding: 4px; } .icon-visa-debit:after { content: 'VISA-DB'; padding: 4px; } .icon-mc:after { content: 'MC'; padding: 4px; } .icon-amex:after { content: 'AMEX'; padding: 4px; } .icon-diners:after { content: 'DINERS'; padding: 4px; } .icon-disc:after { content: 'DISC'; padding: 4px; } .icon-jcb:after { content: 'JCB'; padding: 4px; } .icon-enroute:after { content: 'ENROUTE'; padding: 4px; } .icon-unknown:after { content: 'UNKN'; padding: 4px; } [class^="icon-"], [class*=" icon-"] { background: none !important; padding: 0px !important; font-family: "proxima-nova",sans-serif !important; } #transactions a { text-decoration: none; } .table th, .table td { padding: 4px; } .label, .badge { font-size: 13pt !important; } .icon-remove:before { content: 'N'; padding: 4px; font-weight: bold; } .icon-ok:before { content: 'Y'; padding: 4px; font-weight: bold; } .col_date { white-space:nowrap; } .e-mdr { margin-top: -8px; } } .table tbody tr.flagged td { background-color: #F5A9A9; } /* pay online */ div#payonline-modal div.add_credit_card_container div#add_credit_card { background: url('../images/generic_credit_card_bg.png') no-repeat; height: 181px; margin: 0 auto; width: 289px; } div#payonline-modal div#add_credit_card div#cc_number { left: 35px; position: relative; top: 88px; } div#payonline-modal div#add_credit_card div#cc_expiration input#credit_card_expiry_month { left: 36px; top: 108px; width: 25px; } div#payonline-modal div#add_credit_card div#cc_expiration input#credit_card_expiry_year { left: 27px; top: 108px; width: 25px; } div#payonline-modal div#add_credit_card div#cc_expiration input#credit_card_expiry_cvv { left: 76px; top: 108px; width: 30px; } div#payonline-modal div#add_credit_card div#cc_number span#credit_card_number_status { display: block; float: left; height: 32px; position: relative; top: -20px; width: 32px; left:195px } /* for default options/placeholders in search panel drop-downs*/ select:invalid { color: #cccccc; } } #refund-partial-split-block { padding-left: 50px; padding-top: 10px; } /** split funds **/ .base_split_fund_row_0 { margin-left: 15px; } .base_split_fund_row_0 #add_split_fund { vertical-align: super; } .bootstrap-switch-wrapper{ margin-bottom: 10px; } a.fee-tooltip, a.fee-tooltip:hover { color: black !important; text-decoration: none !important; } th.fee-tooltip, a.fee-tooltip { text-transform: none !important; } #order_split_funds .accordion-inner { border-top: 0px !important; } .e-mdr { margin-top: -8px; } th.amount, td.amount { text-align: right !important; } th.summary { text-align: left !important; } a.info-popup, a.info-popup:hover { text-decoration: none !important; } ul.notifications{ list-style-type: none; } label#change-api-key { display: inline !important; } /*.notificationModal { left: 50% !important; transform: translateX(-50%) !important; width: 1000px !important; max-width: calc(100% - 40px) !important; box-sizing: border-box; } .modal-contents-Noti { min-height: 600px !important; } @media (max-width: 1200px) { .notificationModal { width: 900px !important; } } @media (max-width: 992px) { .notificationModal { width: 80% !important; left: 50% !important; transform: translateX(-50%) !important; top: 8% !important; } .modal-contents-Noti { min-height: 520px !important; } } @media (max-width: 600px) { .notificationModal { width: 94% !important; left: 50% !important; transform: translateX(-50%) !important; top: 5% !important; margin: 0 auto !important; } .modal-contents-Noti { min-height: 420px !important; } .notificationModal iframe#pdfFrame { height: 60vh !important; } }*/