/**
 * CSSReset.com - How To Keep Footer At Bottom of Page with CSS
 *
 * Original Tutorial: http://www.cssreset.com/2010/css-tutorials/how-to-keep-footer-at-bottom-of-page-with-css/
 * License: Free - do whatever you like with it! Credit and linkbacks much appreciated.
 *
 * NB: Make sure the value for 'padding-bottom' on #content is equal to or greater than the height of #footer.
 */
html,
body {
   margin:0;
   padding:0;
   height:100%;
   background:#fff;
   font-size:12px;
}
html {
   overflow: auto;
}

.treeview-menu>li>a{
   font-size:12px;
}

a { cursor: pointer; color: coral; }
a:hover,a.hover { text-decoration: underline; }

#my_space {
   padding-top:10px;
   padding-bottom:10px;
}

#cover{
   position:fixed;
   top:0;
   left:0;
   background:rgba(0,0,0,0.5);
   z-index:50000;
   width:100%;
   height:100%;
}

#wrapper {
   min-height:100%;
   position:relative;
}
#header {
   background:#ededed;
   padding:10px;
}
#content {
   padding-bottom:100px; /* Height of the footer element */
}
#footer {
   background:#ffab62;
   width:100%;
   height:40px;
   position:absolute;
   bottom:0;
   left:0;
}

.page-header{
   font-size: 16px;
   margin: 5px 0 5px 0;
}

.panel-heading{
   padding: 5px 5px;
}

div.form-group{
   font-size: 12px;
}
.my-form-control{
   font-size: 12px;
   padding: 2px 2px;
   line-height: 1.1;
   height: 22px;
   width:100%;
}

div.small-form-group{
   font-size: 10px;
}
.my-small-form-control{
   font-size: 10px;
   padding: 2px 2px;
   line-height: 1.1;
   height: 12px;
   width:100%;
}
.input-group-addon{
   font-size: 12px;
   padding: 2px 2px;
}

label.col-sm-2{
   width: 30%;
}

label.col-sm-2-w{
   width: 30%;
}

label.col-sm-2.my-control-label{
   /*  font-size: 10px; */
}

.input-group{
   width:100%;
}

/*

Mobile


*/
@media (max-width: 767px) {
   .main-header {
      position: relative;
   }
   .main-header .logo,
   .main-header .navbar {
      width: 100%;
      float: none;
   }
   .main-header .navbar {
      margin: 0;
   }
   .main-header .navbar-custom-menu {
      float: right;
   }
}

/*
 * Component: Info Box
 * -------------------
 */
.info-box-small {
   display: block;
   min-height: 60px;
   background: #fff;
   width: 100%;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 2px;
   margin-bottom: 15px;
}

.info-box-xsmall {
   display: block;
   min-height: 36px;
   background: #fff;
   width: 100%;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 2px;
   margin-bottom: 5px;
}

.info-box-small small {
   font-size: 14px;
}

.info-box-xsmall small {
   font-size: 9px;
}
.info-box-small .progress {
   background: rgba(0, 0, 0, 0.2);
   margin: 5px -10px 5px -10px;
   height: 2px;
}
.info-box-small .progress,
.info-box-small .progress .progress-bar {
   border-radius: 0;
}
.info-box-small .progress .progress-bar {
   background: #fff;
}
.info-box-small-icon {
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   display: block;
   float: left;
   height: 60px;
   width: 60px;
   text-align: center;
   font-size: 45px;
   line-height: 60px;
   background: rgba(0, 0, 0, 0.2);
}

.info-box-xsmall-icon {
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   display: block;
   float: left;
   height: 32px;
   width: 32px;
   text-align: center;
   font-size: 16px;
   line-height: 32px;
   background: rgba(0, 0, 0, 0.2);
   cursor: pointer;
}

.info-box-small-icon > img {
   max-width: 100%;
}
.info-box-small-content {
   padding: 5px 10px;
   margin-left: 60px;
}
.info-box-xsmall-content {
   padding: 1px 2px;
   margin-left: 32px;
}
.info-box-small-number {
   display: block;
   font-weight: bold;
   font-size: 10px;
}

.info-box-xsmall-number {
   display: block;
   font-weight: bold;
   font-size: 9px;
}

.progress-description,
.info-box-small-text {
   display: block;
   font-size: 12px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}


.progress-description,
.info-box-xsmall-text {
   display: block;
   font-weight: bold;
   font-size: 9px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.info-box-small-text {
   text-transform: uppercase;
}

.info-box-xsmall-text {
   margin: 0;
   padding: 0;
   text-transform: uppercase;
}
.info-box-small-more {
   display: block;
}
.progress-description {
   margin: 0;
}

.grocerycrud-container {
   font-family: Verdana,Arial,sans-serif;
   font-size:11px;
}

.my-box-header{
   background: #cdcdcd;
   padding:5px;
}

.my-box{
   background: #f6f6f6;
   padding:5px;
}
.price {
   cursor: pointer;
}
.termin {
   cursor: pointer;
}
.my_picker {
   background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%
}

.scroll_wrapper {
   background:#EFEFEF;
   box-shadow: 1px 1px 10px #999;
   margin: auto;
   text-align: center;
   position: relative;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin-bottom: 20px !important;
   width: 800px;
   padding-top: 5px;
}
.scrolls {
   overflow-x: scroll;
   overflow-y: hidden;
   /* height: 80px; */
   white-space:nowrap
}
.invoice-info{
   margin-top:10px;
   margin-bottom:10px;
}
#tab_container{
   position: relative;
   width: 100%;
   height: 100%;
}
#korisnik_panel{
   display:inline-block;
   width: 30%;
   /* height: 100%; */
   top: 10%;
   left:65%;
   position: absolute;
}

.panel-default .panel-white{
   background-color: #fff;
}
button .my_button {
   display:inline-block;
   margin:0 auto;
   width: 100%;
}

.modal {
   text-align: center;
   padding: 0!important;
}

.modal:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
   display: inline-block;
   text-align: left;
   vertical-align: middle;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
   /* width: 100%; */
   height: 70%;
   margin: auto;
}

.carousel-caption{
   color: #fff;
   background-color: #000;
   -khtml-opacity:.60;
   -moz-opacity:.60;
   -ms-filter:”alpha(opacity=60)”;
   filter:alpha(opacity=60);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.6);
   opacity:.60;
}

.loader {
   border: 2px solid #f3f3f3;
   border-radius: 50%;
   border-top: 2px solid #3498db;
   width: 32px;
   height: 32px;
   -webkit-animation: spin 2s linear infinite;
   animation: spin 2s linear infinite;
}

