body {
  background-color: #f8f8f8;
  font-family: "Poppins", serif !important;
}
#wrapper {
  width: 100%;
}
#page-wrapper {
  padding: 0 15px;
  min-height: 568px;
  background-color: white;
}
@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 130px;
    padding: 0 30px;
    border-left: 1px solid #e7e7e7;
  }
}
.navbar-top-links {
  margin-right: 0;
}
.navbar-top-links li {
  display: inline-block;
}
.navbar-top-links li:last-child {
  margin-right: 15px;
}
.navbar-top-links li a {
  padding: 15px;
  min-height: 50px;
}
.navbar-top-links .dropdown-menu li {
  display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 310px;
  min-width: 0;
}
.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}
.navbar-top-links .dropdown-user {
  right: 0;
  float: left;
}

.page-action-links{
  margin:40px 0px 20px 0px;
}


.sidebar .sidebar-nav.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.sidebar ul li {
  border-bottom: 1px solid #e7e7e7;
}
.sidebar ul li a.active {
  background-color: #eeeeee;
}
.sidebar .arrow {
  float: right;
}
.sidebar .fa.arrow:before {
  content: "\f104";
}
.sidebar .active > a > .fa.arrow:before {
  content: "\f107";
}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
  border-bottom: none !important;
}
.sidebar .nav-second-level li a {
  padding-left: 37px;
}
.sidebar .nav-third-level li a {
  padding-left: 52px;
}
@media (min-width: 768px) {
  .sidebar {
    z-index: 1;
    position: absolute;
    width: 130px;
    margin-top: 51px;
  }
  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
  margin-right: 5px;
}

.login-panel {
  margin-top: 25%;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee !important;
}
.show-grid {
  margin: 15px 0;
}
.huge {
  font-size: 40px;
}

.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
.panel-green {
  border-color: #5cb85c;
}
.panel-green > a {
  color: #5cb85c;
}
.panel-green > a:hover {
  color: #3d8b3d;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}

label.error{
  color: red;
}
.reminder-btn-close{
  pointer-events: none;
  background-color: grey;
  border: grey;
  opacity: 0.5;
}
.company {
  position: absolute;
}
.running-status{
  background-color: #30c3d6 !important;
}
#export-section{
 text-align: right;
  margin-bottom: 20px;
}
.btn-primary.pendingsend{
  background-color: #239BAA;
  border: 1px solid #239BAA;
}
.btn-primary.pendingsend:hover{
  background-color: #2fc9de;
  border: 1px solid #2fc9de;
}
.btn-primary.running{
  background-color: #A8930F;
  border: 1px solid #A8930F;
}
.btn-primary.running:hover{
  background-color: #907e0e;
  border: 1px solid #907e0e;
}
.btn-primary.pendingsend.disable{
  opacity:0;
}

.btn-primary.pending{
  background-color: grey;
  border: 1px solid grey;
}
.btn-primary.pending:hover{
  background-color: rgb(85, 84, 84);
  border: 1px solid rgb(85, 84, 84);
}
.glyphicon {
  font-size: 16px;
  vertical-align: sub;
}
/* .table-striped>tbody>tr:nth-of-type(odd){
  background-color: #cac9c9;
} */
tr.main-passenger{
    background-color: #cac9c9d9 !important;
}
tr.additional-passenger{
    background-color: #ffffff !important;
}
.btn-primary.paid{
  background-color: green;
  border: 1px solid green;
}
.btn-primary.paid:hover{
  background-color: rgb(28, 92, 5);
  border: 1px solid rgb(28, 92, 5);
}
.alert-bt{
  background-color: rgb(210, 78, 78) !important;
  border: 1px solid rgb(210, 78, 78) !important;
	animation: pulsealert 2s infinite;
  margin-top:10px;
}
.complete-status,.complete-status.manual-send{
  background-color: rgba(29, 185, 29, 0.592) !important;
}
.error-status{
  background-color: rgba(185, 29, 29, 0.592) !important;
}
.manual-send,.error-status.manual-send{
  background-color: rgba(220, 165, 15, 0.592) !important;
}
.complete-status .upload-btn,.complete-status .delete-btn.attachment{
  display:none;
}
.grid-filter{
  display: grid;
  grid-template-columns: 140px 140px 140px 140px 140px 140px 140px 140px 140px;
  padding: 5px;
  margin:auto;
}
.grid-item {

  padding: 10px;
  font-size: 14px;
  text-align: center;
}
.alert-icon{
  color: red;
  margin-left: 10px;
  display: block;
  margin-top: 10px;
  font-size:20px;
 }
