body
{
  background-color:#cfd8dc;
}


hr.my1style
{
	border-top: 1px solid #8c8b8b;
}

.simple-form{
    display: inline-block;
}


.wrapper-table-glue 
{
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.table-glue  
{
  background:#2BBBAD;
  color:  #ffffff;
}

.scrollbar 
{
margin-left: 30px;
float: right;
background: #fff;
overflow-y: scroll;
margin-bottom: 25px;
}

.scrollbar2 
{
float: right;
background: #fff;
overflow-y: scroll;
}


.scrollbar-default::-webkit-scrollbar-track 
{
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #F5F5F5;
border-radius: 10px; 
}

.scrollbar-default::-webkit-scrollbar 
{
width: 12px;
background-color: #F5F5F5; 
}

.scrollbar-default::-webkit-scrollbar-thumb 
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
background-color: #33b5e5; 
}

.scrollbar-default 
{
scrollbar-color: #33b5e5 #F5F5F5;
}

html 
{
	overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
	//width:95%;
	height: 101%;
}

body 
{
    min-height: 101vh; 
}

.pagination .page-item.active .page-link 
{ 
	background-color: #33b5e5; 
}

.pagination .page-item.active .page-link:hover 
{
	background-color: #0099CC;
}

.switch label input[type=checkbox]:checked+.lever 
{
  background-color: #0099CC;
}

.switch label input[type=checkbox]:checked+.lever:after 
{
  background-color: #33b5e5;
}

.btn
{
  text-transform: unset !important;
}

.border-3 
{
    border-width:3px !important;
}

input[type=text].form-control.valid + label:after,
input[type=text].form-control:focus.valid + label:after,
input[type=text].form-control.invalid + label:after,
input[type=text].form-control:focus.invalid + label:after,
input[type=password].form-control.valid + label:after,
input[type=password].form-control:focus.valid + label:after,
input[type=password].form-control.invalid + label:after,
input[type=password].form-control:focus.invalid + label:after {
  top: 3.75rem !important;
}

span.field-icon 
{
  position: absolute;
  display: inline-block;
  cursor: pointer;
  right: 2rem;
  top: 0.7rem;
  color: $input-label-color;
  z-index: 2;
}


.notification-container 
{
    position: relative;
}

.notification-counter 
{   
    position: absolute;
    top: -7px;
    left: 30px;
    
    //background-color: rgba(212, 19, 13, 1);
    //color: #fff;
    border-radius: 7px;
    //padding: 1px 3px;
    //font: 8px Verdana;
}

.notification-counter-small 
{   
    position: absolute;
    top: -7px;
    left: 20px;
    
    //background-color: rgba(212, 19, 13, 1);
    //color: #fff;
    border-radius: 7px;
    //padding: 1px 3px;
    //font: 8px Verdana;
}


.btn-circle 
{
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
}

.btn-circle i 
{
  position: relative;
  top: -1px;
}

.btn-circle-sm 
{
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
}

.btn-circle-xs 
{
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
}

.btn-circle-xxs 
{
  width: 15px;
  height: 15px;
  line-height: 15px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
}

.fa-xxs
{
	font-size:0.4rem;	
}

.md-form label.active 
{
  color: #4B515D !important;
}


.switch label input[type=checkbox]:checked+.lever 
{
  background-color: #00695c;
}

.switch label input[type=checkbox]:checked+.lever:after 
{
  background-color: #33b5e5;
}

.form-check-input[type='checkbox']:checked + .form-check-label:before {
    border-right: 2px solid #33b5e5;
    border-bottom: 2px solid #33b5e5;
} 


.rounded-top-lg 
{
  border-top-right-radius: 0.3rem !important;
  border-top-left-radius: 0.3rem !important;
  border-bottom-right-radius: 0.0rem !important;
  border-bottom-left-radius: 0.0rem !important;
}  

.rounded-bottom-lg 
{
  border-bottom-right-radius: 0.3rem !important;
  border-bottom-left-radius: 0.3rem !important;
  border-top-right-radius: 0.0rem !important;
  border-top-left-radius: 0.0rem !important;
}  

.holiday_card
{
	//min-height:250px;
}

.blokada
{
	text-decoration: line-through;
	color:#f00;
}

.schedule_card
{
	min-height:300px;
	width: 13.5%;
	max-width: 13.5%;
	flex: 0 0 13.5%;
}

.popover-header 
{
	color: #54B4D3 !important;
	font-weight: bold !important;
	font-size: 0.8rem !important;
}