<div class="header">
        <div id="logo">
            <p id="wdsoz">WD&SOZ</p>
            <div>
                <p id="longwdsoz">Web Director и Сервис обмена заказами</p>
                <p id="usermanual">Руководство пользователя</p>
            </div>
        </div>

 </div>
    </div>
    <div class="menu">
        <ul>
            <li>
                <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=9408899">
                <img src="/download/attachments/9408819/WD_icon.png">
                <h3>Web Director</h3>
            </a>
            </li>
            <li>
                <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=9408847">
                <img src="/download/attachments/9408819/SOZ_icon.png">
                <h3>Сервис обмена заказами (СОЗ)</h3>
            </a>
            </li>
            <li>
                <a href="https://docs.tn.in.ua/pages/viewpage.action?pageId=15499631">
                <img src="/download/attachments/9408819/Support_icon.png">
                <h3>Служба поддержки</h3>
            </a>
            </li>
        </ul>
    </div>
    <div class="content">
        <div id="faq">
            <h1>Часто задаваемые вопросы</h1>

В программе Такси Навигатор существует цветовая схема, которая позволяет наглядно быстро понимать что происходит с заказом. За заказы, которые пришли от партнеров, отвечает колонка "телефон". Подробнее о способах отправки заказа в СОЗ и о цветовом информировании смотрите инструкцию Как отправить и принять заказ, используя сервис обмена заказами (СОЗ).

Все зависит от того чей это заказ: Вашей ИДС или заказ ИДС-партнера. Подробно о правилах отмены заказа смотрите раздел Как сделать отмену по заказу.

В разделе Выплаты/Комиссионные можно посмотреть сумму долга Вашей ИДС перед партнерам и сумму долга партнеров перед Вашей ИДС. При нажатии на желтую кнопку "информация" - отобразятся контакты выбранной ИДС.

Вы можете настраивать взаимоотношения с партнерами в пределах одной группы. То есть, если Вы желаете обмениваться заказами с ИДС, Вам нужно отправить запрос этой службе. Аналогично Вы подтверждаете или отклоняете запросы на сотрудничество от других ИДС-партнеров. Подробнее в разделе Отношения.

