/*body {*/
/*    background-color: #FFFFFF;*/
/*    font-family: "Georgia",Times New Roman,Times,serif;*/
/*    color: #333333;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/



/*.headertext{*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    flex: 1*/
/*}*/

/*h1 {*/
/*    color: white;*/
/*    font-size: 28px;*/
/*    text-align: center;*/
/*    padding: 20px;*/
/*    margin: 0;*/
/*    flex: 2;*/
/*    padding-left: 25%;*/
/*}*/

/*h2 {*/
/*    font-size: 24px;*/
/*    text-align: center;*/
/*}*/

/*#logbutton {*/
/*    margin-right: 5px;*/
/*}*/

/*#regbutton{*/
/*    margin-right: 6px;*/
/*}*/

/*#logbutton_{*/
/*    margin-right: 6px;*/
/*}*/

/*.rbuttons{*/
/*    display:flex;*/
/*    width: 20%;*/
/*    justify-content: flex-end;*/
/*    align-items: center;*/
/*}*/

/*#main-bio, #bio-image, #contact-info {*/
/*    float: left;*/
/*}*/

/*.c_searchform {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

/*#bio-image {*/
/*    width: 200px;*/
/*    margin-right: 20px;*/
/*}*/

/*#main-bio {*/
/*    width: 70%;*/
/*    line-height: 150%;*/
/*}*/

/*#contact-info {*/
/*    width: 30%;*/
/*    line-height: 150%;*/
/*}*/

/*#user_id{*/
/*    color: black;*/
/*}*/



/*#submitbutton {*/
/*    display: block;*/
/*    width: 100%;*/
/*    padding: 10px;*/
/*    background-color: #007bff;*/
/*    color: #fff;*/
/*    border: none;*/
/*    border-radius: 5px;*/
/*    font-size: 16px;*/
/*    cursor: pointer;*/
/*}*/

/*button:hover {*/
/*    background-color: #0056b3;*/
/*}*/



/*form {*/
/*    width: 70%;*/
/*    max-width: 2000px;*/
/*    padding: 20px;*/
/*    !*border: 1px solid #ccc;*!*/
/*    border-radius: 5px;*/
/*    margin-top: 50px;*/
/*}*/

/*.custom-select {*/
/*    width: 100%;*/
/*    padding: 8px;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 4px;*/
/*    box-sizing: border-box;*/
/*}*/

/*label {*/
/*    display: block;*/
/*    margin-bottom: 10px;*/
/*    padding-top: 10px;*/
/*}*/

/*input[type="text"] {*/
/*    width: 100%;*/
/*    padding: 10px;*/
/*    font-size: 16px;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 5px;*/
/*}*/

.duration-container {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Фикс для date range picker - предотвращаем наложение полей даты */
#date-range-picker {
    /* Fallback для старых браузеров */
    display: block;
    overflow: hidden;
    
    /* Modern browsers */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 1.5rem;
}

/* CSS Grid fallback */
@supports (display: grid) {
    #date-range-picker {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        grid-gap: 15px;
        align-items: center;
    }
}

/* Flexbox для современных браузеров */
@supports (display: flex) {
    #date-range-picker {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

/* Обеспечиваем совместимость для старых браузеров */
#date-range-picker > * {
    margin-right: 15px;
}

#date-range-picker > *:last-child {
    margin-right: 0;
}

#date-range-picker .relative {
    position: relative;
    min-width: 250px;
    max-width: 350px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 250px;
    flex: 1 1 250px;
    
    /* Fallback для очень старых браузеров */
    width: 45%;
    float: left;
}

#date-range-picker input {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#date-range-picker .mx-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 10px;
    white-space: nowrap;
    
    /* Fallback */
    width: 10%;
    float: left;
    text-align: center;
}

/* Clear float fallback */
#date-range-picker::after {
    content: "";
    display: table;
    clear: both;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    #date-range-picker {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 10px;
        display: block; /* Fallback для мобильных */
    }
    
    @supports (display: flex) {
        #date-range-picker {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
    }
    
    #date-range-picker > * {
        margin-right: 0;
        float: none;
        width: 100%;
    }
    
    #date-range-picker .relative {
        min-width: auto;
        max-width: none;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
        margin-bottom: 10px;
    }
    
    #date-range-picker .mx-4 {
        margin: 10px 0;
        text-align: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
}

/* Дополнительные стили для Chrome и Webkit браузеров */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #date-range-picker {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    
    #date-range-picker .relative {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}

/* Специально для Chrome и основанных на Chromium браузеров */
@supports (-webkit-appearance: none) {
    #date-range-picker .relative {
        min-width: 250px;
    }
}

.durationclass[type="text"],
.duration_end[type="text"] {
    width: 30%;
}

/*.section-container {*/
/*  border: 2px solid #ddd;*/
/*  padding: 15px;*/
/*  margin-bottom: 20px;*/
/*  border-radius: 8px;*/
/*  background-color: #f9f9f9;*/
/*  position: relative;*/
/*  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); !* Subtle shadow *!*/
/*}*/