/* Start:/bitrix/templates/mpomed/components/bitrix/sale.personal.section/personal/style.css?15958437421078*/
.personal {
    padding: 40px;
}
.personal .unit {
    margin-bottom: 20px;
    display: inline-flex;
    border: 1px solid #5193b9;
    padding: 20px;
    margin: 6px 3px;
}
.sale-personal-section-index-block-link, .sale-personal-section-index-block-link:hover, .sale-personal-section-index-block-link:active, .sale-personal-section-index-block-link:focus, .sale-personal-section-index-block-link:visited {
    text-decoration: none;
    display: block;
    padding: 5px 15px;
}
.personal .unit:hover {
    background-color: #5193b9;
    color: #FFF;
}
.personal .unit div i{
    -moz-transition: color .5s ease-in-out, border-color .5s ease-in-out, opacity .5s ease-in-out;
    -webkit-transition: color .5s ease-in-out, border-color .5s ease-in-out, opacity .5s ease-in-out;
    -ms-transition: color .5s ease-in-out, border-color .5s ease-in-out, opacity .5s ease-in-out;
    transition: color .5s ease-in-out, border-color .5s ease-in-out, opacity .5s ease-in-out;
}
.personal .unit:hover div a, .personal .unit:hover div i {color: #FFF!important;}
/* End */
/* /bitrix/templates/mpomed/components/bitrix/sale.personal.section/personal/style.css?15958437421078 */