label{
  float: left;
  padding: 4px 0;
  line-height: 16px;
}
input
,textarea
,select
,button{
  display: block;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 3px;
        border-radius: 3px;
}
input
,select{
  display: inline-block;
  float: left;
}
input[type=text]
,input[type=password]
,textarea
,select{
  border: 1px solid rgb(225,225,225);
  padding: 3px;
  line-height: 16px;
}
input[type=text]
,input[type=password]
,select{
  width: 170px;
}
input[type=checkbox]
,input[type=radio]{
  width: auto;
  height: auto;
  margin-top: 6px;
}
input:focus
,textarea:focus
,select:focus
,button:focus{
  outline: none;
  border-color: rgba(82,168,236,0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6);
}
input[type=submit]
,.button
,a.button{
  display: block;
  width: 100px;
  margin: 0;
  padding: 4px;
  color: rgb(255,255,255);
  line-height: 1.3;
  text-align: center;
  vertical-align: middle;
  background-color: rgb(38,104,240);
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
input[type=submit]:hover
,.button:hover
,a.button:hover{
  background-color: rgb(2,47,140);
}
input[type=submit].loading
,input[type=submit].loading:hover
,.button.loading
,.button.loading:hover
,a.button.loading
,a.button.loading:hover{
  background-color: rgb(2,47,140);
  background-image: url('/img/ajax-2-hover.gif');
  background-position: 4px 4px;
  background-repeat: no-repeat;
}

textarea{
  width: 100%;
  height: 55px;
  resize: none;
}

.form-row{
  width: 100%;
  height: auto;
  line-height: 0;
}
.form-row:before, .form-row:after{
  display: table;
  content: "";
  line-height: 0;
}
.form-row:after{
  clear: both;
}
.form-item{
  display: block;
  /*clear: both;*/
  /*height: 30px;*/
  padding: 5px 0 0;
  position: relative;
}
.form-item.first{
  clear: left;
}
.form-item.last{
  clear: right;
}
.form-item.left{
  float: left;
}
.form-item.right{
  float: right;
}
.form-item.height-auto{
  /*height: auto;*/
}

.datepicker-content{
  position: relative;
}
.datepicker-content input[type=text] {
  width: 100%;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.datepicker-reset
,.datepicker-open {
  display: inline-block;
  z-index: 2;
  width: 22px;
  height: 22px;
  position: absolute;
  right: 21px;
  top: 1px;
  border-left: 1px solid rgb(225, 225, 225);
  background-color: rgb(245, 245, 245);
  background-image: -moz-linear-gradient(top,rgb(255, 255, 255),rgb(230, 230, 230));
  background-image: -webkit-gradient(linear,0 0,0 100%,from(rgb(255, 255, 255)),to(rgb(230, 230, 230)));
  background-image: -webkit-linear-gradient(top,rgb(255, 255, 255),rgb(230, 230, 230));
  background-image: -o-linear-gradient(top,rgb(255, 255, 255),rgb(230, 230, 230));
  background-image: linear-gradient(to bottom,rgb(255, 255, 255),rgb(230, 230, 230));
  background-repeat: repeat-x;
  cursor: pointer;
}
.datepicker-open {
  right: 1px;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
}
.datepicker-reset .icon
,.datepicker-open .icon {
  margin: 4px 3px;
}
.ui-corner-all{
  border: none; /*1px solid rgba(82,168,236,0.8);*/
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.ui-widget{
  background: rgb(255,255,255);
  font-size: 13px;
}
.ui-widget-header{
  color: rgb(255,255,255);
  background: rgb(38,104,240);
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}
.ui-widget-header.ui-corner-all{
  border: none;
}
.ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus{
  background: rgb(2,47,170);
}
.ui-datepicker{
  margin-top: -1px;
  padding: 0;
  border: 1px solid rgba(82,168,236,0.8);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 176px;
}
.ui-datepicker .ui-datepicker-prev
,.ui-datepicker .ui-datepicker-next{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover{
  top: 2px;
  left: 2px;
  background: rgb(2,47,170);
}
.ui-datepicker .ui-datepicker-next.ui-datepicker-next-hover{
  top: 2px;
  right: 2px;
  background: rgb(2,47,170);
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
  width: 14px;
  height: 14px;
  margin-top: -8px;
  margin-left: -7px;
  background-image: url('../../img/icons/icons-white.png');
  background-repeat: no-repeat;
}
.ui-datepicker .ui-datepicker-prev span{
  background-position: -432px -72px;
}
.ui-datepicker .ui-datepicker-next span{
  background-position: -456px -72px;
}
.ui-datepicker .ui-datepicker-title select{
  font-size: 1em;
  margin: 1px 0 0 3px;
  padding: 0;
  display: inline-block;
}
.ui-datepicker select.ui-datepicker-month
,.ui-datepicker select.ui-datepicker-year{
  width: 47%;
}
.ui-datepicker table{
  padding: 0 .2em;
}
.ui-datepicker th{
  padding: .3em .2em;
}
.ui-datepicker td span, .ui-datepicker td a{
  padding: .1em .2em;
  line-height: 1.35em;
}
.ui-datepicker td .ui-state-default,
.ui-datepicker td .ui-widget-content .ui-state-default{
  background: rgb(245,245,245);
  color: rgb(0,0,0);
  border: 1px solid rgb(245,245,245);
}
.ui-datepicker td .ui-state-hover
,.ui-datepicker td .ui-widget-content .ui-state-hover
,.ui-datepicker td .ui-state-focus
,.ui-datepicker td .ui-widget-content .ui-state-focus
,.ui-datepicker td .ui-state-active
,.ui-datepicker td .ui-widget-content .ui-state-active{
  background: rgb(225,225,225);
  border: 1px solid rgb(2,47,140);
}
.ui-datepicker td.ui-state-disabled .ui-state-default{
  background: rgb(255,255,255);
  color: rgb(102,102,102);
}
.ui-timepicker-div{
  padding: 0 .2em;
}
.ui-timepicker-div dl{
  text-align: left;
}
.ui-timepicker-div dl dt{
  float: left;
  clear:left;
  padding: 0 0 0 .3em;
}
.ui-timepicker-div dl dd{
  margin: 0 .5em .3em 35%;
}
.ui-timepicker-div dl dd.ui_tpicker_time{
  margin-bottom: .4em;
}
.ui-timepicker-div td{
  font-size: 10px;
}
.ui-slider{
  display: inline-block;
  width: 100%;
  margin-top: 3px;
  border: 1px solid rgb(38,104,240);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.ui-slider .ui-slider-handle{
  background: rgb(38,104,240);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.ui-slider-horizontal{
  height: 10px;
}
.ui-slider-horizontal .ui-slider-handle{
  top: -3px;
  width: 16px;
  height: 16px;
}
.ui-datepicker-buttonpane{
  padding: 0 .2em .2em;
}
.ui-datepicker .ui-datepicker-buttonpane{
  margin: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button{
  margin-top: 5px;
  padding: 4px 25px;
  background-color: rgb(38,104,240);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover{
  background-color: rgb(2,47,140);
}
.ui-datepicker-trigger{
  /*display: none;*/
}

.form-item.error label
,.form-item.error .label > span{
  color: rgb(185,74,72);
}
.form-item.error input
,.form-item.error textarea
,.form-item.error .uim-combo-choice{
  border-color: rgba(185,74,72,0.8);
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(185,74,72,0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(185,74,72,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(185,74,72,0.6);
}
.input-error{
  position: absolute;
  z-index: 1000;
  color: rgb(255,255,255);
  background: rgb(185,74,72);
  padding: 1px 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}
.input-error:before{
  position: absolute;
  bottom: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-top: 7px solid rgb(185,74,72);
  border-left: 7px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.input-error:after{
  position: absolute;
  bottom: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-top: 6px solid rgb(185,74,72);
  border-left: 6px solid transparent;
  content: '';
}


#login{
  width: 100%;
  padding: 20px 0 0;
}
#login .form-item{
  /*display: table;*/
  clear: both;
  width: 225px;
  margin: 0 auto;
}
#login label{
  clear: left;
  width: 100px;
}
#login input{
  clear: right;
  margin-left: 5px;
}
#login input[type=text]
,#login input[type=password]{
  width: 120px;
}
#login input[type=submit]{
  float: right;
}

#tasklist-filter select,
#tasklist-filter .uim-combo,
#tasklist-filter .uim-popupmenu{
  width: 170px;
}
#tasklist-filter input[type=text]{
  line-height: 1.25;
  float: none;
}

.task-detail .comment-item{
  border-top: 1px solid rgb(225,225,225);
  margin: 5px 0 0 0;
}
.task-detail .comment-item .detail{
  width: 100%;
  margin: 0 0 5px;
  padding: 3px;
  background: rgb(241,241,241);
}
.task-detail .comment-item .buttons{
  float: right;
}
.task-detail .comment-item .buttons .button{
  width: 24px;
}
.task-detail .comment-item .buttons .button .label{
  display: none;
}
.task-detail .comment-item .buttons .button.comment-edit,
.task-detail .comment-item .buttons .button.comment-update{
  margin: 0 0 7px 0;
}
.task-detail .comment-item .buttons .button.comment-update,
.task-detail .comment-item .buttons .button.comment-storno{
  display: none;
}
.task-detail .comment-item .comment{
  margin: 0 29px 0 0;
  padding-top: 0;
}
.task-detail .comment-item .comment.text-only{
  margin: 0;
}
.task-detail .comment-item .comment .comment-text{
  display: none;
  min-height: 58px;
  line-height: 1.25;
  font-size: 13px;
}
.task-detail .comment-item .comment .text{
  /*height: 55px; 2016-03-21*/
  min-height: 58px;
  background: rgb(255,255,255);
  border: 1px solid rgb(225,225,225);
  padding: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  overflow-x: hidden;
  overflow-y: auto;
  line-height: 1.25;
  font-size: 13px;
}
.task-detail .comment-item .comment.text-only .text{
  min-height: 0;
}
.task-detail .comment-item .comment .form-item{
  padding: 0;
}
.task-detail #WatchList .form-item{
  float: left;
}
.task-detail #watch-remove-me{
  display: none;
}
.task-detail #watch-add-user{
  width: 24px;
  margin-right: 10px;
}
.task-detail #watch-add-user span{
  display: none;
}
.task-detail #watch-user-list{
  width: 170px;
}
.task-detail .watch-list{
  margin: 10px 0 0;
  padding: 5px 0 0;
  border-top: 1px solid rgb(225,225,225);
}
.task-detail .watch-list-item {
  display: block;
  float: left;
  background: rgb(255, 255, 255);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 5px 5px 0 0;
  overflow: hidden;
}
.task-detail .watch-list-item span {
  display: block;
  background: rgb(225, 225, 225);
  padding: 4px 5px;
  white-space: nowrap;
}

