date of birth

In this example below you will see how to do a date of birth with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by robix, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright robix ©

Technologies

  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>date of birth</title>
  
  
  <link rel='stylesheet prefetch' href='https://www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/full/colorbox.min.css'>
<link rel='stylesheet prefetch' href='https://www.aeroflot.ru/personal/static/style/jquery-ui-theme/smoothness/jquery-ui-1.10.4.custom.css'>
<link rel='stylesheet prefetch' href='https://www.aeroflot.ru/personal/static/full/full.css?'>
<link rel='stylesheet prefetch' href='https://www.aeroflot.ru/personal/static/full/cab.css?'>
<link rel='stylesheet prefetch' href='https://www.aeroflot.ru/personal/static/style/calendar-blue.css'>
<link rel='stylesheet prefetch' href='https://www.aeroflot.ru/personal/static/full/user_menu.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  
<head>
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="apple-itunes-app" content="app-id=580243869" />
    <!--[if gt IE 8]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
    <!--[if lte IE 8]><meta http-equiv="X-UA-Compatible" content="IE=8" /><![endif]-->

    <link rel="shortcut icon" href="//www.aeroflot.ru/cms/misc/favicon.ico" type="image/x-icon" />

    <title>
            Попутчики |

            Личный кабинет |
        Аэрофлот
    </title>
    
        <link charset="UTF-8" href="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/full/reset.css" rel="stylesheet" type="text/css" media="screen" />
        <link charset="UTF-8" href="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/full/colorbox.min.css" rel="stylesheet" type="text/css" media="screen" />
        <link charset="UTF-8" href="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/full/layout.css" rel="stylesheet" type="text/css" media="screen" />
        <link charset="UTF-8" href="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/full/layout3.css" rel="stylesheet" type="text/css" media="screen" />

        <link charset="UTF-8" href="/personal/static/style/jquery-ui-theme/smoothness/jquery-ui-1.10.4.custom.css" rel="stylesheet" type="text/css" />
        <link charset="UTF-8" href="/personal/static/full/full.css?" rel="stylesheet" type="text/css" />
        <link charset="UTF-8" href="/personal/static/full/full3.css?" rel="stylesheet" type="text/css" />
        <link charset="UTF-8" href="/personal/static/full/user_menu.css" rel="stylesheet" type="text/css" />
        <link charset="UTF-8" href="/personal/static/full/cab.css?" rel="stylesheet" type="text/css" />
        <link charset="UTF-8" href="/personal/static/style/calendar-blue.css" rel="stylesheet" type="text/css" />
    

    
        <script type="text/javascript" src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/js/jquery-1.11.0.min.js"></script>
        <script type="text/javascript" src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/js/jquery.colorbox-1.5.4.min.js"></script>
        <script type="text/javascript" src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/js/jquery.cycle-3.0.3.min.js"></script>
        <script type="text/javascript" src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/js/layout.js"></script>

        <script type="text/javascript" src="/personal/static/js/calendar.js"></script>
        <script type="text/javascript" src="/personal/static/js/calendar-ru.js"></script>
        <script type="text/javascript" src="/personal/static/js/calendar-setup.js"></script>
        <script type="text/javascript" src="/personal/static/js/jquery.popover.js"></script>
        <script type="text/javascript" src="/personal/static/js/jquery-ui-1.10.4.custom.min.js"></script>
        <script type="text/javascript" src="/personal/static/js/jquery.validate.min.js"></script>
        <script type="text/javascript" src="/personal/static/js/jquery.inputmask.js"></script>
        <script type="text/javascript" src="/personal/static/js/afl.jquery-ui.js"></script>
    

    
    <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=ru"></script>
    <script type="text/javascript" src="/personal/script/js/aflcab.vars.js"></script>
    <script type="text/javascript" src="/personal/static/js/afl.core.js?20160728152407"></script>
<script type="text/javascript" src="/personal/static/js/jquery.placeholder.min.js?20160324205913"></script>
<script type="text/javascript" src="/personal/static/js/jquery.cookie.min.js?20160324205913"></script>
<script type="text/javascript" src="/personal/static/js/jquery.combobox.js?20160728152407"></script>

    <script type="text/javascript">
        (function($) {
            $.aflButtonDatepicker && $.aflButtonDatepicker.setDefaults({
                changeMonth: true,
                changeYear: true,
                inputLabelText: 'Календарь',
                ariaLabelText: 'День. Месяц. Год'
            });

            $.colorbox && $.extend($.colorbox.settings, {
                close: 'Закрыть',
                previous: 'Предыдущий',
                next: 'Следующий',
                slideshowStart: 'Начать слайд-шоу',
                slideshowStop: 'Остановить слайд-шоу',
                scrolling: false
            });
        })(jQuery);

        $(document).ready(function() {
            $('input').placeholder();
            var trans = {choose: 'Не выбрано'};
            $('select[data-combobox]').combobox({trans: trans});

            setTimeout(function() {  // for NVDA
                $('.message.error').attr("tabindex", "0").focus();
            }, 500);

            // jQuery formatted selector to search for focusable items
            var focusableElementsString = "a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]";

            $('body').on("keydown", "#colorbox", function(event) {
                var $this = $(this);
                if (event.keyCode == 9) {
                    var children = $this.find('*'),
                        focusableItems = children.filter(focusableElementsString).filter(':visible'),
                        focusedItem = $(document.activeElement),
                        numberOfFocusableItems = focusableItems.length,
                        focusedItemIndex = focusableItems.index(focusedItem);
                    if (!event.shiftKey && (focusedItemIndex == numberOfFocusableItems - 1)){
                        focusableItems.get(0).focus();
                        event.preventDefault();
                    }
                    if (event.shiftKey && focusedItemIndex == 0) {
                        focusableItems.get(numberOfFocusableItems - 1).focus();
                        event.preventDefault();
                    }
                }
            });

            function set_noembed(){
                $('.zclip').each(function(){
                    var noembed = $(this).find('noembed');
                    if (!noembed.length ){
                        var info = 'Чтобы сгенерировать пароль требуется установить проигрыватель Adobe flash';
                        $(this).append("<noembed>"+info+"</noembed>");
                    }
                })
            }

            $('#GenPassModal').bind('after_show', set_noembed);
        });
    </script>

    <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

//Создаем 1й эталонный счетчик для Google Analytics
ga('create', 'UA-75201616-1', 'auto', {'name': 'Aeroflot_ru_Standard'});

// Получаем clientID для счетчика Aeroflot_ru_Standard и записываем его в переменную пользователя
ga(function() {
var Aeroflot_ru_StandardTracker = ga.getByName('Aeroflot_ru_Standard');
var cid_Aeroflot_ru_Standard = Aeroflot_ru_StandardTracker.get('clientId');
ga('Aeroflot_ru_Standard.set', 'dimension1', cid_Aeroflot_ru_Standard);
});
ga('Aeroflot_ru_Standard.send', 'pageview');

//Создаем 2й эталонный счетчик для Google Analytics Premium
ga('create', 'UA-25816578-3', 'auto', {'name': 'Aeroflot_ru_GAPStandard'});

// Получаем clientID для счетчика Aeroflot_ru_GAPStandard и записываем его в переменную пользователя
ga(function() {
var Aeroflot_ru_GAPTracker = ga.getByName('Aeroflot_ru_GAPStandard');
var cid_Aeroflot_ru_GAP = Aeroflot_ru_GAPTracker.get('clientId');
ga('Aeroflot_ru_GAPStandard.set', 'dimension1', cid_Aeroflot_ru_GAP);
});

ga('Aeroflot_ru_GAPStandard.send', 'pageview');
</script>

</head>


        <body class="page-type-ext">


<div class="sr_only">
    <a href="#main-container" onclick="document.getElementById('main-container').focus();">Перейти к основному контенту</a>
