.input-append {
margin-bottom: 5px;
font-size: 0;
white-space: nowrap;
}

.input-append .add-on {
background: #EEEEEE;
border: 1px solid #DDDDDD;
display: inline-block;
width: auto;
min-width: 22px;
height: 22px;
padding: 2px 0 0 3px;
position: relative;
cursor: pointer;
}

.input-append .add-on,
.input-append .btn {
vertical-align: top;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.input-append .active {
background-color: #a9dba9;
border-color: #46a546;
}

.input-append .add-on,
.input-append .btn {
margin-left: 0;
}

.input-append .add-on:last-child,
.input-append .btn:last-child {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.input-append.date .add-on i {
display: block;
width: 16px;
height: 16px;
}

.timepicker table {
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}

.table-condensed th {
padding: 5px 5px 5px 5px;
}

.table-condensed td {
padding: 0 !important;
}

.timepicker table td[class*="span"],
.timepicker table th[class*="span"] {
display: table-cell;
float: none;
margin-left: 0;
}

[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
width: 14px;
height: 14px;
margin-top: 1px;
*margin-right: .3em;
line-height: 14px;
vertical-align: text-top;
background-image: url("../img/kuvakkeet.png");
background-position: 14px 14px;
background-repeat: no-repeat;
}

.icon-time {
background-position: -48px -24px;
}

.icon-calendar {
background-position: -192px -120px;
}

.icon-chevron-up,
.icon-chevron-down {
height: 30px !important;
}

.icon-chevron-up {
background-position: -287px -113px;
}

.icon-chevron-down {
background-position: -312px -113px;
}

.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
background-color: #FFFFFF;
-webkit-box-shadow: 2px 2px 10px 0px rgba(153,153,153,0.75);
-moz-box-shadow: 2px 2px 10px 0px rgba(153,153,153,0.75);
box-shadow: 2px 2px 10px 0px rgba(153,153,153,0.75);
}

.dropdown-menu ul,
.dropdown-menu ol {
padding: 0;
margin: 0 0 10px 25px;
}

.dropdown-menu ul ul,
.dropdown-menu ul ol,
.dropdown-menu ol ol,
.dropdown-menu ol ul {
margin-bottom: 0;
}

.dropdown-menu li {
line-height: 20px;
}

.dropdown-menu li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 20px;
white-space: nowrap;
cursor: pointer;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus {
color: #FFFFFF;
text-decoration: none;
background-color: #8E9AA3;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
outline: 0;
}

.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease;
}

.collapse.in {
height: auto;
}

.btn {
/*padding: 4px 10px 5px 12px;*/
width: 100%;
height: 30px;
margin-bottom: 0;
font-size: 20px;
line-height: 20px;
text-align: center;
vertical-align: middle;
display: inline-block;
cursor: pointer;
}

.btn:hover,
.btn:active,
.btn.active {
background-color: #EEEEEE;
}

.btn:active,
.btn.active {
background-color: #EEEEEE;
}

.btn:first-child {
*margin-left: 0;
}

.btn:hover {
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}

.btn:focus {
outline: thin dotted #333333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}

.btn.active,
.btn:active {
background-image: none;
outline: 0;
}

.btn {
border-color: #C5C5C5;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget {
top: 0;
left: 0;
padding: 5px 5px 5px 5px;
margin: 5px 0 0 0;
z-index: 3000;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.bootstrap-datetimepicker-widget:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #DDDDDD;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 6px;
}

.bootstrap-datetimepicker-widget:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #FFFFFF;
position: absolute;
top: -6px;
left: 7px;
}

.bootstrap-datetimepicker-widget.pull-right:before,
.bootstrap-datetimepicker-widget.left-oriented:before {
left: auto !important;
right: 6px !important;
}

.bootstrap-datetimepicker-widget.pull-right:after,
.bootstrap-datetimepicker-widget.left-oriented:after {
left: auto !important;
right: 7px !important;
}

.bootstrap-datetimepicker-widget > ul {
list-style-type: none;
margin: 0;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
width: 100%;
font-weight: bold;
}

.bootstrap-datetimepicker-widget .separator div {
padding-top: 4px;
}

.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
width: 5px;
padding: 0;
margin: 0;
}

.bootstrap-datetimepicker-widget .datepicker > div {
display: none;
}

.bootstrap-datetimepicker-widget .picker-switch {
text-align: center;
}

.bootstrap-datetimepicker-widget table {
width: 100%;
margin: 0;
}

.bootstrap-datetimepicker-widget.timepicker table {
min-width: 154px !important;
}

.bootstrap-datetimepicker-widget.datepicker table {
min-width: 215px !important;
}

.bootstrap-datetimepicker-widget th,
.bootstrap-datetimepicker-widget td {
color: #444444;
font-family: Arial, Helvetica, Tahoma, sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 14px;
text-align: center;
width: 20px;
height: 30px;
line-height: 30px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.bootstrap-datetimepicker-widget th {
height: 20px !important;
line-height: 20px !important;
}

.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
background-color: #EEEEEE;
cursor: pointer;
}

.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
color: #999999;
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
background-color: #EEEEEE;
}

.bootstrap-datetimepicker-widget td.active:hover,
.bootstrap-datetimepicker-widget td.active:hover:hover,
.bootstrap-datetimepicker-widget td.active:active,
.bootstrap-datetimepicker-widget td.active:hover:active,
.bootstrap-datetimepicker-widget td.active.active,
.bootstrap-datetimepicker-widget td.active:hover.active {
background-color: #EEEEEE;
}

.bootstrap-datetimepicker-widget td.active:active,
.bootstrap-datetimepicker-widget td.active:hover:active,
.bootstrap-datetimepicker-widget td.active.active,
.bootstrap-datetimepicker-widget td.active:hover.active {
background-color: #EEEEEE;
}

.bootstrap-datetimepicker-widget td span {
width: 25%;
height: 40px;
line-height: 40px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
display: block;
float: left;
cursor: pointer;
}

.bootstrap-datetimepicker-widget td span:hover {
background-color: #EEEEEE;
}

.bootstrap-datetimepicker-widget td span.active {
background-color: #EEEEEE;
}

.bootstrap-datetimepicker-widget td span.active:hover,
.bootstrap-datetimepicker-widget td span.active:active,
.bootstrap-datetimepicker-widget td span.active.active {
background-color: #EEEEEE;
}

.bootstrap-datetimepicker-widget td span.active:active,
.bootstrap-datetimepicker-widget td span.active.active {
background-color: #EEEEEE;
}

.bootstrap-datetimepicker-widget td span.old {
color: #999999;
}

.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
font-size: 20px;
}

.bootstrap-datetimepicker-widget thead tr:first-child th {
cursor: pointer;
}

.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
background: #EEEEEE;
}