/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29.7.2019, 9:53:03
    Author     : jaroslav_safr
    
    Content:
    1) Basic formating
    2) MIP Colors
    3) General
    4) Filters and table tools
    5) Page Content
*/


/* 
*
* 1) Basic formating
*
*/

body {
   color: #212529
}

.btn-xs {
  padding: 6px 6px;
  font-size: 13px;
  line-height: 0.8;
  margin-right: 0;
  margin-bottom: 0;
}

hr {
  margin-top: 0;
  margin-bottom: 0;
}

.pcoded-content{
   padding-top: 0;
}

.card .card-header{
   border-bottom: none;
   padding-bottom: 0;
}

.btn > i {
  margin-right: 0;
}

.btn-primary{
    background-color: #23b7e5;
}

.nav-pills .nav-link.active {
    background: #23b7e5;
}

.form-control{
  padding: 2px 2px 2px 2px;
  background: #ffffff;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(1.7rem);
}

/*.form-group{
  margin-bottom: 0px
}

.form-row > .form-group{
  margin-bottom: 15px
}*/

.datepicker table tr td span.focused, 
.datepicker table tr td span:hover{
    background-color: #333f54; 
}

.card .card-header h5:after {
  width: 0px;
  height: 0px;
}

.pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li > a {
   padding-right: 18px
}

.card .card-block, .card .card-body {
   padding: 10px 25px
}

.icon-color {
  color: #04a9f5;
}

label{
   margin-bottom: 0;
}

.hidden{
	display:none;
}

.modal {
   z-index: 999999;
}

.item:hover {
    background: #e1e1e1;
    border-top: 1px solid #d0d0d0;
    padding-right: 5px;
    padding-left: 5px;
}

#spinner-ring {
    height: 100%;
    width: 100%;
    left:50%;
    top:50%;
    z-index: 1501;
}

#overlay{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
    z-index: 1500;
}

a.disabled{
   pointer-events:none; 
   cursor: not-allowed;
   color: gray;
}

/*
*
* 2) MIP Colors
*
*/


/* 
*
* 3) General
*
*/


/* 
*
* 4) Filters and table tools
*
*/

.table-slim > thead > tr > th,
.table-slim >tbody > tr > th,
.table-slim >tfoot > tr > th,
.table-slim >thead > tr > td,
.table-slim >tbody > tr > td,
.table-slim >tfoot > tr > td {
  padding: 3px 6px;
  vertical-align: middle;
  white-space: normal;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th{
  background-color: #d4d2c4 !important;
}

.table-striped tbody tr:nth-of-type(2n+1) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-overflow  {
  overflow: auto;
}

.tbl-fix thead th {
  position: sticky;
  top: 0;
}

.tbl-header th{
   background: #FFF;
}

.tbl-header-td td{
   background-color: #FFF
}

.tbl-fix tfoot th {
  position: sticky;
  bottom: 0;
  background: #FFF;
}

.tbl-detail-header tr th{
   background-color: #e6f5ff;
}

.tbl-head-background {
    background-color: #e6f5ff;
}

/* 
*
* 5) Page Content
*
*/


/** Sortable list >>> **/
.sortable-list{
   padding:10px;
}
.sortable-item{
   margin:5px 0;
   line-height: 28px;
   border: 1px solid #CCC5B9;
   border-left:none;
   border-right:none;
   background-color:#fff;
   cursor:pointer;
   padding:3px 10px;
   list-style:none;
}
.sortable-item:hover{
   background-color:#d4d2c4;
}
.sortable-item .controlls{
   /*display:inline;*/
}
.sortable-item .controlls input[type="checkbox"]{
    /*margin: 8px 0 -7px 5px;*/
}
.sortable-item-order-input{
   /*display: inline !important;*/
   border: 1px solid #CCC5B9;
   width: 70px;
   text-align: center;
}
.sortable-drop{
   margin:5px 0;
   height: 36px;
   border: 1px solid #68B3C8;
   background-color:#fff;
   cursor:pointer;
   padding:3px 10px;
   list-style:none;
}
.high .sortable-drop{
   height: 58px;
}
/** END Draggable list <<< **/

input.form-sort-oblibene-nazev{
   width:420px;
   margin:5px 0;
}

.controlls input {
   display: inline!important;
   margin-right: 10px
}


.card .card-header .card-header-right {
   position: unset;
}

@media only screen and (max-width: 575px) {
  .card .card-header .card-header-right {
    display: inline-block;
  }
  
#ajax-spinner{
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    background: rgba(107, 150, 200, 0.4);
    z-index: 100000000;
    text-align: center;
}

#ajax-spinner img{
    position: fixed;
    margin-left: -60px;
    top: 40%;
}  
}