/* === scrollbar  === */
.scroller {
	padding: 0px;
	margin: 0px;
	padding-right: 12px;
	overflow: hidden;
}
.scroller-footer {
	margin-top: 10px;
}
.scroller-footer:after, .scroller-footer:before {
	content: "";
	display: table;
	line-height: 0;
}
.scroller-footer:after {
	clear: both;
}
.portlet-body .slimScrollBar {
	margin-right: 0px;
}
/* === portlets draggable girds === */
.ui-sortable-placeholder {
	border: 1px dotted black;
	visibility: visible !important;
	height: 100% !important;
}
.ui-sortable-placeholder * {
	visibility: hidden;
}
.sortable-box-placeholder {
	background-color: #f5f5f5;
	border: 1px dashed #dddddd;
	display: block;
	margin-top: 0px !important;
	margin-bottom: 24px !important;
}
.sortable-box-placeholder * {
	visibility: hidden;
}
/* === switch === */
.switch-wrapper {
	display: inline-block;
}
.has-switch {
	padding: 0;
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid;
	border-color: #e3e3e3;
	position: relative;
	text-align: left;
	overflow: hidden;
	line-height: 8px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	vertical-align: middle;
	min-width: 100px;
	margin-right: 5px;
}
.has-switch.switch-small {
	min-width: 80px;
}
.has-switch.switch-large {
	min-width: 120px;
}
.has-switch.deactivate {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: default !important;
}
.has-switch.deactivate label, .has-switch.deactivate span {
	cursor: default !important;
}
.has-switch > div {
	display: inline-block;
	width: 150%;
	position: relative;
	top: 0;
}
.has-switch > div.switch-animate {
	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
	-o-transition: left 0.5s;
	transition: left 0.5s;
}
.has-switch > div.switch-off {
	left: -50%;
	margin-left1: 1px !important; /* parent container with float:left issue fix*/
}
.has-switch > div.switch-on {
	left: 0%;
}
.has-switch input[type=radio], .has-switch input[type=checkbox] {
	display: none;
}
.has-switch span, .has-switch label {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	display: inline-block;
	height: 100%;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 14px;
	line-height: 20px;
}
.has-switch span.switch-small, .has-switch label.switch-small {
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 12px;
	line-height: 18px;
}
.has-switch span.switch-large, .has-switch label.switch-large {
	padding-bottom: 9px;
	padding-top: 9px;
	font-size: 16px;
	line-height: normal;
}
.has-switch label {
	text-align: center;
	margin-top: -1px;
	margin-bottom: -1px;
	z-index: 100;
	width: 34%;
	color: #ffffff;
}
.has-switch label:hover, .has-switch label:focus, .has-switch label:active, .has-switch label.active, .has-switch label.disabled, .has-switch label[disabled] {
	color: #ffffff;
	background-color: #e6e6e6;
}
.has-switch label:active, .has-switch label.active {
	background-color: #cccccc \9;
}
.has-switch label i {
	color: #666;
	line-height: 18px;
	pointer-events: none;
}
.has-switch span {
	text-align: center;
	z-index: 1;
	width: 33%;
}
.has-switch span.switch-left {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.has-switch span.switch-right {
	color: #333333;
	background-color: #e0e0e0;
}
.has-switch span.switch-right:hover, .has-switch span.switch-right:focus, .has-switch span.switch-right:active, .has-switch span.switch-right.active, .has-switch span.switch-right.disabled, .has-switch span.switch-right[disabled] {
	color: #333333;
	background-color: #e9e9e9;
}
.has-switch span.switch-right:active, .has-switch span.switch-right.active {
	background-color: #e6e6e6 \9;
}
.has-switch span.switch-primary, .has-switch span.switch-left {
	color: #ffffff;
	background-color: #428bca;
}
.has-switch span.switch-primary:hover, .has-switch span.switch-left:hover, .has-switch span.switch-primary:focus, .has-switch span.switch-left:focus, .has-switch span.switch-primary:active, .has-switch span.switch-left:active, .has-switch span.switch-primary.active, .has-switch span.switch-left.active, .has-switch span.switch-primary.disabled, .has-switch span.switch-left.disabled, .has-switch span.switch-primary[disabled], .has-switch span.switch-left[disabled] {
	color: #ffffff;
	background-color: #68AAE3;
}
.has-switch span.switch-primary:active, .has-switch span.switch-left:active, .has-switch span.switch-primary.active, .has-switch span.switch-left.active {
	background-color: #4B9ADE \9;
}
.has-switch span.switch-info {
	color: #ffffff;
	background-color: #41a7c5;
}
.has-switch span.switch-info:hover, .has-switch span.switch-info:focus, .has-switch span.switch-info:active, .has-switch span.switch-info.active, .has-switch span.switch-info.disabled, .has-switch span.switch-info[disabled] {
	color: #ffffff;
	background-color: #5bc0de;
}
.has-switch span.switch-info:active, .has-switch span.switch-info.active {
	background-color: #31b0d5 \9;
}
.has-switch span.switch-success {
	color: #ffffff;
	background-color: #3cc051;
}
.has-switch span.switch-success:hover, .has-switch span.switch-success:focus, .has-switch span.switch-success:active, .has-switch span.switch-success.active, .has-switch span.switch-success.disabled, .has-switch span.switch-success[disabled] {
	color: #ffffff;
	background-color: #62c462;
}
.has-switch span.switch-success:active, .has-switch span.switch-success.active {
	background-color: #42b142 \9;
}
.has-switch span.switch-warning {
	color: #ffffff;
	background-color: #f9a123;
	border-color: #fbb450;
}
.has-switch span.switch-warning:hover, .has-switch span.switch-warning:focus, .has-switch span.switch-warning:active, .has-switch span.switch-warning.active, .has-switch span.switch-warning.disabled, .has-switch span.switch-warning[disabled] {
	color: #ffffff;
	background-color: #fbb450;
}
.has-switch span.switch-warning:active, .has-switch span.switch-warning.active {
	background-color: #fa9f1e \9;
}
.has-switch span.switch-danger {
	color: #ffffff;
	background-color: #d14641;
	border-color: #ee5f5b #ee5f5b #e51d18;
}
.has-switch span.switch-danger:hover, .has-switch span.switch-danger:focus, .has-switch span.switch-danger:active, .has-switch span.switch-danger.active, .has-switch span.switch-danger.disabled, .has-switch span.switch-danger[disabled] {
	color: #ffffff;
	background-color: #ee5f5b;
}
.has-switch span.switch-danger:active, .has-switch span.switch-danger.active {
	background-color: #e9322d \9;
}
.has-switch span.switch-default {
	color: #333333;
	background-color: #f0f0f0;
}
.has-switch span.switch-default:hover, .has-switch span.switch-default:focus, .has-switch span.switch-default:active, .has-switch span.switch-default.active, .has-switch span.switch-default.disabled, .has-switch span.switch-default[disabled] {
	color: #333333;
	background-color: #ffffff;
}
.has-switch span.switch-default:active, .has-switch span.switch-default.active {
	background-color: #e6e6e6 \9;
}
/* === datepicker  === */
.datepicker.dropdown-menu {
	padding: 5px;
}
.datepicker .selected {
	background-color: #909090 !important;
	background-image: none !important;
	filter: none !important;
}
.datepicker .active {
	background-color: #4b8df8 !important;
	background-image: none !important;
	filter: none !important;
}
.datepicker .active:hover {
	background-color: #2678FC !important;
	background-image: none !important;
	filter: none !important;
}
.datepicker .input-daterange .form-control {
	text-align: left;
}
.modal-open .datepicker {
	z-index: 10055 !important;
}
.datepicker table td {
	font-weight: 300 !important;
	border-radius: none!important;
}
.datepicker table th {
	font-weight: 400 !important;
	border-radius: none!important;
}
/* === daterangepicker  === */
.daterangepicker .ranges .input-mini {
  background-color: #eee;
}
/* === data table  === */
.dataTables_paginate {
	width: 100%;
	margin: 0;
	padding: 0;
}
/* === jquery UI  === */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #e5e5e5; background-color: #fff !important; font-weight: normal; color: #4F4F4F; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #4F4F4F; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #cdcdcd; font-weight: normal; color: #313131; }
.ui-state-hover a, .ui-state-hover a:hover { color: #313131; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
	outline: none;
	color: #1c4257; 
	border: 1px solid #666;
	background: #ededed;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #313131; text-decoration: none; }
.ui-widget :active { outline: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  { border: 1px solid #d2dbf4; background: #f4f8fd; color: #0d2054; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #e2d0d0; background: #fcf0f0; color: #280b0b; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/* === jquery UI slider  === */
.ui-slider { position: relative; text-align: left; background: #e5e5e5; z-index: 1; border: none; }
.ui-slider .ui-slider-handle { background: url(../img/slider_handles.png) 0px 0px no-repeat !important; position: absolute; z-index: 2; width: 23px; height: 30px; cursor: default; border: none; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.ui-slider .ui-state-hover, .ui-slider  .ui-state-active { background-position: 0 -30px !important; }
.ui-slider .ui-slider-range { background: #a3cae0; position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: 14px; margin: 5px 0;}
.ui-slider-horizontal .ui-slider-handle { top: -8px; margin-left: -15px; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: 14px; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -5px; margin-left: 0; margin-bottom: -13px; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
/* === jquery multiselect  === */
.ui-multiselect {padding:2px 0 2px 4px; text-align:left; font-size:14px;font-family: 微軟正黑體; }
.ui-multiselect span.ui-icon { float:right; margin-top: 2px; margin-right:2px; }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }
.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px; font-family: 微軟正黑體; }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }
.ui-multiselect-menu { display:none; padding:5px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto;}
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px; }
.ui-multiselect-checkboxes label input { position:relative; top:1px;  margin-right:5px; margin-left:3px; }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {  font-family: 微軟正黑體; text-align:center; font-weight:bold; border-bottom:1px solid #ababab; margin-bottom:5px;}
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }
* html .ui-multiselect-checkboxes label { border:none }
/* === gritter  === */
#gritter-notice-wrapper {
	position:fixed;
	top:20px;
	right:20px;
	width:301px;
	z-index:9999;
}
#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}
#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}
#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}
.gritter-item-wrapper {
	position:relative;
	margin:0 0 10px 0;
	background:url('../images/ie-spacer.gif'); /* ie7/8 fix */ 
}
.gritter-top {
	background:url(../images/gritter.png) no-repeat left -30px;
	height:10px;
}
.hover .gritter-top {
	background-position:right -30px;
}
.gritter-bottom {
	background:url(../images/gritter.png) no-repeat left bottom;
	height:8px;
	margin:0;
}
.hover .gritter-bottom {
	background-position: bottom right;
}
.gritter-item {
	display:block;
	background:url(../images/gritter.png) no-repeat left -40px;
	color:#eee;
	padding:2px 11px 8px 11px;
	font-size: 11px;
	font-family:verdana;
}
.hover .gritter-item {
	background-position:right -40px;
}
.gritter-item p {
	padding:0;
	margin:0;
	word-wrap:break-word;
}
.gritter-close {
	display:none;
	position:absolute;
	top:5px;
	left:3px;
	background:url(../images/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
}
.gritter-title {
	font-size:14px;
	font-weight:bold;
	padding:0 0 7px 0;
	display:block;
	text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
}
.gritter-image {
	width:48px;
	height:48px;
	float:left;
}
.gritter-with-image,
.gritter-without-image {
	padding:0;
}
.gritter-with-image {
	width:220px;
	float:right;
}
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    background-image: url(../images/gritter-light.png);
    color: #222;
}
.gritter-light .gritter-title {
    text-shadow: none;
}
/*=== Select2 === by Crystal */
.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: none;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-color: #fff;
    background-image: none;
    filter:none;
} /*c*/

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #e5e5e5;
    border-radius: 0 0 4px 4px;
    background-image:none;
    filter:none;
} /*c*/

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #e5e5e5;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: none;
            box-shadow: none;
} /*c*/

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: none;
            box-shadow: none;
} /*c*/

