.no-bt-padding {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.widget-area ul {
    padding-left: 0px !important;
}


.v-application--wrap{
    min-height: 60vh !important;
}


.theme--light.v-application {
    background: #F4F4F4 !important;
}

.header-right-a{
    font-weight: 800 !important;
    font-size: 14px !important;
}

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea, .form-control, select {
    border: none !important;
    background-color: inherit !important;
}

#main{
    margin-top: 12px;
}

.medical-schedules {
    padding: 0px 0;
    margin-top: -40px;
}

.rowh {
    display: flex;
    justify-content: space-between;
    margin: 0;
    flex-wrap: wrap; /* Umożliwia zawijanie kolumn na mniejszych ekranach */
}

.colh {
    width: 33.33%; /* Kolumny zajmują równo 1/3 szerokości */
    text-align: left;
    background-color: #15A4C9; /* Kolor tła dla pierwszej kolumny */
    padding: 20px;
    color: white !important;
    display: flex; /* Flexbox do układu ikony i tekstu */
    align-items: center; /* Wyrównanie pionowe */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Cień wokół kolumn */
    transition: background-color 0.3s, transform 0.3s; /* Animacja przy hover */
    height: 100px;
    padding-left: 40px;
    z-index: 10;
}

.colh2 {
    background-color: #00BCCA; /* Kolor tła dla drugiej kolumny */
}

.colh3 {
    background-color: #282A31; /* Kolor tła dla trzeciej kolumny */
}

.colh:hover {
    background-color: #55c1ea; /* Zmiana tła po najechaniu */
    transform: translateY(-2px); /* Efekt podniesienia */
}

.icon-box {
    display: flex;
    align-items: center; /* Wyrównanie ikony i tekstu */
    text-decoration: none;
    color: white !important;
    width: 100%; /* Upewniamy się, że elementy zajmują całą szerokość */
}

.icon-left {
    margin-right: 20px; /* Odstęp między ikoną a tekstem */
}

.icon-left i {
    font-size: 40px; /* Większa ikona */
}

.icon-body {
    display: flex;
    flex-direction: column; /* Układ pionowy tekstów */
}

.icon-title {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8); /* Lżejszy kolor dla tytułu */
    margin-bottom: 0px;
    margin-top: 10px;
}

.icon-description {
    font-size: 18px;
    font-weight: bold;
}

/* Media query dla ekranów o szerokości mniejszej niż 768px (telefony) */
@media (max-width: 980px) {
    .colh {
        width: 100%; /* Ustaw kolumny na 100% szerokości */
        margin-bottom: 20px; /* Odstęp między kolumnami */
    }

    /* Opcjonalnie: Możesz dostosować inne style w przypadku mniejszych ekranów */
    .icon-left i {
        font-size: 30px; /* Mniejsza ikona na telefonach */
    }

    .icon-title {
        font-size: 16px; /* Większy tytuł na telefonach */
    }

    .icon-description {
        font-size: 20px; /* Większy opis na telefonach */
    }
}


#appWrap{
    margin-top:40px;
}

.fcrse_1b{
    border-bottom: 5px solid #15A4C9 !important;
}