body {
  min-width: 1024px;
  margin: 0;
  font-family: 'Compasse Regular', sans-serif;
  font-size: 14px;
  color: #323232; }

/* intralot fix */
#root {
  /*
  input {
      -webkit-appearance: none;
  }
  */
    /*

    #login-container.bet_container .logged-in-bet button.login_eye_open, button.login_eye_close {
    height: 15px;
    }
    #login-container.bet_container input.text5 {
        background-color: #BFDCFA !important;
        -webkit-text-fill-color: rgb(50,100,150);
    }
    #login-container.bet_container .loginBtn {
        background: url(../images/strelice/login_strelica_desno.svg?1) no-repeat 0 12px;
    }
    #login-container.bet_container .loginBtn:hover {
        background-image: url(../images/prijava/arrow_hover.png);
    }
    #login-container.bet_container {
        background: transparent;
    }
    #login-container.bet_container .loginLinksDiv a {
        color: rgb(190,220,250);
    }
    #login-container.bet_container a.whiteSmallLink_1:link, #login-container.bet_container a.whiteSmallLink_1:visited {
        background-image: url(../images/prijava/registration.png);
    }
    #login-container.bet_container a.whiteSmallLink_1:hover {
        color: white;
        background-image: url(../images/prijava/registration_hover.png);
    }

    #login-container.bet_container a.whiteSmallLink_2:link, #login-container.bet_container a.whiteSmallLink_2:visited {
        background-image: url(../images/prijava/questionmark.png);
    }
    #login-container.bet_container a.whiteSmallLink_2:hover {
        color: white;	
        background-image: url(../images/prijava/questionmark_hover.png);
    }
    #login-container.bet_container .logged-in-bet div.semiWidth div.imgFront {
        background-image: url(../images/prijava/user.png);
    }

    #login-container.bet_container .logged-in-bet button.login_eye_close {
        background-image: url(../images/prijava/eye_active.png);
    }

    #login-container.bet_container .logged-in-bet button.login_eye_open {
        background-image: url(../images/prijava/eye.png);
    }

    #login-container.bet_container .logged-in-bet div.semiWidth a.imgLink.email {
        background-image: url(../images/prijava/email.png);
    }

    #login-container.bet_container .logged-in-bet div.semiWidth a.imgLink.email:hover {
        background-image: url(../images/prijava/email_hover.png);
    }

    #login-container.bet_container .logged-in-bet div.semiWidth a.imgLink.limits {
        background-image: url(../images/prijava/limits.png);
    }

    #login-container.bet_container .logged-in-bet div.semiWidth a.imgLink.limits:hover {
        background-image: url(../images/prijava/limits_hover.png);
    }

    #login-container.bet_container .logged-in-bet div.semiWidth a.imgLink.account {
        background-image: url(../images/prijava/account.png);
    }

    #login-container.bet_container .logged-in-bet div.semiWidth a.imgLink.account:hover {
        background-image: url(../images/prijava/account_hover.png);
    }

    #login-container.bet_container .logged-in-bet div.semiWidth a.imgLink.payment {
        background-image: url(../images/prijava/payment.png);
    }

    #login-container.bet_container .logged-in-bet div.semiWidth a.imgLink.payment:hover {
        background-image: url(../images/prijava/payment_hover.png);
    }

    #login-container.bet_container .logged-in-bet div.semiWidth a.imgLink.logout {
        background-image: url(../images/prijava/logout.png);
    }

    #login-container.bet_container .logged-in-bet div.semiWidth a.imgLink.logout:hover {
        background-image: url(../images/prijava/logout_hover.png);
    }

    #login-container.warning-bet input.okButton {
        background-image: url(../images/prijava/OK.png);
    }

    #login-container.warning-bet input.okButton:hover {
        background-image: url(../images/prijava/OK_hover.png);
    }

    #loading {
        content:  url(../images/prijava/loader_bijeli_16x16.gif);
    }



    #login-container.bet_container .logged-in-bet div.semiWidth a.imgLink:link, 
    #login-container.bet_container .logged-in-bet div.semiWidth a.imgLink:visited, 
    #login-container.bet_container .logged-in-bet {
        color: rgb(190,220,250);
    }
    #login-container.bet_container .logged-in-bet div.semiWidth a.imgLink:hover {
        color: white;
    }
    #login-container.bet_container .logged-in-bet div.semiWidth div.imgFront { 
        color: white;
    }
    #login-container.bet_container #userBalance {
        color: white;
    }



    a.hl-logo {
        background: url(../images/gui/LogoLutrijakvadratni_crni.png) no-repeat 7px 5px;
        width: 48px;
        display: block;
        height: 40px;
        float: left;
        border-right: 1px solid #fff;
        position: relative;
        z-index: 1;
        background-size: 33px;
    }
    .win-check {
        position: relative;
    }

    .win-check div.down {
        width: 305px;
        right: -206px;
    }
    .win-check div.down input {
        border:0;
        height: 30px;
    }
    .win-check div.down input[type='text'] {
        width: 125px;
        padding: 0;
        padding-left: 10px;
        color: rgb(120,120,120);
        font-size: 15px;
        font-family: 'Compasse Regular';
        background-color: rgb(240,240,240);
        margin-right: 2px;
        height: 40px;
        float: left;
    }
    .win-check div.down input[type='button'] {
        width: 125px;
        padding: 0;
        background-color: rgb(0,209,161);
        height: 40px;
        font-size: 16px;
        font-family: 'Compasse Regular';
        color: black;
        cursor: pointer;
    }
    .win-check div.down input[type='button']:hover {
        background-color: rgb(0,200,150);
    }
    .win-check div.down p {
        line-height: 17px;
        text-align: left;
        margin-bottom: 0;
        margin-top: 15px;
        font-size: 15px;
    }
*/
  /*header*/
  /*main*/
  /*outdex*/
  /*slip*/
  /* slip */
  /*clearfix*/ }
  #root input[type=number]::-webkit-inner-spin-button,
  #root input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  #root input:-webkit-autofill,
  #root input:-webkit-autofill:hover,
  #root input:-webkit-autofill:focus,
  #root input:-webkit-autofill:active {
    -webkit-text-fill-color: #323232; }
  #root img {
    border: 0;
    vertical-align: baseline; }
  #root dfn {
    text-transform: none;
    text-decoration: none;
    font-style: normal; }
  #root .header-util div.down {
    display: none;
    position: absolute;
    z-index: 2; }
  #root .header-util div.down div.inner {
    background-color: white;
    padding: 12px 20px;
    color: black;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); }
  #root .header-util.open div.down {
    display: block; }
  #root div.header-util.settings {
    width: 80px; }
  #root div.header-util.settings div.down {
    width: 305px;
    right: 75px; }
  #root div.header-util div.triangle {
    background: url(../images/strelice/bijela_strelica_gore_14x7.svg?1) no-repeat right top;
    width: 52px;
    height: 7px;
    background-size: 14px; }
  #root div.header-util.settings div.triangle {
    background: url(../images/strelice/bijela_strelica_gore_14x7.svg?1) no-repeat right top;
    width: 46px;
    height: 7px;
    background-size: 14px; }
  #root div.header-util.settings div.down.open {
    display: block; }
  #root div.header-util.settings .right {
    float: right;
    width: 284px;
    height: 80px; }
  #root div.header-util.settings ul.automatik {
    padding: 0 0 10px 0;
    margin-bottom: 0;
    list-style: none;
    margin-top: 0px; }
  #root ul.automatik li {
    clear: both;
    color: black;
    float: left;
    line-height: 23px;
    background: url(../images/checkbox.png) no-repeat 0px 2px;
    padding-left: 22px;
    margin: 0;
    cursor: pointer;
    list-style: none; }
  #root ul.automatik li.checked {
    background-image: url(../images/checkbox_active.svg?1); }
  #root div.header-util.settings div.subtitle {
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 5px; }
  #root input.quick {
    font-family: inherit;
    border-style: none;
    background-color: #fff;
    float: left;
    width: 32.5%;
    margin-right: 2px;
    text-align: center;
    background-color: #e6e6e6;
    font-size: 15px;
    height: 30px;
    padding: 0; }
  #root div.m-slip div.quick-btns {
    float: none;
    margin-right: -2px; }
  #root div.header-util.settings div.desc {
    clear: both;
    text-align: left;
    margin-bottom: 10px;
    color: #828282; }
  #root div.header-util.settings input[type='button']:not(.loginBtn) {
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    border-style: none;
    margin-right: 2px;
    width: 49%;
    float: left;
    font-family: 'Compasse Regular', sans-serif;
    cursor: pointer; }
  #root div.header-util.settings input.blue-btn {
    background-color: #00d1a1;
    color: black; }
  #root div.header-util.settings input.blue-btn:hover {
    background-color: #00c896; }
  #root div.header-util.settings input.disabled-btn:hover {
    background-color: #c8c8c8; }
  #root .loginBtn {
    width: 18px; }
  #root .main-part {
    display: none; }
  #root .hide {
    display: none; }
  #root #hidden-space {
    display: none; }
  #root #disconnected {
    width: 100%;
    min-height: 120px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    display: table; }
  #root #disconnected div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 120px;
    margin-top: 100px; }
  #root div.empty-favorites {
    padding: 2px 0 5px 30px;
    font-size: 13px;
    color: #5a5a5a; }
  #root div.empty-info {
    background-color: #f0f0f0;
    display: none; }
  #root div.empty-info div {
    margin: 100px auto;
    width: 50%;
    text-align: center; }
  #root div.empty-info div h3 {
    font-weight: 400;
    color: #5a5a5a; }
  #root .outdex-part h2 {
    background-color: #0073d1;
    color: white;
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 15px;
    margin-bottom: 2px; }
  #root .outdex-part-content {
    background-color: #fff;
    margin: 0; }
  #root .outdex-part-content .empty {
    color: #1e96d2;
    padding: 10px;
    font-size: 14px;
    background-image: url(../images/gui/listic_inicijalno_novi_ok.jpg);
    min-height: 185px;
    background-repeat: no-repeat; }
  #root .overlay {
    color: red; }
  #root .slip-msg {
    display: none;
    position: absolute;
    bottom: 3.5714em;
    background-color: rgba(30, 30, 30, 0.9);
    width: 100%;
    font-size: 0.875em;
    line-height: 1.3857em;
    padding: 0.2em 0.8em;
    color: #1e96d2; }
  #root div.m-slip {
    position: relative;
    padding: 10px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 14px; }
  #root .slip-spacer {
    height: 10px;
    clear: both; }
  #root div.m-slip div {
    /*float:left;*/ }
  #root .par-koef div.koef {
    overflow: hidden;
    float: right;
    text-align: right;
    width: 73%; }
  #root .system ~ .par-koef div.koef {
    display: none; }
  #root .par-koef div.koef span {
    word-break: break-all;
    font-weight: 500; }
  #root .par-koef {
    border-bottom: 1px solid white;
    color: white;
    background-color: #323232;
    overflow: hidden;
    padding: 8px 10px;
    font-size: 16px; }
  #root .par-koef .first {
    width: 26%;
    float: left; }
  #root .system ~ .par-koef .first {
    width: 76%; }
  #root div.m-slip div.amounts {
    margin: 0 0 7px;
    width: 100%; }
  #root div.m-slip .gray {
    color: white; }
  #root div.m-slip div.amounts.gray {
    text-align: right;
    float: right;
    font-size: 15px; }
  #root #slip div.collapse-container {
    width: 100%; }
  #root div.tax-expand span.tax-expand {
    display: inline-block;
    width: 16px;
    height: 15px;
    background: url(../images/strelice/bijela_strelica_dole.svg?1) no-repeat left 7px;
    background-size: 12px; }
  #root div.tax-expand.open span.tax-expand {
    background-image: url(../images/strelice/bijela_strelica_gore.svg?1); }
  #root span.tax-details {
    font-size: 14px;
    color: white;
    line-height: 18px;
    padding-left: 15px;
    display: inline-block; }
  #root div.m-slip div.first {
    width: 42%; }
  #root .newrow {
    clear: both; }
  #root div.m-slip a {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%; }
  #root .m-slip ul.automatik {
    padding: 0;
    margin: 0 0 8px 0; }
  #root .m-slip ul.automatik li {
    line-height: 22px;
    color: #fff;
    font-size: 13px;
    *width: 200px; }
  #root .m-slip div.subtitle {
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #fff;
    font-size: 13px;
    padding-left: 2px; }
  #root .m-slip div.quickies {
    float: none;
    margin-bottom: 7px; }
  #root .m-slip div.quickies div.quick-btns {
    *width: 255px; }
  #root .m-slip input.quick {
    cursor: pointer;
    background-color: gainsboro;
    color: #323232; }
  #root .m-slip input.quick:hover {
    background-color: #c8c8c8; }
  #root .m-slip input {
    font-size: 14px; }
  #root .m-slip input[type=number], #root .m-slip input[type=text] {
    display: block;
    float: left;
    height: 40px;
    font-weight: 400;
    font-family: inherit;
    border: 0;
    width: 236px;
    padding: 0 10px;
    border-radius: 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0 4px 4px 0;
    font-size: 16px; }
  #root .m-slip div.error, #root #slip .error {
    display: none;
    color: white;
    background-color: #f00;
    margin: 10px 0;
    width: 100%;
    *width: 230px;
    border-radius: 2px;
    padding: 0.5em 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 1em;
    font-size: 15px; }
  #root #slip .combinations .error {
    clear: both;
    float: left;
    margin: 0.4em 0.2em 0 0.2em;
    width: 98%;
    *width: 224px; }
  #root .m-slip div.error.display, #root #slip .error.display {
    display: block; }
  #root .m-slip div.line {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 24px; }
  #root .m-slip div.line.gray {
    float: left; }
  #root .m-slip div.line.gray span {
    float: right; }
  #root .m-slip div.line.gray span.tax-expand {
    float: left;
    cursor: pointer; }
  #root .m-slip div.line.blue {
    color: white;
    font-size: 20px;
    margin: 12px 0 8px; }
  #root .m-slip div.line.blue span {
    float: right; }
  #root .m-slip div.line.blue span.txt {
    float: left; }
  #root #slip input[type=button] {
    border: 0;
    display: block;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 40px;
    font-weight: 400;
    font-family: inherit;
    cursor: pointer;
    background-color: gainsboro; }
  #root #slip .sum-sys div input:hover {
    background-color: #c8c8c8; }
  #root #slip .sum-sys div input.selected:hover {
    background-color: #323232; }
  #root #slip .slip-clear-line input.remove[type=button], #root #slip .slip-clear-line input.remove[type=button]:active {
    color: #fff;
    background-image: none;
    background-color: #eb0000;
    padding: 0; }
  #root #slip .m-slip {
    background-color: #323232; }
  #root #slip input[type=button].large {
    width: 100%; }
  #root #slip input[type=button].disabled,
  #root #slip input[type=button].disabled:hover,
  #root #slip input[type=button].selected.disabled:hover,
  #root #slip input[type=button].payin-btn.disabled:hover,
  #root #slip .slip-clear-line input[type=button].disabled:hover,
  #root div.binoms.disabled,
  #root #slip input[type=button]#give-up-btn.btn-crobet,
  #root #slip input[type=button].payin-btn.disabled {
    color: #828282;
    background-color: gainsboro;
    cursor: default; }
  #root #slip input[type=button]#give-up-btn.btn-crobet {
    color: #323232;
    cursor: pointer; }
  #root #slip input[type=button].selected,
  #root .slip-event ul li.fix.selected,
  #root #slip div.binoms.selected,
  #root #slip input[type=button].quick.selected:hover {
    color: #fff;
    background: none;
    background-color: #323232;
    cursor: default; }
  #root #slip input.quick[type=button].selected, #root #slip input[type=button].quick.selected:hover {
    background-color: #4196dc; }
  #root #slip input[type=button].quick:hover {
    cursor: pointer;
    background-color: #c8c8c8; }
  #root #slip input[type=button]#give-up-btn.btn-crobet:hover {
    background-color: #c8c8c8; }
  #root #slip {
    z-index: 12;
    background-color: #fff; }
  #root #slip .sum-sys {
    clear: both;
    width: 100%;
    margin-bottom: 1px;
    box-sizing: border-box; }
  #root #slip .sum-sys .btn-crobet {
    width: 100%;
    margin-right: 1px;
    font-size: 16px; }
  #root #slip .sum-sys div {
    height: 47px;
    width: 50%;
    box-sizing: border-box;
    padding-right: 2px;
    float: left; }
  #root #slip .sum-sys div:last-child {
    padding-right: 0; }
  #root #slip .sum-sys div.selected {
    background-image: url(../images/strelice/tabovi_selektirani.svg?1);
    background-repeat: no-repeat;
    background-position: center bottom; }
  #root .slip-event {
    padding: 4px 7px 0;
    clear: both;
    border-bottom: 1px solid #f0f0f0; }
  #root .slip-event.red-highlight {
    background-color: #e6e6e6;
    color: #a0a0a0; }
  #root .slip-event.red-highlight .msg {
    color: #eb0000; }
  #root .slip-event.gray-highlight {
    background-color: #e6e6e6;
    color: #a0a0a0; }
  #root .slip-event .left-mark {
    width: 16px;
    background: url(../images/checkbox_active.svg?1) no-repeat left 2px;
    background-size: 14px; }
  #root .slip .slip-event .left-mark {
    cursor: pointer; }
  #root .slip .slip-event .left-mark.zero {
    cursor: default; }
  #root .slip-event .left-mark.disabled {
    background-image: url(../images/checkbox.png); }
  #root .slip-event .slip-main {
    max-width: 230px;
    position: relative; }
  #root .confirmation .slip-event .name {
    word-break: break-word;
    min-width: 168px; }
  #root .slip-event .name {
    font-size: 15px;
    line-height: 17px;
    font-weight: 400;
    max-width: 100%;
    float: left;
    padding-bottom: 4px;
    word-break: break-word;
    min-width: 182px; }
  #root .slip-event .name.live {
    cursor: pointer; }
  #root .slip-event .time {
    float: right;
    font-size: 14px;
    margin-left: 5px;
    line-height: 19px;
    padding-top: 1px;
    color: #5a5a5a;
    padding-bottom: 1px; }
  #root .slip-event span.bbs {
    width: 45px;
    background-position: right 3px bottom;
    float: right;
    cursor: default; }
  #root .slip-event span.bbs:hover,
  #root .history-slip span.bbs:hover {
    cursor: default; }
  #root span.bbs span {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../images/strelice/crna_strelica_dole.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer; }
  #root span.bbs span.selected {
    background-image: url(../images/strelice/crna_strelica_gore.svg); }
  #root span.bbs:hover {
    background-image: url(../images/gui/BB_Betbuilder_icon_over.svg); }
  #root .slip-event .bb-container {
    float: left;
    font-size: 13px;
    min-width: 200px; }
  #root .confirmation .slip-event .bb-container {
    display: block; }
  #root .slip-event .bb-err {
    background-color: gray;
    padding: 5px; }
  #root .slip-event table {
    width: 100%;
    border-spacing: 1px;
    border-collapse: separate; }
  #root .slip-event .time.live,
  #root .history-slip .time.live {
    background: url(../images/uzivo.svg?1) no-repeat left center;
    width: 41px;
    height: 17px; }
  #root .history-slip .time.live {
    height: 18px; }
  #root .slip-event .bettype {
    font-size: 14px;
    max-width: 154px;
    color: #5a5a5a;
    float: left;
    min-width: 80px;
    margin-top: 1px;
    clear: left; }
  #root .system .slip-event .bettype {
    max-width: 190px; }
  #root .confirmation .slip-event .bettype {
    max-width: 165px;
    min-width: 115px; }
  #root .confirmation.system .slip-event .bettype {
    max-width: 280px;
    min-width: 115px; }
  #root .slip-event ul {
    list-style: none;
    display: table;
    margin: 0;
    padding: 0;
    float: right;
    padding-top: 3px;
    padding-bottom: 3px;
    clear: right;
    margin-right: -6px; }
  #root .system .slip-event ul {
    width: 103%; }
  #root .slip-event ul li {
    display: table-cell;
    *float: left;
    text-align: left;
    background-color: #f0f0f0;
    border-radius: 2px;
    font-size: 14px;
    height: 20px;
    vertical-align: middle; }
  #root .slip-event ul li.code {
    text-align: center;
    padding-left: 0;
    max-width: 158px;
    min-width: 25px;
    line-height: 20px;
    display: block;
    float: right;
    padding: 1px 5px; }
  #root .slip-event ul li.odd {
    text-align: center;
    font-weight: 500;
    background-color: #e6e6e6;
    width: 42px; }
  #root .slip-event.gray-highlight ul li, #root .slip-event.red-highlight ul li {
    background-color: gainsboro; }
  #root .slip-event.gray-highlight ul li.odd, #root .slip-event.red-highlight ul li.odd {
    background-color: #d2d2d2; }
  #root .slip-event.gray-highlight .bettype, #root .slip-event.red-highlight .bettype {
    /*display: none;*/ }
  #root .confirmation .slip-event.gray-highlight .bettype, #root .confirmation .slip-event.red-highlight .bettype {
    display: block; }
  #root .system .slip-event ul li.odd {
    width: 42px; }
  #root .slip-event .red {
    color: #eb0000; }
  #root .slip-event .odd span.odd {
    display: block;
    line-height: 22px; }
  #root .slip-event .msg {
    font-size: 15px;
    font-weight: 500;
    padding-top: 0px;
    color: black;
    min-width: 80px;
    padding-right: 5px;
    /*max-width: 162px;*/
    display: flex;
    /*clear: both;*/
    text-align: left;
    padding-top: 3px;
    float: left; }
  #root .slip-event .msg span {
    float: left;
    /*max-width: 190px;*/ }
  #root .system .slip-event .msg, #root .confirmation .slip-event .msg {
    max-width: 278px; }
  #root .confirmation .slip-event .msg {
    display: inline-block; }
  #root .confirmation.system .slip-event .msg {
    display: inline-block; }
  #root .slip-event .odd.red {
    background: url(../images/red-arrow.png) no-repeat right bottom;
    background-color: #f0f0f0; }
  #root .slip-event .green {
    color: #00af28; }
  #root .slip-event .odd.green {
    background: url(../images/green-arrow.png) no-repeat right top;
    background-color: #f0f0f0; }
  #root .slip-event ul li.fix {
    width: 30px;
    text-align: center;
    padding: 0;
    cursor: pointer;
    background-color: #e6e6e6;
    line-height: 16px; }
  #root .slip-event ul li.fix:hover {
    background-color: gainsboro; }
  #root .slip-event ul li.fix.selected:hover {
    background-color: #323232; }
  #root .slip-event ul li.fix.disabled {
    cursor: default; }
  #root .slip-event ul li.fix.disabled:hover {
    background-color: #f0f0f0; }
  #root .slip-event ul li.remove, #root .slip-event ul li.remove.disabled:hover {
    width: 25px;
    background-color: transparent;
    height: 20px;
    /*background:url(../images/x_sivi.png) no-repeat center;*/
    background-image: url(../images/listici/x_brisanje_dogadjaja_sivi.svg?1);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    cursor: default; }
  #root .slip-event ul li.remove:hover {
    /*background-image:url(../images/x_crveni.png);*/
    background-image: url(../images/listici/x_brisanje_dogadjaja_crveni.svg?1);
    cursor: pointer; }
  #root .slip-clear-line {
    float: left;
    font-size: 14px;
    width: 100%;
    *width: auto;
    padding: 5px 10px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  #root .slip-clear-line::after {
    clear: both; }
  #root .slip-clear-line div {
    float: left;
    margin-top: 0;
    line-height: 15px;
    color: #828282; }
  #root #slip .slip-clear-line input[type=button] {
    float: right;
    width: 139px;
    display: block;
    margin-top: 3px;
    height: 35px;
    font-size: 15px;
    background-image: url(../images/listici/x_brisi_sve.svg?1);
    background-repeat: no-repeat;
    background-position: 22px center;
    *background-position: 18px center;
    padding-left: 22px;
    background-color: gainsboro; }
  #root #slip .slip-clear-line input#slip-mark-all {
    margin-right: 2px;
    background-image: url(../images/checkbox_active.svg?1);
    padding-left: 32px; }
  #root #slip .slip-clear-line input#slip-mark-all:hover {
    background-color: #c8c8c8; }
  #root #slip .slip-clear-line input#slip-clear:hover {
    background-color: #d20000;
    color: #fff;
    background-image: url(../images/listici/x_brisi_sve_potvrda_bijeli.svg?1); }
  #root #slip .navigation-now {
    padding-top: 0.2em;
    line-height: 1.3em;
    text-transform: none;
    text-align: right; }
  #root #slip .navigation-back {
    margin-top: 0.4em; }
  #root .sys {
    display: none; }
  #root div.sys {
    padding: 0.5em; }
  #root li.fix {
    color: #323232;
    background-color: #c8d9ea; }
  #root .slip-event.gray-highlight li.fix, #root .slip-event.red-highlight li.fix {
    background: none;
    background-color: #d2d2d2;
    color: #a0a0a0; }
  #root div.komb-label {
    border-radius: 2px;
    line-height: 2em;
    margin: 0 0.3em 0.2em 0.22em;
    clear: both; }
  #root #slip div.combinations {
    border-top: 1px solid #f0f0f0;
    overflow: hidden; }
  #root div.binoms {
    width: 47.9%;
    *width: 41%;
    float: left;
    margin: 2px;
    border-radius: 2px;
    color: #323232;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #ebebeb;
    height: 24px;
    line-height: 16px;
    padding: 0.3em 0;
    text-align: center;
    cursor: pointer;
    font-size: 14px; }
  #root div.binoms:hover {
    background-color: #c8c8c8; }
  #root #payin-btn {
    width: 280px; }
  #root #confirm-btn {
    margin-left: 2px; }
  #root #preview-btn {
    width: 40px;
    border-radius: 2px;
    background-image: url(../images/listici/pregled_listica.svg?1);
    background-repeat: no-repeat;
    background-position: center; }
  #root #slip input[type=button]#preview-btn:hover {
    background-color: #c8c8c8; }
  #root #preview-btn.disabled {
    background-image: url(../images/listici/pregled_listica-disabled.svg);
    cursor: default; }
  #root #slip input[type=button]#preview-btn:hover {
    background-color: gainsboro; }
  #root #slip input[type=button].payin-btn {
    background-color: #00d1a1;
    color: black;
    font-size: 18px; }
  #root #slip input[type=button].payin-btn:hover {
    background-color: #00c896; }
  #root #slip input[type=button].voucher-btn {
    width: 40px;
    background: url(../images/neklikabilne/menu-posebna.svg) no-repeat center;
    background-color: gainsboro;
    margin-left: 4px;
    border-radius: 2px; }
  #root #slip input[type=button].voucher-btn:hover, #root #slip .popup-open input[type=button].voucher-btn {
    background-color: #c8c8c8; }
  #root #slip .voucher-popup {
    display: none;
    /* position: absolute; */
    right: 0px;
    /* top: -9px; */
    background-color: gainsboro;
    padding: 0.5em;
    width: 95%;
    float: left;
    margin-top: 5px; }
  #root #slip .popup-open .voucher-popup {
    display: block; }
  #root #slip .popup-open {
    position: relative; }
  #root #slip #voucher-number {
    color: black;
    width: 73%; }
  #root #slip .voucher-applied {
    float: left;
    color: white;
    padding: 5px 0;
    width: 100%;
    display: none; }
  #root #slip .voucher-applied.show-it {
    display: block; }
  #root #slip .voucher-applied div {
    float: right; }
  #root #slip #voucher-apply {
    background-color: #00d1a1; }
  #root #slip #voucher-apply:hover {
    background-color: #00c896; }
  #root .confirm-slip input {
    width: 49.6%;
    font-size: 18px; }
  #root .high-risk {
    height: 40px;
    background: url(../images/dop_visoki_38.png) no-repeat 5px 0px;
    padding-left: 43px;
    clear: both;
    margin: 15px 0 0px 10px;
    display: block;
    text-decoration: none;
    color: black;
    font-size: 0; }
  #root #livestate {
    display: none; }
  #root .hidden {
    display: none; }
  #root .cf:before, #root .cf:after {
    content: " ";
    display: table; }
  #root .cf:after {
    clear: both; }
  #root .cf {
    *zoom: 1; }
  #root .box {
    -o-text-overflow: ellipsis;
    /* Opera */
    text-overflow: ellipsis;
    /* IE, Safari (WebKit) */
    overflow: hidden;
    /* don't show excess chars */
    white-space: nowrap;
    /* force single line */
    *text-overflow: inherit;
    /* IE, Safari (WebKit) */
    *overflow: visible;
    /* don't show excess chars */
    *white-space: normal;
    /* force single line */ }

