* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
* { padding:0; margin:0; }

html {
    
}

html.theme-nordex,
html.theme-nordex-frontpage,
html.theme-nordex-frontpageonly-frontpage {
    background-image: url(/img/nordex/delta-transparent.gif);
    background-position: center bottom;
    background-attachment:fixed;
    background-size: 100%;
    background-repeat:no-repeat;
    height: 100%;
}

html.theme-nordex-frontpageonly {
    
}

html.theme-sunset,
html.theme-sunset-frontpage,
html.theme-sunset-frontpageonly-frontpage {
    background-image: url(/img/sunset/sunset-transparent.jpg); /* 009.Philip Schmiedel - GH-D K.-W.-Koog - Kronnprinzenkoog (DE)_02.jpg */
    background-position: center 80%;
    background-attachment:fixed;
    background-size: 100%;
    background-repeat:no-repeat;
}

html.theme-sunset-frontpageonly {
    
}

html.theme-sunset2,
html.theme-sunset2-frontpage,
html.theme-sunset2-frontpageonly-frontpage {
    background-image: url(/img/sunset2/sunset2-transparent.jpg); /* 010.SimonMason_Melbourne_Emu Downs Wind farm-Western Australia.jpg */
    background-position: center 80%;
    background-attachment:fixed;
    background-size: 100%;
    background-repeat:no-repeat;
}

html.theme-sunset2-frontpageonly {
    
}

html.theme-winter,
html.theme-winter-frontpage,
html.theme-winter-frontpageonly-frontpage {
    background-image: url(/img/winter/winter-transparent.jpg); /* 008.Oliver Kuehl - GH-D K.-W.-Koog- Ellhoeft 01.jpg */
    background-position: center 80%;
    background-attachment:fixed;
    background-size: 100%;
    background-repeat:no-repeat;
}

html.theme-winter-frontpageonly {
    
}

html.theme-towers,
html.theme-towers-frontpage,
html.theme-towers-frontpageonly-frontpage  {
    background-image: url(/img/default/wplanif-bg-transparent.jpg); /* source: http://en.wikipedia.org/wiki/File:Klondike_Wind_Farm.jpg */
    background-position: center 80%;
    background-attachment:fixed;
    background-size: 100%;
    background-repeat:no-repeat;
}

html.theme-towers-frontpageonly {
    
}

html.theme-wpred,
html.theme-wpred-frontpage,
html.theme-wpred-frontpageonly-frontpage {
    background-image: url(/img/wpred/white-background-vignette-wpred.png);
    background-position: center top;
    background-attachment:fixed;
    background-size: 100%;
    height: 100%;
    background-repeat:no-repeat;
}

html.theme-wpred-frontpageonly {
    
}


html.theme-wpred2,
html.theme-wpred2-frontpage {
    background-image: url(/img/wpred/white-background-vignette-wpred.png);
    background-position: center top;
    background-attachment:fixed;
    background-size: 100%;
    height: 100%;
    background-repeat:no-repeat;
}

html.theme-wpred2-frontpage {    
    background-image: url(/img/sunset2/sunset2-transparent.jpg); /* 010.SimonMason_Melbourne_Emu Downs Wind farm-Western Australia.jpg */
    background-position: center 80%;
    background-attachment:fixed;
    background-size: 100%;
    background-repeat:no-repeat;
}


html.theme-bwts,
html.theme-bwts-frontpage,
html.theme-bwts-frontpageonly-frontpage {
    background-image: url(/img/bwts/bwts-transparent.jpg);
    background-position: center 50%;
    background-attachment:fixed;
    background-size: 100%;
    background-repeat:no-repeat;
    height: 100%;
}

html.theme-bwts-frontpageonly {
    
}

html.theme-bwts2,
html.theme-bwts2-frontpage,
html.theme-bwts2-frontpageonly-frontpage {
    background-image: url(/img/bwts/bwts-leistungen-transparent.jpg);
    background-position: center 50%;
    background-attachment:fixed;
    background-size: 100%;
    background-repeat:no-repeat;
    height: 100%;
}

html.theme-bwts2-frontpageonly {
    
}

html.theme-default {
    /* nothing for default */
}

body {
    font: 13px/20px normal Helvetica, Arial, sans-serif;
    color: #4F5155;
    background-color: transparent;
    overflow-x: hidden;
}

/*@media (min-width: 979px) {*/
  .topmost-container {
    padding-top: 40px;
  }
/*}*/

.scrollbar-measure {
   width: 100px;
   height: 100px;
   overflow: scroll;
   position: absolute;
   top: -9999px;
}

table {
   table-layout:fixed; width:100%;
}
table td {
   overflow: hidden;
   position:static;
}
table td.calendar-col {
   width: 100%;
   vertical-align:top;
   border-right:1px solid #DDD;
}

.datepicker {
   width: 250px;
   z-index: 100 !important;
}

.hidden {
    display: none;
}

#login .hero-unit {
   /*margin-left: 15%;
   margin-right: 15%;
   background-image: url(/img/windturbine01.gif);
   background-repeat: no-repeat;
   background-position: 95% 131px;
   background-color: rgba(221, 232, 220, 0.8);
   background-color: rgba(113, 201, 245, 0.75);*/
   background-color: rgba(204, 204, 204, 0.8);
   border-radius: 0;
   padding: 48px;
   margin-bottom: 12px;
}

.login-form-wrapper {
  padding: 24px 24px 18px; 
  margin: 0 auto; 
  background-color: rgb(0, 200, 243); 
  max-width: 675px;
}

#login-form {
  float: left;
  width: 100%;
  margin: 0;
}

#login .form-horizontal .control-group {
    margin-bottom: 6px;
}

#login .form-horizontal .controls {
    margin-left: 12px;
    float: left;
}

#login .form-horizontal .control-label {
    min-width: 75px;
    color: white;
    font-weight: bold;
    width: auto;
}

.theme-nordex #login {
   background-image: url(/img/nordex/logo.png);
   background-position: 95% 200px;
   background-size: 400px;
}

#login h1 {
   color: #737373;
}

.site-name-pretty {
  width:516px;
  margin:auto;
  text-align: right;
}

.site-name-pretty-label {
  color: rgba(245, 245, 245, 0.8);
  color: white;
  background-color: rgb(0, 200, 243);
  background-color: #4F5155;
  padding: 2px 10px;
  float: right;
  border-radius: 10px;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  bottom: 14px;
}

.site-name-pretty-hideable:hover .site-name-pretty-label-inner {
    display:none;
}

.landing-page-link {
    display: none;
}

.site-name-pretty-hideable:hover .landing-page-link {
    display: block;
}

.whats-new {
  text-align: center;
  margin-top: 18px;
  margin-bottom: 12px;
}

.new-badge {
  background-color: rgb(0, 200, 243);
  color: white;
}
.navbar .new-badge  {
  font-size: 9px;
  padding: 1px 2px 2px;
  position:relative;
  bottom: 8px;
  right: 5px;
}
.whats-new .new-badge { 
  font-size: 14px; 
  position:relative;
  font-weight: bold;
  left: 4px;
  padding: 3px 6px 2px;
}

.whats-new .changelog-link {
    color: rgb(0, 200, 243);
    font-weight: bold;
    background-color: white;
    padding: 3px 6px 2px;
    font-size: 14px;
}
.whats-new a.changelog-link {
    text-decoration: underline;
}
.whats-new a.changelog-link:hover {
   text-decoration: none;
}

@media (min-width: 1600px) {
  #login .hero-unit {
    padding: 72px;
  }

  .whats-new {
    margin-top: 36px;
  }
}

.frontpage .container-fluid {
  padding: 0;
}

.frontpage .navbar .container-fluid {
  padding: 0 20px;
}

.frontpage body {
  padding-top: 10%;
}

.navbar .brand.wplanif-brand {
    /*background-image: url('/img/favicon/favicon-32x32.png');
    background-repeat: no-repeat;
    background-position: 15px 3px;*/
    padding: 9px 15px 0px 12px;
    height: 40px;
    position: relative;
    bottom: 0px;
    left: 1px;
    /* border-bottom-left-radius: 24px; */
    /* border-bottom-right-radius: 6px; */
    border-top: none;
    border-left: 0;
}
.navbar .brand.wplanif-brand:hover {
    background-color: rgba(204, 204, 204, 0.1);
    background-color: rgba(113, 201, 245, 0.25);
}
.navbar .number-of-selected-sites {
    color: #71C9F5;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    left: -3px;
}
.navbar .brand.wplanif-brand .brand-text-container {
}
.navbar .brand.wplanif-brand:hover .brand-text-container {

}
.navbar .brand.wplanif-brand .brand-text {
    visibility: hidden;
    opacity: 0;
    transition:opacity 0.5s linear;
}
.navbar .brand.wplanif-brand:hover .brand-text {
    visibility: visible;
    opacity: 1;
}
.nav#filters-dropdowns,
.nav#top-nav-right-controls {
    visibility: hidden;
}
.dropdown-menu.selectable a {
	padding: 3px 30px;
}

#filters-dropdowns.too-many-filters a.dropdown-toggle {
    padding: 10px 6px 10px;
    font-size: 12px;
}

.selected-region {
    padding-left: 20px;
    background-image: url("../img/glyphicons-halflings.png");
    background-position: -288px 0;
}

.dropdown-menu a.active:before {
	padding-left: 20px;
	margin-left: -20px;
	content: "";
	background-image: url("../img/glyphicons-halflings.png");
	background-position: -288px 0;
  position: relative;
  left: 2px;
}

.dropdown-menu a:hover.active:before, 
.dropdown-menu a:active.active:before, 
.dropdown-menu a:focus.active:before {
  background-image: url("../img/glyphicons-halflings-white.png");
}

.dropdown-menu .divider {
	border-color:#DDD;
}

.dropdown-menu-group-header {
  margin: 0px 0 0px 0;
  padding: 5px 0 3px 10px;
  border-top: 2px solid #666;
  border-bottom: 2px solid #666;
  font-weight: bold;
  overflow: auto;
}
.dropdown-menu-group-header:first-child {
  border-top:0;
}
.dropdown-menu-group-header input, .dropdown-menu-group-header span {
  float:left;
}
.dropdown-menu-group-header span {
  padding-left:5px;
}
.site-name-in-filter,
.choice-description-item {
    font-size: 11px;
    margin-left: 8px;
    color: #999;
    float: left;
}
a:hover .site-name-in-filter,
a:active .site-name-in-filter,
a:focus .site-name-in-filter,
a:hover .choice-description-item,
a:active .choice-description-item,
a:focus .choice-description-item {
    color: white;
}
.assignee-group-name-in-filter,
.client-name-in-filter {
    float: left;
    
}
.site-names-for-assignee-group,
.site-names-for-client {
    padding-bottom: 5px;
    min-width: 300px;
    max-width: 550px;
    float: left;
}
.dropdown-menu.big-link-dropdown-menu li,
.dropdown-menu.big-link-dropdown-menu a {
    float: left;
}
.dropdown-menu.big-link-dropdown-menu li.divider,
.dropdown-menu.big-link-dropdown-menu li.select-all,
.dropdown-menu.big-link-dropdown-menu li.select-none {
    width: 100%;
    clear: left;
    margin-left: 0px;
    margin-right: 0px;
}
.dropdown-menu.big-link-dropdown-menu li.select-all a,
.dropdown-menu.big-link-dropdown-menu li.select-none a {
    width: 100%;
}
.dropdown-menu.big-link-dropdown-menu a.active:before {
    float: left;
    height: 22px;
}
.height-restrained {
  max-height:320px;
  overflow-y:auto;
}
.workflow-state-selector .height-restrained {
  max-height: 385px;
}
.child-task-form .height-restrained {
  max-height: 295px;
}
.nav-filter-menu .height-restrained,
.big-link-dropdown-menu.height-restrained {
  max-height: 525px;
}
.nav-filter-menu > .bland-dropdown > a.dropdown-toggle {
  float: none;
  padding: 10px 12px 10px;
  color: #555555;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
  display: block;
}
.navbar .nav {
  margin-right: 0;
}
.navbar .nav div.dropdown.open > .dropdown-toggle, .navbar .nav div.dropdown.open.active > .dropdown-toggle {
  color: #555555;
  background-color: #e5e5e5;
}

.nav-filter-menu > .bland-dropdown > a.dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.client-filter-dropdown {
    overflow-x: hidden;
}

#big-calendar {
   float: left;
   width: 100%;
   height: 400px;
}

#site-view-groups {
   float: left;
   width: 100%;
}

#fixed-header {
    position: fixed;
    top: 40px;
    width: 100%;
    background-color: #71C9F5;
    float: left;
    z-index: 20;
    height: 103px;
    
    border-bottom: 2px solid #71C9F5;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
    
    transition: height 0.25s linear;
}
#fixed-header.production-displayed {
  height:123px;
}
.edit-mode #fixed-header,
.multi-select-mode #fixed-header {
  height: 143px
}
.edit-mode #fixed-header.production-displayed,
.multi-select-mode #fixed-header.production-displayed {
  height: 163px
}

.left-time-navigation {
	width: 10%;
  height: 101px;
  float: left;
  background-color: #fdfdfd;
  padding-top: 24px;
}

.left-time-navigation button {
    height: 32px;
}

.left-time-navigation #pan-buttons {
	margin: 5px 0px 0px 5px;
	float: right;
}

@media (min-width: 1325px) {
    #more-zooms-for-mobile {
        display: none;
    }
}

@media (max-width: 1325px) {
    #zoom-buttons-for-desktop {
        display: none;
    }
    
    #pan-buttons button {
        width: 29%;
        padding-left: 1%;
        padding-right: 1%;
    }
    
    #pan-left-day {
        margin-left: 5%;
    }
    
    #pan-right-day {
        margin-right: 5%;
    }
    
    .left-time-navigation #pan-buttons {
        margin-left: 0px;
        width: 100%;
    }
}

.time-scale {
	padding: 44px 0px 5px 0px;
	top: 40px;
	width: 85%;
  height: 101px;
	float: left;
	overflow: hidden;
  background-color: #fdfdfd;
}

.right-time-navigation {
   width: 5%;
   height: 101px;
   float: left;
   padding-top: 24px;
   padding-left: 10px;
  background-color: #fdfdfd;
    transition: height 0.25s linear;
}

.production-displayed .right-time-navigation {
   height: 121px;
}

.right-time-navigation button {
	margin-top: 3px;
	padding-left: 3px;
	padding-right: 5px;
	height: 40px;
}

.right-time-navigation .dropdown-menu {
    right:10px;
    left:auto;
}

.right-time-navigation .dropdown-menu a{
    cursor: pointer;
}

#add-element {
    height: 12px;
    margin: 2px 0;
}

#choose-date, #today {
	height: 12px;
	margin: 2px 5px;
}

#choose-date > a, #add-element > a, #today a{
    font-size: 11px;
    cursor: pointer;
}

#choose-date .caret, #add-element .caret {
	position: relative;
	top: 9px;
}

#hidden-date {
	display: none;
	position: relative;
	bottom: 25px;
	left: 65px;
}

button#zoom-in-out {
	float: left;
	padding-left: 5px;
   padding-right: 5px;
   margin-top: 5px;
   margin-left: 0px;
}

#more-zooms {
    margin-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

#more-zooms .caret.standalone {
    margin:8px 4px 0;
}

#more-zooms-for-mobile {
    border-radius: 0px;
}

#more-zooms .caret.standalone {
    margin:8px 1px 0;
}

.years-scale {
	position: absolute;
	top: 43px;
}

.months-scale {
	position: relative;
	margin-top: 2px;
}

.weeks-scale {
   position: relative;
   margin-top: 2px;
}

.days-scale {
   position: relative;
   margin-top: 2px;
}

.time-scale .year {
   height: 34px;
   line-height: 34px;
   font-size: 34px;
   font-weight: bold;
   padding: 0px;
   overflow: hidden;
   
   color: rgb(226, 226, 226);
}

.time-scale .year.bigger-year {
	height: 58px;
   line-height: 60px;
   font-size: 60px;
}

.time-scale .month {
	position: relative;
   /*z-index: 2;*/
	height: 20px;
	line-height: 16px;
	font-size: 16px;
	padding: 0px 2px;
   overflow: hidden;
}

.time-scale .week {
   position: relative;
   /*z-index: 2;*/
   height: 14px;
   line-height: 10px;
   font-size: 12px;
   font-weight: bold;
   padding: 0px 2px;
   overflow: hidden;
}

