/* Custom css */

.hasDatepicker {
    padding-right: 30px;
}

.datepickerWrapper {
    position: relative;
}

.ui-datepicker-trigger {
    position: absolute;
    top: 3px;
    right: 2%;
    width: 24px !important;
    height: auto !important;
}

.ui-datepicker {
    width: 215px !important;
    margin-top: 1px;
    border: none !important;
    border-radius: 0px !important;
    padding: 0px !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    /*z-index: 2 !important;*/
}

    .ui-datepicker .ui-datepicker-header {
        padding: 2px 0;
        background: #d92550;
        border: none;
        border-bottom: 1px solid #d92550;
        border-radius: 0px;
    }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            width: 30px;
            height: 30px;
            font-size: 20px;
            border: none;
            color: #fff;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:visited, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:visited,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:active {
                font-size: 20px;
                border: none !important;
                background: transparent !important;
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
                display: none;
                background-image: none;
            }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            text-indent: inherit;
            left: 15px;
            top: 0;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after {
                content: "‹";
                font-size: 12px;
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:visited, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active {
                top: 0;
            }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            text-indent: inherit;
            right: 0;
            top: 0;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            font-style: normal;
            font-weight: 400;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
                content: "›";
                font-size: 12px;
            }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:visited, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:active {
                top: 0;
            }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-month,
        .ui-datepicker .ui-datepicker-header .ui-datepicker-year {
            font-size: 12px;
            font-weight: 400;
            background-color: #d92550;
            color: #fff;
            border: none;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-month > option,
            .ui-datepicker .ui-datepicker-header .ui-datepicker-year > option {
                background-color: #fff;
                color: #333;
            }

    .ui-datepicker .ui-datepicker-calendar {
        font-size: 12px;
    }

        .ui-datepicker .ui-datepicker-calendar thead tr th {
            color: #333;
            font-weight: 600;
        }

        .ui-datepicker .ui-datepicker-calendar .ui-state-default {
            text-align: center;
            border: none;
            background: transparent;
            color: #d92550;
        }

            .ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
                background: #eee;
            }

            .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
                background: #FFDEAD !important;
                color: #fff !important;
            }

            .ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight {
                background: #FFDEAD;
                color: #d92550;
            }

#ndp-nepali-box {
    width: 215px;
    border-radius: 0px !important;
    padding: 0px !important;
    border-color: #d92550 !important;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
}

    #ndp-nepali-box .ndp-header {
        line-height: 28px;
        border-radius: 0px;
        margin: 0px;
        background-color: #d92550;
        border-color: #d92550;
        font-size: 20px;
    }

        #ndp-nepali-box .ndp-header #currentMonth #npd-month-select,
        #ndp-nepali-box .ndp-header #currentMonth #npd-year-select {
            background-color: #d92550;
            color: #fff;
            border: none;
        }

            #ndp-nepali-box .ndp-header #currentMonth #npd-month-select > option,
            #ndp-nepali-box .ndp-header #currentMonth #npd-year-select > option {
                background-color: #fff;
                color: #000;
            }

        #ndp-nepali-box .ndp-header .ndp-prev,
        #ndp-nepali-box .ndp-header .ndp-next {
            width: 25px;
            height: 25px;
            line-height: 25px;
            color: #fff !important;
            top: 2px !important;
        }

            #ndp-nepali-box .ndp-header .ndp-prev:hover, #ndp-nepali-box .ndp-header .ndp-prev:focus,
            #ndp-nepali-box .ndp-header .ndp-next:hover,
            #ndp-nepali-box .ndp-header .ndp-next:focus {
                background: #d62042;
            }

            #ndp-nepali-box .ndp-header .ndp-next:after {
                content: "›";
            }

            #ndp-nepali-box .ndp-header .ndp-prev:after {
                content: "‹";
            }

    #ndp-nepali-box #npd-table-div {
        padding: 5px;
    }

        #ndp-nepali-box #npd-table-div table {
            width: 100%;
        }

        #ndp-nepali-box #npd-table-div .ndp-days {
            font-weight: 600px;
        }

        #ndp-nepali-box #npd-table-div .ndp-date {
            border: none !important;
            background: transparent !important;
            text-align: center;
        }

            #ndp-nepali-box #npd-table-div .ndp-date > a {
                color: #d92550;
            }

            #ndp-nepali-box #npd-table-div .ndp-date:hover {
                background-color: #eee !important;
            }

        #ndp-nepali-box #npd-table-div .ndp-current {
            background-color: #d92550;
            border-color: #d92550;
            text-align: center;
        }

            #ndp-nepali-box #npd-table-div .ndp-current > a {
                color: #fff;
            }

        #ndp-nepali-box #npd-table-div .ndp-selected {
            background-color: #f7cbd4;
            border-color: #f7cbd4;
            text-align: center;
        }