.calender-panel {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

ul.search-panel {
    display: block;
    margin: 0px;
    padding: 0px;
}

    ul.search-panel li {
        display: inline-block;
        float: left;
        margin: 0px 5px 0px 0px;
        padding: 0px;
        line-height: 23pt;
    }

        ul.search-panel li input[type="submit"] {
            padding: 7px 20px !important;
            height: auto;
            border: none !important
        }


.samvat-details {
    width: 99.95%;
    display: block;
    float: left;
    border: 0px solid rgb(255, 203, 118);
    background: rgb(253, 187, 90) !important;
    padding: 15px 0px 15px;
    margin-bottom: 0px;
}

    .samvat-details h3 {
        display: inline-block;
        line-height: normal;
        color: #c80000
    }

.vikram-samvat-text {
    float: right;
}

.samvat-details select {
    font-weight: normal;
}


.calender-details {
    width: 100%;
    margin: 0px auto;
}

ul.calender-info {
    display: block;
    margin: 0px;
    padding: 0px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    flex-wrap: wrap;
    border-bottom: 1px solid #efd194
}

    ul.calender-info > li {
        display: inline-block;
        margin: 0px;
        border: 1px solid #efd194;
        border-width: 1px 0px 0px 1px;
        width: 14.286%;
        text-align: center;
        padding: 10px 0px;
        background-color: #fffcf6;
    }

        ul.calender-info > li:first-child {
            margin-left: 0px;
        }

        ul.calender-info > li:nth-child(7n+0) {
            border-right: 1px solid #efd194
        }

.day-info {
    display: block;
    max-width: 100%;
}

    .day-info a {
        text-decoration: none !important;
        color: inherit !important
    }

    .day-info li {
        display: inline-block;
        border: 1px solid #efd194;
        margin: 0px;
        padding: 5px 8px 5px 8px !important;
        text-align: center !important;
    }



@media (max-width:767px) {
    .calender-date {
        display: block
    }

    .calender-datemonth {
        vertical-align: initial;
    }
}


.calender-desc {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    font-weight: bold;
}

.day-info .link {
    display: block;
    color: #9a6f01;
}

.day-info a {
    color: #0053ff !important;
    font-weight: normal !important;
    text-decoration: underline;
    display: block;
    height: 100%
}

    .day-info a:hover {
        text-decoration: none;
        color: #000 !important;
    }

.day-info .list-inline {
    padding: 0px 0px 10px 0px;
    margin: 0px;
    color: #000 !important
}

    .day-info .list-inline li {
        border: 0px !important;
        padding: 0px !important;
        display: block;
        min-height: inherit;
        font-weight: bold
    }

.day-info .bg-green {
    background: #cbecba;
    color: #000 !important;
}

.seconddate .calender-date {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    color: #9a6f01;
}

.seconddate .calender-datemonth {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    color: #9a6f01;
}

.day-info .bg-green .seconddate .calender-date {
    color: #9a6f01;
}


.dotted-border .seconddate .calender-date {
    color: #9a6f01;
}

.seconddate .calender-date {
    font-size: 14px;
}

.day-info .grey .seconddate .calender-datemonth {
    color: #9a6f01;
}





.maindate .calender-date {
    margin: 0px;
    padding: 0px;
    font-size: 28px;
    color: rgb(222, 144, 54);
    vertical-align: middle;
}

.maindate .calender-datemonth {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
    color: rgb(222, 144, 54);
    vertical-align: -webkit-baseline-middle;
}

.day-info .bg-green .maindate .calender-date {
    color: #c80000;
}

.dotted-border {
    border: 2px dotted #c80000 !important;
}

    .dotted-border .maindate .calender-date {
        color: #c80000;
    }

.maindate .calender-date {
    font-size: 20px;
}


.day-info .grey .calender-date {
    color: #C0C0C0;
    font-size: 17px;
}

.day-info .grey .calender-datemonth {
    color: #C0C0C0;
    font-size: 15px;
}

.bg-days {
    background-color: #dec06b !important;
    font-weight: bold;
    text-transform: uppercase
}


.calender-desc .fa, .calender-desc .wi {
    color: #d88404;
    font-size: 14px;
    margin-right: 2px;
}

.calender-desc span:first-child {
    display: inline-block;
    margin-right: 5px;
}
/*new*/
.calender-footer-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
    margin-top: 20px;
}

    .calender-footer-list li {
        margin: 0px;
        padding: 0px;
        list-style: none;
        text-align: center;
        display: inline-block;
        padding-right: 20px;
        line-height: 1 !important;
    }

        .calender-footer-list li span.green-box {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: #cbecba;
            vertical-align: middle;
            margin-right: 7px;
        }

        .calender-footer-list li span.dotted-border {
            display: inline-block;
            width: 20px;
            height: 20px;
            border: 2px dotted #c80000;
            vertical-align: middle;
            margin-right: 7px;
        }



.current-date {
    border-bottom: 5px solid #c80000 !important;
}

.style1 {
    line-height: 24pt;
    font-weight: bold;
    font-size: 16px;
}

.style2 {
    color: #9a6f01;
}

.table-colored th {
    background-color: #e6ca7c;
    font-weight: bold !important;
    border-bottom: 0px solid #be984e !important
}

.table-colored tr:nth-child(odd) {
    background: #fffcf6
}

.table-colored tr:last-child {
    border-bottom: 1px solid #ddd;
}

.table-colored ol, .table-colored ol {
    margin-bottom: 0px;
    padding-left: 0px;
    margin-left: 15px;
}

.samvat-details i.fa {
    color: #c80000
}

.pad-l-0 {
    padding-left: 0px;
}

@media (min-width:768px) and (max-width:980px) {
    ul.calender-info > li {
        width: 14%;
    }

    .vikram-samvat-text {
        float: none;
    }

    .samvat-details, ul.calender-info {
        max-width: 735px;
    }

        ul.calender-info > li {
            width: 14.28%;
        }
}

@media (max-width:767px) {
    .samvat-details {
        width: calc(100% - 0px) !important;
        padding: 5px 0px 10px;
    }

    .calender-desc {
        display: none !important;
    }

    .maindate .calender-monthname {
        display: none !important;
    }

    .day-info .link {
        display: none !important;
    }

    .day-info li {
        padding: 5px 0px 5px 0px !important;
        min-height: initial
    }

    .vikram-samvat-text {
        float: none;
        text-align: center !important;
    }



    .day-info .list-inline {
        padding: 0px;
    }

        .day-info .list-inline li {
            padding: 0px;
        }

    ul.search-panel li {
        line-height: 1.3;
        margin: 0px 0px 5px 0px;
        vertical-align: top;
    }

        ul.search-panel li input[type="submit"] {
            /*padding: 6px 20px !important;
            margin-top: -1px;*/
            margin-left: 5px;
        }

    .calender-panel .h3, .calender-panel h3 {
        font-size: 15px;
        font-weight: normal;
    }

    .style1 {
        font-size: 11px;
        font-weight: normal;
    }

    .pr-0-mob {
        padding-right: 0px;
    }

    .calender-footer-list li {
        font-size: 11px;
        padding-right: 5px;
    }

        .calender-footer-list li span.green-box, .calender-footer-list li span.dotted-border {
            width: 15px;
            height: 15px;
            margin-right: 2px;
        }

    ul.calender-info > li {
        width: 14.28%;
    }

        ul.calender-info > li:last-child {
            border-right: 1px solid #e6ca7c !important
        }

    .style2 {
        font-size: 10px;
    }
}