#taskedit .task-detail select
,#taskedit .uim-combo
,#taskedit .datepicker-content
,#taskedit .input-autocomplete
,#taskedit .input-text
,#taskedit .uim-combo{
  width: 150px;
}
#taskedit .task-detail .comment-item .comment{
  margin: 0;
}
#taskedit .task-detail .comment-item .comment .text{
  padding: 4px;
}
#taskedit .task-detail .watch-list {
  margin: 0;
  padding: 0;
  border: none;
}

.timepicker-content{
  position: relative;
  float: left;
  width: 70px;
}
input[type=text].timepicker-input{
  width: 70px;
}
.timepicker-content.uim-combo-focus input[type=text].timepicker-input{
  border-color: rgb(82,168,236);
  border-color: rgba(82,168,236,0.8);
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 4px rgba(82,168,236,0.6);
}
.timepicker-content.uim-combo-opened input[type=text].timepicker-input{
  /*-webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;*/
}
.timepicker-reset
,.timepicker-open
,.timepicker-now {
  display: inline-block;
  width: 22px;
  height: 22px;
  position: absolute;
  z-index: 1;
  right: 21px;
  top: 1px;
  padding: 3px;
  border-left: 1px solid rgb(225, 225, 225);
  background-color: rgb(245, 245, 245);
  background-image: -moz-linear-gradient(top,rgb(255, 255, 255),rgb(230, 230, 230));
  background-image: -webkit-gradient(linear,0 0,0 100%,from(rgb(255, 255, 255)),to(rgb(230, 230, 230)));
  background-image: -webkit-linear-gradient(top,rgb(255, 255, 255),rgb(230, 230, 230));
  background-image: -o-linear-gradient(top,rgb(255, 255, 255),rgb(230, 230, 230));
  background-image: linear-gradient(to bottom,rgb(255, 255, 255),rgb(230, 230, 230));
  background-repeat: repeat-x;
  cursor: pointer;
}
.timepicker-open {
  right: 1px;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
}
.timepicker-content.uim-combo-opened .timepicker-open{
  /*-webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;*/
}
.timepicker-now {
  right: 21px;
  display: none;
  /*-webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;*/
}
.timepicker-reset i
,.timepicker-open i
,.timepicker-now i {
  line-height: 14px;
}
.bootstrap-timepicker-widget{
  position: absolute;
  z-index: 2;
  top: 24px;
  left: 0;
  width: 70px;
  margin-top: -1px;
  background: rgb(255,255,255);
  border: 1px solid rgba(82,168,236,0.8);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.bootstrap-timepicker-widget.timepicker-orient-bottom{
  margin-top: 1px;
}
.bootstrap-timepicker-widget table{
  padding: 2px;
}
.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 22px;
  width: 22px;
  margin: 0;
  padding: 0;
}
.bootstrap-timepicker-widget table td.separator {
  width: 12px;
}
.bootstrap-timepicker-widget table td a{
  padding: 2px 3px;
  background-color: rgb(245, 245, 245);
  background-image: -moz-linear-gradient(top,rgb(255, 255, 255),rgb(230, 230, 230));
  background-image: -webkit-gradient(linear,0 0,0 100%,from(rgb(255, 255, 255)),to(rgb(230, 230, 230)));
  background-image: -webkit-linear-gradient(top,rgb(255, 255, 255),rgb(230, 230, 230));
  background-image: -o-linear-gradient(top,rgb(255, 255, 255),rgb(230, 230, 230));
  background-image: linear-gradient(to bottom,rgb(255, 255, 255),rgb(230, 230, 230));
  background-repeat: repeat-x;
  border: 1px solid rgb(225,225,225);
  -webkit-border-radius: 3px;
  -moz-border-radius:  3px;
  border-radius: 3px;
}

