@charset "utf-8";

/* CSS Document */

@font-face {
    font-family: 'Assistant';
    src: url('/templates/appuntamenti2025/webfonts/Assistant-Bold.eot');
    src: url('/templates/appuntamenti2025/webfonts/Assistant-Bold.eot?#iefix') format('embedded-opentype'),
        url('/templates/appuntamenti2025/webfonts/Assistant-Bold.woff2') format('woff2'),
        url('/templates/appuntamenti2025/webfonts/Assistant-Bold.woff') format('woff'),
        url('/templates/appuntamenti2025/webfonts/Assistant-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Assistant';
    src: url('/templates/appuntamenti2025/webfonts/Assistant-Light.eot');
    src: url('/templates/appuntamenti2025/webfonts/Assistant-Light.eot?#iefix') format('embedded-opentype'),
        url('/templates/appuntamenti2025/webfonts/Assistant-Light.woff2') format('woff2'),
        url('/templates/appuntamenti2025/webfonts/Assistant-Light.woff') format('woff'),
        url('/templates/appuntamenti2025/webfonts/Assistant-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Assistant-Regular';
    src: url('/templates/appuntamenti2025/webfonts/Assistant-Regular.eot');
    src: url('/templates/appuntamenti2025/webfonts/Assistant-Regular.eot?#iefix') format('embedded-opentype'),
        url('/templates/appuntamenti2025/webfonts/Assistant-Regular.woff2') format('woff2'),
        url('/templates/appuntamenti2025/webfonts/Assistant-Regular.woff') format('woff'),
        url('/templates/appuntamenti2025/webfonts/Assistant-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


#calendardivleft .btn {
    padding: 8px 10px;
}

.calendarView-employee a::after {content:url("/templates/divina2020/images/icon-divina-black.png"); 
  position:absolute; 
  z-index:100000;  display: block; width:20px; height: 20px;
  left:20px;
  top:10px;}

.calendar_date_numbers .btn {width:60%}

.headercalendar {font-size:20px !important; color:#000}


.btn-info select {margin-bottom: 0; border-radius:0 !important; border:0 !important  }

.btn-info input[type="button"] {}

.btn-info {background: #dbdbdb}
.btn-info:hover {background: #dbdbdb}


@media (min-width: 1200px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 100% !important;
    }
}

.addtocartbtn {background: #333; color:#fff; border-radius: 0; border:0; padding: 5px 10px; margin-top: 30px; }
.addtocartbtn:hover {background: #000; }
.sub_header a {color:#000 !important; text-decoration: none}
.bookingformdiv {}
.sub_header {background: transparent}
ol.vbo-stepbar li.vbo-step-current::before {background-color:#7BA1EB !important}
ol.vbo-stepbar li.vbo-step-complete, ol.vbo-stepbar li.vbo-step-current {border-bottom: 4px solid #7BA1EB !important}
.cover_container {height: 400px; position: relative}

.cover_container p {font-size:18px !important; margin-top: 20px; color:#fff; }
.bg_cover {position: absolute; left: 0; top:0; object-fit: cover; width: 100%; height: 100%; z-index: -1}
.cover_container_text {position: absolute; left: 0; top:130px; width: 40%; padding: 15px; color:#fff; font-family: 'Assistant-Regular' !important;}
.cover_container_text h1 { color:#fff !important; font-size:32px}
.employee_timeslots {padding: 10px}
.calendarView-date, .calendarView-employee a, .header_calendarview, .calendar-center-arrow, .input-append a, .input-append select, .vbp-step span, .available_information, #summary_1_1, .headercalendar, .btn, .linedetails label, .linedetails strong, .orderdetailsheader { font-family: 'Assistant-Regular' !important;}
.footer_half {width: 50%; float:left}
.employeetabs {padding: 10px}

.row-fluid .span6 {width: 50% !important}

.available_information {width:90%; border:0 !important}

.orderdetailsheader .row-fluid  {margin-bottom: 10px}

td.header_calendar, .headingline { font-family: 'Assistant-Regular' !important;}

.row-fluid [class*="span"] { margin-left: 0%; }

.btn-success {
	padding:10px 20px !important;
    color: #ffffff;
    text-shadow: 0;
    background-color: #000 !important;
 background-image: linear-gradient(to bottom, #000000, #000000);
    border: 0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}



.calendarView-date {font-weight:bold;}
.calendarview_td_date .disabled {background:#dbdbdb !important; }
.calendarView-date {
    color: #000;  font-family: 'Assistant';
} 

.available_information {color:#000; font-size:16px!important; padding: 20px !important; margin-top: 10px; min-height: auto !important}

.bookingformdiv  {border:0 !important}

.vbo-stepbar {display: flex !important; justify-content: center; align-items: center}

.btn-info {border:0; }

.employee_link, .span5, .timeslots label, #serviceTime, #serviceStaff, .div_service_name, .vbo-step, .sub_header, #calendarTable td:before, #employeeWorkTable td:before, #adminCalendarTable td:before, #orderHistoryCalendar td:before, #backendCalendar td:before  {font-family: 'Assistant'; }
 
.calendar-center-arrow {margin-bottom:10px }
.header_container p {font-size: 16px; color:#fff; font-family: 'Assistant'; }

.logo {z-index: 99999; width: 180px; padding: 10px; margin-left: 20px}

.calendar-center-arrow  {font-size:24px}
.header_calendarview {background: #000 !important; color:#fff !important; margin: 1px; border: 2px solid #fff !important }

.calendar-right-arrow svg, .calendar-left-arrow svg {fill:#000}
.osbpage-header {display: none}

.calendarView-employees .calendarView-employee {
    background: #3973b9;  padding: 8px; position: relative
	
}

.btn {border:0 !important; border-radius:0;}

.calendarView-employee  a {color:#fff !important; text-decoration: none; padding: left:30px}
.calendarview_td_date .disabled .calendarView-date {
    color: #333;
} 

header {position: absolute; left: 0; width: 100%}

.footer_contact h2 {margin-left: 25px}

.calendarview-div-rounded {border:0 !important}

.loginform {padding: 10px}

@media screen and (max-width: 1100px) {

	.cover_container_text {width: 75%; font-size:16px !important;}
}
@media screen and (max-width: 768px) {
	header {position: relative !important; background: none !important}
	.logo {
    width: 150px;
	}
	#ordersTable td, #employewordstable td, #orderhistorytable td, #listServicesTable td{width: 95%}
	.footer_half {width: 100%; float:left}

	.orderdetailsheader {overflow-x: hidden}
	
	#confirmSubmit {margin-top: 30px}
	
	.formError {left: 150px !important}
	
	.linedetails input, 	.linedetails textarea, select.form-select {width: 100% !important}
	#order_phone {width: 96% !important}
	
	[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {float: left}
	.vbp-step span, .vbo-step span {font-size:13px}
	
	.cover_container p {width: 85%; font-size:14px !important;}
	.bg_cover {object-position: 90%}
    body {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
	
.calendarView-employees {paddint-top:30px !important}
	
	header { position: relative !important; left: 0; width: 100%;}

}