.select2-drop-active {
    border: 1px solid #999999;
    border-top: none;
}/*c*/

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #999999;
}/*c*/

.select2-drop-auto-width {
    border-top: 1px solid #e5e5e5;
    width: auto;
}/*c*/

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: none;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    background: #ffffff;
    background-image: none;
    filter:none;
}/*c*/

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
    left: 0;
    right: auto;
    border-left: none;
    border-right: 1px solid #e5e5e5;
    border-radius: 4px 0 0 4px;
}/*c*/

.select2-search input {
    width: 100%;
    height: auto !important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #999999;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: #fff;
    background: #fff url('../plugins/select2/select2.png') no-repeat 100% -22px;
}/*c*/

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid #999999;
    outline: none;

    -webkit-box-shadow: none;
           box-shadow: none;
}/*c*/

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: none;
           box-shadow: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color:#fff;
    background-image:none;
    filter:none;
}/*c*/

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #999999;
    border-top-color: transparent;
    background-image: none;
     filter:none;
}/*c*/

.select2-dropdown-open .select2-choice .select2-arrow {
    background: transparent;
    border-left: none;
    filter: none;
}/*c*/

.select2-results li em {
    background: #fff;
    font-style: normal;
}/*c*/

/* multiselect */
.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0 5px 0 0;
    position: relative;
    border: none;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
    background-image:none;
}/*c*/

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #999999;
    outline: none;
    -webkit-box-shadow:none;
            box-shadow:none;
}/*c*/

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    -webkit-box-shadow:none;
            box-shadow:none;
    background-clip: padding-box;
    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
    background-color: #e5e5e5;
    background-image: none;
    filter: none;
}/*c*/

/*================================================== */
/* Select add for RWD by Crystal*/
.form-control.select2-container {
    height: auto !important;
    padding: 0;
}