</div>
        <div id="other">
            <h1>Другие ресурсы</h1>
            <p>Все настройки по работе с заказами от СОЗ настраиваются в программе Такси Навигатор. Ниже представлены ссылки на статьи по данной теме:</p>
            <ul>
                <li>
                    <a href="http://evos.in.ua/wiki/index.php?title=Перенаправление_заказов_между_диспетчерскими">Перенаправление заказов между диспетчерскими</a> - общие настройки по отправке заказа в СОЗ,
                    настройка автоматической отправки.
                </li>
                <li>
                    <a href="http://evos.in.ua/wiki/index.php?title=Фильтр_заказов">Фильтр заказов</a> - возможность фильтровать закази отпартнеров по стоимости, то есть заказы,
                    которые не проходят фильтр, не будут отображаться ниу диспетчера ни у Вашего водителя.
                </li>
                <li>
                    <a href="http://evos.in.ua/wiki/index.php?title=Сервера_перекидки">Сервера перекидки </a> - список групп, к которым подключена Ваша ИДС, возможность сделать
                    некоторые настройки по каждой группе.
                </li>
                <li>
                    <a href="http://evos.in.ua/wiki/index.php?title=Автораспределение_заказов">Автораспределение заказов </a> - возможность заказы от партнеров автоматически распределять
                    по Вашим водителям.
                </li>
            </ul>
        </div>
    </div>

    <style>
        @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=cyrillic');

        .header p {
            margin: 0;
            padding: 0;
            font-family: 'Roboto', sans-serif;
            color: white;
        }

        #wdsoz {
            font-size: 80px;
            font-weight: 700;
            display: inline;
            vertical-align: top;
            padding-right: 10px;
        }

        #longwdsoz {
            font-size: 30px;
            font-weight: 400;
            margin-top: 18px;
        }

        #usermanual {
            font-size: 30px;
            font-weight: 300;
            margin-top: -7px;
        }

        .header {
            background-image: url("/download/attachments/9408819/Rectangle 4.png");
            height: 304px;
            background-repeat: no-repeat;			
   			background-position: center; 
 		}

        .header #logo {
            padding-top: 55px;
            padding-bottom: 35px;
            display: flex;
            justify-content: center;
        }

        .menu a:link {
            text-decoration: none;
        }

        .menu a:visited {
            text-decoration: none;
        }

        .menu a:link {
            text-decoration: none;
        }

        .menu a:visited {
            text-decoration: none;
        }

        .menu {
            padding: 10px;
        }

        .menu ul {
            margin: 0px;
            padding: 0px;
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
            list-style: none;
            max-width: 1400px;
            margin: auto;
            text-align: center;
        }

        .menu li {
            border: 0px solid #A0A0A1;
            border-radius: 10px;
            margin: 20px;
            height: 215px;
            flex-basis: 400px;
            text-align: center;
        }

        .menu li img {
            float: top;
            margin-right: 5px;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            text-align: center;
        }

        .menu li h3 {
            font-size: 30px;
            margin: 8px 8px 0px 0px;
            font-family: 'Roboto', sans-serif;
            font-weight: 500;
            color: black;
        }		
		.content {
            background-color: #F8F8F8;
            display: flex;
			flex-flow: row wrap;
			justify-content: center;
			margin-top: 25px;			
		}

        .content h1 {
            margin: 0;
            padding: 0;
            font-size: 25px;            
            font-weight: 500;
        }

        .content #faq,
        .content #other{
            margin: 25px;
            max-width: 400px;
			min-width: 400px;
			font-family: 'Roboto', sans-serif;
			font-size: 15px;            
            font-weight: 400;
		 }

        .content ul {
            margin: 0;
            padding: 0;
            list-style: none;                        
        }

        .content li {
            margin: 5px 5px 5px 0;                                 
        }
		.content li a{color: #FAA92C; font-weight: bold;}
		
		.expand-control-icon {
 background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIzOC4wMDMgMjM4LjAwMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjM4LjAwMyAyMzguMDAzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTE4MS43NzYsMTA3LjcxOUw3OC43MDUsNC42NDhjLTYuMTk4LTYuMTk4LTE2LjI3My02LjE5OC0yMi40Nywwcy02LjE5OCwxNi4yNzMsMCwyMi40NyAgICBsOTEuODgzLDkxLjg4M2wtOTEuODgzLDkxLjg4M2MtNi4xOTgsNi4xOTgtNi4xOTgsMTYuMjczLDAsMjIuNDdzMTYuMjczLDYuMTk4LDIyLjQ3LDBsMTAzLjA3MS0xMDMuMDM5ICAgIGMzLjE0Ni0zLjE0Niw0LjY3Mi03LjI0Niw0LjY0LTExLjI4M0MxODYuNDE2LDExNC45MDIsMTg0Ljg5LDExMC44MzMsMTgxLjc3NiwxMDcuNzE5eiIgZmlsbD0iI2ZhYTkyYyIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
		}
		.expand-control-icon.expanded {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDIzOC4wMDMgMjM4LjAwMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjM4LjAwMyAyMzguMDAzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTE4MS43NzYsMTA3LjcxOUw3OC43MDUsNC42NDhjLTYuMTk4LTYuMTk4LTE2LjI3My02LjE5OC0yMi40Nywwcy02LjE5OCwxNi4yNzMsMCwyMi40NyAgICBsOTEuODgzLDkxLjg4M2wtOTEuODgzLDkxLjg4M2MtNi4xOTgsNi4xOTgtNi4xOTgsMTYuMjczLDAsMjIuNDdzMTYuMjczLDYuMTk4LDIyLjQ3LDBsMTAzLjA3MS0xMDMuMDM5ICAgIGMzLjE0Ni0zLjE0Niw0LjY3Mi03LjI0Niw0LjY0LTExLjI4M0MxODYuNDE2LDExNC45MDIsMTg0Ljg5LDExMC44MzMsMTgxLjc3NiwxMDcuNzE5eiIgZmlsbD0iI2ZhYTkyYyIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
			transform: rotate(90deg);
 }

		.expand-control-text {color: black;}

		.expand-control{margin: 10px 5px 0 0;}

		.expand-content{margin: 5px 5px 5px 0;}

		.expand-content a{color: #FAA92C;}

		#title-heading {
            display: none;
        }

        .page-metadata {
            visibility: hidden;
        }
    </style>