/* =====================================================================
 * $Id: select.css 25228 2017-10-02 16:47:11Z tpalanis $
 * SVN Path: /www/branches/responsive/src/main/webapp/css/select.css
 * ===================================================================== */


/*Demo 1 Standard Dropdown*/
.dropcontainer,
.trigger,
.activetrigger,
.dropcontainerpre,
.triggerpre,
.activetriggerpre{
	color: #777;
	font-size: 12px;
	font-size: 0.8571rem;
}

.dropcontainer {
	position:relative;
}

.trigger,
.activetrigger,
.triggerpre,
.activetriggerpre{
	padding: 6px 10px;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.trigger {
	background: #fff url(../images/new_arrow.png) right no-repeat;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.activetrigger {
	background: #fff url(../images/new_arrow_close.png) right no-repeat;
}
.activetrigger:hover,
.activetrigger:active{
	background: #fff url(../images/new_arrow_close.png) right no-repeat;
	color: #777;
}

.dropcontainer ul,
.dropcontainer ul li,
.dropcontainerpre ul,
.dropcontainerpre ul li{
	font-size: 12px;
	font-size: 0.8571rem;
}

.dropcontainer ul,
.dropcontainerpre ul {
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
	list-style-type: none;
	padding: 10px;
	margin: 0;
	width: 100%;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.176);
}

.dropcontainer ul li,
.dropcontainerpre ul li {
	padding: 5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.dropcontainer ul li:hover,
.dropcontainerpre ul li:hover {
	background: #f5f5f5;
	outline: none;
}
.dropcontainer ul li:last-child,
.dropcontainerpre ul li:last-child {
	border-bottom: none;
}
.dropdownhidden,
.dropdownhiddenpre {
	display: none;
}
.dropdownvisible,
.dropdownvisiblepre {
	height: auto;
}


/*Prepend*/
/*Demo 1 Prepend Dropdown*/
.dropcontainerpre {
	position:relative;
	margin-bottom: 15px;
}

.triggerpre {
	background: #EFEFF1 url(../images/new_arrow_pre.png) right no-repeat;
	border-right: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.activetriggerpre {
	background: #EFEFF1 url(../images/new_arrow_pre_close.png) right no-repeat;
}

.activetriggerpre:hover,
.activetriggerpre:active {
	background: #EFEFF1 url(../images/new_arrow_pre_close.png) right no-repeat;
	color: #777;
}


/*
////////////////////////////////////////
////           Demo #2              ////
////////////////////////////////////////
*/

.dropcontainer_demo2,
.trigger_demo2,
.activetrigger_demo2  {
	font-size: 12px;
	font-size: 0.8571rem;
	color: #777;
}

.dropcontainer_demo2 {
	position:relative;
}

.trigger_demo2 {
	padding: 10px;
	width: 50%;
	background: #fff url(../images/select-arrow-open.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.trigger_demo2:hover {
	color: #777;
	background: #f5f5f5 url(../images/select-arrow-open.png) 98% center no-repeat;
}

.activetrigger_demo2 {
	padding: 10px;
	width: 50%;
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.activetrigger_demo2:hover,
.activetrigger_demo2:active {
	background: #f5f5f5 url(../images/select-arrow-close.png) 98% center no-repeat;
	color: #777;
}

.dropcontainer_demo2 ul {
	font-size: 12px;
	font-size: 0.8571rem;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
	list-style-type: none;
	padding: 10px;
	margin: 0;
	width: 50%;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dropcontainer_demo2 ul li {
	padding: 5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.dropcontainer_demo2 ul li:hover {
	background: #f5f5f5;
	outline: none;
}

.dropcontainer_demo2 ul li:first-child {
	display: none;
}

.dropcontainer_demo2 ul li:last-child {
	border-bottom: none;
}

.dropdownhidden_demo2 {
	display: none;
}

.dropdownvisible_demo2 {
	height: auto;
}

.dropdownvisible_demo2 {
	height: 200px;
	overflow-y: scroll;
}
@media screen and (max-width: 767px) {
	.triggerpre {
		border-right: 1px solid #ccc;
	}
}