/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./http-root/wp-content/plugins/vxbas/sass/base.scss ***!
  \********************************************************************************************************************************************/
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(4400232a46e4e51a7fe5.eot);
  /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(4400232a46e4e51a7fe5.eot?#iefix) format("embedded-opentype"), url(6379ff14ef2da99e6af8.woff2) format("woff2"), url(b56bfab3a974b0372ce2.woff) format("woff"), url(000a487cc733e851683b.ttf) format("truetype"), url(ca242b9a0f3755256260.svg#OpenSans) format("svg");
  /* Legacy iOS */ }

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url(5b4b84e480cc99ccb31b.eot);
  /* IE9 Compat Modes */
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(5b4b84e480cc99ccb31b.eot?#iefix) format("embedded-opentype"), url(ec6ba010f7b26d2e0162.woff2) format("woff2"), url(1912647fe1c1eb7edbd9.woff) format("woff"), url(2dd76cbc022354bcb097.ttf) format("truetype"), url(34b0c09951aa350dce69.svg#OpenSans) format("svg");
  /* Legacy iOS */ }

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url(22c52b19a2abdfe3332e.eot);
  /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(22c52b19a2abdfe3332e.eot?#iefix) format("embedded-opentype"), url(823f59cfa1c585080a68.woff2) format("woff2"), url(a4e7dc39186f44739b9a.woff) format("woff"), url(73453920a716b8ec1348.ttf) format("truetype"), url(aea032be21d441404a5e.svg#OpenSans) format("svg");
  /* Legacy iOS */ }

.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; }