@import url("https://fonts.googleapis.com/css?family=Tenor+Sans");
@import url("https://fonts.googleapis.com/css?family=PT+Sans+Narrow:100,200,300,400,500,600,700&subset=latin,latin-ext");


@font-face {
    font-family: 'default';
    src:url('fonts/default.eot?71638712');
    src:url('fonts/default.eot?71638712#iefix') format('embedded-opentype'),
        url('fonts/default.woff?-4a5duq') format('woff'),
        url('fonts/default.ttf?71638712') format('truetype'),
        url('fonts/default.svg?71638712#default') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'custom';
    src:url('fonts/custom.eot?71638712');
    src:url('fonts/custom.eot?71638712#iefix') format('embedded-opentype'),
        url('fonts/custom.woff?-4a5duq') format('woff'),
        url('fonts/custom.ttf?71638712') format('truetype'),
        url('fonts/custom.svg?71638712#default') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media print {
    .no-print, .no-print *
    {
        display: none !important;
    }
}

[class^="icon-"], [class*=" icon-"],
div.error,
.b-controls .b-arrow div{
    font-family: 'default' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    min-width: 1em;
    text-align: center;
    display: inline-block;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-comment:before { content: '\e800'; } /* '' */
.icon-spin1:before { content: '\e801'; } /* '' */
.icon-star:before { content: '\e802'; } /* '' */
.icon-star-empty:before { content: '\e803'; } /* '' */
.icon-star-half:before { content: '\e804'; } /* '' */
.icon-star-half-alt:before { content: '\e805'; } /* '' */
.icon-picture:before { content: '\e806'; } /* '' */
.icon-camera:before { content: '\e807'; } /* '' */
.icon-ok:before { content: '\e808'; } /* '' */
.icon-home:before { content: '\e809'; } /* '' */
.icon-flag:before { content: '\e80a'; } /* '' */
.icon-thumbs-up-alt:before { content: '\e80b'; } /* '' */
.icon-thumbs-down-alt:before { content: '\e80c'; } /* '' */
.icon-quote-left:before { content: '\e80d'; } /* '' */
.icon-quote-right:before { content: '\e80e'; } /* '' */
.icon-gplus:before { content: '\e80f'; } /* '' */
.icon-rss:before { content: '\e810'; } /* '' */
.icon-location-1:before { content: '\e811'; } /* '' */
.icon-vk:before { content: '\e812'; } /* '' */
.icon-header:before { content: '\e813'; } /* '' */
.icon-resize-full-alt:before { content: '\e814'; } /* '' */
.icon-zoom-in:before { content: '\e815'; } /* '' */
.icon-zoom-out:before { content: '\e816'; } /* '' */
.icon-down-open:before { content: '\e817'; } /* '' */
.icon-up-open:before { content: '\e818'; } /* '' */
.icon-left-open:before { content: '\e819'; } /* '' */
.icon-right-open:before { content: '\e81a'; } /* '' */
.icon-arrows-cw:before { content: '\e81b'; } /* '' */
.icon-circle-empty:before { content: '\e81c'; } /* '' */
.icon-dot-circled:before { content: '\e81d'; } /* '' */
.icon-circle:before { content: '\e81e'; } /* '' */
.icon-android:before { content: '\e81f'; } /* '' */
.icon-apple:before { content: '\e820'; } /* '' */
.icon-users:before { content: '\e821'; } /* '' */
.icon-print:before { content: '\e822'; } /* '' */
.icon-linux:before { content: '\e823'; } /* '' */
.icon-linkedin:before { content: '\e824'; } /* '' */
.icon-pinterest-circled:before { content: '\e825'; } /* '' */
.icon-skype:before { content: '\e826'; } /* '' */
.icon-twitter:before { content: '\e827'; } /* '' */
.icon-vimeo-squared:before { content: '\e828'; } /* '' */
.icon-phone:before { content: '\e829'; } /* '' */
.icon-youtube:before { content: '\e82a'; } /* '' */
.icon-picture-1:before { content: '\e82b'; } /* '' */
.icon-help-circled-1:before { content: '\e82c'; } /* '' */
.icon-info-circled:before { content: '\e82d'; } /* '' */
.icon-info-1:before { content: '\e82e'; } /* '' */
.icon-home-1:before { content: '\e82f'; } /* '' */
.icon-print-1:before { content: '\e830'; } /* '' */
.icon-chat:before { content: '\e831'; } /* '' */
.icon-location:before { content: '\e832'; } /* '' */
.icon-map:before { content: '\e833'; } /* '' */
.icon-compass:before { content: '\e834'; } /* '' */
.icon-trash:before { content: '\e835'; } /* '' */
.icon-basket-1:before { content: '\e836'; } /* '' */
.icon-cart:before { content: '\e837'; } /* '' */
.icon-globe-1:before { content: '\e838'; } /* '' */
.icon-globe-2:before { content: '\e839'; } /* '' */
.icon-user:before { content: '\e83a'; } /* '' */
.icon-mail:before { content: '\e83b'; } /* '' */
.icon-tablet:before { content: '\e83c'; } /* '' */
.icon-pencil-alt:before { content: '\e83d'; } /* '' */
.icon-at:before { content: '\e83e'; } /* '' */
.icon-commerical-building:before { content: '\e83f'; } /* '' */
.icon-facebook-squared:before { content: '\e840'; } /* '' */
.icon-facebook:before { content: '\e841'; } /* '' */
.icon-ok-circle:before { content: '\e842'; } /* '' */
.icon-ok-2:before { content: '\e843'; } /* '' */
.icon-plus:before { content: '\e844'; } /* '' */
.icon-plus-squared:before { content: '\e845'; } /* '' */
.icon-minus:before { content: '\e846'; } /* '' */
.icon-minus-squared:before { content: '\e847'; } /* '' */
.icon-share:before { content: '\e848'; } /* '' */
.icon-export:before { content: '\e849'; } /* '' */
.icon-export-alt:before { content: '\e84a'; } /* '' */
.icon-share-squared-1:before { content: '\e84b'; } /* '' */
.icon-block:before { content: '\e84c'; } /* '' */
.icon-filter:before { content: '\e84d'; } /* '' */
.icon-angle-double-right:before { content: '\e84e'; } /* '' */
.icon-angle-double-left:before { content: '\e84f'; } /* '' */
.icon-angle-right:before { content: '\e850'; } /* '' */
.icon-angle-left:before { content: '\e851'; } /* '' */
.icon-ebay:before { content: '\e852'; } /* '' */
.icon-appstore:before { content: '\e853'; } /* '' */
.icon-android-1:before { content: '\e854'; } /* '' */
.icon-windows:before { content: '\e855'; } /* '' */
.icon-paypal:before { content: '\e856'; } /* '' */
.icon-w3c:before { content: '\e857'; } /* '' */
.icon-facebook-rect:before { content: '\e858'; } /* '' */
.icon-googleplus-rect:before { content: '\e859'; } /* '' */
.icon-twitter-bird:before { content: '\e85a'; } /* '' */
.icon-skype-1:before { content: '\e85b'; } /* '' */
.icon-youtube-1:before { content: '\e85c'; } /* '' */
.icon-plus-circle:before { content: '\e85d'; } /* '' */
.icon-minus-circle:before { content: '\e85e'; } /* '' */
.icon-emo-happy:before { content: '\e85f'; } /* '' */
.icon-emo-unhappy:before { content: '\e860'; } /* '' */
.icon-emo-wink2:before { content: '\e861'; } /* '' */
.icon-heart:before { content: '\e862'; } /* '' */
.icon-heart-empty:before { content: '\e863'; } /* '' */
.icon-link-ext:before { content: '\e864'; } /* '' */
.icon-link-ext-alt:before { content: '\e865'; } /* '' */
.icon-cancel-circled:before { content: '\e866'; } /* '' */
.icon-trash-1:before { content: '\e867'; } /* '' */
.icon-doc:before { content: '\e868'; } /* '' */
.icon-docs:before { content: '\e869'; } /* '' */
.icon-doc-text:before { content: '\e86a'; } /* '' */
.icon-doc-inv:before { content: '\e86b'; } /* '' */
.icon-doc-text-inv:before { content: '\e86c'; } /* '' */
.icon-file-pdf:before { content: '\e86d'; } /* '' */
.icon-file-word:before { content: '\e86e'; } /* '' */
.icon-file-excel:before { content: '\e86f'; } /* '' */
.icon-file-powerpoint:before { content: '\e870'; } /* '' */
.icon-file-image:before { content: '\e871'; } /* '' */
.icon-file-archive:before { content: '\e872'; } /* '' */
.icon-file-audio:before { content: '\e873'; } /* '' */
.icon-file-video:before { content: '\e874'; } /* '' */
.icon-file-code:before { content: '\e875'; } /* '' */
.icon-folder:before { content: '\e876'; } /* '' */
.icon-folder-open:before { content: '\e877'; } /* '' */
.icon-attach:before { content: '\e878'; } /* '' */
.icon-basket:before { content: '\e879'; } /* '' */
.icon-cancel:before { content: '\e87a'; } /* '' */
.icon-cancel-circle:before { content: '\e87b'; } /* '' */
.icon-plus-1:before { content: '\e87c'; } /* '' */
.icon-plus-circle-1:before { content: '\e87d'; } /* '' */
.icon-minus-1:before { content: '\e87e'; } /* '' */
.icon-minus-circle-1:before { content: '\e87f'; } /* '' */
.icon-search:before { content: '\e880'; } /* '' */
.icon-angle-up:before { content: '\e881'; } /* '' */
.icon-angle-down:before { content: '\e882'; } /* '' */
.icon-angle-double-down:before { content: '\e883'; } /* '' */
.icon-angle-double-up:before { content: '\e884'; } /* '' */
.icon-angle-circled-left:before { content: '\e885'; } /* '' */
.icon-angle-circled-right:before { content: '\e886'; } /* '' */
.icon-angle-circled-up:before { content: '\e887'; } /* '' */
.icon-angle-circled-down:before { content: '\e888'; } /* '' */
.icon-google:before { content: '\e889'; } /* '' */
.icon-visa:before { content: '\e88a'; } /* '' */
.icon-mastercard:before { content: '\e88b'; } /* '' */
.icon-attention:before { content: '\e88c'; } /* '' */
.icon-attention-alt:before { content: '\e88d'; } /* '' */
.icon-attention-circled:before { content: '\e88e'; } /* '' */
.icon-key-1:before { content: '\e88f'; } /* '' */
.icon-search-1:before { content: '\e890'; } /* '' */
.icon-menu:before { content: '\e891'; } /* '' */
.icon-th-large:before { content: '\e892'; } /* '' */
.icon-th:before { content: '\e893'; } /* '' */
.icon-linkedin-rect:before { content: '\e894'; } /* '' */
.icon-th-list:before { content: '\e895'; } /* '' */
.icon-guest:before { content: '\e896'; } /* '' */
.icon-vimeo-rect:before { content: '\e897'; } /* '' */
.icon-tumblr-rect:before { content: '\e898'; } /* '' */
.icon-odnoklassniki-rect:before { content: '\e899'; } /* '' */
.icon-vkontakte-rect:before { content: '\e89a'; } /* '' */
.icon-flag-empty:before { content: '\e89b'; } /* '' */
.icon-check-empty:before { content: '\e89c'; } /* '' */
.icon-circle-thin:before { content: '\e89d'; } /* '' */
.icon-credit-card:before { content: '\e89e'; } /* '' */
.icon-money:before { content: '\e89f'; } /* '' */
.icon-truck:before { content: '\e8a0'; } /* '' */
.icon-sort-name-up:before { content: '\e8a1'; } /* '' */
.icon-sort-name-down:before { content: '\e8a2'; } /* '' */
.icon-sort-number-up:before { content: '\e8a3'; } /* '' */
.icon-sort-number-down:before { content: '\e8a4'; } /* '' */
.icon-sort-alt-up:before { content: '\e8a5'; } /* '' */
.icon-sort-alt-down:before { content: '\e8a6'; } /* '' */
.icon-wheelchair:before { content: '\e8a7'; } /* '' */
.icon-cc-visa:before { content: '\e8a8'; } /* '' */
.icon-cc-mastercard:before { content: '\e8a9'; } /* '' */
.icon-cc-paypal:before { content: '\e8aa'; } /* '' */
.icon-sort-alphabet:before { content: '\e8ab'; } /* '' */
.icon-sort-numeric:before { content: '\e8ac'; } /* '' */
.icon-mobile:before { content: '\e8ad'; } /* '' */
.icon-monitor:before { content: '\e8ae'; } /* '' */
.icon-quote:before { content: '\e8af'; } /* '' */
.icon-align-left:before { content: '\e8b0'; } /* '' */
.icon-align-center:before { content: '\e8b1'; } /* '' */
.icon-align-right:before { content: '\e8b2'; } /* '' */
.icon-align-justify:before { content: '\e8b3'; } /* '' */
.icon-list-bullet:before { content: '\e8b4'; } /* '' */
.icon-list-numbered:before { content: '\e8b5'; } /* '' */
.icon-indent-right:before { content: '\e8b6'; } /* '' */
.icon-indent-left:before { content: '\e8b7'; } /* '' */
.icon-qrcode:before { content: '\e8b8'; } /* '' */
.icon-barcode:before { content: '\e8b9'; } /* '' */
.icon-quote-left-1:before { content: '\e8ba'; } /* '' */
.icon-quote-right-1:before { content: '\e8bb'; } /* '' */
.icon-bold:before { content: '\e8bc'; } /* '' */
.icon-italic:before { content: '\e8bd'; } /* '' */
.icon-underline:before { content: '\e8be'; } /* '' */
.icon-strike:before { content: '\e8bf'; } /* '' */
.icon-superscript:before { content: '\e8c0'; } /* '' */
.icon-subscript:before { content: '\e8c1'; } /* '' */
.icon-list:before { content: '\e8c2'; } /* '' */
.icon-font:before { content: '\e8c3'; } /* '' */
.icon-medium:before { content: '\e8c4'; } /* '' */
.icon-paragraph:before { content: '\e8c5'; } /* '' */
.icon-toggle-off:before { content: '\e8c6'; } /* '' */
.icon-toggle-on:before { content: '\e8c7'; } /* '' */
.icon-arrow-combo:before { content: '\e8c8'; } /* '' */
.icon-down-dir:before { content: '\e8c9'; } /* '' */
.icon-up-dir:before { content: '\e8ca'; } /* '' */
.icon-check:before { content: '\e8cb'; } /* '' */
.icon-thumbs-up:before { content: '\e8cc'; } /* '' */
.icon-thumbs-down:before { content: '\e8cd'; } /* '' */
.icon-resize-small:before { content: '\e8ce'; } /* '' */
.icon-resize-full:before { content: '\e8cf'; } /* '' */
.icon-cog:before { content: '\e8d0'; } /* '' */
.icon-cog-alt:before { content: '\e8d1'; } /* '' */
.icon-wrench:before { content: '\e8d2'; } /* '' */
.icon-sliders:before { content: '\e8d3'; } /* '' */
.icon-bell-alt:before { content: '\e8d4'; } /* '' */
.icon-comment-empty:before { content: '\e8d5'; } /* '' */
.icon-chat-1:before { content: '\e8d6'; } /* '' */
.icon-upload-cloud:before { content: '\e8d7'; } /* '' */
.icon-download-cloud:before { content: '\e8d8'; } /* '' */
.icon-reply:before { content: '\e8d9'; } /* '' */
.icon-forward:before { content: '\e8da'; } /* '' */
.icon-eye:before { content: '\e8db'; } /* '' */
.icon-eye-off:before { content: '\e8dc'; } /* '' */
.icon-pin:before { content: '\e8dd'; } /* '' */
.icon-lock:before { content: '\e8de'; } /* '' */
.icon-lock-open:before { content: '\e8df'; } /* '' */
.icon-attach-1:before { content: '\e8e0'; } /* '' */
.icon-info-circled-1:before { content: '\e8e1'; } /* '' */
.icon-help-circled:before { content: '\e8e2'; } /* '' */
.icon-info:before { content: '\e8e3'; } /* '' */
.icon-ok-1:before { content: '\e8e4'; } /* '' */
.icon-search-2:before { content: '\e8e5'; } /* '' */
.icon-music:before { content: '\e8e6'; } /* '' */
.icon-wifi:before { content: '\e8e7'; } /* '' */
.icon-paper-plane:before { content: '\e8e8'; } /* '' */
.icon-sun:before { content: '\e8e9'; } /* '' */
.icon-moon:before { content: '\e8ea'; } /* '' */
.icon-umbrella:before { content: '\e8eb'; } /* '' */
.icon-right-hand:before { content: '\e8ec'; } /* '' */
.icon-clock:before { content: '\e8ed'; } /* '' */
.icon-chart-line:before { content: '\e8ee'; } /* '' */
.icon-chart-pie:before { content: '\e8ef'; } /* '' */
.icon-chart-area:before { content: '\e8f0'; } /* '' */
.icon-chart-bar:before { content: '\e8f1'; } /* '' */
.icon-rocket:before { content: '\e8f2'; } /* '' */
.icon-megaphone:before { content: '\e8f3'; } /* '' */

[class^="customicon-"], [class*=" customicon-"]{
    font-family: 'custom';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    text-align: center;
    display: inline-block;
    width:auto;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.myicon-euro{
    font-family: Arial,Helvetica,sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    min-width: 1em;
    text-align: center;
    display: inline-block;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.myicon-euro:before{
    content: '€';
    width: 1em;
}

.iconrotate{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.animate-spin{
    -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  -ms-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}


* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html,body {
    font-family: "Tenor Sans", sans-serif;
    margin:0px;
    padding:0px;
    font-size: 12px;
    background: url('../images/bg.svg') left bottom no-repeat;
    background-size: auto 100%;
    min-height: 100vh;

}


span,h1,h2,h3{
    text-rendering: optimizeLegibility;
}

img {
    border:0;
}

p { margin:0px; padding: 0.5em 0; }
/* h1,h2,h3,h4,h5 { margin-top:0px; } */
h1,h2,h3,h4,h5{margin:0px;padding:0px;}


ul {list-style-position:outside;}
a{
    text-decoration: none;
    border: 0px;
    cursor: pointer;
    color: #000000;
}

a.overunderline:hover{
    text-decoration: underline;
}

cite{
    margin-left:-10px;
    padding-top:10px;
    display: block;
}
strong, b, .bold{font-weight: 700;}
i{font-style: italic;}

hr{margin: 0;padding: 0;border-top: 1px solid #aaaaaa;border-bottom: 0;margin-top: 20px;margin-bottom: 20px;}
small{
    clear: both;
    font-size: 10px !important;
    padding:0;
    margin: 0;
    width: 100%;
    display: inline-block;
    color: #000000;
}
small > span{
    font-size: 10px !important;
}

table{
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    margin-top: 10px;
    border-spacing: 0;
}
table th{
    height: 24px;
    vertical-align: middle;
}

table tr{
    border: 0;

}
.Content table tbody tr{
   display: none;
}
table th,
table td{
    border: 0;
    text-align: left;
    margin: 0;
    padding: 2px;
}
table thead{
    font-weight: normal;
    background: #dddddd;
}
table tbody tr:nth-child(even) td{
    background: #eeeeee;
}
table.nobackgroundcolor{
    margin-top: 0;
}
table.nobackgroundcolor tbody tr td{
    background: none;
}
table tr.table_head td{
    background: #dddddd;
}

tr.border-bottom td{
    border-bottom:1px solid #dddddd;
}
tr.invoice_pricelist.border td{
    border-bottom:1px solid #eeeeee;
}
tr.table_sum td{
    font-size: 18px;
}
.none,
.DomainHide{
    display: none !important;
}
.block{
    display: block !important;
}
.table{
    display: table;
}
.table-row,
.Content .table-row,
.Content .DomainShow{
    display: table-row;
}
.table-cell{
    display: table-cell;
}
.table-caption{
    display: table-caption;
}
.flex{
    display: -webkit-flex; /* Safari */
    display: flex;
}
.inline-block{
    display: inline-block;
}
.inherit{
    display: inherit;
}
.color-inherit{
    color: inherit;
}
.overflow{
    overflow: visible;
}
.nooverflow{
    overflow: hidden;
}
.nooverflow-full{
    overflow: hidden;
    height:100vh;
}
nooverflow-y{
    /* Vo Windowse to skace */
    /*overflow-y: hidden;*/
}
.overflowauto{
    overflow:auto;
}
.novisible{
    visibility:hidden;
    opacity: 0;
    -moz-opacity:0;
    -khtml-opacity: 0;
    filter:alpha(opacity: 0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
button,
a.button{
    cursor: pointer;
    font-weight: 400;
}
a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

fieldset{
    border: 0;
    padding: 0;
    margin: 0;
}

legend{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0;
}
.image-background{
    background-position: center center;
    background-repeat: no-repeat;
}
.background-contain{
    background-size: contain;
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.fixed{
    position: fixed;
    -webkit-transform: translateZ(0); /* zaplata pre Chrome */
    transform: translateZ(0);
    z-index: 200;
}
.absolute-center{
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,-50%); /* Firefox */
    transform: translate(-50%,-50%);
}
.opacity50{
    opacity: 0.5;
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    filter:alpha(opacity: 50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.absolute.leftposition{
    left: 0;
    width: 100%;
}

.topleft{
    top:0;
    left: 0;
    z-index: 1;
}
.centercenter{
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,-50%); /* Firefox */
    transform: translate(-50%,-50%);
    z-index: 1;
}
.centerright{
    top: 50%;
    right: 0;
    -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(0,-50%); /* Firefox */
    transform: translate(0,-50%);
    z-index: 1;
}
.centerleft{
    top: 50%;
    left: 0;
    -ms-transform: translate(0,-50%); /* IE 9 */
    -webkit-transform: translate(0,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(0,-50%); /* Firefox */
    transform: translate(0,-50%);
    z-index: 1;
}
.topright{
    top:0;
    right: 0;
    z-index: 1;
}
.absolute.bottomleft{
    bottom:0;
    left: 0;
    z-index: 1;
}
.absolute.bottomright{
    bottom:0;
    right: 0;
    z-index: 1;
}
.clear{
    clear:both;
}
.left{
    float:left;
    min-height: 1px;
}
.right{
    float:right;
    min-height: 1px;
}
.width-auto{
    width: auto !important;
}
.align-left{
    text-align: left;
}
.align-right{
    text-align: right;
}
.center{
    margin: 0 auto;
    clear: both;
}
.align-center{
    text-align: center;
}
.align-justify{
    text-align: justify;
}
.align-none{
    text-align: left;
}
.vertical-top{
    vertical-align: top;
}
.vertical-bottom{
    vertical-align: bottom;
}
.vertical-middle{
    vertical-align: middle !important;
}
.nowrap{
    white-space: nowrap;
}
.height-100{
    min-height: 100vh;
    height: 100vh;
}

.text-underline{
    text-decoration: underline;
}
.text-height{
    line-height: 100%;
}
.cursor-pointer{
    cursor: pointer;
}
.cursor-default{
    cursor: default;
}
.texttransform-lowercase{
    text-transform: lowercase;
}
.texttransform-uppercase{
    text-transform: uppercase;
}
.texttransform-capitalize{
    text-transform: capitalize;
}

.text-shadow{
    text-shadow: 1px 1px rgba(150, 150, 150, 0.5);
}

.green-icon-ok{
    color: #70cd23 !important;
    font-size: 22px;
}
.red{
    color: #ff0000;
}
.red-icon-delete{
    color: #ff0000 !important;
    font-size: 22px;
}
.red-icon{
    color: #ff0000 !important;
    margin-right: 6px;
}
.red-icon-pdf{
    color: #DA1F1F !important;
    font-size: 14px;
}
.yellow-icon-archive{
    color: #ecf000 !important;
    font-size: 14px;
    font-weight: 700;
}
div.error{position: absolute;top: 9px;right: 4px;display: none;}
div.error:before{
    content: '\e88e';
    color: #ff0000 !important;
    font-size: 28px;
}
small.error_note{
    display: block;
    position: absolute;
    text-align: left;
    color: red;
    margin-top: -2px;
}
small.error_note_show{
    text-align: left;
    color: red;
    margin-top: -2px;
    display: block;
}
.formSelect small.error_note{
    margin-top: 5px;
    margin-left: -10px;
}
#loader{display:none;background-color: rgba(255,255,255,0.9);}
#my-loader{background-color: rgba(255,255,255,0.9);width:100%;height:100%;z-index:99999999;position: absolute;top:0;left: 0;text-align: center;}


#PageHolder{
    padding: 30px;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    min-width: 320px;
    margin:0 auto;
    width: 100%;
    display: table;
}




#Main{
    padding-top: 20px;
}
h2{
    white-space: nowrap;
    color: #000000;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5em;
}
h2.red{
    color: #ff0000;
}
.myicon-n,
.myicon-s,
.myicon-p,
.myicon-f,
.myicon-e,
.myicon-m,
.myicon-r{
    font-size: 24px;
    font-weight: 700;
    color: #999999;
    border: 3px solid;
    width: 1.5em;
    height: 1.5em;
    display: block;
    float: left;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    line-height: 100%;
    margin-right: 6px;
}
.myicon-s:before,
.myicon-p:before,
.myicon-f:before,
.myicon-e:before,
.myicon-n:before,
.myicon-m:before,
.myicon-r:before{
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,-50%); /* Firefox */
    transform: translate(-50%,-50%);
}
.myicon-s:before{
    content: 'S';
}
.myicon-p:before{
    content: 'P';
}
.myicon-f:before{
    content: 'F';
}
.myicon-e:before{
    content: 'E';
}
.myicon-n:before{
    content: 'N';
}
.myicon-m:before{
    content: 'M';
}
.myicon-r:before{
    content: 'R';
}
.smallicon-d,
.smallicon-h{
    padding-right: 4px;
    font-size: 9px;
    font-weight: 600;
    color: #999999;
    border: 1px solid;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    line-height: 100%;
    margin-right: 2px;
}

.smallicon-d:before,
.smallicon-h:before{
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,-50%); /* Firefox */
    transform: translate(-50%,-50%);
}
.smallicon-d:before{
    content: 'D';
}

.smallicon-h:before{
    content: 'H';
}
.domain-price{width: 50px;}

.separator{
    position: relative;
    width: 41px;
}
.separator-vertical{
    position: absolute;
    height: 100%;
    top:0;
    left: 50%;
    border-left: 1px solid #dddddd;
}

.Content{
    width: 100%;
    display: inline-block;
}
.Content > div{
    float: left;
    width: 33.33333333%;
    display: block;

    min-height: 100px;
    padding: 5px;
}
.Content > div.Addressbook{
    width: 100%;
    min-height: 100px;
    padding: 0;
}
.Content > div > div > div{
    width: 100%;
    display: block;
    clear: both;
    padding: 5px 0;
}
.Content > div > div:first-child{
    padding-top: 0;
}
.Content > div > div:last-child{
    padding-bottom: 0;
}

#Search{width:100%;min-width:340px;max-width:450px;}
#Search .formValue{padding-bottom: 0;}
#Search .formInput{width: 100%;display: table;}
#Search .formInput > div{display: table-cell;width: 100%;}
#FormSearch input{border: 0;width: 100%;}
#Search .domain_name_tooltip{width: 100%;left:0;}
#Search .icon-spin1{color: #c0c0c0;}
#Search .icon-cancel-circle{display: none;cursor: pointer;color: #c0c0c0;}
#Search .icon-cancel-circle:hover{color: #ff0000;}
#Search .error-search{display: table-cell;vertical-align: middle;white-space: nowrap;width: 120px;}
/*** progress bar ***/

.meter {
	height: 18px;  /* Can be anything */
	position: relative;
    width: 100%;

}
.meter > span {
	display: block;
	height: 100%;
    background-color: #6ad100;
	/*background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, )
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow:
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow:
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow:
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);*/
	position: relative;
	overflow: hidden;
}
.meter > span:after, .animate > span > span {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image:
	   -webkit-gradient(linear, 0 0, 100% 100%,
	      color-stop(.25, rgba(255, 255, 255, .2)),
	      color-stop(.25, transparent), color-stop(.5, transparent),
	      color-stop(.5, rgba(255, 255, 255, .2)),
	      color-stop(.75, rgba(255, 255, 255, .2)),
	      color-stop(.75, transparent), to(transparent)
	   );
	background-image:
		-moz-linear-gradient(
		  -45deg,
	      rgba(255, 255, 255, .2) 25%,
	      transparent 25%,
	      transparent 50%,
	      rgba(255, 255, 255, .2) 50%,
	      rgba(255, 255, 255, .2) 75%,
	      transparent 75%,
	      transparent
	   );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	-moz-animation: move 2s linear infinite;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	       -moz-border-radius-topright: 8px;
	    -moz-border-radius-bottomright: 8px;
	           border-top-right-radius: 8px;
	        border-bottom-right-radius: 8px;
	    -webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
	        -moz-border-radius-topleft: 20px;
	     -moz-border-radius-bottomleft: 20px;
	            border-top-left-radius: 20px;
	         border-bottom-left-radius: 20px;
	overflow: hidden;
}

.animate > span:after {
	display: none;
}

@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

@-moz-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}


.nostripes > span > span, .nostripes > span:after {
	-webkit-animation: none;
	-moz-animation: none;
	background-image: none;
}

h3{font-size: 18px;padding: 0;line-height: 100%;margin-bottom: 12px;}



/* Form */
.formFields{
    display: table;
    width: 100%;
}
.formField{
    display: table-row;
}

.formField > div{
    padding-bottom: 12px;
}
.formValue{position: relative;}
.formName{padding-right: 12px;font-size: 14px;white-space: nowrap;width: 30%;}
.formName,.formValue{display: table-cell;vertical-align: middle;}
.formIcon{display: table-cell;vertical-align: top;padding-top: 6px;}
.formSelect .formValue{display: block;}
.formName.vertical-top{
    vertical-align: top;
    padding-top: 4px;
}
.formIcon{
    padding-left: 5px;
    width: 20px;
}

.formIcon .emailAdd,
.formIcon .phoneAdd,
.formIcon .preinvoceItemAdd{
    font-size: 20px;
    color: green;
    cursor: pointer;
}

.formIcon .emailRemove,
.formIcon .phoneRemove,
.formIcon .preinvoceItemRemove{
    display: none;
    font-size: 20px;
    color: #ff0000;
    cursor: pointer;
}

.formFields fieldset,
.formValue .formInput,
.formValue .formSelect,
.formValue .formTextarea,
.formValue .formRadio.border{
    padding: 6px 10px;
}

.formFields fieldset,
.formValue .formInput,
.formValue .formSelect,
.formValue .formTextarea{
    width: 100%;
}

.formValue .formRadio.border, .formValue .formInput, .formValue .formTextarea, .formValue .formSelect {
    -webkit-box-shadow: inset 0px 3px 8px rgba(40, 40, 40, 0.10);
    -moz-box-shadow: inset 0px 3px 8px rgba(40, 40, 40, 0.10);
    box-shadow: inset 0px 3px 8px rgba(40, 40, 40, 0.10);
}

.formValue .formRadio.border, .formValue .formInput, .formValue .formTextarea, .formValue .formSelect, .formButton input.sendButton, .formValue .buttonIcon, form.webForm fieldset {
    border-color: #cdcdcd;
}

.formValue .formRadio.border, .formValue .formInput, .formValue .formTextarea, .formValue .formSelect, .formButton input.sendButton, .formValue .buttonIcon, form.webForm fieldset {
    border-style: solid;
    border-width: 1px;
}

.formValue .formRadio.border, .formValue .formInput, .formValue .formTextarea, .formValue .formSelect, .formButton input.sendButton, .formValue .buttonIcon {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.formFields fieldset, .formValue .formInput, .formValue .formSelect, .formValue .formTextarea, .formValue .formRadio.border {
    padding: 6px 10px;
}

.formInput, .formTextarea, .formSelect, .formFile .buttonIcon {
    background-color: #ffffff;
}

.formInput {
    background-position: top left;
}

.formValue .formSelect select {
    padding-right: 1.2em;
    width: 100%;
}

.formValue select {
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
    background: url(../images/dropdown.gif) right center no-repeat;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.formValue select[name='domain_name_tooltip'],
.formValue select[name='preinvoices_tooltip']{
    width: 100%;
    border: 1px solid #ddd;
    appearance: normal;
    -webkit-appearance: normal;
    -moz-appearance: normal;
    -ms-appearance: normal;
    -o-appearance: normal;
    text-indent: 0;
    text-overflow: clip;
    background: none;


}
.formValue * {
    font-size: 15px;

}

.formValue textarea{
    resize: none;
    width: 100%;
    height: 50px;
    border:0;
    background-color:transparent;
    outline: none;
}

.formButton {
    text-align: right;
}

.formButton input.sendButton {
    padding: 5px 10px;
    background-color: #ffffff;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.formButton input.sendButton, .formValue .buttonIcon {
    -webkit-box-shadow: inset 0px 3px 8px rgba(40, 40, 40, 0.10);
    -moz-box-shadow: inset 0px 3px 8px rgba(40, 40, 40, 0.10);
    box-shadow: inset 0px 3px 8px rgba(40, 40, 40, 0.10);
}

.button-preinvoice-create{
    margin-top: 4px;
}

.buttonBlue,
.buttonGreen,
.buttonGray{
    border: 0;
    padding: 6px 20px;
    /*padding: 4px 20px;*/
    font-size: 14px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-weight: normal;
    cursor: pointer;
}

.buttonBlue{
    color: #ffffff !important;
    /*border:2px outset #16a9e9;*/
    background-color: #00aeff;
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE4YjBmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iIzJjODNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #18b0f4 0%, #2c83ff 38%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18b0f4), color-stop(38%,#2c83ff));
    background: -webkit-linear-gradient(top,  #18b0f4 0%,#2c83ff 38%);
    background: -o-linear-gradient(top,  #18b0f4 0%,#2c83ff 38%);
    background: -ms-linear-gradient(top,  #18b0f4 0%,#2c83ff 38%);
    background: linear-gradient(to bottom,  #18b0f4 0%,#2c83ff 38%);*/
    filter: none;

}
.buttonBlue:hover{
    background-color: #1d9ed1;
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkYzhmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM4JSIgc3RvcC1jb2xvcj0iIzUwYTFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #5dc8f4 0%, #50a1ff 38%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5dc8f4), color-stop(38%,#50a1ff));
    background: -webkit-linear-gradient(top,  #5dc8f4 0%,#50a1ff 38%);
    background: -o-linear-gradient(top,  #5dc8f4 0%,#50a1ff 38%);
    background: -ms-linear-gradient(top,  #5dc8f4 0%,#50a1ff 38%);
    background: linear-gradient(to bottom,  #5dc8f4 0%,#50a1ff 38%);*/
    filter: none;
}
.buttonGreen{
    color: #ffffff !important;
    /*border:3px outset #93e741;*/
    background-color: #93e741;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzZTc0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzcwY2QyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #93e741 0%, #70cd23 36%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93e741), color-stop(36%,#70cd23)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #93e741 0%,#70cd23 36%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #93e741 0%,#70cd23 36%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #93e741 0%,#70cd23 36%); /* IE10+ */
    background: linear-gradient(to bottom,  #93e741 0%,#70cd23 36%); /* W3C */
    filter: none; /* IE9 */
}
.buttonGreen:hover{
    background-color: #b5ee44; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1ZWU0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzlhZGEyOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #b5ee44 0%, #9ada28 36%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5ee44), color-stop(36%,#9ada28)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b5ee44 0%,#9ada28 36%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b5ee44 0%,#9ada28 36%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b5ee44 0%,#9ada28 36%); /* IE10+ */
    background: linear-gradient(to bottom, #b5ee44 0%,#9ada28 36%); /* W3C */
    filter: none; /* IE9 */

}


.buttonGray{
    color: #ffffff !important;
    /*border:3px outset #b8afb8;*/
    background: #b8afb8;
    background: -webkit-linear-gradient(top, #b8afb8, #757575);
    background: -moz-linear-gradient(top, #b8afb8, #757575);
    background: -ms-linear-gradient(top, #b8afb8, #757575);
    background: -o-linear-gradient(top, #b8afb8, #757575);
    background: linear-gradient(to bottom, #b8afb8, #757575);
    filter: none; /* IE9 */
}
.buttonGray:hover{
    background: #bdbbbd;
    background: -webkit-linear-gradient(top, #bdbbbd, #949194);
    background: -moz-linear-gradient(top, #bdbbbd, #949194);
    background: -ms-linear-gradient(top, #bdbbbd, #949194);
    background: -o-linear-gradient(top, #bdbbbd, #949194);
    background: linear-gradient(to bottom, #bdbbbd, #949194);
    filter: none; /* IE9 */

}


/* UI Slider */
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

.ui-slider-horizontal {
    height: .8em;
}
.ui-slider {
    position: relative;
    text-align: left;
    /*margin-left: 4px;*/
    margin-top: 5px;
    margin-bottom: 32px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.5em;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.6em;
    top:100%;
    height: 1.6em;
    margin-top: -1.1em;
    text-align: center;
    line-height: 1.6em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 3px;
}
.slider,
.slider-range{
    margin-left: 20px;
    margin-right: 26px;
}
.slider .custom-handle {
    top:100%;
    width: 1.6em;
    height: 1.6em;

    margin-top: -1.1em;
    text-align: center;
    line-height: 1.6em;
}
.slider.ui-widget-content .custom-handle.ui-state-default{
    background: #dddddd;
    border: none;
}
.ui-slider-tip{
    opacity: 1;
    top: 25px;
    visibility: hidden;
    position: absolute;
    display: block;
    width: auto;
    padding: 2px 5px;
    left: 50%;
    -ms-transform: translate(-50%,0); /* IE 9 */
    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,0); /* Firefox */
    transform: translate(-50%,0);
    height: auto;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #888;
    text-align: center;
    font-size: 12px;
    line-height: 100%;
    color: #333;
    white-space: nowrap;
    min-width: 20px;
}
.ui-slider-tip:before{
    content: " ";
    width: 0;
    height: 0;
    border: 5px solid rgba(255,255,255,0);
    border-bottom-color: #888;
    position: absolute;
    top: -11px;
    left: 50%;
    -ms-transform: translate(-50%,0); /* IE 9 */
    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,0); /* Firefox */
    transform: translate(-50%,0);
}
.ui-slider-tip:after{
    content: " ";
    width: 0;
    height: 0;
    border: 5px solid rgba(255,255,255,0);
    border-bottom-color: #fff;
    position: absolute;
    top: -10px;
    left: 50%;
    -ms-transform: translate(-50%,0); /* IE 9 */
    -webkit-transform: translate(-50%,0); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,0); /* Firefox */
    transform: translate(-50%,0);
}
.slider-range .ui-widget-header{
    background: #dddddd;
    height: 100%;
    z-index: 1;
    position: absolute;

}

/* Datepicker */
.ui-datepicker {
	width: 16em;
	padding: .2em .2em 0;
	display: none;
	z-index: 99999994 !important;
	font-size: 14px;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 4px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
    font-family: 'default';
    font-size: 1.8em;
}
.ui-datepicker .ui-datepicker-prev:before{
    content: '\e885';
}
.ui-datepicker .ui-datepicker-next:before{
    content: '\e886';
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}
.ui-datepicker .ui-state-highlight, .ui-datepicker.ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}
.ui-state-default:hover{background: #fffa90;}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}
/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

.fancybox-slide > #Form_InvoicePaymented,
.fancybox-slide > #Form_Domain,
.fancybox-slide > #Form_Invoice{
    overflow: visible !important;
}
.fancybox-slide > .fancybox-top{
    margin-top: 0;
    vertical-align: top;
}
/*#Form_InvoicePaymentedReturn{
    display: none;
    max-width: 500px;
}
.fancybox-slide > #Form_InvoicePaymentedReturn{
    overflow: visible !important;
}*/


button.button-green,
button.button-red,
.button-gray,
button.button-black{
    font-size: 14px;
    padding: 6px 12px;
    width: 100%;
}

.button-gray{
    background-color: #c0c0c0;
    border: 1px solid #c0c0c0;
}
button.button-green{
    color: #ffffff;
    border: 1px solid #1e9a05;
    background-color: #1e9a05;
}
button.button-red{
    color: #ffffff;
    border: 1px solid #d0000d;
    background-color: #d0000d;
}
button.button-black{
    color: #ffffff;
    border: 1px solid #333333;
    background-color: #333333;
}


#div_growl, #div_g_growl {
    z-index:99999999;
    display: none;
    position: fixed;
    transform: translateZ(0);
    -webkit-transform: translateZ(0); /* zaplata pre Chrome */
    transform: translateZ(0);
    background-repeat:no-repeat;
    color:white;
    padding: 20px;
    background-color:rgba(0,0,0,0.7);
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%); /* IE 9 */
    -webkit-transform: translate(-50%,-50%); /* Chrome, Safari, Opera */
    -moz-transform: translate(-50%,-50%); /* Firefox */
    -o-transform: translate(-50%,-50%); /* Opera */

    transform: translate(-50%,-50%);

}
#div_growl_ok {display:none;margin-top:-8px;}
#div_growl_ok img {cursor:pointer;}
#td_text {color:white;}

.checkbox{
    width: 24px;
}




.Table th.header,
.Table th.tablesorter-header{
    outline-width: 0;
    cursor:pointer;
    min-width: 60px;
    padding-right: 10px;
}
.Table th.tablesorter-header:before{
    font-family: 'default';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 140%;
    width: 1em;
    text-align: center;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 80%;
    float: right;
}
.Table th.tablesorter-header.sorter-false:before{content: '';}
.Table th.tablesorter-header.sorter-false{cursor: default;}
.Table input.tablesorter-filter.disabled{display: none;}

.Table th.tablesorter-header:before{
     content: '\e8c8';
}

.Table th.tablesorter-header.headerSortDown:before,
.Table th.tablesorter-header.tablesorter-headerSortDown:before,
.Table th.tablesorter-header.tablesorter-headerDesc:before{
    content: '\e8c9';
}

.Table th.tablesorter-header.headerSortUp:before,
.Table th.tablesorter-header.tablesorter-headerSortUp:before,
.Table th.tablesorter-header.tablesorter-headerAsc:before{
    content: '\e8ca';
}
.Table tr.tablesorter-filter-row td{padding: 0 10px 6px 0;}
.Table tr.tablesorter-filter-row td input.tablesorter-filter{-moz-border-radius: 0;-webkit-border-radius: 0;-khtml-border-radius: 0;border-radius: 0;border:1px solid #dddddd;width: 100%;background-color: #ffffff;}


.custom-menu {
    display: none;
    z-index: 99999999;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}

/* Each of the items in the list */
.custom-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}

.custom-menu li:hover {
    background-color: #DEF;
}





#Logo .logo{
  width:100%;
  max-width:400px;
}



#PageHolder.page-login #Main{
    width: 100%;
    max-width: 500px;
    height: 400px;

}

.login {
    width: 100%;
    margin-top: 0;
    max-width: 450px;
}


.input-txt {
    background-color: rgba(255,255,255,0.9);
    width: 100%;
    padding: 20px 10px;

    border: none;
    font-size: 1.3em;
    color: #333333;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.4);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
    -webkit-transition: background-color 0.5s ease-in-out;
    transition: background-color 0.5s ease-in-out;
}
.input-txt:-moz-placeholder {
    color: #aaaaaa;
}
.input-txt:-ms-input-placeholder {
    color: #aaaaaa;
}
.input-txt::-webkit-input-placeholder {
  color: #aaaaaa;
}
.input-txt:focus {
    background-color: #eeeeee;
}

.login-footer {
    margin: 10px 0;
    overflow: hidden;
    float: left;
    width: 100%;
}

.btn {
    padding: 15px 30px;
    border: none;
    background: #333333;
    color: #ffffff;
}

.btn--right {
    float: right;
}