/*
 * $Id: styles.css 722375 2008-12-02 05:19:57Z wesw $
 *
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *  http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */


.wwgrp{
  }

.wwlbl {
display: table-cell;
vertical-align:top;
text-align: right;
width:150px;
margin: 2px 3px;
padding-top: 3px;
} 

.checkboxLabel {
display: inline;
vertical-align:2px;
text-align: left;
padding: 0px 1px; 
margin: 2px;
}

.wwctrl{
display: table-cell;
vertical-align:middle;
text-align: left;
margin: 2px 3px; 
padding: 0px;
}

.wwbtn{
width: calc(100% - 10px);
vertical-align:top;
text-align: right;
margin: 2px auto;
padding: 0px 0px;
}

.required  {
  color:rgb(159, 59, 0);
  padding: 0px 3px; 
}

.label {
}


/*
input [type="checkbox"]{
  display: inline;
} */

.input-block  input[type="text"],.filter-block  input[type="text"], .check-list input[type="text"], 
.input-block select, .filter-block select, 
.input-block  textarea, .filter-block  textarea
.input-block  input[type="checkbox"],.filter-block  input[type="checkbox"], 
.ui-autocomplete-input
 {
  padding: 2px;
  margin: 3px; 
 }

 input[type="text"]:disabled , textarea:disabled , select:disabled {
    background: rgb(238, 238 ,238);
    color: rgb(0, 0, 0);
}
  
 
 .input-block  input[type="text"]{
  width: 240px;
}

::-webkit-input-placeholder  { text-align:right; }
::-moz-placeholder { text-align:right; } /* firefox 19+ */
:-ms-input-placeholder { text-align:right; } /* ie */
input:-moz-placeholder { text-align:right;  }



input.withIcon[type="text"],
textarea.withIcon  {
  width: 210px !important;
}
input.withTwoIcons[type="text"],
textarea.withTwoIcon s{
  width: 185px !important;
}

input.withThreeIcons[type="text"], 
textarea.withThreeIcons {
  width: 160px !important;
}

input.num   {
  width: 90px  !important;
}

input.symbol   {
  width: 10px  !important;
}

.input-block select  /*, .check-list select */{
  width: 245px ;
}


input.textselect[type="text"] {
  width: 246px !important;
}

.input-block  textarea {
  width: 240px;
 }

input.hasDatepicker {
  width: 110px !important;
}

input.dateTimePicker {
    width: 110px !important;
}

.input-block  input[type="radio"], .filter-block  input[type="radio"]
 {
  padding: 2px;
  margin: 4px; 
 }
 
  .input-block   img, .check-list img {
  margin: 0px 0px 0px 2px;
  border: 0px;
  vertical-align: top;
  }

.ui-datepicker-trigger  img {
  vertical-align: -6px;
}
	
.input-block input , .input-block textarea, .input-block select  {
  border: rgb(210, 210, 210) solid 1px;
 }
 
input[readonly="readonly"]
{
    background-color: rgb(238, 238, 238);
}

.comment-add  textarea {
  width: 395px;
  height: 90px;
 }


#filter .wwlbl {
display: block;
vertical-align:middle;
text-align: left;
width:80%;
margin: 2px 1px 0px 6px;
/*padding-top: 3px;*/
} 

#filter  .wwctrl{
display: block;
vertical-align:middle;
width:260;
text-align: left;
margin: 0px 3px 6px 3px; 
padding: 0px;
}

.checkboxAndLabel {
display: table-row;
vertical-align:middle;
text-align: left;
margin: 2px 1px 2px 1px;
}

#object-data  * .checkboxAndLabel {
padding-left: 30px; 
}
#object-data  * .checkboxAndLabel input {
margin-left: 30px; 
}

/*Kalendri ikoonilt nupu vormingu kõrvaldamine*/
.ui-datepicker-trigger {
border: none; 
background: none;
margin: 0px 0px 0px 0px; 
padding: 0px;
}

.errorLabel {
/*  font-style:italic; */
  color:rgb(187, 8, 31); 
}

.checkboxErrorLabel {
  color:rgb(187, 8, 31);
}

 .errorMessage {
  color: rgb(187, 8, 31);
  margin:5px 0px 0px 5px; 
  padding-left:5px; 
  text-align: left;
}

 .errors .errorMessage {
  color: rgb(255, 255, 255);
  background: rgb(187, 8, 31);
}