/*move-quick*/
a.move-quick {
  display: none;
  width: 4em;
  height: 4em;
  position: fixed;
  z-index: 14;
  right: 0.05em;
  cursor: pointer; }

#quick-up {
  bottom: 4em;
  background: url(../images/gui/scroll_strelica_gore.png) no-repeat;
  background-size: 3em; }

#quick-down {
  top: 3em;
  background: url(../images/gui/scroll_strelica_dole.png) no-repeat;
  background-size: 3em; }

#slip.crobet-screen.modal-dialog .modal-content {
  width: 1068px; }

#slip.crobet-screen.modal-dialog .modal-content .modal-body {
  padding: 0; }

#slip.crobet-screen.modal-dialog .modal-content .modal-header {
  display: none; }

#slip.crobet-screen.loto.modal-dialog .modal-content {
  width: 480px; }

.crobet-screen {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 5;
  overflow: auto;
  /**confirmation slip begin**/
  /**confirmation slip end**/ }
  .crobet-screen * {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box; }
  .crobet-screen .screen-msg, .crobet-screen #progress, .crobet-screen #wincheck {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    top: 35%;
    margin: auto 35%;
    background-color: #fff;
    border-radius: 2px;
    width: 30%;
    padding: 1.334em;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.334em;
    color: #323232;
    text-align: center;
    display: none; }
  .crobet-screen input {
    color: #323232;
    border-radius: 2px;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    text-align: center;
    border: 0;
    height: 3em;
    margin-top: 0.5em;
    font-family: inherit;
    font-size: 14px;
    background-color: gainsboro;
    cursor: pointer; }
  .crobet-screen input:hover {
    background-color: #c8c8c8; }
  .crobet-screen #progress {
    width: 20%;
    margin: auto 40%; }
  .crobet-screen #preloader {
    text-align: center; }
  .crobet-screen #preloader div {
    margin: 0 auto;
    background: url(../images/slip_loading90.gif) no-repeat center 1.3em;
    background-size: 3.07em;
    text-align: center;
    padding: 2em 0 1.3em 0; }
  .crobet-screen #screen {
    position: fixed;
    display: none;
    width: 100%;
    background-color: rgba(50, 50, 50, 0.9);
    bottom: 0;
    top: 0;
    z-index: 13; }
  .crobet-screen #screen .screen-msg, .crobet-screen #progress {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: absolute;
    top: 50%;
    margin: auto 6.25%;
    background-color: #fff;
    border-radius: 2px;
    width: 87.5%;
    padding: 1.334em;
    font-size: 0.9375em;
    font-weight: 300;
    line-height: 1.334em;
    color: #323232; }
  .crobet-screen #confirmation-slip {
    background-color: #fff;
    max-width: 1024px; }
  .crobet-screen .ui-dialog {
    padding: 0;
    background-color: transparent;
    background-image: none;
    border: 0; }
  .crobet-screen .ui-widget {
    font-family: sans-serif; }
  .crobet-screen #listic {
    background-color: white;
    padding: 16px;
    overflow-x: hidden;
    max-width: 1100px;
    margin: 0px auto;
    z-index: 100; }
  .crobet-screen #progress {
    background-color: white; }
  .crobet-screen #confirmation-slip {
    /*width:100%;*/
    max-height: 950px;
    border: solid 1px black;
    min-width: 970px;
    overflow-y: auto;
    text-align: left; }
  .crobet-screen #confirmation-slip td {
    vertical-align: top; }
  .crobet-screen table.confirmation-slip-events-top {
    padding-right: 13px;
    padding-left: 15px; }
  .crobet-screen table.confirmation-slip-events-top td.cs-events-top {
    width: 33%;
    font-size: 12px;
    padding-left: 5px; }
  .crobet-screen table.confirmation-slip-events-top td div.cs-events-top {
    width: 32.8%;
    font-size: 12px;
    padding-left: 0px;
    padding-bottom: 5px;
    float: left;
    overflow: visible;
    position: relative;
    background-color: #fff;
    z-index: 5; }
  .crobet-screen .equalizer {
    display: none;
    *display: block; }
  .crobet-screen table.confirmation-slip-events-top td div.cs-events-top.event-error-overlay, .crobet-screen .event-error-overlay {
    background-color: #fce0e0; }
  .crobet-screen #confirmation-slip-played-systems-table td.event-error-line, .crobet-screen .event-error-line {
    color: red;
    font-size: 11px; }
  .crobet-screen table.slip-inner-table {
    /*margin-top:-72px;*/
    padding-left: 5px;
    text-align: left; }
  .crobet-screen table.slip-inner-table td.last {
    padding-right: 10px;
    width: 72px;
    text-align: left; }
  .crobet-screen table.slip-inner-table td.last div.outcome {
    float: left;
    width: 32px;
    text-align: right; }
  .crobet-screen .bb-toggle {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url(../images/strelice/crna_strelica_gore.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer; }
  .crobet-screen .bb-toggle.selected {
    background-image: url(../images/strelice/crna_strelica_dole.svg); }
  .crobet-screen .bb-row {
    display: none; }
  .crobet-screen table.slip-inner-table td.last.red {
    background: url(../images/red-arrow.png) no-repeat right bottom; }
  .crobet-screen table.slip-inner-table td.last.red div.odd {
    color: #ff0000; }
  .crobet-screen table.slip-inner-table td.last.green {
    background: url(../images/green-arrow.png) no-repeat right top; }
  .crobet-screen table.slip-inner-table td.last.green div.odd {
    color: #329b00; }
  .crobet-screen #confirmation-slip-footer > table > tbody > tr > td {
    width: 33%; }
  .crobet-screen #confirmation-slip-header, .crobet-screen #confirmation-slip-footer {
    background-color: #e6e6e6; }
  .crobet-screen #confirmation-slip-header {
    padding-left: 10px; }
  .crobet-screen #confirmation-slip-header-table {
    width: 100%; }
  .crobet-screen #confirmation-slip-header-table td.first {
    width: 32.7%;
    height: 78px;
    padding: 0; }
  .crobet-screen #confirmation-slip-header-table td.first div {
    margin: 12px 3px 0 6px;
    font-size: 18px;
    font-weight: bold;
    height: 56px; }
  .crobet-screen #confirmation-slip-header-table td.first span {
    font-size: 14px;
    display: block;
    margin-top: 6px;
    font-weight: normal; }
  .crobet-screen #confirmation-slip-header-table td.middle {
    width: 27%; }
  .crobet-screen #confirmation-slip-header-table td.middle h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 14px 0 0 16px;
    white-space: nowrap; }
  .crobet-screen #confirmation-slip-header-table td.middle div {
    font-size: 14px;
    margin: 3px 0 0 16px; }
  .crobet-screen #confirmation-slip-header-table td.middle span {
    font-weight: bold;
    margin-top: 3px; }
  .crobet-screen #confirmation-slip-header-table td.last {
    width: 39%;
    text-align: left; }
  .crobet-screen span.betshop-payin {
    font-size: 18px;
    font-weight: bold; }
  .crobet-screen div.payin-no {
    font-size: 16px;
    text-align: right;
    padding-top: 14px;
    padding-right: 12px; }
  .crobet-screen #confirmation-slip .odd {
    text-align: right;
    float: right; }
  .crobet-screen #hl-data {
    font-size: 11px;
    padding: 15px 16px 0 0; }
  .crobet-screen #hl-data div {
    float: right; }
  .crobet-screen #hl-data span {
    background: url(../images/HLAsset1.png) no-repeat left center;
    float: right;
    display: block;
    height: 57px;
    width: 115px; }
  .crobet-screen #hl-uplati {
    font-size: 14px;
    padding: 30px 16px 0 0; }
  .crobet-screen #confirmation-slip table {
    width: 97%;
    border-collapse: separate; }
  .crobet-screen .dotted {
    border-right: 1px dotted black; }
  .crobet-screen .slip-table-overlay {
    /*min-height: 72px; 
    position: relative; 
    right: 0px;
    top:0px;*/
    *position: absolute;
    *width: 1px; }
  .crobet-screen .new-line {
    clear: left; }
  .crobet-screen .hidden {
    display: none; }
  .crobet-screen #confirmation-slip .strong {
    font-weight: bold;
    width: 20px; }
  .crobet-screen .event-id {
    width: 62px; }
  .crobet-screen .event-name {
    overflow: hidden;
    font-weight: bold; }
  .crobet-screen #confirmation-slip-fix-header, .crobet-screen #confirmation-slip-sys-header, .crobet-screen #confirmation-slip-played-systems-header {
    display: none;
    font-size: 14px;
    margin: 8px 13px 8px 16px;
    border-bottom: 1px dotted black;
    padding-bottom: 8px;
    padding-left: 5px; }
  .crobet-screen #confirmation-slip-sys-header.top {
    border-top: 1px dotted black; }
  .crobet-screen #confirmation-slip-played-systems-header {
    border-bottom: 0;
    padding-bottom: 0px; }
  .crobet-screen #confirmation-slip-played-systems-table {
    padding: 0 15px;
    overflow: hidden; }
  .crobet-screen .system-separator {
    clear: both;
    height: 10px; }
  .crobet-screen #confirmation-slip-played-systems-table td, .crobet-screen #confirmation-slip-played-systems-table th {
    font-size: 12px;
    text-align: left;
    border: 1px dotted #000;
    border-left: 1px dotted #fff;
    height: 18px;
    width: 16%;
    padding-left: 5px;
    line-height: 17px; }
  .crobet-screen #confirmation-slip-played-systems-table th {
    border-top: 1px solid #000; }
  .crobet-screen #confirmation-slip-played-systems-table table {
    border-left: 0;
    border-right: 0;
    border-spacing: 0;
    border-collapse: collapse;
    width: 49.2%;
    float: left;
    margin-right: 5px; }
  .crobet-screen #confirmation-slip-played-systems-table td.last, .crobet-screen #confirmation-slip-played-systems-table th.last {
    border-right: 1px dotted #fff; }
  .crobet-screen #confirmation-slip-footer {
    margin-top: 20px;
    position: relative; }
  .crobet-screen #confirmation-slip-footer div.tax {
    position: absolute;
    /*bottom:-15px;*/
    font-size: 12px;
    color: #4b4b4b;
    text-align: right;
    right: 15px;
    line-height: 15px; }
  .crobet-screen #confirmation-slip-footer div.tax span {
    font-size: 11px; }
  .crobet-screen #confirmation-slip-footer table {
    font-size: 12px;
    border-spacing: 0;
    width: 100%; }
  .crobet-screen #confirmation-slip-footer-table {
    height: 76px; }
  .crobet-screen #confirmation-slip-footer table td.left {
    width: 42%;
    padding: 0; }
  .crobet-screen #confirmation-slip-footer td.left div {
    margin: 12px 0 0 16px;
    line-height: 20px; }
  .crobet-screen #confirmation-slip-footer td.right {
    width: 29%;
    padding: 0 13px 0 16px; }
  .crobet-screen #confirmation-slip-footer td.right table {
    width: 100%; }
  .crobet-screen #confirmation-slip-footer td.right td {
    vertical-align: middle;
    border-bottom: 1px dotted #000000;
    height: 25px; }
  .crobet-screen #confirmation-slip-footer td.right td.last {
    border-bottom: 0; }
  .crobet-screen #confirmation-slip-footer td.slip-label {
    text-align: left; }
  .crobet-screen #confirmation-slip-footer td.amount {
    text-align: right;
    font-size: 14px;
    font-weight: bold; }
  .crobet-screen .confirmation-slip-buttons {
    height: 70px;
    margin-top: 15px; }
  .crobet-screen div.confirmation-slip-buttons.payin {
    height: 98px; }
  .crobet-screen #warning {
    max-width: 700px;
    float: left;
    width: auto;
    font-size: 18px;
    font-weight: bold;
    color: #e60000;
    height: 100%;
    padding-left: 18px; }
  .crobet-screen .tc {
    display: table-cell;
    vertical-align: middle;
    height: 70px; }
  .crobet-screen #barcode {
    padding-top: 3px;
    float: left;
    height: 100%; }
  .crobet-screen #barcodeTarget {
    margin-top: 10px;
    font-size: 12px; }
  .crobet-screen #win-check {
    float: left;
    font-size: 12px;
    padding-top: 10px;
    width: 450px;
    padding-left: 15px; }
  .crobet-screen #win-check span {
    font-weight: bold; }
  .crobet-screen .cs-buttons {
    float: right;
    padding-top: 15px;
    padding-right: 10px;
    position: relative;
    top: 0;
    right: 0;
    width: 32%; }
  .crobet-screen #payin-info {
    font-size: 18px;
    font-weight: bold;
    color: #329b00;
    margin-bottom: 5px;
    text-align: right; }
  .crobet-screen .confirmation-slip-close {
    color: #323232;
    background-color: gainsboro;
    width: 90px;
    height: 34px;
    display: block;
    margin-top: 4px;
    float: right;
    text-decoration: none;
    line-height: 34px;
    text-align: center;
    margin-right: 5px;
    width: 75px; }
  .crobet-screen .confirmation-slip-close:hover {
    background-color: #c8c8c8; }
  .crobet-screen a.print {
    background: url(../images/print.png) no-repeat left top;
    margin-top: 12px;
    padding: 0 15px 0 20px;
    display: block;
    height: 24px;
    float: right;
    line-height: 19px; }
  .crobet-screen a.print, .crobet-screen a.print:link, .crobet-screen a.print:active, .crobet-screen a.print:visited {
    font-size: 12px;
    color: #000;
    text-decoration: none;
    outline: none; }
  .crobet-screen div.cs-buttons div a.confirmation-slip-close {
    *margin-top: -15px; }
  .crobet-screen a.confirmation-slip-payin {
    margin-top: 4px;
    background-color: #00d1a1;
    width: 81px;
    height: 34px;
    display: block;
    float: right;
    clear: both;
    color: black;
    text-decoration: none;
    line-height: 34px;
    text-align: center;
    width: 75px; }
  .crobet-screen a.confirmation-slip-payin:hover {
    background-color: #00c896; }
  .crobet-screen .ui-front {
    z-index: 5; }
  .crobet-screen .red-highlight {
    background-color: #fce5e5;
    color: #978989; }

#progress {
  width: 20%;
  margin: auto 40%; }

#preloader {
  text-align: center; }

#preloader div {
  margin: 0 auto;
  background: url(../images/slip_loading90.gif) no-repeat center 1.3em;
  background-size: 3.07em;
  text-align: center;
  padding: 2em 0 1.3em 0; }