.time-scale .day {
	position: relative;
   /*z-index: 2;*/
   height: 10px;
   line-height: 9px;
   font-size: 11px;
   font-weight: bold;
   padding: 0px 2px;
   text-align: left;
   overflow: hidden;
}
.formatted {
	position: relative;
	z-index: 1;
	color: black;
	font-weight: bold;
	/*opacity: 0.85;*/
   
}

.formatted:hover {
	background-color: white;
	opacity: 0.75;
    /*z-index: 0;
    cursor: default;*/
}

.time-scale .year:hover, 
.time-scale .month:hover, 
.time-scale .week:hover, 
.time-scale .day:hover {
   /*background-color: white;
   opacity: 0.5;*/	
}

.calendar-data-container {
   position:relative;
   border:1px solid #DDD;
}
.calendar-data-container .calendar-col-header div { text-align:right; color:#555; }
.calendar-data-container .calendar-col-header div.time {
   height:42px;
   border-bottom:1px solid #DDD;
}

.calendar-dates-container { margin:5px 0; }
.calendar-dates-container td  { border:1px solid #DDD; }
.calendar-dates-container td div { text-align:center; }

.event-gutter { position:relative; height:0; }
.event {
   position:absolute;
   background:#FEE;
   width:100%;
   cursor:pointer;
}
.event .dl { width:100%; }
.event .dt { }
.event .dd { }

/* Background - View 1 week */
.tg-swrapper { }
.tg-hourmarkers { position:absolute; }
.tg-markercell { height:42px; }
.tg-dualmarker { height:20px; margin-bottom:20px; border-top: 1px solid #DDD; border-bottom: 1px dotted #DDD; }
.tg-dualmarker-f { height:20px; margin-bottom:20px; border-bottom: 1px dotted #DDD; }
.tg-chipswrapper {
   line-height: 0;
   margin: 0 10px 0 1px;
   z-index: auto;
}

.version {
   margin: 20px;
   color: #D3D3D3;
   color: rgb(226, 226, 226);
   width: 158px;
   overflow: hidden;
   text-align: right;
   white-space: nowrap;
   font-family: monospace;
}

.version:hover {
   color: #333333;
}

.footer-links {
    float: left;
    padding: 20px;
}

.wplanif-calendar .footer-links {
    margin-left: 35%;
}

.wplanif-admin .footer-links {
    margin-left: 25%;
}

.frontpage .footer-links {
    float: none;
    position: fixed;
    bottom: 12px;
    text-align: center;
    width: 100%;
}


.footer-links a {
    color: #d4d4d4;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
}

.notifications {
   z-index: 100;
}

.content-container {
   /* background-color: #fafafa;
   background-color: rgba(250, 250, 250, 0.80); */
   background-color: rgba(250, 250, 250, 1);
   margin-bottom: 18px;
   padding-bottom: 18px;
   position:relative;
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
}

#tools-overlay {
   position: fixed;
   top: 40px;
   border-bottom: 2px solid #5bb75b;
   border-bottom-right-radius: 18px;
   -moz-border-bottom-right-radius: 18px;
   border-bottom-left-radius: 18px;
   -moz-border-bottom-left-radius: 18px;
   padding: 15px 15px 5px 15px;
   background-color: #f5f5f5;
   background-color: rgb(221, 232, 220);
   background-color: rgba(221, 232, 220, 0.95);
   /*z-index: 50;*/
   display: none;
}

#assignee-overlay {
   position: fixed;
    bottom: 0px;
    right:0px;
    width: 100%;
    border-top: 2px solid #f89406;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
    background-color: rgb(221, 232, 220);
    background-color: rgba(221, 232, 220, 0.95);
    padding-left: 10px;
    padding-right: 4px;
    padding-bottom: 4px;
    z-index: 25;
    
    display: none;
}

#assignee-overlay-toggle {
   margin-top: 5px;
   margin-bottom: 5px;
   margin-left: 5px;
}

#assignee-resize {
    height: 8px;
    margin-right: 50%;
    width: 35px;
    margin-top: 12px;
    margin-bottom: 4px;
    border-top: 2px solid #f89406;
    border-bottom: 2px solid #f89406;
    cursor: n-resize;
}

#options-overlay {
    position: fixed;
    bottom: 0px;
    right: 0px;
    height: 41px;
    width: 90px;
    padding: 8px;
    border-top: 2px solid #222222;
    border-left: 2px solid #222222;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
    background-color: rgb(221, 232, 220);
    background-color: rgba(221, 232, 220, 0.95);
    z-index: 30;
    
    display: none;
}

#options-toggle {
}

#options {

}

#select-all-service-point-sites {
    position: relative;
    top: 8px;
    left: 8px;
    padding: 4px;
    padding: 2px 4px 2px 4px;
}

#select-all-buttons {
   padding-top: 4px;
    padding-left: 4px;
   font-size: 12px;
   line-height: 12px;
}

#context-container {
   /*background-color: white;*/
   margin-top: 3px;
   margin-left: 12px;
   padding: 12px 0px 12px 12px;
   /*border-left: 1px dashed #0088cc;*/
}

#calendar-views {
   clear: left;
   float: left;
   width: 100%;
   padding: 15px 0px;
}

#calendar-views-spacer {
   width: 100%;
   float: left;
   transition: height 0.1s linear;
}

#no-site {
   text-align: center;
   font-size: 20px;
   padding: 15px 0 15px 0;
   margin-top: 15px;
}

#no-service-point {
   text-align: center;
   font-size: 20px;
   padding: 45px 0 30px 0;
}

.row-task {
   clear: left;
   float: left;
   width: 100%;
   /*height: 8px;*/
   height: 0px;
   position:relative;
}

.row-marker {
   clear: left;
   float: left;
   width: 100%;
   height: 0px;
}

.row-task-assignee {
   height: 0px;
   position:relative;
}

.global-time-axis-wrapper {
  width: 100%;
  position: absolute;
  overflow: hidden;
  margin-left:10%;
}
.global-time-axis-wrapper.site-time-axis {
    top: 40px;
    bottom: 40px;
}
.global-time-axis-wrapper.assignee-time-axis {
    top: 40px;
    bottom: 40px;
}

.global-time-axis {
  width:85%;
}

.days-axis > .day-mark:first-child .day-info {
}

.day-mark {
   float:left;
   height: 28px;
   height: 1px;
}

.day-info {

   height: 14px;
   line-height: 10px;
   padding-top: 2px;
}

.calendar-container .day-info, .service-point-calendar .day-info{
  background-color:transparent;
  border:0;
}

.today-underlay {
    height: 10000px;
    background-color: #71c9f5;
    left: 0px;
    width: 100%;
    display: block;
    opacity: 0.1;
}
.multi-select-mode .out-of-optimization-horizon {
  height: 10000px;
  background-color: rgba(0,0,0,0.1);
  left: 0px;
  width: 100%;
  display: block;
}
.multi-select-mode .today-underlay.out-of-optimization-horizon {
  height: 10000px;
  background-color: rgba(0,0,0,0.2);
  left: 0px;
  width: 100%;
  display: block;
  opacity: 1;
}
.multi-select-mode .cannot-edit {
  cursor: not-allowed;
}

.weeks-axis {
   /*border-right: 1px solid #dddddd;
   border-bottom: 1px solid #dddddd;*/
}

.weeks-axis .day-mark {
   border-right: 1px;
   border-bottom: 0px;
   font-size: 8px;
   line-height: 8px;
   height: 12px;
   color: rgb(182, 182, 182);
}

.day-separation {
   float: right;
   border-right: 1px solid rgba(232, 232, 232, 0.75);
   height: 10000px;
   width: 1px;
   position: relative;
   left: 1px;
   z-index: 10;
}

.week-separation {
   border-right: 1px solid rgb(113, 201, 245, 0.75);
   left: 2px;
}

.month-week-display {
	/*padding: 2px;*/
	/*line-height: 10px;*/
	background-color: rgba(153, 153, 153, 0.85);
}

.month-display {
   font-size: 9px;
   text-transform: uppercase;
   font-weight: normal;
}

.week-display {
   position: relative;
   font-size: 9px;
   padding-right: 2px;
   font-weight: normal;
      display:none;
}

.day-mark-labels {
   height: 14px;

   position: relative;
   bottom: 3px;
   /*line-height: 10px;*/
      display:none;
}

#day-separator-overlay {
   float: left;
   width: 100%;
   padding-left: 12px;
   padding-right: 12px;
}

#day-separator-margin {
   float: left;
   width: 5%;
}

#day-separators {
    float: left;
    width: 95%;
    border: 1px solid white;
}

#day-separators .day-mark {
   border-color: white;
}

.start-day .day-separation {
   float: left;
}

.hour-mark {
   font-size: 8px;
   line-height: 12px;
   height: 12px;
   float: left;
   border-left: 1px solid #dddddd;
   border-bottom: 1px solid #dddddd;
   border-right: 1px solid #dddddd;
   padding-left: 1px;
   color: #dddddd;
   background-color: #F5F3D7;
}

.hour-block-container {
   border: 1px solid #DDD;
   border-color: white;
   line-height: 15px;
   height: 15px !important;
   font-size: 10px;
   overflow: hidden;
   float:left;
   cursor: pointer;
   position: relative;
   z-index: 11;
   border-radius: 10px;
   opacity: 0.75;
}

.hour-block-container.draggable {
  cursor: grab;
}

.hour-block-container.draggable.ui-draggable-dragging {
  cursor: grabbing;
}

.hour-block-container.draggable.is-resizing,
.hour-block-container.draggable.is-resizing .ui-resizable-handle {
  cursor: ew-resize;
}

.task-container {
   font-size: 14px;
   line-height: 24px;
   height: 28px !important;
   padding: 2px 0px;
   font-family: Andale Mono, monospace;
   transition: left 0.25s;
}

.task-container.edit-mode-task {
   transition: left 0.1s;;
}

.marker-container {
   position: relative; 
   font-size: 14px;
   height: 31px !important; 
   padding: 2px 4px; 
   line-height: 19px;
   font-family: Andale Mono, monospace;
   overflow: inherit;
   color: #fdfdfd; 
   border-top-left-radius: 0px; border-bottom-right-radius: 0px;
   transition: left 0.25s;
}
.marker-name {
    overflow: hidden;
}
.hovering-marker-name {
    position: relative;
    left: 22px;
}

.marker-is-completed-checkbox-inline {
    padding: 4px 1px 4px 2px;
    position: absolute;
}
.marker-is-completed-checkbox-inline input {
    margin: 0px 1px 2px 1px;
    position: relative;
    bottom: 4px;
}

.marker-triangle-wrapper {
    position: absolute;
    width: 0px;
    height: 0px;
}

.task-tooltip-time {
  font-size: 12px;
  margin-left: 4px;
} 

.marker-tooltip-date, .task-tooltip-date {
    font-weight: bold;
    font-size: 14px;
    color: #71C9F5;
}

.marker-tooltip-name, .task-tooltip-name {
    font-size: 16px;
}

.marker-tooltip-notes, .task-tooltip-notes {
    font-size: 14px;
    color: #DDD;
}

.marker-tooltip-equipment, 
.task-tooltip-equipment,
.task-tooltip-assignee {
    font-size: 14px;
}
.view-separator {
   background-color: #F5F3D7;
   background-color: rgb(237, 252, 255);
   height: 2px;
   display: none;
}

.graph-single-forecast {
    display:block;
    width:0.5882352941176471%;
    border-bottom:1px solid #F00;
    float:left;
}

.graph-no-data {
   position: relative;
	display: block;
	line-height: 100px;
	top: 21px;
	font-size: 64px;
	color: #EFEFEF;
	font-weight: bold;
	float: right;
	opacity: 0.4;
}

.graph-view, .task-view, .marker-view, .comment-view, .view-separator, .production-view {
   border-bottom: 1px solid rgb(190, 190, 190);
   border-left: 1px solid rgb(190, 190, 190);
   border-right: 1px solid rgb(190, 190, 190);
}

.comment-view, .view-separator { 
	background-color: white;
}
.task-view, .marker-view {
  background: transparent;
  position:relative;
}

.global-graph-view, .capacity-view-container {
	position: absolute;
	margin-left: 10%;
	width: 85%;
	z-index: 1; /*Must be higher than the .formatted class in order for the graph to appear above the text*/
}

.graph-view {
  height:100px;
  position : relative;
}

.graph-view-controls {
  height:76px; /*100px height - 24 padding top*/
  padding-right:15px;
  position:relative;
}

.forecast-location-name {
	position: absolute;
	right: 5%;
	top: 10px;
	font-size: 24px;
	color: rgba(79, 81, 85, 0.5);
}

.link-to-wpred-location {
    position: relative;
    top: 4px;
    opacity: 0.45;
}

.link-to-wpred-location:hover {
    opacity: 1;
}

