.disabled {
            background-color: #eee;
            color: #bbb;
        }

        .checked {
            background-color: #4CAF50;
            color: #fff;
        }
        
        
        
        /* Стиль для активного состояния */
#dooroff-label.active {
    background-color: #ff7124;
    color: white; /* Опционально: меняем цвет текста для лучшей видимости */
   
}

.hidden {
    display: none;
}


     .description{
			
			font-size:10pt;
			line-height:14pt;
			color:#666;
		}

        p.payment {
            list-style-type: none;
            padding: 0;
            margin: 6px 10px 18px 10px;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            align-items: flex-start;
            overflow-x: auto;
        }
        p.payment label {
            margin: 3px;
            border: 1px solid #999;
            padding: 10px 18px;
            border-radius: 10px;
            white-space: nowrap;
            display: flex;
					cursor:pointer;
        }

 p.payment label.disabled {
           
					cursor:default;
        }



 input {
	 
	 cursor:pointer;
	 
 }
 





 input[type="radio"] {
            opacity: 0;
    position: absolute;
    left: -9999px;
        }


       
      


        input[type="date"] {
            font-size: 26px;
	 text-align:center;
	 color: #4CAF50;
	 padding: 10px 18px;
	  border-radius: 10px;
	 border: 1px solid #999
			cursor:pointer;
        }




 input[type="text"], input[type="tel"] {
            font-size: 26px;
	 text-align:center;
	 color: #4CAF50;
	 padding: 10px 18px;
	  border-radius: 10px;
	 border: 1px solid #999
		
		width: 100%; /* Изменено на 100% */
    max-width: 230px; /* Максимальная ширина */
    box-sizing: border-box; /* Включить паддинг и бордер в ширину */
        }


 input[type="text"]:hover, input[type="tel"]:hover {

	 background-color:#e7f8e3;
        }