/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

body {
  min-height: 800px;
  padding-top: 90px;
  color: #444444;
}

nav .container {max-width:100%; }
.navbar { width:100%; background-color: #b4f5d2; }
.navbar-nav { float:right; }
.navbar-default .navbar-nav > .active > a { background-color: #68dc73; }
/*.navbar-brand { padding: 0px 15px; }*/
.navbar-default .navbar-toggle { background-color: #b4f5d2; color: #68dc73; border-color: #68dc73;}
.navbar-default .navbar-toggle:hover { background-color: #68dc73; color: #b4f5d2; border-color: #b4f5d2; }
.navbar-default .navbar-toggle .icon-bar { background-color: #cccccc; }

.submenu { width:100%;margin:0px;padding:3px 25px;display: none; background-color: #e4f5f2; color:#68dc73; border-top: 1px solid #c8fcd3;}

.btn { background-color: #68dc73; }
.btn-primary { border-color: #78ec83; }

.jumbotron { background-color: #b4f5d2;}

.home-container { background-color:#fff;padding:10px; }

.text-bold {font-weight: 700; } 

fieldset { margin:15px 0px;}

footer { position:relative; width:100%; bottom: 0px; background-color: #b4f5d2; padding: 10px; color: #888888; border-top: 1px solid #c8d3fc;margin-top:50px;}
footer a { color: #888888; text-decoration: none;}
footer a:hover { color: #888888; text-decoration: none;}
footer .fa-heart { color: #dc7368;}

@media screen and (min-width: 320px) {
}

@media screen and (min-width: 480px) {
}

@media screen and (min-width: 768px) {
	.submenu { display: block; }
    body {
	  padding-top: 150px;
    }
}

@media screen and (min-width: 992px) {
	nav .container li span { display: block; text-align: center;}
}

@media screen and (min-width: 1400px) {
    body {
	  padding-top: 100px;
    }
    .container { width: 100%; max-width: 100%; }
}

@media screen and (min-width: 1600px) {
	nav .container li span { display: inline; text-align: left;}
}

@media screen and (max-width: 1400px) {
    body {
	  padding-top: 170px;
    }
}

/*****************************jquery ui autocomplete menu*********************************/
.ui-helper-hidden-accessible{ display:none}
.ui-autocomplete{ 
	background:#fff; 
	width:245px; 
	padding:5px 20px !important;    
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	border:3px solid #bebebe} 
	
/*.ui-menu-item{list-style: none; border:none; margin-bottom:10px; cursor:pointer; border-bottom: 1px solid #ccc;  padding-bottom: 10px; padding-top: 10px;}
.ui-corner-all { display:block; overflow:hidden; font-size: 10px !important; text-transform:lowercase !important; text-align:left; font-weight:700; color: #999}
.ui-corner-all img{ margin:0 15px 0 0 !important}
.ui-autocomplete .ui-state-hover, 
.ui-autocomplete  .ui-widget-content .ui-state-hover, 
.ui-autocomplete .ui-widget-header .ui-state-hover, 
.ui-autocomplete  .ui-state-focus, 
.ui-autocomplete .ui-widget-content .ui-state-focus, 
.ui-autocomplete .ui-widget-header .ui-state-focus {  color: #4940da/*{fcHover}; }*/
.ui-autocomplete .ui-state-hover a, 
.ui-autocomplete .ui-state-hover a:hover {  color: #999/*{fcHover}*/; text-decoration: underline !important; }
.ui-autocomplete .ui-state-active, 
.ui-autocomplete .ui-widget-content .ui-state-active, 
.ui-autocomplete .ui-widget-header .ui-state-active { color: #4940da/*{fcActive}*/; }
.ui-autocomplete .ui-state-active a, 
.ui-autocomplete .ui-state-active a:link, 
.ui-autocomplete .ui-state-active a:visited { color: #4940da/*{fcActive}*/; text-decoration: none; }
.ui-autocomplete .ui-widget :active { outline: none; }
/*****************************jquery ui autocomplete menu*********************************/

#previsto_dal_ora, #previsto_dal_min, #previsto_al_ora, #previsto_al_min { font-size: 0.8em; }

.planner_turno {text-align:center; padding: 10px 5px; background-color:#68dc73;z-index:999;}



/*****************************jquery multiselect*********************************/

.ms-container{
  background: transparent url('/images/switch.png') no-repeat 50% 50%;
  /*width: 370px;*/
  width: 90%;
}

.ms-container:after{
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}

.ms-container .ms-selectable, .ms-container .ms-selection{
  background: #fff;
  color: #555555;
  float: left;
  width: 45%;
}

.ms-container .ms-list{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  height: 200px;
  padding: 0;
  overflow-y: auto;
}

.ms-container .ms-selectable{
  margin-right: 10%;
}

.ms-container .ms-list.ms-focus{
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
}

.ms-container ul{
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.ms-container .ms-optgroup-container{
  width: 100%;
}

.ms-container .ms-optgroup-label{
  margin: 0;
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #999;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
  border-bottom: 1px #eee solid;
  padding: 2px 10px;
  color: #555;
  font-size: 14px;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #08c;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled{
  background-color: #eee;
  color: #aaa;
  cursor: text;
}

/*****************************jquery multiselect*********************************/

.fc-day-number {font-size:2em;color:black;}