.site-constraints-tooltip-title {
  font-weight: bold;
  color: #71C9F5;
}
.constraint-in-tooltip {
  padding: 10px;
  margin-top: 5px;
  border-top: 1px dotted white;
}
.constraint-in-tooltip .constraint-title {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.constraint-in-tooltip .constraint-values {
  font-size: 14px;
  padding: 5px 0;
}
.constraint-in-tooltip .constraint-range {
  padding: 3px 8px;
  background-color: white;
  color: black;
  border-radius: 10px;
}
.constraint-in-tooltip .constraint-description {
  color: #cccccc;
}
.site-constraints-in-task-tooltip .constraint-in-tooltip {
  padding: 3px 0 0;
  margin-top: 2px;  
  border-top: 1px dotted white;
}
.site-constraints-in-task-tooltip .constraint-title {
  font-size: 12px;
}
.site-constraints-in-task-tooltip  .constraint-values {
  font-size: 11px;
  padding: 0;
}
.site-constraints-icon {
  padding: 4px 3px 4px 3px;
  position: relative;
  right: 3px;
  bottom: 4px;
  margin: 0 4.5px 0 3px;
  border-radius: 10px;
  opacity: 0.7;
}
.site-constraints-icon:hover {
  opacity: 1;
}
.site-constraints-icon .icon-screenshot {
  position: relative;
  left: 2px;
  bottom: 1px;
}

.global-graph-view .graph-view, .global-graph-view .production-view {
	border: 0px;
  line-height:14px;
}

.production-view, .production-period-view {
  height: 0px;
  overflow-y: hidden;
  transition: height 0.25s linear;
  background-color: #fdfdfd;
}
.production-view.production-displayed {
  height:21px;
}
.production-period-view.production-displayed {
  height:21px;
}
.production-view .day, .production-period-view .period {
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  max-height:100%;
}
.production-view .day {
  padding : 4px 0 3px; 
  border-left: 1px solid #ddd;
}
.production-view .day:last-child {
  border-right:1px solid #ddd;
}
.production-period-view .period {
  padding:1px 0 5px;
}
span.nominal-production {
  color: green;
}
span.adjusted-production {
  color: red;
}
span.power-estimate-units {
  color: #aaa;
  font-size: 8px;
}
.prod-tooltip-daily {
  padding-top: 6px;
}
.prod-site-name {
    padding: 5px 2px;
}
.prod-site-name span {
    margin: 5px;
}
.prod-tooltip-title {
    padding-bottom: 12px;
    padding-top: 9px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px dotted rgba(215,215,215,0.5);
    width: 100%;
    text-align: center;
}
.prod-tooltip-title-day {
    line-height: 12px;
    font-size: 12px;
    display: inline-block;
}
.prod-nominal {
    width: 50%;
    padding: 1%;
    display: inline-block;
    float: left;
    border-right: 1px dotted rgba(215,215,215,0.5);
    height: 75px;
}
.prod-capacity-factor {
    width: 50%;
    padding: 1%;
    display: inline-block;
    float: left;
    height: 75px;
}
.daily-revenue {
  padding: 1%;
  display: inline-block;
  float: left;
  border-left: 1px dotted rgba(215,215,215,0.5);
  height: 75px;
}
.revenue-lost {
  padding: 1%;
  display: inline-block;
  float: left;
  height: 75px;
  border-top: 1px dotted rgba(215,215,215,0.5);
  border-left: 1px dotted rgba(215,215,215,0.5);
}
.prod-adjusted {
    width: 50%;
    padding: 1%;
    display: inline-block;
    float: left;
    clear: left;
    height: 75px;
    border-top: 1px dotted rgba(215,215,215,0.5);
    border-right: 1px dotted rgba(215,215,215,0.5);
}
.prod-label {
    font-weight:bold;
    line-height: 12px; 
    font-size: 12px;
    padding: 7px 5px 5px;
    display: inline-block;
}
.prod-nominal .prod-label,
.prod-capacity-factor .prod-label,
.daily-revenue .prod-label {
    color: green;
}
.prod-adjusted .prod-label,
.prod-availability .prod-label,
.revenue-lost .prod-label {
    color: red;
}
.prod-value {
    font-weight:bold;
    font-size: 14px;
    padding: 0px 5px 5px;
    display: inline-block;
}
.prod-tooltip-daily span.power-estimate-units {
    font-size: 11px;
}
.prod-availability {
    width: 50%;
    padding: 1%;
    display: inline-block;
    float: left;
    height: 75px;
    border-top: 1px dotted rgba(215,215,215,0.5);
}
.with-revenue {
  width: 33.33%;
}
.equipment-downtime-details {
    color: white;
    font-size: 12px;
    font-weight: bold;
    border-top: 1px dotted rgba(215,215,215,0.5);
    padding-top: 12px;
    padding-bottom: 9px;
}
.equipment-downtime-details .equipment-downtime-title {
    padding-bottom: 0px;
}
.equipment-downtime-details.task-tooltip-equipment {
  font-size: 12px;
  
}
.number-of-hours-offline,
.availability-percent {
    font-weight: normal;
    font-size: 12px;
    margin-left: 4px;
    min-width: 140px;
    display: inline-block;
    text-align: center;
}

.time-start-end-offline {
    font-size: 11px;
    color: rgb(175, 175, 175);
    text-align: right;
}

.offline-hours-label {
    text-align: left;
}

.capacity-planning-badge-container {
    text-align: center;
    height:20px;
}

.capacity-planning-badge {
    border-radius: 5px;
    width: 10px;
    height: 10px;
    display: inline-block;
    opacity: 0.25;
    margin-top: 5px;
    margin-bottom: 5px;
}

.capacity-planning-badge-container:hover .capacity-planning-badge {
    opacity: 0.75;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.capacity-ok {
    background-color: green;
}

.capacity-warn {
    background-color: orange;
}

.capacity-bad {
    background-color: red;
}

.task-view {
    min-height: 24px;
    padding-bottom: 8px;
    position:relative;
}

.marker-view {
    height: 24px;
    height: 100px;
    position:relative;
}

.edit-mode .marker-view {
    min-height: 42px;
}

.context-name-in-site-calendar {
    margin: 15px 0px 0px 0px;
    font-weight: bold;
    font-size:1.8em;
    background-color: #71C9F5;
    color: #fff;
    padding: 8px 28px 8px 16px;
    /*border: 1px solid #fff;*/
    /*border-radius: 12px;*/
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none;
    position: relative;
    z-index: 10;
}

.context-name-in-site-calendar .icon-home,
.context-name-in-site-calendar .icon-briefcase {
    margin: 5px 3px 0px 2px;
}

.context-site-stats {
    margin: 26px 12px 0px;
    font-size: 11px;
    position: relative;
    z-index: 10;
}

.context-site-stats .icon-map-marker,
.context-site-stats .icon-user {
    position: relative;
    bottom: 2px;
}

.site-view-group {
   padding: 8px 0;
   background: none;
   margin-bottom: 0px;
   border: none;
   box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
}

.site-view-group:nth-child(even),
.assignee-calendar-wrapper:nth-child(odd) {
   background-color: rgba(243, 243, 243, 0.8);
}

.site-view-group-hovered,
.site-view-group-hovered.site-view-group:nth-child(even) {
   border-radius: 0px;
	 background-color: #f3f3f3;
   background-color: rgba(113, 201, 245, 0.2);
}

.site-view-group-selected,
.site-view-group-selected.site-view-group:nth-child(even)  {
   border-radius: 0px;
   background-color: #71C9F5;
   background-color: rgba(113, 201, 245, 0.59);
}

.site-view-group:first-child {
  padding: 0 0 5px 0;
}

.remove-site{
    margin-left: 10px;
    padding: 1px;
    border-radius: 30px;
    border: 1px solid #FFF;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
            box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    opacity: 0.7;
}
.remove-site:hover {
    opacity: 1;
    cursor:pointer;
}

.all-sites-not-selected {
	margin-left: 4px;
}

#add-task-tooltip, #add-marker-tooltip {
	opacity: 0.7;
	font-size: 10px;
	color: rgb(0, 136, 204);
  z-index:99;
  margin-top:-40px; /*navbar height*/
}

.site-tooltip-label {
	/*color: rgb(113, 201, 245);*/ 
	left: 5px;
	font-weight: bold; 
	border-bottom: 1px dotted rgb(113, 201, 245);
	color: rgb(79, 81, 85);
	background-color: #71C9F5;
	width: 90%;
	text-align: center;
	border: none;
	padding: 3px 8px;
}

.row-task-assignee .tooltip-inner {
	padding-left: 0px;
	padding-right: 0px;
}


.row-task-assignee .tooltip-inner .simple-label {
   margin-left: 8px;
   margin-right: 8px;	
}

.calendar-container {
   border-bottom: none;
   overflow: hidden;
   background-color: #fdfdfd;
   border-top: 1px solid rgb(191, 191, 191);
}

.calendar-container.can-edit-calendar,
.service-point-calendar.can-edit-calendar {
   cursor: pointer;
}

.site-view-group-info, .service-point-info {
   font-weight: bold;
   font-size:1.1em;
   padding: 0px 5px 0px 10px;
   width: 10%;
}

.site-view-group-info:hover {
	cursor: pointer;
}
.site-stats {
    margin-top: 3px;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    display: none;
    width: 100%;
}
.site-view-group-selected .site-stats {
    display: block;
} 
.site-stats,
.site-stats span.label.label-info { 
    font-size: 10px;
}

.site-stats span.label {
  padding: 3px;
}

.site-stats .site-stats-power {
  display: inline-block;
}

.site-stats .site-stats-power-value {
  font-size: 11px;
}
.site-stats .site-stats-power-unit {
  font-size: 10px;
}

.number-of-site-objects {
    font-size: 10px;
    font-weight: bold;
    /* color: #71C9F5; */
    color: #999;
}
.site-stats .site-object-group-info {
    margin-left: 3px;
    display: inline-block;
}
.site-stats .site-object-group-info .label.label-info {
    line-height: 18px;
}
.site-stats .site-stats-panel {
  float:left;
  width: 100%;
  
  font-size: 10px;
  line-height: 15px;
}
.site-stats .site-stats-panel-icon-container {
  position:absolute;
}
.site-stats .site-stats-panel-icon {
  position:relative;
  bottom: 2px;
  right: 4px;
  border-radius: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  background-color: rgba(243, 243, 243, 0.8);
}

.site-stats .site-stats-panel-icon .equipment-icon-black {
  float: none;
  display: block;
  position: relative;
  top:2px;
  left:4px;
}
.site-stats .site-stats-panel-icon .icon-briefcase {
  margin-top: 1px;
  margin-left: -1px;
}
.site-stats .site-stats-panel-content {
  /* background-color: #f3f3f3; */
  float:left;
  width: 100%;
  text-align:center;
  padding: 2px 0px 0px 10px;
}
.site-stats .site-contract-details {
  margin-top: 8px;
}
.site-stats .guarantee-type,
.site-stats .aggregation-type {
  margin: 0px 2px;
  font-size: 9px;
  display: inline-block;
}
.site-stats .site-stats-panel-content .contract-risk-level-badge {
  margin-top:2px;
}
.site-stats .site-stats-panel-content .contract-risk-level-badge .label{
  font-size: 10px;
}
.site-stats .site-stats-client-name {
  font-size: 11px;
}
.site-stats .site-stats-panel-content .contract-downtime-penalties {
  margin-top:4px;
}
.site-stats .site-stats-panel-content .contract-downtime-penalties-prefix,
.site-stats .site-stats-panel-content .contract-downtime-penalties-postfix {
  font-size: 9px;
}
.site-stats .site-stats-panel-content .contract-downtime-penalties-value {
  font-size: 11px;
  margin-right: 2px;
  background-color: white;
  border-radius: 3px;
  padding-left: 2px;
  padding-right: 3px;
}

#service-point-info {
   padding-top: 0px;
   padding-right: 10px
}

.site-view-group-spacer {
   height: 10px;
   border-bottom: 1px dashed #0088cc;
   margin-bottom: 10px;
}

.graph-grid {
   position:absolute;
   width:100%;
   height:100px;
   opacity: 0.75;
}
.graph-grid-row {
   height:33%; 
   height:16.667%;
   width:100%; 
   border-bottom:1px solid #E8E8E8;
   position:relative;
}
.graph-grid-row span {
   display: block;
	padding: 1px 2px;
	font-size: 10px;
	line-height: 10px;
	opacity: 0.75;
	float: right;
	position: relative;
	top: 4px;
}
.graph-grid-row-minor {
   border-bottom:1px dotted #E8E8E8;
}
.graph-grid-row-warning {
   border-bottom: 1px dotted #f89406;
}

#menu-warning-lines {
    display: block;
    margin-left: 20px;
}

.option-wind-graph-warning-lines {
    margin-bottom: 10px;
}

.warning-line-config-items {
    margin-left: 20px;
}

.warning-line-config-item {
    margin-right: 5px;
    margin-bottom: 5px;
}

.warning-line-config-item .icon-remove {
    opacity: 0.5;
}

.warning-line-config-item .icon-remove:hover {
    opacity: 1.0;
}

.graph-grid-row-warning span {
    display: block;
    padding: 1px 2px;
    opacity: 0.75;
    
    color: #f89406;
    position: absolute;
    right: 30px;
    bottom: 0px;
    font-size: 9px;
    line-height: 7px;
}

.graph-grid-row-minor span {
	color: #E8E8E8;
	font-size: 8px;
	line-height: 8px;
}

#assignments-container {
    padding: 12px;
    padding-right: 6px;
    height: 250px;
    overflow-y: scroll !important;
/*    background-color: #f5f5f5;*/
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.assignee-name {
    margin: 0px 2px 2px 0px;
    position: relative;
    z-index: 15;
    font-size: 16px;
    padding: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border: 2px solid rgb(191, 191, 191);
    border-left: none;
    display: none;
}

.edit-mode .assignee-name {
    display: block;
}
.assignee-calendar-wrapper {
  padding: 6px 0;
}
.service-point-calendar {
   background-color: white;
   overflow: hidden;
   /*border-left: 1px solid #dddddd;
   border-top: 1px solid #dddddd;*/
   /*margin-bottom: 15px;*/
   /*border: 1px solid rgb(190, 190, 190);
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);*/
   /*-webkit-box-shadow: 13px 13px 8px -8px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 13px 13px 8px -8px rgba(0, 0, 0, 0.1);
   box-shadow: 13px 13px 8px -8px rgba(0, 0, 0, 0.1);*/
   float: left;
   border-top: 1px solid rgb(191, 191, 191);
}

.external-assignees-calendar {
    width: 85%;
}

#assignee-container {
	padding: 15px 0px;
}

.assignee-row {
   border-bottom: 1px solid rgb(191, 191, 191);
   border-right: 1px solid rgb(191, 191, 191);
   border-left: 1px solid rgb(191, 191, 191);
   padding: 6px 0px 8px;
   background-color: transparent;
   position:relative;
      min-height: 30px;
}

.copyright {
   padding: 20px;
   color: #d4d4d4;
   font-size: 14px;
   float:left;
   margin-bottom: 0;
}

.frontpage .copyright, .frontpage .version {
  position: fixed;
  bottom: 12px;
  float: none;
  clear: none;
}
.frontpage .version {
  right: 12px;
}

.calendar-and-form-container {
	width: 85%;
}

.edit-mode .non-edit-mode-site,
.edit-mode .non-edit-mode-servicepoint {
   height: 0px;
   padding: 0px;
   min-height: 0px;
   overflow: hidden;
}

.ui-draggable-dragging {
    z-index: 200 !important;
}

.drag-edit-mode .site-view-group,
.drag-edit-mode .service-point-calendar-wrapper {
   /*display: none;*/
   opacity: 0.6;
}


.edit-mode .edit-mode-site,
.edit-mode.drag-edit-mode .edit-mode-site,
.drag-edit-mode .drag-edit-mode-site,
.edit-mode .edit-mode-servicepoint,
.edit-mode.drag-edit-mode .edit-mode-servicepoint,
.drag-edit-mode .drag-edit-mode-servicepoint {
    display: block;
    opacity: 1.0;
}

.edit-mode .old-edit-version,
.drag-edit-mode .old-drag-edit-version  {
    background-image: url(/img/progress-pattern.png);
    background-repeat: repeat;
	border: 1px dashed black !important;
	opacity: 0.4 !important;
}

.edit-mode .remove-site {
	display: none;
}

.edit-mode .edit-mode-calendar-container .hour-block-container,
.drag-edit-mode .hour-block-container {
	opacity: 0.25;
}

.edit-mode.assign-mode .associable {
  opacity: 1.0;
}

.edit-mode-marker {
	/*position:relative !important;*/
	width: auto;
	min-width: 25px;
	min-height: 25px;
}

.edit-mode .edit-mode-calendar-container .edit-mode-task,
.drag-edit-mode .edit-mode-task,
.edit-mode .edit-mode-calendar-container .edit-mode-marker,
.drag-edit-mode .edit-mode-marker  {
   opacity: 1.0;
   font-weight: bold;
   z-index: 19;
}

.edit-mode.assign-mode .edit-mode-calendar-container .edit-mode-task {
  opacity: 0.2;
}

.old-value {
    background-image: url(/img/progress-pattern.png);
    opacity: 0.4 !important;
    display: none;
}

.edit-mode .content-container {
  margin-bottom: 325px;
}

.edit-mode-assignees {
  
}

.drag-edit-mode .service-point-calendar .edit-mode-task {
    
}

.edit-outer-panel {
    
}

.task-edit-panel, .marker-edit-panel {
	background-color: #f5f5f5;
	padding: 5px;
	width: 98%;
	margin: 0 1%;
	margin-top: 20px;	
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border: 2px solid #71C9F5;
	border-bottom: none;
	background-image: linear-gradient(rgb(255, 255, 255), rgb(242, 242, 242));
}

.assign-instructions {
  text-align:center;
}
.assign-action {
  text-align:center;
  padding:10px 0 15px;
}
.instructions-center {
  display:inline-block;
}
.instructions-center:before {
  display: block;
  float: left;
  height: 70px;
  width: 100px;
  background: transparent url('/img/arrow-left.png') no-repeat 0px 9px;
  content: " ";
}
.instructions-center:after {
  display: inline-block;
  float: right;
  height: 70px;
  width: 100px;
  background: transparent url('/img/arrow-right.png') no-repeat 10px 10px;
  content: " ";
  margin-right: -100px;
  margin-top: -74px;
  margin-left: 10px;
}

.task-edit-panel-info.overflow {overflow:visible !important;}

.date {
	width: 90px;
}

.date-label {
	padding: 3px 6px;
}

.date-label label {
	float: right;
}
label.inline {
    display:inline;
    padding :0 6px;
}

.time-buttons .btn-group {
	position: relative;
	top: -1px;
	margin-left: 4px;
}

.time-buttons .btn-group .btn {
   line-height: 10px;
   font-size: 10px;
   font-weight: bold;
   padding: 2px 7px;
   width: 45px;
}

.task-edit-panel-icon, .marker-edit-panel-icon {
   margin-top: 3px;
	 margin-bottom: 3px;
}

.task-edit-panel .icon-trash {
	width: 16px;
	height: 16px;
}

.task-edit-panel .delete {
}

.marker-edit-panel .delete {
    margin-top: 15px;
}

.save {
    float: left;
}

.cancel {
    float: left;
}

.delete {
    opacity: 0.4;
}

.delete:hover {
    opacity: 1.0;
}

.task-edit-panel .form-buttons {
   margin-top: 5px;
}

.marler-edit-panel .form-buttons {
   min-height: 150px;
}

.task-edit-panel .save {
   margin-left: 10px;
}

.client {
	margin-left: 5px;
	color: rgb(155, 155, 155);
}
.client.editable {
  padding-top:8px;
}
.notes,
.notes textarea,
.notes input[type="text"] {
	width: 100%;
}

.notes textarea {
    min-height: 110px;
}
.marker-edit-panel .notes textarea {
    min-height: 160px;
}

.form-field input[type="text"],
.form-field textarea {
	margin-bottom: 4px;
	max-width:100%;
}

#task-type {
	padding-bottom: 2px;
}

#task-type .task-type-choice .task-type-impact,
#task-type .task-type-choice .impact-type-label {
    display: none;
}

#task-type .task-type-choice:hover .task-type-impact,
#task-type .task-type-choice:hover .impact-type-label {
    display: inline-block;
}

#task-type .task-type-choice:hover .task-type-impact {
    font-size: 11px;
    padding-left: 3px;
}

