:root {
--disabled-color: rgba(255, 0, 0, 0.06);
--readonly-color: rgba(0, 0, 0, 0.06);
--btn-secondary-color: #6c757d;
--btn-secondary-select-color: #17a2b8
}

option:disabled, option:selected  {
    background-color: red;
}

.form-control:focus{
  border-color: #80bdff;  
  box-shadow: none; 
  -webkit-box-shadow: none;
}
 
.form-group {
    margin-bottom: 7px;
}

label {
    display: inline-block;
    margin-bottom: 1px;
    font-size: 12px;
}

.form-control {
	font-size: 12px;
	line-height: 1;*/
	padding: 6px;
  height: 32px;
}

select.form-control:not([size]):not([multiple]) {
    height: 32px;
}

.btn {
    font-weight: normal;
    border: 1px solid transparent;
    padding: 6px 9px;
    font-size: 14px;
    line-height: 1;
}

.modal-dialog {
    max-width: 350px;
}

.modal-body {
    padding: 7px 15px;
}

.modal-body p {
	margin: 0;
}

.modal-header {
    padding: 7px 15px;
}

.modal-footer {
    padding: 7px 15px;
}

.btn-default
{
  background-color: #FFFFFF;
  height: 30px;
  color:#495057;
  border-color: #acacac;

}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {

  background-color: #FFFFFF;
 
 }

.btn-default-select {
    background-color: #FFFFFF;
    height: 30px;
    border: 1px;
    border-color: #ccc;
	  color: #495057;
 }
 
 .bootstrap-select .btn.disabled, .btn:disabled {
    opacity: 1;
 }

 .btn-default-select-disabled {
    background-color: rgba(0, 0, 0, 0.03);
    height: 30px;
    border: 1px;
    border-color: #ccc;
    color: #495057;
 }
 
 .has-error .form-control > .selectpicker {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
 }

 .btn-default-select-error {
    background-color: #FFFFFF;
    height: 32px;
    border-color: red;
 }
 .select:disabled, .option:selected  {
    background-color: red;
 }

 .bootstrap-select .dropdown-toggle .filter-option {
	height: 32px;
 }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
	color: #red;
	height: 20px;
	vertical-align: middle;
	padding: 2px 2px;
 }

.btn {
    font-size: 12px;
    line-height: 1;
}
.bootstrap-select.form-control {
    border: 1px solid  #ccc;
}
.btn-group-sm>.btn, .btn-sm {
    font-size: 12px;
}
.dropdown-menu {
  font-size: 12px;
}

 .default-button-right {
    float: right;
    padding: 6px 14px 6px 14px;
    vertical-align: middle;
    background-color: blue;
    color: #fff;
}

.card-header {
    padding: 0.5rem 1.25rem;
    vertical-align: middle;
}
.table {

    font-size: 12px;
}

.tr {
    vertical-align: middle;
}

.table.th {
    font-size: 14px;
}

.inputTxtError {
   border: 1px solid #ff0000;
   color: #0e0e0e;
}

.dataTables_info {
  font-size: 14px;
}

.dataTables_paginate {
  font-size: 14px;
}

.my-read-only-class {
  cursor: not-allowed;
}

.myselect select {
  max-width: 100px;
  white-space:normal;
}

.napomena {
  height: 40px;
  background-color: rgba(0, 0, 0, 0.06);
}

.btn-toolbar .btn{
    margin-right: 5px;
}
.btn-toolbar .btn:last-child{
    margin-right: 0;
}
.form-inline > * {
   margin:5px 3px;
}

.button:active{
    background:olive;
}
.btn-focus:focus{
    background: rgb(137, 165, 219);
}

.select_wrap {
    width: 92px;
    white-space:pre-wrap;
}

.center {
    text-align:center;
}
.horpadd0 {
  padding-left: 0;
  padding-right: 0;
}

.page-link{
  padding:.3rem .75rem;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px;
}
table.dataTable thead th {
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}
table.dataTable tfoot td {
    font-weight: bold;
    text-align: center;
}

.hide_column {
    display : none;
}

/*table.dataTable tbody th, table.dataTable tbody td {
   text-align: center; 
}*/

@media print {
  .header-print {
    display: table-header-group;
  }
}

.dt-button.excelbtn span
{
background: url(../img/excel.png) no-repeat center center;
}
.dt-button.pdfbtn span
{
/*background: url(../assets/images/icons/print1.jpg) no-repeat center center*/
background-image: url("../assets/images/icons/print1.jpg");
background-position-x: center;
background-position-y: center;
background-size: 80px 50px;
}

button.dt-button
{
width:30px;
height:30px;
padding: 0px 0px;
}

.dataTable td.col-center {
    text-align: center;}

div.dataTables_length {
  margin-right: 10em;
}

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

.progress {
  width: 100px;
  height: 100px;
  background: none;
  position: relative;
}

.progress::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}

.progress>span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}

.progress .progress-left {
  left: 0;
}

.progress .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 6px;
  border-style: solid;
  position: absolute;
  top: 0;
}

.progress .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
  border-left: 0;
  -webkit-transform-origin: center left;
  transform-origin: center left;
}

.progress .progress-right {
  right: 0;
}

.progress .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  border-right: 0;
  -webkit-transform-origin: center right;
  transform-origin: center right;
}

.progress .progress-value {
  position: absolute;
  top: 0;
  left: 0;
}

/*
*
* ==========================================
* FOR DEMO PURPOSE
* ==========================================
*
*/

/*body {
  background: #ff7e5f;
  background: -webkit-linear-gradient(to right, #ff7e5f, #feb47b);
  background: linear-gradient(to right, #ff7e5f, #feb47b);
  min-height: 100vh;
}*/

.pt-5, .py-5 {
  padding-top: 0.1rem !important;
}

.rounded-lg {
  border-radius: 1rem;
}

.text-gray {
  color: #aaa;
}

.text-red {
  color: #FF0000;
}

div.h4 {
  line-height: 1rem;
}

.black_on_white {
    color: black;
    background:white;
}

.white_on_red {
    color: white;
    background:red;
}