<%@ Page Language="vb" AutoEventWireup="false" MasterPageFile="~/FiniqAppMasterPage.Master" CodeBehind="HolidayCalenderPopUp.aspx.vb" Inherits="FinIQWebApp.HolidayCalenderPopUp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>


<asp:Content ID="ContentHolidayCalendar" ContentPlaceHolderID="MainContent" runat="server">
    <style>

        .grdHolidayCalendarList {
            width: 70px !important;
            margin: 0px !important;
            text-align: right;
            overflow: hidden !important;
            max-height: 35px !important;
            background-color: white !important;
            border-radius: 5px !important;
        }


                .colorForHolidayListToday {
        
            color: blue !important;
        }

        .GridItem td {
            color: blue !important;
        }


       .grdHolidayCalendarList div {
            border: none !important;
            
        }
        div {
            border: none !important;
        
        }


        div.grdHolidayCalendarList:hover {
            overflow: scroll !important;
        }

            div.grdHolidayCalendarList::-webkit-scrollbar-thumb {
                height:0.5px;
            }

        div.grdHolidayCalendarList::-webkit-scrollbar:vertical {
            width:2px !important;
            margin-left: 10px !important;
        }


        div.grdHolidayCalendarList::-webkit-scrollbar:horizontal {
            display: none;
            margin-top: 10px;
            margin-left: 0px;
        }

        .grpData {
            width: auto;
            float: left;
        }

        .DayStyle, .EventCal_Grid td .DayStyle {
            font: normal 13px verdana !important;
            border: solid 1px #DDDDDD !important;
            height: 100px;
            width: 120px;
            text-align: left !important;
          
        }

        .CalAndEventTable {
            width: auto;
            float: left;
        }


        td.OtherMonthDayStyle, td.DayStyle, .TodayDayStyle{
            min-height: 39px !important;
            max-height: 39px !important;
            height: 65px !important;
            vertical-align: top;
            text-align: left;
            padding: 5px;
        }




        .DayStyle a:link {
            font: normal 13px verdana !important;
            text-decoration: none !important;
            padding: 2px;
            margin-left:50px !important;
        }

        .DayStyle a:hover {
            font: bold 11px verdana !important;
            text-decoration: underline !important;
            /*padding:2px;*/
        }

        .DayStyleCustomerStatment a:hover {
            font: bold 20px verdana !important;
            text-decoration: underline !important;
            padding: 2px;
        }

        .DayStyleCustomerStatment a:link {
            font: bold 18px verdana !important;
            text-decoration: none !important;
            padding: 2px;
            font-size: 18px !important;
        }

        .CalAndEventTable {
            width: auto;
            float: left;
        }

        .Calendar {
            float: left;
            /*width: 580px;*/
            margin-left: 8px;
            /*height: 500px;*/
            margin-top: 10px;
            border:none !important;
        }


        .Grid tr.GridItem:nth-child(odd), tr.GridItem:nth-child(odd), .AlternatItemStyle {
            background-color:white !important;
            /* background-color: #F9F9F9 !important; */
        }

        .GridItem {
            color: #000000;
            background-color: #FFFFFF !important;
            padding: 5px 8px 5px 8px !important;
            border: none !important;
            border-collapse: collapse !important;
            text-align: left;
        }


        .EventCal_Grid td {
            background-color: #FFFFFF !important;
        }

        .EventCal_Grid table tr td a:link {
            text-align: right !important;
            width: auto;
        }

        select, HtmlSelect {
            /*border: 1px solid #ddd !important; */
            border-collapse: collapse;
            border: solid 1px #dddddd;
        }

        .EventCal_Grid td div td {
            white-space: nowrap;
            padding: 0px !important;
            margin: 0px !important;
        }

        .EventCal_Grid td div{
            border: solid 1px #F7F7F7;
            height: 100px !important;
        }

            .EventCal_Grid td div table, .EventCal_Grid td div table td {
                border: none 0px #444444 !important;
                padding: 1px !important;
                margin: 0px !important;
                float: left;
            }

                .EventCal_Grid td div table td {
                    height: 15px !important;
                }


        .TodayDayStyle, .TodayDayStyle a:link {
            font: bold 15px/24px verdana !important;
            margin-left:50px !important;

        }

        fieldset {
            border: 1px solid #ddd !important;
        }

        .lstHolidayCurrency {
            display: block;
            margin-left: 10px;
            border-radius: 5px;
            overflow-x:hidden;
        }
        
/*td.TodayDayStyle {
    background-color: #CDCDCD !important;
}
*/
        .OtherMonthDayStyle {
            background-color: #FFFFFF !important;
            border: solid 1px #DDDDDD;
            Color: #DDDDDD !important ;
            text-align: left !important;
          
        }

        .TitleStyle, .EventCal_Grid .TitleStyle td {
            color: #000000 !important;
            font: normal 14px/28px verdana !important;
            height: 30px;
            width: 100%;
            padding: 0px;
            border: none 0px #DDDDDD !important;
            background-color: #FFFFFF;
        }

            .TitleStyle a:link {
                color: #333333 !important;
                font: normal 11px !important;
                text-decoration: none !important;
            }

            .TitleStyle a:hover {
                color: #DDDDDD !important;
                font: normal 11px !important;
            }

            .TitleStyle td {
                text-align: center;
            }

        .DayHeaderStyle, .DayHeaderStyle th {
            color: #000000 !important;
            font: normal 11px/22px verdana !important;
            height: 30px;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#DDDDDD') !important; /* for IE */
            background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#DDDDDD)) !important; /* for webkit browsers */
            background: #FFFFFF !important; /* for firefox 3.6+ */
            border: solid 1px #DDDDDD !important;
        }

        .lblBoltterPaddingRight {
            padding-right: 15px !important;
            white-space: nowrap !important;
        }

        .ctlBoltterPaddingRight {
            padding-right: 20px !important;
            white-space: nowrap !important;
        }

        /*Added by shubham k 14-Apr-2021 , commented the margin-top*/
