html {
position: relative;
min-height: 100%;
}
body {
font-size: 14px;
padding-top: 60px; /* fixed-top menu is 50px */
/* Margin bottom by footer height */
margin-bottom: 70px;
}
.footer {
position: absolute;
bottom: 0;
height: 60px;
width: 100%;
color: #7d7d7d;
font-size: 90%;
}
/* Apply responsive CSS fixes as necessary */
@media (max-width: 1650px) {
#rcbs_date_box .col-sm-8, #rcbs_date_box .col-sm-4 {
width: 50%;
}
}
@media (max-width: 1199px) {
#rcbs_date_box .col-sm-8 {
width: 66.66666666666666%;
}
#rcbs_date_box .col-sm-4 {
width: 33.33333333333333%;
}
}
@media (max-width: 767px) {
.footer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
#reg_card_date_box {
width: 100% !important;
margin-right: 0px !important;
}
#reg_card_date select, #rcbs_date_box .col-sm-8, #rcbs_date_box .col-sm-4 {
width: 100%;
}
#rcbs_date_box {
margin-bottom: 15px;
}
#rc_date_box {
text-align: left !important;
}
#rc_date_box > .right {
float: left;
width: 100%;
}
#pending_search_box {
position: static !important;
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
table.grid-responsive thead {
display: none;
}
.grid-responsive table,
.grid-responsive thead,
.grid-responsive tbody,
.grid-responsive th,
.grid-responsive td,
.grid-responsive tr {
display: block;
}
.grid-responsive tbody > tr { border-bottom: 1px solid #ddd; }
/* fixes whitespace problem of inline-block */
.grid-responsive tbody > tr { font-size: 0; }
.grid-responsive tbody > tr > td {
display: block;
position: relative;
padding-left: 50%;
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
border: none;
/* reset font-size for td */
font-size: 14px;
}
.grid-responsive tbody > tr > td:before {
content: attr(data-th);
display: inline-block;
border-right: 2px solid transparent;
border: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 33%;
max-height: 100%;
padding-top: 5px;
padding-left: 5px;
text-align: left;
/* reset font-size for td */
font-size: 14px;
}
.grid-responsive tbody > tr > td.nothlabel {
padding-left: 5px;
text-align: right;
}
.grid-responsive tbody > tr > td.nothlabel:before {
display: none;
}
.grid-responsive tbody > tr > td.grid-action { text-align: auto !important; white-space: auto; }
.grid-responsive tbody > tr > td.grid-action > .grid_row_view { display:none; }
.grid-responsive tbody > tr > td.grid-action-1, th.grid-action-1 { width: auto; }
.grid-responsive tbody > tr > td.grid-amount { width: 100%; text-align: right }
.grid-responsive tbody > tr > td.grid-date { width: auto !important; text-align: right }
.grid-responsive tbody > tr > td.grid-utime { width: auto !important; text-align: right }
.grid-responsive tbody > tr > td.grid-account { display: inline-block; text-align: right }
.grid-responsive tbody > tr > td.grid-longfield { max-width: 1000px; text-align: right }
.grid-responsive tbody > tr > td.grid-string { max-width: 1000px; text-align: right }
#det_stmts_grid > .grid-responsive tbody > tr > td.grid-account { width: 60%; }
#det_stmts_grid > .grid-responsive tbody > tr > td.grid-amount { width: 20%; display: inline-block; }
.nav-tabs {
margin-bottom: 20px;
padding-bottom: 20px;
}
.nav-tabs > li.chart {
width: 100%;
font-size: 17px;
text-align: left;
border-bottom: 1px solid #dddddd;
}
.nav-tabs > li.chart.active {
border-left: 5px solid #129cc8;;
transition: border-left-width 0.4s ease-in;
}
.nav-tabs > li.chart.active a {
background-color: #F5F5F5;
}
.nav-tabs > li.chart > a,
.nav-tabs > li.chart > a:hover,
.nav-tabs > li.chart > a:focus { border: none; }
.grid-rows-text { display: none; }
}
@font-face {
font-family: 'Roboto_Light';
src: url('../fonts/Roboto-Light.eot');
src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Light.ttf') format('truetype'),
url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
}
@font-face {
font-family: 'Roboto_Regular';
src: url('../fonts/Roboto-Regular.eot');
src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Regular.ttf') format('truetype'),
url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
}
@font-face {
font-family: 'Roboto_Medium';
src: url('../fonts/Roboto-Medium.eot');
src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Roboto-Medium.ttf') format('truetype'),
url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
}
@font-face {
font-family: 'PT_Sans_Regular';
src: url('../fonts/PT_Sans-Web-Regular.eot');
src: url('../fonts/PT_Sans-Web-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/PT_Sans-Web-Regular.ttf') format('truetype'),
url('../fonts/PT_Sans-Web-Regular.svg#PTSans-Regular') format('svg');
}
.form-control {
border: 1px solid #bfbfbf;
border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px;
background: #f0f0f0; /* Old browsers */
background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 28%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(28%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 28%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0f0f0 0%,#ffffff 28%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0f0f0 0%,#ffffff 28%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #f0f0f0 0%,#ffffff 28%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
outline: none;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
transition: all 0.30s ease-in-out;
}
.form-control:focus {
box-shadow: 0 0 3px rgba(81, 203, 238, .5);
border: 1px solid rgba(18, 122, 154, 1);
}
.btn, /* XXX/alexander: these can be addons to .form-control - should have the same border radius */
.input-group-addon {
border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px;
}
.bills-btns a { font-family: 'Roboto_Light'; font-size: 15px; color: #494949; padding-top: 15px;}
.bills-btns a:hover, .bills-btns a:active { text-decoration-line: underline; box-shadow: none; }
.pay-amount-text { font-family: 'Roboto_Regular'; font-size: 15px; color: #494949; }
.pay-amount { font-family: 'Roboto_Medium'; font-size: 15px; color: #494949; }
@media only screen and (max-width: 768px) {
.bills-btns a {
white-space: initial;
}
.bills-btns {
margin: 10px 0;
}
}
/******** Navbar ***********/
.navbar-epay {
background: url('../img/head_bac.im.307ed4af9d729de7f0d2375a8b0115b7.png') repeat-x top;
border-color: #d0d0d0;
background-color: #ffffff;
}
.navbar-brand-epay { float: left; padding: 11px 10px; z-index: 100; }
.navbar-epay .navbar-toggle .icon-bar {
background-color: #4b4b4b;
color: #4b4b4b;
}
.navbar-epay .navbar-nav > li {
color: #4b4b4b;
padding-top: 10px;
}
.navbar-epay .navbar-nav > li > a {
font-family: 'PT_Sans_Regular';
font-size: 17px;
line-height: 17px;
color: #4b4b4b;
}
.navbar-nav-epay li a.dropdown-toggle:hover,
.navbar-nav-epay li a.dropdown-toggle.hovered {
color: #2a80b9;
border-top: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
background-color: #fff;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
border-top-right-radius:4px;
border-top-left-radius:4px;
-webkit-border-radius-top:4px;
}
.navbar-nav-epay li a.dropdown-toggle:hover,
.navbar-nav-epay li a.dropdown-toggle.hovered {
padding: 14px 14px 17px 14px;
}
.dropdown-menu-epay {
position: absolute;
top: 60px;
left: 0;
z-index: 200;
display: none;
float: left;
text-align: left;
min-width: 160px;
-webkit-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.91);
box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.91);
-moz-border-radius-bottomright:4px;
-moz-border-radius-bottomleft:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
-webkit-border-radius-bottom:4px;
font-family: 'PT_Sans_Regular';
font-size: 14px;
line-height: 17px;
padding: 0px 5px 0px 5px;
background: url('../img/pane_bac.png') repeat-x scroll center bottom;
background-color: #ffffff;
}
.navbar .dropdown-menu-epay {
margin-top: 0;
}
.dropdown-menu-epay ul {
display: table-cell;
list-style: none;
white-space: nowrap;
padding: 20px 35px 35px 30px;
}
.dropdown-menu-epay li {
padding-top: 5px;
}
.dropdown-menu-epay li a {
text-transform: none;
color: #444; /*#828282;*/
}
.dropdown-menu-epay li a:hover,
.dropdown-menu-epay li a:focus {
color: #2a80b9; text-decoration: none;
}
.dropdown-menu-epay.pull-right {
right: 0;
left: auto;
}
.dropdown-header-epay {
font: normal 14px 'PT_Sans_Regular';
font-weight: 700;
font-size: 1em;
color: #444444;
margin-top: 5px;
padding: 0px 5px 5px 5px;
background-color: #f5f5f5;
}
.dropdown-header-epay:first-child {
margin-top: 0px;
}
a.nav-link-epay { text-decoration: none; color: #4b4b4b; }
a.nav-link-epay:hover { color: #0673d0; }
@media (min-width: 768px) {
.navbar-right .dropdown-menu-epay {
right: -100px;
left: auto;
}
}
.nav-settings-epay a {
text-decoration: none;
color: #4b4b4b;
}
.nav-settings-epay a:hover,
.nav-settings-epay a.hovered{
text-decoration: none;
color: #2a80b9;
padding-bottom: 20px;
}
.nav-settings-epay .dropdown-menu-epay {
top: 32px;
}
.nav-bills { padding-top: 9px; }
.nav-bills > li > a:hover { text-decoration: none; }
.dropdown-menu-epay.bills { left: 0; }
.dropdown-menu-epay.trans { left: -150%; }
/*.dropdown-menu-epay.incaso { left: -24%; }*/
.dropdown-menu-epay.cards { left: -70%; }
.dropdown-menu-epay.reports { left: -250%; }
.dropdown-menu-epay.settings{ left: -80%; }
li#hidden-exit { padding: 23px 5px; }
@media (max-width: 876px) {
.navbar-toggle {
margin-left: 15px !important;
}
.navbar-brand-epay {
float: left;
padding: 11px 10px 10px 10px;
z-index: 100;
}
.navbar-epay .nav .open > a,
.navbar-epay .nav .open > a:hover,
.navbar-epay .nav .open > a:focus {
border-color: #d0d0d0;
}
.navbar-epay .navbar-nav {
margin: 0px -15px;
}
.navbar-epay .navbar-nav > li {
padding-top: 0px;
}
.navbar-epay .navbar-nav > li > a {
border-top: 1px solid #d0d0d0;
overflow-x: hidden;
line-height: 20px;
}
.navbar-epay .navbar-header {
border-bottom: 1px solid #d0d0d0;
}
.navbar-nav-epay li a.dropdown-toggle:hover,
.navbar-nav-epay li a.dropdown-toggle.hovered {
color: #4b4b4b;
padding-top: 10px;
padding-left: 15px;
padding-bottom: 10px;
border: 1px solid #d0d0d0 0 0 0;
}
.dropdown-menu-epay {
display: none;
position: relative;
top: 0; left: 0;
float: none;
padding: 0;
background: none;
box-shadow: none;
/*border-bottom: 1px solid #d0d0d0;*/
}
.dropdown-menu-epay ul {
display: inline-block;
padding: 0px;
width: 100%;
border-top: 1px solid #eaeaea;
}
.dropdown-menu-epay li {
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eaeaea;
}
.dropdown-menu-epay li > a {
white-space: normal !important;
display: block;
color: #2A80B9;
}
.dropdown-header-epay {
border-bottom: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
background: #F9F9F9;
}
.dropdown-menu-epay li.dropdown-header-epay {
padding-top: 0px;
padding-bottom: 3px;
}
.dropdown-menu-epay.bills { left: 0; top: 0; }
.dropdown-menu-epay.trans { left: 0; top: 0; }
.dropdown-menu-epay.cards { left: 0; top: 0; }
.dropdown-menu-epay.reports { left: 0; top: 0; }
.dropdown-menu-epay.settings{ left: 0; top: 0; }
li#hidden-exit {
padding: 10px 0px 10px 15px;
border-top: 1px solid #d0d0d0;
font-size: 16px;
}
}
/*********************/
#loadingmain {
background: url("../img/bigwaiting.im.ea0fd95a9ba454c0341330d9c61ff343.gif") no-repeat center center;
background-color: rgba( 255,255,255,0.5 );
background-size: auto;
position: fixed;
z-index: 2000;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.marginal {
margin-left: auto;
margin-right: auto;
}
.waiting {
margin-top:20px;
padding: 10px;
margin-bottom: 10px;
color: inherit;
background-color: #eeeeee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.top_pusher {
margin-top: 60px;
}
.graydiv {
padding: 10px;
color: inherit;
background-color: #eeeeee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.graydiv table { margin-bottom:2px; }
.centered { text-align: center; }
.nopadd { padding:0px !important; }
.nomargin { margin:0px !important; }
.hid { display: none }
div.error_box {
margin-bottom: 10px;
background-color: #fff2f2;
border: 1px solid #B94A48;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
div.separator {
padding: 8px;
text-align: center;
background-color: #168;
color: white;
margin-bottom: 10px;
}
.navbar-inner {
background-color: white !important;
background-image: none !important;
background-repeat: repeat-x;
border-width: 0 0 0px 0px !important;
}
.top_rounded {
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.bottom_rounded {
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.rounded {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.epbigloading{
background-image: url("../img/bigwaiting.im.ea0fd95a9ba454c0341330d9c61ff343.gif");
background-repeat: no-repeat;
background-size: auto;
}
.eploading{
background-image: url("../img/waiting.gif");
background-repeat: no-repeat;
white-space: nowrap;
}
.mini-layout.fluid .mini-layout-sidebar {
background-color: #EEEEEE;
width: 20%;
}
.mini-layout.fluid .mini-layout-sidebar, .mini-layout.fluid .mini-layout-header, .mini-layout.fluid .mini-layout-body {
float: right;
}
.mini-layout, .mini-layout .mini-layout-body, .mini-layout.fluid .mini-layout-sidebar {
height: 50px;
}
.mini-layout div {
border-radius: 3px 3px 3px 3px;
}
.mini-layout.fluid .mini-layout-body {
margin-right: 2.5%;
width: 77.5%;
}
.mini-layout .mini-layout-body {
background-color: #EEEEEE;
margin: 0 auto;
width: 70%;
}
.bigmodal {
left: 25% !important;
margin: 0px 0 0 -10px;
outline: medium none;
position: fixed;
top: 5% !important;
width: 50% !important;
z-index: 1050;
}
.modal-body-big {
/* overflow-y: auto;
max-height: 900px;*/
padding: 10px;
}
.modal-header-big {
border-bottom: 1px solid #EEEEEE;
padding: 4px 9px;
}
.priocat { margin:2px; }
.merchcat { display:none; }
.close2 {
font-size: 14px;
font-weight: bold;
line-height: 14px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close2:hover {
color: red;
text-decoration: none;
cursor: pointer;
opacity: 0.7;
filter: alpha(opacity=70);
}
button.close2 {
padding: 0;
cursor: pointer;
vertical-align:top;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.fspan2 { margin-left:0 !important; margin-right:8px; }
.fspan2 > button { visibility:hidden; }
.fspan2:hover > button { visibility:visible; }
.close3 {
font-size: 14px;
font-weight: bold;
line-height: 14px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close3:hover {
color: red;
text-decoration: none;
cursor: move;
opacity: 0.7;
filter: alpha(opacity=70);
}
button.close3 {
padding: 0;
cursor: pointer;
vertical-align:top;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.justmove {
background-image: url("/images/glyphicons-halflings.png");
background-repeat: no-repeat;
display:inline-block;
height: 14px;
line-height: 14px;
margin-top: 1px;
vertical-align: text-top;
width: 14px;
background-position: -168px -72px;
}
.justrem {
background-image: url("/images/glyphicons-halflings.png");
background-repeat: no-repeat;
display:inline-block;
height: 14px;
line-height: 14px;
margin-top: 1px;
vertical-align: text-top;
width: 14px;
background-position: -48px -96px;
}
.billspaypass { margin-bottom:0px !important; }
#pay_bills_cm { margin-bottom: 0px !important; };
/* should be tested on mobile devices */
#footer, #footer_push {
height: 60px; /* +20 because there is a hr with margin-top: 20px */
}
/*#paylogin {{{*/
#paylogin_credit_pay #cvc {
width: 30px;
}
#paylogin_credit_pay #borica_credit_pay {
display: none;
}
/*}}}*/
input.visa_mc_input {
width: 230px;
height: 181px;
border: none;
text-decoration: none;
margin: 0px;
padding: 0px;
background: url("../img/visa_mastercard.png") no-repeat top;
}
input.visa_mc_input:hover {
background-position: bottom;
text-decoration: none;
}
input.visa_mc_input:active {
background-position: bottom;
}
#loadingmain {
background: url("../img/bigwaiting.im.ea0fd95a9ba454c0341330d9c61ff343.gif") no-repeat right bottom;
background-size:auto;
position: fixed;
z-index: 2000;
left: 0;
top: 0;
width:100%;
height:100%;
margin: -25px 0 0 -25px;
}
.leftal {
text-align:left;
vertical-align:middle;
}
.rightal {
text-align:right;
padding-right:12px;
vertical-align:middle;
}
.sysmsg
{
padding: 10px;
color: inherit;
background-color: #5bb75b;
border-color: #51a351 #51a351 #387038;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-bottom: 10px;
}
/*.smalltd { width: 10px; text-align:center !important; align:center !important; }*/
.smalltd { width: 5%; text-align:center !important; white-space: nowrap;}
.actiontd { width: 8%; text-align:center; white-space: nowrap; }
.statustd { width: 20%; }
#add_bill_auto_options {
display:none;
}
#bill_ntf_email {
z-index:2000;
}
td > .icon-edit:hover {
background-image: url("../img/glyphicons-halflings-white.png");
background-color:#5bb75b;
}
td > .icon-remove-sign:hover {
background-image: url("../img/glyphicons-halflings-white.png");
background-color:red;
}
.mwdsel { width:100px !important; font-size:80% !important; }
.datetimepicker { display:inline !important; }
.nobr{ white-space:nowrap; }
#api_perm_table input { width:36px; }
.modalwww {
position: fixed;
top: 10%;
left: 5%;
max-width:90%;
z-index: 1050;
/* width: 560px;
margin-left: -280px;
*/
background-color: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
/* outline: none;*/
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.modal-bodywww {
position: relative;
padding: 5px;
}
th.sort { cursor: pointer; white-space: nowrap; }
/*
th.sort .glyphicon-chevron-up,
th.sort .glyphicon-chevron-down {
display: none;
}*/
th.sort:hover { background: #f5f5f5; }
.container-data {
margin-left:auto;
min-height:90%;
border:1px solid red;
width: 84%;
}
.container-data:before, .container-data:after {
content: "";
display: table;
line-height: 0;
}
.container-data:after {
clear: both;
}
.left-sidebar {
position:fixed;
float:left;
}
@media (min-width: 1600px) {
.wide_modal .modal-dialog{ width: 80%; }
}
@media (min-width: 1200px) and (max-width: 1599px) {
.wide_modal .modal-dialog{ width: 80%; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.wide_modal .modal-dialog{ width: 80%; }
}
@media (min-width: 992px) {
.wide_modal .modal-dialog { width: 990px; }
}
.btn-merchant-cat { background-color: #f7f7f7; padding: 7px; }
.btn-merchant-cat:hover { color: #08c; }
/*.catnspan { white-space:wrap !important; width:86%; overflow:hidden; }*/
.payingrfp td { padding: 4px !important; }
.td-action { width: 80px; padding: 1px; text-align:center; white-space: nowrap; }
table.table-paybill { width: 100%; box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2); }
.table-paybill tr { border-bottom: 1px solid #dddddd; }
.heading-paybill th { border-bottom: none !important; }
.heading-paybill { padding-top: 2px; background-color: #f7f7f7; border-top: 1px solid #dddddd; white-space: nowrap }
tr.tr-paybill:hover { color: #00aaff; }
.tr-paybill-invoice {
background-color: #f7f7f7;
}
.table-paybill th,
.table-paybill td {
padding: 4px;
font-family: 'Roboto_Regular';
font-size: 14px;
color: #494949;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.bill_cb { width: 72px; /*padding: 1px;*/ }
.bill_amount { width: 100px; text-align: right; }
.bill_tax { width: 80px; text-align: right; }
.bill_amount_tax { width: 129px; text-align: right;}
.bill_rcpt { width: 200px; max-width: 200px; }
.bill_idn { width: 128px; max-width: 128px; }
.bill_descr { max-width: 250px; }
.bill_stat { width: 192px; max-width: 192px; }
.bill_info { padding-bottom: 4px; }
td.bill_rcpt { padding: 4px 4px 4px 10px; }
.hide-overflow {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.notbill { color: #29810f !important; font-weight: bold; }
#pending_bills_grid .row { border-bottom: 1px solid #DDDDDD; margin: 0px; }
.row-border-bottom { border-bottom: 1px solid #DDDDDD; margin: 0px; }
/*#pending_bills_grid { border: 1px solid #DDDDDD; padding: 5px; }*/
.nobord { border:0 !important; }
.billrow:hover { background-color: #f5f5f5; }
#pending_history .row { margin: 0px; font-size: 82%; }
.hist_stat { max-width: 300px; }
.stext { font-size:80%; }
.stext2 { font-size:60%; }
.change_amount_pop { width: 240px; }
.change_amount_g { color: #129CC8; text-decoration: underline; }
.change_amount_g:hover { color: #005580; text-decoration: underline; }
.pointer-cursor { cursor: pointer; }
.well-epay-grey {
border: 0px;
/*border-left: 2px solid #08C;*/
padding: 10px 20px;
background-color: #F5F5F5;
}
.report-info-comp .btn-wrapper { margin-top: 10px; }
.report-info-comp .btn-wrapper .btn-epay { padding: 10px 0; }
.input-label-epay { margin-top: 0px; padding-bottom: 5px;}
.input-label-epay > .control-label { text-align: left; }
.form-group-epay { margin-bottom: 15px; }
.glyphicon-none:before {
content: "\2122";
color: transparent !important;
}
.grid-epay { font-family: 'Roboto_Regular'; font-size: 14px; }
.grid-row-active:hover { color: #129cc8; }
td.grid-action { text-align: center; white-space: nowrap; }
td.grid-action-1, th.grid-action-1 { width: 49px; }
td.grid-amount { width: 98px; text-align: right; white-space: nowrap; }
td.grid-date { width: 85px; }
td.grid-utime { width: 150px; }
td.grid-account { width: 120px; }
td.grid-longfield { max-width: 320px; }
td.grid-string { max-width: 100px; }
.grid-currency { width: 83px; }
.grid-iban { width: 215px; }
.grid-checkbox { padding-top: 2px; padding-bottom: 0px; margin-bottom: 0px; }
.grid-checkbox input[type="checkbox"] { display:none; }
.grid-checkbox input[type="checkbox"] + span:before {
content: "";
font-family: 'Glyphicons Halflings';
display: inline-block;
width: 14px;
height: 14px;
line-height: 13px;
font-size: 0.85em;
background-color: #fff;
vertical-align: text-top;
border: 1px solid #129cc8;
border-radius: 2px;
margin-top: 2px;
}
.grid-checkbox:hover input[type="checkbox"] + span:before { border: 1px solid #129cc8; color: #129cc8; }
.grid-checkbox input[type="checkbox"][disabled] + span:before { border-color: #ddd; }
.table-paybill input[type="checkbox"] { padding-top: 5px; }
.table-paybill .grid-checkbox input[type="checkbox"] + span:before { border-color: #8f9190; };
.grid_row_view,
.grid_row_copy,
.grid_row_edit,
.grid_row_del { padding-right: 6px; }
.table-borderless tbody > tr > td { border-top: 0px; }
.help-pop { color: #129cc8; cursor: pointer; }
.help-pop + .popover { width: 276px; }
.checkbox-epay input[type="checkbox"] { display: none; }
.checkbox-epay input[type="checkbox"] + span { position: relative; }
.checkbox-epay input[type="checkbox"] + span:before {
content: "";
display: inline-block;
font-family: 'Glyphicons Halflings';
font-size: 1em;
width: 15px;
height: 15px;
line-height: 14px;
background-color: #fff;
border: 1px solid #AAA;
border-radius: 2px;
color: #494949;
}
.checkbox-epay input[type="checkbox"] + span:before { position: absolute; top: 0px; left: -20px; }
.checkbox-epay:hover input[type="checkbox"] + span:before { border: 1px solid #08C; color: #08C; }
.grid-checkbox input[type="checkbox"].checked + span:before,
.checkbox-epay input[type="checkbox"].checked + span:before { content: "\e013"; }
.grid-checkbox input[type="checkbox"]:checked + span:before,
.checkbox-epay input[type="checkbox"]:checked + span:before { content: "\e013"; }
.checkbox-epay { cursor: pointer; }
.radio-epay, #vnbel-commit-form .component-messages label, #wire-commit-form .component-messages label {
cursor: pointer;
}
.page-contacts {
font-family: 'Roboto_Regular', 'sans-serif', arial,helvetica;
font-size: 15px;
color: #4b4b4b;
}
.scroll-descr { overflow: auto; max-width: 992px; }
#mvmnts-tabs, #report-bills-tabs, #voucher_fail_box {
display: none;
}
.chart-wrapper {
position: relative;
min-height: 350px;
}
.chart-wrapper > .component-blocker { display: none; }
.chart-wrapper > .alert,
.chart-wrapper { margin-top: 20px; }
.chart-label {
font-size: 1.2em;
text-align: center;
padding: 10px;
}
.chart-legend ul, .chart-label { text-align: center; }
.chart-legend ul {
padding: 0;
margin-top: 10px;
}
.chart-legend li {
list-style: none;
padding-right: 10px;
display: inline-block;
cursor: pointer;
color: #707070;
}
.chart-legend li > span {
width: 30px;
height: 10px;
display: inline-block;
margin-right: 5px;
}
.chart-legend li.striked {
text-decoration: line-through;
}
#reset_zoom {
position: absolute;
right: 15px;
border: none;
height: 35px;
width: 35px;
font-size: 1.2em;
border-radius: 50%;
color: #808080;
background: white;
box-shadow: 0px 0px 5px 1px #0000001f;
text-align: center;
}
#reset_zoom:hover {
opacity: 0.7;
transition: opacity 0.2s ease-in;
}
.chartjs-custom-tooltip {
opacity: 1;
position: absolute;
/*background: rgba(0, 0, 0, .7);*/
color: white;
padding: 5px;
border-radius: 6px;
-webkit-transition: all .1s ease;
transition: all .1s ease;
pointer-events: none;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.chartjs-custom-tooltip.below {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.chartjs-custom-tooltip.below:before {
border: solid;
border-color: #111 transparent;
border-color: rgba(0, 0, 0, .8) transparent;
border-width: 0 8px 8px 8px;
bottom: 1em;
content: "";
display: block;
left: 50%;
position: absolute;
z-index: 99;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
.chartjs-custom-tooltip.above {
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
.chartjs-custom-tooltip.above:before {
border: solid;
border-color: #111 transparent;
border-color: rgba(0, 0, 0, .8) transparent;
border-width: 8px 8px 0 8px;
bottom: 1em;
content: "";
display: block;
left: 50%;
top: 100%;
position: absolute;
z-index: 99;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.upload_img canvas { max-width:50% !important; }
.uploaded_img_span { position:relative; vertical-align: top; float:left; margin-right:6px; }
.thumb {
height: 100px;
border: 1px solid #000;
}
.remimg {
width: 20px;
height:20px;
background-color:red;
top:5px;
right:5px;
position:absolute;
border-radius:6px;
z-index:3;
background-image: url("/images/glyphicons-halflings.png");
background-repeat: no-repeat;
display:block;
height: 14px;
line-height: 14px;
margin-top: 1px;
vertical-align: text-top;
width: 14px;
background-position: -48px -96px;
}
.m5{ margin:5px !important;}
.p5 { padding: 5px !important; }
@media (max-width: 991px) {
.sale_event_pic { width:100%; }
.sale_event_item_pic { width:99%; }
.sale_event_header { position: relative; }
.sale_event_topic { position:absolute; bottom:5px; padding:6px; color:white;
width: 98%;
font-weight:bold;
}
.tdisplay2 {
display: table;
margin:0px !important;
margin-bottom:4px !important;
padding:0px !important;
}
.tcdisplay2 {
display: table-cell;
float: none;
vertical-align:middle;
margin: 0px !important;
padding:0px !important;
word-wrap: break-word !important;
word-break: break-word;
overflow-wrap: break-word;
}
.sale_event_host_pic { width:98%; }
#modal-box .modal-dialog .modal-content .modal-body { max-height: 400px; overflow: auto; }
#chosen_seats_show {
line-height:30px !important;
font-size:12px !important;
max-width:50% !important;
}
.seats_footer { font-size:80% !important; }
#modal-dialog-modal-box { width: 95% ; max-height:400px; }
#modal-dialog-modal-box { left: 2%; }
#modal-box-end { overflow: "auto" ; }
}
@media (min-width: 992px) {
.sale_event_pic { width:100%; }
.sale_event_item_pic { width:96%; }
.sale_event_host_pic { max-width:96%; }
.sale_event_header { position: relative; }
.sale_event_topic { position:absolute; bottom:5px !important; padding:2px; color:white !important; width: 100%;
font-weight:bold;
}
.sale_event_topic h1 { margin:2px !important; }
.tdisplay {
display: table;
}
.tcdisplay {
display: table-cell;
vertical-align:middle;
float: none;
}
#modal-box .modal-dialog .modal-content .modal-body { max-height: 500px; overflow: auto; }
}
.wrap-text {
word-wrap: break-word !important;
word-break: break-word;
overflow-wrap: break-word;
}
#modal-box-footer {
text-align:center;
}
.sale_event_pic_add { width:710px;height:250px; border:2px solid #129cc8 ; background-color: gray }
.sale_event_name_add { border: 0px; border-bottom:1px solid gray;}
.sale_event_host_pic_add {
width:224px;
height:110px; border:2px solid #129cc8 ;
background-image: url("../img/no_user_icon.png") ;
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
}
.sale_event_item_pic_add {
width:150px;max-height:60px;
overflow:hidden;
height:60px;
position:relative;
border:0px solid #129cc8 ; background-color: lightgray ;
}
.pic-btn {
position:absolute;top:5px;left:6px;
z-index:10;
opacity:0.5;
font-weight:bold;
font-size:80%;
}
.pic-btn-rm {
position:absolute;top:5px;right:6px;
z-index:10;
opacity:0.5;
font-weight:bold;
font-size:80%;
}
.hspan:hover { text-decoration:underline; cursor:pointer; }
#added_event_items .row { margin-bottom:1px;}
.event_check_ok {
background-color:green;
padding:10px;
margin-bottom:2px;
color:white;
}
.event_check_used {
background-color: yellow;
padding:10px;
margin-bottom:2px;
color:black;
}
.event_check_out {
background-color: pink;
padding:10px;
margin-bottom:2px;
color:black;
}
.event_check_err {
background-color:red ;
padding:10px;
margin-bottom:2px;
color:white;
}
#ticket_check_result {
font-size:40px;
padding:20px;
}
#ticket_prev_results div { font-size:24px; }
.last_ticket { font-size: 28px;font-weight:bold; background-color:lightgray; color:black !important; }
.select_event_div { width:200px; height:140px; border:1px solid blue; float:left;position:relative; white-space:nowrap; display:inline-block;
}
.choose_event_pic { width:90%; float:left; }
#selected_event_holder{
padding:10px;
}
.select_event{
width:190px;
height:120px;
margin:10px;
display:inline-block;
cursor:pointer;
overflow:hidden;
white-space:wrap;
border-radius: 4px; -moz-border-radius:4px; -webkit-border-radius:4px;
border:1px solid gray;
padding:3px;
}
.select_event:hover{
background-color:lightgray;
}
.selected_event_div {
background-color:lightgray;
border:2px solid gray;
font-weight:bold;
}
#chosen_event_r1 {
font-size:22px;
}
.sale_container {
margin: 20px;
padding: 10px;
min-height: 100%;
}
.ticket_data { width: 70%; display:block; float:left; }
.screen-reader-text {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
.dnone { display: none; }
.smallf { font-size:80%; }
.events_all .sale_qr_image { min-height:130px; cursor: pointer; }
#modal-box-end .sale_qr_image { min-height:240px; margin: 60px; }
#sale_extra_pic_add { width:100%;min-height:250px; border:2px solid #129cc8 ; background-color: gray }
#sale_extra_pic_add img { width:100%; }
#seats-nav-collapse { z-index:1000; }
.hm5{ margin-left:5px !important; margin-right:5px !important; }
.catspan { width:120px; overflow:hidden; }
#current_price_cats {
max-width:300px;
}
.catpricerow { border-bottom:1px solid #ebebeb; }
.navbar-ev {
margin:0px !important;
}
.modal-header-ev {
padding:0px !important;
}
.navbar-toggle {
background-color: #129cc8 !important ;
}
.navbar-toggle .icon-bar { background-color:white; }
.navbar-brand-middle {
margin:0 auto;
width:100%;
position:absolute;
top:0px;
left:0px;
text-align:center;
vertical-align:middle;
height:50px;
line-height:50px;
color:#129cc8;
font-size:18px;
z-index:0;
}
#events-nav-collapse, #seats-nav-collapse { z-index:1000; }
#chosen_seats_show {
vertical-align:middle;
line-height:40px;
color:#129cc8;
font-size:18px;
max-width:50%;
}
.aspan {
display:inline-flex !important;
width:80px !important;
text-overflow: ellipsis;
}
.aspan2 {
display:inline-flex !important;
width:40px !important;
text-overflow: ellipsis;
}
#seat_price_categories {
max-height:300px;
overflow-y:auto;
}
#add_new_pricecat {
cursor:pointer;
}
#event_master_show_available .slavesrow {
border: 1px solid gray;
flex-wrap: wrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size:75%;
}
.slavecell {
border-left: 1px solid gray;
display: flex;
flex-direction: column;
}
/******* misc *********/
input, a, button {
outline: none !important;
}
*:focus {
outline: none !important;
}
.captcha_reload {
cursor: pointer;
}
.captcha_img {
width: 100px;
height: 30px;
}
.captcha_img_box {
padding: 0px !important;
}
.input-prepend .captcha_img {
padding: 10px 0px 0px 5px;
}
.regCaptcha{
height: 55px;
padding: 12px 10px;
text-align: right;
border-right: 1px solid #CACACA;
}
input.button {
margin: 10px 0px 0px 0px;
padding: 5px 10px 5px 10px;
border: 1px solid #999;
}
input.button:hover {
background-color: #cacaca;
cursor: pointer;
}
.clear{
clear: both;
}
.left {
float: left;
margin: 0px 4px 0px 0px;
}
.c_p {
padding: 4px 0px 0px 0px;
}
.p_b {
padding: 0px 0px 10px 0px;
}
.m_t30 {
margin-top: 30px !important;
}
.m_0 {
margin: 0px;
}
#welcome{
float: right;
}
/*************************************/
.warning {
min-height: 20px;
font-size: 14px;
color: #ff0000;
}
.warning_fee {
min-height: 20px;
font-size: 14px;
color: #ff0000;
padding: 5px 0px 0px 5px;
}
.warning label {
display: inline;
font-size: 14px;
color: #ff0000;
}
/************* SPINNER ***************/
#spinner {
position: fixed;
top: 50%;
left: 50%;
display: block;
z-index: 100;
}
/***********************************/
table tr th {
/*
color: #fff;
background: url('../img/head-back-light.png') repeat-x;
*/
}
/*************************************/
#card_conf_box {
min-height: 290px;
padding: 30px 20px 0px 20px;
border: 1px solid #ddd;
border-top: 0px;
}
#token_card_box {
height: 263px;
padding: 10px;
border: 1px solid #ddd;
border-top: 0px;
}
#token_cards {
height: 244px;
overflow-y: scroll;
}
#token_cards .token_card_box:last-child{
border-bottom: 0px;
}
.token_card_box {
line-height: 26px;
padding: 5px 10px 5px 0px;
border-bottom: 1px solid #e5e5e5;
}
.token_card_box:hover {
border-bottom: 1px solid #00aaff;
}
#token_msg_error, #token_msg_success {
display: none;
}
#token_add_cards {
padding: 0px 0px 10px 0px;
}
#token_add_cards select {
width: 100%;
padding: 6px 12px 6px 12px;
background-color: #fff;
border-radius: 4px;
border: 1px solid #cccccc;
}
#card_code{
color: #08c;
cursor: pointer;
}
.invoice_form, #incaso_other_box {
display: none;
}
#reg_cards .warning label, #conf_card .warning label, #reg_pers .warning label, #reg_jur .warning label, #reg_card_atm .warning label, #cards_conf .warning label, #card_edit_form label, #warning label, #invoice_form .warning label, #grid_search_form .warning label, #einvoice .warning label {
margin: 0px;
font-weight: normal;
}
#reg_cards table tr td .captchaBox {
padding: 4px 0px 0px 0px;
}
#reg_card_date_box {
width: 160px;
float: right;
padding: 0px;
}
#reg_card_date {
display: flex !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
#reg_card_date select {
padding: 6px 10px 6px 10px;
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
/*text-overflow: '';*/
border: 0px;
text-align: center;
text-align-last: center;
background: transparent !important;
cursor: pointer;
}
#reg_card_date span {
padding: 5px 5px 0px 5px;
}
#rc_date_box {
text-align: right;
margin: 0px;
}
#rcbs_data {
position: relative;
}
.pfl {
float: left !important;
}
.custom_modal_footer {
padding: 0px 0px 20px 20px;
text-align: left;
}
#verify_card_info .modal-dialog {
width: 60%;
}
#atm_error, #cards_error, #rcbs_token_box, #rcbs_data, #amount_trans {
display: none;
}
#rcbs_token_box .panel-epay > .panel-body, #reg_card_atm .panel-epay > .panel-body {
padding-right: 0px !important;
}
/*******************************/
#fee_box {
display: none;
}
#transfer_loading, #card_loading {
height: 10px;
background: url('../img/status.gif') no-repeat;
}
#reg_done_msg {
text-align: center;
color: #ff0000;
}
/*******************************/
#checkAll {
cursor: pointer;
}
#delAll{
float: right;
cursor: pointer;
}
/******/
.center {
float: none;
margin :0px auto 0px auto;
}
.show_captcha {
display: block !important;
}
.captcha_active {
display: block !important;
}
.captcha {
display: none;
}
/********************/
#confirm_info {
text-align: center;
}
.show {
display: block !important;
}
/*********************/
#reg_bancomat {
width: 500px;
}
.reg_b_info {
width: 362px;
}
.reg_b_info .pull-right {
padding: 1px 0px 0px 0px;
}
/****** card fee *******/
#fee {
padding: 12px 0px 0px 0px;
color: #ff0000;
}
/********* PAGING ********/
.grid_box {
position: relative;
}
.paging_box {
width: 265px;
margin: 0px auto 0px auto;
}
.page_back {
float: left;
width: 20px;
height: 33px;
background: transparent url('../img/arrow_l.png') no-repeat;
}
.page_next {
float: left;
width: 20px;
height: 33px;
background: transparent url('../img/arrow_r.png') no-repeat;
}
.page_back:hover, .page_next:hover {
background-position: 0 -33px;
cursor: pointer;
}
.paging {
float: left;
padding: 0px 20px 0px 20px;
}
.page {
float: left;
width: 60px;
margin: 5px 0px 0px 0px;
text-align: center;
border: 1px solid #000;
}
.page_info {
float: left;
line-height: 30px;
padding: 0px 5px 0px 5px
}
table.grid {
font-family: 'Roboto_Regular';
font-size: 14px;
table-layout:fixed;
word-wrap: break-word;
}
.grid tr th .arrow{
float: right;
width: 9px;
height: 11px;
background: transparent url('../img/sort_arrows.png') no-repeat;
cursor: pointer;
}
/***************** ERROR BOX ************/
#params_error { /* reg card b stmt */
display: none;
}
/***************************************/
.input-prepend .popover-title {
display: none;
}
.remaining_tries {
height: 60px;
}
.remaining_tries .none {
display: none;
}
.m_terms {
height: 400px;
overflow-y: scroll;
}
/********************************/
.copy_addr label {
min-height: 20px;
font-size: 14px;
color: #ff0000;
padding: 5px 0px 0px 5px;
visibility: hidden;
}
/********************************/
#fileupload {
display: none;
}
.fileupload-error {
float: left;
width: 252px;
height: 252px;
padding: 10px;
margin: 0px 10px 0px 0px;
display: none;
}
.fileupload .thumbnail img {
max-width: 190px;
max-height: 140px;
}
.fileupload .btn-file {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #F5F5F5;
background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
border-image: none;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
color: #494949;
cursor: pointer;
display: inline-block;
font-size: 14px;
line-height: 20px;
margin: 5px 0px 0px 0px;
padding: 4px 12px;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
}
.fileupload-del {
float: right;
margin-left: 5px !important;
}
/*********** card amount ***************/
#amount_data, #data_stat {
display: none;
}
#card_amount .modal-content .modal-body {
min-height: 150px;
}
#enter_pass h3 {
margin: 0px;
padding: 0px 0px 10px 0px;
}
/*************/
.popover-content .close {
position: absolute;
top: -2px;
right: 2px;
}
.popover .popover-content label {
font-weight: normal;
}
.help {
height: 20px;
}
.line {
padding: 0px 0px 24px 0px;
}
#grid_search_box, #grid_search_box:hover td, table.search_table:hover td {
color: #000;
background-color: #DDEEFF !important;
}
table.grid th {
vertical-align: middle !important;
border-bottom: 1px solid #ddd;
}
table.grid .grid-search {
border-bottom: 1px solid #ddd;
}
table.grid td {
vertical-align: middle !important;
}
#card_conf_grid #grid_search_form .table-hover > tbody > tr:hover > td,
#api_tokens_grid #grid_search_form .table-hover > tbody > tr:hover > td {
color: #00aaff;
cursor: pointer !important;
}
td.warning:hover {
color: #ff0000 !important;
cursor: none !important;
}
.grid_search {
float: left !important;
padding-right: 0px !important;
}
.grid_help, .grid_search_btn {
float: right !important;
}
.sb {
width: 55px;
}
.pb {
width: 82px;
}
.date_n, .lb {
float: left;
width: 50% !important;
}
#grid_search_form table.table-hover > tbody > tr:hover > td {
color: #00aaff;
cursor: default;
}
table.table-hover > tbody > tr.grid-search:hover > td {
color: #000 !important;
}
.grid_help_box, .grid-search {
display: none;
}
/******************************/
.popover_item {
position: relative;
}
#new_code_msg {
margin-top: 10px;
min-height: 20px;
font-size: 14px;
}
/*****************************/
.right {
float: right;
}
/************* pdf **************/
.f_item_num {
float: left;
width: 100%;
padding: 7px 2px 0px 0px;
text-align: right;
}
.f_del_icon {
padding: 8px 0px 0px 0px;
}
.f_del_icon:hover {
color: #ff0000;
cursor: pointer;
}
#f_add_item {
float: left;
padding: 5px 0px 10px 15px;
}
#f_add_item:hover {
color: #ff0000;
cursor: pointer;
}
.item_line {
position: relative;
}
.item_line .warning {
position: absolute;
bottom: 7px;
left: 30px;
}
.item_line_title {
padding: 0px 0px 5px 0px;
}
#f_amount .col-lg-10, .discount_add .col-lg-11 {
text-align: right;
padding-right: 0px;
}
.discount_add .col-lg-1 {
padding-left: 5px;
text-align: right;
}
.v_line {
border-right: 1px solid #cacaca;
}
.pt {
padding: 6px 0px 0px 0px;
}
#grid_search_box, .grid_search_box {
display: none;
}
.pdf {
cursor: pointer;
}
#total_error, #success_pdf, #view_invoice_pdf {
display: none;
}
.view_invoice_center {
float: left;
padding: 7px 0px 0px 0px;
}
.active_out {
display: none !important;
}
.active_in {
display: block !important;
}
.inline_in {
display: inline-block !important;
}
.fileupload-exists {
margin: 0px !important;
}
.text_left {
text-align: left;
}
.hide, .hide_field {
display: none;
}
#card_conf_grid #grid_search_form .table-hover > tbody > tr.no_pointer:hover > td,
#card_edit_grid #grid_search_form .table-hover > tbody > tr.no_pointer:hover > td {
color: #ff0000;
cursor: default !important;
}
/********/
.epay_blue {
color: #1a9fc9;
}
.card_main a, #main_card_box a {
text-decoration: none;
}
#card_iban, .card_iban {
font-size: 12px;
color: #494949;
text-transform: uppercase;
}
.card_iban del {
color: #999;
}
.imp_msg {
color: #ff0000;
}
/****** CUSTOM SCROLL ******/
#main_card_box {
height: 106px;
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
overflow: hidden;
}
#main_card_box table {
margin: 0px !important;
border-top: 1px solid #d9d9d9;
}
#main_card_box table > tbody > tr > td:first-child {
padding-left: 10px;
}
#main_card_box table > tbody > tr > td:nth-child(1),
#main_card_box table > tbody > tr > td:nth-child(2),
#main_card_box table > tbody > tr > td:nth-child(4),
#main_card_box table > tbody > tr > td:nth-child(5) {
padding-top: 6px !important;
}
#main_card_box table > tbody > tr > td:last-child {
text-align: right;
}
#main_card_box table > tbody > tr > td {
border: 0px !important;
}
#main_card_box table > tbody > tr {
height: 35px;
}
.grid_card_color, .epcard_limits_header {
background-color: #efefef;
}
#add_del_cards {
min-height: 40px;
text-align: right;
padding: 10px 20px 0px 0px;
}
#add_del_cards a {
font-family: Roboto_Regular;
font-size: 12px;
color: #676767;
}
.no_security {
padding: 3px 10px 3px 10px;
font-size: 14px;
}
#add_card {
padding: 0px 10px 0px 0px;
}
.pointer {
cursor: pointer;
}
/*************************/
#user_data_box {
height: 160px;
padding: 8px 0px 4px 0px;
}
#avatar_box {
float: left;
width: 150px;
padding: 15px 0px 0px 22px;
}
#avatar_box img {
border-radius: 2px;
}
#level_box {
float: left;
width: 315px;
}
#user_level_box {
width: 313px;
padding: 0px;
height: 10px;
border-radius: 2px;
border: 2px solid #9ea7ae;
}
#user_level_msg {
width: 312px;
height: 30px;
padding-top: 5px;
font-family: Roboto_Regular;
font-size: 13px;
}
.level_msg_pos1 {
text-align: left;
}
.level_msg_pos2 {
text-align: center;
}
.level_msg_pos3 {
text-align: right;
}
.user_level {
float: left;
width: 103px;
height: 6px;
}
.user_help {
display: none;
}
.level1 {
background-color: #df343c;
}
.level2 {
background-color: #fbc700;
}
.level3 {
background-color: #48c8b1;
}
.pad_0 {
padding: 0px 0px 0px 0px;
}
.text_right {
text-align: right;
}
.text_left {
text-align: left;
}
.card_user {
min-height: 252px;
font-family: Roboto_Regular;
border-color: #ccc;
border-radius: 2px;
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.25);
}
.card_user > div:not(.panel-heading) {
display: block !important;
}
.card_user.hidden_panel > div:not(.panel-heading) {
display: none !important;
}
.card_user .panel-heading {
height: 32px;
padding: 3px 0px 0px 0px;
background-color: #f5f5f5;
border: 0px;
cursor: pointer;
}
#appr_box {
display: block !important;
}
#user_footer {
min-height: 56px;
padding: 6px 0px 6px 0px;
background-color: #ececec;
}
#user_footer #security_info {
display: inline-block;
width: 74%;
padding: 3px 10px 0px 10px;
}
#security {
display: inline-block;
width: 24%;
height: 44px;
padding: 0px 20px 0px 10px;
border-right: 1px solid #cbcbcb;
}
@media screen and (max-width: 768px) {
#user_footer #security_info,
#security {
width: 100%;
}
#security {
padding-bottom: 10px;
height: auto;
border-bottom: 1px solid #cbcbcb;
}
}
.lock_icon {
text-align: center;
}
.lock_icon .glyphicon-lock {
padding: 0px 10px 0px 0px;
}
.card_user .panel-heading div {
line-height: 25px;
font-size: 16px;
font-family: PT_Sans_Regular;
}
.user_text_right {
line-height: 25px;
text-align: right;
font-size: 13px;
padding: 0px 0px 0px 0px;
font-family: Roboto_Light;
}
.user_text_left {
line-height: 25px;
text-align: left;
font-size: 14px;
padding: 0px 0px 0px 10px;
}
/*********************/
#user_image_upload {
margin: -2px 0px 0px 0px;
padding: 0px 0px 17px 0px;
}
.upload_logo_box {
width: 252px;
height: 252px;
margin: auto;
padding: 5px;
overflow:hidden;
border-radius: 4px;
background: #fff url('../img/waitingcircle.gif') center center no-repeat;
border: 1px solid #cacaca;
}
.upload_logo_actions {
width: 252px;
margin: auto;
text-align: center;
padding: 10px 0;
}
.upload_logo_box img {
width: 240px;
}
.logo_buttons {
width: 100%;
margin-bottom: 10px;
}
.avatar_actions {
width: 252px;
margin: auto;
}
.avatar_actions > *,
.avatar_actions #save_avatar {
width: 100%;
margin-bottom: 10px;
}
#user_logo {
content: url("../img/ezp.png");
}
#avatar_progress .alert {
padding: 15px 15px 0px 15px !important;
}
.show_level:hover {
text-decoration: underline;
color: #0088cc;
cursor: pointer;
}
#user_email, #kep {
text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;
}
#micro, #card_iban, #micro_na, .micro, .card_iban {
padding-left: 20px;
}
#main_card_box .glyphicon-ok {
color: #19bc9c !important;
}
#main_card_box .glyphicon-warning-sign {
color: #999 !important;
}
#main_card_box .glyphicon-ban-circle {
color: #e22f2f !important;
}
/************************/
body {
height: 100%;
}
.s_container {
margin: 20px auto 0px auto;
padding: 0px;
min-height: 100%;
}
@media (min-width: 992px) {
.s_container {
width: 980px;
}
}
.top_box {
float: left;
width: 475px;
}
.card_box {
margin: 0px 30px 0px 0px;
font-size: 14px;
}
.card_main {
padding: 15px 0px 15px 0px;
}
.card_main .micro {
font-family: Roboto_Regular;
font-size: 14px;
padding-left: 15px;
word-wrap:break-word;
}
.card_main #micro_na {
float: left;
width: 365px;
font-family: Roboto_Regular;
font-size: 14px;
color: #ee0000;
}
.card_main .saldo_box {
font-family: Roboto_Medium;
font-size: 14px;
color: #414141;
text-align: center;
}
.card_main .add_funds {
font-size: 14px;
color: #414141;
}
.card_main #micro_activate {
float: right;
width: 100px;
padding: 0px 20px 0px 5px;
font-size: 14px;
color: #414141;
}
.mCSB_inside > .mCSB_container {
margin-right: 15px;
}
.mCSB_scrollTools {
width: 10px;
}
.level_box {
float: left;
width: 105px;
font-family: Roboto_Regular;
padding-top: 5px;
padding-bottom: 5px;
color: #5c5c5c;
}
#user_levels {
margin: 0px 0px 5px 0px;
border-bottom: 1px solid #ddd;
}
.user_data {
float: left;
width: 50%;
}
#avatar_error {
width: 220px;
display: none;
}
#avatar_success {
display: none;
}
.avatar_help {
float: right;
color: #08c;
cursor: pointer;
}
#card_edit_grid_modal_edit #warning, #card_edit_grid_modal_edit #edit_success, #atm_msg, #card_conf_err, #ticket_progress, #card_conf_content, #card_conf_success, #card_exp_success, #card_warning_exp, #refs_error, #invoice_grid_modal_del_ok, #invoice_grid_modal_del_err, .no_tax_msg, #state_3d_err, #state_3d_success, #ep_event_descr_box, #video_err, #video_qr_code, #video_upload_err, #video_upload_ok, #step2_trans_error {
display: none;
}
#card_edit_grid_modal_edit #card_edit_status_box {
min-height: 100px;
}
#no_cards {
margin: 0px 12px 0px 10px;
}
/******* detail statements ***************/
#detail_info_box {
min-height: 260px;
padding: 10px;
border: 1px solid #ddd;
border-top: 0px;
}
#pay_req_box {
position: relative;
padding: 10px;
border: 1px solid #ddd;
border-top: 0px;
}
table .print_t {
width: 100%;
}
.print_t tbody > tr > td {
padding: 0px;
border: 0px;
}
#long_descr_view {
word-wrap: normal !important;
}
#long_descr_print {
margin: 0px;
border: 0;
word-wrap: normal !important;
}
.popover_help {
float: right;
color: #08c;
cursor: pointer;
}
.search_amount_help {
margin-top: 5px;
float: right;
color: #08c;
cursor: pointer;
}
#reg_merchant_tab2 table tr td:first-child {
text-align: right;
}
#reg_merchant_tab2 table tr:first-child th {
border-top: 0px;
}
select[name="ACCOUNT"] {
background-color: #fff;
}
/*****************/
.micro_info {
padding: 0px 5px 0px 5px;
}
.card_name_box, .card_name_box2 {
width: 140px;
word-wrap:break-word;
}
/***************************************/
.ctab {
padding: 10px;
border: 1px solid #ddd;
border-top: 0px;
}
#merchant_info_box {
padding: 30px 0px 0px 0px;
}
#no_einvoice, #einvoice, #einvoice_error, #einvoice_ab, #einvoice_box_error, #einvoice_box, #fav_error, #fav_success, .fav_del_error, .fav_del_success {
display: none;
}
.card_edit_label {
padding: 25px 0px 0px 0px;
}
.card_edit_label_msg {
padding: 25px 0px 0px 10px;
}
#card_edit_exp_form .form-group {
padding: 0px;
margin-bottom: 10px;
}
#card_edit_exp_form .f_size .card_edit_label, #card_edit_exp_form .f_size .card_edit_label_msg {
padding-top: 0px;
}
#card_exp_header {
padding: 20px 0px 20px 0px;
}
#exp_cvc .popover_help {
width: 38px;
text-align: right;
}
#card_edit_tab1 {
padding-top: 20px;
}
#card_conf_error {
margin-top: 10px;
display: none;
}
#card_tab_atm {
margin-bottom: 10px;
}
#card_conf_grid_modal_row {
font-family: PT_Sans_Regular;
}
.align_right {
text-align: right;
}
.fav_del_btn {
padding: 0px !important;
}
.fav_del_btn .popover {
width: 300px;
}
.modal-row-title {
padding: 0px 0px 5px 0px;
}
.fav_img_link {
float: left;
}
/*******************************/
.f_box {
padding: 10px 10px 10px 10px;
background-color: #fff;
border: 1px solid #ddd;
border-top: none;
}
ul.f_info {
padding: 0px 0px 0px 25px;
}
#token_list_reload {
display: none;
}
#add_share, #share_data, #share_error, #share_error_msg, #sale_error, #card_edit_grid_delete_func, #card_del_err, #card_del_action, #tan_info, #card_del_ok, #inv_tab_error, #corr_phone_data, #corr_email_data, #email_inv_error, #email_inv_success, #pdf_sm, #invoice_download, #stmts_inv_pdf_box, #exp_up_data, #sale_items_error, #puk_box, #stmrs_state_msg {
display: none;
}
.hed_raz {
text-align: center;
font-size: 12pt;
}
#p_total {
float: right;
padding: 10px;
font-size: 1.1em;
font-weight: bold;
padding-left: 20px;
background-color: #efeeee;
}
table.bl_link {
margin-top: 50px;
border: 2px solid #2c7cae;
border-left: 12px solid #2c7cae;
}
table.bl_link td p {
margin: 0px 0px 0px 80px;
padding: 0px;
}
table.suma {
margin-top: 15px;
}
table.suma td {
line-height: 3em;
padding: 0px 5px;
}
table.suma td.st {
border-top: 1px solid #b1afaf;
}
table.suma td.sts {
border-top: 1px solid #b1afaf;
padding: 0px;
}
table.descr {
border-bottom: 3px solid #000000 !important;
border-top: 2px solid #8c8c8c !important;
}
.p_foot {
padding-top: 20px;
}
#stmt_info_tab2 {
padding-top: 20px;
}
#stmt_info_tab2 table {
font: 11pt Arial, Helvetica, sans-serif;
}
#pdf_share_save, #share_stmt_del, #share_stmt {
cursor: pointer;
}
#share_link_modal {
text-align: left;
}
#share_box_p a {
color: #494949;
text-decoration: none;
word-wrap: break-word;
}
#share_box_p a:hover {
color: #2a80b9;
}
.textarea_merc {
min-height: 100px;
}
#logo-orga .logo {
height: 79px;
max-height: 79px;
width: 164px;
max-width: 164px;
float: none;
background-size: cover;
background-position: center center;
}
#sale_history_promo_ticket {
min-width: 200px;
}
#sale_item_name {
min-width: 130px;
}
#ticket_box img, #ticket_box_inline img {
display: none;
}
.form-control {
resize: none;
}
.sale_pay_info {
float: left;
color: #129cc8;
}
.sale_pay_info:hover {
color: #005580;
cursor: pointer;
}
.chart-pie-label {
padding: 10px 0px 10px 0px;
}
.sales_checked {
min-width: 110px;
}
#del_card {
padding-bottom: 10px;
}
.del_card_info {
padding-bottom: 20px;
}
.like_link {
float: left;
color: #129cc8;
}
.like_link:hover {
color: #005580;
cursor: pointer;
text-decoration: underline;
}
#share_stmt_header, #share_stmt_pay_info {
table-layout: fixed;
margin-bottom: 15px;
}
#share_stmt_header #logo_merchant {
width: 20%;
}
#share_stmt_header #share_stmt_title {
width: 60%;
word-wrap: break-word;
}
/*
#share_stmt_header #share_stmt_f {
width: 20%;
}
*/
#share_stmt_pay_info #share_stmt_pay_data {
width: 80%;
}
#share_stmt_pay_info #qr_img {
width: 20%;
text-align: right;
}
#share_stmt_f #share_stmt_f1 {
text-align: left;
}
#share_stmt_f #share_stmt_f2 {
text-align: right;
}
#contact_data {
float: right;
}
#print_data #print_data_col1, #print_data #print_data_col2{
width: 50%;
}
#card_edit_exp_form .card_exp_name {
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
.gdpr_label {
font-weight: bold !important;
}
@media (max-width: 768px) {
#share_stmt_header #logo_merchant, #share_stmt_header #share_stmt_f, #share_stmt_f #share_stmt_f1, #share_stmt_pay_info #share_stmt_pay_data {
float:left;
width: 100%;
}
#share_stmt_header #share_stmt_title {
float:left;
width: 100%;
padding-top: 10px;
}
#share_stmt_f #share_stmt_f1 .img-responsive, #logo_merchant .img-responsive {
margin: 0px auto;
}
#share_stmt_pay_info #share_stmt_pay_data p {
margin: 0px;
}
#share_stmt_f #share_stmt_f2, #share_stmt_pay_info #qr_img {
float:left;
width: 100%;
text-align: center;
}
#exp_cvc .popover_help {
width: 14px;
}
#card_edit_exp_form .c_edit_data {
text-align: left;
padding-left: 10px;
padding-right: 10px;
}
#card_edit_exp_form .card_exp_name {
text-align: left;
}
}
@media (max-width: 991px) {
#footer_contact {
text-align: center;
}
#contact_data {
float: none;
}
#footer_contact .left {
float: none;
text-align: center;
}
#f_y {
text-align: center;
}
}
#descr_box {
text-align: left;
border-top: 2px solid #8c8c8c;
border-bottom: 3px solid #000000;
}
.italic {
font-style: italic;
}
.datepicker {
z-index: 9999 !important;
}
#inv_send_mail {
display: none;
padding-top: 10px;
}
#inv_send_mail .form-control {
width: auto;
display: inline;
}
input[name="SEND_PDF_INVOICE_EMAIL"], #pdf_sm, #send_inv_pdf {
width: 200px !important;
}
.inline_inv_box {
display: inline-block;
line-height: 20px;
}
.inline_inv_box a {
border: 1px solid #000;
width: 200px;
display: inline-block;
float: left;
}
.inline_inv_box button {
border: 1px solid #000;
width: 200px;
display: inline-block;
float: left;
margin-left: 4px;
}
#invoice_overlay {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
border-radius: 0 !important;
}
.invoice_z1 {
z-index: 1;
}
.invoice_z0 {
z-index: 0;
}
#msg_box {
width: 100%;
height: 55px;
}
#success_msg, #error_msg {
display: none;
padding: 0px 10px 0px 10px;
}
#promo_t_mail .left {
width: 40% !important;
}
.like_link {
color: #129cc8;
}
.like_link:hover {
color: #005580;
text-decoration: underline;
cursor: pointer;
}
.p_10 {
padding: 10px;
}
#card_edit_close_modal {
display: none;
padding: 10px;
}
.p_code_sm_title {
display: none;
}
.ecode_list_box, .code_alllist_box {
max-height: 180px;
overflow-y: scroll;
}
.prow {
border-bottom: 1px solid transparent;
}
.prow:hover {
border-bottom: 1px solid #00aaff;
}
.center_align {
text-align: center;
}
#sales_items_list {
position: relative;
}
.sales_items_data {
width: 100%;
display: block;
}
.sales_items_data th, .sales_items_data td {
width: 65.33%;
padding: 5px;
text-align: left;
display: inline-block;
vertical-align: top;
}
.sales_items_data td.s_i_count {
width: 14%;
}
.sales_items_data td.s_i_price {
width: 14%;
text-align: right;
}
.sales_items_data tr {
width: 100%;
display: block;
}
.sales_items_data thead {
width: 100%;
color: #000;
font-weight: bold;
display: block;
}
.sales_items_data tbody {
width: 100%;
display: block;
}
#buyer_mobile_info, #buyer_name_info, #buyer_email_info, #buyer_mobile_info, #promo_code_choice, #promo_code_usage, #promo_code_price, #promo_code_date, #promo_tickets_all, .promo_max_cnt_up, #add_promo_code_err, #promo_discount_err, #promo_code_box, #add_promo_code_err_modal, #promo_code_box_modal, #promo_discount_err_modal, #dis_box, .inv_send_msg, #invoice_send_box, #discount_add_box, #no_dds_box, #det_stmt_form_err, #p_err, #inc_jur_err, #sms_fee, #email_fee, #sms_email_fee, #tan_req_box {
display: none;
}
#promo_code_err {
margin-top: 10px;
display: none;
}
#delivered {
cursor: pointer;
}
#bar1_title {
text-align: center;
}
#drag_slider {
position: relative;
width: 310px;
height: 10px;
margin: 0px auto 0px auto;
background-color: #cacaca;
}
#drag_btn {
position: absolute;
left: 0px;
top: 0px;
width: 10px;
height: 10px;
background-color: #ff0000;
cursor: pointer;
}
.sales_canvas_pie {
width: 300px;
}
#chart_bars_info {
margin-top: 10px;
}
.tab_box {
padding: 10px;
border: 1px solid #ddd;
border-top: 0px;
}
.b_w {
word-wrap: break-word;
}
.prow {
padding-top: 5px;
padding-bottom: 5px;
}
.promo_code_title {
font-weight: bold;
border-bottom: 1px solid #cacaca;
}
.promo_code_title:hover {
border-bottom: 1px solid #cacaca;
}
.prow .p_list_data {
padding: 0px 10px 0px 10px;
text-align: left;
}
.code_active {
cursor: pointer;
}
.promo_list_box {
border: 1px solid #cacaca;
}
#promo_code_data {
padding-top: 10px;
}
#code_promo_new {
max-width: 200px;
}
.code_promo_input {
width: 100px;
}
.code_promo_date {
width: 140px;
}
.code_alllist_box .checkbox {
margin-top: 0px;
margin-bottom: 0px;
}
#promo_code_usage .code_promo_input, #promo_code_usage_modal .code_promo_input {
float: left;
}
#promo_code_usage .max_ticket_info, #promo_code_usage_modal .max_ticket_info {
float: left;
padding: 6px 0px 0px 10px;
}
.p_list_data .input-group {
max-width: 100px;
margin: 0px auto 0px auto;
}
.p_list_data .input-group input {
height: 25px;
padding: 0px 5px 0px 5px;
}
.p_list_data .input-group .input-group-addon {
cursor: pointer;
}
.p_list_data .input-group .input-group-addon {
padding: 4px;
}
.promo_line_msg {
padding-top: 2px;
}
.promo_max_cnt {
padding-top: 2px;
height: 25px;
text-align: center;
cursor: pointer;
}
#promo_price_cats {
display: none;
margin-top: 10px;
}
#promo_price_cats_modal {
margin-top: 10px;
}
#event_promo_code_grid #promo_code_progress, #event_promo_code_grid #err {
margin-top: 10px !important;
}
#sales_refs .text-right {
padding-top: 5px;
}
@media (max-width: 768px) {
.top_box {
width: 95vw;
margin: 0px 10px 0px 10px;
}
.card_box {
margin: 0px 10px 0px 10px;
}
.saldo_box {
text-align: right !important;
padding-right: 30px;
}
#avatar_box {
margin: auto;
text-align: center;
float: none;
padding: 0;
}
#level_box {
width: 100%;
float: none;
margin: auto;
}
#user_level_box {
width: 90%;
margin: auto;
}
.user_level,
.level_box {
width: 33.33%;
}
#user_level_msg {
width: 100%;
}
#sales_refs .text-right {
text-align: left;
}
#main_card_box { height: 218px !important; }
.card_main .add_funds {
margin-top: 10px;
font-size: 15px;
}
#add_del_cards {
text-align: left;
padding: 10px 20px;
}
#add_del_cards a {
float: left;
width: 50%;
font-size: 15px;
text-align: center;
}
#add_del_cards::after {
content: " ";
display: block;
clear: both;
}
}
@media (max-width: 991px) {
.promo_code_title {
display: none;
}
.p_code_sm_title {
display: block;
font-weight: bold;
}
.ecode_list_box {
max-height: 215px;
height: 215px;
}
.code_alllist_box {
max-height: 130px;
height: 130px;
}
.list_ticket_sm {
max-height: 255px;
height: 255px;
}
.center_align, .promo_max_cnt {
text-align: left;
}
.prow {
border-bottom: 0px;
}
.prow:hover {
border-bottom: 0px;
}
.p_list_data .input-group {
margin: 0px;
}
.promo_line_msg {
padding-top: 0px;
}
}
#ticket_details_table th.center {
text-align: center !important;
}
#ticket_details_table thead > tr > th {
vertical-align: bottom !important;
border-bottom: 2px solid #129cc8 !important;
}
#ticket_details_table tbody > tr > td {
padding: 0px;
}
#ticket_details_table tbody > tr > td > div {
padding: 5px;
}
.t_details_tables .grid_card_color {
font-weight: bold;
}
#ticket_detail_summary {
text-align: center;
padding: 10px;
background-color: #efefef;
border: 1px solid #cacaca;
}
#sales_det_report .checkbox {
padding-top: 28px;
}
.container-main {
padding-top: 20px !important;
max-width: 1000px;
}
#pending_reg_table_wrapper,
#pending_noreg_table_wrapper {
display: none;
}
#pending_reg_header {
margin-bottom: 20px;
}
#pending_bills_footer {
margin-top: -20px;
}
#no_pending_bills_msg {
padding-top: 20px;
}
#no_pending_bills_msg > .panel {
margin-bottom: 0;
}
.pay-bills-form {
padding-top: 8px;
}
#pay-bills-form-actions {
display: flex;
}
#pay-bills-form-actions > .form-group {
margin-left: 5px;
}
#pay-bills-form-actions > .form-group:last-child {
display: flex;
justify-content: space-between;
}
#pay-bills-form-actions > .form-group:last-child > .btn {
margin-left: 5px;
}
#pending_bills_footer .panel-body {
padding: 15px 5px;
}
.mb_0 {
margin-bottom: 0px !important;
}
.pt_10 {
padding-top: 10px !important;
}
@media (max-width: 768px) {
.modal-header {
position: relative;
}
.modal-header .close {
/*! margin-top: -2px; */
font-size: 48px;
position: absolute;
right: 15px;
top: 0;
}
.btn-epay,
.pay-bills-form input,
.pay-bills-form select {
font-size: 17px !important;
}
.bills-btns a {
display: block;
width: 100%;
text-align: left;
padding: 15px 0px 15px 0px;
font-size: 17px;
}
#pay-bills-form-actions {
flex-direction: column;
}
#pay-bills-form-actions > .form-group:last-child > .btn {
margin: 0 !important;
}
}
/***** registration *******/
.group_label {
padding: 10px 0px 0px 0px;
}
.waiting_reg{
position: fixed;
top: 50%;
left: 50%;
display: none;
background: url("../img/waiting.gif") no-repeat ;
background-size: auto;
z-index: 4100;
margin: 2px 1px 1px 2px;
}
.reg_box {
padding: 10px 10px 10px 10px;
background-color: #fff;
border: 1px solid #ddd;
border-top: none;
}
#registrationBox {
padding: 0px;
}
#registrationBox .warning {
min-height: 22px;
}
.show_terms, .show_terms2 {
min-height: 20px;
font-size: 14px;
color: #ff0000;
text-decoration: underline;
cursor: pointer;
}
.show_terms2:hover, .show_terms2:focus {
color: #ff0000;
}
#registrationBox h2 {
text-align: center;
}
#reg_pers #egn {
min-height: 60px;
display: block;
}
#birthday {
min-height: 60px;
display: none;
}
input[name=same_address], input[name=TERMS], input[name=PERSONAL_DATA] {
margin: 0px 5px 5px 0px;
cursor: pointer;
}
.no_margin {
margin: 0px 0px 0px 0px !important;
}
.reg_help_box {
width: 100%;
}
/**** end reg ****/
.autocomplete_multi_row {
padding: 10px 0px 10px 0px;
}
#ips_list_box, #edit_ips_list_box {
position: relative;
}
#ips_list-component-help ~ .popover {
z-index: 9999 !important;
}
#ips_list_box textarea, #edit_ips_list_box textarea {
width: 100%;
height: 100px;
}
#reg_jur_oper_modal .has-error .checkbox-epay span:before, #jur_opers_grid_modal_edit .has-error .checkbox-epay span:before {
border-color: #C00;
}
pre#gdpr_response,
pre.wrap-text.pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
#new_promo_confirmation { margin-left:5px}
#promo_confirmations_holder .row { margin-left:5px; }
.bootstrap-datetimepicker-widget { z-index:10000; }
#copy_promo_conf_res { color:green; }
.slave_events_row label, .master_events_row label {
border: 1px solid #fff;
display: block;
}
.slave_events_row label input[type="checkbox"], .master_events_row label input[type="checkbox"] {
margin-right: 5px;
}
#slave_events_box, #master_events_box {
max-height: 150px;
overflow-y: scroll;
padding: 10px;
background-color: #fff;
border: 1px solid #bfbfbf;
}
.slave_events_row label:hover, .master_events_row label:hover {
border-bottom-color: #cacaca;
cursor: pointer;
}
#event_master ~ label, #event_slave ~ label {
cursor: pointer;
}
.invoice_dds_btn {
text-align: right;
}
.invoice_incaso_view .row {
padding-bottom: 15px;
}
h3#inv_num {
margin-top: 5px;
}
#invoice_form #mail_send, #invoice_form_info #mail_send {
display: none;
padding-left: 20px;
}
#invoice_form .control-label, #invoice_form_info .control-label {
font-weight: normal;
}
.grid_empty_btn {
width: 14px;
display: inline-block;
}
.info_show {
display: block;
}
#to_new_code {
padding-right: 10px;
}
.col-4 {
position: relative;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 576px) {
.col-4 {
float: left;
width: 33.33333333333333%;
}
}
#epcards_data_box {
padding: 20px 0px 20px 0px;
}
#epcards_data_box label input, #reg_ep_micros label input {
margin-right: 5px;
}
#epcards_data_box label, #reg_ep_micros label {
font-weight: normal;
}
#reg_ep_micros {
padding: 30px 0px 50px 0px;
}
.epcard_limits_row input { font-size:80%; padding:3px; }
#epcard_limits_btn_cancel , #epcard_limits_btn_default , #epcard_limits_btn_save { display:none; }
.g-row-hdr { border-bottom: 2px solid #1a9fc9 ; border-top: 2px solid #1a9fc9 ; }
.gcont { padding:5px; word-wrap:break-word; }
.g-row-hdr .gcont { font-weight: bold; }
.actionsrow { padding-bottom:10px;padding-top:2px; vertical-align: middle; text-align: center; }
.actionsrow button { margin-left: 30px; }
@media (max-width: 1023px) {
.g-row-main { border-bottom:2px solid #1a9fc9 ; }
.g-row { border-bottom: 1px solid #ddd;}
.g-row:last-child { border:0px solid black ; }
.g-row-hdr { display:none; }
.gcont {
display: block;
position: relative;
padding-left: 50%;
padding-top: 5px;
padding-bottom: 5px;
text-align: right;
border: none;
word-wrap:break-word;
}
.gcont:before {
content: attr(colpre)" : ";
display: inline-block;
border-right: 2px solid transparent;
border: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
max-height: 100%;
float:left;
padding-top: 5px;
padding-left: 5px;
text-align: left;
}
}
.switch {
position: relative;
display: block;
vertical-align: top;
min-width: 100px;
height: 30px;
padding: 3px;
margin: 0 10px 10px 0;
background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
border-radius: 18px;
box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
cursor: pointer;
box-sizing:content-box;
}
.switch-input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
box-sizing:content-box;
}
.switch-label {
position: relative;
display: block;
height: inherit;
font-size: 10px;
text-transform: uppercase;
background: #eceeef;
border-radius: inherit;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
box-sizing:content-box;
}
.switch-label:before, .switch-label:after {
position: absolute;
top: 50%;
margin-top: -.5em;
line-height: 1;
-webkit-transition: inherit;
-moz-transition: inherit;
-o-transition: inherit;
transition: inherit;
box-sizing:content-box;
}
.switch-label:before {
content: attr(data-off);
right: 11px;
color: #aaaaaa;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
padding-left:33px;
}
.switch-label:after {
content: attr(data-on);
left: 11px;
color: #FFFFFF;
text-shadow: 0 1px rgba(0, 0, 0, 0.2);
opacity: 0;
padding-right:33px;
}
.switch-input:checked ~ .switch-label {
background: #E1B42B;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
opacity: 1;
}
.switch-handle {
position: absolute;
top: 4px;
left: 4px;
width: 28px;
height: 28px;
background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
border-radius: 100%;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -6px;
width: 12px;
height: 12px;
background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
border-radius: 6px;
box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
left: 90%;
box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
/* Transition
========================== */
.switch-label, .switch-handle {
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease;
}
.switch-flat {
padding: 0;
background: #FFF;
background-image: none;
}
.switch-flat .switch-label {
background: #FFF;
border: solid 2px #eceeef;
box-shadow: none;
}
.switch-flat .switch-label:after {
color: #0088cc;
}
.switch-flat .switch-handle {
top: 6px;
left: 6px;
background: #dadada;
width: 22px;
height: 22px;
box-shadow: none;
}
.switch-flat .switch-handle:before {
background: #eceeef;
}
.switch-flat .switch-input:checked ~ .switch-label {
background: #FFF;
border-color: #0088cc;
}
.switch-flat .switch-input:checked ~ .switch-handle {
/*left: 72px;*/
background: #0088cc;
box-shadow: none;
}
#tokens_list_box {
max-height:200px;
overflow-y:scroll;
overflow-x:hidden;
}
#card_delete_information_label {
padding: 5px;
text-align:center;
font-weight:bold;
}
.card_expired {
background-color: #fcf8e3;
color:red;
}
.card_expired:hover {
background-color:rgba(0, 0, 0, 0.2);
}
.red {
color:red;
}
#card_renew_result_div { text-align:center;}
.ep_menu_anchor {
cursor: pointer;
}
.navbar-right #show_help {
margin-top: 5px;
}
#incaso-form_jur {
position: relative;
}
#incaso-form_jur .component-checkbox {
cursor: pointer;
}
#incaso-form_jur .component-checkbox span:before {
margin-right: 5px;
}
#incaso_reason_active, #incaso_reason_inactive {
list-style-type: none;
}
#incaso_reason_active, #incaso_reason_inactive {
padding: 20px;
}
#incaso_reasons .panel-body {
padding-left: 0px;
padding-right: 0px;
}
.incaso_reasons_active, .incaso_reasons_inactive {
padding: 5px 5px 5px 5px;
margin-bottom: 5px;
cursor: pointer;
}
#incaso_reason_transfer {
font-size: 26px;
padding-top: 100px;
text-align: center;
}
#incaso_reason_active input, #incaso_reason_inactive input {
min-width: 50px;
}
.easypay_gold_card {
width: 100%;
max-width: 270px;
min-width: 85px;
}
#no_tax_msg_data {
padding: 0px 25px 0px 25px;
}
#cvc_3ds_info {
display: none;
padding-bottom: 15px;
}
#main_pending_box {
position: relative;
}
#pending_search_box {
position: absolute;
top: -48px;
right: 15px;
display: none;
}
.demo_logo {
float: left;
padding-top: 17px;
font-size: 20px;
font-weight: bold;
}
.front_nav > li {
background-color: transparent;
}
.demo_login_err_msg {
color: #ff0000;
}
.demo_captcha {
padding-top: 10px;
}
#microconf_box #approver_wait_msg {
padding: 0px 25px;
}
#approver-additional-msg, #global-modal-additional_msg {
padding-top: 10px;
}
.appr_bills_list {
max-height: 200px;
overflow-y: scroll;
}
.ui-autocomplete {
float: left;
margin: 0px;
padding: 0px;
list-style: none;
background-color: #fff;
border: 1px solid #cacaca;
z-index: 100;
}
.ui-autocomplete li {
padding: 10px;
border-bottom: 1px solid #cacaca;
}
.ui-autocomplete li:hover {
border-bottom-color: #000;
cursor: pointer;
}
#modal_box_footer_msg {
padding-top: 10px;
text-align: left;
}
img.appr_qr {
border: 1px solid #cacaca;
}
#approver_req_box a:hover {
text-decoration: none;
}
.grid_hepl_box {
display: none;
padding: 10px;
}
.grid_box .grid_err_msg div {
margin-top: 20px;
}
.pl0 {
padding-left: 0px;
}
.epc_h {
border-bottom: 2px solid #129cc8;
}
.right_th {
padding-right: 5px;
}
.right_td {
padding-right: 30px !important;
text-align: right;
}
.user_video_btn {
margin-bottom: 10px;
border: 1px solid #cacaca;
}
.user_video_btn:hover {
border-color: #333;
}
.user_video_upload {
display: none !important;
}
#user_idcard_req {
margin-top: 5px;
display: none;
}
.label_t {
padding-top: 39px;
}
.gcont .input-group-addon { color:red !important; padding-left:5px !important; padding-right:5px !important;font-size:85% !important; }
#some_je_new_cond2, #some_je_new_contr, #some_je_new_cond2, #some_je_new_cond {
text-align: justify;
}
.word_wrap {
word-wrap: break-word;
word-break: break-word;
overflow-wrap: break-word;
}
.bg_eur_amount {
height: 40px;
display: grid;
align-items: center;
padding: 0px 4px !important;
}
.bgn_eur_amount_input input, .bgn_eur_amount_input .input-group-btn, .bgn_eur_amount_input .input-group-btn button, .bgn_eur_select {
height: 40px !important;
}
@media (max-width: 991px) {
.bg_eur_amount {
min-height: 34px;
padding-left: 12px !important;
padding-right: 12px !important;
height: auto !important;
}
.bg_eur_amount div {
display: inline-block;
padding-left: 5px;
}
.bgn_eur_amount_input input, .bgn_eur_amount_input .input-group-btn, .bgn_eur_amount_input .input-group-btn button, .bgn_eur_select {
min-height: 34px;
height: auto !important;
}
}