.small-loader {
   border: 2px solid #f3f3f3;
   border-radius: 50%;
   border-top: 2px solid #3498db;
   width: 16px;
   height: 16px;
   -webkit-animation: spin 1s linear infinite;
   animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
   0% { -webkit-transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}

.dc-chart g.row text {
   fill: black;
}

.center {
   height:80vh;
   position: relative;
}

.center .loader {
   margin: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.login {
   background: #ffffff;
   border: 1px solid #001f3f;
   padding: 10px;
   box-shadow: 0px 0px 0 3px #ffffff;
}

.mycontent-left {
   border-right: 1px solid #c7c7c7;
}

li .small_li {
   font-size: 10px;
   background-color: #b6bcbc;
   text-align: right;
}

ul .ul-h {
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   background-color: #333333;
}

li .li-h {
   float: left;
}
div .my_div {
   display: table;
   float: left;
   margin-right: 5px;
}
.my_div .mylabel {
   display: table-row;
}
.my_div .my_check {
   display: table-row;
   width: 100%;
}

.my_block{
   display: block;
   width: 100%;
   font-size: small;
}

.my_block_i{
   display: block;
   width: 32px;
   font-size: 10px;
}

.my_block_xi{
   display: inline-block;
   width: 100%;
   font-size: x-small;
}

td.details-control {
   background: url('../img/details_close.png') no-repeat center center;
   cursor: pointer;
}

.et_align_right {
   text-align: right;
}

.et_align_left {
   text-align: left;
}

.et_align_center {
   text-align: center;
}

.list-group-item-small {

   position: relative;
   display: block;
   padding-left: 10px;
   margin-bottom: -1px;
   background-color: #ffffff;
   border: 1px solid #dddddd;
   font-size: 12px;
}

nav ul .scrollable-content {
   height: 100px;
   overflow:hidden;
   overflow-y:scroll;
}

.navbar-default {
   background-color: #f9f9f9;
}

.table-responsive {
   /*height:180px;*/
}
.td-old {
   padding: 0.5em;
   padding-right: 0.75em;
   width: 15%;
   color: green;
}

.panel-table .panel-body{
   padding:0;
}

.panel-table .panel-body .table-bordered{
   border-style: none;
   margin:0;
}

.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type {
   text-align:center;
   width: 100px;
}

.panel-table .panel-body .table-bordered > thead > tr > th:last-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type {
   border-right: 0px;
}

.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type {
   border-left: 0px;
}

.panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td{
   border-bottom: 0px;
}

.panel-table .panel-body .table-bordered > thead > tr:first-of-type > th{
   border-top: 0px;
}

.panel-table .panel-footer .pagination{
   margin:0;
}

/*
used to vertically center elements, may need modification if you're not using default sizes.
*/
.panel-table .panel-footer .col{
   line-height: 34px;
   height: 34px;
}

.panel-table .panel-heading .col h3{
   line-height: 30px;
   height: 30px;
}

.panel-table .panel-body .table-bordered > tbody > tr > td{
   line-height: 34px;
}

/* Razno  */
/*
 * Component: Small Box
 * --------------------
 */
.small-box {
   border-radius: 2px;
   position: relative;
   display: block;
   margin-bottom: 20px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box > .inner {
   padding: 10px;
}
.small-box > .small-box-footer {
   position: relative;
   text-align: center;
   padding: 3px 0;
   color: #fff;
   color: rgba(255, 255, 255, 0.8);
   display: block;
   z-index: 10;
   background: rgba(0, 0, 0, 0.1);
   text-decoration: none;
}
.small-box > .small-box-footer:hover {
   color: #fff;
   background: rgba(0, 0, 0, 0.15);
}
.small-box h3 {
   font-size: 38px;
   font-weight: bold;
   margin: 0 0 10px 0;
   white-space: nowrap;
   padding: 0;
}
.small-box p {
   font-size: 15px;
}
.small-box p > small {
   display: block;
   color: #f9f9f9;
   font-size: 13px;
   margin-top: 5px;
}
.small-box h3,
.small-box p {
   z-index: 5;
}
.small-box .icon {
   -webkit-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;
   position: absolute;
   top: 0px;
   right: 10px;
   z-index: 0;
   font-size: 90px;
   color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
   text-decoration: none;
   color: #f9f9f9;
}
.small-box:hover .icon {
   font-size: 95px;
}
@media (max-width: 767px) {
   .small-box {
      text-align: center;
   }
   .small-box .icon {
      display: none;
   }
   .small-box p {
      font-size: 12px;
   }
}

/*
 * Component: Box
 * --------------
 */
.small_box {
   position: relative;
   border-radius: 3px;
   background: #ffffff;
   border-top: 3px solid #d2d6de;
   margin-bottom: 20px;
   width: 100%;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small_box.small_box-primary {
   border-top-color: #3c8dbc;
}
.small_box.small_box-info {
   border-top-color: #00c0ef;
}
.small_box.small_box-danger {
   border-top-color: #dd4b39;
}
.small_box.small_box-warning {
   border-top-color: #f39c12;
}
.small_box.small_box-success {
   border-top-color: #00a65a;
}
.small_box.small_box-default {
   border-top-color: #d2d6de;
}
.small_box.collapsed-box .small_box-body,
.small_box.collapsed-box .small_box-footer {
   display: none;
}
.small_box .nav-stacked > li {
   border-bottom: 1px solid #f4f4f4;
   margin: 0;
}
.small_box .nav-stacked > li:last-of-type {
   border-bottom: none;
}
.small_box.height-control .small_box-body {
   max-height: 300px;
   overflow: auto;
}
.small_box .border-right {
   border-right: 1px solid #f4f4f4;
}
.small_box .border-left {
   border-left: 1px solid #f4f4f4;
}
.small_box.small_box-solid {
   border-top: 0;
}
.small_box.small_box-solid > .small_box-header .btn.btn-default-dark {
   background: transparent;
}
.small_box.small_box-solid > .small_box-header .btn:hover,
.small_box.small_box-solid > .small_box-header a:hover {
   background: rgba(0, 0, 0, 0.1);
}
.small_box.small_box-solid.small_box-default {
   border: 1px solid #d2d6de;
}
.small_box.small_box-solid.small_box-default > .small_box-header {
   color: #444444;
   background: #d2d6de;
   background-color: #d2d6de;
}
.small_box.small_box-solid.small_box-default > .small_box-header a,
.small_box.small_box-solid.small_box-default > .small_box-header .btn {
   color: #444444;
}
.small_box.small_box-solid.small_box-primary {
   border: 1px solid #3c8dbc;
}
.small_box.small_box-solid.small_box-primary > .small_box-header {
   color: #ffffff;
   background: #3c8dbc;
   background-color: #3c8dbc;
}
.small_box.small_box-solid.small_box-primary > .small_box-header a,
.small_box.small_box-solid.small_box-primary > .small_box-header .btn {
   color: #ffffff;
}
.small_box.small_box-solid.small_box-info {
   border: 1px solid #00c0ef;
}
.small_box.small_box-solid.small_box-info > .small_box-header {
   color: #ffffff;
   background: #00c0ef;
   background-color: #00c0ef;
}
.small_box.small_box-solid.small_box-info > .small_box-header a,
.small_box.small_box-solid.small_box-info > .small_box-header .btn {
   color: #ffffff;
}
.small_box.small_box-solid.small_box-danger {
   border: 1px solid #dd4b39;
}
.small_box.small_box-solid.small_box-danger > .small_box-header {
   color: #ffffff;
   background: #dd4b39;
   background-color: #dd4b39;
}
.small_box.small_box-solid.small_box-danger > .small_box-header a,
.small_box.small_box-solid.small_box-danger > .small_box-header .btn {
   color: #ffffff;
}
.small_box.small_box-solid.small_box-warning {
   border: 1px solid #f39c12;
}
.small_box.small_box-solid.small_box-warning > .small_box-header {
   color: #ffffff;
   background: #f39c12;
   background-color: #f39c12;
}
.small_box.small_box-solid.small_box-warning > .small_box-header a,
.small_box.small_box-solid.small_box-warning > .small_box-header .btn {
   color: #ffffff;
}
.small_box.small_box-solid.small_box-success {
   border: 1px solid #00a65a;
}
.small_box.small_box-solid.small_box-success > .small_box-header {
   color: #ffffff;
   background: #00a65a;
   background-color: #00a65a;
}
.small_box.small_box-solid.small_box-success > .small_box-header a,
.small_box.small_box-solid.small_box-success > .small_box-header .btn {
   color: #ffffff;
}
.small_box.small_box-solid > .small_box-header > .small_box-tools .btn {
   border: 0;
   box-shadow: none;
}
.small_box.small_box-solid[class*='bg'] > .small_box-header {
   color: #fff;
}
.small_box .small_box-group > .small_box {
   margin-bottom: 5px;
}

.small_box > .a, .btn,
.btn-group {
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 3px;
}

.small_box > .table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td{
   padding: 2px;
   vertical-align: middle;
   font-size: small;
}

.small_box .knob-label {
   text-align: center;
   color: #333;
   font-weight: 100;
   font-size: 12px;
   margin-bottom: 0.3em;
}
.small_box > .overlay,
.overlay-wrapper > .overlay,
.small_box > .loading-img,
.overlay-wrapper > .loading-img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.small_box .overlay,
.overlay-wrapper .overlay {
   z-index: 50;
   background: rgba(255, 255, 255, 0.7);
   border-radius: 3px;
}
.small_box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -15px;
   margin-top: -15px;
   color: #000;
   font-size: 14px;
}
.small_box .overlay.dark,
.overlay-wrapper .overlay.dark {
   background: rgba(0, 0, 0, 0.5);
}
.small_box-header:before,
.small_box-body:before,
.small_box-footer:before,
.small_box-header:after,
.small_box-body:after,
.small_box-footer:after {
   content: " ";
   display: table;
}
.small_box-header:after,
.small_box-body:after,
.small_box-footer:after {
   clear: both;
}
.small_box-header {
   color: #444;
   display: block;
   padding: 2px;
   position: relative;
}
.small_box-header.with-border {
   border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .small_box-header.with-border {
   border-bottom: none;
}
.small_box-header > .fa,
.small_box-header > .glyphicon,
.small_box-header > .ion,
.small_box-header .small_box-title {
   display: inline-block;
   font-size: 14px;
   font-weight: 500;
   margin: 0;
   line-height: 1;
}
.small_box-header > .fa,
.small_box-header > .glyphicon,
.small_box-header > .ion {
   margin-right: 5px;
}

.small_box-header > .small_box-tools {
   position: absolute;
   right: 10px;
   top: 5px;
}
.small_box-header > .small_box-tools [data-toggle="tooltip"] {
   position: relative;
}
.small_box-header > .small_box-tools.pull-right .dropdown-menu {
   right: 0;
   left: auto;
}
.small_box-header > .small_box-tools .dropdown-menu > li > a {
   color: #444!important;
}
.btn-box-tool {
   padding: 5px;
   font-size: 12px;
   background: transparent;
   color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
   color: #606c84;
}
.btn-box-tool.btn:active {
   box-shadow: none;
}
.small_box-body {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
   padding: 10px;
}
.no-header .small_box-body {
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
}
.small_box-body > .table {
   margin-bottom: 0;
}
.small_box-body .fc {
   margin-top: 5px;
}
.small_box-body .full-width-chart {
   margin: -19px;
}
.small_box-body.no-padding .full-width-chart {
   margin: -9px;
}
.small_box-body .small_box-pane {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 3px;
}
.small_box-body .small_box-pane-right {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 0;
}
.small_box-footer {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
   border-top: 1px solid #f4f4f4;
   padding: 10px;
   background-color: #ffffff;
}
.chart-legend {
   margin: 10px 0;
}
@media (max-width: 991px) {
   .chart-legend > li {
      float: left;
      margin-right: 10px;
   }
}
.small_box-comments {
   background: #f7f7f7;
}
.small_box-comments .small_box-comment {
   padding: 8px 0;
   border-bottom: 1px solid #eee;
}
.small_box-comments .small_box-comment:before,
.small_box-comments .small_box-comment:after {
   content: " ";
   display: table;
}
.small_box-comments .small_box-comment:after {
   clear: both;
}
.small_box-comments .small_box-comment:last-of-type {
   border-bottom: 0;
}
.small_box-comments .small_box-comment:first-of-type {
   padding-top: 0;
}
.small_box-comments .small_box-comment img {
   float: left;
}
.small_box-comments .comment-text {
   margin-left: 40px;
   color: #555;
}
.small_box-comments .username {
   color: #444;
   display: block;
   font-weight: 600;
}
.small_box-comments .text-muted {
   font-weight: 400;
   font-size: 12px;
}

/* Colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
   color: #fff !important;
}
.bg-gray {
   color: #000;
   background-color: #d2d6de !important;
}
.bg-gray-light {
   background-color: #f7f7f7;
}
.bg-black {
   background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
   background-color: #dd4b39 !important;
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
   background-color: #f39c12 !important;
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
   background-color: #00c0ef !important;
}
.bg-blue {
   background-color: #0073b7 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
   background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
   background-color: #00a65a !important;
}
.bg-navy {
   background-color: #001f3f !important;
}
.bg-teal {
   background-color: #39cccc !important;
}
.bg-olive {
   background-color: #3d9970 !important;
}
.bg-lime {
   background-color: #01ff70 !important;
}
.bg-orange {
   background-color: #ff851b !important;
}
.bg-fuchsia {
   background-color: #f012be !important;
}
.bg-purple {
   background-color: #605ca8 !important;
}
.bg-maroon {
   background-color: #d81b60 !important;
}
.bg-gray-active {
   color: #000;
   background-color: #b5bbc8 !important;
}
.bg-black-active {
   background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
   background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
   background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
   background-color: #00a7d0 !important;
}
.bg-blue-active {
   background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
   background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
   background-color: #008d4c !important;
}
.bg-navy-active {
   background-color: #001a35 !important;
}
.bg-teal-active {
   background-color: #30bbbb !important;
}
.bg-olive-active {
   background-color: #368763 !important;
}
.bg-lime-active {
   background-color: #00e765 !important;
}
.bg-orange-active {
   background-color: #ff7701 !important;
}
.bg-fuchsia-active {
   background-color: #db0ead !important;
}
.bg-purple-active {
   background-color: #555299 !important;
}
.bg-maroon-active {
   background-color: #ca195a !important;
}
[class^="bg-"].disabled {
   opacity: 0.65;
   filter: alpha(opacity=65);
}
.text-red {
   color: #dd4b39 !important;
}
.text-yellow {
   color: #f3dd38 !important;
}
.text-aqua {
   color: #00c0ef !important;
}
.text-blue {
   color: #0073b7 !important;
}
.text-black {
   color: #111111 !important;
}
.text-light-blue {
   color: #3c8dbc !important;
}
.text-green {
   color: #00a65a !important;
}
.text-gray {
   color: #d2d6de !important;
}
.text-navy {
   color: #001f3f !important;
}
.text-teal {
   color: #39cccc !important;
}
.text-olive {
   color: #3d9970 !important;
}
.text-lime {
   color: #01ff70 !important;
}
.text-orange {
   color: #ff851b !important;
}
.text-fuchsia {
   color: #f012be !important;
}
.text-purple {
   color: #605ca8 !important;
}
.text-maroon {
   color: #d81b60 !important;
}
.link-muted {
   color: #7a869d;
}
.link-muted:hover,
.link-muted:focus {
   color: #606c84;
}
.link-black {
   color: #666;
}
.link-black:hover,
.link-black:focus {
   color: #999;
}
.hide {
   display: none !important;
}
.no-border {
   border: 0 !important;
}
.no-padding {
   padding: 0 !important;
}
.no-margin {
   margin: 0 !important;
}
.no-shadow {
   box-shadow: none !important;
}
.my-img-thumbnail {
   display: inline-block;
   max-width: 100%;
   height: auto;
   padding: 4px;
   line-height: 3;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 4px;
   -webkit-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}


/* Vis rotate 90 */
/*
#smallTimeline {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}

#detailTimeline {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}
*/

.modal {
   background: rgba(0, 0, 0, 0.3);
}
.modal-content {
   border-radius: 2px;
   -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
   border: 0;
   /*background-color: transparent;*/
}
.gore-desno-fix {
   position: absolute;
   top: 0px;
   right: 0px;
}
.margin-bottom-5 {
   margin-bottom: 5px;
}
.margin-top-10 {
   margin-top: 10px;
}
.with-border-top-gray {
   border-top: 3px solid #d2d6de;
}

#vrlo_mali_tekst {
   /*   font-family:Tahoma;
      color: #244459;*/
   font-size: 9px;
}
.paket {
   background-color: #ffffff;
   /*   font-weight: 600; */
}
.paket1 {
   background-color: #ffffff;
   /*   font-weight: 600;*/
}
.paket2 {
   background-color: #efe4c6;
   /*   font-weight: 600;*/
}
.paket3 {
   background-color: #e6efc6;
   /*   font-weight: 400;*/
}
table
{
   /*table-layout: fixed;*/
   /* width: 100px; */
}


/* CRUD */
.datatables
{
   font-family: Verdana,Arial,sans-serif;
   font-size: 10px;
}
.ui-input-button
{
   font-size: 11px !important;
}
.datatables div.form-div select
{
   font-size: 11px;
   border: 1px solid #AAA;
   padding: 5px 5px 5px 5px;
   background: #fafafa;
}
.datatables div.form-div input[type=text], .datatables div.form-div input[type=password]
{
   font-size: 11px;
   width: 500px;
   height:20px;
   border: 1px solid #AAA;
   padding: 5px 5px 5px 5px;
   background: #fafafa;
}
.datatables div.form-div textarea
{
   font-size: 11px;
   border: 1px solid #AAA;
   padding: 5px 5px 5px 5px;
   background: #fafafa;
   width: 500px;
   height: 100px;
}
.grocerycrud-container {
   font-family: Verdana,Arial,sans-serif;
   font-size:10px;
}
.ui-widget
{
   font-size: 12px !important;
}

/*   Small loader */

.small_loader {
   border: 2px solid #f3f3f3; /* Light grey */
   border-top: 2px solid #3498db; /* Blue */
   border-radius: 50%;
   width: 16px;
   height: 16px;
   animation: spin .5s linear infinite;
}

@keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}

.datatables tbody .details-control {
   cursor: pointer;
   text-align: center;
   vertical-align: middle;
}

.datatables tbody .details-control:before {
   color: #739e73;
   content:"\f055";
   font-family: "FontAwesome";
   font-size: 1.4em;
}

.datatables tbody .shown .details-control:before {
   color: #a90329;
   content:"\f056";
}

td.details-control {
   background: url('/assets/img/details_open.png') no-repeat center center;
   cursor: pointer;
}
tr.shown td.details-control {
   background: url('/assets/img/details_close.png') no-repeat center center;
}


.btn-default-dark {
   color: #333;
   background-color: #d9d9d9;
   border-color: #ccc;
}
.btn-default-dark:focus,
.btn-default-dark.focus {
   color: #333;
   background-color: #afafaf;
   border-color: #8c8c8c;
}
.btn-default-dark:hover {
   color: #333;
   background-color: #afafaf;
   border-color: #adadad;
}
.btn-default-dark:active,
.btn-default-dark.active,
.open > .dropdown-toggle.btn-default-dark {
   color: #333;
   background-color: #afafaf;
   border-color: #adadad;
}
.btn-default-dark:active:hover,
.btn-default-dark.active:hover,
.open > .dropdown-toggle.btn-default-dark:hover,
.btn-default-dark:active:focus,
.btn-default-dark.active:focus,
.open > .dropdown-toggle.btn-default-dark:focus,
.btn-default-dark:active.focus,
.btn-default-dark.active.focus,
.open > .dropdown-toggle.btn-default-dark.focus {
   color: #333;
   background-color: #d4d4d4;
   border-color: #8c8c8c;
}
.btn-default-dark:active,
.btn-default-dark.active,
.open > .dropdown-toggle.btn-default-dark {
   background-image: none;
}
.btn-default-dark.disabled:hover,
.btn-default-dark[disabled]:hover,
fieldset[disabled] .btn-default-dark:hover,
.btn-default-dark.disabled:focus,
.btn-default-dark[disabled]:focus,
fieldset[disabled] .btn-default-dark:focus,
.btn-default-dark.disabled.focus,
.btn-default-dark[disabled].focus,
fieldset[disabled] .btn-default-dark.focus {
   background-color: #fff;
   border-color: #ccc;
}
.btn-default-dark .badge {
   color: #fff;
   background-color: #333;
}

.btn-circle {
   width: 30px;
   height: 30px;
   text-align: center;
   padding: 6px 0;
   font-size: 12px;
   line-height: 1.428571429;
   border-radius: 15px;
}
.btn-circle.btn-lg {
   width: 50px;
   height: 50px;
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.33;
   border-radius: 25px;
}
.btn-circle.btn-xl {
   width: 70px;
   height: 70px;
   padding: 10px 16px;
   font-size: 24px;
   line-height: 1.33;
   border-radius: 35px;
}


table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
   background-color: #bbbbbb;
}
table.dataTable tbody tr.selected,
table.dataTable tbody th.selected,
table.dataTable tbody td.selected {
   color: black;
}
table.dataTable tbody tr.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a {
   color: #a2d4ed;
}


/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background: url('/assets/img/misc/5.png') center no-repeat #fff;
   background-color:rgba(0, 0, 0, 0.2);
}