/*        #ctl00_MainContent_UpdatepanelMain {
            margin-top: -64px !important;
        }*/

        /*Start Added by shubham k on 14-Jul-2021 for POP grid margin*/
        .mainContentTable {
            margin: 0px !important;
        }
        /*END Added by shubham k on 14-Jul-2021 for POP grid margin*/
    </style>
    <script>
        $(document).ready(function () {
            var height = $($(".CalAndEventTable")[0]).height() + 200;
            var width = $($(".CalAndEventTable")[0]).width() + 50;
            window.resizeTo(width, height);
        });
    </script>

    <asp:UpdatePanel ID="UpdatepanelMain" runat="server" UpdateMode="Conditional">


        <ContentTemplate>


            <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatepanelMain"
                DisplayAfter="0">
                <ProgressTemplate>
                    <div class="divLoading">
                        <img alt="Loading" src="../App_Resources/loading.gif" /><span class="lbl">Loading...&nbsp;&nbsp;</span>
                    </div>
                </ProgressTemplate>
            </asp:UpdateProgress>


            <table>
                <tr>
                    <td>
                        <asp:Label ID="lblSuccess" CssClass="lblError" runat="server" Style="margin-bottom: 20px !important" />
                        <asp:Label ID="lblError" CssClass="lblError" runat="server" Style="margin-bottom: 20px !important" />
                    </td>
                </tr>
            </table>
            <table style="margin-top: 5px;margin-left: 18px;">
                <tr>

                    <td class=" lblBoltterPaddingRight">
                        <asp:Label ID="lblMonth" class="lbl" runat="server" Text="Month"></asp:Label></td>
                    <td class="ctlBoltterPaddingRight">
                        <asp:DropDownList ID="ddlMonth" CssClass="ddl" runat="server" AutoPostBack="true" Width="92px">
                        </asp:DropDownList>&nbsp;
                    <asp:DropDownList ID="ddlYear" CssClass="ddl ddlYear" runat="server" AutoPostBack="true" Width="80px">
                    </asp:DropDownList></td>
                </tr>

            </table>
            <table class="CalAndEventTable" style="vertical-align: top">
                <tr>
                    <td style="width: auto; white-space: nowrap; vertical-align: top">
                        <fieldset class="Calendar">
                            <asp:Calendar ID="Cal_Events" runat="server" CellPadding="1" CellSpacing="0"
                                CssClass="EventCal_Grid CalMargin" DayHeaderStyle-Font-Bold="false" DayHeaderStyle-Font-Italic="False"
                                DayHeaderStyle-ForeColor="Black" DayHeaderStyle-VerticalAlign="Middle" DayNameFormat="Short"
                                FirstDayOfWeek="Sunday" Font-Size="14px" NextMonthText=" > "
                                PrevMonthText=" < " NextPrevStyle-HorizontalAlign="Center" NextPrevStyle-VerticalAlign="Middle"
                                SelectedDayStyle-BackColor="" SelectedDayStyle-BorderStyle="NotSet" SelectedDayStyle-BorderWidth="2"
                                SelectedDayStyle-Font-Bold="true" SelectedDayStyle-Width="1" SelectMonthText="M"
                                SelectorStyle-BackColor="#FFFFFF" SelectorStyle-Font-Bold="True" SelectWeekText="W"
                                ShowGridLines="true" TitleFormat="MonthYear" TitleStyle-BorderStyle="Inset" TitleStyle-BorderWidth="1"
                                TitleStyle-Font-Bold="false" TitleStyle-VerticalAlign="Top" TodayDayStyle-Font-Bold="True"
                                WeekendDayStyle-Font-Italic="false" WeekendDayStyle-ForeColor="Red" Width="580px"
                                Height="435px" ClientIDMode="AutoID" BackColor="#FFFFFF" BorderColor="#DDDDDD">
                                <TodayDayStyle CssClass="TodayDayStyle" />
                                <SelectorStyle CssClass="SelectorStyle" Font-Bold="True" />
                                <NextPrevStyle BorderColor="#009999" HorizontalAlign="Center" VerticalAlign="Middle"
                                    CssClass="TitleStyle" />
                                <%--<DayHeaderStyle ForeColor="Black" Height="15px" VerticalAlign="Middle" />--%>
                                <DayHeaderStyle CssClass="DayHeaderStyle" Height="30px" />
                                <TitleStyle CssClass="TitleStyle" Height="28px" />
                                <WeekendDayStyle ForeColor="Red" />
                                <DayStyle CssClass="DayStyle" Height="30px" />
                            </asp:Calendar>
                        </fieldset>
            </table>

        </ContentTemplate>
    </asp:UpdatePanel>


    <script type="text/javascript">

    </script>

</asp:Content>