.center-div{
  display: block;
  margin:auto;
  max-width: max-content;
}
.icons-reminder{
  text-align: center;
}
.icons-reminder .glyphicon-ok{
  color:#008000;
  font-size:20px;
  vertical-align: -webkit-baseline-middle;
}
.icons-reminder .glyphicon-remove{
  color:red;
  font-size:20px;
  vertical-align: -webkit-baseline-middle;
}
.icons-reminder .glyphicon-hourglass{
  color: rgb(102, 102, 102);
  font-size:20px;
  vertical-align: -webkit-baseline-middle;
}
@keyframes pulsealert {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 5px rgba(210, 78, 78, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(210, 78, 78, 0);
	}
}
.gry-btn{
  background-color: rgb(99, 99, 99) !important;
  border: 1px solid rgb(99, 99, 99) !important;
  transform: scale(1);
	animation: pulse 2s infinite;
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}

.btn-primary.complete,.btn-primary.good-response{
  background-color: rgb(57, 155, 22);
  border: 1px solid rgb(57, 155, 22);
  pointer-events: none;
}
.btn-primary.error-response{
  background-color: rgb(223, 15, 15);
  border: 1px solid rgb(223, 15, 15);
}
.btn-primary.manual{
  background-color: rgb(234, 163, 20);
  border: 1px solid rgb(234, 163, 20);
}
.btn-primary.manual:hover{
  background-color: rgb(168, 147, 14);
  border: 1px solid rgb(168, 147, 14);
}
.info-check{
  margin-top:10px;
  margin-left:5px;
  display: block;
}
.info-check i{
  font-size: 26px;
  color:rgb(223, 15, 15);
}

.btn-primary.send{
  pointer-events: none;
}
.disable{
  pointer-events: none;
  opacity: 0.3;
}
.btn-primary.error{
  background-color: rgb(223, 15, 15);
  border: 1px solid rgb(223, 15, 15);
}
.btn-primary.error:hover,.btn-primary.error-response:hover{
  background-color: rgb(186, 12, 12);
  border: 1px solid rgb(186, 12, 12);
}
.panel-primary>.panel-heading{
  background-color: #4E73DF !important;
  border-color:#4E73DF !important;
}
.sidebar-nav a{
  color:#4E73DF !important;
}

select.invoice.form-control,select.status{
  padding: 8px; /* Belső tér a szöveg és a keret között */
  border: none; /* Keret eltávolítása */
  border-radius: 4px; /* Levegőkörív a szélek körül */
  appearance: none;
  background-color: #4E73E0;
  color:white;
  font-weight: 500;
}


select.condition.form-control{
  padding: 8px; /* Belső tér a szöveg és a keret között */
  border: none; /* Keret eltávolítása */
  border-radius: 4px; /* Levegőkörív a szélek körül */
  appearance: none;
  background-color: #2b3dff;
  color:white;
  font-weight: 500;
}
#ui-datepicker-div{
  background-color: white;
  padding:10px;
}
#ui-datepicker-div th{
  padding: 5px;
}
.copyable:hover {
  cursor: pointer; /* Az egér kurzorának megváltoztatása pointerre */
}
@keyframes fadeBackground {
  0% {
    background-color: rgba(2, 138, 2, 0.5); /* Fade-zöld szín */
    
  }
  100% {
    background-color: transparent;
  }
}

.fade-green-background {
  animation: fadeBackground 3s ease; /* 1 másodpercig tartó animáció */
}
.billable button.btn-accept{
  pointer-events: none;
  background-color: grey;
  border: grey;
  opacity:0.5;
}
.btn-accept.blue{
  background-color: green;
  border:green;
  color:white;
}
.btn-accept.orange{
  background-color: rgb(186, 122, 3);
  border:orange;
  color:white;
}
.btn-accept.red{
  background-color: rgb(214, 7, 7);
  border:rgb(214, 7, 7);
  color:white;
}
.btn-accept.purple{
  background-color: rgb(104, 1, 104) ;
  border:purple;
  color:white;
}
.btn-accept.pink{
  background-color: blue;
  border:blue;
  color:white;
}
.btn-accept.margin{
  margin-bottom:  5px;
}
.static{
  padding:20px;
}
.static{
  font-size:20px;
}
.static .total span.number{
  padding: 4px 10px 3px 10px;
  color:white;
  background-color: #5cb85c;
  border-radius: 5px;
}
.static .day span.number{
  padding: 4px 10px 3px 10px;
  color:white;
  background-color: #4E73E0;
  border-radius: 5px;
}

.member{
  max-width:50%;
}
.color-box{
  width:20px;
  height:20px;
  display: inline-block;
  vertical-align: bottom;
  border-radius: 5px;
}
.color-box.one{
  background-color: rgb(186, 122, 3);
}
.color-box.two{
  background-color: rgb(104, 1, 104) ;
}
.color-box.three{
  background-color: green;
}
.color-box.four{
  background-color: blue;
}
.mvm-aram-form .form-group{
    display:inline-block;
    margin-left:10px;
    
}
.spacer-separate{
  display: block;
  height:30px;
}
.display-form{
  display:none !important;
}
.error-field {
  border: 2px solid red;
}
#dateError1, #dateError2,#dateError3,#dateError4,#dateError5,#dateError6,#dateError7,#dateError8{
  position: absolute;

}

