@media only screen and (max-width: 550px) {
.modal .modal-dialog .modal-content .modal-footer
{
	flex-direction: unset !important;
}
  .calendar_td2,.calendar_td3,.calendar_td4,.calendar_td5,.calendar_td6 {
    display:none !important;
  }
.eof {
    display: none !important;
}

.offer_caption {
    font-size: 16px !important;
}
#find_mobile{
	border: 1px solid black;
  padding: 5px;
  font-size: 28px;
  width: 200px;
}

.find-mobile{
	display:inline !important;
	padding: 5px;
    font-size: 30px;
    text-align: center;
}
.calendar-mobile {
    display: none;
}

.calendar-mobile-table tr td:first-child {
    display: none;
}

.calendar-mobile-title {
    display: none;
}
.modal .modal-dialog
{
	margin-top: 0px !important;
}
.close {
    font-size: 50px !important;
    color: black;
    position: absolute;
    top: 0px !important;
	right: 5px !important;
	
}
.modal-body
{
	padding:8px !important;
}
#numbercal {
	display:none !important;
}
}
@media only screen and (max-width: 1000px) {
	.set_year
	{
		float:none !important;
		padding:10px;
		text-align: center;
	}
	.hide_700
	{
		display:none !important;
	}
}
@media only screen and (max-width: 990px)  and (min-width: 420px) { 

.navbar .navbar-menu-wrapper
{
	width:200px !important;
	
}
}
@media only screen and (max-width: 1000px) { 
.navbar .navbar-brand-wrapper
{
	display:none !important;
}
.navbar .navbar-menu-wrapper
{
	width:100% !important;
}
.navbar-toggler
{
font-size: 40px !important;
position: absolute;
top: 0px;
right: 5px;

}
.label_mobile
{
	min-width: 100px;
}
.menu_icon a:not(:first-child) {
    display: none !important;
}
.menu_icon a:first-child {
margin-right: 50px;
}


.sidebar-offcanvas.active {
  width: 100%;

}
.sidebar-offcanvas:not(.active)
{
	
	right: -240px !important;
}
.klocki
{
	width:90% !important;
}
.m600
{
	display:none !important;
}
}
@media only screen and (max-width: 299px) {

.logo_
{
	display:none !important;
}
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	font-size: 14px !important;
}
a
{
	text-decoration: none !important;
}
html
{    
position: relative;
min-height: 100%;
}
body, .navbar .navbar-menu-wrapper .navbar-nav .nav-item .welcome-text, .navbar .navbar-menu-wrapper .navbar-nav .nav-item .welcome-sub-text, .sidebar
{	

	font-family: sans-serif;
}
.red
{
background: #ffc4bf;
max-width: 200px;
color:black;
}
.red:hover
{
color:black;
}
body
{
	min-height: 100%;
	height: 100%;
	background: #f4f5f7;
}
.day
{
background: #153d77;
display: inline-block;
font-size: 25px;
color: white;
width: 40px;
text-align: center;
padding: 5px;
}
.scroll-button
{
	position: fixed;
	bottom: 10px;
	z-index: 9999;
	right: 10px;
	padding: 10px;
}
.star
{
	color: black;
	font-size: 22px;
	cursor:pointer;
}