</div>

    
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5ZKPBX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>
if (typeof dataLayerSU === 'undefined'){var dataLayerSU=[];}
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayerSU','GTM-5ZKPBX');
</script>
<!-- End Google Tag Manager -->



    <noscript>
        <div class="js_disabled">
            В вашем браузере отключена поддержка JavaScript! Для нормальной работоспособности сайта необходимо разрешить использование JavaScript.
        </div>
    </noscript>

    <div class="main-body">
        <div class="main-header" role="banner" >
            <a class="logo" href="//www.aeroflot.ru/cms/ru/" title="Компания Аэрофлот"><img width="286" height="80" src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/logo_ru.gif" alt="Компания Аэрофлот" /></a>
            <a class="logo" href="http://www.skyteam.com/ru/" title="Альянс SkyTeam"><img width="42" height="80" src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/logo_skyteam.png" alt="Альянс SkyTeam" /></a>

            <div class="language-selector" role="button" tabindex="0">
                <img title="Поменять язык" src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/media/img/top_lang_ru.png" alt="ru"/>
                <div style="display: none;">
                                <a data-language="en" data-href="/personal/set_lang/en" href="#" title="en">ENG</a>
                </div>
            </div>

            
                    <a title="Поиск" class="menu-btn search-icon" href="//www.aeroflot.ru/cms/search/"><span></span></a>
    <a title="Карта сайта" class="menu-btn map-icon" href="//www.aeroflot.ru/cms/sitemap/"><span></span></a>
    <a title="Домашняя страница" class="menu-btn home-icon" href="//www.aeroflot.ru/cms/"><span></span></a>
    <a title="Вход в личный кабинет" class="menu-btn login-icon" href="https://www.aeroflot.ru/personal/login?_preferredLanguage=ru"><span></span>Личный кабинет</a>
    <a title="Контакты" class="menu-btn" href="//www.aeroflot.ru/cms/about/contact/">Контакты</a>
    <a title="Новости" class="menu-btn" href="//www.aeroflot.ru/cms/news/">Новости</a>
    <a title="Обратная связь" class="menu-btn orange" href="https://www.aeroflot.ru/feedback?_preferredLanguage=ru">Обратная связь</a>

            
        </div>

        <div class="header-print-only">
            <img alt="Компания Аэрофлот" src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/logo_print.gif" width="200" height="50" border="0" />
            <div>
                Москва: +7 (495) 223-5555 / Россия: 8-800-444-5555 (бесплатный)
            </div>
        </div>

        
            <div id="topnav" role="navigation">

    <div id="topmenu">
        <ul class="menu">


            <li class="expanded first"><a href="//www.aeroflot.ru/cms/booking/"><span style="background:url(//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/menu_sprites/973.png)" class="no-print"></span><strong>Купить билет</strong></a></li>
            <li class="expanded "><a href="//www.aeroflot.ru/cms/online_services/"><span style="background:url(//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/menu_sprites/17163.png)" class="no-print"></span><strong>Онлайн-сервисы</strong></a></li>
            <li class="expanded "><a href="//www.aeroflot.ru/cms/special_offers/"><span style="background:url(//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/menu_sprites/989.png)" class="no-print"></span><strong>Специальные предложения</strong></a></li>
            <li class="expanded "><a href="//www.aeroflot.ru/cms/information_services/"><span style="background:url(//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/menu_sprites/992.png)" class="no-print"></span><strong>Справочная информация</strong></a></li>
            <li class="expanded active-trail last"><a href="//www.aeroflot.ru/cms/afl_bonus/"><span style="background:url(//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/menu_sprites/1048.png)" class="no-print"></span><strong>Аэрофлот Бонус</strong></a></li>


        </ul>
        <div class="clear0"></div>
    </div>
</div>

        

        <div id="main-container" class="main-container" role="main">
            <div class="main-content">
                
                            

<div class="user-menu BASIC-tier-level">
<div class="user-menu-container">
    <ul class="user-tool-menu">
            <li><a class="profile" href="/personal/profile/settings">Настройки</a></li>
        <li><a class="quit" href="/personal/logout">Выйти</a></li>
    </ul>

        <script language="javascript" type="text/javascript" src="/personal/static/js/member_widgets/common.js"></script>
        <script>
            $(function() {
                var widgets_loader = $('#widgets_loader');
                $.ajax({
                    url: '/personal/services/user_widgets',
                    xhrFields: { withCredentials: true },
                    dataType : 'json',
                    success: onUserWidgetsSuccess,
                    beforeSend: function() {
                        if ($('#display-widgets').attr("checked") == 'checked') {
                            widgets_loader.show();
                        }
                    },
                    error: function() { $('#busy_indicator').hide(); },
                    complete: function() { widgets_loader.hide(); }
                });
            });
        </script>

        <h1>Ваши мили</h1>
        <div class="card">
            <a href="/personal" title="Номер, имя и фамилия участника, срок действия карты">
                <div class="name">
                    <span id="member_id" title="Номер участника"><strong>555555555</strong></span>
                    <span id="user_display_name" title="Имя и фамилия участника">
                    CODE PEN
                    </span>
                    <div id="id_widget_card_expiry_date_wrapper" style="display: none;">
                        <span class="widget-card-expiry-date-label">valid thru</span>
                        <span class="widget-card-expiry-date-value" id="id_widget_card_expiry_date">05/17</span>
                    </div>


                </div>
            </a>
        </div>

        <ul class="user-tool-menu user-tool-menu-bottom">
            <li>
                    <a class="passbook send_email" href="/personal/email_passbook/colorbox"
                       ajax-title="Отправка карты Apple Wallet участника «Аэрофлот Бонус» на e-mail адрес">Добавить в Apple Wallet</a>
                    <a class="print" href="/personal/profile/card" target="_blank">Распечатать карту</a>
            </li>
        </ul>


        <div class="miles" title="Ваши накопленные мили" role="complementary">
            <div class="left-column" id="member_miles_value_column" tabindex="0" role="link">
                    <div class="all div_text" id="member_miles_value">5475</div>
                <span class="sr_only">мили</span>
            </div>
            <div class="right-column" role="grid" tabindex="0" aria-readonly="true">
                <div role="row">
                    <span id="miles_msg" role="gridcell"
                        data-phrase="До получения %s уровня:"
                        data-phrase-confirm="До подтверждения %s уровня:"
                        data-phrase-assigned="Вы получили Платиновый уровень"
                        data-phrase-complete="Вы выполнили условия Платинового уровня"
                        data-level-platinum="Платинового"
                        data-level-gold="Золотого"
                        data-level-silver="Серебряного"
                        >&nbsp;</span>
                    </div>
                <div role="row">
                    <div class="div_row div_text" style="width:40%;" role="gridcell">
                         <div class="row text" role="rowheader">Квалификационные мили</div>
                         <div id="segs_bar_label" role="rowheader" data-business-phrase="Сегменты бизнес-класса" class="row text">Ваши сегменты</div>
                    </div>

                    <div class="div_row" style="width:54%;" aria-label="Статистика по милям и сегментам" role="gridcell">
                        <div class="row progress" id="current_year_miles" role="grid" aria-label="Текущее количество миль и необходимое количество миль для повышения уровня в программе лояльности">
                            <div class="bar" role="row" ><span class="fill">&nbsp;</span>
                                <div class="values"><span class="current" role="gridcell"></span>
                                    <span class="upgrade" role="gridcell"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row progress" id="current_year_segments" role="grid" aria-label="Текущее количество сегментов и необходимое количество сегментов для повышения уровня в программе лояльности">
                            <div class="bar" role="row"><span class="fill">&nbsp;</span>
                                <div class="values"><span class="current" role="gridcell"></span>
                                    <span class="upgrade" role="gridcell"></span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="div_row" style="width:1%;" aria-label="Дополнительная информация" role="gridcell">
                        <div class="row question">
                    <a href="#" class="icon-button small i-question unselect" role="button" aria-hidden="true" unselectable="on" id="pass_rules"
                       data-content="Мили, которые Вы набираете, путешествуя на регулярных рейсах Группы «Аэрофлот» или авиакомпаний партнеров программы, начисляемые в зависимости от расстояния и оплаченного тарифа. Количество квалификационных миль на счету определяет Ваш уровень в программе. Дополнительные мили, начисляемые в зависимости от уровня, по специальным акциям программы или за услуги партнеров программы, не являются квалификационными."></a>
                    </div>

                        <div class="question">
                    <a href="#" class="icon-button small i-question unselect" role="button" aria-hidden="true" unselectable="on" id="pass_rules_segs"
                       data-content="Полетный сегмент – это участок маршрута от пункта вылета до пункта прилета. Например, перелет по маршруту Москва – Санкт-Петербург – Москва – это два полетных сегмента."
                       data-business-segs-content="Отображаются только сегменты бизнес-класса, учитываемые для перехода на Платиновый уровень. Общее количество сегментов Вы можете посмотреть в разделе «Мой счет»"></a>
                        </div>
                    </div>

                </div>

            </div>
         </div>

        <!--[if gte IE 9]>
          <style type="text/css">
            #current_year_miles .fill,
            #current_year_segments .fill {
               filter: none;
            }
          </style>
        <![endif]-->

        

        
        <nav>
            <ul class="menu column">
                
                <li><a href="/personal/profile/info" title="Мой профиль">Мой профиль</a></li>
        
                
                <li><a href="https://m.aeroflot.ru/b/my?_preferredLanguage=ru" title="Мои бронирования">Мои бронирования</a></li>
        
                
                <li>
                    <a href="https://www.aeroflot.ru/feedback/my?_preferredLanguage=ru">
                        <div class="feedback_link_container">
                            <div class="feedback_label_container">Обратная связь</div>
                            <div class="feedback_count_container">
                                <img class="feedback_mail" title="Обратная связь" src="/personal/static/images/menu/feedback_mail.png" alt="Новые сообщения"/>
                                <div class="requests_count">0</div>
                            </div>
                        </div>
                    </a>
                </li>
        
            </ul>
            <ul class="menu column">
                
                <li><a href="/personal/activity" title="Мой счет">Мой счет</a></li>
        
                
                <li><a href="/personal/charity" title="Мили Милосердия">Мили Милосердия</a></li>
        
                
                <li><a href="/personal/fellow_travellers" title="Попутчики">Попутчики</a></li>
        
            </ul>
            <ul class="menu column">
                
                <li><a href="/personal/retro_claim_reward" title="Начислить мили">Начислить мили</a></li>
        
                
                <li><a href="/personal/profile/sms_info" title="SMS-Информирование">SMS-Информирование</a></li>
        
                
                <li><a href="/personal/forum" title="Форум">Форум</a></li>
        
            </ul>
        </nav>
