/*
  Author: ES
  Version: 1.01
  File: Override Main CSS File
*/

body, label {
  /* font-family: "Roboto", sans-serif; */
}

.header-title {    
  /* font-weight: 600; */
}

label {    
  font-weight: 600;
  color: #49525d;
}

button, input[type=checkbox]:hover, input[type=radio]:hover { 
  cursor: pointer;
}

.table_cells_odd {
  background-color: #f0f0f0;
}

.table_cells_even {}

a.page-previous {
  padding-right: 30px;
}

a.page-next {}

/******************************************/
/*      Login / Forget Password Page      */
/******************************************/

.page-login .account-copyright footer,
.page-register .account-copyright footer,
.reset-password .account-copyright footer,
.forget-password .account-copyright footer {
  left: 0;
}

/******************************************/
/*              Welcome Page              */
/******************************************/

.widget-chart-two .widget-chart-two-content {
  width: 50%;
}

.widget-chart-two .widget-chart-two-content p.text-muted {
  text-align: end;
}

/******************************************/
/*          Request Service Page          */
/******************************************/

form .main {
/*border-style: solid;*/
 /* background-color:#e5e5e5; */
  float:left;
  width:50%;
  padding:0 20px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: black;
  font-weight: 700;
}

form .right {
/*border-style: solid;*/
  /* background-color:#e5e5e5; */
  float:left;
  width:50%;
  padding:0 15px;
  margin-top:7px;
  text-align:left;
  color: black;
  font-weight: 700;
}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
 form .main, form .right {
    width:100%;
  }
}

.clear {
	display: block;
	clear: both;
	width: 100%;
}

form label {
	float: left;
	width: 250px;
	margin-bottom: 5px;
	margin-top: 5px;
}

form button {
	margin-top: 65px;
}

/******************************************/
/*        View Service Details Page       */
/******************************************/

/* .page-view table.table2rows {
  width: 100%;
  display: block; // Κάνουμε το table block για να εφαρμόσουμε grid
}

.page-view table.table2rows tbody {
  display: grid;
  grid-template-columns: 1fr 1fr; // Ορίζουμε 2 στήλες ίδιου πλάτους
  gap: 10px; // Προαιρετικό: προσθέτουμε κενά μεταξύ των κελιών
}

.page-view table.table2rows tr {
  display: block;
}

.page-view table.table2rows td {
  display: block;
  width: 100%;
  box-sizing: border-box;
} */

p.button-wrapper span.edit-customer {
  float: inline-end;
}

/******************************************/
/*   Calendar Page - DayPilot Calendar    */
/******************************************/

.calendar-parent {
  display: flex;
}

#navCalendar {

}

/* Selects the second element of div siblings */
/* #dpCalendar > div:nth-child(2) {
  height: 100% !important;
} */

/******************************************/
/*      Service/Customer Search Page      */
/******************************************/

body.page-customer-search form,
body.page-service-search form {
  margin: 40px auto;
  text-align: center;
}

body.page-customer-search input,
body.page-service-search input {
  min-width: 300px;
}

body.page-customer-search button,
body.page-service-search button {
  margin-top: 0px;
}

/******************************************/
/*          Change Password Page          */
/******************************************/

body.change-password form div.form-group {
  margin-bottom: 2em;
}

body.change-password form div.form-group label.col-form-label {
  flex: 0 0 32%;
  max-width: 32%;
}

body.change-password form div.form-group div.col-10 {
  flex: 0 0 67%;
  max-width: 67%;
}

body.change-password input.form-control {
  display: inline-block;
  width: 100%;
}

body.change-password label:hover {
  cursor: pointer;
}

body.change-password form button {
  margin-top: 3em;
}

/******************************************/
/*          Reset Password Page           */
/******************************************/

body.reset-password form label {
  width: 100%;
}




/******************************************/
/**     SECTION: Password Toggle Icon    **/
/******************************************/

.password-toggle-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
}

.password-toggle-icon i {
  font-size: 18px;
  line-height: 1;
  color: #333;
  transition: color 0.3s ease-in-out;
}

body.page-login .password-toggle-icon i {
  margin: 23px 16px 0 0;
}

body.reset-password .password-toggle-icon i {
  margin: 34px 16px 0 0;
}

body.change-password .password-toggle-icon i {
  margin: 0 16px 0 0;
}

.password-toggle-icon i:hover {
  color: #000;
}


/*****************************************************/
/** SECTION: Remove Arrows/Spinners from input tags **/
/*****************************************************/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}