.btn-outline {
   background-color: transparent;
   color: inherit;
   transition: all .5s;
   border: 1px solid black;
}

.btn-primary.btn-outline {
   border-color: #428bca;
   color: #428bca;
}

.btn-success.btn-outline {
   border-color: #5cb85c;
   color: #5cb85c;
}

.btn-info.btn-outline {
   border-color: #5bc0de;
   color: #5bc0de;
}

.btn-warning.btn-outline {
   border-color: #f0ad4e;
   color: #f0ad4e;
}

.btn-danger.btn-outline {
   border-color: #d9534f;
   color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
   color: #fff;
}

.loader {
   /*position: relative;*/
   /*border: 16px solid #f3f3f3;*/
   /*border-radius: 50%;*/
   /*border-top: 16px solid #3498db;*/
   /*width: 70px;*/
   /*height: 70px;*/
   /*left:50%;*/
   /*top:50%;*/
   /*-webkit-animation: spin 2s linear infinite; *//* Safari */
   /*animation: spin 2s linear infinite;*/

   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -15px;
   margin-top: -15px;
   color: #000;
   font-size: 14px;
}
#overlay1{
   position: absolute;
   top:0px;
   left:0px;
   width: 100%;
   height: 100%;
   background: black;
   opacity: .5;
   z-index: 10000;
}

