// html *
// {   
//   font-family: Roboto !important;
// }
body {
  font-family: 'Roboto', sans-serif;
  padding:0;
}


.icons {
  
}
.pdf-icon {
  margin-right:50px;
}
.page {
  margin: 10px 0
}

.wrapper {
  max-width: 1320px;
  margin: 0 auto;
  position: relative;
  padding: 0 10px;
  min-height: 600px;
}

.content-wrapper {
  float: left;
  width: 30%;
 position:fixed;
}

.content {
  margin-right: -320px;
  clear: both;
  overflow: auto;
  background: #1abc9c;
  background: rgba(26,188,156, 0.4);
  min-height: 600px;
}


.sidebar {
  position: relative;
  width: 570px;
  margin-left: -320px;
  float: right;
  overflow: hidden;
  color: #eee;
  min-height: 600px;
  
}

.box-left {
  width: 240px;
  height: 190px;
  padding-left:10px;
  padding-right:10px;
  margin-left:50px;
  background-color: #f8f8f8;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,dfe5d7+40,b3bead+100;Wax+3D+%233 */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+14,e1e1e1+100 */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px 0px 30px 30px;
  border-radius: 0px 0px 30px 30px; 
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  padding-top:0;
  -webkit-box-shadow: 0px 6px 25px -2px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 6px 25px -2px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 6px 25px -2px rgba(50, 50, 50, 0.75);
  border:1px solid #c5c5d0;
}

.box-right {
  width: 240px;
  height: 190px;
  margin-left: 1.5em;
  margin-right: 0;
  padding-bottom:8px;
  background-color: #f8f8f8;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px 0px 30px 30px;
  border-radius: 0px 0px 30px 30px;
  -webkit-box-shadow: 0px 6px 25px -2px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 6px 25px -2px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 6px 25px -2px rgba(50, 50, 50, 0.75);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+100 */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
  border:1px solid #c5c5d0;
}
.vcenter {
  display: inline-block;
  vertical-align: middle;
  width:240px;
  float: none;
  top:0;
  padding-bottom:35px;
  margin-left:0;
  margin-top:0px;
}
.vcenter p {
  margin: 0;
}
.after-box {
  clear: left;
}

.btn-box-right {
  width: 240px !important;
  margin-left: 1.5em !important;
}
#normal{
    background-color: #fff;
    color:#555;
    font-size:13px;
    font-weight:300;
}
.label-default {
    background-color: #fff;
    color:#555;
    font-size:13px;
    font-weight:500;
}
label {
    display: inline-block;
    font-weight: 100!important;
    margin-bottom: 5px;
    max-width: 100%;
    color:#333;
}
.list-group-item {
    border:transparent;
    display: block;
    margin-bottom: -1px;
    padding: 0px 0px;
    position: relative;
    
}
hr.style1{
  border-top: 1px solid rgb(153, 52, 0);
  margin-right: 20px;
  margin-left: 20px;
}


hr.style2 {
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom:10px;
  padding: 0;
  border-top: 1px solid #cdcdcd;

}

hr.style3 {
  border-top: 2px solid #888;
  margin:10px;
  margin-left:50px;

}

hr.style4 {
  border-top: 2px solid #888;
  margin-right:10px;
  margin-bottom:10px;
  margin-left:50px;
  margin-top:50px;

}
{
  color:#333;
}
#paypal{
  background-color: transparent;

  margin:0;
  padding:0;
}
p.credit{
  text-transform: lowercase; 
  color:#555;
  font-weight:100;
  ;
}
p.credit:first-letter{
  text-transform: uppercase; 
  color:#333
  ;
}
.checkbox label, .radio label {
    display: inline-block;
    left: 10px!important;
    position: relative;
    vertical-align: middle;
    width: 180px;
    font-size: 13px
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    margin-left: 30px;
    position: absolute;
}
.modal-header{
  border-bottom: 1px solid rgb(153, 52, 0);
  margin-right: 20px;
  margin-left: 20px;
}
.navbar-default{background: transparent;}