/*widgets*/
#widgets {
  z-index: 1000;
  top: 5%;
  position: relative;
  background-color: rgba(27, 41, 51, 0.97);
  color: white;
  max-height: 90%;
  width: 100%;
  max-width: 1000px;
  margin: auto;
  padding: 1em;
  box-sizing: border-box;
  display: none;
  overflow-y: scroll; }

#widgets .widget-head {
  line-height: 2em;
  overflow: hidden; }

#widgets .widget-head .widget-close {
  float: right;
  width: 2em;
  background: url(../images/klikabilne/x_bijeli_10x10.svg) no-repeat right center;
  height: 2.5em; }

#widgets ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-right: 1px solid #fefefe;
  margin-bottom: 1em; }

#widgets > ul > li {
  float: left;
  width: 33.333%;
  border: 1px solid #fefefe;
  border-right: none;
  text-align: center;
  height: 3em;
  background-color: #bec7ca;
  color: black;
  padding: 0.6em 1em;
  line-height: 1.8em;
  box-sizing: border-box;
  text-transform: uppercase;
  font-size: 1em;
  cursor: pointer; }

#widgets > ul > li.selected {
  background-color: #1b2933;
  color: #fefefe;
  cursor: default; }

#widgets > ul > li.disabled {
  color: #666666;
  cursor: default; }

#screen {
  position: fixed;
  display: none;
  width: 100%;
  background-color: rgba(50, 50, 50, 0.9);
  bottom: 0;
  top: 0;
  z-index: 13; }

#screen .screen-msg, #progress {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: absolute;
  top: 50%;
  margin: auto 20%;
  background-color: #fff;
  border-radius: 2px;
  width: 60%;
  padding: 1.334em;
  font-size: 0.9375em;
  font-weight: 300;
  line-height: 1.334em;
  color: #323232; }

/*# sourceMappingURL=betalive.css.map */