.price_sales
{
	color: black;
position: relative;
top: -25px;
left: 5px;
font-size: 15px;
display: inline;
margin: 0px !important;
line-height: 0px !important;
background: rgba(255, 255, 255, 0.3);
}
.select_div
{
	border: 1px solid #dee2e6;
	padding: 5px;
	border-radius: 5px;
	display: inline;
	cursor: pointer;
	font-size:20px;
	background: #1f3bb3;
	color: white;
}
.select_div:hover
{
	background:white;
	color:#1f3bb3;
}
.flashcard
{
	display: inline-block;
	width: 100%;
	padding: 20px;
	background: #f0f6fc;
	border: 1px solid #dee2e6;
	border-radius: 5px;
	margin-top: 10px;
}
.contrast
{
	background-color:black !important;
	color:white !Important;
	font-weight: bold !Important;
	box-shadow:none !important;
	text-shadow:none !important;
	
	
}
.img-xxs
{
	width:35px;
	height:35px;
}
.workflow
{
	font-size: 25px;
color: black;
border: 2px solid #6b9ac7;
padding: 20px;
min-width: 300px;
max-width: 600px;
text-align: center;
background: #cce6ff;
cursor: pointer;
display: inline-block;
margin:10px;
}
.workflow:hover
{
	background:#e6f1fc;
	color:#6b9ac7;
}
.task:hover
{
	background:#f7fafc;
}
.p_phrases
{
	text-align:center;font-size:24px;padding:5px;color:black;background:#f7e8e6;
}
.p_phrases:hover
{
	cursor:pointer;background:#edc5c0;
}
.p_sales
{
	text-align:center;font-size:20px;padding:5px;color:black;background:#C5E9E6;
}
.p_phrases_plus
{
	background: orange;
	padding: 1px;
	width: 25px;
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 25px;
	color: white;
	cursor: pointer
}
.p_sales:hover
{
	cursor:pointer;background:#99D7D3;
}
.navbar .navbar-menu-wrapper
{
	background:#153d77;
	padding-top: 22px !important;
}
.logo_
{
	color: white;
	font-size: 25px;
}
.menu_table td
{
	padding-left: 10px;
	color:white;
}
.menu_icon
{
right: 20px;
position: absolute;
top: 35px;
color: white;
}
.form-sales
{
	padding: 20px;
font-size: 20px;
border: 1px solid #53bdb7;
}
.form-sales:focus
{
	background:#EDF8F8;
	border: 1px solid #53bdb7;
}
.form-phrases
{
	padding: 20px;
font-size: 20px;
border: 1px solid #f08e7f;
margin-bottom:6px;
}
.form-phrases:focus
{
	background:#fce0dc;
	border: 1px solid #f08e7f;
}
button:disabled,
button[disabled]{
border: 1px solid black !important;
    background-color: silver !important;
  color: black !important;
  cursor: not-allowed !important;
}
input.new
{
	padding: 20px;
  font-size: 17px;
  max-width: 300px;
  letter-spacing: 0.6px;
}
.klocki
{
	position: relative;
	top: -80px;
	background: white;
	border-radius: 5px;
	margin-left: 15px;
	margin-right: 15px;
	padding:15px;
	box-shadow: 0 2px 4px rgba(126, 142, 177, 0.12);
	margin-bottom: 1.5rem;
	color:black;
	padding-right: 0px !important;
}
blockquote
{
	max-width:700px;
}
.szeroki_klocek
{
	position: relative;
top: -100px;
border-radius: 5px !important;
margin-left: 15px !important;
box-shadow: 0 2px 4px rgba(126, 142, 177, 0.12) !important;
margin-bottom: 5px !important;
width: calc(100% - 30px) !important;
}
.blockquote
{
font-size: 1rem !important;
margin-top: 10px;	
background:#d7e7fc;
}
blockquote i{
	font-size: 20px;
	position: relative;
	top: 5px;
}
.category
{
	display: block;
color: silver;
margin-top: 5px;
}
.hev
{
	color: #3e4676;
	font-size: 0.9375rem;
	line-height: 1.5;
	text-align: left;
}

.menu_icox:hover
{
	color:white;
}
.menu_icox
{
	color:#a0cee5;
	font-size:25px;
	margin-right:10px;
}
.sidebar-icon-only .navbar .navbar-brand-wrapper
{
	background: #153d77 !important;
}
.icon_small
{
	position: relative;
	top: 5px;
	font-size: 20px;
	cursor: pointer;
	color:#153d77;
	margin-right: 10px;
}
.icon_small:hover
{
	color:#698cbf;
}
.pcomment
{
	display: inline;
	padding: 2px;
	border-radius: 5px;
	color: black;
}
.number
{
background: #153d77;
color: white;
border-radius: 50%;
margin-left: 5px;
min-width: 20px;
text-align: center;
height: 20px;
padding: 1px;
}
footer
{
height: 80px;
clear: both;
border-top: 2px dotted silver;
padding-left: 20px;
padding-right: 20px;
padding-top: 30px;
position: relative;
left: 0;
bottom: 0;
width: 100%;
overflow: hidden;
top: 60px;
}
.flag_calendar
{
	display:inline;
	color:#234f99;
	font-weight:600;
	padding:5px;
	
}