#overlay1 > .fa {
position: absolute;
top: 50%;
left: 50%;
margin-left: -15px;
margin-top: -15px;
color: #000;
font-size: 14px;
}

/* Safari */
@-webkit-keyframes spin {
   0% { -webkit-transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}

/*.small_box > .overlay,*/
/*.overlay-wrapper > .overlay,*/
/*.small_box > .loading-img,*/
/*.overlay-wrapper > .loading-img {*/
   /*position: absolute;*/
   /*top: 0;*/
   /*left: 0;*/
   /*width: 100%;*/
   /*height: 100%;*/
/*}*/
/*.small_box .overlay,*/
/*.overlay-wrapper .overlay {*/
   /*z-index: 50;*/
   /*background: rgba(255, 255, 255, 0.7);*/
   /*border-radius: 3px;*/
/*}*/
/*.small_box .overlay > .fa,*/
/*.overlay-wrapper .overlay > .fa {*/
   /*position: absolute;*/
   /*top: 50%;*/
   /*left: 50%;*/
   /*margin-left: -15px;*/
   /*margin-top: -15px;*/
   /*color: #000;*/
   /*font-size: 14px;*/
/*}*/
/*.small_box .overlay.dark,*/
/*.overlay-wrapper .overlay.dark {*/
   /*background: rgba(0, 0, 0, 0.5);*/
/*}*/

i#loading-icon {
   color: #000;
   position: absolute;
   top: 50%;
   left: 50%;
   font-size: 48px;
   margin-top: -15px;
   margin-left: -15px;
}


#overlay2 {
   position: fixed; /* Sit on top of the page content */
   /*display: none; *//* Hidden by default */
   width: 100%; /* Full width (cover the whole page) */
   height: 100%; /* Full height (cover the whole page) */
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0,0,0,0.5); /* Black background with opacity */
   z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
   cursor: pointer; /* Add a pointer on hover */
}

.small_box > .a, .btn,
.btn-group {
   padding: 2px 5px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 3px;
}

.btn-circle1 {
   /* width: 12px; */
   /* height: 12px; */
   line-height: 1.5; /* adjust line height to align vertically*/
   padding: 2px 5px;
   border-radius: 50%;
}

/*.content {*/
   /*min-height: 250px;*/
   /*padding: 5px;*/
   /*margin-right: auto;*/
   /*margin-left: auto;*/
   /*padding-left: 5px;*/
   /*padding-right: 5px;*/
/*}*/

.btn .btn-xs .GetCenovnik {
   color: #fff;
   background-color: #ec971f;
   border-color: #122b40;
   border-width: 1px;
}

.btn .btn-xs .Aktivan{
   color: #fff;
   background-color: #286090;
   border-color: #122b40;
   border-width: 1px;
}

.btn-bez-prevoza
{
   background-color: #24A7AB;
   color:#FFF;
   border-color: #165C5E;
}

/**
 * CSSReset.com - How To Keep Footer At Bottom of Page with CSS
 *
 * Original Tutorial: http://www.cssreset.com/2010/css-tutorials/how-to-keep-footer-at-bottom-of-page-with-css/
 * License: Free - do whatever you like with it! Credit and linkbacks much appreciated.
 *
 * NB: Make sure the value for 'padding-bottom' on #content is equal to or greater than the height of #footer.
 */
html,
body {
   margin:0;
   padding:0;
   height:100%;
   background:#fff;
   font-size:12px;
}
html {
   overflow: auto;
}

.treeview-menu>li>a{
   font-size:12px;
}

a { cursor: pointer; color: coral; }
a:hover,a.hover { text-decoration: underline; }

#my_space {
   padding-top:10px;
   padding-bottom:10px;
}

#cover{
   position:fixed;
   top:0;
   left:0;
   background:rgba(0,0,0,0.5);
   z-index:50000;
   width:100%;
   height:100%;
}

