.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: #333 ;}
.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: #333;  }
.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: 105px; padding: 10px 10px; margin: 0px 0;  text-align: center; position: relative;color: #333; 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: 15px;top: 15px;height: 7px;width: 7px;background-color: #333; display: none; border-radius: 1px;}
.range-calendar .months .cell.selected {float: left;  text-align: center; position: relative;color: #fff;  background-color:#333;  }
.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: #333; }
.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 .months {background-color: transparent ;}
.default-theme .months .cell {color: #333 ;}
.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: rgba(0, 0, 0, 0.4) ;}
.default-theme .calendar .cell:hover {background: transparent ;}
.default-theme .calendar .cell:hover .day-number{color:#333 ;}
.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: #333 ;} .blue-theme-bg {background-color: #448FFF ; color: #fff ;border-color: rgba(255,255,255,0.3); }
.blue-theme-color {color: #448FFF ;}
.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:#333 ;}
.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 ;  } .cyano-theme-bg {background-color: #00CCFF ;color: #fff ;border-color: rgba(255,255,255,0.3); }
.cyano-theme-color {color: #00CCFF ;}
.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: #333 ;}
.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 ;} .orange-light-theme-bg {background-color: #ff7400;color: #fff ;border-color: rgba(255,255,255,0.3);}
.orange-light-theme-color {color: #ff7400 ;}
.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: #333 ;}
.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: #333 ;}
.orange-light-theme .calendar .cell:hover {background: transparent ;}
.orange-light-theme .calendar .cell:hover .day-number {color: #333 ;}
.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-bg {background-color: #02d9aa ;color: #fff ;border-color: rgba(255,255,255,0.3);}
.full-green-theme-color {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: #333;}
.full-green-theme .calendar .cell .day-number {color: #fff;}
.full-green-theme .calendar .cell:hover .day-number{ color: #333;}
.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-bg {background-color: #FF5D3A ;color: #fff ;border-color: rgba(255,255,255,0.3);}
.full-red-theme-color {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-bg {background-color: #333 ;color: #fff ;border-color: rgba(255,255,255,0.3);}
.dark-theme-color {color: #333 ;}
.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 ;} .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;}
.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-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;}
}body {
padding: 0;
color: #888;
}
.page-wrapper {
margin-top: 0px;
overflow: hidden;
}
.page-content,
.footer-content {
padding: 0px 0;
padding-bottom: 30px;
}
.head-content {
padding-top: 80px;
}
.container {
padding: 0;
}
.navbar-fixed-top {
padding: 20px 0;
height: auto;
background-color: rgba(255, 255, 255, 0.5);
border: none;
margin: 0;
}
.navbar-fixed-top .btn {
font-size: 16px;
font-weight: bold;
padding: 0 15px;
}
.navbar-default .navbar-brand {
padding: 0;
margin: 0;
}
.navbar-fixed-top .navbar-collapse {
width: 100%;
}
.logo {
}
.logo .path {
fill: #fff;
}
.logo {
width: 130px;
height: 140px;
}
.footer-content {
margin-top: 60px;
background-color: #555;
padding: 30px;
}
.footer-content .download {
padding: 30px;
text-align: center;
border-bottom: 1px solid #666;
width: 100%;
margin-bottom: 30px;
}
.footer-content .download .glyphicon {
font-size: 40px;
color: #fff;
}
.footer-content .download .btn {
border: 0;
}
.jumbotron {
padding: 20px 15px;
border: none;
background: none;
margin-bottom: 0;
}
.jumbotron .btn-group .btn {
background-color: transparent;
border: 1px solid transparent;
font-size: 22px;
font-weight: bold;
padding: 15px 30px;
border: 0;
}
.jumbotron .btn-group .btn .glyphicon {
color: rgba(0, 0, 0, 0.2);
margin-right: 10px;
font-size: 20px;
}
.jumbotron .btn-group .btn:hover .glyphicon {
color: #fff;
}
.calendar-view .sample-calendar {
margin: 30px 0;
}
.range-cal-trigger {
border: 0;
height: 100%;
background-color: transparent;
}
.range-cal-trigger .glyphicon {
}
.themes-group .btn {
border: 0;
margin: 0 0px;
padding: 10px 15px;
height: 10px;
position: relative;
}
.themes-group .btn .glyphicon {
font-size: 14px;
line-height: 16px;
opacity: 0;
display: none;
color: rgba(255, 255, 255, 0.8);
margin: 0;
padding: 0;
margin-right: 10px;
display: none;
}
.themes-group .btn .title {
font-weight: 100;
font-size: 14px;
float: left;
}
.themes-group .btn .half-color {
right: 0;
top: 0;
width: 50%;
height: 100%;
position: absolute;
background-color: #f9f9f9;
}
.themes-group .btn.selected {
border: 1px solid rgba(255, 255, 255, 0.5);
}
.themes-group .btn.selected .glyphicon {
color: #fff;
opacity: 1;
margin: 0;
display: none;
float: left;
margin-right: 5px;
margin-top: -10px;
height: 20px;
}
.themes-group .btn.selected .title {
display: block;
}
.themes-group .btn.selected .half-color {
opacity: 0.5;
}
.themes-group .colors-info .title {
font-weight: bold;
font-size: 16px;
display: block;
clear: both;
margin-bottom: 5px;
opacity: 0.5;
}
.themes-group .colors-info .subtitle {
font-weight: 100;
font-size: 16px;
width: 100px;
display: block;
clear: both;
}
.themes-group .colors-info .title .glyphicon {
margin-right: 5px;
opacity: 0.5;
}
.page-content .calendar-values {
display: none;
}
.calendar-values {
margin-top: 30px;
margin-bottom: 30px;
}
.calendar-values .col {
text-align: center;
color: #888;
}
.calendar-values > .col-md-3,
.calendar-values > .col-md-4 {
border-right: 1px solid #eee;
}
.calendar-values .col.last {
border: 0;
}
.calendar-values .col .glyphicon {
font-size: 40px;
padding: 5px 0;
margin-bottom: 5px;
}
.calendar-values .col .glyphicon-comment {
margin-top: 0;
font-size: 63px;
padding-top: 0;
}
.calendar-values .col .title {
width: 100%;
text-align: center;
font-size: 20px;
font-weight: bold;
display: block;
clear: both;
text-transform: uppercase;
}
.calendar-values .col .subtitle {
width: 100%;
text-align: center;
font-size: 12px;
font-weight: bold;
display: block;
clear: both;
text-transform: uppercase;
}
.calendar-values .col .value {
width: 100%;
text-align: center;
font-size: 40px;
font-weight: bold;
display: block;
clear: both;
}
.calendar-values .col .label {
width: 100%;
text-align: center;
font-size: 14px;
font-weight: bold;
display: block;
clear: both;
text-transform: uppercase;
color: #666;
}
.calendar-values .col .label small {
margin-left: 5px;
color: #888;
font-weight: 100;
}
#how .pre {
border: 1px solid #eee;
background-color: transparent;
}
.modal {
}
.modal .modal-content {
box-shadow: none;
border: 0;
margin: 0;
background-color: #f9f9f9;
}
.modal .modal-footer {
box-shadow: none;
border: 0;
margin: 0;
}
.modal .btn-close {
position: absolute;
top: 0;
right: 0;
border: 0;
margin: 15px;
}
.modal .calendar-values {
padding: 20px 0;
margin: 0px;
}
.modal .range-calendar {
padding: 10px 0;
}
.modal .calendar-values .col .glyphicon {
font-size: 22px;
}
.modal .calendar-values .col .glyphicon-comment {
font-size: 22px;
}
.modal .calendar-values .col .title {
font-size: 12px;
}
.modal .calendar-values .col .subtitle {
font-size: 12px;
}
.modal .calendar-values .col .value {
font-size: 30px;
}
.modal .calendar-values .col .label {
font-size: 14px;
}
#langs {
margin-left: 10px;
}
#langs .dropdown-toggle {
color: #666;
}
.colorization-group {
margin-top: 15px;
}
.colorization-group .btn {
padding: 15px;
border: 0;
border-radius: 1px;
}
.colorization-group .btn .glyphicon {
font-size: 14px;
line-height: 16px;
opacity: 0;
display: none;
color: rgba(255, 255, 255, 0.8);
margin: 0;
padding: 0;
margin-right: 10px;
display: none;
}
.colorization-group .btn .title {
font-weight: 100;
font-size: 14px;
float: left;
}
.colorization-group .btn .half-color {
right: 0;
top: 0;
width: 50%;
height: 100%;
position: absolute;
background-color: #f9f9f9;
}
.colorization-group .btn.selected {
border: 1px solid rgba(255, 255, 255, 0.5);
}
.colorization-group .btn.selected .glyphicon {
color: #fff;
opacity: 1;
margin: 0;
display: none;
float: left;
margin-right: 5px;
margin-top: -10px;
height: 20px;
}
.colorization-group .btn.selected .title {
display: block;
}
.colorization-group .btn.selected .half-color {
opacity: 0.5;
}
.colorization-group .colors-info .title {
font-weight: bold;
font-size: 16px;
display: block;
clear: both;
margin-bottom: 5px;
opacity: 0.5;
}
.colorization-group .colors-info .subtitle {
font-weight: 100;
font-size: 16px;
width: 100px;
display: block;
clear: both;
}
.colorization-group .colors-info .title .glyphicon {
margin-right: 5px;
opacity: 0.5;
}
.section {
padding-bottom: 15px;
margin-bottom: 15px;
clear: both;
display: block;
}
.section .section-title {
color: #666;
margin-bottom: 15px;
}
.section .content {
margin-bottom: 15px;
}
.section .code {
padding: 30px 15px;
background-color: #333;
color: #f9f9f9;
width: 100%;
display: block;
border-radius: 0;
line-height: 25px;
display: block;
clear: both;
margin-bottom: 10px;
}
.section .code .sample-title {
clear: both;
margin-bottom: 15px;
width: 100%;
display: block;
line-height: 60px;
font-size: 25px;
font-weight: bold;
}
.section .range-calendar {
margin-top: 15px;
}