.offer_caption
{
	display: inline;
	font-size: 12px;
	font-weight: 600;
	padding: 5px;
}
.border_me:hover
{
	border: 2px dotted black !important;
	cursor: pointer;	
}
.tr_select:hover
{
	
}
.stretch-card
{
position: relative;
min-height: 90%;	
}
.img-xs
{
width: 50px !important;
height: 50px !important;
}
.calendar
{
display: block;
padding: 7px;
margin-bottom: 10px;
cursor:pointer;
padding-top: 2px;
}
.calendar:hover
{
	filter: brightness(0.85);
}
.gray
{
	background: #f0f0f0;
}
.yellow
{
	background:#fff7ad;
}
.green
{
	background:#b4f0ba;
}
.navbar .navbar-brand-wrapper .navbar-brand img {
	
}
.navbar .navbar-brand-wrapper .navbar-brand img
{
max-width: none !important;
height: 130px !important;	
}
.navbar .navbar-brand-wrapper
{
	background:#153d77;
	color:white;
}
.auth .brand-logo img
{
	width: 130px !important;
}
.sidebar .nav.sub-menu .nav-item::before {
margin-top: 14px !important;
}
.sidebar-icon-only .sidebar .nav .nav-item.active .nav-link::before {
background:none  !important;	
}
.alert-info 
{
	color: black;
  font-size: 15px;
  line-height: 24px;
  font-size: 17px;
}
.icon_npod
{
	font-size: 20px;
	left: -10px;
	position: relative;
	top: 6px;
	cursor: pointer;
	color: #1f3bb3;
}
.icon_npod:hover
{
	color:orange;
}
form
{
	margin-left: 10px;
}
.menu_context
{

	cursor:pointer;
	position: relative;
	z-index: 9999;
	
}
.modal-dialog
{
	max-width:600px !important;
}
.form-group
{
	margin-bottom: 5px !important;
}

.sidebar .nav .nav-item.active > .nav-link i.menu-arrow::before {
    content: " " !important;
}
table.dotted tr
{
	border-bottom: 3px dotted #e9ecef;
	border-top: 3px dotted #e9ecef;
}
.tooltip {
    position: fixed;
	 z-index: 1151 !important;
}
.carrier
{
	padding: 20px;
}
.active
{
	
	color: black !important;
	font-weight: 600 !important;	
}
.error-border
{
	border: 2px solid #e07a70;
}
.mini_li li
{
	line-height: 1.4;
}
.labelfocus
{
	color:#75a1e0 !important;
}
.label_carrier
{
	position: relative;
	top: 14px;
	color: #ced2d6;
	left: 3px;
}
.po_block
{
	padding: 5px;
	border-radius: 5px;
	background: #e9ecef;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:5px;
	cursor:default;
}
table.dotted td
{
	padding-top: 5px;
}
.button_icon
{
	top: 3px;
    position: relative;
}
.btn-save
{
	position: fixed;
	right: 0px !important;
	z-index: 999;
	bottom: 0;
	margin-bottom: 50px;
	margin-right: 50px;
}
.sidebar .nav .nav-item .nav-link
{
	border-radius:0px !important;
}
.sidebar .nav .nav-item.active > .nav-link i, .sidebar .nav .nav-item.active > .nav-link .menu-title, .sidebar .nav .nav-item.active > .nav-link .menu-arrow {
    color: #1F3BB3;
    font-weight: 400;
}
.card
{
	border-radius:0px;
}
.max10
{
	width:10px;
	height:10px;
}
textarea:focus
{
	border-color: #153d77 !important;
	background:#d7e5fa !important;
}
.form-control:focus
{
	border-color: #153d77 !important;
}
#gen_info
{
	display: inline;
	color: gray;
	letter-spacing: 1px;
	font-size: 14px;
	margin-left: 5px;
}
.youtube
{
float: right;
font-size: 29px;
color: #f00;
cursor: pointer;
}
.home-tab .nav-tabs .nav-item .nav-link.active 
{
	  font-weight: bold !important;	
}
.youtube:hover
{
	color:black;
}
.table-striped > tbody > tr:nth-of-type(2n+1) 
{
	background: #f4f5f7 !important;
   
}
.border-pdf
{
	width: 25px;
	height: 60px;
	display: block;
	background: #6c7fcd;
	border-color: #6c7fcd;
	position: absolute;
	left: 0px;
	top: 35px;
}
#change_info
{
position: fixed;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;
width: 150px;
height: 40px;
z-index: 9999;
background: #52de77;
padding: 10px;
text-align: center;
font-size:18px;
border-radius:5px;
color:black;
}
.select_li
{
	cursor: pointer;
	color: gray;
}
.select_li:hover
{
	color:black;
}
.icon_action
{
	font-size: 20px;
	cursor: pointer;
	position: relative;
	top: 5px;
}
.icon_action:hover
{
	color:#04aa6d !important;
}
.title-index
{
	color:#8D8D8D;
}
.title
{
	display: inline;
  margin-left: 10px;
  font-size: 22px;
  position: relative;
  top: 2px;

}
.form-ofs
{
	color: black !important;
  font-size: 17px;
  padding:5px;
}
.ofs-human
{

	position: relative;
	top: 5px;
	font-size: 18px;
	margin-right: 5px;
	color:#898b91;
}
.ofs-blue
{
	position: relative;
	top: 5px;
	font-size: 18px;
	margin-right: 5px;
	color: #436ee6;
}
.form-ofs:focus
{
	border: 2px solid #1f3bb3;
  outline: none;
}
    ul.custom-list {
      list-style: none; 
    
    }

    ul.custom-list li::before {
      content: ">";          
      margin-right: 8px;       
    }
