/**********************************************************************
 * Styles.css                                                         *
 *                                                                    *
 * This file is initially empty and you can add any additional styles *
 * or modify any of the styles defined in BaseStyles.css              *
 * This file will never be overwritten.                               *
 *                                                                    *
 * For example, if you want to override just the top padding for a    *
 * menu, you can simply add the following lines:                      *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	}                                                             *
 *                                                                    *
 * This will keep all the other styles of the "menus" style as-is,    *
 * but modify the top padding to be 20px.                             *
 *                                                                    *
 * You can also, add a new style by just specifying it.               *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	text-align: center;                                           *
 * 	}                                                             *
 * 	                                                              *
 * In the above case, we added the text-align style.  This style was  *
 * not specified in the original declaration of the menus style.      *
 *                                                                    *
 **********************************************************************/
        /* Responsive Datepicker CSS */
        .datepicker-container {
            max-width: 300px;
            margin: 10px auto;
            display: flex;
            flex-direction: column;
        }

        .datepicker-container input[type="text"] {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box;
            font-size: 16px;
        }

        .ajax__calendar {
            width: 100% !important; /* Ensure the calendar fits the container */
        }

        @media (max-width: 480px) {
            .datepicker-container input[type="text"] {
                font-size: 14px;
                padding: 8px;
            }
        }
        .btn_new_link{
    height:20px;
    width:20px;
}

.thumbnail {
    margin: 10px;
    background: #ffffff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    display: inline-block;
    border-radius: 20px;
    overflow: hidden;
    transitio: all .2s;
    height: auto;
    width: 100px;
    height: 100px;
}