.form-field .label {
	margin-right: 3px;
	float: left;
    margin-bottom: 2px;
}

.form-field .label a {
   cursor: pointer;
   opacity: 0.7;
}

.form-field .label a:hover {
	cursor: pointer;
	opacity: 1.0;
}

.form-sep {
	height: 10px;
}

.form-column {
	width: 45%;
	min-width: 400px;
	max-width:600px;
}

.form-buttons {
	margin-right: 5px;
}

#info, #task-schedule, #site, #planif, #marker-schedule, #marker-site {
	min-width: 400px;
	max-width: 450px;
	padding: 5px 3%;
}

#is-always-shown-field label {
    margin-left: 5px;
}

#assign {
    min-width: 400px;
    max-width: 60%;
    padding: 30px 10px 0px 0px;
}

#taskForm, #markerForm, #global-options-modal {
   /*margin-top: 5%;
   max-height: 90%;*/
   
   margin-top: 0px;
}
#global-options-modal h5 {
    margin: 11px 0 4px;
}
.option-wind-graph-warning-lines {
    margin: 0 0 6px 6px;
}
#taskForm, #markerForm {
   /*width: 625px;*/
   width: 100%;
}

#taskForm.fade.in, #markerForm.fade.in, #global-options-modal.fade.in {
    top: 35px;
}

#pan-left-week,
#pan-right-week {
    padding-left: 5px;
    padding-right: 8px;
}

#pan-left-day,
#pan-right-day {
   padding-left: 8px;
   padding-right: 8px;
}

#pan-left-week span,
#pan-right-week span {
   width: 11px;
}

#taskForm .modal-body {
   /*min-height: 450px;
   max-height: 580px;*/
   max-height: 80%;
}

#markerForm .modal-body {
   min-height: 350px;
   max-height: 480px;
}

#taskForm .tab-pane {
   /*min-height: 400px;*/
   width: 550px;
   float: left;
}

#markerForm .tab-pane {
   min-height: 300px;
}

.tab-content {
   overflow: visible;
}

#taskForm .dropdown-menu,
#markerForm .dropdown-menu  {
    top: -4px;
    left: 48px;
}

.modal-header .icon-flag,
.modal-header .icon-tasks {
    margin-top: 7px;
    margin-left: 3px;
}

#taskForm .dropdown-toggle,
#markerForm .dropdown-toggle {
   position: relative;
   top: 3px;
}

#taskForm .modal-footer .modal-footer-links {
   padding-top: 3px;
}

#taskForm .modal-footer a:hover {
   cursor: pointer;
}

#taskForm textarea,
#markerForm textarea {
    height: 100px;
    width: 450px;
}

#taskForm .add-control,
#markerForm .add-control {
   padding: 8px 0px 10px 12px;
   border: 1px solid #DDD;
   background-color: white;
}

#taskForm .add-control .action {
    position: relative;
    top: 2px;
}

#taskForm .action {
   background-color: #006DCC;
    color: white;
   cursor: pointer;
   padding: 3px 5px 3px 5px;
   margin: 3px 0px 3px 0px;
   border-radius: 5px;
}

#taskForm .bad.action {
    background-color: #B30404;
    color: white;
}

#taskForm .temp-items li,
#markerForm .temp-items li {
   line-height: 30px;
}

#taskForm .temp-item {
   padding-right: 175px;
}

#taskForm .ampm-links {
   position: relative;
   left: 8px;
   top: 2px;
   padding: 2px 2px 2px 2px;
   border: 1px solid #DDD;
   background-color: white;
}

#taskForm .ampm-links a {
   padding: 0 2px 0 2px;
   font-size: 12px;
   cursor: pointer;
}

#taskForm .validation-message {
   display: none;
   padding-left: 2px;
}

.task-edit-panel .task-type-badge,
#taskForm .task-type-badge,
.marker-edit-panel .marker-type-badge,
#markerForm .marker-type-badge {
   padding-left: 16px;
}

#taskForm #taskInFormName,
#markerForm #markerInFormName {
   width: 75%;
}

#taskForm #task-type,
#markerForm #marker-type {
   position: relative;
   right: 35px;
}

#task-type .dropdown,
#marker-type .dropdown {
    min-width: 200px;
}

#taskForm input[disabled],
#markerForm input[disabled],
#taskForm textarea[disabled],
#markerForm textarea[disabled] {
   background-color: white;
}

.service-point-icon {
    margin-top: 15px;
}

.title-label {
    font-size: 10px;
    text-transform: uppercase;
    margin-left: 5px;
    margin-bottom: 5px;
    line-height: 18px;
    font-weight: bold;
    color: rgb(199, 199, 199);
    border-bottom: 1px dashed rgb(199, 199, 199);
}

.tab-title-label.selected {
    color: rgb(199, 199, 199);
    border-bottom: 1px dashed rgb(199, 199, 199);
    background-color: white;
    opacity: 1;
}

.tab-title-label {
    border-bottom: none;
    margin-left: 39px;
    cursor: pointer;
    padding: 2px 5px 2px 5px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.tab-title-label:hover {
    color: rgb(199, 199, 199);
    background-color: white;
}

.tab-title-label .badge {
    padding-left: 6px;
    padding-right: 6px;
}

.snapshots {
    margin-left: 35px;
}

.take-snapshot-button {
    margin-top: 2px;
}

.snapshot-date-created {
    font-size: 10px;
    color: rgb(199, 199, 199);
    padding: 5px 4px;
}

.task-creation-info, .marker-creation-info {
    font-size: 12px;
    color: white;
    padding: 15px 0;
    line-height: 12px;
    clear:right;
    text-align: right;
}
.marker-creation-info {
    padding-top: 5px;
}

.task-creation-info .info-value,
.marker-creation-info .info-value {
  color:#777;
}

.validation-warning {
  margin: 6px 6px 0px;
  padding: 4px 0px;
}

.validation-warning .assignees-valid {
  padding-top: 0;
}

.validation-warning .error-message {
  display: inline-block;
  font-size: 11px;
  color: #B30404;
}

.writer-permission-warning {
  margin: 8px 6px 0px;
  padding: 4px 0px;
}

.writer-permission-explanation {
  font-size: 11px;
  color: #B30404;
}

.writer-permission-explanation b { 
  /* color: #777; */
}

.is-completed-checkbox {
  margin: 10px 0px;
}

.save .button-text {
    font-size: 10px;
    font-weight: bold;
    position: relative;
    bottom: 2px;
}

.service-point-title-label {
    margin-top: 12px;
}

.child-tasks .title-label {
    margin-left: 14px;
}

.child-task-icon {
    margin-right: -2px;
}


.assignee-labels {
    min-width: 300px;
}

.assignee-label {
    float: left;
    margin: 2px;
}

.child-tasks {
    margin-bottom: 10px;
    border-radius: 7px;
}
    
.child-task-forms {
    margin-left: 35px;
    margin-right: 10px;
}

.child-task-order-number {
  margin-left:25px;
}

.child-task-forms .child-task-schedule .form-field.date-label label,
.snapshots .child-task-schedule .form-field.date-label label,
.child-task-forms .child-task-assignees .form-field,
.snapshots .child-task-assignees .form-field,
.child-task-forms .child-task-schedule .form-field input,
.snapshots .child-task-schedule .form-field input {
    font-size: 11px !important;
    line-height: 14px;
}

.child-task-forms .child-task-schedule .form-field .date,
.snapshots .child-task-schedule .form-field .date {
    width: 75px
}

.child-task-forms .child-task-schedule button,
.snapshots .child-task-schedule button
 {
    font-size: 8px !important;
    line-height: 8px !important;
}

.child-task-forms a.remove-child-task,
.snapshots a.remove-child-task {
    display: block;
    padding: 5px 5px 0px 5px;
    opacity:0.55;
}

.child-task-forms a.remove-child-task:hover,
.snapshots a.remove-child-task:hover {
    cursor:pointer;
    opacity:1.0;
}

.child-task-forms .remove-child-task span,
.snapshots .remove-child-task span {
    border-radius: 14px;
    background-color: red;
    height: 14px;
    width: 14px;
}

.child-task-forms .date-label,
.snapshots .date-label {
    
}

.child-task-assignees {
    margin-left: 10px;
    max-width: 30%;
}

.child-task-equipment {
  margin-left: 10px;
  width: 24%;
  margin-top: 7px;
}

.subdivide-work-button .subdivide-work-button-label {
    position: relative;
    top: 1px;
}

.subdivide-work-with-same-team-button {
    margin-top: 2px;
}

.associate-parent-button,
.subdivide-one-per-machine-button {
    cursor: pointer;
}

.work-team {
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px dashed #c3c3c3; 
    background-color: white;
    width: 100%;
}

.snapshots {
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px dashed #c3c3c3; 
    background-color: white;
    width: 80%;
}

.snapshot {
    border: 1px dashed #4F5155 !important;
    background-image: url("../img/progress-pattern.png");
    background-position: 0px 0px;
}

#task-restrictions {
  width: 50%;
  padding: 6px 2% 0;
}

#task-assignees {
  width: 50%;
  padding: 6px 2% 0;
}

#task-impact {
  clear: left;
  float: left;
  width: 50%;
  padding: 12px 2% 0;
}

#task-optimizability {
  float: left;
  width: 50%;
  padding: 12px 2% 0;
}

.optimizability-status-message {
  float: right;
}

.restrictions {
    padding: 6px;
    margin-bottom: 6px;
    border-radius: 10px;
    background-color:white;
}

.restriction-controls {
  clear: left;
  padding-top: 8px;
}

.task-restriction-label, .assignee-restriction-label,
.task-impact-label, .availability-during-downtime-label,
.optimizability-status-message-container {
    padding-top: 4px;
    width: 50%;
    text-align: right;
    padding-right: 12px;
}

.min-max-assignees label {
    padding: 0 6px;
    position: relative;
    bottom: 3px;
}

.minimum-time-window {
  max-width: 100px;
  font-size: 9px;
  line-height: 12px;
  margin-top: 3px;
  opacity: 0.7;
  display: inline-block;
}

#man-hours, #wind-speed {
    display: block;
    float: left;
}

#man-hours-empty {
    cursor: pointer;
}

input.restriction-unknown {
    font-style: italic;
}

.task-restriction-default-value-controls {
    max-width: 225px;
    height: 24px;
    display: inline-block;
}
.task-restriction-default-value-controls a {
    display: block;
    font-size:9px;
    line-height: 10px;
    margin: 3px 5px;
    cursor: pointer;
}
.single-task-restriction-default-value-controls {
    position: relative;
    top: 4px;
}

.task-restriction-default-value-controls-small {
    max-width: 80px;
    height: 14px;
    display: inline-block;
    text-align: left;
}
.task-restriction-default-value-controls-small a {
    display: block;
    font-size:9px;
    line-height: 10px;
    margin: 3px 0px;
    cursor: pointer;
    position: relative;
    top:2px;
}
.task-restriction-default-value-controls-small a.single-task-restriction-default-value-controls {
    position: relative;
    top: -4px;
}
.workload-hours {
    width:45%; 
    padding-top:6px;
}
.workload-hours .icon-question-sign {
    opacity: 0.7;
}
.workload-hours:hover .icon-question-sign {
    opacity: 1;
}
.workload-hours .workload-hours-explanation {
    display:none;
}
.workload-hours:hover .workload-hours-explanation {
    display:block;
    font-size: 10px;
}
.workload-hours-explanation-label {
    font-weight: bold;
    padding: 3px 5px;
    background-color: #f5f5f5;
    border-radius: 6px;
    position: relative;
    left: -6px;
    margin-top: 3px;
}
.workload-hours-explanation-task-name {
    font-weight: bold;
    margin-right: 5px;
    font-size: 11px;
}
.workload-hours-explanation-origin {
    margin-left: 3px;
}
#min-assignees-empty {
    margin-bottom: 9px;
    cursor: pointer;
}
#max-assignees-empty {
    margin-bottom: 9px;
    cursor: pointer;
}

.minimum-time-window:hover {
  opacity: 1;
}

.optimizability-status-help-container {
    width: 38%;
    margin-top: 7px;
}

/* .task-impact-label, .availability-during-downtime-label {
    padding-top: 4px;
    width: 31%;
    text-align: right;
    padding-right: 12px;

} */
.task-restriction-input, .assignee-restriction-input,
.availability-during-downtime-input {
  width:72px;
}

.restrictions-preview {
  height: 35px;
  font-size: 9px;
  line-height: 9px;
  position:relative;
  top: -10px;
  margin-left: 10px;
  opacity: 0.6;
  padding-top:8px;
}

.restrictions-preview.three-row-restrictions-preview {
    padding-top: 0;
}

.restrictions-optimizability-outer-container {
  cursor: pointer;
}

.restrictions-optimizability-outer-container:hover .restrictions-preview,
.restrictions-optimizability-outer-container:hover .optimizability-preview {
  opacity: 1;
}

.restrictions-preview .child-restriction { 
  position: relative;
  top: 2px;
  margin-left: 3px;
}

.restrictions-preview .child-impact {
  /* margin-left: 10px; */
  position: relative;
  top: -3px;
}

.restrictions-preview .child-impact .child-restriction {
  top: -2px;
}

.child-restriction-not-respected {
  color: red;
}

.restrictions-preview .single-preview-row { 
  /* position: relative;
  top: 8px; */
}

.restrictions-preview .single-preview-row.child-impact {
  /* top: 5px; */
}

.child-tasks .restrictions-optimizability-outer-container {
  cursor: default;
}

.child-restrictions {
  padding: 18px 18px 18px 9px;
  opacity: 0.6;
}
.child-restrictions:hover {
  opacity: 1;
}
.child-restrictions .child-task-restrictions,
.child-restrictions .child-assignee-restrictions,
.child-restrictions .child-impact {
  margin-right: 15px;
}

.child-restrictions .child-restriction-label,
.restrictions-preview .child-restriction-label {
  font-size: 9px;
  font-weight: bold;
  margin-left: 3px;
}
.child-restrictions .child-restriction-value {
  font-size: 11px;
  margin-left: 2px;
  margin-right: 4px;
  position: relative;
  top: 0.5px;
}
.warning-sign {
  padding: 1px 5px 1px 3px;
  background: rgb(255, 141, 0);
  /* border-radius: 9px; */
  width: 20px;
  display: inline-block;
  height: 20px;
  border-radius: 5px;
  margin: 2px 3px;
}
.label-equipment .warning-sign,
.assignee-label .warning-sign {
  margin: 0 3px 0 0;
  height: auto;
  width: 19px;
  padding-left: 2px;
  float: left;
}
.task-tooltip-equipment .warning-sign,
.task-tooltip-assignee .warning-sign {
  margin: 0px 3px 0px 3px;
  width: 17px;
  height: 16px;
  padding-left: 1px;
  padding-top:0px;
  position: relative;
  top: 1px;
}
.mandatory-assignee {
  margin: 0 3px;
  color: #999999;
  font-weight: bold;
}
.optimization-constraints-in-tooltip {
  padding: 3px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 4px;
  color: black;
}
.optimization-constraints-in-tooltip .child-restriction {
  margin-right: 5px;
}
.optimization-constraints-in-tooltip .constraint-tooltip-icon {
  float:none;
  margin-left: 7px;
  position: relative;
  right: 2px;
  bottom: 2px;
}
.optimization-constraints-in-tooltip .constraint-tooltip-icon.equipment-icon-black {
  right: 2px;
  bottom: -3px;
}
.optimizability-preview {
  opacity: 0.6;
}
.optimizability-preview .optimizability-label {
  padding-right: 2px !important;
  position: relative;
  top: 3px;
  margin-left: 4px;
}
.child-optimizability .optimizability-label {
  padding-right: 2px !important;
}
.child-optimizability .optimizability-label .optimizability-text,
.optimizability-preview .optimizability-label .optimizability-text {
  display: none;
}

.form-info-section .more-warning.top-right-controls-wrapper {
  bottom: 40px;
} 
.form-info-section .more-warning .top-right-controls {
    border-top: 4px solid rgb(255, 141, 0);
    height: 29px;
}

.tab-title-label .badge {
    font-size: 9px;
    opacity: 0.6;
}

.child-task-form {
    width: 100%;

}

.form-is-hovering {
    background-color: rgba(79, 81, 85, 0.1);
    border-radius: 4px;
}

/* the above trick doesn't work in firefox */
@-moz-document url-prefix() {
    #taskForm .btn-delete,
    #markerForm .btn-delete {
      position: relative;
      right: 0px;
      bottom: 2px;
      margin-top: 0px;
   }
}