.li-custom
{
	border: 2px dotted silver;padding: 10px;margin-top:10px;
	cursor:pointer;
}
.li-custom:hover
{
	background:#f7ecbc;
}
.orders_chart
{
	width:500px !important;
}
.separator
{
position: relative;
top: 3px;
margin: 10px;
color: #d4d2cf;
}
.calendar_nav
{
	margin-right: 5px;margin-top: 5px;padding-left: 8px;padding-right: 8px;
}
.news-icon
{
	color: #8546fa;
	font-size: 20px;
	position: relative;
	top: 5px;
	margin-right: 10px;
}
.border_tb td
{
	border-bottom-width: 1px;
	padding:0px !important;
}

.small_chart
{
	width:350px !important;
	height:150px !important;
}
.orders_chart_big
{
	width:600px !important;
}
.user_div
{
width: 500px;
margin-top: 20px;
background: #f4f5f7;
padding: 0px !important;
margin-left:15px;
}
.title_history_customer
{
	padding: 40px;
	font-size: 25px;
	text-align: center;
}
.user_avatar_div
{
height: 100px;
background: #91b3e6;
color: white;
font-size:15px;
}
.avatar input[type="file"] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
}
.delivery-box{
	
	padding: 10px;
	border: 2px dotted silver;
	width: 95%;
	border-radius: 10px;
}
.pulpit_link
{
	color:#224BCA;
}
.pulpit_link:hover
{
	color:#1a3ba1;
}
.user_contact
{
font-size: 15px;
left: 15px;
position: relative;
top: 25px;
line-height: 30px;	
color:#575757;
}
.avatar
{
position: relative;
width: 100px;
height: 100px;
top: 20px;
left: 20px;
border-radius: 50px;
background-repeat: no-repeat;
background-size: cover;
}
.user_name
{
position: relative;
left: 140px;
top: -60px;
font-size: 25px;
}
.user_workplace
{
position: relative;
left: 140px;
top: -60px;
font-size: 15px;
}
.round
{
width: 20px;
height: 20px;
display: inline-block;
margin-right: 5px;
padding-top: 10px;
position: relative;
top: 5px;	
}
.big_number
{    
font-size: 25px;
top: 8px;
position: relative;
display:inline;

}
.gray_hover
{
	box-shadow: none !important;
	border: 2px dotted silver;
}
.gray_hover:hover
{
	cursor:pointer;
	background:#f7f7f7;
}
.menu_extra
{
font-size: 20px;
margin-left: 5px;
cursor: pointer;
color:black;

}
.menu_extra:hover
{color: #ff7152;
}
.right-box
{
	float: right;
	height: 250px;
	border: 1px solid #f4f5f7;
	padding: 20px;
	width: 49%;
}
.left-box
{
	float: left;
	height: 250px;
	border: 1px solid #f4f5f7;
	padding: 20px;
	text-align: center;
	width: 49%;
}
.hrm_info_days
{
	font-size: 20px;
	padding: 20px;
}
.hrm_info_acct
{
	font-size: 13px;
}
.table_hrm th, .table_hrm td {

    padding: 10px 15px !important;
}
.flag
{
	width: 20px;
	margin-left: 5px;
}
.input_red
{
	color:#f95f53;
}
.input_red:focus
{
	border:1px solid #f95f53 !important;
	color:#f95f53 !important;
}
.small_link
{
	font-size: 14px;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 10px;
	border-bottom: 1px dotted silver;
}
.div_filtr
{
	
	display:inline-block;
	padding: 5px;
}
mark 
	{
	background-color: #ffe733 !important;	
	}