.min-width-290 {
  min-width: 290px !important;
}

.thumbnail{
  background-color: transparent;
  border-color:transparent;
  min-width:270px;
}
.thumbnail .caption{
  background-color: #f8f8f8;
  -moz-border-radius: 0px;
    -webkit-border-radius: 0px 0px 30px 30px;
    border-radius: 0px 0px 30px 30px; 
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
    padding-bottom:16px;
}

.selectpicker{
    min-width: 150px;
}

.service_button{
    margin-top: 20px;
}

.service_title{
    padding-left:0px;
}

.service_period{
    font-weight: 100;
}

.border_red{
    height: 1px;
    background-color: rgb(153, 52, 0);
}

.prosegui .modal-body{
    padding-left: 20px;
    padding-right: 20px;
}


.availability .square{
    width: 20px;
    height: 20px;
    position: absolute;
}

.availability .square.not_available{
    background:#d11229;
}

.availability .square.available{
    border: 2px solid #878787;
}


.availability .square.user_choice{
    background:#f39200;
}

.bottom10{
    margin-bottom: 10px;
}

.top10{
    margin-top: 10px;
}

.left10{
    margin-left: 10px;
}

.right10{
    margin-right: 10px;
}

span.service_go_next{
    color: #990000;
    font-size: 16px;
}

img.service_go_next_button{
    cursor: pointer;
}

.text{
    margin-left: 30px;
    margin-top: 3px;
    display:block;
    color: #6a6a6a;
    font-weight: 300;
}


#service{
    width:20px;
    position:relative;
    left: 300px; 

    vertical-align:middle; 
}
.timepicker{
  width:100px;
  border-radius:0;
}
.checkbox label, .radio label{  
    width:180px;       

    position:relative;
    
    display:inline-block;    
    vertical-align:middle; 
}
input[type="number"]{
  border-radius:0;
  width:50px;
}
input[name="start_time"],
input[name="stop_time"]{
    width:80px!important;
}
input[type=text]{
  border-radius:0;
padding-left:10px;
}
.date input[type=text]{
border-radius:0;
background: url(../img/web-clock.png) no-repeat scroll 12px 12px;
padding-left:30px;

}
button, input, optgroup, select, textarea {
    color: #333;
    font: inherit;
    
}


.input-group {
    display: inline-table;
    vertical-align: middle;
}
    .input-group-addon,
    .input-group-btn,
    .form-control {
        width: auto !important;
    }
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px;
}
#id_username{
  border-radius:0px;
  width:150px;
  height:27px;
  margin-left:-2px;
   margin-bottom:5px;
   margin-top:0px;
   background-color: #eeeeee
}
.date{
  background-color:#eeeeee
}
#id_password{
  border-radius:0px;
  width:150px;
  height:27px;
  margin-left:-2px;
   margin-bottom:0px;
   margin-top:5px;
   background-color: #eeeeee
}
td, th {
    border-bottom: transparent;}