</div>
</div>
<script>
    $('div.question .icon-button').popover({
        container: '.main-container',
        placement: 'top auto',
        trigger: 'hover, focus'
    });
    $('#member_miles_value_column').attr("data-miles-active-till-phrase", "Ваши мили активны до")
                            .attr("data-miles-inactive-phrase",
                            "Ваши мили неактивны. Для активации миль совершите полет с Аэрофлотом. Подробнее в правилах программы и в контакт-центре.")
                            .attr("data-miles-exp-phrase", "Ваши мили аннулируются")
                            .popover({
                                placement: 'top auto',
                                html: 'true',
                                container: 'body',
                                trigger: 'focus, hover'
                            });

    function cb_submit_email(action, title) {
        $("#email_form form").submit(function () {
            $.post(
                    action,
                    $(this).serialize(),
                    function (data) {
                        $.colorbox({
                            title: title, html: data, width: 650, onComplete: function () {
                                cb_submit_email(action, title);
                            }
                        });
                    }
            );
            return false;
        });
    }

    $(function() {
        $('a.send_email').colorbox({
            title: function(){
                return $(this).attr('ajax-title');
            },
            href: function() {
                return $(this).attr('href');
            },
            width: 650,
            onComplete: function() {
                cb_submit_email($(this).attr('href'), $(this).attr('ajax-title'));
            }
        });
            var t = $('#member_miles_value').text();
            if (t.replace(/\s/g,'')){
                showMilesAmount(t);
            }
         $.get(
            "https://www.aeroflot.ru/feedback/ws/unread_sr_qty/232254035?force=False",
            function (data) {
                if (data.unread_sr_qty < 1)
                {
                    $('.feedback_count_container').css('display',"none");
                    return;
                }

                $('.requests_count').text(data.unread_sr_qty);
                $('.feedback_count_container').css('display',"inline-block");
            }
        ).fail(
            function (jqXHR, textStatus, errorThrown) {
                $('.requests_count').css('display',"none");
                if (jqXHR.status != 0) {
                    $('#ajax_error').text('Ошибка связи с сервером: ' + textStatus + ':' + jqXHR.status + ':' + errorThrown).show();
                }
        });
    });

</script>

                
                <div class="content">
                    
                            <h1>Попутчики</h1>
                    
                    
    <div id="siebel_error" class="message error hidden">
        Система в данный момент не доступна, отображаются сохраненные данные за
        <span id="siebel_last_upd"></span>
    </div>
    <div id="siebel_saved_request" class="message info hidden">
        Ваш запрос сохранен, однако, система в данный момент не доступна. <a id="siebel_request_anchor">Попробуйте позже</a> для повторения запроса на редактирование
    </div>

    
    





<div id="rules_short">
    <p style="text-align: justify;">Воспользуйтесь сервисом «Попутчики» и
 сделайте бронирование авиабилетов проще и быстрее! Внесите в Ваш список
 попутчиков родственников, друзей и коллег, и автоматически добавляйте их при
 бронировании на мобильном сайте и через мобильное приложение Аэрофлота.
<br/>Вы можете добавить до шести попутчиков.
</p>
  <p>Обращаем Ваше внимание, ПАО «Аэрофлот» и программа «Аэрофлот Бонус» не несут ответственность за корректность персональной информации, указанной в учетной записи Вашего попутчика.</p>
</div>

<div id="rules_full">
    <p><a href="#full_rules" class="cBoxElement">Правила сервиса «Попутчики»</a></p>
</div>

<div style="display: none;">
    <div style="overflow-y: auto;height:100%;" id="full_rules"><div style="padding: 1em;">
          <ul style="list-style-type: none;">
    <li><strong>1. Описание сервиса</strong></li>
    <li>1.1. Сервис позволяет вносить на основном сайте, на мобильном сайте и в мобильных приложениях и хранить в личном кабинете участника программы на сайте ПАО «Аэрофлот» данные пассажиров (далее называемых попутчиками), путешествующих как совместно с участником, так и отдельно, бронирование билетов для которых выполняет участник программы.</li>
    <li>1.2. Сервис предназначен для упрощения бронирования билетов на мобильном сайте и в мобильных приложениях участниками программы «Аэрофлот Бонус» за счет автоматизированного ввода данных выбранного пассажира из списка попутчиков.</li>
    <li><strong>2. Добавление в попутчики</strong></li>
    <li>2.1. Участник может внести данные не более шести попутчиков.</li>
    <li>2.2. Для каждого попутчика вводятся следующие данные: имя, фамилия, дата рождения, пол, данные документа.</li>
    <li>2.3. Каждый попутчик может иметь один сохраненный документ.</li>
    <li>2.4. Ответственность за корректность введенных данных попутчика несет участник программы.</li>
    <li>2.5. Ответственность за получение согласия на внесение данных попутчика в личный кабинет участника несет участник программы.</li>
    <li><strong>3. Изменение и удаление попутчиков и данных попутчиков</strong></li>
    <li>3.1. Участник может внести изменения в данные попутчиков, в том числе полностью удалить попутчика из списка попутчиков.</li>
    <li>3.2. Если данные были использованы для бронирования, они могут остаться во временных локальных файлах компьютера с которого было произведено бронирование.</li>
    <li>3.3. Данные попутчиков, которые были удалены из личного кабинета участника, остаются в билетах, которые были забронированы с применением данного сервиса.</li>
  </ul>

        </div>
    </div>
</div>

<div class="message error" id="loader_error" style="display:none"></div>

<div id="tabs">
<ul>
    <li><a href="#add_tab">Добавить попутчика</a></li>
    <li><a href="#fellows">Мои попутчики</a></li>
</ul>