.change_icon
{
	font-size: 30px;
}
.menu_icon_calendar
{
	font-size:22px;
}
.calendar_table td
{
	color: gray;
	font-size: 14px;
}
.calendar_table tr
{
	border: none !important;
}
#information
{
	text-align: center;
	font-weight: 600;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	font-size: 20px;

}
.fnt-16 td
{
	font-size: 16px !important;
}
.spacing
{
	font-family: Consolas;letter-spacing: 1px;line-height: 15px;
}
.card.card-rounded
{
	margin: 10px;
width: 97%;
}
.card .card-title.card-title-dash {
	margin-top:6px;
}
.blue_card
{
	background: #1f3bb3;
	color: #52CDFF !important;
	padding: 20px;
	width: 400px;
	margin:5px;
}
.red_card
{
	background: #f57369;
	color: #6b2722 !important;
	padding: 20px;
	width: 400px;
	margin:5px;
}
.btn-inverse-secondary.btn-inverse-secondary
{
	border: 1px solid silver;
}
.btn-secondary:hover, .btn-secondary:focus
{
	color:black;
}
.badge-online {
position: absolute;
  top: -5px;
  width: 13px;
  height: 13px;
  background-color: #52f285;
  box-shadow: 0 0 6px #52f285;
  border-radius: 50%;
  border: 1px solid white;
  right: -5px;
}
.badge-i
{
border-radius: 50%;
  font-size: 12px;
  color: white;
  background: #f0463a;
  padding: 5px;
  position: relative;
  top: -15px;
  left: -15px;	
 width: 25px;
  display: inline-block;
  text-align: center;
  height: 25px;
  line-height: 15px;
}
.hour
{
	text-align: center;
	letter-spacing: 1px;
	font-size: 30px;
}
.hour p
{
	display: inline;
	position: relative;
	top: -8px;
	padding: 10px;
	font-size: 25px;
}
.non-ef
{
	color: white;
}
.non-ef:hover
{
	color:white;
}
.close
{
	font-size:30px;
}
.circle_top
{
	top: 3px;
	position: relative;
}
.absence-item
{
	color: black;
  margin-left: 20px;
  display: inline-flex;
}
.info
{
	line-height: 12px;
  margin-left: 10px;
  margin-top: 5px;
}
.kalendarz_p
{
	
	padding:4px;
width: 110px;
font-size: 12px;	
}
.calendar_icon
{
	font-size: 20px;
	position: relative;
	top: 5px;
}
.badge_calendar
{
	background: #1F3BB3;
color: white;
font-weight: 600;
border-radius: 20px;
padding: 2px 9px 3px 7px;
font-size: 12px;
}
.modal-header
{
	padding: 20px 26px !important;
}

.add_owner:hover
{
	color:#3f7dbf;
}
.star_calendar
{
	font-size: 25px;
	position: relative;
	top: 5px;
	line-height: 0px;
	cursor:pointer;
}
.add_packed
{
font-size: 30px;
color: white;
padding: 0px 8px 0px 8px;
cursor:pointer;
}
.pime
{
	background: #30649e;
}
.optima
{
	background:#49afe8;
	
}
.inny
{
	background:gray;
	
}
.add_packed:hover
{
	  opacity: 0.9;
color: white;

}
.edit_number:hover
{
	background:#d4eaff;
}
.action_calendar
{
	
width: 40px;
display: inline-block;
height: 32px;
text-align: center;
margin-top:2px;
border-radius:3px;
}
.action_calendar:hover
{
	   filter: brightness(120%);
}
.option_div_res
{
	color:black;text-align:left;
}
#add_order
{
	background: #ffe196;
	color: black;
	text-align: center;
	margin-left: 5px;
	padding: 13px;
	position: relative;
	top: -1px;
}
a:focus-visible {
  outline: none;
  background: #ffdd00 !important; /* gold */
}

a:focus:not(:focus-visible):(.carousel-control-next){
  background: white; /* undo gold */
}
#numbercal
{
  background: #e9ecef;
  color: black;
  font-size: 12px;
  padding: 5px;
}
.add_row
{
	width: 20px;
	font-size: 22px;
	font-weight: bold;
	margin-left: 5px;
	cursor: pointer;
}
.add_row:hover
{
	color: blue;
}
.calendar_options
{
	display: inline;
	font-size: 12px;
	background: #fcc4c0;
	border-radius: 10px;
	padding: 4px;
	cursor: pointer;
	margin:4px;
}
.calendar_options:hover
{

	background: #fad7d4;
}
.show_tr tr
{
	cursor:pointer;
}