input[type="submit"]{

  margin-left:15px;
  border-radius:0;
  width:80px;
  background-color: #f8f8f8;
  height:25px;
  color:(153, 52, 0);
  padding-bottom:20px;
  padding-top:0;
  margin-left:0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134134134", endColorstr="#c9c9c9");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cccccc), to(#dadada));
  background-image: -moz-linear-gradient(top, #cccccc, #dadada);
  background-image: -ms-linear-gradient(top, #dadada, #cccccc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #134134134), color-stop(100%, #c9c9c9));
  background-image: -webkit-linear-gradient(top, #dadada, #cccccc );
  background-image: -o-linear-gradient(top, #dadada, #cccccc);
  background-image: linear-gradient(#dadada, #cccccc);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px; 
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  border-color: #c7c3c4 #c7c3c4 hsl(0, 0%, 68.5%);
  color:#993400 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
  -webkit-font-smoothing: antialiased;
  


}

#avvia_prenotazione{

  border-radius:0;
  width:80px;
  background-color: #f8f8f8;
  height:25px;
  color:(153, 52, 0);
  padding-bottom:20px;
  padding-top:0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134134134", endColorstr="#c9c9c9");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cccccc), to(#dadada));
  background-image: -moz-linear-gradient(top, #cccccc, #dadada);
  background-image: -ms-linear-gradient(top, #dadada, #cccccc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #134134134), color-stop(100%, #c9c9c9));
  background-image: -webkit-linear-gradient(top, #dadada, #cccccc );
  background-image: -o-linear-gradient(top, #dadada, #cccccc);
  background-image: linear-gradient(#dadada, #cccccc);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px; 
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  border-color: #c7c3c4 #c7c3c4 hsl(0, 0%, 68.5%);
  color:#993400 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
  -webkit-font-smoothing: antialiased;

}
.btn-group:{
  width:10%;
}
.form-group{
    width:100%;}

.btn-crdt.btn-crdt {
  background-color: hsl(0, 0%, 79%) !important;
  background-repeat: repeat-x;
  width:80px;
  height:25px;  
  color:(153, 52, 0);
  margin-left:0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134134134", endColorstr="#c9c9c9");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cccccc), to(#dadada));
  background-image: -moz-linear-gradient(top, #cccccc, #dadada);
  background-image: -ms-linear-gradient(top, #dadada, #cccccc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #134134134), color-stop(100%, #c9c9c9));
  background-image: -webkit-linear-gradient(top, #dadada, #cccccc );
  background-image: -o-linear-gradient(top, #dadada, #cccccc);
  background-image: linear-gradient(#dadada, #cccccc);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px; 
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  border-color: #c7c3c4 #c7c3c4 hsl(0, 0%, 68.5%);
  color:#993400 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
  -webkit-font-smoothing: antialiased;
  padding-bottom:20px;
  padding-top:0;
  margin-top:0;
}
.form-control{
  width:100px;
}

.btn-crdt{
  
    display: inline-block;
    vertical-align: middle;
    float: none;
   

}
// .btn-prnt.btn-prnt {
//   margin-left:33%;
// }

.btn-prnt,
.options{
  
    display: inline-block;
    vertical-align: middle;
    float: none;

}

.btn-search.btn-search, .btn-prnt.btn-prnt, .btn-options.btn-options {
  background-color: hsl(0, 0%, 79%) !important;
  background-repeat: repeat-x;
  height:25px;
  width:80px;
  text-align:center;
  color:(153, 52, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134134134", endColorstr="#c9c9c9");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cccccc), to(#dadada));
  background-image: -moz-linear-gradient(top, #cccccc, #dadada);
  background-image: -ms-linear-gradient(top, #dadada, #cccccc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #134134134), color-stop(100%, #c9c9c9));
  background-image: -webkit-linear-gradient(top, #dadada, #cccccc );
  background-image: -o-linear-gradient(top, #dadada, #cccccc);
  background-image: linear-gradient(#dadada, #cccccc);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px; 
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  border-color: #c7c3c4 #c7c3c4 hsl(0, 0%, 68.5%);
  color:#993400 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
  -webkit-font-smoothing: antialiased;
  padding-bottom:20px;
  padding-top:0;

}
.btn-prnt, .btn-search{
  
    display: inline-block;
    vertical-align: middle;
    float: none;

}
.btn-custom{
  
    display: inline-block;
    vertical-align: middle;
    float: none;

}
.messages{
  font-size:13px;
  font-weight:700;
  color:rgb(153,52,0)!important;
}
.messages li{
  font-size:13px;
  font-weight:700;
  color:rgb(153,52,0)!important;
}
.btn-search.btn-search, .btn-custom.btn-custom {
  background-color: hsl(0, 0%, 79%) !important;
  background-repeat: repeat-x;
  height:25px;
  width:80px;
  margin-left:0;
  text-align:center;
  color:(153, 52, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134134134", endColorstr="#c9c9c9");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cccccc), to(#dadada));
  background-image: -moz-linear-gradient(top, #cccccc, #dadada);
  background-image: -ms-linear-gradient(top, #dadada, #cccccc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #134134134), color-stop(100%, #c9c9c9));
  background-image: -webkit-linear-gradient(top, #dadada, #cccccc );
  background-image: -o-linear-gradient(top, #dadada, #cccccc);
  background-image: linear-gradient(#dadada, #cccccc);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px; 
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  border-color: #c7c3c4 #c7c3c4 hsl(0, 0%, 68.5%);
  color:#993400 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
  -webkit-font-smoothing: antialiased;
  padding-bottom:20px;
  padding-top:0;

}
.page-header{
 margin-top:24px;
 margin-bottom:0px;
 border-bottom:transparent;}



.btn-post li {
  margin-left:0;
}
.btn-post{
  background-color: #f8f8f8;
  width:225px;
  height:30px;
  color:(153, 52, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134134134", endColorstr="#c9c9c9");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cccccc), to(#dadada));
  background-image: -moz-linear-gradient(top, #cccccc, #dadada);
  background-image: -ms-linear-gradient(top, #dadada, #cccccc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #134134134), color-stop(100%, #c9c9c9));
  background-image: -webkit-linear-gradient(top, #dadada, #cccccc );
  background-image: -o-linear-gradient(top, #dadada, #cccccc);
  background-image: linear-gradient(#dadada, #cccccc);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px; 
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  border-color: #c7c3c4 #c7c3c4 hsl(0, 0%, 68.5%);
  color:#993400 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
  -webkit-font-smoothing: antialiased;
  


}
.btn-full{
  background-color: #f8f8f8;
  width:100%;
  height:35px;
  margin-top:0px;
  margin-bottom:0px;
  padding-bottom:0;
  margin-left:-10px;
  top:0;
  color:rgb(153, 52, 0);
  -moz-border-radius: 0px;

    -webkit-border-radius: 12px  12px  12px  12px;
    border-radius:  12px 12px  12px  12px; 
  -webkit-box-shadow: 0px 6px 25px -2px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 6px 25px -2px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 6px 25px -2px rgba(50, 50, 50, 0.75); 

  background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
border:1px solid #c5c5d0;
}
.btn-group:{
  width:100%;

}
.form-group{
    width:100%;}

.btn-custom.btn-custom {
  background-color: hsl(0, 0%, 79%) !important;
  background-repeat: repeat-x;
  height:25px;
  width:80px;
  color:(153, 52, 0);
  margin-left:0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#134134134", endColorstr="#c9c9c9");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cccccc), to(#dadada));
  background-image: -moz-linear-gradient(top, #cccccc, #dadada);
  background-image: -ms-linear-gradient(top, #dadada, #cccccc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #134134134), color-stop(100%, #c9c9c9));
  background-image: -webkit-linear-gradient(top, #dadada, #cccccc );
  background-image: -o-linear-gradient(top, #dadada, #cccccc);
  background-image: linear-gradient(#dadada, #cccccc);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px; 
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.04);
  border-color: #c7c3c4 #c7c3c4 hsl(0, 0%, 68.5%);
  color:#993400 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.69);
  -webkit-font-smoothing: antialiased;

}


.loginmodal-container input[type=text], input[type=password] {
  background:white;
  height: 30px;
  font-size: 16px;
  width: 170px;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.loginmodal-container input[type=submit] {
  display: block;
  margin-bottom: 10px;
  position: relative;
}
h4{font-size:16px;}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.carousel-inner{
  background-color:transparent;
}

.item:nth-child(1) {
    background: url(../img/speciale_ingegneri.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.item:nth-child(2) {
    background: url(../img/engineeringhightec.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
.item:nth-child(3) {
    background: url(../img/engineering-job.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.carousel {
    z-index: -99;
}
.carousel .item {
    position: fixed;
    width: 100%;
    height: 100%;
}
.title {
  text-align: center;
  margin-top: 0px;
  padding: 10px;
  color: #FFF;
}


#example{margin:0 auto;}
p{
  color: rgb(153, 52, 0);
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-bottom: 10px;
    margin-top: 10px;
}
h1{
  margin-left:50px;
 
}
h1, h3, h2, h4, h5, h6{
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 100;
  
  color:#000;
}
h1{
  margin-left:50px;
  color:#222;
}
h6{
  margin-bottom:5px;
  text-transform: lowercase; 
  font-size: 13px;
  font-weight:500;
  
}
h5{
  margin-bottom:5px;
  text-transform: lowercase; 
  font-size: 13px;
  font-weight:500;
  
}

h6:first-letter{
  text-transform: uppercase;  
  font-size: 13px;
}
h5:first-letter{
  text-transform: uppercase;  
  font-size: 13px;
  padding-left: 30px;
}
}
h2{
  top:10px;
  margin-top:0px;
  margin-bottom:0px;
}
h3{
  margin:0;
  padding-left:20px;
  padding-top:5px;
  padding-bottom:5px;}
.no-margin{
  font-family:'Roboto', sans-serif;;
  font-size: 12px;
  font-weight: 100;
  margin-left: 0px;
  color:#888
}
#pc_use_check{
  color:#333!important;
}


table {
  border: 1px solid #666;   
    width: 100%;
}
th {
  background: #f8f8f8; 
  border: 1px solid #666;
  font-weight: bold;    
    padding: 2px;
}

.modal-title.select_service{
    padding-top: 20px;
    padding-bottom: 0px;
    text-align: center;
    font-weight: 400;
}

#spinning_wheel{
    z-index: 1100;
    background: #000000;
    opacity: 0.33;
}

#spinning_wheel .modal-dialog{
    padding: 0;
    margin: 0;
    left: 50%;
    bottom: 50%;
    position: absolute;
}

#spinning_wheel .modal-dialog .modal-body{
    padding: 0;
    margin: 0;
}

.modal-content.spinning_wheel{
    box-shadow: 0px 0px 0px 0px;
    border: 0px;
    background-color: transparent;
}

.modal-content.spinning_wheel img{
    width:40px;
    height:40px;
}

#personDataTableHeader th{
    text-align: center;
    min-width: 55px;
    max-width: 55px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #b5b5b4;
}

#personDataTableHeader th:first-of-type{
    min-width: 80px;
    max-width: 80px;
}

#personDataTable td:first-of-type{
    font-size: 16px;
}

#personDataTable td{
    color: #000000;
    border: 1px solid #b5b5b4;
    text-align: center;
    min-width: 55px;
    max-width: 55px;
    height: 50px;
    line-height: 25px;
    cursor: pointer;
    vertical-align: middle;
    font-size: 20px;
}

#personDataTable td:first-of-type{
    min-width: 80px;
    max-width: 80px;
}

#personDataTable td.busy{
    background-color: #d11229;
}

#personDataTable td.booked{
    background-color: #f39200;
}

.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th{
    white-space:normal;
}

#personDataTableHeader{
    margin-bottom:0px;
    border: 0px;
}

.slimScrollBar{
    right: -15px !important;
}

.service_button.book{
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 0px;
}

.service_button.book.additional_services{
    width: 100px;
}

.service_button_container{
    text-align: center;
}

.modal_level_2{
    z-index: 1060;
}

.modal_level_2 .modal-body{
    text-align: center;
}

.modal-title{
    text-align: center;
}

.alert_popup{
    z-index: 1070;
}

.alert_popup .modal-body{
    text-align: center;
}

#ct_reservation td:not(:last-child){
    border-right: 1px solid #ddd;
}

#ct_reservation>tbody>tr>th{
    border-top:1px solid #666
}

#cancel_reservation{
    cursor: pointer;
}

#download_reservations{
    cursor: pointer;
}