<div id="add_tab">
</div>
<div id="fellows">
                <form method="post" name="fellowdocumentform" id="id_fellowdocumentform" 
                             enctype="multipart/form-data">
                <input type="hidden" name="csrf_token" value="1501169498##944fbb98eee6c4b6c07140ff5d371163bbbff7bd" id="id_csrf_token">
            
                    <fieldset id="fs_id_fellowdocumentform" class="collapse expand" data-id="None">
            <legend >Редактировать документ</legend>
            
        <div class="slide">
            <div id="None" data-id="0" class="form_box">
                            <div class="field_box mark_required" >
            <label for="id_firstName">Имя</label><input name="firstName" title="Имя" type="text" data-rule-required="true" aria-required="true" data-msg-required="Обязательное поле" data-rule-lettersonly="true" data-rule="required" value="GRIGORIY" maxlength="45" id="id_firstName" placeholder="Латинскими буквами" class="required" />
        </div>

                            <div class="field_box mark_required" >
            <label for="id_lastName">Фамилия</label><input name="lastName" title="Фамилия" type="text" data-rule-required="true" aria-required="true" data-msg-required="Обязательное поле" data-rule-lettersonly="true" data-rule="required" value="CODEPENOV" maxlength="45" id="id_lastName" placeholder="Латинскими буквами" class="required" />
        </div>

                            <div class="field_box mark_required" >
            <label for="id_gender_base">Пол</label><ul id=id_gender_base class="inputs_list_horiz"><li><label for="id_gender_0"><input checked="checked" name="gender" title="Пол" aria-required="true" id="id_gender_0" data-rule="required" value="M" type="radio" class="required" /> Мужской</label></li>
<li><label for="id_gender_1"><input name="gender" title="Пол" aria-required="true" id="id_gender_1" data-rule="required" value="F" type="radio" class="required" /> Женский</label></li></ul>
        </div>

                            <div class="field_box mark_required" >
            <label for="id_birthDate">Дата рождения</label><input name="birthDate" title="Дата рождения" type="text" id="id_birthDate" data-rule-required="true" aria-required="true" data-msg-required="Обязательное поле" data-msg-date_required="Обязательное поле" data-rule="required" value="25.04.1985" data-rule-normdate="true" data-msg-normdate="" placeholder="ДД.ММ.ГГГГ" class="required md" data-rule-date_required="true" />
        </div>

                            <div class="field_box mark_required" >
            <label for="id_pType">Тип документа</label><select data-rule="required" name="pType" title="Тип документа" class="required" aria-required="true" id="id_pType">
<option value="" disabled="disabled" style="display:none;">Не выбрано</option>
<option value="P" selected="selected">Внутренний паспорт</option>
<option value="FP">Заграничный паспорт</option>
<option value="BC">Свидетельство о рождении</option>
</select>
        </div>

                            <div class="field_box mark_required" >
            <label for="id_issueCountry">Страна выдачи</label><select data-rule="required" name="issueCountry" title="Страна выдачи" class="required" aria-required="true" id="id_issueCountry">
