﻿.calendar_main {
     background-color: #fff;
     border: 1px solid #000;
     padding: 0;
     font-size: 8pt;
     color: #000000;

     /*BackColor="#ffffff" BorderColor="#3366CC" BorderWidth="1px" CellPadding="0"
     Font-Names="Verdana" Font-Size="8pt" ForeColor="#003399"*/
}

.text-bold {
     font-weight: bold;
}

.modal-dialog {
     width: 60%;
}

.popover {
     /*width: 100%;*/
     max-width: 600px;
}
.popover-title {
     font-family: Calibri;
     color: #000000;
     font-size: 14pt;
     background-color: #61BB46;
}
.popover-content {
     font-family: Calibri;
     color: #000000;
     font-size: 10pt;
}
.popover a {
     color: #003399;
     text-decoration: underline;
}

.popover a:hover {
     color: #003399;
     text-decoration: underline;
}

.calendar_item {
     /*border: 1px solid #003399;*/
     /*background-color: #003399;*/
     color: #000000;
     cursor: hand;
     cursor: pointer;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     font-size: 8.5pt;
     margin: 5px;
     padding: 3px;
     display: block;
     max-width: 150px;
}

     .calendar_item a {
          color: #000;
     }

          .calendar_item a:hover {
               color: #000;
          }

.calendar_title {
     margin: 0;
     padding: 0;
     /* background: url(../images/Calendar/Cal_Title.png) repeat-x #ffffff; */
     background: url(data:image/gif;base64,R0lGODlhAgAeAMQAAA8mXhMwdREqZhQyexQxdxQxeRUyexApYxMvcRErahEraBAnXxItbRItbhQxehIubw8mXRMucBQxdhQxeBAoYg4jVw0fThEpZBEqZxMwdBAoYRIsaxAnYBMvcgAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU1NzcyLCAyMDE0LzAxLzEzLTE5OjQ0OjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjU2Y2FmYmFlLTcwM2UtZTM0ZC05N2U4LTAwNDVhNWQ3MzM1MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QTBBMUE0QjExMUIxMUU1OUNBMkMzQ0VBOEZBNzI0QSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QTBBMUE0QTExMUIxMUU1OUNBMkMzQ0VBOEZBNzI0QSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNzc1YzRlMC1kMmIyLTBkNGYtOGJlMC0xZGI4NDFlNTgxZmMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTZjYWZiYWUtNzAzZS1lMzRkLTk3ZTgtMDA0NWE1ZDczMzUxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAIAHgAABTOgYQyD4xTFNBGEJAVBlnUdgkTR8zQNw2ybREKhwGAEgsvlcKBQNBoOZ7EAACCQSsViCQEAOw==) repeat-x #ffffff;
     background-color: #ffffff;
     background-size: cover;
     border: 1px solid #000000;
     /*border-Color: #000000;
     borderWidth: 0px;
     borderStyle: None;*/
     font-weight: bold;
     font-size: 12pt;
     color: #fff;

      /*Font-Size="12pt" ForeColor="#ffffff"*/
}

.calendar_mobile_month {
     background-color: #336666; 
     padding: 3px; 
     border-bottom: 1px solid #000; 
     color: #fff;
}

.calendar_mobile_item {
     /*background-color: lightblue;*/ 
     color: #000;
     font-size: 12px;
     padding: 3px; 
     margin-bottom: 10px;
}

.calendar_mobile_item_alt {
     background-color: lightgreen; 
     padding: 3px; 
     margin-bottom: 10px;
}

.nextprev_month {
     padding: 0 10px;
     font-size: 10pt;
     color: #ffffff;
}

.day_style {
     padding: 2px 2px 2px 2px;
     height: 100px;
}

.day_header_style {
     height: 20px;
     text-align: center;
     background-color: #1E4AB4;
     color: #8EAFFF;
     /*BackColor="#99CCCC" ForeColor="#336666" Height="20px"*/
}

.Other_Month_Day_Style {
     background-color: #777777;
     color: #ffffff;
     height: 100px;
}

.Selected_Day_Style {
     background-color: #E4F3FF; 
     color: #000000;
}

.Selector_Style {
     background-color: #99CCCC; 
     color: #336666;
} 

.Today_Day_Style {
     background-color: #FFF9BF;
     color: #000000;
}

.Weekend_Day_Style {
     background-color: #CCCCCC;
}

.gridview td {
     padding: 8px;
}

.gridview th {
     text-align: center;
}

.indent {
     padding-left: 20px;
}

.gridview-padding {
     padding: 5px;
     font-size: 12px;
}

.gridview-heading th, .gridview-heading th a {
     padding: 5px;
     font-size: 12px;
     color: #fff;
}

/* Start - Calendar Category Checkbox List */

.CalCheckBoxList td {
     width: 33%;
     padding: 5px;
}

/* End - Calendar Category Checkbox List */