.download-btn{
    color: #fff;
    background-color: #64b159;
    border-color: #64b159;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 10px 10px 6px 10px;
    margin-bottom: 0;
    font-weight: 400;
}
.download-btn i{
  font-size: 18px;
  line-height: 40px;
}
.download-btn:hover {
  color: #fff;
  background-color: #5aa64e;
  border-color: #5aa64e;
}
.running{
  display: block;
  text-align: center;
}
.running span{
  margin: auto;
  font-size: 16px;
}
.sender-mail{
  margin-top:10px;
}
.sender-mail i{
  font-size: 18px;
}
.upload-btn{
  color: #fff;
  background-color: #009bd6;
  border-color: #009bd6;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 10px 10px 6px 10px;
  margin-bottom: 0;
  font-weight: 400;
}
.upload-btn i{
  font-size: 18px;
  line-height: 40px;
}
.upload-btn:hover {
  color: #fff;
  background-color: #00719c;
  border-color: #00719c;
}

.delete-btn{
  color: #fff;
  background-color: #bc0f0f;
  border-color: #bc0f0f;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 10px 10px 6px 10px;
  margin-bottom: 0;
  font-weight: 400;
}
.delete-btn i{
  font-size: 18px;
  line-height: 60px;
}
.delete-btn:hover {
  color: #fff;
  background-color: #a30606;
  border-color: #a30606;
}

.email-template button{
  width:150px;
  height:90px;
  margin-bottom:10px;
  background:rgb(0, 145, 255);
  color:white;
  font-weight: 600;
  border:none;
  border-radius: 10px;
  padding:5px;
}
.email-template button:hover{
  background-color: white;
  color:rgb(0, 145, 255);
  border:1px solid rgb(0, 145, 255);
}
.email-template .red-bg button{
    background-color:#EA4335;
}

.email-template .blue-bg button{
    background-color:#001367;
}

.email-template .green-bg button{
    background-color:#008000;
}
.email-template .red-bg button:hover{
    color:#EA4335;
    background-color: white !important;
    border:1px solid #EA4335;
}
.email-template .blue-bg button:hover{
     background-color: white !important;
     border:1px solid #001367;
     color:#001367;
}
.email-template .green-bg button:hover{
    background-color: white !important;
    color:#008000;
    border:1px solid #008000;
}
.panel .slidedown .glyphicon,
.chat .glyphicon {
  margin-right: 5px;
}

.login-panel {
  margin-top: 25%;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee !important;
}
.show-grid {
  margin: 15px 0;
}
.huge {
  font-size: 40px;
}

.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
.panel-green {
  border-color: #5cb85c;
}
.panel-green > a {
  color: #5cb85c;
}
.panel-green > a:hover {
  color: #3d8b3d;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}

label.error{
  color: red;
}

#export-section{
 text-align: right;
  margin-bottom: 20px;
}

/* Custom */


.status-container .label{
  font-size:14px !important;
}
.status-container .label-danger{
  background-color: #F6BC05 !important;
}
.status-container .label-info{
  background-color: #009bd6 !important;
}
.status-container .label-success{
  background-color: #44A853 !important;
}
.status-container .label-sent{
  background-color: #4285F4 !important;
}
.status-container .label-hours{
  background-color: #FF0000 !important;
}
.status-container .label-pay{
  background-color: rgb(57, 155, 22) !important;
} 
.btn-pdf{
  background-color: #b52b27;
}
.btn-pdf i{
  color: white;
}
.additional-passenger-count{
  font-weight: bold;
  padding:5px;
  display: block;
  text-align: center;
  font-size:16px;
}

.copyable:hover {
  cursor: pointer; /* Az egér kurzorának megváltoztatása pointerre */
}
@keyframes fadeBackground {
  0% {
    background-color: rgba(2, 138, 2, 0.5); /* Fade-zöld szín */
    
  }
  100% {
    background-color: transparent;
  }
}
.fade-green-background {
  animation: fadeBackground 3s ease; /* 1 másodpercig tartó animáció */
}
.email-button-container a{
  max-width: 50px;
  margin: auto;
}
.email-button-container{
  text-align: center;
}

.filter-form label{
    margin-left:20px;
    margin-right:5px;
}
.filter-form select{
    margin-right:20px;
}

/* Make buttons in the same row appear side by side */
.btn-group-div {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.btn-group-div div {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.btn-group-div .btn {
    margin-bottom: 0;
}

/* Remove br tags effect in button containers */
.btn-group-div br {
    display: none;
}

.btn.btn-secondary{
    background-color: #5f5f5f;
    border-color: #5f5f5f;
    color:white;
}