#wrapper {
   min-height:100%;
   position:relative;
}
#header {
   background:#ededed;
   padding:10px;
}
#content {
   padding-bottom:100px; /* Height of the footer element */
}
#footer {
   background:#ffab62;
   width:100%;
   height:40px;
   position:absolute;
   bottom:0;
   left:0;
}

.page-header{
   font-size: 16px;
   margin: 5px 0 5px 0;
}

.panel-heading{
   padding: 5px 5px;
}

div.form-group{
   font-size: 12px;
}
.my-form-control{
   font-size: 12px;
   padding: 2px 2px;
   line-height: 1.1;
   height: 22px;
   width:100%;
}

div.small-form-group{
   font-size: 10px;
}
.my-small-form-control{
   font-size: 10px;
   padding: 2px 2px;
   line-height: 1.1;
   height: 12px;
   width:100%;
}
.input-group-addon{
   font-size: 12px;
   padding: 2px 2px;
}

label.col-sm-2{
   width: 30%;
}

label.col-sm-2-w{
   width: 30%;
}

label.col-sm-2.my-control-label{
   /*  font-size: 10px; */
}

.input-group{
   width:100%;
}

/*

Mobile


*/
@media (max-width: 767px) {
   .main-header {
      position: relative;
   }
   .main-header .logo,
   .main-header .navbar {
      width: 100%;
      float: none;
   }
   .main-header .navbar {
      margin: 0;
   }
   .main-header .navbar-custom-menu {
      float: right;
   }
}

/*
 * Component: Info Box
 * -------------------
 */
.info-box-small {
   display: block;
   min-height: 60px;
   background: #fff;
   width: 100%;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 2px;
   margin-bottom: 15px;
}

.info-box-xsmall {
   display: block;
   min-height: 36px;
   background: #fff;
   width: 100%;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   border-radius: 2px;
   margin-bottom: 5px;
}

.info-box-small small {
   font-size: 14px;
}

.info-box-xsmall small {
   font-size: 9px;
}
.info-box-small .progress {
   background: rgba(0, 0, 0, 0.2);
   margin: 5px -10px 5px -10px;
   height: 2px;
}
.info-box-small .progress,
.info-box-small .progress .progress-bar {
   border-radius: 0;
}
.info-box-small .progress .progress-bar {
   background: #fff;
}
.info-box-small-icon {
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   display: block;
   float: left;
   height: 60px;
   width: 60px;
   text-align: center;
   font-size: 45px;
   line-height: 60px;
   background: rgba(0, 0, 0, 0.2);
}

.info-box-xsmall-icon {
   border-top-left-radius: 2px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 2px;
   display: block;
   float: left;
   height: 32px;
   width: 32px;
   text-align: center;
   font-size: 16px;
   line-height: 32px;
   background: rgba(0, 0, 0, 0.2);
   cursor: pointer;
}

.info-box-small-icon > img {
   max-width: 100%;
}
.info-box-small-content {
   padding: 5px 10px;
   margin-left: 60px;
}
.info-box-xsmall-content {
   padding: 1px 2px;
   margin-left: 32px;
}
.info-box-small-number {
   display: block;
   font-weight: bold;
   font-size: 10px;
}

.info-box-xsmall-number {
   display: block;
   font-weight: bold;
   font-size: 9px;
}

.progress-description,
.info-box-small-text {
   display: block;
   font-size: 12px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}


.progress-description,
.info-box-xsmall-text {
   display: block;
   font-weight: bold;
   font-size: 9px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.info-box-small-text {
   text-transform: uppercase;
}

.info-box-xsmall-text {
   margin: 0;
   padding: 0;
   text-transform: uppercase;
}
.info-box-small-more {
   display: block;
}
.progress-description {
   margin: 0;
}

.grocerycrud-container {
   font-family: Verdana,Arial,sans-serif;
   font-size:11px;
}

.my-box-header{
   background: #cdcdcd;
   padding:5px;
}

.my-box{
   background: #f6f6f6;
   padding:5px;
}
.price {
   cursor: pointer;
}
.termin {
   cursor: pointer;
}
.my_picker {
   background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%
}

.scroll_wrapper {
   background:#EFEFEF;
   box-shadow: 1px 1px 10px #999;
   margin: auto;
   text-align: center;
   position: relative;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin-bottom: 20px !important;
   width: 800px;
   padding-top: 5px;
}
.scrolls {
   overflow-x: scroll;
   overflow-y: hidden;
   /* height: 80px; */
   white-space:nowrap
}
.invoice-info{
   margin-top:10px;
   margin-bottom:10px;
}
#tab_container{
   position: relative;
   width: 100%;
   height: 100%;
}
#korisnik_panel{
   display:inline-block;
   width: 30%;
   /* height: 100%; */
   top: 10%;
   left:65%;
   position: absolute;
}

.panel-default .panel-white{
   background-color: #fff;
}
button .my_button {
   display:inline-block;
   margin:0 auto;
   width: 100%;
}

.modal {
   text-align: center;
   padding: 0!important;
}

.modal:before {
   content: '';
   display: inline-block;
   height: 100%;
   vertical-align: middle;
   margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
   display: inline-block;
   text-align: left;
   vertical-align: middle;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
   /* width: 100%; */
   height: 70%;
   margin: auto;
}

.carousel-caption{
   color: #fff;
   background-color: #000;
   -khtml-opacity:.60;
   -moz-opacity:.60;
   -ms-filter:”alpha(opacity=60)”;
   filter:alpha(opacity=60);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.6);
   opacity:.60;
}

.loader {
   border: 2px solid #f3f3f3;
   border-radius: 50%;
   border-top: 2px solid #3498db;
   width: 32px;
   height: 32px;
   -webkit-animation: spin 2s linear infinite;
   animation: spin 2s linear infinite;
}