.wrapper1, .wrapper2{border: none 0px RED;
overflow-x: scroll; overflow-y:hidden;}
.wrapper1{height: 20px; scrollbar-color: black white;
scrollbar-width: thin;}
.wrapper2{scrollbar-color: black white;
scrollbar-width: thin; }
.div1 {height: 20px; }

.center-comm
{
position: fixed;
left: 50%;
z-index: 999;
top: 25%;
padding: 20px;
background: ;
background: #73a7eb;
font-size: 20px;
color: white;
border-radius: 10px;
opacity: 0.9;

}
.center-comm-copy
{
position: fixed;
left: 50%;
z-index: 999;
top: 25%;
padding: 20px;
background: black;
font-size: 20px;
color: white;
border-radius: 10px;
opacity: 0.9;

}
.save-button
{
width: 100%;
position: fixed;
z-index: 999;
bottom: 0px;
text-align: center;
top: 0;
background: #3083D6;
color: white;
padding: 10px;
font-size: 20px;
cursor:pointer;
height: 50px;
}
.cancel-button
{
width: 100%;
position: fixed;
z-index: 999;
text-align: center;
top: 50px;
background: silver;
color: black;
font-size: 15px;
cursor:pointer;
}

tr#show:hover
{
	background: #f0fcf6;

}
.sendmail-input
{
	font-size:20px;
	
	
}

.confirm_pdf
{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9998;
	background: white;
	padding: 20px;
}
.xclose
{background: black;
color: white;
font-size: 25px;
width: 50px;
height: 50px;
display: inline-block;
text-align: center;
line-height: 40px;
cursor:pointer;
}
.xdown
{background: #799ed9;
color: white;
font-size: 25px;
width: 50px;
height: 50px;
display: inline-block;
text-align: center;
line-height: 40px;
cursor:pointer;
}

.compass
{
	 font-size: 25px;
  top: 5px;
  position: relative;
  left: 5px;
  color: #f9ab00;
  cursor:pointer;
}
.modal-lg
{
	max-width: 800px !important;
}

#show td
{
	padding:6px !important;
}
.orderx
{
	font-size: 30px;
width: 70px;
display: block;
border: none;
background: #3083d6;
color: white;
text-align: center;
display:none;
}
.del_number
{
	letter-spacing:1px !important;
	font-size:120% !important;
	background:gray !important;
	color:white !important;
	padding:8px !important;
}
.table-del th, .table-del td
{
	padding:3px !important;
}

@media only screen and (max-width: 450px) {
	.form-sales
	{
	margin-top: 5px;
	}
	.table-del th, .table-del td
	{
		font-size:12px !important;
	}
	#change
	{
		width: 34px !important;
	}
}
.big_check
{
  width: 35px !important;
  height: 35px !important;
  top: -10px !important;
  left: -10px !important; 
  
}
.mini-table tr:nth-child(even):not(:first-child){
	background-color:#ededed;
}

.mini-table
{
	width:100%;
}
.mini-table td{
	padding:5px;
}
.mini-table tr
{
	cursor:pointer;
}
.mini-table tr:hover, .mini-table td:hover
{
	background-color:#f0f2ff !important;
	
}
.mini-table-projects
{
	width:100%;
	
}

.open_project:hover {
    background-color: #e6f6fc !important;
    cursor: pointer !important;
}
.open_project td {
    padding:8px !important;
}



.dot {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  left: -10px;
  position: relative;
  top: 8px;
  
}
.maps_icon
{
margin-bottom: 0px !important;
color: #4285f4;
background: white;
font-size: 20px;
border: 3px solid #fbbc04;
float:right;
cursor:pointer;
}
.blacksimple
{
	width: 100px;
	border: 1px solid #bdc3c7;
	border-radius: 5px;
	padding: 5px;
	margin: 2px;
}
.blacksimple:hover
{
	border:1px solid black;
}
#loading-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999; /* Upewnij się, że efekt ładowania jest na wierzchu */
    padding: 20px;
	opacity:0.8;
}