#servicepoint-valid, #site-valid, #task-type-valid, #marker-type-valid, .assignees-valid {
   padding-top: 6px;
}

.bang.badge {
   display: none;
   padding-top: 2px;
}

.tooltip.in {
     opacity: 0.95;
     filter: alpha(opacity=95);
 }
.tooltip-inner {
    max-width: 400px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.tooltip .label {
   margin: 1px;
   position: relative;
   right: 2px;
}

.graph .tooltip {
}

#pan-buttons div {
   border: 0px;
}

#menu-site-objects, #menu-assignees {
    float: left;
}

.event {
   overflow: hidden;
   padding: 2px 3px 2px 3px;
   border: 1px solid #A8A8A8;
   border: 1px solid #DDD;
   background-color: #E6F7FF;
}

.event .task-name {
   font-weight: bold;
}

.event .hours {
    font-size: 10px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

.event-gutter .event:hover {
   border: 1px solid #08C;
   z-index: 1000;
}

.today-col {
   background-color: whiteSmoke;
}

#date-range {
   width: 265px;
   margin: 10px 0 10px 0;
   padding-left: 3px;
}

#date-range input {
    width: 100px;
    margin: 0 5px 0 5px;
}

.date-range-separator {
    padding-top: 5px;
}

.error-message {
   color: #B30404;
}

#loading {
   position:absolute;
   top: 0px;
   left: 0px;
   width: 4000px;
   background-color: #c3c3c3;
   opacity: 0.1;
   cursor: progress;
   height: 6000px;
}

.loading-gif {
    background-image: url("../img/loading-spiffy-32.GIF");
    width: 32px;
    height: 32px;
    float: right;
    margin: 4px 10px;
}

.progress {
    background-image: url("../img/progress-pattern.png");
    background-repeat: repeat;
    background-position: 0px 0px;
}

#chart-container, #chart1 {
   height: 100px;
}

.disabledLink {
   color: #A8A8A8 !important;
}

/* Reusable */
div.float-left {
    float: left;
}

div.fclear-left {
   clear: left;
   float: left;
}

div.float-right {
    float: right;
}

div.fclear-right {
    clear: right;
    float: right;
}

div.full-width {
   width: 99%;
}

div.real-full-width {
   width: 100%;
}

div.half-width {
   width: 49%;
}

div.third-width {
    width: 33%;
}

div.twothirds-width {
    width: 66%;
}

div.clear-both {
   clear: both;
}

div.form-horizontal {
    padding-left:20px;
}

div.form-field {
	margin-bottom: 4px;
}
div.form-field.aligned-form-field {
  margin-bottom:9px;
}
div.small-spacer {
  height:5px;
}

div.form-separator {
   width: 75%;
   height: 1px;
   color: white;
   border-bottom: solid 1px #DDD;
   margin: 8px 0 24px 0;
}

#filters th { background:#EEE; text-align:right }

span.circle-container {
   display:block;
   float:left;
   height:100%;
}
span.circle {
   display:block;
   height:100%;
   margin:0 auto;
   width: 50%;
   background-color: rgba(255, 165, 0, 0.5);
}

span.circle:hover {
	border: 1px solid black;
	opacity: 1 !important;
}

/* Bootstrap overrides */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
   height: auto;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    width: 10px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    width: 10px;
    left: -5px;
    top: 0;
    height: 100%;
}

.resizable > span,
.task-container > span {
    margin-left:5px;
}

.options-dropdown li a {
    padding-left: 25px;
}

#language-english-switch {
   border-right: 5px solid red;
} 

#language-french-switch {
   border-right: 5px solid blue;
}

#language-german-switch {
   border-right: 5px solid yellow;
} 

.chosen-container {
  min-width: 220px !important;
}

.manage-explain {
  display: block;
  padding-left: 48px;
  padding-bottom: 12px;
}

/* Search & reporting */
.navbar .nav > li.manage-link > a {
    padding-left: 8px;
    padding-right: 8px;
}

.navbar .nav > li.docs-link > a {
    padding-left: 8px;
    padding-right: 8px;
}


.manage-link:hover,
.docs-link:hover {
    color: #555;
    text-decoration: none;
    background-color: #e5e5e5;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
}

.nav>.active>a>[class^="icon-"] {
  background-image: url("../img/glyphicons-halflings.png");
}

.search-toggle a.btn {
    margin-top: 4px !important;
    padding: 4px !important;
}

.search-toggle a.btn:hover {
    background-position: 0px !important;
}

.search-toggle a.btn > span {
    color: white !important;
}

.navbar .nav > li > a.btn.disabled:focus, 
.navbar .nav > li > a.btn.disabled:hover {
  background-color:#e6e6e6;
}

.nav > li.search-toggle > a.btn {
  text-shadow:none;
}

.search-mode-filters {
  float: left;
  width: 100%;
  padding: 18px 10%;
  background-color: rgba(250, 250, 250, 0.80);
  border-right: 1px solid rgb(113, 201, 245);
  border-bottom: 1px solid rgb(113, 201, 245);
}

.search-results-container {
    float: left;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    min-height: 375px;
}

.search-result-container.child-task {
  width: 98%;
  margin-left: 2%;
}

.search-mode-results {
    float: left;
    width: 100%;
}

.search-context {
    padding: 10px 0px 5px;
}

.context-text {
    float: left;
    padding: 0px 0px 0px 10px;
}

.search-mode-filters > .icon-search {
  position:relative;
  top: 2px;
  left: 5px;
}

.context-text.no-context {
    font-weight: bold;
}

.context-label {
    margin-right: 3px;
    display: inline-block;
}

.search-start-date span {
    float: left;
    padding: 5px 5px 5px 10px;
}

.search-end-date span {
    float: left;
    padding: 5px;
}

.search-text {
    padding: 0px 0px 0px 10px;
    float: left;
}

.search-text > span {
    float: left;
    padding: 0px 0px 0px 5px;
}

.context-labels,
.search-text > span.context-labels {
    padding: 0px 10px 0px 10px;
    display: block;
    float: left;
}

.search-text > span.boolean-operator {
    padding: 0px 0px;
}

.search-filter-input {
    float: left;  
    margin: 0px 5px;  
}

.search-filter-input input {
    width: 275px;
    height: 28px;
    margin-top: 3px;
    margin-bottom: 3px;
}

input.search-query:focus {
  outline:none;
}

.search-date-range input {
    margin-bottom: 4px;
}

.assignee-dropdown, .site-dropdown, .equipment-dropdown {
    padding: 0px 0px 0px 10px;
    float: left;
} 

.search-mode-filters .assignee-labels, .site-labels, .equipment-labels {
    margin: 0px 10px 0px 10px;
}

.search-mode-filters .assignee-labels .label, .site-labels .label, .equipment-labels .label{
    display: inline-block;
}

.search-mode-filters .assignee-labels {
    min-width: 0px;
}

.search-mode-filters .label a:hover {
  cursor:pointer;
}
.search-mode-filters .search-start-date span {
  padding: 5px;
}
.search-mode-filters .workflow-state-label {
  display: inline-block;
}

.search-mode-filters .workflow-group {
  clear: left;
  float: left;
}
.search-mode-filters .workflow-name,
.search-mode-filters .task-types-title,
.search-mode-filters .marker-types-title {
  font-weight: bold;
  font-size: 11px;
  float: left;
  margin-top: 6px;
}
.search-mode-filters .workflow-labels {
  clear: left;
  float: left;
}
.search-mode-filters .quick-search-title {
  float: left;
  padding: 2px;
  font-weight: bold;
  font-size: 10px;
}
.search-mode-filters .quick-search-link {
  float: left;
  margin: 3px 6px 0px;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 2px 3px;
  font-size: 11px;
  line-height: 14px;
  cursor: pointer;
}
.search-mode-filters .task-type .choice-icon,
.search-mode-filters .marker-type .choice-icon,
.search-result-controls .result-type .result-type-color {
  margin-left: 0px;
}
.search-mode-filters .task-type,
.search-mode-filters .marker-type,
.search-result-controls .result-type {
  padding: 3px;
  margin-right: 2px;
}
.search-date-range, .search-text-filter, .assignee-filters, .site-filters, .equipment-filters {
    padding: 5px 0px;
}

.search-button {
    text-align: center;
    clear: left;
    width: 100%;
}

.search-button .btn {
    margin: 15px;
    margin-bottom: 0;
    padding: 10px;
    font-size: 18px;
}

.search-button .icon-search {
    margin-right: 10px;
    margin-top: 3px;
}

.search-button .action-container {
    position:relative;
    float:left;
    left:50%;
}

.search-button .action-wrapper {
  position:relative;
  float:left;
  left:-50%;
}

@media (max-width: 1400px) { 
  .exit-search-mode-text { display: none; }
  .madeto-toggle-text { display: none; }
  .multi-select-toggle-text { display: none; }
  .options-menu-toggle .full-name { display: none; }
}

@media (max-width: 1000px) { 
  .options-menu-toggle .user-name { display: none; }
}

.search-loading-gif {
    background-image: url("../img/loading-spiffy-32.GIF");
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    left: -20%;
    margin: 20px 4px 10px;
}

.search-loading-message,
.search-outdated-results, 
.search-no-results,
.search-no-results-yet,
.search-result-controls {
    width: 100%;
    text-align: center;
    float: left;
}
.search-result-controls {
  text-align:left;
}

.search-loading-message > div,
.search-outdated-results > div,
.search-no-results > div,
.search-no-results-yet > div {
    width: 550px;
    font-size: 18px;
    font-weight: bold;
    margin: 30px auto;
}

.search-result-controls .results-label {
    font-size: 14px;
    font-weight: bold;
    margin: 14px 5px 6px 3px;
    float: left;
}


.export-format-tooltip {
   text-align: left; 
   font-size: 13px;
}

.export-format-tooltip ul,
.export-format-tooltip li {
  text-align: left;
}

.search-result-controls .results-export {
    float:right;
    margin:10px 3px 10px 18px;
    display:block;
}

.remove-all-link {
  padding: 4px;
  position: relative;
  top: 2px;
  cursor: pointer;
}

.search-result-controls .task-results-toggle,
.search-result-controls .marker-results-toggle {
    
}

.search-result-controls .results-task-marker-toggle {
    float: left;
    margin: 11px 5px 6px;
}

.search-mode-filters .type-filters,
.search-mode-filters .site-labels,
.search-mode-filters .equipment-labels {
    padding: 3px 0;  
}

.search-mode-filters .filter-sites {
    padding: 3px 3px 3px 5px;
}

.search-mode-filters .context-labels {
  padding-bottom: 10px;
  margin-left: 5px;
}

.search-result-container {
    float: left;
    width: 100%;
    height: 100%;
    margin: 0px 0 10px;
    padding: 5px 2%;
    
    background-color: rgba(250, 250, 250, 0.80);
    border: 1px solid rgb(113, 201, 245);
    border-radius: 5px;
    background-color: rgba(79, 81, 85, 0.15);
}

.search-mode-filters .search-result-container {
  margin: 0;
  margin-top: 4px;
  padding-top:
}

.search-result-outdated {
    opacity: 0.5;
}

.search-result-container:hover {
    background-color: rgba(79, 81, 85, 0.2);    
    cursor: pointer;
}

.edit-icon {
    display: none;
}

.search-result-container:hover .edit-icon {
    display: inline;
    position: absolute;
    right: 0.5%;
}

.result-info {
    width: 26%;
    float: left;
    padding: 0px 0px;
}

.result-title {
    float: left;
    font-weight: bold;
}

.result-type {
    clear: left;
    float:left;
}
.result-order-number {
    float: left;
    clear: left;
    font-size: 12px;
    font-weight: bold;
}

.result-type-color {
    float: left;
    width: 15px;
    height: 15px;
    margin: 1px 2px 0px 6px;
    border-radius: 12px;
}

.result-type-name {
    float: left;
    font-size: 10px;
    padding: 0px 0px 0px 2px;
}

.result-description {
    clear: left;
    float: left;
    padding: 0px 2px;
    font-size: 11px;
}

.result-site {
    float: left;
    width: 25%;
    padding: 0px 2%; 
}

.result-site-name {
    float: left;
    margin: 5px 5px 0px 5px;
}

.result-client-name {
    clear: left;
    float: left;
    margin: 5px 5px 5px 5px;
    font-size: 10px;
    
}

.result-equipments {
    clear: left;
    float: left;
    padding: 5px;
}

.result-equipment-item {
    margin: 2px 2px;
    float: left;
    white-space: normal;
}

.result-service-point {
    float: right;
    width: 32%;
    padding: 0px 3%; 
}

.wide-service-point-result {
    width: 52%;
    padding: 0px 2%;
}

.result-service-point-name {
    float: left;
    margin: 5px;
}

.result-assignees {
    clear: left;
    float: left;
    padding: 5px;
}

.result-assignee {
    margin: 2px;
    float: left;
    white-space: normal;
}

.result-schedule {
    float: right;
    width: 17%;
    padding: 0px 2%;
}

.result-icon {
    float: left;
    width: 100%;
    height: 12px;
    position: relative;
    bottom: 4px;
    right: 17px;
}

.result-info .result-icon {
    right: 12px;
}

.result-from-label {
    float: left;    
    margin: 2px;
    height: 10px;
    line-height: 10px;
}
.result-from-value {
    clear: left;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 2px;
    margin: 1px;
    background-color: rgba(255, 255, 255, 0.6);
    color: #71C9F5;
}
.result-from-value-time {
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
    margin: 1px;
    color: #71C9F5;
    background-color: rgba(255, 255, 255, 0.6);
}
.result-to-label {
    clear: left;
    float: left;    
    margin: 2px;
    height: 10px;
    line-height: 10px;
}
.result-to-value {
    clear: left;
    float: left;
    font-size: 16px;
    font-weight: bold;
    padding: 2px;
    margin: 1px;
    color: #71C9F5;
    background-color: rgba(255, 255, 255, 0.6);
}
.result-to-value-time {
    float: left;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
    margin: 1px;
    color: #71C9F5;
    background-color: rgba(255, 255, 255, 0.6);
}
.result-to-time-label {
    float: left; 
    margin: 3px;
    font-size: 10px;
}

.from-to-time {
    position: relative;
    left: 4px;
}

.search-text .type-labels {
    padding-left: 5px;
    float: left;
    clear: left;
}
.search-text .type-label {
    margin: 2px 1px;
    float: left;
}
.result-workflow-state {
  clear: left;
  float: left;
  font-size: 10px;
  padding-left: 2px;
}
.result-workflow-state .choice-icon {
  font-size: 13px;
}

.icon-child-task {
    float: right;
    position: relative;
    left: 30%;
}

.search-export {
    float: left;
    margin: 20px 10px 10px 10px;
    width: 20% !important;
}

#export-format-choice {
  float: right;
  margin: 13px 0 13px 13px;
  cursor: pointer;
}

#export-format-choice li a {
  padding-left: 24px;
}



/* Documentation */
.docs-changelog {
    background-color: #e8e8e8;
    margin-top: 24px;
    padding: 6px
}

.docs-changelog-item {
    margin: 5px 0px;
    background-color: rgb(250, 250, 250);
    padding: 10px;
}

.docs-changelog-date {
    float: right;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #71C9F5;
}

.docs-changelog-item h1,
.docs-changelog-item h2 {
}

.docs-changelog-item > img,
.docs-changelog-item > .gifplayer-wrapper {
    margin: 5px 5px 18px;
    max-width: 99%;
    border: 2px solid #71C9F5;   
}

.play-button {
  position: relative;
  bottom: 4px;
  left: 1.5px;
}
.docs-changelog-item > .gifplayer-wrapper {
  margin-bottom: 14px;
}
.docs-changelog .icon-bell {
  position: relative;
  bottom: 6px;
  left: 6px;
  z-index: 1;
}
.docs-changelog-feedtitle {
    padding: 3px 9px 3px 26px;
    color: #71C9F5;
    background-color: rgb(250, 250, 250);
    text-transform: uppercase;
    margin: 24px 0px 9px;
    display:inline-block;
    position: relative;
    right: 14px;
}
.old-changelogs {
  font-size: 11px;
  margin: 9px;
}
.old-changelogs span {
  color: #888;
  padding: 1px 2px;
}
.old-changelogs a {
  margin: 0 2px 0 2px;
  padding: 1px 2px;
}
.old-changelogs a.current-year {
  background-color: rgb(250, 250, 250);
}