.small-loader {
   border: 2px solid #f3f3f3;
   border-radius: 50%;
   border-top: 2px solid #3498db;
   width: 16px;
   height: 16px;
   -webkit-animation: spin 1s linear infinite;
   animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
   0% { -webkit-transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}

.dc-chart g.row text {
   fill: black;
}

.center {
   height:80vh;
   position: relative;
}

.center .loader {
   margin: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.login {
   background: #ffffff;
   border: 1px solid #001f3f;
   padding: 10px;
   box-shadow: 0px 0px 0 3px #ffffff;
}

.mycontent-left {
   border-right: 1px solid #c7c7c7;
}

li .small_li {
   font-size: 10px;
   background-color: #b6bcbc;
   text-align: right;
}

ul .ul-h {
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   background-color: #333333;
}

li .li-h {
   float: left;
}
div .my_div {
   display: table;
   float: left;
   margin-right: 5px;
}
.my_div .mylabel {
   display: table-row;
}
.my_div .my_check {
   display: table-row;
   width: 100%;
}

.my_block{
   display: block;
   width: 100%;
   font-size: small;
}

.my_block_i{
   display: block;
   width: 32px;
   font-size: 10px;
}

.my_block_xi{
   display: inline-block;
   width: 100%;
   font-size: x-small;
}

td.details-control {
   background: url('../img/details_close.png') no-repeat center center;
   cursor: pointer;
}

.et_align_right {
   text-align: right;
}

.et_align_left {
   text-align: left;
}

.et_align_center {
   text-align: center;
}

.list-group-item-small {

   position: relative;
   display: block;
   padding-left: 10px;
   margin-bottom: -1px;
   background-color: #ffffff;
   border: 1px solid #dddddd;
   font-size: 12px;
}

nav ul .scrollable-content {
   height: 100px;
   overflow:hidden;
   overflow-y:scroll;
}

.navbar-default {
   background-color: #f9f9f9;
}

.table-responsive {
   /*height:180px;*/
}
.td-old {
   padding: 0.5em;
   padding-right: 0.75em;
   width: 15%;
   color: green;
}

.panel-table .panel-body{
   padding:0;
}

.panel-table .panel-body .table-bordered{
   border-style: none;
   margin:0;
}

.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type {
   text-align:center;
   width: 100px;
}

.panel-table .panel-body .table-bordered > thead > tr > th:last-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:last-of-type {
   border-right: 0px;
}

.panel-table .panel-body .table-bordered > thead > tr > th:first-of-type,
.panel-table .panel-body .table-bordered > tbody > tr > td:first-of-type {
   border-left: 0px;
}

.panel-table .panel-body .table-bordered > tbody > tr:first-of-type > td{
   border-bottom: 0px;
}

.panel-table .panel-body .table-bordered > thead > tr:first-of-type > th{
   border-top: 0px;
}

.panel-table .panel-footer .pagination{
   margin:0;
}

/*
used to vertically center elements, may need modification if you're not using default sizes.
*/
.panel-table .panel-footer .col{
   line-height: 34px;
   height: 34px;
}

.panel-table .panel-heading .col h3{
   line-height: 30px;
   height: 30px;
}

.panel-table .panel-body .table-bordered > tbody > tr > td{
   line-height: 34px;
}

/* Razno  */
/*
 * Component: Small Box
 * --------------------
 */
.small-box {
   border-radius: 2px;
   position: relative;
   display: block;
   margin-bottom: 20px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box > .inner {
   padding: 10px;
}
.small-box > .small-box-footer {
   position: relative;
   text-align: center;
   padding: 3px 0;
   color: #fff;
   color: rgba(255, 255, 255, 0.8);
   display: block;
   z-index: 10;
   background: rgba(0, 0, 0, 0.1);
   text-decoration: none;
}
.small-box > .small-box-footer:hover {
   color: #fff;
   background: rgba(0, 0, 0, 0.15);
}
.small-box h3 {
   font-size: 38px;
   font-weight: bold;
   margin: 0 0 10px 0;
   white-space: nowrap;
   padding: 0;
}
.small-box p {
   font-size: 15px;
}
.small-box p > small {
   display: block;
   color: #f9f9f9;
   font-size: 13px;
   margin-top: 5px;
}
.small-box h3,
.small-box p {
   z-index: 5;
}
.small-box .icon {
   -webkit-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;
   position: absolute;
   top: 0px;
   right: 10px;
   z-index: 0;
   font-size: 90px;
   color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
   text-decoration: none;
   color: #f9f9f9;
}
.small-box:hover .icon {
   font-size: 95px;
}
@media (max-width: 767px) {
   .small-box {
      text-align: center;
   }
   .small-box .icon {
      display: none;
   }
   .small-box p {
      font-size: 12px;
   }
}

/*
 * Component: Box
 * --------------
 */
.small_box {
   position: relative;
   border-radius: 3px;
   background: #ffffff;
   border-top: 3px solid #d2d6de;
   margin-bottom: 20px;
   width: 100%;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small_box.small_box-primary {
   border-top-color: #3c8dbc;
}
.small_box.small_box-info {
   border-top-color: #00c0ef;
}
.small_box.small_box-danger {
   border-top-color: #dd4b39;
}
.small_box.small_box-warning {
   border-top-color: #f39c12;
}
.small_box.small_box-success {
   border-top-color: #00a65a;
}
.small_box.small_box-default {
   border-top-color: #d2d6de;
}
.small_box.collapsed-box .small_box-body,
.small_box.collapsed-box .small_box-footer {
   display: none;
}
.small_box .nav-stacked > li {
   border-bottom: 1px solid #f4f4f4;
   margin: 0;
}
.small_box .nav-stacked > li:last-of-type {
   border-bottom: none;
}
.small_box.height-control .small_box-body {
   max-height: 300px;
   overflow: auto;
}
.small_box .border-right {
   border-right: 1px solid #f4f4f4;
}
.small_box .border-left {
   border-left: 1px solid #f4f4f4;
}
.small_box.small_box-solid {
   border-top: 0;
}
.small_box.small_box-solid > .small_box-header .btn.btn-default-dark {
   background: transparent;
}
.small_box.small_box-solid > .small_box-header .btn:hover,
.small_box.small_box-solid > .small_box-header a:hover {
   background: rgba(0, 0, 0, 0.1);
}
.small_box.small_box-solid.small_box-default {
   border: 1px solid #d2d6de;
}
.small_box.small_box-solid.small_box-default > .small_box-header {
   color: #444444;
   background: #d2d6de;
   background-color: #d2d6de;
}
.small_box.small_box-solid.small_box-default > .small_box-header a,
.small_box.small_box-solid.small_box-default > .small_box-header .btn {
   color: #444444;
}
.small_box.small_box-solid.small_box-primary {
   border: 1px solid #3c8dbc;
}
.small_box.small_box-solid.small_box-primary > .small_box-header {
   color: #ffffff;
   background: #3c8dbc;
   background-color: #3c8dbc;
}
.small_box.small_box-solid.small_box-primary > .small_box-header a,
.small_box.small_box-solid.small_box-primary > .small_box-header .btn {
   color: #ffffff;
}
.small_box.small_box-solid.small_box-info {
   border: 1px solid #00c0ef;
}
.small_box.small_box-solid.small_box-info > .small_box-header {
   color: #ffffff;
   background: #00c0ef;
   background-color: #00c0ef;
}
.small_box.small_box-solid.small_box-info > .small_box-header a,
.small_box.small_box-solid.small_box-info > .small_box-header .btn {
   color: #ffffff;
}
.small_box.small_box-solid.small_box-danger {
   border: 1px solid #dd4b39;
}
.small_box.small_box-solid.small_box-danger > .small_box-header {
   color: #ffffff;
   background: #dd4b39;
   background-color: #dd4b39;
}
.small_box.small_box-solid.small_box-danger > .small_box-header a,
.small_box.small_box-solid.small_box-danger > .small_box-header .btn {
   color: #ffffff;
}
.small_box.small_box-solid.small_box-warning {
   border: 1px solid #f39c12;
}
.small_box.small_box-solid.small_box-warning > .small_box-header {
   color: #ffffff;
   background: #f39c12;
   background-color: #f39c12;
}
.small_box.small_box-solid.small_box-warning > .small_box-header a,
.small_box.small_box-solid.small_box-warning > .small_box-header .btn {
   color: #ffffff;
}
.small_box.small_box-solid.small_box-success {
   border: 1px solid #00a65a;
}
.small_box.small_box-solid.small_box-success > .small_box-header {
   color: #ffffff;
   background: #00a65a;
   background-color: #00a65a;
}
.small_box.small_box-solid.small_box-success > .small_box-header a,
.small_box.small_box-solid.small_box-success > .small_box-header .btn {
   color: #ffffff;
}
.small_box.small_box-solid > .small_box-header > .small_box-tools .btn {
   border: 0;
   box-shadow: none;
}
.small_box.small_box-solid[class*='bg'] > .small_box-header {
   color: #fff;
}
.small_box .small_box-group > .small_box {
   margin-bottom: 5px;
}

.small_box > .a, .btn,
.btn-group {
   padding: 5px 10px;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 3px;
}

.small_box > .table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td{
   padding: 2px;
   vertical-align: middle;
   font-size: small;
}

.small_box .knob-label {
   text-align: center;
   color: #333;
   font-weight: 100;
   font-size: 12px;
   margin-bottom: 0.3em;
}
.small_box > .overlay,
.overlay-wrapper > .overlay,
.small_box > .loading-img,
.overlay-wrapper > .loading-img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.small_box .overlay,
.overlay-wrapper .overlay {
   z-index: 50;
   background: rgba(255, 255, 255, 0.7);
   border-radius: 3px;
}
.small_box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -15px;
   margin-top: -15px;
   color: #000;
   font-size: 14px;
}
.small_box .overlay.dark,
.overlay-wrapper .overlay.dark {
   background: rgba(0, 0, 0, 0.5);
}
.small_box-header:before,
.small_box-body:before,
.small_box-footer:before,
.small_box-header:after,
.small_box-body:after,
.small_box-footer:after {
   content: " ";
   display: table;
}
.small_box-header:after,
.small_box-body:after,
.small_box-footer:after {
   clear: both;
}
.small_box-header {
   color: #444;
   display: block;
   padding: 2px;
   position: relative;
}
.small_box-header.with-border {
   border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .small_box-header.with-border {
   border-bottom: none;
}
.small_box-header > .fa,
.small_box-header > .glyphicon,
.small_box-header > .ion,
.small_box-header .small_box-title {
   display: inline-block;
   font-size: 14px;
   font-weight: 500;
   margin: 0;
   line-height: 1;
}
.small_box-header > .fa,
.small_box-header > .glyphicon,
.small_box-header > .ion {
   margin-right: 5px;
}

.small_box-header > .small_box-tools {
   position: absolute;
   right: 10px;
   top: 5px;
}
.small_box-header > .small_box-tools [data-toggle="tooltip"] {
   position: relative;
}
.small_box-header > .small_box-tools.pull-right .dropdown-menu {
   right: 0;
   left: auto;
}
.small_box-header > .small_box-tools .dropdown-menu > li > a {
   color: #444!important;
}
.btn-box-tool {
   padding: 5px;
   font-size: 12px;
   background: transparent;
   color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
   color: #606c84;
}
.btn-box-tool.btn:active {
   box-shadow: none;
}
.small_box-body {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
   padding: 10px;
}
.no-header .small_box-body {
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
}
.small_box-body > .table {
   margin-bottom: 0;
}
.small_box-body .fc {
   margin-top: 5px;
}
.small_box-body .full-width-chart {
   margin: -19px;
}
.small_box-body.no-padding .full-width-chart {
   margin: -9px;
}
.small_box-body .small_box-pane {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 3px;
}
.small_box-body .small_box-pane-right {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 0;
}
.small_box-footer {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 3px;
   border-bottom-left-radius: 3px;
   border-top: 1px solid #f4f4f4;
   padding: 10px;
   background-color: #ffffff;
}
.chart-legend {
   margin: 10px 0;
}
@media (max-width: 991px) {
   .chart-legend > li {
      float: left;
      margin-right: 10px;
   }
}
.small_box-comments {
   background: #f7f7f7;
}
.small_box-comments .small_box-comment {
   padding: 8px 0;
   border-bottom: 1px solid #eee;
}
.small_box-comments .small_box-comment:before,
.small_box-comments .small_box-comment:after {
   content: " ";
   display: table;
}
.small_box-comments .small_box-comment:after {
   clear: both;
}
.small_box-comments .small_box-comment:last-of-type {
   border-bottom: 0;
}
.small_box-comments .small_box-comment:first-of-type {
   padding-top: 0;
}
.small_box-comments .small_box-comment img {
   float: left;
}
.small_box-comments .comment-text {
   margin-left: 40px;
   color: #555;
}
.small_box-comments .username {
   color: #444;
   display: block;
   font-weight: 600;
}
.small_box-comments .text-muted {
   font-weight: 400;
   font-size: 12px;
}

/* Colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
   color: #fff !important;
}
.bg-gray {
   color: #000;
   background-color: #d2d6de !important;
}
.bg-gray-light {
   background-color: #f7f7f7;
}
.bg-black {
   background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
   background-color: #dd4b39 !important;
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
   background-color: #f39c12 !important;
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
   background-color: #00c0ef !important;
}
.bg-blue {
   background-color: #0073b7 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
   background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
   background-color: #00a65a !important;
}
.bg-navy {
   background-color: #001f3f !important;
}
.bg-teal {
   background-color: #39cccc !important;
}
.bg-olive {
   background-color: #3d9970 !important;
}
.bg-lime {
   background-color: #01ff70 !important;
}
.bg-orange {
   background-color: #ff851b !important;
}
.bg-fuchsia {
   background-color: #f012be !important;
}
.bg-purple {
   background-color: #605ca8 !important;
}
.bg-maroon {
   background-color: #d81b60 !important;
}
.bg-gray-active {
   color: #000;
   background-color: #b5bbc8 !important;
}
.bg-black-active {
   background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
   background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
   background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
   background-color: #00a7d0 !important;
}
.bg-blue-active {
   background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
   background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
   background-color: #008d4c !important;
}
.bg-navy-active {
   background-color: #001a35 !important;
}
.bg-teal-active {
   background-color: #30bbbb !important;
}
.bg-olive-active {
   background-color: #368763 !important;
}
.bg-lime-active {
   background-color: #00e765 !important;
}
.bg-orange-active {
   background-color: #ff7701 !important;
}
.bg-fuchsia-active {
   background-color: #db0ead !important;
}
.bg-purple-active {
   background-color: #555299 !important;
}
.bg-maroon-active {
   background-color: #ca195a !important;
}
[class^="bg-"].disabled {
   opacity: 0.65;
   filter: alpha(opacity=65);
}
.text-red {
   color: #dd4b39 !important;
}
.text-yellow {
   color: #f3dd38 !important;
}
.text-aqua {
   color: #00c0ef !important;
}
.text-blue {
   color: #0073b7 !important;
}
.text-black {
   color: #111111 !important;
}
.text-light-blue {
   color: #3c8dbc !important;
}
.text-green {
   color: #00a65a !important;
}
.text-gray {
   color: #d2d6de !important;
}
.text-navy {
   color: #001f3f !important;
}
.text-teal {
   color: #39cccc !important;
}
.text-olive {
   color: #3d9970 !important;
}
.text-lime {
   color: #01ff70 !important;
}
.text-orange {
   color: #ff851b !important;
}
.text-fuchsia {
   color: #f012be !important;
}
.text-purple {
   color: #605ca8 !important;
}
.text-maroon {
   color: #d81b60 !important;
}
.link-muted {
   color: #7a869d;
}
.link-muted:hover,
.link-muted:focus {
   color: #606c84;
}
.link-black {
   color: #666;
}
.link-black:hover,
.link-black:focus {
   color: #999;
}
.hide {
   display: none !important;
}
.no-border {
   border: 0 !important;
}
.no-padding {
   padding: 0 !important;
}
.no-margin {
   margin: 0 !important;
}
.no-shadow {
   box-shadow: none !important;
}
.my-img-thumbnail {
   display: inline-block;
   max-width: 100%;
   height: auto;
   padding: 4px;
   line-height: 3;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 4px;
   -webkit-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
}


/* Vis rotate 90 */
/*
#smallTimeline {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}

#detailTimeline {
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}
*/

.modal {
   background: rgba(0, 0, 0, 0.3);
}
.modal-content {
   border-radius: 2px;
   -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
   border: 0;
   /*background-color: transparent;*/
}
.gore-desno-fix {
   position: absolute;
   top: 0px;
   right: 0px;
}
.margin-bottom-5 {
   margin-bottom: 5px;
}
.margin-top-10 {
   margin-top: 10px;
}
.with-border-top-gray {
   border-top: 3px solid #d2d6de;
}

#vrlo_mali_tekst {
   /*   font-family:Tahoma;
      color: #244459;*/
   font-size: 9px;
}
.paket {
   background-color: #ffffff;
   /*   font-weight: 600; */
}
.paket1 {
   background-color: #ffffff;
   /*   font-weight: 600;*/
}
.paket2 {
   background-color: #efe4c6;
   /*   font-weight: 600;*/
}
.paket3 {
   background-color: #e6efc6;
   /*   font-weight: 400;*/
}
table
{
   /*table-layout: fixed;*/
   /* width: 100px; */
}


/* CRUD */
.datatables
{
   font-family: Verdana,Arial,sans-serif;
   font-size: 10px;
}
.ui-input-button
{
   font-size: 11px !important;
}
.datatables div.form-div select
{
   font-size: 11px;
   border: 1px solid #AAA;
   padding: 5px 5px 5px 5px;
   background: #fafafa;
}
.datatables div.form-div input[type=text], .datatables div.form-div input[type=password]
{
   font-size: 11px;
   width: 500px;
   height:20px;
   border: 1px solid #AAA;
   padding: 5px 5px 5px 5px;
   background: #fafafa;
}
.datatables div.form-div textarea
{
   font-size: 11px;
   border: 1px solid #AAA;
   padding: 5px 5px 5px 5px;
   background: #fafafa;
   width: 500px;
   height: 100px;
}
.grocerycrud-container {
   font-family: Verdana,Arial,sans-serif;
   font-size:10px;
}
.ui-widget
{
   font-size: 12px !important;
}

/*   Small loader */

.small_loader {
   border: 2px solid #f3f3f3; /* Light grey */
   border-top: 2px solid #3498db; /* Blue */
   border-radius: 50%;
   width: 16px;
   height: 16px;
   animation: spin .5s linear infinite;
}

@keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}

.datatables tbody .details-control {
   cursor: pointer;
   text-align: center;
   vertical-align: middle;
}

.datatables tbody .details-control:before {
   color: #739e73;
   content:"\f055";
   font-family: "FontAwesome";
   font-size: 1.4em;
}

.datatables tbody .shown .details-control:before {
   color: #a90329;
   content:"\f056";
}

td.details-control {
   background: url('/assets/img/details_open.png') no-repeat center center;
   cursor: pointer;
}
tr.shown td.details-control {
   background: url('/assets/img/details_close.png') no-repeat center center;
}


.btn-default-dark {
   color: #333;
   background-color: #d9d9d9;
   border-color: #ccc;
}
.btn-default-dark:focus,
.btn-default-dark.focus {
   color: #333;
   background-color: #afafaf;
   border-color: #8c8c8c;
}
.btn-default-dark:hover {
   color: #333;
   background-color: #afafaf;
   border-color: #adadad;
}
.btn-default-dark:active,
.btn-default-dark.active,
.open > .dropdown-toggle.btn-default-dark {
   color: #333;
   background-color: #afafaf;
   border-color: #adadad;
}
.btn-default-dark:active:hover,
.btn-default-dark.active:hover,
.open > .dropdown-toggle.btn-default-dark:hover,
.btn-default-dark:active:focus,
.btn-default-dark.active:focus,
.open > .dropdown-toggle.btn-default-dark:focus,
.btn-default-dark:active.focus,
.btn-default-dark.active.focus,
.open > .dropdown-toggle.btn-default-dark.focus {
   color: #333;
   background-color: #d4d4d4;
   border-color: #8c8c8c;
}
.btn-default-dark:active,
.btn-default-dark.active,
.open > .dropdown-toggle.btn-default-dark {
   background-image: none;
}
.btn-default-dark.disabled:hover,
.btn-default-dark[disabled]:hover,
fieldset[disabled] .btn-default-dark:hover,
.btn-default-dark.disabled:focus,
.btn-default-dark[disabled]:focus,
fieldset[disabled] .btn-default-dark:focus,
.btn-default-dark.disabled.focus,
.btn-default-dark[disabled].focus,
fieldset[disabled] .btn-default-dark.focus {
   background-color: #fff;
   border-color: #ccc;
}
.btn-default-dark .badge {
   color: #fff;
   background-color: #333;
}

.btn-circle {
   width: 30px;
   height: 30px;
   text-align: center;
   padding: 6px 0;
   font-size: 12px;
   line-height: 1.428571429;
   border-radius: 15px;
}
.btn-circle.btn-lg {
   width: 50px;
   height: 50px;
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.33;
   border-radius: 25px;
}
.btn-circle.btn-xl {
   width: 70px;
   height: 70px;
   padding: 10px 16px;
   font-size: 24px;
   line-height: 1.33;
   border-radius: 35px;
}


table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
   background-color: #bbbbbb;
}
table.dataTable tbody tr.selected,
table.dataTable tbody th.selected,
table.dataTable tbody td.selected {
   color: black;
}
table.dataTable tbody tr.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a {
   color: #a2d4ed;
}


/* This only works with JavaScript,
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
   position: fixed;
   left: 0px;
   top: 0px;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background: url('/assets/img/misc/5.png') center no-repeat #fff;
   background-color:rgba(0, 0, 0, 0.2);
}

.btn-outline {
   background-color: transparent;
   color: inherit;
   transition: all .5s;
   border: 1px solid black;
}

.btn-primary.btn-outline {
   border-color: #428bca;
   color: #428bca;
}

.btn-success.btn-outline {
   border-color: #5cb85c;
   color: #5cb85c;
}

.btn-info.btn-outline {
   border-color: #5bc0de;
   color: #5bc0de;
}

.btn-warning.btn-outline {
   border-color: #f0ad4e;
   color: #f0ad4e;
}

.btn-danger.btn-outline {
   border-color: #d9534f;
   color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
   color: #fff;
}

.loader {
   /*position: relative;*/
   /*border: 16px solid #f3f3f3;*/
   /*border-radius: 50%;*/
   /*border-top: 16px solid #3498db;*/
   /*width: 70px;*/
   /*height: 70px;*/
   /*left:50%;*/
   /*top:50%;*/
   /*-webkit-animation: spin 2s linear infinite; *//* Safari */
   /*animation: spin 2s linear infinite;*/

   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -15px;
   margin-top: -15px;
   color: #000;
   font-size: 14px;
}
#overlay1{
   position: absolute;
   top:0px;
   left:0px;
   width: 100%;
   height: 100%;
   background: black;
   opacity: .5;
   z-index: 10000;
}