<option value="" disabled="disabled" style="display:none;">Не выбрано</option>
<option value="RU" selected="selected">Россия</option>
<option value="AU">Австралия</option>
<option value="AT">Австрия</option>
<option value="AZ">Азербайджан</option>
<option value="AL">Албания</option>
<option value="DZ">Алжир</option>
<option value="AS">Американское Самоа</option>
<option value="AI">Ангилья</option>
<option value="AO">Ангола</option>
<option value="AD">Андорра</option>
<option value="AG">Антигуа и Барбуда</option>
<option value="AR">Аргентина</option>
<option value="AM">Армения</option>
<option value="AW">Аруба</option>
<option value="AF">Афганистан</option>
<option value="BS">Багамы</option>
<option value="BD">Бангладеш</option>
<option value="BB">Барбадос</option>
<option value="BH">Бахрейн</option>
<option value="BY">Беларусь</option>
<option value="BZ">Белиз</option>
<option value="BE">Бельгия</option>
<option value="BJ">Бенин</option>
<option value="BM">Бермуды</option>
<option value="BG">Болгария</option>
<option value="BO">Боливия</option>
<option value="BQ">Бонайре, Саба и Синт-Эстатиус</option>
<option value="BA">Босния и Герцеговина</option>
<option value="BW">Ботсвана</option>
<option value="BR">Бразилия</option>
<option value="BN">Бруней</option>
<option value="BF">Буркина Фасо</option>
<option value="BI">Бурунди</option>
<option value="BT">Бутан</option>
<option value="VU">Вануату</option>
<option value="VA">Ватикан</option>
<option value="GB">Великобритания</option>
<option value="HU">Венгрия</option>
<option value="VE">Венесуэла</option>
<option value="VG">Виргинские о-ва, Брит.</option>
<option value="VI">Виргинские о-ва, США</option>
<option value="VN">Вьетнам</option>
<option value="WF">Вэллис и Футума о-ва</option>
<option value="GA">Габон</option>
<option value="HT">Гаити</option>
<option value="GY">Гайана</option>
<option value="GM">Гамбия</option>
<option value="GH">Гана</option>
<option value="GP">Гваделупа</option>
<option value="GT">Гватемала</option>
<option value="GN">Гвинея</option>
<option value="GW">Гвинея Бисау</option>
<option value="DE">Германия</option>
<option value="GG">Гернси</option>
<option value="GI">Гибралтар</option>
<option value="HN">Гондурас</option>
<option value="HK">Гонконг</option>
<option value="PS">Государство Палестина</option>
<option value="GD">Гренада</option>
<option value="GL">Гренландия</option>
<option value="GR">Греция</option>
<option value="GE">Грузия</option>
<option value="GU">Гуам</option>
<option value="DK">Дания</option>
<option value="CD">Демократическая Республика Конго</option>
<option value="JE">Джерси</option>
<option value="DJ">Джибути</option>
<option value="DM">Доминика</option>
<option value="DO">Доминиканская Республика</option>
<option value="EG">Египет</option>
<option value="ZM">Замбия</option>
<option value="EH">Западная Сахара</option>
<option value="ZW">Зимбабве</option>
<option value="IL">Израиль</option>
<option value="IN">Индия</option>
<option value="ID">Индонезия</option>
<option value="JO">Иордания</option>
<option value="IQ">Ирак</option>
<option value="IR">Иран</option>
<option value="IE">Ирландия</option>
<option value="IS">Исландия</option>
<option value="ES">Испания</option>
<option value="IT">Италия</option>
<option value="YE">Йемен</option>
<option value="KP">КНДР</option>
<option value="KZ">Казахстан</option>
<option value="KY">Каймановы о-ва</option>
<option value="KH">Камбоджа</option>
<option value="CM">Камерун</option>
<option value="CA">Канада</option>
<option value="QA">Катар</option>
<option value="KE">Кения</option>
<option value="CY">Кипр</option>
<option value="KG">Киргизстан</option>
<option value="KI">Кирибати</option>
<option value="CN">Китай</option>
<option value="CC">Кокосовые о-ва</option>
<option value="CO">Колумбия</option>
<option value="KM">Коморские о-ва</option>
<option value="CG">Конго</option>
<option value="KR">Корея</option>
<option value="CR">Коста Рика</option>
<option value="CI">Кот-д&#39;Ивуар</option>
<option value="CU">Куба</option>
<option value="KW">Кувейт</option>
<option value="LA">Лаос</option>
<option value="LV">Латвия</option>
<option value="LS">Лесото</option>
<option value="LR">Либерия</option>
<option value="LB">Ливан</option>
<option value="LY">Ливия</option>
<option value="LT">Литва</option>
<option value="LI">Лихтенштейн</option>
<option value="LU">Люксембург</option>
<option value="MU">Маврикий</option>
<option value="MR">Мавритания</option>
<option value="MG">Мадагаскар</option>
<option value="MO">Макао</option>
<option value="MK">Македония</option>
<option value="MW">Малави</option>
<option value="MY">Малайзия</option>
<option value="ML">Мали</option>
<option value="MV">Мальдивы</option>
<option value="MT">Мальта</option>
<option value="MA">Марокко</option>
<option value="MQ">Мартиника</option>
<option value="MH">Маршалловы о-ва</option>
<option value="MX">Мексика</option>
<option value="FM">Микронезия</option>
<option value="MZ">Мозамбик</option>
<option value="MD">Молдова</option>
<option value="MC">Монако</option>
<option value="MN">Монголия</option>
<option value="MS">Монсеррат</option>
<option value="MM">Мьянма</option>
<option value="NA">Намибия</option>
<option value="NR">Науру</option>
<option value="NP">Непал</option>
<option value="NE">Нигер</option>
<option value="NG">Нигерия</option>
<option value="NL">Нидерланды</option>
<option value="NI">Никарагуа</option>
<option value="NU">Ниуэ</option>
<option value="NZ">Новая Зеландия</option>
<option value="NC">Новая Каледония</option>
<option value="NO">Норвегия</option>
<option value="AE">Объединенные Арабские Эмираты</option>
<option value="OM">Оман</option>
<option value="IM">Остров Мэн</option>
<option value="NF">Остров Норфолк</option>
<option value="CX">Остров Рождества</option>
<option value="PK">Пакистан</option>
<option value="PW">Палау о-ва</option>
<option value="PA">Панама</option>
<option value="PG">Папуа Новая Гвинея</option>
<option value="PY">Парагвай</option>
<option value="PE">Перу</option>
<option value="PL">Польша</option>
<option value="PT">Португалия</option>
<option value="PR">Пуэрто-Рико</option>
<option value="RE">Реюньон</option>
<option value="RW">Руанда</option>
<option value="RO">Румыния</option>
<option value="US">США</option>
<option value="SV">Сальвадор</option>
<option value="WS">Самоа</option>
<option value="SM">Сан-Марино</option>
<option value="SA">Саудовская Аравия</option>
<option value="SZ">Свазиленд</option>
<option value="MP">Северные Марианские острова</option>
<option value="SC">Сейшелы</option>
<option value="KN">Сен-Киттс Невис Ангилья</option>
<option value="PM">Сен-Пьер и Микелон</option>
<option value="SN">Сенегал</option>
<option value="LC">Сент-Люсия</option>
<option value="RS">Сербия</option>
<option value="SG">Сингапур</option>
<option value="SX">Синт-Мартен</option>
<option value="SY">Сирия</option>
<option value="SK">Словакия</option>
<option value="SI">Словения</option>
<option value="SB">Соломоновы о-ва</option>
<option value="SO">Сомали</option>
<option value="SD">Судан</option>
<option value="SR">Суринам</option>
<option value="SL">Сьерра-Леоне</option>
<option value="TJ">Таджикистан</option>
<option value="TW">Тайвань</option>
<option value="TH">Тайланд</option>
<option value="TZ">Танзания</option>
<option value="TC">Теркс и Кайкос о-ва</option>
<option value="TG">Того</option>
<option value="TT">Тринидад и Тобаго</option>
<option value="TV">Тувалу</option>
<option value="TN">Тунис</option>
<option value="TM">Туркменистан</option>
<option value="TR">Турция</option>
<option value="UG">Уганда</option>
<option value="UZ">Узбекистан</option>
<option value="UA">Украина</option>
<option value="UY">Уругвай</option>
<option value="FO">Фаро о-ва</option>
<option value="FJ">Фиджи</option>
<option value="PH">Филиппины</option>
<option value="FI">Финляндия</option>
<option value="FK">Фолклендские о-ва</option>
<option value="FR">Франция</option>
<option value="GF">Французская Гвиана</option>
<option value="PF">Французская Полинезия</option>
<option value="HR">Хорватия</option>
<option value="CF">Центральноафриканская республика</option>
<option value="TD">Чад</option>
<option value="ME">Черногория</option>
<option value="CZ">Чехия</option>
<option value="CL">Чили</option>
<option value="CH">Швейцария</option>
<option value="SE">Швеция</option>
<option value="LK">Шри-Ланка</option>
<option value="EC">Эквадор</option>
<option value="GQ">Экваториальная Гвинея</option>
<option value="ER">Эритрея</option>
<option value="EE">Эстония</option>
<option value="ET">Эфиопия</option>
<option value="ZA">ЮАР</option>
<option value="JM">Ямайка</option>
<option value="JP">Япония</option>
</select>
        </div>

                            <div class="field_box mark_required" >
            <label for="id_number">Серия и номер</label><input name="number" title="Серия и номер" data-rule-digit_latin="true" data-rule-required="true" aria-required="true" data-msg-required="Обязательное поле" data-rule="required" value="5555555555" maxlength="14" id="id_number" type="text" class="required md" />
        </div>

                            <div class="field_box optional hidden mark_required" >
            <label for="id_expiry">Срок действия</label><input name="expiry" title="Срок действия" type="text" id="id_expiry" data-datepicker="{&quot;minDate&quot;: &quot;0&quot;, &quot;maxDate&quot;: &quot;+50Y&quot;, &quot;yearRange&quot;: &quot;+0:+50&quot;}" data-rule-required="true" value="31.12.9999" data-msg-required="Обязательное поле" data-rule-normdate="true" data-msg-normdate="" placeholder="ДД.ММ.ГГГГ" class="md" />
        </div>

            </div>
        </div>
            </fieldset>

            <div class="buttons">
        <div>
            <span class="button active" id="save_doc_btn">
                <a class="unselect" role="button" title="Добавить документ попутчика" href="#" style="padding: 7.5px 0;">Сохранить</a>
            </span>
            <span class="button active" id="cancel">
                <a href="/personal/fellow_travellers" class="unselect" style="padding: 7.5px 0;">Отмена</a>
            </span>
            <div style="display:none;">
                <div  id="doc_dialog">
                    <p class="single_line">Такой попутчик уже существует. Заменить документ попутчику?</p>
                    <div class="pull-right">
                        <input type="hidden" name="confirmed" value="true"/>
                        <span class="button small active" name="doc_confirm"><a name="allow_edit" data-plug_off="true">Да</a></span>
                        <span class="button small active" name="doc_cancel"><a data-plug_off="true">Нет</a></span>
                    </div>
                </div>
            </div>
        </div>
    </div>

            </form>

        
        <script>
            $.datepicker.regional['ru'] = {
    closeText: 'Закрыть',
    prevText: 'Пред',
    nextText: 'След',
    currentText: 'Сегодня',
    monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь',
                'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
    monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн',
                      'Июл','Авг','Сен','Окт','Ноя','Дек'],
    dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
    dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
    dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
    weekHeader: 'Нед'};