@media print {
    html {
        background-image: none !important;
    }
    
    body {
        padding-top:0px;
    }
    
    .left-time-navigation div {
        display: none;
    }
    
    .navbar-fixed-top, .navbar-fixed-bottom {
        position: relative;
    }
    
    #fixed-header {
        position: relative;
        top: 0px !important;
    }
    
    #calendar-views-spacer {
        height: 0px !important;
    }    
    
    .global-time-axis-wrapper.site-time-axis {
        top: 100px;
    }
    .global-time-axis-wrapper.assignee-time-axis {
        top: 100px;
    }    
}


#optimization-overlay {
    display:none; /*only displayed through js*/

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
}

#optimization-overlay .badge {
    position: absolute;
    top: 45%;
    background-color: #FFF;
    height: 120px;
    height: auto;
    font-size: 24px;
    line-height: 114px;
    left: 50%;
    border-radius: 10px;
    border: 3px solid #71C9F5;
    color: #999;
    padding: 0 45px 0 45px;
    -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

#optimization-overlay .after-optimization {
  line-height: 16px;
  padding: 25px;
  text-shadow: none;
}

#optimization-overlay .madeto-failure-title-badge {
  margin: 10px 0 35px;
} 

#optimization-overlay .madeto-failure-message {
  font-size: 14px;
  color: #4F5155;
  
  line-height: 20px;
  white-space: normal;
  width: 600px; 
  font-weight: normal;
}

#optimization-overlay .madeto-failure-message br {
  line-height: 30px;
}

#optimization-overlay .madeto-close-popup {
  text-align: center;
  line-height: 36px;
  margin: 20px 0 5px;
}

#optimization-overlay .loader {
    padding-left: 66px;
    background: transparent url('/img/optimizing.gif') no-repeat 0px;
    background-size: 48px 48px;
    float: left;
}

.btn-danger > span,
.btn-success > span {color:white;}


/********** MADETO MODE ***********************/
.madeto-toggle .btn {
    margin-top: 4px !important;
    padding: 4px !important;
}

.madeto-toggle .btn:hover {
    background-position: 0px !important;
}

.nav > li.madeto-toggle > .btn {
  text-shadow:none;
}

.madeto-toggle {padding-right:8px;}
/*************** END MADETO MODE ***************/

/********** MULTI-SELECT MODE ***********************/
.multi-select-btn-group.btn-group {
  margin-top: 0;
  padding: 0;
  padding-right:8px;
}

.multi-select-btn-group .btn {
  margin-top: 4px !important;
  padding: 4px !important;
}

.multi-select-btn-group .btn:hover {
  background-position: 0px !important;
}

.nav > li.multi-select-btn-group > .btn {
  text-shadow:none;
}

.navbar .nav > li > a.multi-select-menu-toggle,
.navbar .nav > li > a.multi-select-toggle {
  float: left;
}

.multi-selected {
  border: 1px solid #4F5155;
  font-weight: bold;
  border-top-left-radius: 0;
}

.multi-selected .multi-selected-icon {
  position: absolute;
  height: 22px;
  padding: 0 3px 0 3px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-right-radius: 12px;
  left: -6px;
  top: -2px;
  background-color: #006dcc;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  border-left: 1px solid white;
}

.multi-selected.marker-container .multi-selected-icon {
  left: -1px;
  top: -4px;
  height: 21px;
  padding-top: 1px;
}

.multi-select-count {
  color: white;
  font-size: 14px;
  font-weight: bold;
}

.title-in-form-header .multi-select-count {
  position: relative;
  bottom: 3px;
  right: 5px;
}

.multi-select-help {
  max-width: 300px;
  font-size: 10px;
  line-height: 10px;
  display: inline-block;
}

.multi-select-mode-on .multi-select-toggle-text {
  color: white;
}

.nav .dropdown-toggle .caret {
  border-top-color: #000000;
}
.madeto-group-label {
  padding: 8px 10px 9px 10px;
  font-size: 12px;
  /* border-left: 1px solid white;
  border-top: 1px solid white; */
  border-top-left-radius: 9px;
  background-color: #434343;
  position: relative;
  top: 2px;
  border-bottom: 1px solid grey;
}
.madeto-group-label-text {
  font-weight: bold;
  color:white;
}
.madeto-mode-header .icon-screenshot {
  position: relative;
  bottom: 1px;
}
.madeto-mode-header.form-header .form-buttons {
  padding-right: 10px;
  margin-top: 0px;
  padding-top: 6px;
  padding-bottom: 5px;
  /* border-right: 1px solid white;
  border-top: 1px solid white; */
  border-top-right-radius: 9px;
  border-bottom-right-radius: 0px;
  background-color: #434343;
  margin-bottom: 0;
  position: relative;
  top: 2px;
  border-bottom: 1px solid grey;
}
.optimization-horizon-controls {
  height: 15px;
}
.horizon-timeline-spacing-container {

  margin-left: 10%;
  margin-right: 5%;
  width: 85%;
}
.horizon-control-container {
  background-color: #434343;
  border-top-left-radius: 9px;
  /* border-top-right-radius: 0px; */
  /* border-top: 1px solid white;
  border-bottom: 1px solid white;
  border: 1px solid white; */
  height: 15px;
}
.horizon-control {
  display:block;
  z-index: 11;
  font-size: 11px;
  line-height: 10px;
  height: 13px !important;
  padding: 2px 0px;
  top: 1px !important;
  text-align: center;
  background-color:white;
  font-weight: bold;
  border-left: 1px double black;
  border-radius: 9px;
  border-right: 1px double black;
}
.horizon-label {
  height: 11px;
  line-height: 11px;
  display: block;
  overflow: hidden;
}
.optimizer-preselection-status-msg,
.optimization-failure-status-msg {
  color: rgb(202, 32, 32);
  font-weight: bold;
}
.work-time-text {
  color: #cccccc;
}
.work-time-text b {
  color: white;
}
/*************** END MULTI-SELECT MODE ***************/



/********* TASK FORM OVERHAUL ***********/

.form-header {
  background-color: #71C9F5;
  /* background-color: #f5f5f5;
  border-bottom: 2px solid #71C9F5;  */
  clear: left;
  float: left;
  width: 100%;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
  /*transition: height 0.25s linear;*/
  border-top: 2px solid #71C9F5;
}

.form-header > div {
   background-color: #71C9F5;
  //background-color: #f5f5f5;
  //border-bottom: 2px solid #71C9F5; 
}

.form-header .form-header-title {
  margin: 4px 6px 4px 10%;
  padding: 6px;
  font-size: 20px;
  font-style: italic;
  color: rgb(79, 81, 85);
  color: white;
}

.form-header .title-in-form-header {
  font-size: 16px;
  margin-top: 11.5px;
  font-weight: bold;
  color: #777;
}

.form-header .form-buttons {
  margin-right: 5%;
  margin-top: 5px;
  margin-bottom: 4px;
}

.form-header .save .button-text {
  font-size: 14px;
  margin-left: 4px;
  bottom: 0px;
}

.form-header .task-creation-info, 
.form-header .marker-creation-info {
  clear: none;
  margin: 8px 6px 0px 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 10px;
  opacity: 0.5;
}

.form-header .task-creation-info:hover, 
.form-header .marker-creation-info:hover {
  opacity: 1;
}

.form-header .task-creation-info .info-label,
.form-header .task-creation-info .info-value {
  display:none;
  position: relative;
  top: 2px;
}

.form-header .task-creation-info:hover .info-label,
.form-header .task-creation-info:hover .info-value {
  display:inline-block;
}

.form-header .task-creation-info .info-value {
  margin-right: 9px;
  margin-bottom: 0px;
  padding-bottom: 3px;
  font-size: 10px;
}

.form-header .task-creation-info-toggle {
  display: inline-block;
}

.form-header .delete {
  margin-top: 11px;
  margin-left: 3px;
  margin-right: 12px;
}

.form-header .icon-trash {
  width: 16px;
  height: 16px;
}

.task-edit-mode-panel .form-header .cancel .button-text {
  margin-left: 2px;
}

.marker-edit-mode-panel .form-header .cancel .button-text {
  margin-left: 8px;
}
/*---------*/

.form-info-section-separator {
  margin: 6px 0;
}

.form-info-section {
  margin-left: 10%;
  padding: 30px 12px 4px;
  width: 85%;
  margin-right: 5%;
  background-color: #f5f5f5;
  border-top: 2px solid #71C9F5;
  border: 1px solid #999;
}

.form-info-section.no-bottom-radius {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom: none;
}

.form-info-section.no-top-radius {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top: none;
}

.form-info-section .task-type-badge,
.form-info-section .marker-type-badge {
  padding-left: 16px;
}

.form-info-section .info-section-title-wrapper {
  width: 0px;
  display: block;
  position: relative;
  right: 3px;
  bottom: 36px;
}

.form-info-section .info-section-title {
  padding: 4px 12px 4px 12px;
  background-color: white;
  border-radius: 10px;
  min-width: 78px;
  height: 26px;
  /* border: 2px solid rgba(113, 201, 245, 0.59); */
  
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 5px rgba(0, 0, 0, 0.1);
  border-top: 1px solid #999;
}

.form-info-section .task-edit-panel-icon {
    margin-top: 1px;
    margin-bottom: 0px;
}

.form-info-section .title-label{
  color: rgb(79, 81, 85);
  font-size: 12px;
  border: none;
  line-height: 15px;
  margin: 1px 0px 0px 6px;
}

.form-info-section .form-field {
  margin-left: 6px;
  margin-right: 6px;
  /*margin-top: 6px;*/
  margin-bottom: 10px;
  /*min-height: 35px;*/
}

.form-info-section .form-field.task-type {
  margin-bottom: 11px;
}

.form-info-section .child-tasks .child-task-forms .form-field.task-type {
  margin-bottom: 10px;
}

.form-info-section #task-type .dropdown {
  min-width: 0px;
}

.form-info-section .aligned-form-field {
  float: left;
  clear: none !important;
}

.form-info-section .date-range-control {
  clear: none !important;
  width: auto;
  padding: 2px 5px 0px 3px;
  background-color: rgba(113, 201, 245, 0.59);
  border-radius: 10px;
  border: 1px solid rgba(113, 201, 245, 0.59); 
  color: white;
  height: 42px;
}
.form-info-section .date-range-control.form-is-hovering {
  border-color: rgba(79,81,85, 0.75); 
}
.form-info-section .date-range-control.workflow-to-the-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 1px solid rgba(113, 201, 245, 0.59) !important; 
}
.task-workflow-state {
  float: right;
  width: 0;
  position: relative;
  right: 44px;
  margin-left: 0 !important;
}
.task-workflow-state .choice-icon {
  border: 2px solid white;
}
.task-workflow-state .choice-icon.big-icon {
  height: 24px;
  width: 35px;
  top: -0.5px;
}
.task-workflow-state .choice-icon.big-icon > span {
  bottom: 1px;
  left: 1px;
}
.task-tooltip-workflow-state .choice-icon {
  border: 2px solid white;
}
.task-tooltip-workflow-state .choice-icon.big-icon {
  height: 24px;
  width: 35px;
}
.task-tooltip-workflow-state .choice-icon.big-icon > span {
  position: relative;
  bottom: 2px;
  right: 4px;
}
.task-tooltip-workflow-state .workflow-state-name {
  color: #71C9F5;
  font-weight: bold;
}
.tooltip-separator {
  margin: 10px 0% 9px;
  width: 100%;
  border-bottom: 1px dotted #d7d7d7;
  opacity: 0.5;
}
.tooltip-separator.less-margin {
  margin-top: 5px;
  margin-bottom: 9px;
}
.workflow-state-selector {
  width: auto;
  padding: 6px 8px 6px 6px;
  background-color: rgba(113, 201, 245, 0.59);
  background-color: #d7d7d7;
  border-radius: 10px;
  border: 1px solid rgba(113, 201, 245, 0.59); 
  border-color: #d7d7d7;
  color: white;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-left-color: #f5f5f5;
  height: 42px;
}

.workflow-state-selector .icon-flag {
  float: left;
  margin-right: 4px;
  position: relative;
  bottom: 2px;
}
.workflow-state-selector .dropdown {
  float: left;
}
.workflow-state-selector .group-name {
  color: #333333;
}
.form-info-section .workflow-state-selector.form-is-hovering {
  border-color: rgba(79,81,85, 0.75); 
}

.form-info-section .date-range-control .form-field {
  margin: 3px;
}
.form-info-section .date-range-control label {
  line-height: 22px;
  font-weight: bold;
}
.form-info-section .task-schedule > .icon-time {
  position: relative;
  left: 20px;
  top: 6px;
  z-index: 1;
}
.form-info-section .bootstrap-timepicker .icon-time {
  position: relative;
  left: 0px;
  top: 0px;
  z-index: auto;
}

.bootstrap-timepicker-widget table {
  table-layout: auto;
}

.specific-time .js-timepicker {
  border: 1px solid #cccccc;
  -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);
  width: 50px;
  color: rgb(85, 85, 85);
  padding: 4px 5px;
}

.form-info-section .specific-time .add-on {

  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 29px;
  padding: 5px 1px 5px 3px;

  margin: 0;
}
.form-info-section .date-range-control .time-buttons .btn-group {
  top: 0px;
}
.form-info-section .date-range-control .time-buttons .btn-group .btn {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.form-info-section .date-range-control .time-buttons .btn-group .btn span {
  position:relative;
  top: 0px;
}

.specific-time .js-timepicker.invisible-specific-time {
  width:0;
  padding:0;
  margin:0;
  border:0;
}
.specific-time .js-timepicker.invisible-specific-time:active,
.specific-time .js-timepicker.invisible-specific-time:focus {
  width: 50px;
  padding: 4px 5px;
  border: 1px solid #cccccc;
}

.form-info-section .order-number input {
  width: 135px;
}
.form-info-section .notes, 
.form-info-section .notes textarea, 
.form-info-section .notes input[type="text"] {
  width: 527px;
  min-height: 32px;
}

.form-info-section .bland-dropdown,
.form-info-section .not-editable,
#search-mode-container .bland-dropdown  {
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
}

#search-mode-container .bland-dropdown {
  padding: 4px 6px;  
}

.form-info-section .not-editable {
  padding: 4px 6px;
}

.form-info-section .not-editable.not-editable-nowrap {
  padding: 0;
  border-radius: 0;
  background: none;
  border: none;
}

.form-info-section .bland-dropdown a.dropdown-toggle {
    padding: 4px 8px;
    height: 28px;
    display: block;
}

.form-info-section .task-schedule {
    position: relative;
    right: 4px;
    bottom: 6px;
    margin-bottom: 2px;
}

.form-info-section #menu-work-site,
.form-info-section .add-control {
  position:relative;
  bottom: 3px;
}

.form-info-section .remove-all-assignees a,
.form-info-section .equipment-remove-all a {
  font-size: 10px;
  line-height: 10px;
  padding: 0 3px;
}

.form-info-section .icon-subdivision,
.task-tooltip-subtask-count .icon-subdivision,
.search-result-container .icon-subdivision {
  padding: 3px;
  font-weight: bold;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #ddd;
  line-height: 11px;
  width: 16px;
  height: 16px;
  color: #4F5155;
}
.task-tooltip-subtask-count .icon-subdivision {
  position: relative;
  bottom: 3px;
  right: 3px;
}
.task-tooltip-subtask-count {
  color:  rgba(113, 201, 245, 1);
  font-weight: bold;
}
.search-result-container .icon-subdivision {
  float: right;
  position: relative;
  left: 25%;
  top: 3px;
}
.show-more-results {
  text-align: center;
  font-size: 16px;
  margin: 24px 0 48px;
  float: left;
  width: 100%;
}
.show-more-results a {
  font-weight: bold;
  cursor: pointer;
  font-size: 18px;
}
.large-query-warning {
  float:left;
  width: 100%;
  text-align: center;
  font-size: 12px;
  margin: 12px 0 0;
}

/*-----------*/

.form-site-view-group {
  background-color: rgba(113, 201, 245, 0.59);
  border-radius: 0;
}

.task-edit-mode-panel .site-view-group-info, 
.task-edit-mode-panel .service-point-info {
  font-size: 13px;
}

.task-edit-mode-panel .site-view-group:first-child {
  padding: 8px 0;
}
.task-edit-mode-panel .assignee-calendars .form-site-view-group {
  background-color: #999999;
}
.task-edit-mode-panel .assignee-calendars .service-point-info {
  color: white;
}

.edit-mode .form-site-view-group .assignee-name {
  display: none;
}

.form-site-view-group .edit-mode-assignees {
  background-color: #fdfdfd;
}

/*--------------*/