#overlay1 > .fa {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -15px;
   margin-top: -15px;
   color: #000;
   font-size: 14px;
}

/* Safari */
@-webkit-keyframes spin {
   0% { -webkit-transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
}

/*.small_box > .overlay,*/
/*.overlay-wrapper > .overlay,*/
/*.small_box > .loading-img,*/
/*.overlay-wrapper > .loading-img {*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/
/*.small_box .overlay,*/
/*.overlay-wrapper .overlay {*/
/*z-index: 50;*/
/*background: rgba(255, 255, 255, 0.7);*/
/*border-radius: 3px;*/
/*}*/
/*.small_box .overlay > .fa,*/
/*.overlay-wrapper .overlay > .fa {*/
/*position: absolute;*/
/*top: 50%;*/
/*left: 50%;*/
/*margin-left: -15px;*/
/*margin-top: -15px;*/
/*color: #000;*/
/*font-size: 14px;*/
/*}*/
/*.small_box .overlay.dark,*/
/*.overlay-wrapper .overlay.dark {*/
/*background: rgba(0, 0, 0, 0.5);*/
/*}*/

i#loading-icon {
   color: #000;
   position: absolute;
   top: 50%;
   left: 50%;
   font-size: 48px;
   margin-top: -15px;
   margin-left: -15px;
}


