/* ========================================================
*
* Amsterdam - premium admin template
*
* ========================================================
*
* File: plugins.css;
* Description: External plugins stylings
* Version: 1.0
*
* ======================================================== */


/* ===== Full Calendar ===== */
.fc { direction: ltr; text-align: left; }
.fc table { border-collapse: collapse; border-spacing: 0; }	
html .fc, .fc table { font-size: 1em; }	
.fc td, .fc th { padding: 0; vertical-align: top; }
.fc th { text-align: center; }
.fc-header { position: relative; }
.fc-header td { white-space: nowrap; }
.fc-header-left { text-align: left; width: 100%; }	
.fc-header-center { text-align: center; position: absolute; top: 0; width: 80%; left: 10%; line-height: 38px; }	
.fc-button-inner { 	border-left: 1px solid #d5d5d5; }
.fc-header-left .fc-button-inner { border: none; }
.fc-header-right { text-align: right; position: absolute; top: -41px; right: 0; } 
.fc-header-right .fc-button-agendaDay .fc-button-inner { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; }
.fc-header-title { display: inline-block; vertical-align: top; }	
.fc-header-title h2 { font-size: 12px; margin: 0; margin-top: 1px; }
.fc-header-title strong { margin-top: 0; white-space: nowrap; padding: 8px 12px!important; display: block; }	
.fc .fc-header-space { padding-left: 10px; } 	
.fc-header .fc-corner-right { margin-right: 0; float: right; } 	
.fc-header .ui-corner-right { margin-right: 0; }
.fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; }	
.fc-header .fc-state-down { z-index: 3; }
.fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; }
.fc-button-next { float: right; margin-right: -2px; }
.fc-view { width: 100%; overflow: hidden; }
.fc-border-separate thead {  
	background: #f8f8f8;
	background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8));
	background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
}
.fc-widget-header, .fc-widget-content { border: 1px solid #d5d5d5; }
.fc-widget-header.fc-first { width: 350px; }
.fc-widget-header { width: 40px; }
.fc-widget-content label { padding-left: 20px; width: 100% !important; }
.fc-state-highlight { background: #FFFDE9; }	
.fc-cell-overlay { background: #9cf; opacity: .2; filter: alpha(opacity=20); }
.fc-button { position: relative; cursor: pointer; }
.fc-button-inner { position: relative; float: left; overflow: hidden; }
.fc-button-content { position: relative; float: left; line-height: 41px; padding: 0 14px; white-space: nowrap; }
.fc-header-right  .fc-button-content { height: 41px; }
.fc-button-content .fc-icon-wrap { position: relative; float: left; top: 50%; }	
.fc-button-content .ui-icon { position: relative; float: left; margin-top: -50%; *margin-top: 0; *top: -50%; }
.fc-state-default .fc-button-effect { position: absolute; top: 50%; left: 0; } 		
.fc-state-active, .fc-state-active .fc-button-inner { color: #797979; background: #f9f9f9; box-shadow: 0 -1px 0 #EAEAEA inset; -webkit-box-shadow: 0 -1px 0 #EAEAEA inset; -moz-box-shadow: 0 -1px 0 #EAEAEA inset; }	
.fc-first th { padding-top: 1px; }	
.fc-state-disabled, .fc-state-disabled .fc-button-inner { color: #999; border-color: #ddd; }	
.fc-state-disabled { cursor: default; }	
.fc-state-disabled .fc-button-effect { display: none; }
.fc-event, .fc-event-bus { cursor: default; }
a.fc-event, .fc-event-draggable{ cursor: pointer; }	
a.fc-event, a.fc-event-bus { text-decoration: none; }	
.fc-rtl .fc-event { text-align: right; }
.fc-event, .fc-event-bus { margin: 0 1px 0 3px; }
.fc-event, .fc-event-bus { border: 1px solid #3485AE; color: white; display: block; font-size: 11px;
	background: #56A4CE url(../images/elements/ui/progress_overlay.png);
	background: url(../images/elements/ui/progress_overlay.png), -moz-linear-gradient(top, #56A4CE 0%, #3485AE 100%);
	background: url(../images/elements/ui/progress_overlay.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56A4CE), color-stop(100%,#3485AE));
	background: url(../images/elements/ui/progress_overlay.png), -webkit-linear-gradient(top,  #56A4CE 0%,#3485AE 100%);
	background: url(../images/elements/ui/progress_overlay.png), -o-linear-gradient(top, #56A4CE 0%,#3485AE 100%);
	background: url(../images/elements/ui/progress_overlay.png), -ms-linear-gradient(top, #56A4CE 0%,#3485AE 100%);
	background: url(../images/elements/ui/progress_overlay.png), linear-gradient(to bottom, #56A4CE 0%,#3485AE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56A4CE', endColorstr='#3485AE',GradientType=0 );
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;	
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;	
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;	
}
.fc-event-inner { position: relative; width: 100%; height: 100%; overflow: hidden; }
.fc-event-time, .fc-event-title {  padding: 5px 3px 5px 3px; display: inline-block; line-height: 10px; font-weight: bold; font-size: 11px; }	
.fc .ui-resizable-handle { display: block; position: absolute; z-index: 99999; overflow: hidden; font-size: 300%; line-height: 50%; }
.fc-event-hori .ui-resizable-e { top: 0; right: -3px; width: 7px; height: 100%; cursor: e-resize; }
.fc-event-hori .ui-resizable-w { top: 0; left: -3px; width: 7px; height: 100%; cursor: w-resize; }
table.fc-border-separate { border-collapse: separate; }	
.fc-border-separate th, .fc-border-separate td { border-width: 1px 0 0 1px; }	
.fc-border-separate td:first-child, .fc-border-separate th:first-child { border-left: none; }	
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-top-width: 1px; }
.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 1px; }
.fc-grid th { text-align: center; }	
.fc-grid .fc-day-number { float: right; padding: 3px 5px; }	
.fc-grid .fc-other-month .fc-day-number { opacity: 0.3;	filter: alpha(opacity=30); }	
.fc-grid .fc-day-content { clear: both; padding: 5px 2px 3px; }
.fc-cols .fc-event-time { font-weight: bold; }
.fc-rtl .fc-cols .fc-day-number { float: left; }	
.fc-rtl .fc-cols .fc-event-time { float: right; }
.fc-agenda table { 	border-collapse: separate; }	
.fc-agenda-days th { text-align: center; }	
.fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: normal; }	
.fc-agenda .fc-day-content { padding: 2px 2px 1px; }
.fc-agenda-days .fc-agenda-axis { border-right-width: 1px; }
.fc-agenda-days .fc-col0 { border-left-width: 0; }
.fc-agenda-allday th { border-width: 0 1px; }	
.fc-agenda-allday .fc-day-content { min-height: 34px; _height: 34px; }
.fc-agenda-divider-inner { height: 2px; overflow: hidden; }	
.fc-widget-header .fc-agenda-divider-inner { background: #eee; }
.fc-view-agendaWeek .fc-event-hori { margin: 6px 4px 0 6px; }
.fc-agenda .fc-day-content { padding: 4px 0; }
.fc-agenda-slots th { border-width: 1px 1px 0; }	
.fc-agenda-slots td { border-width: 1px 0 0; background: none; }	
.fc-agenda-slots td div { height: 20px; }	
.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; }
.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; }	
.fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style: solid; }
.fc-event-vert { border-width: 0 1px; }	
.fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content { position: relative; z-index: 2; width: 100%; overflow: hidden; }	
.fc-event-vert .fc-event-head { box-shadow: 0 1px 0 rgba(255,255,255,0.1); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1); border-bottom: 1px solid #3485AE; }
.fc-event-vert .fc-event-time { white-space: nowrap; padding-top: 6px; } 	
.fc-event-vert .fc-event-title { padding-top: 0; padding-bottom: 6px; padding-top: 6px; }
.fc-event-vert .fc-event-bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; }	
.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg { display: none\9; }
.fc-event-vert .ui-resizable-s { bottom: 0!important;  width: 100%!important; height: 8px!important; overflow: hidden!important; line-height: 8px!important; font-size: 11px!important; font-family: monospace; text-align: center; cursor: s-resize; }
.fc-agenda .ui-resizable-resizing { _overflow: hidden; }


/* ===== File uploader  ===== */

.plupload_buttons { margin: 7px 0; }
.plupload_buttons::after { content: ""; display: block; clear: both; }
.plupload_header { display: none; }
.plupload_start { float: left; }
.plupload_buttons > a.btn-primary { margin-left: 10px; }
.plupload_start span { background: url(../images/upload.png) no-repeat 10px; padding: 5px 13px 6px 26px; display: block;  }
.plupload_disabled, a.plupload_disabled:hover { color: #a6a6a6!important; border: 1px solid #d5d5d5!important; background: #e5e5e5!important; box-shadow: none!important; -moz-box-shadow: none!important; text-shadow: none!important; cursor: default!important; }
.plupload_disabled span { padding: 5px 13px 6px 13px; }
.plupload_add { float: left; }
.plupload_add span { background: url(../images/add.png) no-repeat 10px; padding: 5px 13px 6px 26px; display: block; }
.plupload_wrapper { font-size: 11px;; width: 100%; }
.plupload_container input { border: 1px solid #DDD; font-size: 11px; width: 98%; }
.plupload_filelist { margin: 0; padding: 0; list-style: none; }
.plupload_scroll .plupload_filelist { height: 185px; overflow-y: scroll; }
.plupload_filelist li { padding: 10px 12px; background: whiteSmoke; border-bottom: 1px solid #E7E7E7; }
.plupload_filelist li:hover { background-color: #f8f8f8; }
.plupload_filelist_header, .plupload_filelist_footer { background: #f5f5f5; padding: 3px 0 3px 12px; color: #878787; }
.plupload_filelist_header {	border-bottom: 1px solid #d5d5d5; }
.plupload_filelist_footer { border-top: 1px solid #D5D5D5; line-height: 30px; vertical-align: middle; } 
.plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status, .plupload_filelist_footer .plupload_progress, .plupload_filelist_footer .plupload_file_action, .plupload_filelist_footer .plupload_upload_status { margin: 8px 0; }
.plupload_file_name { float: left; overflow: hidden; }
.plupload_file_status { color: #777; }
.plupload_file_status span {}
.plupload_file_size, .plupload_file_status, .plupload_progress { float: right; width: 80px; }
.plupload_file_size, .plupload_file_status, .plupload_file_action { text-align: right; }
.plupload_filelist .plupload_file_name { width: 205px; }
.plupload_file_action { float: right; width: 14px; margin-top: 4px; height: 14px; margin-left: 15px!important; }
.plupload_file_action * { display: none; width: 14px; height: 14px; }
li.plupload_done { color: #AAA; }
li.plupload_delete a { background: url(../images/elements/uploader/deleteFile.png) no-repeat 0; }
li.plupload_failed a { background: url(../images/elements/uploader/error.png) no-repeat 0; cursor: default; }
li.plupload_done a { background: url(../images/elements/uploader/uploaded.png) no-repeat 0; cursor: default; }
.plupload_progress, .plupload_upload_status { display: none; }
.plupload_progress_container { margin-top: 10px; border: 1px solid #CCC; background: #FFF; padding: 1px; }
.plupload_progress_bar { width: 0px; height: 7px; background: #CDEB8B; }
.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action { margin-right: 17px; }
.plupload_clear,.plupload_clearer { clear: both; }
.plupload_clearer, .plupload_progress_bar { display: block; font-size: 0; line-height: 0; }
li.plupload_droptext { background: url(../images/elements/uploader/drag.png) no-repeat 50%; text-align: center; vertical-align: middle; border: 0; line-height: 165px; text-indent: -9999px; }


/* ===== Cleditor ===== */

.cleditorMain iframe {border:none; margin:0; padding:0-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box;max-width: 100%;}
.cleditorMain textarea {border:none; margin:0; padding:0; overflow-y:scroll; font-size: 12px; padding: 10px; resize:none; outline:none /* webkit grip focus */}
.cleditorToolbar {background: url('../images/elements/wysiwyg/toolbar.gif') repeat}
.cleditorGroup {float:left; height:26px}
.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('../images/elements/wysiwyg/buttons.gif')}
.cleditorDisabled {opacity:0.3; filter:alpha(opacity=30)}
.cleditorDivider {float:left; width:1px; height:23px; margin:1px 0 1px 0; background:#CCC}
.cleditorPopup {border:solid 1px #999; background-color:white; position:absolute; z-index:10000}
.cleditorPopup input[type=button] { padding: 7px 10px 6px 10px; border: 1px solid #3485AE; float: right; margin: 8px 0 4px 0; background: #56A4CE; color: #fff; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px #333; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px #333; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 1px #333; }
.cleditorList div {padding:2px 4px 2px 4px}
.cleditorList p, .cleditorList h1, .cleditorList h2, .cleditorList h3, .cleditorList h4, .cleditorList h5, .cleditorList h6, .cleditorList font {padding:0; margin:0; background-color:Transparent}
.cleditorColor {width:150px; padding:1px 0 0 1px}
.cleditorColor div {float:left; width:14px; height:14px; margin:0 1px 1px 0}
.cleditorPrompt {background-color:#F6F7F9; padding:4px; font-size: 11px; }
.cleditorPrompt input,
.cleditorPrompt textarea {font:8.5pt Arial,Verdana;}
.cleditorMsg {background-color:#FDFCEE; width:150px; padding:4px; font-size: 11px; }


/* ===== Time picker ===== */

.ui-timepicker-list { overflow-y: auto; height: 131px; width: 6.5em; background: #fff; border: 1px solid #ddd; margin-top: -1px; min-width: 116px; }
input.time { width: 100px; }
.ui-timepicker-list.ui-timepicker-with-duration { width: 11em; }
.ui-timepicker-duration { margin-left: 5px; color: #888; }
.ui-timepicker-list:hover .ui-timepicker-duration { color: #888; }
.ui-timepicker-list li { padding: 10px 10px 9px 10px; line-height: 13px; border-top: 1px solid #e4e4e4; font-size: 11px;
	background: #fcfcfc; 
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #f8f8f8 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f8f8f8)); 
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f8f8f8 100%); 
	background: -o-linear-gradient(top,  #fcfcfc 0%,#f8f8f8 100%); 
	background: -ms-linear-gradient(top,  #fcfcfc 0%,#f8f8f8 100%); 
	background: linear-gradient(top,  #fcfcfc 0%,#f8f8f8 100%); 
}
.ui-timepicker-list li:first-child { border-top: none; }
.ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; }
li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list:hover .ui-timepicker-selected:hover { background: #1980EC; color: #fff; }
li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; }


/* ===== Bootstrap color picker ===== */

.colorpicker-saturation { width: 100px; height: 100px; background-image: url(../images/colorpicker/saturation.png); cursor: crosshair; float: left; }
.colorpicker-saturation i { display: block; height: 5px; width: 5px; border: 1px solid #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px; }
.colorpicker-saturation i b { display: block; height: 5px; width: 5px; border: 1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.colorpicker-hue, .colorpicker-alpha { width: 15px; height: 100px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px; }
.colorpicker-hue i, .colorpicker-alpha i { display: block; height: 1px; background: #000; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px; }
.colorpicker-hue { background-image: url(../images/colorpicker/hue.png); }
.colorpicker-alpha { background-image: url(../images/colorpicker/alpha.png); display: none; }
.colorpicker { *zoom: 1; top: 0; left: 0; padding: 4px; min-width: 120px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.colorpicker:before, .colorpicker:after { display: table; content: ""; }
.colorpicker:after { clear: both; }
.colorpicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; }
.colorpicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; }
.colorpicker div { position: relative; }
.colorpicker.alpha { min-width: 140px; }
.colorpicker.alpha .colorpicker-alpha { display: block; }
.colorpicker-color { height: 10px; margin-top: 5px; clear: both; background-image: url(../images/colorpicker/alpha.png); background-position: 0 100%; }
.colorpicker-color div { height: 10px; }
.input-append.color .add-on { padding: 6px; }
.input-append.color .add-on i, .input-prepend.color .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; } 


/* ===== Daterange picker ===== */
.date-picker{width:170px;height:25px;padding:0;border:0;line-height:25px;padding-left:10px;font-size:12px;font-family:Arial;font-weight:700;cursor:pointer;color:#303030;position:relative;z-index:2}.date-picker-wrapper{position:absolute;z-index:1;border:1px solid #bfbfbf;background-color:#efefef;width:428px;padding:5px 12px;font-size:12px;line-height:20px;color:#aaa;font-family:Arial;box-shadow:3px 3px 10px rgba(0,0,0,0.5)}.date-picker-wrapper.single-date{width:auto}.date-picker-wrapper.no-shortcuts{padding-bottom:12px}.date-picker-wrapper .footer{font-size:11px;padding-top:3px}.date-picker-wrapper b{color:#666;font-weight:700}.date-picker-wrapper a{color:#6bb4d6;text-decoration:underline}.date-picker-wrapper .month-wrapper{border:1px solid #bfbfbf;border-radius:3px;background-color:#fff;padding:5px;cursor:default;position:relative;_overflow:hidden}.date-picker-wrapper .month-wrapper table{width:190px;float:left}.date-picker-wrapper .month-wrapper table.month2{width:190px;float:right}.date-picker-wrapper .month-wrapper table th,.date-picker-wrapper .month-wrapper table td{vertical-align:middle;text-align:center;line-height:14px;margin:0;padding:0}.date-picker-wrapper .month-wrapper table .day{height:19px;line-height:19px;font-size:12px;margin-bottom:1px;color:#999;cursor:default}.date-picker-wrapper .month-wrapper table div.day.lastMonth,.date-picker-wrapper .month-wrapper table div.day.nextMonth{color:#999;cursor:default}.date-picker-wrapper .month-wrapper table .day.checked{background-color:#9cdbf7}.date-picker-wrapper .month-wrapper table .week-name{height:20px;line-height:20px;font-weight:100}.date-picker-wrapper .month-wrapper table .day.has-tooltip{cursor:help!important}.date-picker-wrapper .month-wrapper table .day.toMonth.valid{color:#333;cursor:pointer}.date-picker-wrapper .month-wrapper table .day.real-today{background-color:#ffe684}.date-picker-wrapper .month-wrapper table .day.real-today.checked{background-color:#70ccd5}.date-picker-wrapper table .caption{height:40px}.date-picker-wrapper table .caption .next,.date-picker-wrapper table .caption .prev{padding:0 5px;cursor:pointer}.date-picker-wrapper table .caption .next:hover,.date-picker-wrapper table .caption .prev:hover{background-color:#ccc;color:#fff}.date-picker-wrapper .gap{position:absolute;display:none;top:0;left:204px;z-index:1;width:15px;height:100%;background-color:red;font-size:0;line-height:0}.date-picker-wrapper .gap .gap-lines{height:100%;overflow:hidden}.date-picker-wrapper .gap .gap-line{height:15px;width:15px;position:relative}.date-picker-wrapper .gap .gap-line .gap-1{z-index:1;height:0;border-left:8px solid #fff;border-top:8px solid #eee;border-bottom:8px solid #eee}.date-picker-wrapper .gap .gap-line .gap-2{position:absolute;right:0;top:0;z-index:2;height:0;border-left:8px solid transparent;border-top:8px solid #fff}.date-picker-wrapper .gap .gap-line .gap-3{position:absolute;right:0;top:8px;z-index:2;height:0;border-left:8px solid transparent;border-bottom:8px solid #fff}.date-picker-wrapper .gap .gap-top-mask{width:6px;height:1px;position:absolute;top:-1px;left:1px;background-color:#eee;z-index:3}.date-picker-wrapper .gap .gap-bottom-mask{width:6px;height:1px;position:absolute;bottom:-1px;left:7px;background-color:#eee;z-index:3}.date-picker-wrapper .selected-days{display:none}.date-picker-wrapper .drp_top-bar{line-height:40px;height:40px;position:relative}.date-picker-wrapper .drp_top-bar .error-top{display:none}.date-picker-wrapper .drp_top-bar .normal-top{display:none}.date-picker-wrapper .drp_top-bar .default-top{display:block}.date-picker-wrapper .drp_top-bar.error .default-top{display:none}.date-picker-wrapper .drp_top-bar.error .error-top{display:block;color:red}.date-picker-wrapper .drp_top-bar.normal .default-top{display:none}.date-picker-wrapper .drp_top-bar.normal .normal-top{display:block}.date-picker-wrapper .drp_top-bar .apply-btn{position:absolute;right:0;top:6px;padding:3px 5px;margin:0;font-size:12px;border-radius:4px;cursor:pointer;color:#d9eef7;border:solid 1px #0076a3;background:#0095cd;background:-webkit-gradient(linear,left top,left bottom,from(#00adee),to(#0078a5));background:-moz-linear-gradient(top,#00adee,#0078a5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee',endColorstr='#0078a5');color:#fff}.date-picker-wrapper .drp_top-bar .apply-btn.disabled{cursor:pointer;color:#606060;border:solid 1px #b7b7b7;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed));background:-moz-linear-gradient(top,#fff,#ededed);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed')}.time{position:relative}.time input[type=range]{vertical-align:middle}.time1,.time2{width:180px;padding:0 5px;text-align:center}.time1{float:left}.time2{float:right}.hour,.minute{text-align:right}.hide{display:none}