@media screen and (min-width:320px){
  #login .form-item{
    width: 275px;
    margin: 0 auto;
  }
  #login input[type=text]
  ,#login input[type=password]{
    width: 170px;
  }
  .task-detail #watch-add-user{
    width: 100px;
  }
  .task-detail #watch-add-user span{
    display: block;
  }
  .task-detail #watch-add-user i{
    display: none;
  }

  #taskedit .task-detail select
  ,#taskedit .uim-combo
  ,#taskedit .datepicker-content
  ,#taskedit .input-autocomplete
  ,#taskedit .input-text
  ,#taskedit .uim-combo{
    width: 175px;
  }
}

@media screen and (min-width:375px){
  #tasklist-filter .form-item{
    float: left;
    clear: both;
  }
  #tasklist-filter .form-item.odd{
    clear: left;
    margin-right: 10px;
  }
  #tasklist-filter .form-item.even{
    clear: right;
  }
}

@media screen and (min-width:600px){
  .task-detail .comment-item .buttons .button{
    width: 85px;
  }
  .task-detail .comment-item .buttons .button .label{
    display: block;
  }
  .task-detail .comment-item .buttons .button .fa{
    display: none;
  }
  .task-detail .comment-item .comment{
    margin-right: 90px;
  }
  .task-detail .comment-item .comment.text-only{
    margin: 0;
  }

  #taskedit .task-detail .comment-item {
    margin-top: 10px;
  }
  #taskedit .task-detail .comment-item .comment{
    margin: 0;
  }
}

@media screen and (min-width:768px){
  #taskedit .task-detail select
  ,#taskedit .uim-combo
  ,#taskedit .datepicker-content
  ,#taskedit .input-autocomplete
  ,#taskedit .input-text
  ,#taskedit .uim-combo{
    width: 210px;
  }
}

@media screen and (min-width:865px){
  #tasklist-filter .form-item.odd
  ,#tasklist-filter .form-item.even{
    clear: none;
    margin-right: 10px;
  }
  #tasklist-filter .form-item.first{
    clear: left;
  }
  #tasklist-filter .form-item.last{
    clear: right;
    margin-right: 0;
  }
}