$.datepicker.setDefaults($.datepicker.regional['ru']);


            $('#save_doc_btn').on('click', '', function(event){
                event.preventDefault();
                var button = $('#save_doc_btn');
                var content = $('#invite_confirm');
                var error_content = $('#loader_error');
                var status_message = $('div[role="status"]');
                var form = $('form[name="fellowdocumentform"]');
                var firstName = form.find('input[name="firstName"]').val();
                var lastName = form.find('input[name="lastName"]').val();
                var birthDate = form.find('input[name="birthDate"]').val();
                var pType = form.find('select[name="pType"]').val();
                var issueCountry = form.find('select[name="issueCountry"]').val();
                var number = form.find('input[name="number"]').val();

                var $target = $(event.currentTarget),
                    $link = $target.children('a'),
                    targetValue = $link.text(),
                    setWaiting = function() {
                        $target.removeClass('active');
                        $link.text('Подождите…');
                    },
                    waitingReset = function() {
                        $target.addClass('active');
                        $link.text(targetValue);
                    };

                if (!$target.hasClass('active')) return false;

                $.ajax({
                    url: '/personal/fellow_travellers/docs/check?_preferredLanguage=ru',
                    data: ({first_name: firstName, last_name: lastName, birth_date: birthDate,
                            p_type: pType, number: number, issue_country: issueCountry,
                            csrf_token: $('#id_csrf_token').val(),
                            doc_index: 0
                    }),
                    cache: true,
                    type: 'POST',
                    beforeSend: function (xhr) {
                        content.hide();
                        error_content.hide();
                        status_message.hide();
                        setWaiting();
                    },
                    success: function (data) {
                        if (data.status == 'confirm') {
                            waitingReset();
                            $.colorbox({
                                inline: true,
                                title: 'Подтверждение документа',
                                href: function() {
                                    var $dialog = $('#doc_dialog');
                                    $dialog.children('.single_line').text(data['data']);
                                    return $dialog;
                                }
                            });
                        } else if (data.status == 'ok') {
                            $('<input />').attr('type', 'hidden')
                              .attr('name', 'submit0')
                              .attr('value', 'ok')
                              .appendTo(form);
                            form.submit();
                        } else {
                            error_content.html(data['errors'].join('<br>'));
                            error_content.show();
                            waitingReset();
                        }
                    },
                    complete: function (x, t) {
                        button.removeAttr('disabled');
                        button.attr('value', "Сохранить");
                    },
                    error: function (x, t, m) {
                        error_content.text('Ошибка получения данных');
                        error_content.show();
                        waitingReset();
                    }
                });
            });
            $("[name='doc_confirm']").click(function() {
                $.fn.colorbox.close();
                form = $('form[name="fellowdocumentform"]');
                $('<input />').attr('type', 'hidden')
                  .attr('name', 'confirmed').attr('value', true).appendTo(form);
                form.submit();
            });
            $("[name='doc_cancel']").click(function() {
                $.fn.colorbox.close();
                return false;
            });

            $('#id_fellowdocumentform').validate();

            function clr_filed(v) {
                if (v.value.match(/[^a-zA-Z\s-]/g)) {
                    v.value = v.value.replace(/[^a-zA-Z\s-]/g, '');
                }
                v.value = v.value.toUpperCase();
            }
            $('#id_firstName,#id_lastName').bind({
                keyup : function(){
                    clr_filed(this)
                },
                paste : function(){
                    var el = this;
                    setTimeout(function() {
                       clr_filed(el)
                    }, 0);

                }
            });



            var sett = {date_format: 'dd.mm.yy',
                        date_mask: 'dd.mm.yyyy'};
            function getDateLimit (elc, type) {
                    var cDate = elc.datepicker('option', type);
                    var inst = elc.data('datepicker');
                    return $.datepicker._determineDate(inst, cDate, new Date());
                }

            var defaultDatepickerOptions = {
                minDate: '-100Y',
                maxDate: 0,
                yearRange: '-100:+0',
                defaultDate: 0,
                showOtherMonths: true,
                inputMask: true,
                onChangeMonthYear: function (year, month, inst) {
                    var curDate = $(this).datepicker('getDate');
                    if (curDate == null) return;
                    if (curDate.getYear() != year || curDate.getMonth() != month - 1) {
                        curDate.setYear(year);
                        curDate.setMonth(month - 1);
                        $(this).datepicker('setDate', curDate);
                    }
                }
            };

            $('[name="birthDate"]').aflButtonDatepicker(defaultDatepickerOptions);

            var passportDatepickerOptions = $.extend({}, defaultDatepickerOptions, {
                minDate: 0,
                maxDate: '+50Y',
                yearRange: '+0:+50'
            });
            $('[name="expiry"]').aflButtonDatepicker(passportDatepickerOptions);

            function onPassportDataChange($block) {
                var id = $block.attr('data-id'),
                    pType = $block.find('select[id$="pType"]').children('option:selected').val(),
                    country = $block.find('select[id$="issueCountry"]').children('option:selected').val(),
                    switcher = $.inArray(pType, ['P', 'BC']) > -1 && country == 'RU';

                $block.find("input[id$='id_expiry']").parents('div.field_box').toggleClass('hidden', switcher);
            }

            $('body').on('change', 'select[id="id_pType"], select[id="id_issueCountry"]', function(){
                var $block = $(this).parent().parent('[data-id]');
                onPassportDataChange($block);

                if ($block.hasClass('already-changed')) return;
                $block.find('#id_number, #id_expiry').val('');
                $block.addClass('already-changed');
            });

        </script>
    

</div>
</div>

    
    <script type="text/javascript">
        $(document).ready(function() {
            var cookie_selected_tab = 'AF_fellows_selected_tab';
            $('#tabs').tabs({
                activate: function (e, ui) {
                    $.cookie(cookie_selected_tab, ui.newTab.index(), { path: '/' });
                },
                active: $.cookie(cookie_selected_tab)
            });
                $('#tabs').tabs('disable');
        });

        $(document).ready(function() {
            $("a[href='#full_rules']").colorbox({inline:true,
                                                 href: 'div#full_rules',
                                                 title: 'Правила сервиса «Попутчики»',
                                                 onComplete: function(){},
                                                 scrolling: true,
                                                 width: 960
                                                });
            $(document).bind('cbox_open', function() {
                $('html').css({ overflow: 'hidden' });
            });
            $(document).bind('cbox_closed', function() {
                $('html').css({ overflow: '' });
            });
        });


    </script>



                </div><!-- /content -->
            </div>
        </div>

        
        
        <div class="clear0"></div>
    </div>

    
        
<div class="block-banner">
    <div class="fl-down"
         data-ratio="0.22"
         data-img-src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/banners/footer_ru.jpg"
         data-img-alt="Специальные предложения"
         data-a-href="//www.aeroflot.ru/cms/ru/special_offers/"></div>
</div>



    <div class="main-footer" role="contentinfo">
        <div class="footer">
            <span class="row">
                <div class="row-header">Контакты</div>
                <div class="phones"><span class="ph_office">МОСКВА</span>&nbsp;<span class="comment">+7-495-223-55-55</span><br />
                    <span class="mar">РОССИЯ</span>&nbsp;<span class="comment">8-800-444-55-55</span>
                    <br /><span class="ph_office"></span>&nbsp;<span class="comment"><a href="//www.aeroflot.ru/cms/offices/free_numbers/" target="_blank">Бесплатные телефоны по всему миру</a></span>
                    <br /><span class="ph_office"></span>&nbsp;<span class="comment"><a class="feedback-link" href="https://www.aeroflot.ru/feedback?_preferredLanguage=ru" target="_blank">Обратная связь</a></span>
                </div>
                <br />
                <a id="cbx_footer" href="#" title="Подробности" class="cboxElement"><img src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/footer/button_call.png" alt="Позвонить с сайта" /></a>
            </span>
            <span class="row">
                <div class="row-header">Аэрофлот в социальных сетях</div>
                <p class="social_icons">
                    <a href="https://twitter.com/aeroflot" title="Twitter" target="_blank"><img src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/footer/tw.jpg" width="30" height="30" alt="Twitter" /></a
                    >&nbsp;<a href="https://www.facebook.com/aeroflot" title="Facebook" target="_blank"><img src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/footer/fb.jpg" width="30" height="30" alt="Facebook" /></a
                    >&nbsp;<a href="https://vk.com/aeroflot" title="Вконтакте" target="_blank"><img src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/footer/vk.jpg" width="30" height="30" alt="Вконтакте" /></a
                    >&nbsp;<a href="https://www.youtube.com/user/AeroflotRussia/videos" title="YouTube" target="_blank"><img src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/footer/yt.jpg" width="30" height="30" alt="YouTube" /></a
                    >&nbsp;<a href="http://www.instagram.com/aeroflot" title="Instagram" target="_blank"><img src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/images/footer/inst.jpg" width="30" height="30" alt="Instagram" /></a>
                </p>
                <ul>
                    <li class="mob"><a href="//m.aeroflot.ru/cms/">Мобильный сайт</a></li>
                    <li class="mob"><a href="//www.aeroflot.ru/cms/about/">О компании</a></li>
                </ul>

           </span>
           <span class="row">
                <div class="row-header">Для клиентов</div>
                <ul>
                    <li><a href="//www.aeroflot.ru/cms/online_registration/">Регистрация</a></li>
                    <li><a href="//www.aeroflot.ru/cms/time_table/online/">Онлайн-табло</a></li>
                    <li><a href="//www.aeroflot.ru/schedule/schedule?_preferredLanguage=ru">Расписание</a></li>
                    <li><a href="//www.aeroflot.ru/cms/time_table/information/">Статус рейса</a></li>
                    <li><a href="//www.aeroflot.ru/cms/sitemap/">Карта сайта</a></li>
                    <li><a title="Политика конфиденциальности" id="cbx_booking1" href="//www.aeroflot.ru/cms/booking/privacy_policy/" class="cboxElement">Политика конфиденциальности</a></li>
                </ul>
           </span>
           <span class="row">
                <div class="row-header">Для партнеров</div>
                <p id="corporate_entrance"><a href="//www.aeroflot.ru/cms/special_offers/corporate/">Корпоративным клиентам</a></p>
                <p id="agents_entrance"><a href="//www.aeroflot.ru/cms/company/for_agents/">Агентам</a></p>
                <p id="cargo_trans"><a href="//www.aeroflot.ru/cms/cargo_transport/">Грузовые перевозки</a></p>
                <p id="afl_group"><a href="//www.aeroflot.ru/cms/about/subsidiaries/">Группа Аэрофлот</a></p>
                <p class="ph_rss"><a href="//www.aeroflot.ru/cms/about/rss_info/">RSS подписка</a></p>
            </span>
        </div>
        <p class="cop">© Аэрофлот 2008-2016</p>

        <div style="display: none;">
            <div id="call_form">
                <div>
                    <p class="freecall_header">Для бесплатного звонка в контакт-центр подключите наушники и микрофон к Вашему компьютеру.</p>
                    <p>Контакт-центр работает круглосуточно.</p>
                    <div class="callbuttons">
                        <object width="300" height="180">
                            <param name="" value="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/swf/dstar-aero.swf" />
                            <embed src="//www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/swf/dstar-aero.swf" width="300" height="180"><br/>
                            </embed>
                            <noembed>
                                Для бесплатного звонка в контакт-центр с сайта требуется установить проигрыватель Adobe flash или воспользоваться одним из бесплатных номеров
                            </noembed>
                        </object>
                    </div>
                </div>
            </div>
        </div>
    </div>

    

    
