.svg-large-icon {
    height: 55px;
    width: 55px;
    overflow: visible;
    stroke-linecap: round;
}

#healthLibrarySVG {
    height: 75px;
}

#specialistsInfoSVG {
    height: 75px;
    width: 75px;
    stroke: #fff;
    fill: transparent;
    stroke-width: 20px;
    margin-bottom: 30px;
    overflow: visible;
}

.color-svg-parent:hover .fill-blue-on-hover {
    fill: #005792 !important;
    fill-opacity: 1;
}

.color-svg-parent:hover .fill-light-blue-on-hover {
    fill: #00add7 !important;
    fill-opacity: 1;
}

.color-svg-parent:hover .fill-black-on-hover {
    fill: #333333 !important;
    fill-opacity: 1 !important;
}

.color-svg-parent:hover .fill-green-on-hover {
    fill: #bcd331 !important;
    fill-opacity: 1;
}

.color-svg-parent:hover .fill-white-on-hover {
    fill: #ffffff !important;
    fill-opacity: 1;
}

.color-svg-parent:hover .fill-gray-on-hover {
    fill: #d3d3d3 !important;
    fill-opacity: 1;
}

.fill-orange {
    fill: #f2ae00;
}

.fill-blue {
    fill: #005792;
}

.fill-light-blue{
    fill: #00add7;
}

.fill-light-green{
    fill: #bcd331;
}

.fill-gray {
    fill: #d3d3d3;
}

.animate-svg-outline-parent {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999;
}

.large-animated-svg-icon {
    fill: transparent;
    stroke-width: 20px;
    margin-bottom: 15px;
    height: 55px;
    width: 55px;
    overflow: visible;
    stroke-linecap: round;
}

.white-stroke {
    stroke: #ffffff;
}

.light-blue-stroke {
    stroke: #00add7;
}

.blue-stroke {
    stroke: #005792;
}

.fill-black{
    fill: #000000;
}

.fill-white {
    fill: #ffffff;
}

.auto-background:nth-child(odd) .fill-white {
    fill: #f3f3f3;
}

.auto-background:nth-child(even) .fill-white {
    fill: #ffffff;
}

.schedule-online-svg {
    height: 50px;
    width: 50px;
    fill: transparent;
    stroke-width: 30px;
    margin-bottom: 20px;
    overflow: visible;
    stroke-linecap: round;
}

@media(max-width:767px) and (min-width:321px) {
    .svg-large-icon,
    .large-animated-svg-icon {
        height: 45px;
        width: 45px;
    }
}

@media(max-width: 320px)
{
    .svg-large-icon,
    .large-animated-svg-icon {
        height: 40px;
        width: 40px;
    }
}