/**
 * Copyright (C) 2015 - 2018 Kosmos contact@kosmos.fr
 *
 * Projet: webapp
 * Version: 6.07.77
 *
 * Licensed 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.
 */
/*
 * kmonoselect style sheet
 * version 0.1.0
 * 
 * Kosmos
 * 
 */
 
 
/* Root */
 
.kmonoselect{
	display: inline-block;
	margin: 0 .3em 1.5em 0;
}

/* Placeholder */
.kmonoselect-field-button.placeholder,
.kmonoselect-field.placeholder{
	color: inherit;
}
 
/* Buttons */
.kmonoselect.ui-buttonset .ui-button{
	margin: 0 .1em 0 0;
    vertical-align: top;
}

.kmonoselect-field{
	border: solid #ccc 2px;
	font: 500 1.2em/normal Arial, helvetica, sans-serif;
	text-decoration: none;
	min-width: 20.1em;
	max-width: 20.1em;
	width: 1.2em;
	position: relative;
	margin: 0 .1em 0 0;
	vertical-align: top;
}

.kmonoselect-field:hover{
	cursor: pointer;
}

.kmonoselect-field span{
	display: block;
	color: #000;
	padding: 0.35em;
}

.kmonoselect-field .ui-button-text,
.kmonoselect-field-button .ui-button-text{
	text-overflow: ellipsis;
	text-align: left;
	font: 500 .8em arial, helvetica, sans-serif;
	overflow: hidden;
	white-space: nowrap;
}

.kmonoselect-button{
	min-height: 1.91667em;
	max-height: 1.91667em;
	min-width: 1.91667em;
	padding: .95em;
}

.kmonoselect-button.ui-state-default,
.ui-widget-content .kmonoselect-button.ui-state-default,
.ui-widget-header .kmonoselect-button.ui-state-default{
	border: 2px solid #c2c2c2;
}

 
.kmonoselect-field-button{
	background: #fff;
	min-width: 20.1em;
	max-width: 20.1em;
}

.kmonoselect-field-button.ui-state-default,
.kmonoselect-field-button.ui-state-hover {
	color: inherit;
	background: #f5f5f5;
}

.kmonoselect-field-button,
.kmonoselect-edit-button,
.kmonoselect-clear-button{
	border: solid #ccc 2px;
}

.kmonoselect-edit-button .ui-button-text{
	font-size: 0.8em;
	padding: 0.1em 1em 0em 2em;
}

.kmonoselect-clear-button .ui-button-text{
	font-size: 0.8em;
	padding: 0.1em 1em 0em 2em;
}

.kmonoselect-field, .kmonoselect-field-button{
    display: inline-block;
    min-height: 1.4em;
    max-height: 1.4em;
    padding: .1em;
}