.form-info-section .child-task-form {
  /*border-left: 2px solid rgba(113, 201, 245, 0.6);
  border-right: 2px solid rgba(113, 201, 245, 0.6);
  padding-top: 10px;*/
  padding-bottom: 0px;
  margin: 3px 0;
  background-color: #f5f5f5;
  width: 100%;
}
.form-info-section .child-tasks {
  margin-bottom: 6px;
  border-radius: 0;
}
.form-info-section .child-task-count {
  margin: 0px 9px 0px 3px;
}
.form-info-section .child-task-count-number {
  color: rgba(113, 201, 245, 0.59);
  color: #71C9F5;
  font-weight: bold;
  font-size: 11px;
  position: relative;
  top: 1px;
}

.form-info-section .child-tasks .child-task-forms {
  margin: 0;
}
.form-info-section .child-task-form .date-range-control {
  background-color: solid rgba(113, 201, 245, 0.45);
  height: 34px;
}
.form-info-section .child-tasks .child-task-forms .work-team {
  border: none;
  background-color: #fdfdfd;
  width: 92.5%;
  padding: 6px 0;
  margin-top: 6px;
  margin-bottom: 12px;
  border-radius: 10px;
  border-top-left-radius: 0px;

  border: 4px solid #999;
  background-color: #d7d7d7;
}

.form-info-section .work-team-title {
  font-size: 12px;
  width: 7.5%;
  padding: 12px 6px;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  background-color: #fdfdfd;
  font-weight: bold;
  margin-top: 6px;

  background-color: #999;
  color: white;
}

.form-info-section .child-tasks .child-task-forms .order-number input,
.form-info-section .child-tasks .child-task-forms .date-range-control input {
    font-size: 11px !important;
    line-height: 14px;
    max-width: 110px !important;
}
.form-info-section .child-tasks .child-task-forms input.task-name {
    font-size: 11px !important;
    line-height: 14px;
    max-width: 145px !important;
}

.form-info-section .child-tasks .child-task-forms .date-range-control label {
  line-height: 14px;
  font-size: 12px !important;
}

.form-info-section .child-tasks .child-task-forms .form-field.notes {
  /*display: none;*/
  margin: 6px 9px 0px;
  height: auto;
}

.form-info-section .assignee-group-display-warning {
  padding-top: 6px;
  font-size: 11px;
  color: #999;
}

.form-info-section .workflow-state-selector .dropdown-toggle .choice-text,
.form-info-section .child-tasks .child-task-forms .dropdown-toggle .choice-text  {
  display: none; 
}
.form-info-section .child-tasks .child-task-forms  .not-editable .choice-text {
  font-size: 11px;
  position:relative;
  bottom: 2px;
}
.form-info-section .child-tasks .child-task-forms  .not-editable .choice-icon {

}

.form-info-section .child-tasks .child-task-forms .task-type .dropdown {
    width: 50px;
    height: 24px;
}
.form-info-section .child-tasks .child-task-forms .workflow-state-selector {
    height: 34px;
}
.form-info-section .child-tasks .child-task-forms .workflow-state-selector .dropdown {
    width: 65px;
    height: 26px;
    position: relative;
    bottom: 3px;
}
.form-info-section .child-tasks .child-task-forms .workflow-state-selector .dropdown .choice-icon.big-icon {
    top: 2px;
}
.form-info-section .child-tasks .child-task-forms .workflow-state-selector .dropdown-toggle {
    padding-top: 1px;
}
.form-info-section .child-tasks .child-task-forms .task-type .dropdown-toggle {
  padding-top: 1px;
}
.form-info-section .child-tasks .child-task-forms .task-type.not-editable  {
  padding-top: 2px;
}

.work-team-selection {
  margin-top: 6px;
  margin-bottom: 6px;
}

.select-all-related-equipment,
.select-no-related-equipment,
.select-all-related-assignees,
.select-no-related-assignees {
  cursor: pointer;
  text-align: left;
}

.form-info-section .task-edit-control {
  width: 100%;
}
.form-info-section .task-edit-control > .icon-subdivision {
  margin-left: 9px;
  margin-right: 9px;
  margin-top: 3px;
  margin-bottom: 16px;
}
.form-info-section .subdivide-work-with-same-team-button {
  margin-right: 6px;
  margin-top: 8px;
}
.form-info-section .subdivide-work-with-same-team-button .icon-subdivision {
  position: relative;
  bottom: 2px;
}
.form-info-section .subdivide-work-with-same-team-button .subdivide-work-with-same-team-button-label {
  position: relative;
  top: 1px;
}

.form-info-section .child-tasks .child-task-forms .date-range-control .time-buttons .btn-group .btn {
  line-height: 8px !important;
  font-size: 8px !important;
  padding: 1px 3px;
}
.form-info-section .child-tasks .child-task-forms .date-range-control .js-timepicker,
.form-info-section .child-tasks .child-task-forms .date-range-control .js-timepicker.invisible-specific-time:active,
.form-info-section .child-tasks .child-task-forms .date-range-control .js-timepicker.invisible-specific-time:focus {
  width: 42px;
}
.form-info-section .child-tasks .child-task-forms .date-range-control .js-timepicker.invisible-specific-time {
  width: 0px;
}
.form-info-section .child-tasks .child-task-forms .date-range-control #start-date,
.form-info-section .child-tasks .child-task-forms .date-range-control #end-date {
  width: 75px;
}
.form-info-section .child-tasks .child-task-forms .date-range-control .specific-time .add-on {
  height: 22px;
  padding: 1px 1px 1px 3px;
}


.form-info-section .child-tasks .child-task-forms .form-field {
  height: 24px;
  margin-left: 3px;
}
.form-info-section .child-tasks .child-task-forms .delete {
  margin: 0 8px 14px;
  position: relative;
  right: 3px;
}


.form-info-section .child-tasks .child-task-forms .delete .icon-trash {
  position: relative;
  right: 0px;
  bottom: 1px;
}

.form-info-section .child-tasks .validation-message {
  display: none;
}

.form-info-section .child-tasks .child-task-forms .task-edit-control {
  width: 100%;
  max-width: 100%;
  padding-top: 13px;
  padding-bottom: 0px;
  background-color: rgba(113, 201, 245, 0.20);
  border: 1px solid white;
}
.form-info-section .child-tasks .child-task-forms .task-edit-control.is-hovering {
  background-color: rgba(113, 201, 245, 0.40); 
  border-color: rgba(79,81,85, 0.75);
}
.form-info-section .child-quick-selectors {
  text-align: center; 
  padding-top: 6px;
  border-top: 2px solid rgba(113, 201, 245, 0.52);
  border-bottom: 2px solid rgba(113, 201, 245, 0.52);
  background-color: rgba(113, 201, 245, 0.2);
  background-color: rgba(245, 245, 245, 0.4);
}
.form-info-section .equipment-selector {
  margin-top: 3px;
}
.form-info-section .child-task-form .equipment-selector {
  margin-top: 0;
}

.form-info-section .equipment-labels {
  margin: 0px;
}
.form-info-section .equipment-list {
    position: relative;
    top: 2px;
}

.form-info-section .restriction-controls .equipment-list {
  width: 35%;
}


.form-info-section .label-equipment,
.form-info-section .assignee-label {
  padding:4px 6px 4px 6px;
}
.equipment-icon {
    background-image: url(/img/icon-flash-white.png);
    background-size: 10px;
    width: 10px;
    height: 14px;
    background-repeat: no-repeat;
    float: left;
    margin-top: 1px;
}
.equipment-icon-black {
    background-image: url(/img/icon-flash-black.png);
    background-size: 10px;
    width: 10px;
    height: 14px;
    background-repeat: no-repeat;
    float: left;
    margin-top: 1px;
}
.marker-tooltip-equipment .label-equipment,
.task-tooltip-equipment .label-equipment {
    padding:6px;
}
.marker-tooltip-equipment .equipment-icon,
.marker-tooltip-equipment .equipment-icon-black,
.task-tooltip-equipment .equipment-icon,
.task-tooltip-equipment .equipment-icon-black {
    float:none;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.task-tooltip-assignee .icon-user {
    margin-right: 4px;
}
.site-tooltip-label .icon-map-marker {
  position:relative;
  bottom: 2px;
  right: 3px;
}
.assignee-icon {
    float: left;  
}
.equipment-name,
.assignee-label-name {
    padding: 2px 6px;
    float: left;
}
.equipment-name-archived,
.assignee-label-name-archived {
    opacity: 0.8;
}
.equipment-remove-anchor,
.assignee-remove-anchor {
    padding: 1px;
    float: left;
    cursor: pointer;
}
.equipment-remove-all,
.remove-all-assignees {
  margin-top: 2px;
}
.child-task-work-teams {
  margin-left: 15px;
}
.child-task-work-teams .btn-group,
.child-task-equipment .btn-group {
  white-space: normal;
}
.child-task-work-teams,
.child-task-equipment {
  display: inline-block;
}
.child-task-work-teams .assignee-icon,
.child-task-equipment .equipment-icon-black {
  margin-top: 4px;
  margin-right: 6px;
}

.child-task-work-teams .work-team-toggle,
.child-task-equipment .equipment-toggle {
  font-size: 10px;
  font-weight: bold;
  text-decoration: line-through;
}
.child-task-work-teams .work-team-toggle:hover,
.child-task-equipment .equipment-toggle:hover {
  text-decoration: none;
}
.child-task-equipment .not-editable .equipment-toggle {

}
.child-task-work-teams .work-team-selected,
.child-task-equipment .equipment-selected {
  background-color: #999999;
  background-image: none;
  color: white;
  text-decoration: none;
  text-shadow: none;
}
.child-task-work-teams .work-team-selected:hover,
.child-task-equipment .equipment-selected:hover {
  text-decoration: line-through;
}
.child-task-work-teams .not-editable .work-team-selected:hover,
.child-task-equipment .not-editable  .equipment-selected:hover {
  text-decoration: none;
  cursor: not-allowed;
}
.work-team .child-task-work-teams {
  /* hide work team toggle in TEAMS section */
  /*display: none;*/
}
.equipment-specific-child-tasks .label-equipment {
  margin: 8px 8px 0px;
  display: inline-block;
}
.equipment-specific-child-tasks .child-task-equipment {
  /* hide equipment toggle in SITE/EQUIPMENT section */
  /* display: none;*/
}
.equipment-specific-child-tasks .multi-equipment-child-task.child-task-equipment {
  /* hide equipment toggle in SITE/EQUIPMENT section */
  display: inline-block;
}
.equipment-specific-child-tasks {
  background-color: #d7d7d7;
  padding: 0;
  border: 4px solid #999;
  border-bottom: none;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.equipment-specific-subsection-bottom {
  float: left;
  width: 100%;
  border: 2px solid #999;
  border: none;
  border-top: none;
  display: block;
  height: 12px;
  height: 0px;
  background-color: #d7d7d7;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-bottom: 18px;
}

.split-explanation-label {
  margin-top: 4px;
  display: inline-block;
}
.split-explanation-team-count,
.split-explanation-equipment-count {
  margin-top: 4px; 
  cursor: pointer;
  display: inline-block;
}
.assignee-labels-teams-hint,
.equipment-labels-child-tasks-hint {
  margin-right: 18px;
}
.form-info-section .assignee-labels-teams-hint .icon-subdivision,
.form-info-section .equipment-labels-child-tasks-hint .icon-subdivision {
  margin-top: 0px; 
  margin-right: 2px; 
}
.form-info-section .assignee-labels {
  min-width: 0px;
}
.form-info-section .remove-all-assignees {
  margin-top: 4px;
}
.form-info-section .subdivide-work-button-group {
  position: relative;
  bottom: 4px;
}
.form-info-section .subdivide-work-with-equipment {
  margin: 9px 6px;
}
.form-info-section .subdivide-work-with-equipment .icon-subdivision {
  margin: 0;
  position:relative;
  bottom: 1px;
}
.form-info-section .subdivide-work-with-equipment .subdivide-work-with-equipment-label {
  position:relative;
  top: 1px;
}
.equipment-specific-child-tasks .child-tasks {
  width: 92.5%;
  margin-bottom: 0px;
}
.all-child-tasks .child-tasks {
  width: 100%;
  margin-bottom: 0px;
}
.child-task-equipment {
  width: auto;
  margin-top: 0px;
}

.top-right-controls .show-more-or-less {
  margin-bottom: 4px;
  border-radius: 14px;
  padding: 0px 3px 1px 4px;
  background: none;
  border: none;
  cursor: pointer;
  opacity: 0.85;
  background-color: rgba(221,221,221,0.45);
}
.top-right-controls .show-more-or-less:hover {
  background-color: rgba(221,221,221,0.7);
  opacity: 1;
}

.top-right-controls .show-more-or-less .icon-minus,
.top-right-controls .show-more-or-less .icon-plus {
  display: none;
}
.more-shown .top-right-controls .show-more-or-less .icon-minus {
  display: inline-block
}
.less-shown .top-right-controls .show-more-or-less .icon-plus {
  display: inline-block;
}

/*.less-shown .notes,
.less-shown .notes textarea,
.less-shown .notes input[type="text"] {
  display: none;
}*/

.form-info-section .title-label.restriction-tab-label {
  margin-left: 24px;
  float: none;
  padding-top: 1px;
}

.form-info-section .top-right-controls-wrapper {
  /* width: 0px; */
  height: 0px;
  position: relative;
  /* left: -22px; */
  bottom: 36px;
}

.form-info-section .top-right-controls {
  /* width: 27px; */
  height: 26px;
  padding: 2px 3px 2px;
  background-color: white;
  border-radius: 10px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
  border-top: 1px solid #999;
}

.form-info-section .top-right-controls .time-info {
    font-size: 10px;
    float: right;
    padding: 0px 6px;
    color: #777;
}

.form-info-section .top-right-controls .time-info .time-info-label {
    
}

.form-info-section .top-right-controls .time-info .time-info-value {
    font-weight: bold;
}

.child-quick-selectors .time-info {
    background-color: white;
    font-size: 9px;
    float:left;
    margin: 4px 4px 0px 4px;
    padding: 2px 4px;
    border-radius: 4px;
    line-height: 10px;
}

.child-quick-selectors .time-info .time-info-value {
    font-weight: bold;
}


.form-info-section .client,
.form-info-section .client.editable {
  padding-top: 5px;
}


/********* END TASK FORM OVERHAUL *******/

/********* MARKER FORM OVERHAUL *******/
.form-info-section #marker-type .dropdown {
  min-width: 0;
}
.form-info-section #is-always-shown-field,
.form-info-section .is-completed-checkbox {
  margin-top: 6px;
}
.form-header .marker-creation-info .info-group {
  margin: 2px 3px 0;
  float:left;
  display:none;
}
.form-header .marker-creation-info:hover .info-group {
  display: inline-block;
}
.form-header .marker-creation-info .info-group .info-value {
  margin-right: 3px;
}
.marker-edit-mode-panel .form-info-section .marker-deadline-fields {
  padding: 3px 3px 0;
  background-color: rgba(113, 201, 245, 0.59);
  border-radius: 10px;
  border: 1px solid rgba(113, 201, 245, 0.59);
  color: white;
  position: relative;
  bottom: 3px;
  margin-left:9px;
  margin-right:9px;
}
.marker-edit-mode-panel .form-info-section .marker-deadline-fields .form-field {
  margin-top: 0px;
  margin-bottom: 0px;
}
.marker-edit-mode-panel .form-info-section .marker-deadline-fields .form-field label {
  line-height: 22px;
  font-weight: bold;
}
.form-info-section .marker-deadline-fields .marker-deadline {
  margin-right: 0px;
}
.form-info-section .marker-deadline-fields .icon-time {
    position: relative;
    left: 3px;
    top: 0px;
    z-index: 1;
}
/********* END MARKER FORM OVERHAUL  **/


/********** FILTERED MULTI CHOICE MENU ********/


.choice-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 2px;
  position:relative;
  top: 2px;
  border-radius: 8px;
}

.choice-icon.big-icon {
    width: 31px;
    height: 19px;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 8px;
    padding-bottom: 2px;
    top: 0;
}

.choice-icon.big-icon > span {
  position: relative;
  bottom: 1px;
}

.choice-selected-icon { 
  width: 14px;
  height: 14px;
  visibility: hidden;
  background-image: url("../img/glyphicons-halflings.png");
  background-position: -288px 0;
  display: inline-block;
}
.choice-selected:hover .choice-selected-icon,
.choice-selected:active .choice-selected-icon,
.choice-selected:focus .choice-selected-icon {
  background-image: url("../img/glyphicons-halflings-white.png");
}
.choice-selected .choice-selected-icon {
  visibility: visible;
  position: relative;
  right: 17px;
  top: 1px;
}

ul .choice-text {
  position: relative;
  right: 17px;
}