#loading-container img {
    display: block;
    margin: 0 auto;
}
li.select_worker
{
	padding:3px;
	list-style-type: none;
	cursor:pointer;
}
li.select_worker:hover
{
	background:#edf0fc;
}
li.selected
{
	background:#ccd4fc;
	font-weight:600;
}

#workers_select
{
overflow-x: scroll;
max-height: 200px;
}
.remove_mm 
{
	cursor:pointer;
}
.remove_mm:hover
{
	color:red;
}
.produkty_w_dostawie {
    width: 100%;
    border: 2px solid blue;
    border-collapse: collapse;
}

.produkty_w_dostawie th, .produkty_w_dostawie td {
    padding: 10px;
    border: 1px solid blue;
}
.calendar-cell
{
	vertical-align: top !important;
}

.day-number
{
	padding-bottom: 5px;
  font-size: 19px;
}
.event
{
   cursor: pointer;
  padding: 4px;
  margin-bottom: 2px;
}
.event:hover
{
	 filter: brightness(120%);
}

.select_vac:hover
{
	filter: brightness(120%) !important;
	cursor:pointer;
}
#date_info
{
	display: inline;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.1px;
}
#txt-comments, #txt-opis
{
	resize: vertical;
  color: black;
  max-height: 70px;
  width: 330px;
  font-size: 16px;
  height: 98px;
  padding: 5px;
  border: 1px solid silver;
  border-radius: 4px;
}
#txt-comments:focus, #txt-opis:focus
{
	border-color:#86B7FE !important;
}
.day-number:hover
{
	color:gray;
	cursor:pointer;
}
#trumbowyg-demox > p
{
	font-size:17px;
}
.ticket > p
{
	font-size:20px !important;
}
.sunday
{
	background-color: #ebebeb !important;
}
.saturday
{
	background-color: #ffe4d9 !important;
}
.current-date
{
	background-color: #d9fadf !important;
}
.selected-row
{
	background-color: #82a0f5 !important;
  font-weight: 600;
}

.highlighted {
    background-color: #cfe8ff !important; 
    border: 2px dashed #90caf9 !important;
}


.highlight {
    background-color: #b3e5fc !important;
}
.greentr:hover
{
	background-color:#d6e1ff !important;
}
.btn {
    border-radius: 4px;
    padding: 10px 15px;
    font-size: 16px;
    cursor: pointer;
}
.modal-footer {
  border-bottom: 1px solid rgb(238, 238, 238);
  border-top: medium;
  background-color: rgb(249, 249, 249);
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
	padding: 0px !important;
  height: 14px !important;
  font-size: 15px !important;
}
.modal-lg {
  max-width: 800px !important;
}
a.home-link
{
	font-weight: 600;
}
  .toggle {
    cursor: pointer;
    margin-right: 5px;
    font-weight: bold;
    color: #333;
  }
  .toggle.open::after {
    content: "▼";
  }
  .toggle.closed::after {
    content: "▶";
  }
  
 .extra_select
 {
	 padding: 8px;
  border-radius: 3px;
  background: #dadce0;
  color: black;
  cursor: pointer;
  	white-space: nowrap;
  
 }
 .extra_select:hover
 {
	 background:#ebedf0;
 }
 .extra_filters
 {
	padding: 10px;
	color: black;

 }

td.edit
{
	cursor:default;
}
td.editable
{
	cursor:text;
	border: 2px dotted black !important;
}

.expand {
    max-height: 50px;
    overflow: hidden;
    cursor: pointer; /* Wskazuje, że element jest interaktywny */
    transition: max-height 0.3s ease;
}

.expand.expanded {
    max-height: none !important;
    overflow: visible;
}
.prod-menu, .prod-menu2
{
	background: #dadce0;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid white;
	display:block;
}
.prod-menu:hover, .prod-menu2:hover
{
	background:#f0f2f5;
}

.bold
{
font-weight:700;	
}
 
#filterWorkplace + .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  border: 1px solid #ccc !important;
}


#filterWorkplace + .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(n) {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  border: 1px solid #ccc !important;
}

#filterWorkplace + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
	color:black !important;
}

#filterBranch  + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
	color:black !important;
}

#filterBranch + .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  border: 1px solid #ccc !important;
}


#filterBranch + .select2-container--default .select2-selection--multiple .select2-selection__choice:nth-child(n) {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  border: 1px solid #ccc !important;
}
.trumbowyg-editor-box
{
	overflow-x: auto;
  max-height: 300px;
}