#overlay2 {
   position: fixed; /* Sit on top of the page content */
   /*display: none; *//* Hidden by default */
   width: 100%; /* Full width (cover the whole page) */
   height: 100%; /* Full height (cover the whole page) */
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0,0,0,0.5); /* Black background with opacity */
   z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
   cursor: pointer; /* Add a pointer on hover */
}

.small_box > .a, .btn,
.btn-group {
   padding: 2px 5px;
   font-size: 10px;
   line-height: 1.5;
   border-radius: 3px;
}

.btn-circle1 {
   /* width: 12px; */
   /* height: 12px; */
   line-height: 1.5; /* adjust line height to align vertically*/
   padding: 2px 5px;
   border-radius: 50%;
}

/*.content {*/
/*min-height: 250px;*/
/*padding: 5px;*/
/*margin-right: auto;*/
/*margin-left: auto;*/
/*padding-left: 5px;*/
/*padding-right: 5px;*/
/*}*/

.btn .btn-xs .GetCenovnik {
   color: #fff;
   background-color: #ec971f;
   border-color: #122b40;
   border-width: 1px;
}

.btn .btn-xs .Aktivan{
   color: #fff;
   background-color: #286090;
   border-color: #122b40;
   border-width: 1px;
}

.btn-bez-prevoza
{
   background-color: #24A7AB;
   color:#FFF;
   border-color: #165C5E;
}

.btn-bez-prevoza:hover, .btn-bez-prevoza:focus, .btn-bez-prevoza:active, .btn-bez-prevoza.active, .open .dropdown-toggle.btn-bez-prevoza {
   background-color: #165C5E;
   color:#FFF;
   border-color: #31347B;
}

/* multicolor*/
.btn-multi{
   /*height: 50px;*/
   color:#FFF;
   background: #0872A7;
   background: -moz-linear-gradient(-45deg, #0872A7 0%, #0872A7 50%, #0B94D9 51%, #0B94D9 100%);
   background: -webkit-linear-gradient(-45deg, #0872A7 0%,#0872A7 50%,#0B94D9 51%,#0B94D9 100%);
   background: linear-gradient(135deg, #0872A7 0%,#0872A7 50%,#0B94D9 51%,#0B94D9 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0872A7', endColorstr='#0B94D9',GradientType=1 );
}

.btn-multi2{
   /*height: 50px;*/
   color:#FFF;
   background: #B47E12;
   background: -moz-linear-gradient(-45deg, #B47E12 0%, #B47E12 50%, #D69616 51%, #D69616 100%);
   background: -webkit-linear-gradient(-45deg, #B47E12 0%,#B47E12 50%,#D69616 51%,#D69616 100%);
   background: linear-gradient(135deg, #B47E12 0%,#B47E12 50%,#D69616 51%,#D69616 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B47E12', endColorstr='#D69616',GradientType=1 );
}

.btn-popust
{
   background-color: #E39917;
   color:#FFF;
   border-color: #B47B14;
}

.btn-btn-popust:hover, .btn-btn-popust:focus, .btn-btn-popust:active, .btn-btn-popust.active, .open .dropdown-toggle.btn-btn-popust {
   background-color: #B47B14;
   color:#FFF;
   border-color: #31347B;
}