@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/4400232a46e4e51a7fe5.eot); src: local("Open Sans Regular"), local("OpenSans-Regular"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/4400232a46e4e51a7fe5.eot?#iefix) format("embedded-opentype"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/6379ff14ef2da99e6af8.woff2) format("woff2"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/b56bfab3a974b0372ce2.woff) format("woff"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/000a487cc733e851683b.ttf) format("truetype"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/ca242b9a0f3755256260.svg#OpenSans) format("svg"); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/5b4b84e480cc99ccb31b.eot); src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/5b4b84e480cc99ccb31b.eot?#iefix) format("embedded-opentype"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/ec6ba010f7b26d2e0162.woff2) format("woff2"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/1912647fe1c1eb7edbd9.woff) format("woff"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/2dd76cbc022354bcb097.ttf) format("truetype"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/34b0c09951aa350dce69.svg#OpenSans) format("svg"); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/22c52b19a2abdfe3332e.eot); src: local("Open Sans Bold"), local("OpenSans-Bold"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/22c52b19a2abdfe3332e.eot?#iefix) format("embedded-opentype"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/823f59cfa1c585080a68.woff2) format("woff2"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/a4e7dc39186f44739b9a.woff) format("woff"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/73453920a716b8ec1348.ttf) format("truetype"), url(//www.sqvirt.com/wp-content/plugins/vxbas/public//../../dist/aea032be21d441404a5e.svg#OpenSans) format("svg"); }
.vxbas-holder {
display: flex;
flex-wrap: wrap;
justify-content: left; }
.vxbas-holder * {
box-sizing: border-box; }
.vxbas-holder.ch .vxbas-singleBasHost .number a, .vxbas-holder.ch .vxbas-singleBasHost .price {
font-size: 22px; }
.vxbas-holder .vxbas-singleBasHost {
margin-bottom: 1rem !important;
position: relative;
background-color: #eeeeee;
max-width: 320px;
min-width: 162px;
transition: box-shadow 0.3s;
min-height: 300px;
cursor: pointer; }
.vxbas-holder .vxbas-singleBasHost:last-child {
margin-right: 0; }
.vxbas-holder .vxbas-singleBasHost:hover {
box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.3); }
.vxbas-holder .vxbas-singleBasHost img {
cursor: pointer;
width: 100%; }
.vxbas-holder .vxbas-singleBasHost .vxbas-ddi {
color: #00cc00; }
.vxbas-holder .vxbas-singleBasHost.online .vxbas-indicator {
background-color: #00cc00; }
.vxbas-holder .vxbas-singleBasHost.talking .vxbas-indicator, .vxbas-holder .vxbas-singleBasHost.connected .vxbas-indicator, .vxbas-holder .vxbas-singleBasHost.incoming .vxbas-indicator, .vxbas-holder .vxbas-singleBasHost.videochat .vxbas-indicator {
background-color: yellow; }
.vxbas-holder .vxbas-singleBasHost.offline .vxbas-indicator {
background-color: dimgrey; }
.vxbas-holder .vxbas-singleBasHost .vxbas-indicator {
position: absolute;
top: 10px;
left: 10px;
width: 16px;
height: 16px;
border-radius: 50%; }
.vxbas-holder .vxbas-singleBasHost .vxbas-imageHold {
position: relative; }
.vxbas-holder .vxbas-singleBasHost .vxbas-imageHold .vxbas-img {
padding-top: 75%;
background-position: center center;
background-size: cover; }
.vxbas-holder .vxbas-singleBasHost .vxbas-hostName {
width: 100%;
position: absolute;
bottom: 0;
text-align: center;
background-color: rgba(0, 0, 0, 0.7);
color: white;
transition: line-height 300ms;
font-size: 20px;
line-height: 1;
margin-bottom: 0 !important; }
.vxbas-holder .vxbas-singleBasHost p {
margin: 0;
line-height: 1.2;
padding: 10px;
text-align: center; }
.vxbas-holder .vxbas-singleBasHost .vxbas-cta {
font-size: 16px; }
.vxbas-holder .vxbas-singleBasHost .vxbas-number a {
text-decoration: none !important;
font-size: 23px;
font-weight: bold; }
.vxbas-holder .vxbas-singleBasHost .vxbas-price {
font-size: 10px; }
.vxbas-holder .vxbas-singleBasHost:hover .vxbas-hostName {
line-height: 2; }
.vxbas-holder .vxbas-singleBasHost .languages {
position: absolute;
top: 5px;
right: 5px; }
.vxbas-holder .vxbas-singleBasHost .languages span {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin-left: 5px; }
.vxbas-holder .vxbas-singleBasHost .languages span.DE {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAMAAABODP0nAAAAD1BMVEVpAA3yuSfgAB/22SgAAACUl/BqAAAAAnRSTlPOzl822E8AAAAfSURBVHgBY2AhEoxQhUQDJiLBCFXISCRgYCYSjEyFALzsCgHwTPLdAAAAAElFTkSuQmCC); }
.vxbas-holder .vxbas-singleBasHost .languages span.EN {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAMAAABODP0nAAAClFBMVEUaInqprM02PYri4+7IL1nNP2b77/K8ADT////mn7NTWZsdJXy8ATW+CDrp6vLaco///v7EIE3Fx939+PnVYIAmLYHhi6O9BTjjlavUXH2rrs5HTZT29vrNQmkeJXzCFUUzOol7gLL+/v56f7L67fEkLIDORWvEH03AEEHMPGTGJlKPk75kaaWRlb/LOmJBR5D9/f7AD0D23OO+CTv67PDGJ1OVmcH01d74+Pusr8/op7nrscGbn8W/Cz1ITpUgKH7no7bf1OLILFfz0dr78fSBhra+BjlUWpxtcqohKX5iZ6To0t4bI3soMIJwdazGyN5gZqMqMoPUW3z9+frTWHrjk6nn6PHCsszk5e/78PNKUJa+BzrhjqWtqMn34ef77vHdjaaXmMDExt3v2+TAEULbd5PQscjBEkI3PovZdJDiv9DFIk/wzdcrMoSFibjacY7ce5YiKn/fwdHBE0NOVJjc3es5P4zh4u7++/yancTpq7za0+Pm1OHuvcre3+zoprjw3eZ3fLDikqj++vvV1uYnLoFMU5eJjbvxyNPTVnjnpbfqrr+Tl8Dpr8BWXJ3ry9ejp8rsxtP7/P2ytNK9v9jIyN309fkvNob23eScoMbNQGc6QY3x8ffFJFHr7PTprL3hjKPVxtjs7fTvxNDa2eh4fbHCFkbZcI3rs8JeZKL39/rLOWHSU3bdfJfHKVXp4erkl6x1eq/89ffKNF36+vzkssRNU5i0ttPaprzILVjvwc4wN4fKzOClp8rX2ejHKFTwxtLYaoj019+5t9Legpvh0+DDG0neg5y9Aza/DT7XaIfQTXG/DD7jnLH56O1xdq1cYqGRk77dk6rSVHcyOYjDxdzCF0aopcdFTJOqrc3Zb4zbe5e0xNduAAABwElEQVR4AWPgj+dIkmZAAsys7OzsbFxIIq09/WrsDLwpMcEGUgq4Fcop1ojwCHYxJEvyZFcJrNIVxaFQp7qAV0NMmINBQSpHln31Yo55ytxYFLZNlZAXz1fhaOkDcqSFVqxjX2PEURqArrBscq8We+cMjjA/H4i+lUs2LBNfbsLhb4esMLByoia7ZgfHtPZCuIO5l65fa2woJqxkyQRTaO/qHcKu1c0xacJ0BmQgqtsA9JuVgIUZH1ihjSO/m3xoBccUfZgKRhgQ4nDm5DTn4OAAK+Sw5nRw4eAoh0szcGIAU6BCCQxRBnYiAQ0UsmAAW6CwE4YoAwcqgPsaHTAwQUGJEAdHnKS6bJYMWCEfB0etnvrBo+dh8tDQVNWW4YhM5U1PSPSFxIy7RwTHpiNnTh4/rI8ULdwb+Tiam4qjM2MzEHHtmTeH49ypE8fO7t0NU3dhHwfH/LnsQeFRqKknd+YWjkOn2Xdu1VYFSdy4ysFxQI99VpoXZnqcvV2JY9dmdrWiRm6GmwYcRpfZ9+9Q5saawrft4RCoF+QRWcjAYXJL/Nqli6I484xOHYfwAg1eBjFD49vXr+DLhXKKizhU+AHENm8UA/jwxAAAAABJRU5ErkJggg==); }
.vxbas-holder .vxbas-singleBasHost .languages span.FR {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAMAAABODP0nAAAAD1BMVEXmgZnX2ObXADAxPZT09PRP8DfjAAAAAnRSTlPOzl822E8AAAAcSURBVHgBY2BGBowsSICBCRkMtMJRhaMKRxUCAPJICj86BsNwAAAAAElFTkSuQmCC); }
.vxbas-holder .vxbas-singleBasHost .languages span.IT {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAMAAABODP0nAAAAD1BMVEXY5tvmgZnXADA8kkf09PSr0MV/AAAAAnRSTlPOzl822E8AAAAcSURBVHgBY2BGBgwsSICRCRkMtMJRhaMKRxUCAPEdCj8jip0SAAAAAElFTkSuQmCC); }
.vxbas-holder .vxbas-singleBasHost .languages span.ES {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAMAAABODP0nAAAA4VBMVEW1ACrTpyS9nThaWkpkYE1ybEv0xjL0wyfFMSljShhoY0iijUP0wyjUoyN6ah2zgDd+PjG7oUSSdzbbrCjmvjvpvzWPdyC6jh6ggD+phUqaikm8lT2QTy60hS+OUi20gyO6ikygb0CGWDOSYkl9TCKRTymLYB6Xhj6ScDuQbDV6VR93aCGJcx+4hESVaUSwVCFfRxeij2F9ZCl6SiCCLRyJcGRTNyiOPjaVLx6fQDaHRxp9Q1CLZ2x1RF2TVDF9RDGOSilpXku0gSI/OS1mLymidR1UOi+KTRq3myR8MhmQdX9q9YZ+AAAAeElEQVR4AWMYVoCDSMDATiRAUiiqLsJDjEIJDSNNITaCCnnF1Qw4ObWEGQkpFNPW9zQ3NdThI6RQWs/C2dLWS1eSkEJVexMzN2sbOzlCCmWUja1cXJ0UBAgpZJJScXfwkBfkJqSQlVlWyVGRn4uFgELCgPi4Hk4AAJNWF1vs7dxtAAAAAElFTkSuQmCC); }
.vxbas-holder .vxbas-singleBasHost .languages span.DA {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAMAAABODP0nAAAAFVBMVEW9ADn////rsMLBEEXSUHfstcXxydVH520CAAAALUlEQVR4AWNABsyMQMDCgBtQrnBUIRMSYAUpZGPCChgYiQTUV0i0G+kcjqMKAYMUAeWOEprXAAAAAElFTkSuQmCC); }
.vxbas-holder .vxbas-singleBasHost .languages span.FI {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAMAAABODP0nAAAAElBMVEX///8fNX1WZ506To0lO4EsQYXHfL7nAAAALElEQVR4AWNAAkyMIMDMgA+MKsQliwCsYIUsTFgBAyORYCgoJNrX1AnwUYUAxN4CCWSZMuMAAAAASUVORK5CYII=); }
.vxbas-holder .vxbas-singleBasHost .languages span.NL {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAMAAABODP0nAAAAD1BMVEUwRYefEy////9+i7S9XG+SGmzFAAAAH0lEQVR4AWNgJBKMUIUsRAIGJiLBCFXITCRgwAdGAQCTZgRhgyjWwAAAAABJRU5ErkJggg==); }
.vxbas-holder .vxbas-singleBasHost .languages span.PL {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAMAAABODP0nAAAACVBMVEXlW3rXADD///9MOL+1AAAAAXRSTlPI1VmS5AAAABpJREFUeAFjYCISDFqFowqJBoxEgsGqcFQhACpQBSnxsc3ZAAAAAElFTkSuQmCC); }
.vxbas-holder .vxbas-singleBasHost .languages span.PT {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAMAAABODP0nAAABXFBMVEXqAB+9wCHOi1nu4OKlqB2wsh+kpxwqaAqnlR2mqB13ZLndxcjSKB3FLxy6TxtLdw9NdhBafhG1cxymqR7hDR/UJx7JPh7OMB80bAu4ShtbexGmnR2VmBqDlhi2dR2ZoBtIdQ9bfxJYgBGHiRijlxzQ1CTY2yafoRyjjkDiDB93eBWvsh7Z3CbKzSOgpRwzawqPmRmXnxuoj0DGTR5ggRKwozzu8irSwEargD6ChReanxu+wSGpekSzf0fCxSKofDzy9irSvUimlDzDdFW4e1O1SB+vsR+odD+vfkaRUBmqrB6+blTAxCHTj154ahbPiFW2QhzBxCKNVRi8vyGFchfMfFq5hkveAh+zdlK7gE2TayjdAh/avce8g0iNZinmAB/Cs9SNahiGeci4ck67f03EvuOMgMqNOhWOaRa9rNHDtNTZwMqXZBnbAB3KxebNx+fMxeaPPxXAsNSaYhkwFmQ+AAAAs0lEQVQoz2NgRwEMuMFQU6hvYqxJhEIFQzdGH1YOUUIKFY08mFIimWw1xPArVOJ0D2HIKWbws9ESx6vQwCs0lzszi5vB11oOr0Kr4ORC5rx85vQIRhW8Ci0DYzO4ktK4EsPslPEq1HPwj89OLYhhcDGTxqtQlsUpKK4oIcrTVF0Ir0IBGV37gOhwVwtVYV784SjIouPo7WyuxslHKGb45bXZ2Fg5eIiIawkpSZFhk3DxKQQAYCUhUUqUPkkAAAAASUVORK5CYII=); }
.vxbas-holder .vxbas-singleBasHost .languages span.RU {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAMAAABODP0nAAAAD1BMVEW+CC+Znsf09PTXAB4xPZRAqlPwAAAAAnRSTlPOzl822E8AAAAfSURBVHgBY2AiEoxQhYxEAgYWIsEIVUg0YCYSjEyFACKOCgE4AG42AAAAAElFTkSuQmCC); }
.vxbas-holder .vxbas-singleBasHost .languages span.TR {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAMAAABODP0nAAAAh1BMVEXQACf52uDZM1L77O/SCzDRBy3UFzr////qi53XJUbka4HYK0vTEDXWIELaNlT42uDwrLnpiJrWIUPVGj3UFDf65eneSWTgWXLrkKHRBSvUFjr30tnfVG7qjp/cQF3cQV7slqfqkaL1xs/++/z99PXrl6b++fn++frrkaL54OX54eblcYfYLk6fPFEYAAAAd0lEQVR4AWMYpoBTnomVCGXi/OzszIwcLITUcbCzC3AzMLBx8eBXJ8POLgFh8TGI4FMoza4lCWUKK4ox8OJSJ8XOLgtjCymoiQriUqjDzq4N87uSMrsKA1EmqqqLCuJxoybcjRpAN1Lka8xwpDxmYP6VA8b1yAAAkRkGMPPxF3gAAAAASUVORK5CYII=); }
.vxbas-holder .vxbas-singleBasHost .languages span.CZ {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAMAAABODP0nAAAAsVBMVEX////AAir7+/zCASktQ3msCzXDASnEACgpRXvlkKEvSn/5+vtzJFO9gJlGOGxBOm6PnrpUapWAHkycqcJQZ5MxTIBMNWihrcWpDDalDjn9/v58IE4tRnxLYpD8/P3a3+jQ1uIrRHrU2uVIN2p2I1IsR32Uor2iDzrd4uouSX5ab5nBASqvCTMxQXfDACj+/v6nssljd5/m6e9QNGZTMmWEHEouQ3g0ToKyCDJfdJzi5u2lASt9AAAAfklEQVQoz43KNRbCAABEwQCBXdzd3d25/8Go4aX4U09wvgSMn6cji/b7A6PrzQ6L9mYFozPVAYt2eQij14s4i3ZtAqPnpSyLdn8Eo3v5dKT/WFwq2m8c52IisdCWQAxnW5E4bUkght2ESGwkJRAflZRIvO4kEPf3g0i8vYR8AeQ8Ff2an4D0AAAAAElFTkSuQmCC); }
.vxbas-holder .vxbas-singleBasHost .languages span.HU {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAXCAMAAAC/B6aqAAAAD1BMVEX///88kke7AC/VYH14tIA7pgHoAAAAH0lEQVR4AWNgIg6MOHXMxAEG7GAUsBAHGBiJAyNNHQDrIARFFLYvkQAAAABJRU5ErkJggg==); }
.vxbas-holder .vxbas-singleBasHost .languages span.RO {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAMAAABODP0nAAAAD1BMVEXYby3TuDgcKny7AC/z0C6wdrniAAAAAnRSTlPOzl822E8AAAAcSURBVHgBY2BCBowsSICBGRkMtMJRhaMKRxUCANK/Cj9U6A45AAAAAElFTkSuQmCC); }
.vxbas-holder .vxbas-singleBasHost .languages span.US {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAYAAAB50g0VAAAEX0lEQVRIic2WS0xcVRjHf+feO0+GGWAYhgLlUaC1RaCk03eLpaWJqY2xiY/EWlNTN0YXrow1JsaNicaNpksTNy6MGk10U23T1iiW2Aep2JFSKRmBQqEw72Fe9x4XUN4gLTblvzn33HPvzf/+zne+7xPbj30qY+NpClx2hu5GKStyERgMUlteiL93mIaaYq50DbCtbi0XOwM0N1Vx7nIPB7bWcKb9Jgf2bKKuvZ1X7CmiUiBYmSTM+obwtL4vVVVlPJUh124iGkuS58phZDRGkdvB0N0YZV4nfYMhykvz6e0fY11ZAT19Y2yo9OC/3MOpD1/i9ed2rtDawtLqqoqwmjVGgnFKi5wEbgdZX+Hhj5uDbN5QwhX/ALsbKjifyrK3oYJ4LEVzYyXhyDgHfOvwX+9nvKuXxHmVlCEn/noOkcXu3bu/5Ny5912Z0SUmTSWdzmK1aCRSGRw2M/FECkeOlVA0SV6ujVAkQb7LTjAcx53vYGQsRqEnjxPdHbwY7Cci1GVRmbuNSxJsbqoiHEviLXAQGAxRXebmRmCYxvUlXPqzj12bK7lwuYf922o4097N4b2b+PZ8J8+2NvDVj9c40lpPbqkJb3UrTqlM0xKzScx0J8Ss6RQ1AcjJ9Snylh0nJUIgpUSZHIUQGIaBoijohoGqqhi6jqKq6FkdVVPRdR1VVUiPxTj18XFee6ppmUzuT9p+XzU2i8adsTjlxS56+kbZuM7L1a4Btm6aOLktvmp+utjNoT2P8f2F6xzZ/zhfn+3k5cNb+OCzc4x+eZo7l34jocv52O7RWhDnf0vYd74jhSLI6AZmTSWd1TFrKql0FpvFRCKVwW41kUhmyLGaiY4ncdqtRBIpnHYLoXiat0O3OBoaIKKo02bmRPusuJuxNneLETO2WYK2b0s1oeg4Re4c+ofCVJUW0B0Yob52DVf8/exoqOCXjlu0+CZi8OiTjfzw818cO9TEN2c7ef5gIx6Tj9rWjaR148EwLUXQ3fKeTGcNrGaNRDKNw24hEkuS77RxN5zAk5fDcDBGsTuX2yMRSj0u+ofDrPW6CAyFWJtn561XW3njhV3/uzkA4Tv6ibSYNUbDcdYUOvlnMEhNeSH+njvU1xbT0XWb7fXltHX00uyr5tzvf3NwRy2n227w9L46vvjuEicdcU6YE0Tvs47IZZxozWEzo6mCwlwbmqpQ6LKjAMUFDgSCErcDXTco8TjJZnQqPE7SGZ0Kr4tkKkNlZRGuxAB6MopcZh6cZXKR+VSaCaayUgKKEBiGRFEmRlUVZHUDTVXIZg00TSWT1TFNjmaTSjqjYzFrWKTEhIFccSWeL5G46n/ABDAtAx6KOQDR5n1ixQYfprTi4888ag9LSkgpVzfBvo8+n7iaDCEp53cakjnpQE5n/cVK2NQ7i1SMeRVkEYlf83evaoJi9HTb6ja42mNQdB55U8LCrfdMzWzdZ8bN3MZFSJBi9jeW20Ev9JwWv3ZjmEVD/dHrX4H9zuWs+us3AAAAAElFTkSuQmCC); }
.vxbas-header {
box-sizing: border-box;
display: flex;
line-height: 1.2;
margin-bottom: 0 !important;
text-align: left; }
.vxbas-header .vxbas-flexingcode {
display: flex;
flex-wrap: wrap; }
.vxbas-header #numberSelection {
margin-top: 0.3em; }
.vxbas-header .vxbas-infosection {
display: flex;
flex: 1 1 33.333333%;
padding: 1em;
background-color: rgba(0, 0, 0, 0.1); }
.vxbas-header .vxbas-infosection:nth-child(2) {
background-color: rgba(0, 0, 0, 0.3); }
.vxbas-header .vxbas-stepnumber div {
margin-right: 0.5em;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
text-align: center;
border: 1px solid red;
border-radius: 50%; }
.vxbas-header .vxbas-numberinput {
width: 4em;
margin-left: 0.2em;
padding: 0 3px;
line-height: 1;
border: none;
min-height: 35px;
margin-right: 10px; }
.vxbas-header input[type="submit"], .vxbas-header .vxbas-chat-button {
padding: 10px;
border: none;
border-radius: 5px;
min-height: 35px;
line-height: 1; }
.vxbas-header input[type="submit"]:hover, .vxbas-header .vxbas-chat-button:hover {
box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.3); }
.vxbas-header .vxbas-button {
display: inline-block;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
text-align: center;
border-radius: 4px;
opacity: .5;
cursor: pointer; }
.vxbas-header .vxbas-button.active {
opacity: 1; }
.vxbas-info-line {
margin-top: 0 !important;
margin-bottom: 1em !important;
padding: 5px 10px;
font-size: 10px; }
.vxbas-info-line.ch {
font-size: 1em; }
.vxbas-countryselector {
margin-bottom: 5px !important; }
.vxbas-countryselector img {
opacity: 0.3; }
.vxbas-countryselector .active img {
opacity: 1; }
.vxbas-Pagination {
margin-bottom: 1em; }
.vxbas-Pagination .vxbas-btn {
display: inline-block;
margin-right: 0.1em;
text-align: center;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
background-color: green;
color: white;
text-decoration: none !important; }
.vxbas-Pagination .vxbas-btn.disabled {
background-color: dimgrey; }
#vxbas-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5); }
#vxbas-overlay .vxbas-indicator {
width: 16px;
height: 16px;
border-radius: 50%;
float: left;
margin-right: 10px;
margin-top: 3px; }
#vxbas-overlay.online .vxbas-indicator {
background-color: #00cc00; }
#vxbas-overlay.talking .vxbas-indicator, #vxbas-overlay.connected .vxbas-indicator, #vxbas-overlay.incoming .vxbas-indicator, #vxbas-overlay.videochat .vxbas-indicator {
background-color: yellow; }
#vxbas-overlay.offline .vxbas-indicator {
background-color: dimgrey; }
#vxbas-overlay.de .price, #vxbas-overlay.at .price {
font-size: 10px; }
#vxbas-overlay #vxbas-modal {
width: 96%;
max-width: 950px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 5px; }
@media (max-width: 600px) {
#vxbas-overlay #vxbas-modal {
text-align: center; } }
#vxbas-overlay #vxbas-modal .vxbas-infos {
display: flex;
margin-top: 1em; }
#vxbas-overlay #vxbas-modal .vxbas-leftarrow, #vxbas-overlay #vxbas-modal .vxbas-rightarrow {
flex: 0 1 1em;
background-color: #aaaaaa;
position: relative;
cursor: pointer; }
#vxbas-overlay #vxbas-modal .vxbas-leftarrow:hover, #vxbas-overlay #vxbas-modal .vxbas-rightarrow:hover {
box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.3); }
#vxbas-overlay #vxbas-modal .vxbas-leftarrow div, #vxbas-overlay #vxbas-modal .vxbas-rightarrow div {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); }
#vxbas-overlay #vxbas-modal .vxbas-infocontent {
flex: 1 1 100%;
display: flex;
flex-wrap: wrap;
border: 1px solid #eee; }
#vxbas-overlay #vxbas-modal .vxbas-infocontent div {
flex: 1 1 auto;
border: 1px solid #eee;
text-align: center;
padding: 5px;
min-width: 20%;
font-size: 0.8em; }
@media (max-width: 600px) {
#vxbas-overlay #vxbas-modal .vxbas-infocontent div {
font-size: 0.7em; } }
#vxbas-overlay #vxbas-modal .vxbas-close {
position: absolute;
right: 15px;
top: 5px;
cursor: pointer; }
#vxbas-overlay #vxbas-modal .vxbas-header {
background-color: rgba(0, 0, 0, 0.1);
padding: 10px;
line-height: 1;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: flex;
font-size: 20px; }
#vxbas-overlay #vxbas-modal .vxbas-footer {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }
#vxbas-overlay #vxbas-modal .vxbas-flexnumber {
display: flex;
flex-wrap: wrap; }
@media (max-width: 600px) {
#vxbas-overlay #vxbas-modal .vxbas-flexnumber {
justify-content: center; } }
#vxbas-overlay #vxbas-modal .vxbas-number-input {
padding: 0 3px;
width: 4.5em;
min-height: 35px;
border: 1px solid #999;
margin-right: 10px; }
#vxbas-overlay #vxbas-modal .vxbas-start-button, #vxbas-overlay #vxbas-modal .vxbas-chat-button {
border-radius: 5px;
padding: 10px;
font-size: 16px;
border: none; }
#vxbas-overlay #vxbas-modal .vxbas-start-button:hover, #vxbas-overlay #vxbas-modal .vxbas-chat-button:hover {
box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.3); }
#vxbas-overlay #vxbas-modal .vxbas-body {
padding: 10px;
display: flex; }
@media (max-width: 600px) {
#vxbas-overlay #vxbas-modal .vxbas-body {
flex-direction: column; } }
#vxbas-overlay #vxbas-modal .vxbas-left {
flex: 1 1 39%;
margin-right: 1%; }
#vxbas-overlay #vxbas-modal .vxbas-right {
flex: 1 1 60%;
line-height: 1.3; }
#vxbas-overlay #vxbas-modal .vxbas-right .vxbas-cta {
font-size: 16px; }
@media (max-width: 600px) {
#vxbas-overlay #vxbas-modal .vxbas-right .vxbas-cta {
margin-top: 0.5em; } }
#vxbas-overlay #vxbas-modal .vxbas-right p {
margin: 0 0.5em 0 0; }
#vxbas-overlay #vxbas-modal .vxbas-right .vxbas-price, #vxbas-overlay #vxbas-modal .vxbas-right .vxbas-instruction, #vxbas-overlay #vxbas-modal .vxbas-right .vxbas-codeentry {
margin-bottom: 1.5rem; }
#vxbas-overlay #vxbas-modal .vxbas-right .vxbas-number a {
font-size: 26px;
font-weight: bold; }
#vxbas-overlay #vxbas-modal img.vxbas-big {
width: 100%;
margin-bottom: 0.5em; }
@media (max-width: 600px) {
#vxbas-overlay #vxbas-modal img.vxbas-big {
display: none; } }
#vxbas-overlay #vxbas-modal img.vxbas-small {
width: 33%;
float: left;
cursor: pointer;
margin-right: 0.5%; }
#vxbas-overlay #vxbas-modal img.vxbas-small:nth-child(4) {
margin-right: 0; }
.vxbas-hidden {
display: none !important; }