</body>
html>
  <script src='https://www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/js/jquery-1.11.0.min.js'></script>
<script src='https://www.aeroflot.ru/personal/static/js/calendar.js'></script>
<script src='https://www.aeroflot.ru/personal/static/js/calendar-ru.js'></script>
<script src='https://www.aeroflot.ru/personal/static/js/calendar-setup.js'></script>
<script src='https://www.aeroflot.ru/personal/static/js/afl.jquery-ui.js'></script>
<script src='https://www.aeroflot.ru/personal/static/js/jquery-ui-1.10.4.custom.min.js'></script>
<script src='https://www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/js/jquery.colorbox-1.5.4.min.js'></script>
<script src='https://www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/js/jquery.cycle-3.0.3.min.js'></script>
<script src='https://www.aeroflot.ru/cms/sites/all/themes/aeroflot/common/js/layout.js'></script>
<script src='https://www.aeroflot.ru/personal/static/js/jquery.popover.js'></script>
<script src='https://www.aeroflot.ru/personal/static/js/jquery.validate.min.js'></script>
<script src='https://www.aeroflot.ru/personal/static/js/jquery.inputmask.js'></script>
<script src='https://www.aeroflot.ru/personal/script/js/aflcab.vars.js'></script>
<script src='https://www.aeroflot.ru/personal/static/js/afl.core.js'></script>
<script src='https://www.aeroflot.ru/personal/static/js/jquery.combobox.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/robix/date-of-birth-bZKyRN */
/*! jQuery UI - v1.10.4 - 2014-02-16
* https://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.datepicker.css, jquery.ui.menu.css, jquery.ui.theme.css
* To view and modify this theme, visit https://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 13px;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
	background-image: url(images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
	background-image: url(images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
	background-image: url(images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

/*Downloaded from https://www.codeseek.co/robix/date-of-birth-bZKyRN */
 $.datepicker.regional['ru'] = {
    closeText: 'Закрыть',
    prevText: 'Пред',
    nextText: 'След',
    currentText: 'Сегодня',
    monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь',
                'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
    monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн',
                      'Июл','Авг','Сен','Окт','Ноя','Дек'],
    dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
    dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
    dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
    weekHeader: 'Нед'};
$.datepicker.setDefaults($.datepicker.regional['ru']);


            $('#save_doc_btn').on('click', '', function(event){
                event.preventDefault();
                var button = $('#save_doc_btn');
                var content = $('#invite_confirm');
                var error_content = $('#loader_error');
                var status_message = $('div[role="status"]');
                var form = $('form[name="fellowdocumentform"]');
                var firstName = form.find('input[name="firstName"]').val();
                var lastName = form.find('input[name="lastName"]').val();
                var birthDate = form.find('input[name="birthDate"]').val();
                var pType = form.find('select[name="pType"]').val();
                var issueCountry = form.find('select[name="issueCountry"]').val();
                var number = form.find('input[name="number"]').val();

                var $target = $(event.currentTarget),
                    $link = $target.children('a'),
                    targetValue = $link.text(),
                    setWaiting = function() {
                        $target.removeClass('active');
                        $link.text('Подождите…');
                    },
                    waitingReset = function() {
                        $target.addClass('active');
                        $link.text(targetValue);
                    };

                if (!$target.hasClass('active')) return false;

                $.ajax({
                    url: '/personal/fellow_travellers/docs/check?_preferredLanguage=ru',
                    data: ({first_name: firstName, last_name: lastName, birth_date: birthDate,
                            p_type: pType, number: number, issue_country: issueCountry,
                            csrf_token: $('#id_csrf_token').val(),
                            doc_index: 0
                    }),
                    cache: true,
                    type: 'POST',
                    beforeSend: function (xhr) {
                        content.hide();
                        error_content.hide();
                        status_message.hide();
                        setWaiting();
                    },
                    success: function (data) {
                        if (data.status == 'confirm') {
                            waitingReset();
                            $.colorbox({
                                inline: true,
                                title: 'Подтверждение документа',
                                href: function() {
                                    var $dialog = $('#doc_dialog');
                                    $dialog.children('.single_line').text(data['data']);
                                    return $dialog;
                                }
                            });
                        } else if (data.status == 'ok') {
                            $('<input />').attr('type', 'hidden')
                              .attr('name', 'submit0')
                              .attr('value', 'ok')
                              .appendTo(form);
                            form.submit();
                        } else {
                            error_content.html(data['errors'].join('<br>'));
                            error_content.show();
                            waitingReset();
                        }
                    },
                    complete: function (x, t) {
                        button.removeAttr('disabled');
                        button.attr('value', "Сохранить");
                    },
                    error: function (x, t, m) {
                        error_content.text('Ошибка получения данных');
                        error_content.show();
                        waitingReset();
                    }
                });
            });
            $("[name='doc_confirm']").click(function() {
                $.fn.colorbox.close();
                form = $('form[name="fellowdocumentform"]');
                $('<input />').attr('type', 'hidden')
                  .attr('name', 'confirmed').attr('value', true).appendTo(form);
                form.submit();
            });
            $("[name='doc_cancel']").click(function() {
                $.fn.colorbox.close();
                return false;
            });

            $('#id_fellowdocumentform').validate();

            function clr_filed(v) {
                if (v.value.match(/[^a-zA-Z\s-]/g)) {
                    v.value = v.value.replace(/[^a-zA-Z\s-]/g, '');
                }
                v.value = v.value.toUpperCase();
            }
            $('#id_firstName,#id_lastName').bind({
                keyup : function(){
                    clr_filed(this)
                },
                paste : function(){
                    var el = this;
                    setTimeout(function() {
                       clr_filed(el)
                    }, 0);

                }
            });



            var sett = {date_format: 'dd.mm.yy',
                        date_mask: 'dd.mm.yyyy'};
            function getDateLimit (elc, type) {
                    var cDate = elc.datepicker('option', type);
                    var inst = elc.data('datepicker');
                    return $.datepicker._determineDate(inst, cDate, new Date());
                }

            var defaultDatepickerOptions = {
                minDate: '-100Y',
                maxDate: 0,
                yearRange: '-100:+0',
                defaultDate: 0,
                showOtherMonths: true,
                inputMask: true,
                onChangeMonthYear: function (year, month, inst) {
                    var curDate = $(this).datepicker('getDate');
                    if (curDate == null) return;
                    if (curDate.getYear() != year || curDate.getMonth() != month - 1) {
                        curDate.setYear(year);
                        curDate.setMonth(month - 1);
                        $(this).datepicker('setDate', curDate);
                    }
                }
            };

            $('[name="birthDate"]').aflButtonDatepicker(defaultDatepickerOptions);

            var passportDatepickerOptions = $.extend({}, defaultDatepickerOptions, {
                minDate: 0,
                maxDate: '+50Y',
                yearRange: '+0:+50'
            });
            $('[name="expiry"]').aflButtonDatepicker(passportDatepickerOptions);

            function onPassportDataChange($block) {
                var id = $block.attr('data-id'),
                    pType = $block.find('select[id$="pType"]').children('option:selected').val(),
                    country = $block.find('select[id$="issueCountry"]').children('option:selected').val(),
                    switcher = $.inArray(pType, ['P', 'BC']) > -1 && country == 'RU';

                $block.find("input[id$='id_expiry']").parents('div.field_box').toggleClass('hidden', switcher);
            }

            $('body').on('change', 'select[id="id_pType"], select[id="id_issueCountry"]', function(){
                var $block = $(this).parent().parent('[data-id]');
                onPassportDataChange($block);

                if ($block.hasClass('already-changed')) return;
                $block.find('#id_number, #id_expiry').val('');
                $block.addClass('already-changed');
            });


 (function($) {
            $.aflButtonDatepicker && $.aflButtonDatepicker.setDefaults({
                changeMonth: true,
                changeYear: true,
                inputLabelText: 'Календарь',
                ariaLabelText: 'День. Месяц. Год'
            });

            $.colorbox && $.extend($.colorbox.settings, {
                close: 'Закрыть',
                previous: 'Предыдущий',
                next: 'Следующий',
                slideshowStart: 'Начать слайд-шоу',
                slideshowStop: 'Остановить слайд-шоу',
                scrolling: false
            });
        })(jQuery);

        $(document).ready(function() {
            $('input').placeholder();
            var trans = {choose: 'Не выбрано'};
            $('select[data-combobox]').combobox({trans: trans});

            setTimeout(function() {  // for NVDA
                $('.message.error').attr("tabindex", "0").focus();
            }, 500);

            // jQuery formatted selector to search for focusable items
            var focusableElementsString = "a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]";

            $('body').on("keydown", "#colorbox", function(event) {
                var $this = $(this);
                if (event.keyCode == 9) {
                    var children = $this.find('*'),
                        focusableItems = children.filter(focusableElementsString).filter(':visible'),
                        focusedItem = $(document.activeElement),
                        numberOfFocusableItems = focusableItems.length,
                        focusedItemIndex = focusableItems.index(focusedItem);
                    if (!event.shiftKey && (focusedItemIndex == numberOfFocusableItems - 1)){
                        focusableItems.get(0).focus();
                        event.preventDefault();
                    }
                    if (event.shiftKey && focusedItemIndex == 0) {
                        focusableItems.get(numberOfFocusableItems - 1).focus();
                        event.preventDefault();
                    }
                }
            });

            function set_noembed(){
                $('.zclip').each(function(){
                    var noembed = $(this).find('noembed');
                    if (!noembed.length ){
                        var info = 'Чтобы сгенерировать пароль требуется установить проигрыватель Adobe flash';
                        $(this).append("<noembed>"+info+"</noembed>");
                    }
                })
            }

            $('#GenPassModal').bind('after_show', set_noembed);
        });

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