ul .choice-icon {
  position: relative;
  right: 17px;
}

.filter-text-container .icon-remove-circle {
  opacity: 0.5;
}

.filter-text-container .icon-remove-circle:hover {
  opacity: 0.5;
  cursor: pointer;
}

.close-menu-button button {
  border-radius: 16px;
  background:none;
  border:none;
  margin: 3px;
  opacity: 0.3;
}

.close-menu-button button .icon-remove {
  margin: 6px 7px 8px 7px;
}

.close-menu-button button:hover,
.close-menu-button button:active,
.close-menu-button button:focus {
  background-color: #DDD;
  opacity: 0.7;
}

.close-menu-button button:hover .icon-remove,
.close-menu-button button:active .icon-remove,
.close-menu-button button:focus .icon-remove {
}

.dropdown a.dropdown-toggle:hover {
  text-decoration: none;
}

.choice-text em,
.group-name em,
.choice-description-item em {
  text-decoration: underline;
  font-style: normal;
}

.dropdown .group-name {
  font-size: 14px;
  padding: 12px 6px 6px 9px;
  cursor: pointer;
}

.dropdown .group-name .click-to-filter-by-group-name {
  display: none;
}

.dropdown .group-name:hover .click-to-filter-by-group-name {
  display: block;
  float: right;
  font-size: 9px;
  color: #999;
  position:relative;
  top: 0px;
}

.bland-dropdown .dropdown-menu {
  min-width: 275px;
}

.nav-filter-menu .bland-dropdown .dropdown-menu {
  min-width: 350px;
}

.bland-dropdown .dropdown-menu a {
  display: inline-block;
  width: 100%;
}

.bland-dropdown .filter-text-divider {
   margin-bottom:0;
   margin-top:6px;
}

.nav-filter-menu .bland-dropdown .filter-text-divider {
   margin-bottom:0;
   margin-top:3px;
}

.nav-filter-menu-header {
  background-color: #414241;
  border-radius: 8px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0 2px 2px 2px

}
/********* END FILTERED MULTI CHOICE MENU  **/

/********* START CAPACITY ANALYSIS *********/

.capacity-analysis-toggle {
    background-color: rgba(67, 67, 67, 0.8);
    border: 1px solid #434343;
    border-radius: 12px;
    display: block;
    margin-right:5%;
    margin-top: 25px;
    position:relative;
    z-index:10;
}

.capacity-analysis-toggle:hover {
    background-color: rgba(67, 67, 67, 1);
}

.capacity-analysis-toggle-active {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: rgba(67, 67, 67, 1);

}

.capacity-analysis-toggle-active .icon-chevron-down {
    display: none;
}


.capacity-analysis-toggle-inactive .icon-chevron-up {
    display: none;
}

.capacity-analysis-toggle a {
    display: inline-block;
    padding: 3px 12px 4px;
}

.capacity-analysis-toggle-text {
    color: white;
    position: relative;
    top: 2px;
    margin-left: 2px;
    margin-right: 3px;
    display: none;
}

.capacity-analysis-toggle:hover .capacity-analysis-toggle-text,
.capacity-analysis-toggle.capacity-analysis-toggle-active .capacity-analysis-toggle-text  {
    display: inline-block;
}

.capacity-analysis {
    display: block;
    float:left;
    clear:left;
    width: 100%;
    position: relative;
    z-index: 10;
    background-color: #fdfdfd;
    border-radius: 20px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.site-group-capacity-analysis {
    display: block;
    float:left;
    clear:left;
    width: 100%;
    /*background-color:rgba(113, 201, 245, 0.1);*/
    border-radius: 20px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    box-sizing: border-box;
    border-top: 2px solid #434343;
    border-bottom: 2px solid #434343;
}

.site-group-capacity-analysis .site-calendar-data-container {
    padding: 20px;
    background-color: rgba(67, 67, 67, 0.7);
    background-color:rgba(67, 67, 67, 0.1);    
    float: left;
    width: 100%
}

.site-group-capacity-analysis .assignee-calendar-data-container {
    padding: 20px;
    background-color:rgba(67, 67, 67, 0.1);    
    float: left;    
    width: 100%
}

.site-group-capacity-analysis .data-container-separator {
    float:left;
    width:100%;
    padding: 0px 20px 0px;
    background-color: #faa732;
    /* background-image: linear-gradient(to bottom, rgba(67, 67, 67, 0.7) 50%, rgba(67, 67, 67, 0.1)); */
    height: 46px;
}



.site-group-capacity-analysis .data-container-separator-content-wrapper {
    
    width: 95%;
    margin: auto;
}

.site-group-capacity-analysis .separator-origin-labels {
    float: left;
    position: relative;
    left: -11px;
}

.site-group-capacity-analysis .separator-origin-label {
    color: white;
    float: left;
    padding: 0px 3px 0px;
    height: 22px;
}
.site-group-capacity-analysis .separator-x-axis {
    width:100%;  
    float:left;
}

.site-group-capacity-analysis .separator-x-axis {
    width:100%;  
    float:left;
    height: 0px;
    position: relative;
    bottom: 33px;
    color: white;
}

.site-group-capacity-analysis .separator-x-axis-label {
    font-size: 11px;
    position: relative;
    top:2px;
}

.site-group-capacity-analysis .separator-x-axis-bar {
    display: inline-block;
    height: 3px;
    background-color: white; 
    width:85%;    
    position: relative;
    left: -1px;
}

.site-group-capacity-analysis .separator-x-axis .icon-arrow-left {
    
    position: relative;
    bottom: -2px;
    left: 4px;
}
.site-group-capacity-analysis .separator-x-axis .icon-arrow-right {
    
    position: relative;
    bottom: -2px;
    right: 6px;
}

.site-group-capacity-analysis .separator-legend-bar {
    background-color: rgba(67, 67, 67, 0.7);
    height: 4px;
    /* display: block; */
    z-index: 50;
    position: relative;
    float: right;
    right: 20%;
    bottom: 22px;
    text-align: center;
}

.site-group-capacity-analysis .separator-legend-bar-label {
    
    position: relative;
    color: rgba(67, 67, 67, 0.7);
    font-weight: bold;
    line-height: 0px;
    top:13px;
}

.site-group-capacity-analysis .separator-origin-label-inner-text {
    position: relative;
    top: 1px;
    right: 2px;
}

.site-group-capacity-analysis .separator-origin-label-inner-text .highlight-info {
    font-weight: bold;
    background-color: white;
    color: #faa732;
    padding: 2px 5px;
    font-size: 9px;
    border-radius: 3px;
    position:relative;
    bottom: 1px;
    margin-left: 5px;
}

.site-group-capacity-analysis .separator-origin-label-inner-text .highlight-info .highlight-info-operation-sign {
    background-color: #faa732;
    color: white;
    border-radius: 8px;
    padding: 0 3px;
    line-height: 6px;
}

.site-group-capacity-analysis .origin-label-bottom .separator-origin-label-inner-text {
    position: relative;
    top: 4px;
}

.site-group-capacity-analysis .separator-origin-labels .icon-arrow-up {
    
    position: relative;
    bottom: -6px;
}

.site-group-capacity-analysis .separator-origin-labels .icon-arrow-down {
    
    position: relative;
    top: -1px;
}

.site-group-capacity-analysis .origin-arrow-bar {
    background-color: white;
    display: inline-block;
    width: 3px;
    position: relative;
    left: -13px;
}

.site-group-capacity-analysis .origin-label-top .origin-arrow-bar {

    height: 11px;
    top: 8px;
}

.site-group-capacity-analysis .origin-label-bottom .origin-arrow-bar {
    
    height: 11px;
    bottom: 0px;
}

.site-group-capacity-analysis .origin-label-bottom {
    clear: left;
}

.site-group-capacity-analysis .on-site-hours-start-line-container {
    position: absolute;
    top:18px;
    bottom:45px;
    width:100%;
    overflow: hidden;
    z-index: 0;
    padding: 20px;
}
.site-group-capacity-analysis .on-site-hours-start-line-container .on-site-hours-start-line-wrapper {
    width: 95%;
    margin: auto;
    
}
.site-group-capacity-analysis .on-site-hours-start-line-container .on-site-hours-start-line {
    float: left;
    border-left:2px solid red;
    border-left:2px solid #faa732;
    
    height: 10000px;
    width: 1px;
    position: relative;
    z-index: 10;
}

.site-group-capacity-analysis .capacity-demand,
.site-group-capacity-analysis .capacity-offer,
.site-group-capacity-analysis .capacity-other-group,
.site-group-capacity-analysis .capacity-external {
    display: block;
    float:left;
    clear:left;
    width: 100%;
    text-align: center;
    position:relative;
    z-index:1;
}

.site-group-capacity-analysis .capacity-demand {
    margin-bottom: 12px;
    margin-bottom: 0px;
}

.site-group-capacity-analysis .capacity-other-group,
.site-group-capacity-analysis .capacity-external {
    margin-top: 12px;
}

.site-group-capacity-analysis .histogram-container {
    width: 95%;
    margin: auto;
}

.site-group-capacity-analysis .constraints-empty-space {
    float: left;
    display: block;
    height: 1px;
    margin-right:2px;
}

.site-group-capacity-analysis .offsite-bottom {
    margin-right: 2px;
}

.histogram-burger-middle {
    float: left;
}


.site-group-capacity-analysis .histogram-block {
    height: 110px;
    float: left;
    opacity: 0.85;
    color: #000000;
    overflow: hidden;
    padding-top: 46px;
}

.site-group-capacity-analysis .histogram-block:hover {
    opacity: 1;
}

.site-group-capacity-analysis .histogram-block-tooltip-handle {
    white-space: nowrap;
    width: 100%;
}

.site-group-capacity-analysis .histogram-burger-top {
    min-width: 20%;
    background-color: rgba(67, 67, 67, 0.9);
    background-color: rgba(67, 67, 67, 1);
    float: left;
    border-radius: 18px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 3px 12px;
    text-align: left;
    border-top: 1px solid rgb(67, 67, 67);
    border-bottom: 1px solid rgb(67, 67, 67);
    overflow: hidden;
}



/* .site-group-capacity-analysis .site-calendar-data-container .histogram-burger-top {
    
    background-color:#fdfdfd;
    border-top: 1px solid rgba(67, 67, 67, 1);
    border-bottom: 1px solid rgba(67, 67, 67, 1);
}

.site-group-capacity-analysis .site-calendar-data-container .histogram-burger-bottom {
    
    background-color:#fdfdfd;    
    border-top: 1px solid rgba(67, 67, 67, 1);
    border-bottom: 1px solid rgba(67, 67, 67, 1);
    color: rgb(67, 67, 67);
} */


/* .site-group-capacity-analysis .site-calendar-data-container .histogram-burger-top .histogram-burger-title,
.site-group-capacity-analysis .site-calendar-data-container .histogram-burger-top .histogram-burger-subtitle,
.site-group-capacity-analysis .site-calendar-data-container .histogram-burger-bottom .histogram-burger-stats {

color: rgb(67, 67, 67);
}

.site-group-capacity-analysis .site-calendar-data-container .histogram-burger-top .histogram-burger-title-extra-info {
    background-color:  rgb(67, 67, 67);
    color: #fdfdfd;
} */

.site-group-capacity-analysis .histogram-burger-bottom {
    min-width: 20%;
    height: 24px;
    background-color: rgba(67, 67, 67, 0.9);
    background-color: rgba(67, 67, 67, 1);
    float: left;
    border-radius: 18px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 2px;
    /*min-width: 450px;    */
    border-top: 1px solid rgb(67, 67, 67);
    border-bottom: 1px solid rgb(67, 67, 67);
    overflow: hidden;
}
.site-group-capacity-analysis .histogram-burger-bottom-segmented {
    width: 100%;
    height: 24px;
    float: left;
}
.site-group-capacity-analysis .histogram-burger-bottom-segment {
    height: 24px;
    background-color: rgba(67, 67, 67, 0.9);
    background-color: rgba(67, 67, 67, 1);
    float: left;
    border-radius: 18px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 2px 0px;
    border-top: 1px solid rgb(67, 67, 67);
    border-bottom: 1px solid rgb(67, 67, 67);
    overflow: hidden;
}

.site-group-capacity-analysis .same-team-burger-top {
    border-right: 2px solid rgb(67, 67, 67);
}


.site-group-capacity-analysis .histogram-divider-content {
    margin-top: 42px;
    margin-left: 12px;
    text-align: left;
}


.site-group-capacity-analysis .free-time {
    border: 2px dashed rgb(67, 67, 67);
    box-sizing: border-box;
    background-color: #fdfdfd;
}

.site-group-capacity-analysis .histogram-burger-title {
    color:  #fdfdfd;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    top: 2px;
}

.site-group-capacity-analysis .histogram-burger-title-extra-info {
    padding: 2px 4px;
    background-color:  #fdfdfd;
    font-size: 11px;
    border-radius: 4px;
    margin-left: 4px;
    white-space: nowrap;
}

.site-group-capacity-analysis .histogram-burger-subtitle {
    display: block;
    color:  #fdfdfd;
    font-size: 11px;
}

.site-group-capacity-analysis .histogram-burger-stats {
    color:  #fdfdfd;
    font-size: 13px;
}

.site-group-capacity-analysis .histogram-burger-warning {
    background-color: #da4f49;
    padding: 3px 9px;
    float: right;
    border-radius: 4px;
    margin-top: 8px;
    font-weight: bold;
    color:  #fdfdfd;
}

.capacity-summary-tooltip .capacity-summary-tooltip-task-type-title {
    padding: 3px; 
    font-size: 16px; 
}

.capacity-summary-tooltip .capacity-summary-tooltip-content {
    font-size: 13px;
    width: 300px;
    text-align: left;
}

.capacity-summary-tooltip .capacity-summary-tooltip-content-big {
    font-size: 13px;
    width: 350px;
    text-align: left;
}

.capacity-summary-tooltip .capacity-summary-tooltip-content-large {
    padding: 3px;
    margin-top: 3px;
    font-weight: bold;
    font-size: 16px;
}

.capacity-summary-tooltip .capacity-summary-tooltip-content-small {
    margin-top: 2px;
    padding: 2px;
}

.capacity-summary-tooltip .capacity-summary-tooltip-content-large .capacity-summary-tooltip-content-value {
    padding: 2px 4px;
    background-color: #fdfdfd;
    color: black;
    border-radius: 6px;
    margin-left: 6px;
}
.capacity-summary-tooltip .capacity-summary-tooltip-content-small .capacity-summary-tooltip-content-label {
    margin-left: 6px;
}

.capacity-summary-tooltip .capacity-summary-tooltip-content-small .capacity-summary-tooltip-content-value {
    padding: 2px 4px;
    border: 1px solid #fdfdfd;
    border-radius: 6px;
    margin-left: 6px;
}

.capacity-summary-tooltip .capacity-summary-tooltip-content-value {
    
}

/********* END CAPACITY ANALYSIS ***********/

/********* LANDING PAGE **************/

.landing-options {
    margin: auto; 
    width: 625px; 
    background-color: rgba(255, 255, 255, 0.41); 
    padding: 20px 15px 20px 15px;
}
.landing-option {
    margin: 5px 0;
    clear: left;
    float:left;
    width: 100%;

}

.landing-option a {
    display: block;
    padding: 10px 10px 8px 10px;
    
    border-radius: 8px;
    text-align: left;
    border: 2px solid white;
}

.landing-option a:hover {

    border: 2px solid rgb(0, 200, 243);
    background-color: rgb(0, 200, 243); 
    color: white;
    border-radius: 0px;
}

.landing-options-title {
    background-color: rgb(0, 200, 243); 
    color: white;
    font-size: 18px;
    text-align: left;
    padding: 12px;
    float:left;
    margin-bottom:10px;
}

.landing-option a {
    text-decoration: none;
    background-color: white;
}

.landing-option-instance-name {
    font-size: 22px;
    font-weight: bold;
    display:inline-block;
} 

.landing-option .landing-option-arrow-right {
    display:none;
    font-size: 22px;

}

.landing-option a:hover .landing-option-arrow-right {
    display:inline-block;

}

.landing-option a:hover .landing-option-instance-name {
    text-decoration: underline;
}

.landing-option-instance-url {
    display: none;
}

.landing-option a:hover .landing-option-instance-url {
    position: relative;
    top:2px;
    float: right;
    display: block;
    font-size: 16px;
}

.site-category-badge {
    display: inline-block;
    opacity: 0.75;
    position: relative;
    top: 1px;
}
.site-name-and-category:hover .site-category-badge {
    opacity: 1;
}

.site-name-and-category {
    position: relative;
    left: -3px;
}