html, body, #big_wrapper{
    height:100%;
}
body{
    background: #eee;
    padding-top: 70px;
}
tr.selected {
    background-color: #235795
}

a[disabled]{
    pointer-events: none !important;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
}

.izlaz-col, .ulaz-col{
    border: 1px solid #ccc;
    padding: 0 5px;
    margin: 5px;
    border-radius: 5px;
    width:48%;
}

.hbox{
    display: inline-block;
    background-color: #eee;
    border-radius: 2px;
    float: right;
    margin-top: -6px;
    color: #000;
}

.hbox label{
    padding: 2px;
    cursor: pointer;
}

#modal-header {
    height:40px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border:1px solid #333;

    background: #294061;
    background: -moz-linear-gradient(top,  #294061 0%, #235795 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#294061), color-stop(100%,#235795));
    background: -webkit-linear-gradient(top,  #294061 0%,#235795 100%);
    background: -o-linear-gradient(top,  #294061 0%,#235795 100%);
    background: -ms-linear-gradient(top,  #294061 0%,#235795 100%);
    background: linear-gradient(to bottom,  #294061 0%,#235795 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#294061', endColorstr='#235795',GradientType=0 );
}
#modal-header a {
    float:right;
    margin-top:4px;
    -webkit-touch-callout: none;
}
#modal-header a:hover {
    background: #294061;
    background: -moz-linear-gradient(top, #294061 0%,#235795 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #294061), color-stop(100%,#235795));
    background: -webkit-linear-gradient(top, #294061 0%,#235795 100%);
    background: -o-linear-gradient(top, #294061 0%,#235795 100%);
    background: -ms-linear-gradient(top, #294061 0%,#235795 100%);
    background: linear-gradient(to bottom, #294061 0%,#235795 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#294061', endColorstr='#235795',GradientType=0 );
}
#modal-title {color:#fff;padding:8px 0 0 10px;font-size:120%; float: left; width:75%;}
#modal-header a, .button:not(.confirm-button):not(input) {
    padding:4px 8px;
    color:#ffffff;
    text-decoration:none;
    border-radius:5px;
    border:1px solid #333;
    -moz-box-shadow: 0px 1px 1px #888;
    -webkit-box-shadow: 0px 1px 1px #888;
    box-shadow: 0px 1px 1px #888;
    margin-right:10px;

    background: #235795;
    background: -moz-linear-gradient(top,  #235795 0%, #294061 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #235795), color-stop(100%,#294061));
    background: -webkit-linear-gradient(top,  #235795 0%,#294061 100%);
    background: -o-linear-gradient(top,  #235795 0%,#294061 100%);
    background: -ms-linear-gradient(top,  #235795 0%,#294061 100%);
    background: linear-gradient(to bottom,  #235795 0%,#294061 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#235795', endColorstr='#294061',GradientType=0 );
}
.ui-autocomplete{
    z-index: 10000 !important;
}
.ui-datepicker{
    z-index: 10 !important:;
}
input::-webkit-calendar-picker-indicator{
    display: none;
}   
input[type="date"]::-webkit-input-placeholder{ 
    visibility: hidden !important;
}
.v-top {
    vertical-align: top
}
.inline {
    display: inline
}
.inline-block {
    display: inline-block
}
.block {
    display: block
}
.left {
    float: left
}
.right {
    float: right!important
}
.clearall {
    clear: both
}
.pointer {
    cursor: pointer
}
.tbrp3 td{
    padding: 3px !important;
}
.t-left {
    text-align: left!important
}
.t-right {
    text-align: right!important
}
.t-center {
    text-align: center!important
}
.t-size-s {
    font-size: 12px
}
.t-size-m {
    font-size: 14px
}
.t-size-l {
    font-size: 16px
}
.t-size-xl {
    font-size: 18px
}
.m0 {
    margin: 0px
}
.m5 {
    margin: 5px
}
.m15 {
    margin: 15px!important
}
.ml0 {
    margin-left: 0px!important
}
.ml5 {
    margin-left: 5px!important
}
.ml10 {
    margin-left: 10px!important
}
.ml15 {
    margin-left: 15px!important
}
.ml20 {
    margin-left: 20px!important
}
.ml30 {
    margin-left: 30px!important
}
.ml50 {
    margin-left: 50px
}
.mr0 {
    margin-right: 0!important
}
.mr10 {
    margin-right: 10px
}
.mr20 {
    margin-right: 20px!important
}
.mr30 {
    margin-right: 30px
}
.mr40 {
    margin-right: 40px
}
.mt0 {
    margin-top: 0!important
}
.mt5 {
    margin-top: 5px
}
.mt10 {
    margin-top: 10px
}
.mt15 {
    margin-top: 15px!important
}
.mt20 {
    margin-top: 20px!important
}
.mt30 {
    margin-top: 30px!important
}
.mt35 {
    margin-top: 35px
}
.mt50 {
    margin-top: 50px
}
.mt80 {
    margin-top: 80px
}
.mt100 {
    margin-top: 100px
}
.mb0{
    margin-bottom: 0px !important
}
.mb10 {
    margin-bottom: 10px
}
.mb15 {
    margin-bottom: 15px
}
.mb20 {
    margin-bottom: 20px!important
}
.mb50 {
    margin-bottom: 50px!important
}
.fs80 {
    font-size: 80%
}
.fs90 {
    font-size: 90%
}
.fs100 {
    font-size: 100%!important
}
.fs110 {
    font-size: 110%
}
.fs120 {
    font-size: 120%
}
.fs140 {
    font-size: 140%
}

.ta-l{
    text-align: left !important;
}
.ta-c{ 
    text-align: center !important;
}
.ta-r{
    text-align: right !important;
}
.w5 {
    width: 5%!important
}
.w8 {
    width: 8.5%!important
}
.va-b{
    vertical-align:bottom !important;
}
.va-m{
    vertical-align: middle !important;
}
.w10 {
    width: 10%!important
}
.w17 {
    width: 17.5%!important
}
.w18 {
    width: 18%!important
}
.w15 {
    width: 15%!important
}
.w13{
    width: 13%!important
}
.w22 {
    width: 24.755555555555%!important
}
.w20 {
    width: 20%!important
}
.w25 {
    width: 25%!important
}
.w30 {
    width: 30%!important
}
.w40 {
    width: 40%!important
}
.w45 {
    width: 45%!important
}
.w50 {
    width: 50%!important
}
.w60 {
    width: 60%!important
}
.w70 {
    width: 70%!important
}
.w80 {
    width: 80%!important
}
.w90 {
    width: 90%!important
}
.w100 {
    width: 100%!important
}
.w105p {
    width: 105px!important
}
.op30 {
    opacity: .3;
    filter: alpha(Opacity=30)
}
.op70 {
    opacity: .7;
    filter: alpha(Opacity=70)
}
.hide {
    display: none
}
.bold {
    font-weight: 700
}
.smallfont {
    font-size: 75%!important
}
.nb {
    border: none!important
}
.nbl {
    border-left: none !important
}
.nbr {
    border-right: none !important
}
.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.p66{
    padding: 3px 3px !important;
}

/* ovdje je bio .ednevnik */
.evd div.center{
    display:flex;justify-content: center;padding-right: 10px 30px;
}
 input[type=text].manipulate, select.manipulate {
    width: 68%;
    font-weight: normal !important;
    font-size: 120%;
    height: 1.75em;
    margin-top: 2px;
    margin-bottom: 2px;
    display: inline-block;
    padding-left: 2px
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
    background-color: #ffffdf
}
.mwInh{
    min-width: inherit !important;
    width: auto;
    display: inline-block;    
}
::-webkit-scrollbar {
    display: none;
}
table.details{
        width:50%; border-collapse:collapse; border-spacing: 0; 
}
table.details tr, table.details td{
    vertical-align: middle;
    padding: 5px;
    border: 1px solid #E3E3E3;

}
table.details th{
    padding: 5px;
    background: #F6F6F6;

}
.activeN{
    background: #dff0d8;
}
.navbar-blue{
    min-height: 60px;   
    line-height: 60px;
    color: #fff;
    background: #294061;
    background: -moz-linear-gradient(top, #294061 0, #235795 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #294061), color-stop(100%, #235795));
    background: -webkit-linear-gradient(top, #294061 0, #235795 100%);
    background: -o-linear-gradient(top, #294061 0, #235795 100%);
    background: -ms-linear-gradient(top, #294061 0, #235795 100%);
    background: linear-gradient(to bottom, #294061 0, #235795 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#294061', endColorstr='#235795', GradientType=0);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.navbar-blue .navbar-nav>li>a, .navbar-blue .navbar-brand{
    color:white !important;
}
.clickable2{
    background: #ccc;
    cursor: pointer;
}
.hover:hover{
    color: #fff;
    background: #4286f5;
    background: -moz-linear-gradient(top, #4286f5 0, #194fdb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4286f5), color-stop(100%, #194fdb));
    background: -webkit-linear-gradient(top, #4286f5 0, #194fdb 100%);
    background: -o-linear-gradient(top, #4286f5 0, #194fdb 100%);
    background: -ms-linear-gradient(top, #4286f5 0, #194fdb 100%);
    background: linear-gradient(to bottom, #4286f5 0, #194fdb 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4286f5', endColorstr='#194fdb', GradientType=0)
}
ul.menu {
    margin: 10px 70px 0 0;
    padding: 0;
    list-style: none
}
ul.menu li {
    font-size: 16px;
    float: left;
    border: 1px solid #1f69bf;
    border-radius: 10px;
    margin-right: 5px;
    height: 40px;
    line-height: 40px;
    -moz-box-shadow: 1px 1px 1px #000;
    -webkit-box-shadow: 1px 1px 1px #000;
    box-shadow: 1px 1px 1px #000;
    color:white !important;
}
.menu-btn{
    font-size: 16px;
    float: left;
    margin-right:   px;
    height: 40px;
    line-height: 40px;
   
}
ul.menu li:hover,
.no-js ul.menu li:hover,
ul.menu li.selected,
ul.menu li.touched,
tr.selected {
    background-color: #235795
}
ul.menu li a {
    color: #fff;
    display: block;
    height: 100%;
    padding: 0 20px;
    text-decoration: none
}
.form-border {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #ccc
}
.form-border input[type=submit], .s {
    margin-left:auto !important;
    margin-right: auto !important;
    margin-top: 20px;
    display:block;
    font-size:120%;
    clear: both;
}
.button, .bb{
    padding: 4px 25px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #333;
    -moz-box-shadow: 0 1px 1px #888;
    -webkit-box-shadow: 0 1px 1px #888;
    box-shadow: 0 1px 1px #888;
    margin-right: 10px;
    background: #235795;
    background: -moz-linear-gradient(top, #235795 0, #294061 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #235795), color-stop(100%, #294061));
    background: -webkit-linear-gradient(top, #235795 0, #294061 100%);
    background: -o-linear-gradient(top, #235795 0, #294061 100%);
    background: -ms-linear-gradient(top, #235795 0, #294061 100%);
    background: linear-gradient(to bottom, #235795 0, #294061 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#235795', endColorstr='#294061', GradientType=0)
}
.button:hover, .bb:hover{
    padding: 4px 25px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #333;
    -moz-box-shadow: 0 1px 1px #888;
    -webkit-box-shadow: 0 1px 1px #888;
    box-shadow: 0 1px 1px #888;
    margin-right: 10px;
    background: #235795;
    background: -moz-linear-gradient(top, #294061 0, #235795 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#235795,0), color-stop(100%, #294061));
    background: -webkit-linear-gradient(top, #294061 0, #235795 100%);
    background: -o-linear-gradient(top, #294061 0, #235795 100%);
    background: -ms-linear-gradient(top, #294061 0, #235795 100%);
    background: linear-gradient(to bottom, #294061 0, #235795 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#235795', endColorstr='#294061', GradientType=0)
}

.button.disabled,.button.disabled:focus,.hover .button.disabled:hover,.no-js .button.disabled:hover {
    color: #545454;
    cursor: default;
    filter: none;
    background: #B7BCC6;
    border-color: #B7BCC6
}

.button2.disabled,.button2.disabled:focus,.hover .button2.disabled:hover,.no-js .button2.disabled:hover {
    color: #545454;
    cursor: default;
    filter: none;
    background: #B7BCC6;
    border-color: #B7BCC6
}

.button2{display:inline-block;padding:8px;color:#fff;font-weight:400;text-decoration:none;border-radius:5px;margin-right:10px;margin-top:0;-webkit-box-shadow:0 1px 1px #9aa5bb,0 -1px 1px #8e96a5;-moz-box-shadow:0 1px 1px #888;border:1px solid #54617d;border-color:#484e59 #54617d #4c5c7a;font-size:15px;white-space:nowrap;cursor:pointer;background:#92a1bf;background:-moz-linear-gradient(top,#92a1bf 0,#798aad 25%,#6276a0 50%,#556a97 50%,#556a97 75%,#546993 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#92a1bf),color-stop(25%,#798aad),color-stop(50%,#6276a0),color-stop(50%,#556a97),color-stop(75%,#556a97),color-stop(100%,#546993));background:-webkit-linear-gradient(top,#92a1bf 0,#798aad 25%,#6276a0 50%,#556a97 50%,#556a97 75%,#546993 100%);background:-o-linear-gradient(top,#92a1bf 0,#798aad 25%,#6276a0 50%,#556a97 50%,#556a97 75%,#546993 100%);background:-ms-linear-gradient(top,#92a1bf 0,#798aad 25%,#6276a0 50%,#556a97 50%,#556a97 75%,#546993 100%);background:linear-gradient(to bottom,#92a1bf 0,#798aad 25%,#6276a0 50%,#556a97 50%,#556a97 75%,#546993 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#92a1bf', endColorstr='#546993', GradientType=0);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.button2:hover,.no-js .button2:hover{color:#fff;background:#7d88a5;background:-moz-linear-gradient(top,#7d88a5 0,#58698c 25%,#3a4e78 50%,#253c6a 50%,#273f6d 75%,#273f6d 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#7d88a5),color-stop(25%,#58698c),color-stop(50%,#3a4e78),color-stop(50%,#253c6a),color-stop(75%,#273f6d),color-stop(100%,#273f6d));background:-webkit-linear-gradient(top,#7d88a5 0,#58698c 25%,#3a4e78 50%,#253c6a 50%,#273f6d 75%,#273f6d 100%);background:-o-linear-gradient(top,#7d88a5 0,#58698c 25%,#3a4e78 50%,#253c6a 50%,#273f6d 75%,#273f6d 100%);background:-ms-linear-gradient(top,#7d88a5 0,#58698c 25%,#3a4e78 50%,#253c6a 50%,#273f6d 75%,#273f6d 100%);background:linear-gradient(to bottom,#7d88a5 0,#58698c 25%,#3a4e78 50%,#253c6a 50%,#273f6d 75%,#273f6d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d88a5', endColorstr='#273f6d', GradientType=0)}
.button2.red{color:#fff!important;border:1px solid #4b353a;border-color:#832936;background:#c66572;background:-moz-linear-gradient(top,#c66572 0,#b63849 25%,#ac1a2e 50%,#a40018 50%,#a40018 75%,#7d1022 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#c66572),color-stop(25%,#b63849),color-stop(50%,#ac1a2e),color-stop(50%,#a40018),color-stop(75%,#a40018),color-stop(100%,#7d1022));background:-webkit-linear-gradient(top,#c66572 0,#b63849 25%,#ac1a2e 50%,#a40018 50%,#a40018 75%,#7d1022 100%);background:-o-linear-gradient(top,#c66572 0,#b63849 25%,#ac1a2e 50%,#a40018 50%,#a40018 75%,#7d1022 100%);background:-ms-linear-gradient(top,#c66572 0,#b63849 25%,#ac1a2e 50%,#a40018 50%,#a40018 75%,#7d1022 100%);background:linear-gradient(to bottom,#c66572 0,#b63849 25%,#ac1a2e 50%,#a40018 50%,#a40018 75%,#7d1022 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c66572', endColorstr='#7d1022', GradientType=0)}
.button2.dark-btn {
    cursor: pointer;
    background: #333;
    background: -moz-linear-gradient(top, #333 0, #666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(100%, #666));
    background: -webkit-linear-gradient(top, #333 0, #666 100%);
    background: -o-linear-gradient(top, #333 0, #666 100%);
    background: -ms-linear-gradient(top, #333 0, #666 100%);
    background: linear-gradient(to bottom, #333 0, #666 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#666666', GradientType=0)
}
.button2.dark-btn:hover,
.button2.dark-btn.touched {
    background: #666;
    background: -moz-linear-gradient(top, #666 0, #333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666667), color-stop(100%, #333));
    background: -webkit-linear-gradient(top, #666 0, #333 100%);
    background: -o-linear-gradient(top, #666 0, #333 100%);
    background: -ms-linear-gradient(top, #666 0, #333 100%);
    background: linear-gradient(to bottom, #666 0, #333 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#333333', GradientType=0)
    border-color: #ccc !important;
}
.glavno{
    width: 100%;
    height: 100%;
}
.body{
    padding-top: .05%;
    padding-left: 1.3%;
    padding-right: 1.3%;
    padding-bottom: 1%;
}
#big_wrapper{
    background: #f9f9f9;
}
.special{
    display: inline-flex;
    margin:.5em;
    margin-top: 0;
    margin-bottom: 0;
}
.msg{
    border-left:3px solid #b5c0d1;
    padding: 5px
}
#rezultat{
    margin-left:25px;
    font-weight:bold;
}
#nasl{
    background:lightgrey;
    margin-left:15px;
    margin-top:5px;
    padding:5px;    
}
.edited tbody tr:hover {
    background-color: #ffff99;
    cursor: pointer;
}
#naslo{
    background: #294061;
    background: -moz-linear-gradient(top,#294061 0,#235795 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#294061),color-stop(100%,#235795));
    background: -webkit-linear-gradient(top,#294061 0,#235795 100%);
    background: -o-linear-gradient(top,#294061 0,#235795 100%);
    background: -ms-linear-gradient(top,#294061 0,#235795 100%);
    background: linear-gradient(to bottom,#294061 0,#235795 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#294061', endColorstr='#235795', GradientType=0);
}
#glavnoB{
    border: 1px solid grey;
    -webkit-box-flex: 1;
    margin:1px;
    margin-bottom: 0px;
    margin-top:0x;
    padding:5px;
    -webkit-border-radius: 10px;
    background: white;
}
#biljNas{
    color:white;
}
.mb10{
padding:4px 8px;color:#fff;text-decoration:none;border-radius:5px;border:1px solid #333;-moz-box-shadow:0 1px 1px #888;-webkit-box-shadow:0 1px 1px #888;box-shadow:0 1px 1px #888;margin-right:10px;background:#235795;background:-moz-linear-gradient(top,#235795 0,#294061 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#235795),color-stop(100%,#294061));background:-webkit-linear-gradient(top,#235795 0,#294061 100%);background:-o-linear-gradient(top,#235795 0,#294061 100%);background:-ms-linear-gradient(top,#235795 0,#294061 100%);background:linear-gradient(to bottom,#235795 0,#294061 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#235795', endColorstr='#294061', GradientType=0); float: right;
}
#btnZatvori{
    border:1px solid black;
        -webkit-border-radius:5px;
    /*-webkit-box-shadow: rgb(110,110,110) -8px -8px 10px inset;*/
    background: #294061;
    background: -moz-linear-gradient(top,#294061 0,#235795 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#294061),color-stop(100%,#235795));
    background: -webkit-linear-gradient(top,#294061 0,#235795 100%);
    background: -o-linear-gradient(top,#294061 0,#235795 100%);
    background: -ms-linear-gradient(top,#294061 0,#235795 100%);
    background: linear-gradient(to bottom,#294061 0,#235795 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#294061', endColorstr='#235795', GradientType=0);
    color:white;
    width:85px;
    height:30px;
    font:normal 15px Tahoma;
    margin-right:10px;
    margin-bottom:0px !important;
}
.hov tr:not(.headr):not(.activeN):hover{
    background: #eee;
    cursor: pointer;
}
.hovi tr td:hover, .pointOnMe:hover{
    cursor: pointer;
}
.act:not(.tab-pane) {
    background: #ffbb7f;
}
.form-group input[type="checkbox"] {
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}

.m10{
    margin: 10px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.mam15{
    margin:25px auto 15px auto !important;
}

.p04em{
    padding:.4em !important;
}
.p06em{
    padding:.6em !important;
}

.printout{
    border-radius: 5px;
    background: white;
    border: 1px solid #DDD;
    padding: 5px;
}
.zaglavlja{
    font-weight: 600;
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
}
.zaglavlja .naziv{
    font-size: 130%;
}
.zaglavlja .right{
    font-weight: normal;
    float: right;
}
.primka{
    padding-left: 7px; 
}
.primka.title{
    font-size: 140% !important;
    padding-left: 10px;
    margin-bottom: 5px;
}
.primka.dob table th,.primka.dob table td, .primka.dok table th,.primka.dok table td{
    padding: 0 10px;
}
.stavke table th{
    padding: 1px 4px;
    text-align: center; 
    background: #eee !important;
}
.stavke table td{
    padding: 1px 6px;
}
.dob{
    width: 60%
}
.dok{
    margin-left: 10%; 
    width: 40%;
}
.skl{
    margin-top: 10px;
    margin-bottom: 35px;
}
.skl table{
    margin-left: 7px;
}
.primka.info{
    display: flex;
}
.pl7{
    padding-left: 14px;
}
.mb15{
    margin-bottom: 15px;
}
.hb td, tr.hb{
    border-left-style:hidden !important;
    border-right-style:hidden !important;
    border-bottom-style:hidden !important;
}
.primka.footer{
    margin-top: 5em;
    font-size: 65%;
}
.primka.title.spaced{
    margin-top: 2em !important;
    margin-bottom: 1em !important;
}

@media print{
 @page {
    size: A4;
    margin: 5mm 5mm 7mm 5mm;
 }
 .header-p, .header-space-p {
  height: 55px;
  margin-bottom:5px;
  padding-right: 5px;
}
.footer-p, .footer-space-p {
  height: 25px;
  padding-right: 5px;
}
.header-p {
  position: fixed;
  top: 0;
}
.footer-p {
  position: fixed;
  bottom: 0;
}
.noprint{
    display: none !important
}
.avoid {
    page-break-inside: avoid !important;
    margin: 4px 0 4px 0;  /* to keep the page break from cutting too close to the text in the div */
  }
.hb td, tr.hb{
    border-left-style:hidden !important;
    border-right-style:hidden !important;
    border-bottom-style:hidden !important;
}
body{
    padding-top: 0px !important;
}
.body div:not(.printout):not(.primka):not(.ig){
    display: none;
}
.stavke table th{
    padding: 1px 4px;
    text-align: center; 
    background: #d9d9d9 !important;
    border-color: #bbb;
}
.printout{
    border:none;
    margin: 0px -10px;
}
.printout, .printout > div{
    display: block !important;
}
.body{
    font-size: 90%;
}
page-break{
    display: block !important;
    margin:20px !important;
}
table.page-break{
    page-break-after: always;
    page-break-inside: avoid;
    break-inside: avoid;
} 
table.pb-avoid{
    page-break-inside: avoid;
    break-inside: avoid;
} 
.e th, .e td, .e tr{
    border-color: #bbb !important;
}
.e > thead{
    background: #d9d9d9 !important;
}
.footer{
    position: absolute; 
    bottom: -1px; 
    left: 4px; 
    right: 4px; 
}
.footer.every{
    position: fixed !important;
    bottom: 0 !important;
}
.dob{
    width: 45%;
    display: inline-block;
    margin-right: 5em;
}
.dok{
    display: inline-block;
    margin: 0;
    width: 40%
}
.primka.title{
    margin-bottom: .8em;
    margin-top: 1em;
}

.skl{
    margin-bottom: .5em;
}

}
.edit-field i.icon-pencil,
.row-edit i {
    float: right;
    font-size: 13px;
    color: #95A5C5;
    border-radius: 5px
}
.edit-field i.icon-cancel{
    border-radius: 5px
}
.icon-pencil:hover,.icon-cancel:hover{
    background: #fff
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7!important;
  border-color: #337ab7!important;
}

.red {color: red !important;}
.green{color: green;}
.blue{color: #255188;}
.grey{color: #999;}
.orange{color: #f5d500;}
.white{color: #fff !important;}
@font-face {
    font-family: fontello;
    src: url(fonts/fontello.eot);
    src: url(fonts/fontello.eot#iefix) format('embedded-opentype'), url(fonts/fontello.woff) format('woff'), url(fonts/fontello.ttf?62677534) format('truetype'), url(fonts/fontello.svg?62677534#fontello) format('svg');
    font-weight: 400;
    font-style: normal
}
[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: fontello;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-attention:before {
    content: '\21'
}
.icon-pencil:before {
    content: '\2f'
}
.icon-help-circled:before {
    content: '\3f'
}
.icon-clock:before {
    content: '\4f'
}
.icon-search:before {
    content: '\51'
}
.icon-ok:before {
    content: '\6f'
}
.icon-cancel:before {
    content: '\78'
}
.icon-arrow-combo:before {
    content: '\b0'
}
.icon-left:before {
    content: '\2190'
}
.icon-right:before {
    content: '\2192'
}
.icon-back:before {
    content: '\21b0'
}
th.header {
    background-image: url(bg.gif) ;
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
th.headerSortUp {
    background-image: url(asc.gif);
}
th.headerSortDown {
    background-image: url(desc.gif);
}
th.headerSortUp, th.headerSortDown {
    background-color: #fff !important;
}

.input-light, .jqx-numberinput{
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    background-color: -moz-field;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    font: -moz-field;
    font: 400 14.7px Arial;
    padding: 2px 3px;
    width: 398px;    
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition-property: border-color, box-shadow;
    transition-duration: 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out;
    transition-delay: initial, initial;
}

.jqx-numberinput.moded{
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.jqx-numberinput.moded2{
    border-radius: 4px;
}

.jqx-numberinput.moded2 input{
    font-size: 17px;
    padding: 4px 5px !important;
    height: 100% !important
}

.icon-up-dir:before {
    content: '\25b4'
}
.icon-down-dir:before {
    content: '\25be'
}
.icon-scissors:before {
    content: '\2702'
}
.icon-edit:before {
    content: '\270d'
}
.icon-list-add:before {
    content: '\e003'
}
.icon-info-circled:before {
    content: '\e089'
}
.icon-asterisk:before {
    content: '\e0ac'
}
.icon-user-add:before {
    content: '\e700'
}
.icon-comment:before {
    content: '\e718'
}
.icon-trash:before {
    content: '\e729'
}
.icon-list:before {
    content: '\e782'
}
.icon-list-alt:before {
    content: '\e790'
}
.icon-doc:before {
    content: '\e800'
}
.icon-mail:before {
    content: '\e801'
}
.icon-settings:before {
    content: '\e802'
}
.icon-print:before {
    content: '\e803'
}
.icon-calculator:before {
    content: '\e804'
}
.icon-exit:before {
    content: '\e805'
}
.icon-spin:before {
    content: '\e806'
}
.icon-fontsize:before {
    content: '\e807'
}
.icon-list-log:before {
    content: '\e808'
}
.icon-hammer:before {
    content: '\e809'
}
.icon-table:before {
    content: '\e80a'
}
.icon-menu:before {
    content: '\f0c9'
}
.icon-list-numbered:before {
    content: '\f0cb'
}
.icon-user:before {
    content: '👤'
}
.icon-users:before {
    content: '👥'
}
.icon-upload:before {
    content: '📤'
}
.icon-download:before {
    content: '📥'
}
.icon-random:before {
    content: '🔀'
}
.icon-loop:before {
    content: '🔁'
}

.spinner {
   position: absolute;
   left: 50%;
   top: 50%;
   height:60px;
   width:60px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}

#overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9000;
    cursor: pointer;
}

#text{
    position: absolute;
    top: 45%;
    left: 50%;
    font-size: 40px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.easyPaginateNav {
    margin: 0 auto;
    font-size: 130%;
    text-align: center;
    padding-top: 25px;
}
.easyPaginateNav a {padding:5px;}
.easyPaginateNav a.current {font-weight:bold;text-decoration:underline;}

.gridparent {
    display: grid;
    grid-template-columns: 1.5fr 2fr;
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}

.gridwide {
  grid-column: span 2;
}

.verticalTableHeader {
    text-align:center;
    white-space:nowrap;
    g-origin:50% 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    
}
.verticalTableHeader p {
    margin:0 -100% ;
    display:inline-block;
}
.verticalTableHeader p:before{
    content:'';
    width:0;
    padding-top:110%;/* takes width as reference, + 10% for faking some extra padding */
    display:inline-block;
    vertical-align:middle;
}

.dataTables_length{
    float: left;
    width: 45%;
}

.dataTables_filter{
    width: 45%;
    float: right;
    padding-top: 5px;
}

.dataTables_filter label {
    margin-right: 5px !important;
}

.dataTables_length select {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.dataTables_paginate{
    float: right;
    font-size: 1.2rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    margin: 13px 0;
    background: #fff;
    font-weight: 400;
    border: 1px solid rgba(34,36,38,.15);
    -webkit-box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
    box-shadow: 0 1px 2px 0 rgb(34 36 38 / 15%);
    border-radius: 0.28571429rem;
    min-height: 2.85714286em;
}

.dataTables_info{
    float: left;
    width: 45%;
}

.paginate_button{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 3em;
    text-align: center;
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none !important;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    padding: 0.92857143em 1.14285714em;
    text-transform: none;
    color: rgba(0,0,0,.87);
    font-weight: 400;
    -webkit-transition: background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
    transition: background .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
    transition: background .1s ease,box-shadow .1s ease,color .1s ease;
    transition: background .1s ease,box-shadow .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
}

.paginate_button.previous {
    border-radius: 0.28571429rem 0 0 0.28571429rem;
}

.paginate_button.next {
    border-radius: 0 0.28571429rem 0.28571429rem 0;
}


.paginate_button.disabled {
    cursor: default;
    background-color: transparent;
    color: rgba(40,40,40,.3);
    pointer-events: none;
}

.paginate_button.current {
    border-top: none;
    padding-top: 0.92857143em;
    background-color: rgba(0,0,0,.05);
    color: rgba(0,0,0,.95);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dataTables_paginate span{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    margin: 0;
    background: #fff;
    font-weight: 400;
    min-height: 100%;
}