//Создаем 1й эталонный счетчик для Google Analytics
ga('create', 'UA-75201616-1', 'auto', {'name': 'Aeroflot_ru_Standard'});

// Получаем clientID для счетчика Aeroflot_ru_Standard и записываем его в переменную пользователя
ga(function() {
var Aeroflot_ru_StandardTracker = ga.getByName('Aeroflot_ru_Standard');
var cid_Aeroflot_ru_Standard = Aeroflot_ru_StandardTracker.get('clientId');
ga('Aeroflot_ru_Standard.set', 'dimension1', cid_Aeroflot_ru_Standard);
});
ga('Aeroflot_ru_Standard.send', 'pageview');

//Создаем 2й эталонный счетчик для Google Analytics Premium
ga('create', 'UA-25816578-3', 'auto', {'name': 'Aeroflot_ru_GAPStandard'});

// Получаем clientID для счетчика Aeroflot_ru_GAPStandard и записываем его в переменную пользователя
ga(function() {
var Aeroflot_ru_GAPTracker = ga.getByName('Aeroflot_ru_GAPStandard');
var cid_Aeroflot_ru_GAP = Aeroflot_ru_GAPTracker.get('clientId');
ga('Aeroflot_ru_GAPStandard.set', 'dimension1', cid_Aeroflot_ru_GAP);
});

ga('Aeroflot_ru_GAPStandard.send', 'pageview');

  $(function() {
                var widgets_loader = $('#widgets_loader');
                $.ajax({
                    url: '/personal/services/user_widgets',
                    xhrFields: { withCredentials: true },
                    dataType : 'json',
                    success: onUserWidgetsSuccess,
                    beforeSend: function() {
                        if ($('#display-widgets').attr("checked") == 'checked') {
                            widgets_loader.show();
                        }
                    },
                    error: function() { $('#busy_indicator').hide(); },
                    complete: function() { widgets_loader.hide(); }
                });
            });
 $('div.question .icon-button').popover({
        container: '.main-container',
        placement: 'top auto',
        trigger: 'hover, focus'
    });
    $('#member_miles_value_column').attr("data-miles-active-till-phrase", "Ваши мили активны до")
                            .attr("data-miles-inactive-phrase",
                            "Ваши мили неактивны. Для активации миль совершите полет с Аэрофлотом. Подробнее в правилах программы и в контакт-центре.")
                            .attr("data-miles-exp-phrase", "Ваши мили аннулируются")
                            .popover({
                                placement: 'top auto',
                                html: 'true',
                                container: 'body',
                                trigger: 'focus, hover'
                            });

    function cb_submit_email(action, title) {
        $("#email_form form").submit(function () {
            $.post(
                    action,
                    $(this).serialize(),
                    function (data) {
                        $.colorbox({
                            title: title, html: data, width: 650, onComplete: function () {
                                cb_submit_email(action, title);
                            }
                        });
                    }
            );
            return false;
        });
    }

    $(function() {
        $('a.send_email').colorbox({
            title: function(){
                return $(this).attr('ajax-title');
            },
            href: function() {
                return $(this).attr('href');
            },
            width: 650,
            onComplete: function() {
                cb_submit_email($(this).attr('href'), $(this).attr('ajax-title'));
            }
        });
            var t = $('#member_miles_value').text();
            if (t.replace(/\s/g,'')){
                showMilesAmount(t);
            }
         $.get(
            "https://www.aeroflot.ru/feedback/ws/unread_sr_qty/232254035?force=False",
            function (data) {
                if (data.unread_sr_qty < 1)
                {
                    $('.feedback_count_container').css('display',"none");
                    return;
                }

                $('.requests_count').text(data.unread_sr_qty);
                $('.feedback_count_container').css('display',"inline-block");
            }
        ).fail(
            function (jqXHR, textStatus, errorThrown) {
                $('.requests_count').css('display',"none");
                if (jqXHR.status != 0) {
                    $('#ajax_error').text('Ошибка связи с сервером: ' + textStatus + ':' + jqXHR.status + ':' + errorThrown).show();
                }
        });
    });

  $(document).ready(function() {
            var cookie_selected_tab = 'AF_fellows_selected_tab';
            $('#tabs').tabs({
                activate: function (e, ui) {
                    $.cookie(cookie_selected_tab, ui.newTab.index(), { path: '/' });
                },
                active: $.cookie(cookie_selected_tab)
            });
                $('#tabs').tabs('disable');
        });

        $(document).ready(function() {
            $("a[href='#full_rules']").colorbox({inline:true,
                                                 href: 'div#full_rules',
                                                 title: 'Правила сервиса «Попутчики»',
                                                 onComplete: function(){},
                                                 scrolling: true,
                                                 width: 960
                                                });
            $(document).bind('cbox_open', function() {
                $('html').css({ overflow: 'hidden' });
            });
            $(document).bind('cbox_closed', function() {
                $('html').css({ overflow: '' });
            });
        });

Comments