/**
 * rangecalendar.css v 1.0.2
 *
 * Copyright 2013, Libero Angelo
 * Email: angelo@afreeux.com
**/
 
.range-calendar { clear: both; overflow: hidden; width: 100%;   position: relative; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 10px 0; background-color: transparent; }
.range-calendar.triggerable {display: none ;}
.calendar-wrapper {position: relative; left: 0;top: 0;z-index: 2; list-style: none; display: block;clear: both; overflow: hidden; padding: 10px 0;  }
.range-calendar .calendar { z-index: 1; list-style: none;float: left;margin: 0; padding:  0 ; position: relative; width: 99999px;}
.range-calendar .calendar .cell {float: left;width: 70px; padding:25px 20px; margin: 0px; border-right: 1px solid rgba(0,0,0,0.03); text-align: center; position: relative;color: #888 ;}
.range-calendar .calendar .full-house {background-color: rgba(20,20,20,.5); cursor: not-allowed;}
.range-calendar .calendar .cell .day-number {display: block;clear: both; font-weight: bold;font-size: 20px;  z-index: 1; position: relative; }
.range-calendar .calendar .cell .day {display: block;clear: both; text-transform: uppercase; width: 100%; font-weight: 100; font-size: 12px; margin-top: 0px; z-index: 1; position: relative;}
.range-calendar .calendar .cell .month { width: 100%;  font-size: 12px;z-index: 1; text-transform: uppercase; position: absolute;opacity: 1;left: 0;top: 10px;font-weight: bold;}
.range-calendar .calendar .cell .day.ferial {font-weight: bold;}
.range-calendar .calendar .cell .month.first {opacity: 1;}
.range-calendar .calendar .cell:hover { background-color: rgba(0,0,0,.0);  color: #888;  }
.range-calendar .calendar .cell:hover .day-number {}
.range-calendar .calendar .cell:hover .day{ }
.range-calendar .calendar .cell:hover .month { }
.range-calendar .calendar .cell.selected {background: transparent;color: #fff;border-right: 1px solid rgba(0, 0, 0, 0.04);}
.range-calendar .calendar .cell.selected.last {border: none !important;}
.range-calendar .calendar .cell.selected .day-number, .calendar .cell.ui-selecting .day-number { z-index: 2; position: relative;}
.range-calendar .calendar .cell.selected .month, .calendar .cell.ui-selecting .month {z-index: 2; position: relative; opacity: 1;}
.range-calendar .calendar .cell.selected .day, .calendar .cell.ui-selecting day{ z-index: 2; position: relative;}
.range-calendar .calendar .cell.selected .day.ferial, .calendar .cell.ui-selecting day.ferial{ z-index: 2; position: relative;font-weight: bold;}
.range-calendar .months { z-index: 1; list-style: none;float: left;margin: 0; padding: 0; position: relative; width: 99999px; border-bottom: 0px solid #f9f9f9; margin-bottom: 10px;}
.range-calendar.auto-hide-months .months {display: none;}
.range-calendar .months .cell {float: left;width: 65px; padding: 1px 1px; margin: 0px 0;  text-align: center; position: relative;color: #888; border-right: 0px solid rgba(0,0,0,0.03); position: relative; }
.range-calendar .months .cell .month-name { font-weight: bold;font-size: 12px;  z-index: 1; position: relative; text-transform: uppercase;}
.range-calendar .months .cell .date-formatted {font-weight: 100; font-size: 12px; }
.range-calendar .months .cell .bullet {position: absolute;left: 5px;top: 22px;height: 2px;width: 55px;background-color: #888; display: none; border-radius: 1px;}
.range-calendar .months .cell.selected {float: left;  text-align: center; position: relative;color: #fff;  background-color:#888;  }
.range-calendar .months .cell.selected .month-name {color: #fff;}
.range-calendar .months .cell.selected .date-formatted {color: #fff;}
.range-calendar .months .cell.selected .bullet { background-color: #fff; }
.range-calendar .months .cell.current .bullet {display: block;}
.range-bar {width: 210px; height: 100%; top: 0px; left: 0; position: absolute;  z-index: 1; padding: 0; margin: 0; background-image: none; z-index: 1 ; background-color: #888; }
.range-bar.resizable {height: 100%;position: absolute;}
.range-bar.range-bar-content {width: 100%; height: 100%; display: block;float: left;}
.range-bar .ui-resizable-handle.ui-resizable-e{width: 6px;height: 100%;background-position: 25px 53%;background-repeat: no-repeat;right: 0px;padding: 20px;opacity: 0.5;}
.range-calendar .ui-draggable {cursor: move;cursor: -moz-grab;cursor: -webkit-grab; }
.range-calendar .ui-draggable-dragging {cursor: -moz-grabbing;cursor: -webkit-grabbing;}

/* Default Theme */

.default-theme .months {background-color: transparent ;}
.default-theme .months .cell {color: #888 ;}
.default-theme .months .cell.selected .month-name {color: #fff ;}
.default-theme .months .cell.selected .bullet { background-color: #fff;}
.default-theme .calendar {background-color: transparent ;}
.default-theme .calendar .cell  {color: rgba(0, 0, 0, 0.4) ;}
.default-theme .calendar .cell .day-number {color: #888 ;}
.default-theme .calendar .cell:hover {background: transparent ;}
.default-theme .calendar .cell:hover .day-number{color:#888 ;}
.default-theme .calendar .cell.selected  {color: #fff;border-right: 1px solid rgba(0, 0, 0, 0.2);}
.default-theme .calendar .cell.selected:hover {background: none ;}
.default-theme .calendar .cell.selected .day-number {color: #fff ;}
.default-theme .range-bar { background-color: #888 ;}


/* green-theme */

.blue-theme-bg {background-color: #448FFF ; color: #fff ;border-color: rgba(255,255,255,0.3); }
.blue-theme-color {color: #FFF ;}
.blue-theme-header {text-transform: uppercase; border-left: 3px #448FFF solid; padding-left: 5px;}
.blue-theme-table thead:first-child tr:first-child {height: 30px; text-transform: uppercase; background-color: #448FFF; color: #fff;}
.blue-theme-table tfoot {height: 30px; text-transform: _uppercase; background-color: #448FFF; color: #fff;}
.blue-theme .range-calendar {background-color: #fff;}
.blue-theme .months {background-color: transparent ;}
.blue-theme .months .cell {color: rgba(0, 0, 0, 0.6) ;}
.blue-theme .months .cell .month-name {color: #448FFF ;}
.blue-theme .months .cell.selected {background-color: #448FFF ;}
.blue-theme .months .cell.selected .month-name {color: #fff ;}
.blue-theme .months .cell .bullet { background-color: #448FFF;}
.blue-theme .months .cell.selected .bullet { background-color: #fff;}
.blue-theme .calendar {background-color: transparent ;}
.blue-theme .calendar .cell  {color: rgba(0, 0, 0, 0.4) ;}
.blue-theme .calendar .cell .day-number {color: #448FFF ;}
.blue-theme .calendar .cell:hover {background: transparent ;}
.blue-theme .calendar .cell:hover .day-number{color:#888 ;}
.blue-theme .calendar .cell.selected  {color: #fff ;}
.blue-theme .calendar .cell.selected:hover {background: none ;}
.blue-theme .calendar .cell.selected .day-number {color: #fff ;}
.blue-theme .range-bar { background-color: #448FFF ;  }


/* SKY COLOR  #00CCFF */

.cyano-theme-bg {background-color: #00CCFF ;color: #fff ;border-color: rgba(255,255,255,0.3); }
.cyano-theme-color {color: #FFF ;}
.cyano-theme-theme-header {text-transform: uppercase; border-left: 3px #00CCFF solid; padding-left: 5px;}
.cyano-theme-table thead:first-child tr:first-child {height: 30px; text-transform: uppercase; background-color: #00CCFF; color: #fff;}
.cyano-theme-table tfoot {height: 30px; text-transform: _uppercase; background-color: #00CCFF; color: #fff;}
.cyano-theme .months {background-color: transparent ;}
.cyano-theme .months .cell {color: rgba(0, 0, 0, 0.6) ;}
.cyano-theme .months .cell .month-name {color: #00CCFF ;}
.cyano-theme .months .cell.selected {background-color: #00CCFF ;}
.cyano-theme .months .cell.selected .month-name {}
.cyano-theme .calendar {background-color: transparent ;}
.cyano-theme .calendar .cell  {color: rgba(0, 0, 0, 0.4) ;}
.cyano-theme .calendar .cell .day-number {color: #00CCFF ;}
.cyano-theme .calendar .cell:hover {background: transparent ;}
.cyano-theme .calendar .cell:hover .day-number {color: #888 ;}
.cyano-theme .calendar .cell.selected  {color: #fff ;}
.cyano-theme .calendar .cell.selected:hover {background: none ;}
.cyano-theme .calendar .cell.selected .day-number {color: #fff ;}
.cyano-theme .range-bar { background-color: #00CCFF ;}


/* RED COLOR  #FF5D3A */

.orange-light-theme-bg {background-color: #ff7400;color: #fff ;border-color: rgba(255,255,255,0.3);}
.orange-light-theme-color {color: #fff ;}
.orange-light-theme-header {text-transform: uppercase; border-left: 3px #ff7400 solid; padding-left: 5px;}
.orange-light-theme-table thead:first-child tr:first-child {height: 30px; text-transform: uppercase; background-color: #ff7400; color: #fff;}
.orange-light-theme-table tfoot {height: 30px; text-transform: _uppercase; background-color: #ff7400; color: #fff;}
.orange-light-theme .months {background-color: transparent ;}
.orange-light-theme .months .cell {color: rgba(0, 0, 0, 0.6) ;}
.orange-light-theme .months .cell .month-name {color: #ff7400 ;}
.orange-light-theme .months .cell:hover .month-name {color: #888 ;}
.orange-light-theme .months .cell.selected {background-color: #ff7400 ;}
.orange-light-theme .months .cell.selected .month-name {color: #fff ;}
.orange-light-theme .months .cell .bullet { background-color: #ff7400;}
.orange-light-theme .months .cell.current .bullet { background-color: #ff7400;}
.orange-light-theme .months .cell.selected .bullet { background-color: #fff;}
.orange-light-theme .calendar {background-color: transparent ;}
.orange-light-theme .calendar .cell  {color: #888 ;}
.orange-light-theme .calendar .cell:hover {background: transparent ;}
.orange-light-theme .calendar .cell:hover .day-number {color: #888 ;}
.orange-light-theme .calendar .cell .day-number {color: #ff7400 ;}
.orange-light-theme .calendar .cell.selected  {color: #fff ;}
.orange-light-theme .calendar .cell.selected:hover {background: none ;}
.orange-light-theme .calendar .cell.selected .day-number {color: rgba(255, 255, 255, 1) ;}
.orange-light-theme .range-bar { background-color: #ff7400 ; }


/* full-green-theme  */


.full-green-theme-bg {background-color: #02d9aa ;color: #fff ;border-color: rgba(255,255,255,0.3);}
.full-green-theme-color {color: #fff ;}
.full-green-theme-header {text-transform: uppercase; border-left: 3px #02d9aa solid; padding-left: 5px;}
.full-green-theme-table thead:first-child tr:first-child {height: 30px; text-transform: uppercase; background-color: #02d9aa; color: #fff;}
.full-green-theme-table tfoot {height: 30px; text-transform: _uppercase; background-color: #02d9aa; color: #fff;}
.full-green-theme.range-calendar,.full-green-theme .range-calendar  {background-color: #03DAAB;}
.full-green-theme .months {background-color: transparent ;}
.full-green-theme .months .cell {color: #f9f9f9 ;}
.full-green-theme .months .cell .month-name {color: #f9f9f9 ;}
.full-green-theme .months .cell .bullet { background-color: #999;}
.full-green-theme .months .cell.selected {background-color: rgba(0,0,0,.1); border-radius: 1px;}
.full-green-theme .months .cell.selected .month-name {color: #fff ;}
.full-green-theme .months .cell.selected .bullet { background-color: #03DAAB;}
.full-green-theme .months .cell.current .bullet { background-color: #fff;}
.full-green-theme .calendar {background-color: transparent ;}
.full-green-theme .calendar .cell  {color: #f9f9f9 ;}
.full-green-theme .calendar .cell:hover {background: transparent; color: #888;}
.full-green-theme .calendar .cell .day-number {color: #fff;}
.full-green-theme .calendar .cell:hover .day-number{ color: #888;}
.full-green-theme .calendar .cell.selected  {color: #fff ;}
.full-green-theme .calendar .cell.selected:hover {background: transparent ;}
.full-green-theme .calendar .cell.selected .day-number {color: #fff ;}
.full-green-theme .range-bar { background-color: rgba(0,0,0,.1);}

/* full-red-theme  */
.full-red-theme-bg {background-color: #FF5D3A ;color: #fff ;border-color: rgba(255,255,255,0.3);}
.full-red-theme-color {color: #fff ;}
.full-red-theme-header {text-transform: uppercase; border-left: 3px #FF5D3A solid; padding-left: 5px;}
.full-red-theme-table thead:first-child tr:first-child {height: 30px; text-transform: uppercase; background-color: #FF5D3A; color: #fff;}
.full-red-theme-table tfoot {height: 30px; text-transform: _uppercase; background-color: #FF5D3A; color: #fff;}
.full-red-theme.range-calendar,.full-red-theme .range-calendar  {background-color: #FF5D3A;}
.full-red-theme .months {background-color: transparent ;}
.full-red-theme .months .cell {color: #f9f9f9 ;}
.full-red-theme .months .cell .month-name {color: #f9f9f9 ;}
.full-red-theme .months .cell .bullet { background-color: #999;}
.full-red-theme .months .cell:hover .month-name{color: #444;}
.full-red-theme .months .cell.selected {background-color: rgba(0,0,0,.1);border-radius: 1px; border-color: rgba(1, 1,1, 0.05);}
.full-red-theme .months .cell.selected .month-name {color: #fff ;}
.full-red-theme .months .cell.selected .bullet { background-color: #FF5D3A;}
.full-red-theme .months .cell.current .bullet { background-color: #fff;}
.full-red-theme .calendar {background-color: transparent ;}
.full-red-theme .calendar .cell  {color: #f9f9f9 ;}
.full-red-theme .calendar .cell .day-number {color: #fff;}
.full-red-theme .calendar .cell:hover .day-number{ color: #444;}
.full-red-theme .calendar .cell:hover .day{ color: #fff;}
.full-red-theme .calendar .cell.selected  {color: #fff;}
.full-red-theme .calendar .cell.selected:hover {background: transparent ;}
.full-red-theme .calendar .cell.selected .day-number {color: #fff ;}
.full-red-theme .range-bar { background-color: rgba(0,0,0,.1) ;}

/* dark-theme */
.dark-theme-bg {background-color: #333 ;color: #fff ;border-color: rgba(255,255,255,0.3);}
.dark-theme-color {color: fff ;}
.dark-theme-header {text-transform: uppercase; border-left: 3px #333 solid; padding-left: 5px;}
.dark-theme-table thead:first-child tr:first-child {height: 30px; text-transform: uppercase; background-color: #333; color: #fff;}
.dark-theme-table tfoot {height: 30px; text-transform: _uppercase; background-color: #333; color: #fff;}
.dark-theme.range-calendar,.dark-theme .range-calendar  {background-color: #333;}
.dark-theme .months {background-color: transparent ;}
.dark-theme .months .cell {color: #999 ;}
.dark-theme .months .cell .month-name {color: #999 ;}
.dark-theme .months .cell .bullet { background-color: #999;}
.dark-theme .months .cell.current .bullet { background-color: #999;}
.dark-theme .months .cell.selected {background-color: #444 ;box-shadow:  0px 1px 2px #2f2f2f; border-radius: 1px;}
.dark-theme .months .cell.selected .month-name {color: #EEE ;}
.dark-theme .months .cell.selected .bullet { background-color: #333;}
.dark-theme .calendar {background-color: transparent ;}
.dark-theme .calendar .cell  {color: #666 ;}
.dark-theme .calendar .cell:hover {background: #333 ; color: #fff;}
.dark-theme .calendar .cell .day-number {color: #999 ;}
.dark-theme .calendar .cell:hover .day-number{ color: #fff;}
.dark-theme .calendar .cell.selected  {color: #fff ;}
.dark-theme .calendar .cell.selected:hover {background: none ;}
.dark-theme .calendar .cell.selected .day-number {color: rgba(255, 255, 255, 1) ;}
.dark-theme .range-bar { background-color: #444 ;}

/* dios COLOR  #FFD302 */

.dios-theme-bg {background-color: #FFD302 ;color: #fff ;border-color: rgba(255,255,255,0.3); }
.dios-theme-color {color: #FFF ;}
.dios-theme-theme-header {text-transform: uppercase; border-left: 3px #FFD302 solid; padding-left: 5px;}
.dios-theme-table thead:first-child tr:first-child {height: 30px; text-transform: uppercase; background-color: #FFD302; color: #fff;}
.dios-theme-table tfoot {height: 30px; text-transform: _uppercase; background-color: #FFD302; color: #fff;}
.dios-theme .months {background-color: transparent ;}
.dios-theme .months .cell {color: rgba(0, 0, 0, 0.6) ;}
.dios-theme .months .cell .month-name {color: #FFD302 ;}
.dios-theme .months .cell.selected {background-color: #FFD302 ;}
.dios-theme .months .cell.selected .month-name {}
.dios-theme .calendar {background-color: transparent ;}
.dios-theme .calendar .cell  {color: rgba(0, 0, 0, 0.4) ;}
.dios-theme .calendar .cell .day-number {color: #FFD302 ;}
.dios-theme .calendar .cell:hover {background: transparent ;}
.dios-theme .calendar .cell:hover .day-number {color: #888 ;}
.dios-theme .calendar .cell.selected  {color: #fff ;}
.dios-theme .calendar .cell.selected:hover {background: none ;}
.dios-theme .calendar .cell.selected .day-number {color: #fff ;}
.dios-theme .range-bar { background-color: #FFD302 ;}
span.dios-theme-bg label { margin-top: 4px;}

/* Context Colors*/

.blue-theme .color, .blue-theme.color {background-color: #448FFF !important; color: #fff;fill:#fff;}
.blue-theme .text-color, .blue-theme.text-color {color: #448FFF; }
.cyano-theme .color,.cyano-theme.color {background-color: #00CCFF !important;color: #fff;fill:#fff;}
.cyano-theme .text-color,.cyano-theme.text-color {color: #00CCFF;}
.orange-light-theme .color,.orange-light-theme.text-color {background-color: #ff7400  !important;color: #fff;fill:#fff;}
.orange-light-theme .text-color,.orange-light-theme.text-color {color: #ff7400;}
.dark-theme .color,.dark-theme.color  {background-color: #444;color: #fff;fill:#fff;}
.dark-theme .text-color,.dark-theme.text-color {color: #444; }
.full-green-theme .color,.full-green-theme.color  {background-color: #02d9aa  !important;color: #fff; fill:#fff;}
.full-green-theme .text-color,.full-green-theme.text-color {color: #02d9aa;}
.full-red-theme .color,.full-red-theme.color  {background-color: #FF5D3A  !important;color: #fff; fill:#fff;}
.full-red-theme .text-color,.full-red-theme.text-color {color: #FF5D3A;}
.dios-theme .color,.cyano-theme.color {background-color: #FFD302 !important;color: #fff;fill:#fff;}
.dios-theme .text-color,.cyano-theme.text-color {color: #FFD302;}


.range-bar .ui-resizable-handle {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAbCAYAAAEog86bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozOEM3RUEzMjIyQUUxMUUzQjQ5NUMwMEM3OEVEMzc0MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozOEM3RUEzMzIyQUUxMUUzQjQ5NUMwMEM3OEVEMzc0MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU5Q0Q4QzdGMjI3RjExRTNCNDk1QzAwQzc4RUQzNzQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU5Q0Q4QzgwMjI3RjExRTNCNDk1QzAwQzc4RUQzNzQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XfsRugAAAGZJREFUeNpi+P//PwMTAxAgCIAAYoCJ/YeLMQIEECNIDKECJgcCAAHEgMUINAIggOC6kU3A4PzHKYPCYUSRAQgg/Eb/J2garTmMWGUAAgzF1Tj1Y5P4T4yO/0QZNWgkGJElGIk2CgB+4BtJMclJ0wAAAABJRU5ErkJggg==');
}


@media only screen and (max-width: 768px) {
    
    .range-calendar .calendar .cell {width: 70px; padding:20px 15px;}
    .range-calendar .calendar .cell .day-number {font-size: 15px;}
	.range-calendar .calendar .cell .day {font-size: 8px;}

    .range-calendar .months .cell {width: 85px; padding: 10px 10px; }
    .range-calendar .months .cell .bullet {position: absolute;left: 15px;top: 27px;height: 2px;width: 55px;background-color: #888; display: none; border-radius: 1px;}
    
    .range-bar .ui-resizable-handle.ui-resizable-e{width:6px;height:27px;background-position: 8px 5px;background-repeat: no-repeat; right: 0px;top: 30%; padding: 20px 10px;opacity:0.5;}

    

}