@charset "utf-8";
/** @name      : selectbox 
  * @explain   : select下拉框
  * @type      : 基类 .selectbox
  * @expand    : 基类 
  * @dependent : pandora
  * @author    : CloudYan
  * @version   : 1.0
  * @html      :

***/
.selectbox,
.select-group { display: inline-block;*display: inline; *zoom: 1; font-size: 12px; cursor: default;}

.selectbox { position: relative; z-index: 10;}
.select-info { position: relative; margin: 0; font-size: 12px;}
.select-value {  padding-right: 5px; margin-left: 10px;}
.selectbox .select-info { margin: 0; padding-right:30px;}
.select-info .select-arrow { position: absolute; top: 0; right: 0; width: 22px; height: 100%; cursor: pointer;}
.select-arrow .ui-arrow-bottom { top: 12px; right: 6px;}

.select-info { padding: 0 10px; height: 34px; line-height: 34px; font-size: 14px;}
.selectbox.selectbox-hotelroom { width: 140px;}
.selectbox.selectbox-hotelcity {width: 120px;}
.selectbox.selectbox-hotelBed { width: 108px;}

.select-info .select-arrow { top: 3px; height: 24px; border-left: 1px solid #eee;}

.selectbox-drop { display: none; position: absolute; top:35px; left: 0; width: 99%; border: 1px solid #ccc; font-size: 12px; line-height: 26px; max-height: 340px; overflow-x: hidden; overflow-y: auto; padding-bottom: 10px;}
.over-y-scroll {overflow-y: scroll;}

.selectbox-drop ul { list-style: none; margin: 0; padding: 0;}
.selectbox-drop li { padding-left: 20px; color: #333; line-height:34px; cursor:pointer;}

.selectbox-drop:hover li.selected { background: none;}



.selectbox-active { z-index: 25;}
.selectbox-active .selectbox-drop { display: block; background: #fff;}

/* selectbox 长度尺寸 */
.selectbox .like-input { display: block; border: 1px solid #ccc; width: auto;}

.selectbox { width: 162px;}
.selectbox-min { width: 42px;}
.selectbox-mini { width: 62px;}
.selectbox-small { width: 92px;}

.selectbox-middle { width: 186px;}

.selectbox-big,.selectbox-large { width: 270px;}
.selectbox-min .selectbox-drop { width: 96%; }
.selectbox-mini .selectbox-drop { width: 97%; }
.selectbox-small .selectbox-drop { width: 98%; }
.selectbox-big .selectbox-drop,
.selectbox-large .selectbox-drop { width: 99.4%;}

/* small尺寸 */
.form-small .select-arrow { top: -2px;}
.form-small .selectbox-drop { top: 25px;}
.form-inline .selectbox { vertical-align: middle;}
/*在鼠标移动到里li上时，li的背景色发生变化*/
.select-results .liActive{ color:#f60}

.selectbox-drop li:hover,
.selectbox-drop li.selected,
.selectbox-drop li.selected:hover { background-color: #f5f5f5; color: #f60;}

/*下拉框禁止状态*/
.selectbox-stop .like-input{ border:1px solid #dedede;}
.selectbox-stop .select-value{ color:#ccc;}
.selectbox-stop .dark-ui-arrow-bottom{border-top-color:#ccc;}




/*!
 * arrow.css v1.0
 * Author Pandora
**/

/* css 实现arrow */
.ui-arrow-top,
.ui-arrow-right,
.ui-arrow-bottom,
.ui-arrow-left,
.active .ui-arrow-top,
.active .ui-arrow-right,
.active .ui-arrow-bottom,
.active .ui-arrow-left { position: absolute; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 5px;  /* 边框类型必须使用solid + transparent，否则部分电脑firefox下会有问题 */ border-style: solid; _border-style: dashed; border-color: transparent;}


.ui-arrow-top,
.active .ui-arrow-bottom { _border-bottom-style: solid; border-top-width: 0;}
.ui-arrow-right,
.active .ui-arrow-left {  _border-left-style: solid;  border-right-width: 0;}
.ui-arrow-bottom,
.active .ui-arrow-top { _border-top-style: solid; border-bottom-width: 0;}
.ui-arrow-left,
.active .ui-arrow-right { _border-right-style: solid; border-left-width: 0;}

.active .dark-ui-arrow-bottom, .dark-ui-arrow-top    { border-bottom-color: #333; }
.active .dark-ui-arrow-left  , .dark-ui-arrow-right  { border-left-color  : #333; }
.active .dark-ui-arrow-top   , .dark-ui-arrow-bottom { border-top-color   : #333; }
.active .dark-ui-arrow-right , .dark-ui-arrow-left   { border-right-color : #333; }

.active .gray-ui-arrow-bottom, .gray-ui-arrow-top    { border-bottom-color: gray; }
.active .gray-ui-arrow-left  , .gray-ui-arrow-right  { border-left-color  : gray; }
.active .gray-ui-arrow-top   , .gray-ui-arrow-bottom { border-top-color   : gray; }
.active .gray-ui-arrow-right , .gray-ui-arrow-left   { border-right-color : gray; }

.active .white-ui-arrow-bottom, .white-ui-arrow-top    { border-bottom-color: #fff; }
.active .white-ui-arrow-left  , .white-ui-arrow-right  { border-left-color  : #fff; }
.active .white-ui-arrow-top   , .white-ui-arrow-bottom { border-top-color   : #fff; }
.active .white-ui-arrow-right , .white-ui-arrow-left   { border-right-color : #fff; }

.active .blue-ui-arrow-bottom, .blue-ui-arrow-top    { border-bottom-color: #0183b0; }
.active .blue-ui-arrow-left  , .blue-ui-arrow-right  { border-left-color  : #0183b0; }
.active .blue-ui-arrow-top   , .blue-ui-arrow-bottom { border-top-color   : #0183b0; }
.active .blue-ui-arrow-right , .blue-ui-arrow-left   { border-right-color : #0183b0; }

.active .pink-ui-arrow-bottom, .pink-ui-arrow-top    { border-bottom-color: #e38; }
.active .pink-ui-arrow-left  , .pink-ui-arrow-right  { border-left-color  : #e38; }
.active .pink-ui-arrow-top   , .pink-ui-arrow-bottom { border-top-color   : #e38; }
.active .pink-ui-arrow-right , .pink-ui-arrow-left   { border-right-color : #e38; }

.active .orange-ui-arrow-bottom, .orange-ui-arrow-top    { border-bottom-color: orange; }
.active .orange-ui-arrow-left  , .orange-ui-arrow-right  { border-left-color  : orange; }
.active .orange-ui-arrow-top   , .orange-ui-arrow-bottom { border-top-color   : orange; }
.active .orange-ui-arrow-right , .orange-ui-arrow-left   { border-right-color : orange; }

/* 禁用状态 也可直接使用 gray 箭头 */
.disabled .ui-arrow-top,
.disabled .ui-arrow-right,
.disabled .ui-arrow-bottom,
.disabled .ui-arrow-left { border-style: solid; _border-style: dashed; border-color: transparent; border-width: 5px;}

.disabled .ui-arrow-top { _border-bottom-style: solid; border-top-width: 0;}
.disabled .ui-arrow-right { _border-left-style: solid; border-right-width: 0;}
.disabled .ui-arrow-bottom { _border-top-style: solid; border-bottom-width: 0;}
.disabled .ui-arrow-left { _border-right-style: solid; border-left-width: 0;}

.disabled .ui-arrow-top    { border-bottom-color: gray; }
.disabled .ui-arrow-right  { border-left-color  : gray; }
.disabled .ui-arrow-bottom { border-top-color   : gray; }
.disabled .ui-arrow-left   { border-right-color : gray; }


/* 弹出框 */
.nova-dialog, .nova-dialog-static { font-size: 12px; position: fixed; width: 418px; border: 1px solid #cccccc; background-color: #fff; color: #333333; box-shadow: 0 5px 14.25px 0.75px rgba(6, 0, 1, 0.15); }

.nova-dialog.nova-dialog-moving, .nova-dialog-static.nova-dialog-moving { cursor: move; }

.nova-dialog-no-title { padding-top: 20px; }

.nova-dialog-close { cursor: pointer; position: absolute; top: 0; right: 0; width: 35px; height: 35px; }

.nova-dialog-close i { display: block; margin: 10px 0 0 9px; width: 16px; height: 15px; background-image: url(../images/public/dialog.png); background-position: 0px 0px; }

.nova-dialog-close:hover i { background-position: -20px 0px; }

.nova-dialog-header { height: 35px; line-height: 35px; font-size: 14px; padding: 0 10px; border-bottom: 1px solid #e3e3e3; }

.nova-dialog-header small { font-size: 12px; color: #666666; margin-left: 10px; }

.nova-dialog-body { padding: 25px 30px 20px 30px; line-height: 22px; }

.nova-dialog-body iframe { width: 100%; height: 100%; }

.nova-dialog-footer { font-size: 0; text-align: center; padding-bottom: 30px; }

.nova-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: 0.35; filter: alpha(opacity=35); }

.nova-dialog-body-loading { text-align: center; }

.nova-dialog-body-loading i { background-image: url(../images/public/loading.gif); width: 46px; height: 46px; display: inline-block; margin: 0 auto; }

.nova-dialog-custom .nova-dialog-body { padding: 0; }

.nova-dialog-custom .nova-dialog-body-loading { padding: 30px 30px 25px 30px; }