<div class="col-lg-4">
    <section class="widget">
        <header>
            <h4>
                <span class="font13"
                      style="font-weight: bold;">
                    <i class="fa fa-sort-amount-asc"></i>
                    요구사항 조회
                </span>
            </h4>
            <div class="actions">
                <button class="btn btn-transparent btn-xs"
                        onclick="$('#demo').jstree('open_all');">
                    Show All
                    <i class="fa fa-arrow-down"></i>
                </button>
            </div>
        </header>
        <div class="body">
            <blockquote class="font13">
                1. 제품(서비스) : 버전 : 요구사항 선택
            </blockquote>
            <div class="wrapper">
                <div class="control-group"
                     style="padding-bottom: 10px; border: 0;">
                    <div class="controls form-group darkBack"
                         style="margin-bottom: 15px !important;">
                        <select id="country"
                                required="required"
                                data-placeholder="Select Product(Service)"
                                class="select-block-level chzn-select darkBack"
                                tabindex="-1"
                                style="width:100% !important;"
                                name="country">
                            <option value=""></option>
                        </select>
                    </div>
                    <div class="controls form-group darkBack"
                         style="margin-bottom: 5px !important;">
                        <select multiple="multiple"
                                id="multiversion"
                                class="multiple-select btn-block darkBack"
                                placeholder="&nbsp;&nbsp;Select Version">
                        </select>
                    </div>
                </div>
                <div class="progress progress-xs mt-xs mb-0 active">
                    <div class="progress-bar-warning progress-bar progress-bar-striped"
                         style="width: 100%; height: 2px;">
                    </div>
                </div>
                <div id="mmenu"
                     style="padding-bottom: 5px; padding-top: 15px;">
                    <form class="form-search no-margin"
                          role="form">
                        <div class="input-group">
                            <input type="search"
                                   id="text"
                                   class="form-control searchDarkBack"
                                   style="color: #f8f8f8;"
                                   placeholder="찾을 노드 이름 입력"
                                   data-tooltip="Press Enter To Node To Search">
                            <span class="input-group-btn">
                                <button type="button"
                                        id="search"
                                        title="Search"
                                        class="btn btn-default btn-sm">
                                    Search
                                </button>
                            </span>
                        </div>
                    </form>
                </div>
                <div id="product_tree"
                     style="padding-top: 5px; overflow: hidden;"
                     class="darkBack"></div>
                <div style="margin-top: 10px;"
                     class="darkBack">
                    설명
                </div>
            </div>
        </div>
    </section>
</div>

<div class="col-lg-8">
    <section class="widget">
        <header>
            <h4>
                <span class="font13"
                      style="font-weight: bold;">
                    <i class="fa fa-edit"></i>
                    요구사항 내용
                </span>
            </h4>
            <div class="widget-controls">
                <a title="Options"
                   href="#">
                    <i class="glyphicon glyphicon-cog"></i>
                </a>
                <a data-widgster="expand"
                   title="Expand"
                   href="#">
                    <i class="glyphicon glyphicon-chevron-up"></i>
                </a>
                <a data-widgster="collapse"
                   title="Collapse"
                   href="#">
                    <i class="glyphicon glyphicon-chevron-down"></i>
                </a>
                <a data-widgster="close"
                   title="Close"
                   href="#">
                    <i class="glyphicon glyphicon-remove"></i>
                </a>
            </div>
        </header>
        <div class="body">
            <blockquote class="font13">
                2. 요구사항 세부 내용 조회
            </blockquote>
            <div class="row">
                <div class="col-md-12">
                    <section class="widget widget-tabs">
                        <header>
                            <ul class="nav nav-tabs">
                                <li class="active">
                                    <a href="#stats"
                                       data-toggle="tab"
                                       id="default_tab">
                                        <strong>상세 보기</strong>
                                    </a>
                                </li>
                                <li>
                                    <a href="#edit"
                                       data-toggle="tab"
                                       id="edit_tab">
                                        <strong>편집 하기</strong>
                                    </a>
                                </li>
                                <li>
                                    <a href="#report"
                                       data-toggle="tab"
                                       id="folder_tab">
                                        <strong>리스트로 보기</strong>
                                    </a>
                                </li>
                                <li>
                                    <a href="#doc"
                                       data-toggle="tab"
                                       id="docu_tab">
                                        <strong>문서로 보기</strong>
                                    </a>
                                </li>
                                <li>
                                    <a href="#jira"
                                       data-toggle="tab"
                                       id="jira_tab">
                                        <strong>JIRA 연결 설정</strong>
                                    </a>
                                </li>
                                <li>
                                    <a href="#history"
                                       data-toggle="tab"
                                       id="history_tab">
                                        <strong>History(이력)</strong>
                                    </a>
                                </li>
                            </ul>
                        </header>
                        <div class="body tab-content">
                            <div id="stats"
                                 class="tab-pane active clearfix"
                                 style="padding-top: 10px !important">
                                <div style="margin-top: 10px;margin-bottom: 10px; border: 1px solid #0b67ff !important;"
                                     class="newReqDiv darkBack">
                                    <label id="new_reqregist01"
                                           class="btn btn-primary btn-transparent btn-sm active"
                                           data-target="#my_modal1"
                                           data-toggle="modal"
                                           style="width: 100%; background-color: #2477FF !important;">
                                        a-RMS의 신규 요구사항 등록하기
                                    </label>
                                </div>
                                <form class="form-horizontal"
                                      method="post">
                                    <fieldset>
                                        <div class="control-group"
                                             for="detailview_req_pdservice_name">
                                            <label class="control-label font13">
                                                요구사항 제품<sup>서비스</sup> :
                                            </label>
                                            <div class="controls form-group input-group" style="margin-left: 180px;">
													<span class="input-group-addon">
														<i class="glyphicon glyphicon-gift"></i>
													</span>
                                                <input type="text"
                                                       id="detailview_req_pdservice_name"
                                                       name="detailview_req_pdservice_name"
                                                       class="form-control parsley-validated font13 darkBack"
                                                       data-placement="top"
                                                       data-original-title="제품(서비스) 이름은 중복될 수 없습니다."
                                                       required="required"
                                                       style="color: #a4c6ff"
                                                       placeholder="service name">
                                            </div>
                                        </div>
                                        <div class="control-group"
                                             for="detailview_req_pdservice_version">
                                            <label class="control-label font13">
                                                요구사항 연관 버전 :
                                            </label>
                                            <div class="controls form-group input-group" style="margin-left: 180px;">
													<span class="input-group-addon">
														<i class="glyphicon glyphicon-gift"></i>
													</span>
                                                <input type="text"
                                                       id="detailview_req_pdservice_version"
                                                       name="detailview_req_pdservice_version"
                                                       class="form-control parsley-validated font13 darkBack"
                                                       data-placement="top"
                                                       data-original-title="제품(서비스) 이름은 중복될 수 없습니다."
                                                       required="required"
                                                       style="color: #a4c6ff"
                                                       placeholder="service name">
                                            </div>
                                        </div>
                                        <div class="control-group"
                                             for="detailview_req_id">
                                            <label class="control-label font13">
                                                요구사항 아이디 :
                                            </label>
                                            <div class="controls form-group input-group"  style="margin-left: 180px;">
													<span class="input-group-addon">
														<i class="glyphicon glyphicon-gift"></i>
													</span>
                                                <input type="text"
                                                       id="detailview_req_id"
                                                       name="detailview_req_id"
                                                       class="form-control parsley-validated font13 darkBack"
                                                       data-placement="top"
                                                       data-original-title="제품(서비스) 이름은 중복될 수 없습니다."
                                                       required="required"
                                                       style="color: #a4c6ff"
                                                       placeholder="service name">
                                            </div>
                                        </div>
                                        <div class="control-group"
                                             for="detailview_req_name">
                                            <label class="control-label font13">
                                                요구사항 제목 :
                                            </label>
                                            <div class="controls form-group input-group"  style="margin-left: 180px;">
													<span class="input-group-addon">
														<i class="glyphicon glyphicon-gift"></i>
													</span>
                                                <input type="text"
                                                       id="detailview_req_name"
                                                       name="detailview_req_name"
                                                       class="form-control parsley-validated font13 darkBack"
                                                       data-placement="top"
                                                       data-original-title="제품(서비스) 이름은 중복될 수 없습니다."
                                                       required="required"
                                                       style="color: #a4c6ff"
                                                       placeholder="service name">
                                            </div>
                                        </div>
                                        <div class="control-group"
                                             for="detailview_req_priority">
                                            <label class="control-label font13">
                                                요구사항 우선순위 :
                                            </label>
                                            <div class="controls form-group input-group"  style="margin-left: 180px;">
                                                <span class="input-group-addon">
                                                    <i class="glyphicon glyphicon-gift"></i>
                                                </span>
                                                <div style="display: flex; align-items: center; gap: 10px; padding: 0;">
                                                    <div id="detailview_req_priority"
                                                         class="btn-group"
                                                         data-toggle="buttons">
                                                        <label class="btn btn-warning">
                                                            <input type="radio"
                                                                   name="options"
                                                                   id="detailview_req_priority_option1">
                                                            낮음
                                                        </label>
                                                        <label class="btn btn-warning">
                                                            <input type="radio"
                                                                   name="options"
                                                                   id="detailview_req_priority_option2">
                                                            중간
                                                        </label>
                                                        <label class="btn btn-warning">
                                                            <input type="radio"
                                                                   name="options"
                                                                   id="detailview_req_priority_option3">
                                                            높음
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group"
                                             for="detailview_req_status">
                                            <label class="control-label font13">
                                                요구사항 상태 :
                                            </label>
                                            <div class="controls form-group input-group"  style="margin-left: 180px;">
													<span class="input-group-addon">
														<i class="glyphicon glyphicon-gift"></i>
													</span>
                                                <input type="text"
                                                       id="detailview_req_status"
                                                       name="detailview_req_status"
                                                       class="form-control parsley-validated font13 darkBack"
                                                       data-placement="top"
                                                       data-original-title="제품(서비스) 이름은 중복될 수 없습니다."
                                                       required="required"
                                                       style="color: #a4c6ff"
                                                       placeholder="service name">
                                            </div>
                                        </div>
                                        <div class="control-group"
                                             for="detailview_req_writer">
                                            <label class="control-label font13">
                                                요구사항 작성자 :
                                            </label>
                                            <div class="controls form-group input-group"  style="margin-left: 180px;">
													<span class="input-group-addon">
														<i class="glyphicon glyphicon-gift"></i>
													</span>
                                                <input type="text"
                                                       id="detailview_req_writer"
                                                       name="detailview_req_writer"
                                                       class="form-control parsley-validated font13 darkBack"
                                                       data-placement="top"
                                                       data-original-title="제품(서비스) 이름은 중복될 수 없습니다."
                                                       required="required"
                                                       style="color: #a4c6ff"
                                                       placeholder="service name">
                                            </div>
                                        </div>
                                        <div class="control-group"
                                             for="detailview_req_write_date">
                                            <label class="control-label font13">
                                                요구사항 최근 작성일 :
                                            </label>
                                            <div class="controls form-group input-group"  style="margin-left: 180px;">
													<span class="input-group-addon">
														<i class="glyphicon glyphicon-gift"></i>
													</span>
                                                <input type="text"
                                                       id="detailview_req_write_date"
                                                       name="detailview_req_write_date"
                                                       class="form-control parsley-validated font13 darkBack"
                                                       data-placement="top"
                                                       data-original-title="제품(서비스) 이름은 중복될 수 없습니다."
                                                       required="required"
                                                       style="color: #a4c6ff"
                                                       placeholder="service name">
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label font13">
                                                제품(서비스) 리뷰어 : </label>
                                            <div class="controls input-group" style="margin-left: 180px;">
												<span class="input-group-addon">
													<i class="glyphicon glyphicon-gift"></i>
												</span>
                                                <input type="text" id="detailview_req_reviewer01" name="detailview_req_reviewer01"
                                                       class="form-control parsley-validated font13 darkBack"
                                                       data-placement="top" data-original-title="공동 책임자"
                                                       required="required" placeholder="service name" disabled="disabled"
                                                       style="border: 0px !important; color: #a4c6ff !important;">
                                                <span class="input-group-addon font11">INFO : 공동 책임자</span>
                                            </div>
                                            <div class="controls input-group" style="margin-left: 180px;">
												<span class="input-group-addon">
													<i class="glyphicon glyphicon-gift"></i>
												</span>
                                                <input type="text" id="detailview_req_reviewer02" name="detailview_req_reviewer02"
                                                       class="form-control parsley-validated font13 darkBack"
                                                       data-placement="top" data-original-title="공동 책임자"
                                                       required="required" placeholder="service name" disabled="disabled"
                                                       style="border: 0px !important; color: #a4c6ff !important;">
                                                <span class="input-group-addon font11">INFO : 공동 책임자</span>
                                            </div>
                                            <div class="controls input-group" style="margin-left: 180px;">
												<span class="input-group-addon">
													<i class="glyphicon glyphicon-gift"></i>
												</span>
                                                <input type="text" id="detailview_req_reviewer03" name="detailview_req_reviewer03"
                                                       class="form-control parsley-validated font13 darkBack"
                                                       data-placement="top" data-original-title="공동 책임자"
                                                       required="required" placeholder="service name" disabled="disabled"
                                                       style="border: 0px !important; color: #a4c6ff !important;">
                                                <span class="input-group-addon font11">INFO : 공동 책임자</span>
                                            </div>
                                            <div class="controls input-group" style="margin-left: 180px;">
												<span class="input-group-addon">
													<i class="glyphicon glyphicon-gift"></i>
												</span>
                                                <input type="text" id="detailview_req_reviewer04" name="detailview_req_reviewer04"
                                                       class="form-control parsley-validated font13 darkBack"
                                                       data-placement="top" data-original-title="공동 책임자"
                                                       required="required" placeholder="service name" disabled="disabled"
                                                       style="border: 0px !important; color: #a4c6ff !important;">
                                                <span class="input-group-addon font11">INFO : 공동 책임자</span>
                                            </div>
                                            <div class="controls input-group" style="margin-left: 180px;">
												<span class="input-group-addon">
													<i class="glyphicon glyphicon-gift"></i>
												</span>
                                                <input type="text" id="detailview_req_reviewer05" name="detailview_req_reviewer05"
                                                       class="form-control parsley-validated font13 darkBack"
                                                       data-placement="top" data-original-title="공동 책임자"
                                                       required="required" placeholder="service name" disabled="disabled"
                                                       style="border: 0px !important; color: #a4c6ff !important;">
                                                <span class="input-group-addon font11">INFO : 공동 책임자</span>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label class="control-label"
                                                   style="margin-top: 10px">
                                                요구사항 내용 :
                                            </label>
                                            <div class="col-sm-8"
                                                 style="margin-top: 10px;margin-bottom: 10px">
                                                문서로 보기 : <button type="button" class="btn btn-warning">새 창으로 제품(서비스) 내용 보기</button>
                                            </div>
                                            <br><br><br>
                                            <div class="col-sm-12 darkBack"
                                                 id="detailview_req_contents"
                                                 style="padding-top: 7px;">
                                            </div>
                                        </div>
                                    </fieldset>
                                </form>
                            </div>

                            <div id="edit"
                                 class="tab-pane"
                                 style="padding-top: 10px !important">
                                <div class="form-group"
                                     style="padding-top: 10px;">
                                    <div class="control-group">
                                        <label class="control-label"
                                               style="vertical-align: center">
                                            요구사항 등록 모드 :
                                        </label>
                                        <div class="controls form-group"
                                             style="margin-bottom: 10px;">
                                            <div class="input-group"
                                                 style="text-align: left;">
                                                <span class="input-group-addon">
                                                    <i class="fa fa-sliders"></i>
                                                </span>
                                                <div class="btn-group"
                                                     data-toggle="buttons">
                                                    <label class="btn btn-transparent btn-sm active">
                                                        <input type="radio">
                                                        요구사항 변경 모드
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label"
                                               for="editview_req_pdservice_name">
                                            요구사항 제품(서비스) :
                                        </label>
                                        <div class="controls form-group" style="margin-bottom: 10px;">
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <i class="glyphicon glyphicon-gift"></i>
                                                </span>
                                                <input id="editview_req_pdservice_name"
                                                       disabled="disabled"
                                                       class="form-control font13 darkBack"
                                                       style="color: #a4c6ff;"
                                                       size="16"
                                                       type="text"
                                                       placeholder="제품(서비스)명을 입력해 주세요">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label"
                                               for="edit_multi_version">
                                            요구사항 연관 버전 :
                                        </label>
                                        <div class="controls form-group"
                                             style="margin-bottom: 10px;">
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <i class="glyphicon glyphicon-gift"></i>
                                                </span>
                                                <select multiple="multiple"
                                                        id="edit_multi_version"
                                                        class="multiple-select btn-block darkBack"
                                                        placeholder="Select Version"
                                                        style="color: #a4c6ff;">
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label"
                                               for="editview_req_id">
                                            요구사항 아이디 :
                                        </label>
                                        <div class="controls form-group"
                                             style="margin-bottom: 10px;">
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <i class="glyphicon glyphicon-gift"></i>
                                                </span>
                                                <input id="editview_req_id"
                                                       disabled="disabled"
                                                       class="form-control font13 darkBack"
                                                       style="color: #a4c6ff;"
                                                       size="16"
                                                       type="text"
                                                       placeholder="제품(서비스)명을 입력해 주세요">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label"
                                               for="editview_req_name">
                                            요구사항 제목 :
                                        </label>
                                        <div class="controls form-group"
                                             style="margin-bottom: 10px;">
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <i class="glyphicon glyphicon-gift"></i>
                                                </span>
                                                <input id="editview_req_name"
                                                       class="form-control font13 darkBack"
                                                       style="color: #a4c6ff;"
                                                       size="16"
                                                       type="text"
                                                       placeholder="제품(서비스)명을 입력해 주세요">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label"
                                               for="editview_req_priority">
                                            요구사항 우선순위 :
                                        </label>
                                        <div class="controls form-group"
                                             style="margin-bottom: 10px;">
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <i class="glyphicon glyphicon-gift"></i>
                                                </span>
                                                <div id="editview_req_priority"
                                                     class="btn-group"
                                                     data-toggle="buttons">
                                                    <label class="btn btn-warning">
                                                        <input type="radio" name="options" id="editview_req_priority_option1">
                                                        낮음
                                                    </label>
                                                    <label class="btn btn-warning">
                                                        <input type="radio" name="options" id="editview_req_priority_option2">
                                                        중간
                                                    </label>
                                                    <label class="btn btn-warning">
                                                        <input type="radio" name="options" id="editview_req_priority_option3">
                                                        높음
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label"
                                               for="editview_req_status">
                                            요구사항 상태 :
                                        </label>
                                        <div class="controls form-group"
                                             style="margin-bottom: 10px;">
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <i class="glyphicon glyphicon-gift"></i>
                                                </span>
                                                <input id="editview_req_status"
                                                       disabled="disabled"
                                                       class="form-control font13 darkBack"
                                                       style="color: #a4c6ff;"
                                                       size="16"
                                                       type="text"
                                                       placeholder="제품(서비스)명을 입력해 주세요">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label"
                                               for="editView-req-writer">
                                            요구사항 작성자 :
                                        </label>
                                        <div class="controls form-group"
                                             style="margin-bottom: 10px;">
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <i class="glyphicon glyphicon-gift"></i>
                                                </span>
                                                <input id="editView-req-writer"
                                                       disabled="disabled"
                                                       class="form-control font13 darkBack"
                                                       style="color: #a4c6ff;"
                                                       size="16"
                                                       type="text"
                                                       placeholder="제품(서비스)명을 입력해 주세요">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label"
                                               for="editview_req_write_date">
                                            요구사항 최근 작성일 :
                                        </label>
                                        <div class="controls form-group"
                                             style="margin-bottom: 10px;">
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <i class="glyphicon glyphicon-gift"></i>
                                                </span>
                                                <input id="editview_req_write_date"
                                                       disabled="disabled"
                                                       class="form-control font13 darkBack"
                                                       style="color: #a4c6ff;"
                                                       size="16"
                                                       type="text"
                                                       placeholder="제품(서비스)명을 입력해 주세요">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label"
                                               for="editview_req_reviewers">
                                            요구사항 리뷰어 :
                                        </label>
                                        <div class="controls form-group"
                                             style="margin-bottom: 10px;">
                                            <div class="input-group">
                                                <span class="input-group-addon">
                                                    <i class="glyphicon glyphicon-gift"></i>
                                                </span>
                                                <select id="editview_req_reviewers"
                                                        class="js-data-example-ajax form-control font13 darkBack"
                                                        name="selectedReviewers[]"
                                                        multiple="multiple"
                                                        style="width: 100%; color: #a4c6ff;">
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label class="control-label"
                                               for="edit_tabmodal_editor">
                                            요구사항 내용 :
                                        </label>
                                        <div class="controls form-group"
                                             style="margin-bottom: 10px;">
                                            <div class="input-group"
                                                 style="padding-top: 5px;">
                                                <code>
                                                    <i class="fa fa-long-arrow-right"></i>
                                                    입력창이 좁다면 하단의 팝업으로 편집하기를 활용하세요
                                                    <i class="fa fa-long-arrow-left"></i>
                                                </code>
                                            </div>
                                        </div>
                                        <div class="controls form-group">
                                            <div class="col-sm-12">
                                                <div id="edit_tabmodal_editor"
                                                     class="darkBack">
                                                    <p>요구사항 내용을 기록합니다.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-actions"
                                         style="float: right; margin-top: 0px !important;">
                                        <div>
                                            <button class="btn btn-warning"
                                                    data-target="#editModal"
                                                    data-toggle="modal"
                                                    id="edit_modal_btn"
                                                    type="button">
                                                팝업 창으로 편집 하기
                                            </button>
                                            <button type="button"
                                                    id="edit_tab_req_update"
                                                    class="btn btn-success">
                                                제품(서비스) 변경 사항 저장
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="report"
                                 class="tab-pane"
                                 style="padding-top: 10px !important">
                                <div style="margin-top: 10px;margin-bottom: 10px; border: 1px solid #0b67ff !important;"
                                     class="newReqDiv darkBack">
                                    <label id="new_req_regist02"
                                           class="btn btn-primary btn-transparent btn-sm active"
                                           data-target="#my_modal1"
                                           data-toggle="modal"
                                           style="width: 100%; background-color: #2477FF !important;">
                                        a-RMS의 신규 요구사항 등록하기
                                    </label>
                                </div>
                                <table class="display"
                                       id="req_table"
                                       style="width: 100%; overflow: hidden; border-top: 1px dashed rgba(51, 51, 51, 0.3);">
                                    <thead>
                                    <tr>
                                        <th>c_id</th>
                                        <th>c_left</th>
                                        <th>c_title</th>
                                    </tr>
                                    </thead>
                                </table>
                            </div>
                            <div id="doc"
                                 class="tab-pane"
                                 style="padding-top: 10px !important">
                                <div style="margin-top: 10px;margin-bottom: 10px; border: 1px solid #0b67ff !important;"
                                     class="newReqDiv darkBack">
                                    <label id="new_req_regist03"
                                           class="btn btn-primary btn-transparent btn-sm active"
                                           data-target="#my_modal1"
                                           data-toggle="modal"
                                           style="width: 100%; background-color: #2477FF !important;">
                                        a-RMS의 신규 요구사항 등록하기
                                    </label>
                                </div>
                                <div class="col-md-12">
                                    <div class="dd" id="nestable1">
                                        <ol class="dd-list">

                                        </ol>
                                    </div>
                                </div>
                            </div>
                            <div id="jira"
                                 class="tab-pane"
                                 style="padding-top: 10px !important">
                                <div style="margin-top: 10px;margin-bottom: 10px;"
                                     class="darkBack">
                                    <label id="req_jiraver_connect_change"
                                           class="btn btn-success btn-sm"
                                           style="width: 100%;">
                                        요구사항 - JIRA 연결 정보 변경하기 ( 선택한 요구사항 한정 )
                                    </label>
                                </div>
                                <table class="display"
                                       id="jira_ver_table"
                                       style="width: 100%; overflow: hidden; border-top: 1px dashed rgba(51, 51, 51, 0.3);">
                                </table>
                            </div>

                            <div id="history"
                                 class="tab-pane"
                                 style="padding-top: 10px !important">
                                <!-- The timeline -->
                                <ul class="timeline timeline-inverse">
                                    <!-- timeline time label -->
                                    <li class="time-label">
                                        <a class="btn btn-danger btn-sm">
                                            a-RMS 모든 이력을 시간순으로 표시 :
                                            <i class="fa fa-check"></i>
                                        </a>
                                    </li>
                                    <!-- /.timeline-label -->
                                    <!-- timeline item -->
                                    <li class="timeline-item-head">
                                        <i class="fa fa-search bg-maroon"></i>
                                        <div class="timeline-item"
                                             style="line-height: 2.0 !important;">
                                            <span class="arrow"></span>
                                            <div class="col-sm-5"
                                                 style="padding-top: 12px;">
                                                <div class="input-group">
                                                    <span class="input-group-btn">
                                                        <a href="#"
                                                           id="btn_start_calendar_popup"
                                                           class="btn btn-warning"
                                                           data-date-format="yyyy/mm/dd"
                                                           data-date="2022/11/11">
                                                            <i class="fa fa-calendar"></i>
                                                        </a>
                                                    </span>
                                                    <input id="input_req_start_date"
                                                           class="form-control"
                                                           type="text"
                                                           name="btn_enabled_date"
                                                           value="검색 시작 날짜"
                                                           pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/" />
                                                </div>
                                            </div>
                                            <div class="col-sm-5" style="padding-top: 12px;">
                                                <div class="input-group">
                                                        <span class="input-group-btn">
                                                            <a href="#" id="btn_end_calendar_popup"
                                                               class="btn btn-warning" data-date-format="yyyy/mm/dd"
                                                               data-date="2022/11/11">
                                                                <i class="fa fa-calendar"></i>
                                                            </a>
                                                        </span>
                                                    <input id="input_req_end_date"
                                                           class="form-control"
                                                           type="text"
                                                           name="btn_enabled_date"
                                                           value="검색 종료 날짜"
                                                           pattern="/^\d{4}\/(0[1-9]|1[012])\/(0[1-9]|[12][0-9]|3[01])$/" />
                                                </div>
                                            </div>
                                            <div class="col-sm-2"
                                                 style="padding-top: 12px;">
                                                <button type="button"
                                                        class="btn btn-warning"
                                                        id="logsearch">
                                                    Search
                                                </button>
                                            </div>
                                            <h3 class="timeline-header"
                                                style="padding: 0px !important; font-size: 11px;">
                                                &nbsp;
                                            </h3>
                                        </div>
                                    </li>
                                    <!-- END timeline item -->
                                    <!-- timeline item -->
                                    <li class="timeline-item-body">
                                        <i class="fa fa-balance-scale bg-maroon"></i>
                                        <div class="timeline-item">
                                            <span class="arrow"></span>
                                            <span class="time">
                                                <i class="fa fa-clock-o"></i>
                                                09:00 (MON)
                                            </span>

                                            <h3 class="timeline-header">
                                                <a href="http://www.313.co.kr/confluence"
                                                   target="_blank">
                                                    착수
                                                </a>
                                                <small class="font11">
                                                    제품(서비스) 등록, 버전 등록
                                                </small>
                                            </h3>

                                            <div class="timeline-body col-md-4 font11">
                                                <a href="http://www.313.co.kr/confluence"
                                                   target="_blank"
                                                   class="btn bg-maroon btn-xs"
                                                   style="font-size: 11px;">
                                                    <i class="fa fa-share"></i>
                                                    Confluence by 313 DEV GRP
                                                </a>
                                            </div>
                                            <div class="timeline-footer col-md-8 font12 fontw600">
                                                Input : Plan & Opinion & Idea<br>
                                                Skill : Negotiation<br>
                                                Output : Requirements<br>
                                                System : Atlassian Confluence ( Online Document System )
                                            </div>
                                        </div>
                                    </li>
                                    <!-- END timeline item -->
                                    <!-- timeline item -->
                                    <li class="timeline-item-body">
                                        <i class="fa fa-check-square-o bg-yellow"></i>

                                        <div class="timeline-item">
                                            <span class="time">
                                                <i class="fa fa-clock-o"></i>
                                                10:00 (TUE)
                                            </span>

                                            <h3 class="timeline-header">
                                                <a href="http://www.313.co.kr/confluence"
                                                   target="_blank">
                                                    기획
                                                </a>
                                                <small class="font11">요구사항 등록</small>
                                            </h3>

                                            <div class="timeline-body col-md-4 font11">
                                                <a href="http://www.313.co.kr/confluence"
                                                   target="_blank"
                                                   class="btn bg-yellow btn-xs"
                                                   style="font-size: 11px;">
                                                    <i class="fa fa-share"></i>
                                                    Confluence by 313 DEV GRP
                                                </a>
                                            </div>
                                            <div class="timeline-footer col-md-8 font12 fontw600">
                                                Input : Requirements<br>
                                                Skill : Requirements engineering<br>
                                                Output : SRS ( Software Requirements Specification )<br>
                                                System : Atlassian Confluence ( Online Document System )
                                            </div>
                                        </div>
                                    </li>
                                    <!-- END timeline item -->
                                    <!-- timeline item -->
                                    <li class="timeline-item-body">
                                        <i class="fa fa-cubes bg-teal"></i>

                                        <div class="timeline-item">
                                            <span class="time">
                                                <i class="fa fa-clock-o"></i>
                                                12:00 (WED)
                                            </span>

                                            <h3 class="timeline-header">
                                                <a href="http://www.313.co.kr/jira"
                                                   target="_blank">
                                                    실행 및 이행
                                                </a>
                                                <small class="font11">JIRA 전파</small>
                                            </h3>

                                            <div class="timeline-body col-md-4 font11">
                                                <a href="http://www.313.co.kr/jira"
                                                   target="_blank"
                                                   class="btn bg-teal btn-xs"
                                                   style="font-size: 11px;">
                                                    <i class="fa fa-share"></i>
                                                    Jira by 313 DEV GRP
                                                </a>
                                            </div>
                                            <div class="timeline-footer col-md-8 font12 fontw600">
                                                Input : SRS ( Software Requirements Specification )<br>
                                                Skill : Architecture design<br>
                                                Output : SDS ( Software Design Specification )<br>
                                                System : Atlassian Jira ( Issue Management System )
                                            </div>
                                        </div>
                                    </li>
                                    <!-- END timeline item -->
                                    <!-- timeline time label -->
                                    <!-- /.timeline-label -->
                                    <!-- timeline item -->
                                    <li class="timeline-item-body">
                                        <i class="fa fa-sitemap bg-light-blue"></i>

                                        <div class="timeline-item">
                                            <span class="time">
                                                <i class="fa fa-clock-o"></i>
                                                15:00 (THU)
                                            </span>

                                            <h3 class="timeline-header">
                                                <a href="https://github.com/jstree"
                                                   target="_blank">
                                                    실행 및 이행
                                                </a>
                                                <small class="font11">Developers 개발</small>
                                            </h3>

                                            <div class="timeline-body col-md-4 font11">
                                                <a href="https://github.com/jstree"
                                                   target="_blank"
                                                   class="btn bg-light-blue btn-xs"
                                                   style="font-size: 11px;">
                                                    <i class="fa fa-share"></i>
                                                    GitHub by 313 DEV GRP
                                                </a>
                                                <a href="http://www.313.co.kr/fecru"
                                                   target="_blank"
                                                   class="btn bg-light-blue btn-xs"
                                                   style="font-size: 11px;">
                                                    <i class="fa fa-share"></i>
                                                    Fecru by 313 DEV GRP
                                                </a>
                                                <a href="http://www.313.co.kr/bamboo"
                                                   target="_blank"
                                                   class="btn bg-light-blue btn-xs"
                                                   style="font-size: 11px;">
                                                    <i class="fa fa-share"></i>
                                                    Bamboo by 313 DEV GRP
                                                </a>
                                            </div>
                                            <div class="timeline-footer col-md-8 font12 fon">
                                                Input : SDS ( Software Design Specification )<br>
                                                Skill : Coding<br>
                                                Output : Source Code & Artifacts<br>
                                                System : GitHub ( Software Version Management )
                                            </div>
                                        </div>
                                    </li>
                                    <!-- END timeline item -->
                                    <!-- timeline item -->
                                    <li class="timeline-item-body">
                                        <i class="fa fa-bug bg-purple"></i>

                                        <div class="timeline-item">
                                            <span class="time"><i class="fa fa-clock-o"></i> 17:00 (FRI)</span>

                                            <h3 class="timeline-header"><a href="https://github.com/jstree" target="_blank">감시 및 통제</a> <small class="font11">QA 및 체크리스트</small></h3>

                                            <div class="timeline-body col-md-4 font11">
                                                <a href="http://www.313.co.kr/analysis" target="_blank" class="btn bg-purple btn-xs" style="font-size: 11px;"><i class="fa fa-share"></i> Project Analysis by 313 DEV GRP</a>
                                                <a href="http://www.313.co.kr/nexus" target="_blank" class="btn bg-purple btn-xs" style="font-size: 11px;"><i class="fa fa-share"></i> Nexus by 313 DEV GRP</a>
                                                <a href="http://www.313.co.kr/sonar" target="_blank" class="btn bg-purple btn-xs" style="font-size: 11px;"><i class="fa fa-share"></i> Sonar by 313 DEV GRP</a>
                                            </div>
                                            <div class="timeline-footer col-md-8 font12 fontw600">
                                                Input : Source Code & Artifacts<br>
                                                Skill : Quality Assurance<br>
                                                Output : TCR ( Test Case Result )<br>
                                                System : SonarQube
                                            </div>
                                        </div>
                                    </li>
                                    <!-- END timeline item -->
                                    <!-- timeline time label -->
                                    <!-- /.timeline-label -->
                                    <!-- timeline item -->
                                    <li class="timeline-item-body">
                                        <i class="fa fa-train bg-black"></i>

                                        <div class="timeline-item">
                                            <span class="time"><i class="fa fa-clock-o"></i> 18:00 (SAT)</span>

                                            <h3 class="timeline-header"><a href="https://github.com/jstree" target="_blank">종료</a> <small class="font11">보고</small></h3>

                                            <div class="timeline-body col-md-4 font11">
                                                <a href="https://hub.docker.com/u/313devgrp/" target="_blank" class="btn bg-black btn-xs" style="font-size: 11px;"><i class="fa fa-share"></i> DockerHub by 313 DEV GRP</a>
                                            </div>
                                            <div class="timeline-footer col-md-8 font12 fontw600">
                                                Input : TCR ( Test Case Result )<br>
                                                Skill : Lessons learned and retrospective<br>
                                                Output : Container<br>
                                                System : Docker ( Cloud Operating system )
                                            </div>
                                        </div>
                                    </li>
                                    <!-- END timeline item -->
                                    <li class="timeline-item-body">
                                        <i class="fa fa-clock-o bg-gray"></i>
                                    </li>
                                </ul>
                            </div>
                            <div class="body-middle">
                                <form
                                        id="fileupload"
                                        action="uploadFileToNode.do"
                                        method="POST"
                                        enctype="multipart/form-data"
                                >
                                    <input type="hidden" id="fileIdLink" value="">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div id="dropzone" class="dropzone">
                                                <i class="fa fa-cloud-upload"></i>
                                                Drop files here
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-12 fileupload-progress fade font12">
                                            <!-- The global progress bar -->
                                            <div
                                                    class="progress progress-success progress-striped active font12"
                                                    role="progressbar"
                                                    aria-valuemin="0"
                                                    aria-valuemax="100"
                                            >
                                                <div class="bar" style="width: 0%"></div>
                                            </div>
                                            <!-- The extended global progress information -->
                                            <div class="progress-extended font12">&nbsp;</div>
                                        </div>
                                    </div>
                                    <div class="form-actions fileupload-buttonbar no-margin">
                                        <span class="btn btn-sm btn-inverse fileinput-button">
                                            <i class="fa fa-plus"></i>
                                            <span>Add files...</span>
                                            <input type="file" name="files[]" multiple="" />
                                        </span>
                                        <button type="submit" class="btn btn-inverse btn-sm start">
                                            <i class="fa fa-upload"></i>
                                            <span>Start upload</span>
                                        </button>
                                        <button type="reset" class="btn btn-inverse btn-sm cancel">
                                            <i class="fa fa-ban"></i>
                                            <span>Cancel upload</span>
                                        </button>
                                    </div>
                                    <div class="fileupload-loading">
                                        <i class="fa fa-spin fa-spinner"></i>
                                    </div>
                                    <!-- The table listing the files available for upload/download -->
                                    <table
                                            role="presentation"
                                            class="table table-striped"
                                            style="margin-bottom: 5px"
                                    >
                                        <tbody
                                                class="files"
                                                data-toggle="modal-gallery"
                                                data-target="#modal-gallery"
                                        ></tbody>
                                    </table>
                                </form>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </section>
</div>

<div
        id="my_modal1"
        class="modal fade"
        role="dialog"
        aria-labelledby="myModalLabel"
        aria-hidden="true"
        style="display: none"
>
    <div class="modal-dialog" style="width: 90%; height: 70%">
        <div class="modal-content modalDarkBack">
            <div class="modal-header" style="padding: 0px; border-bottom: 0px">
                <button
                        type="button"
                        class="close"
                        data-dismiss="modal"
                        aria-hidden="true"
                        style="color: #ffffff; font-size: 20px; opacity: 0.8; padding: 5px"
                >
                    ×
                </button>
                <h4
                        class="modal-title font14"
                        id="my_modal_label1"
                        style="color: #f8f8f8; text-align: left; padding: 5px"
                >
                    <span class="font13" style="font-weight: bold">
                        <i class="fa fa-edit"></i> 신규 요구사항 등록 팝업
                    </span>
                    <section class="search-result" style="border-left: 5px solid #e5603b">
                        <p style="font-size: 13px; margin: 5px 0px 0px 0px; padding-left: 5px">
                            a-RMS에 신규 요구사항을 등록합니다.
                        </p>
                    </section>
                </h4>
            </div>
            <div class="modal-body" style="padding: 5px">
                <form class="form-horizontal" method="post">
                    <fieldset>
                        <br>
                        <div class="control-group col-sm-12">
                            <div class="controls form-group  col-sm-1">
                                &nbsp;
                            </div>
                            <label for="title" class="control-label" style="color: #f8f8f8;">요구사항 등록 모드 <span class="required">*</span>
                                <span class="input-group-addon" style="display: inline !important;">
                                    <i class="glyphicon glyphicon-gift"></i>
                                </span>
                            </label>
                            <div class="controls form-group col-sm-8">
                                <div class="btn-group" data-toggle="buttons">
                                    <label class="btn btn-transparent btn-sm active" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default">
                                        <input type="radio" name="reqType" value="default"> 일반 요구사항 등록 모드
                                    </label>
                                    <label class="btn btn-transparent btn-sm" data-toggle-class="btn-primary" data-toggle-passive-class="btn-default">
                                        <input type="radio" name="reqType" value="folder"> 폴더 형식으로 등록
                                    </label>
                                </div>
                            </div>
                        </div>
                        <br>
                        <div class="control-group col-sm-12">
                            <div class="controls form-group  col-sm-1">
                                &nbsp;
                            </div>
                            <label for="title" class="control-label" style="color: #f8f8f8;">반영 제품(서비스) <span class="required">*</span>
                                <span class="input-group-addon" style="display: inline !important;">
                                    <i class="glyphicon glyphicon-gift"></i>
                                </span>
                            </label>
                            <div class="controls form-group  col-sm-8">
                                <input type="text" id="disabled_input_pdservice" class="form-control" disabled="disabled" value="">
                            </div>
                        </div>
                        <div class="control-group col-sm-12" id="popup_version_div">
                            <div class="controls form-group  col-sm-1">
                                &nbsp;
                            </div>
                            <label for="title" class="control-label" style="color: #f8f8f8;">반영 버전 <span class="required">*</span>
                                <span class="input-group-addon" style="display: inline !important;">
                                    <i class="glyphicon glyphicon-gift"></i>
                                </span></label>
                            <div class="controls form-group  col-sm-8">
                                <select multiple="multiple" id="popup_version" class="multiple-select btn-block darkBack" placeholder="&nbsp;&nbsp;Select Version">
                                </select>
                            </div>
                        </div>
                        <div class="control-group col-sm-12" id="popup_reviewer_div">
                            <div class="controls form-group  col-sm-1">
                                &nbsp;
                            </div>
                            <label class="control-label" for="editview_req_reviewers" style="color: #f8f8f8;">
                                반영 리뷰어 &nbsp;
                                <span class="required">*</span>
                            </label>
                            <div class="controls form-group" style="margin-bottom: 10px;">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-gift"></i></span>
                                    <select id="popup_pdservice_reviewers" class="js-data-example-ajax form-control font13 darkBack"
                                            name="selectedReviewers[]" multiple="multiple" style="width: 100%;"></select>
                                </div>
                            </div>
                        </div>
                        <div class="control-group col-sm-12" id="popup_priority_div">
                            <div class="controls form-group  col-sm-1">
                                &nbsp;
                            </div>
                            <label class="control-label" style="color: #f8f8f8;">
                                요구사항 우선순위
                                <span class="required">*</span>
                                <span class="input-group-addon" style="display: inline !important;">
                                    <i class="glyphicon glyphicon-gift"></i>
                                </span>
                            </label>
                            <div class="controls form-group col-sm-8">
                                <div class="btn-group" data-toggle="buttons">
                                    <label class="btn btn-warning">
                                        <input type="radio" name="options" id="option1"> 낮음
                                    </label>
                                    <label class="btn btn-warning">
                                        <input type="radio" name="options" id="option2"> 중간
                                    </label>
                                    <label class="btn btn-warning">
                                        <input type="radio" name="options" id="option3"> 높음
                                    </label>
                                </div>
                            </div>
                        </div>
                        <div class="control-group col-sm-12">
                            <div class="controls form-group  col-sm-1">
                                &nbsp;
                            </div>
                            <label for="req_title" class="control-label" style="color: #f8f8f8;">요구사항 제목 <span class="required">*</span>
                                <span class="input-group-addon" style="display: inline !important;">
                                    <i class="glyphicon glyphicon-gift"></i>
                                </span></label>
                            <div class="controls form-group  col-sm-8">
                                <input type="text" id="req_title" name="title" class="form-control parsley-validated" required="required">
                            </div>
                        </div>
                        <div class="control-group col-sm-12">
                            <div class="controls form-group  col-sm-1">
                                &nbsp;
                            </div>
                            <label for="modal_editor" class="control-label" style="color: #f8f8f8;">요구사항 내용 <span class="required">*</span>
                                <span class="input-group-addon" style="display: inline !important;">
                                    <i class="glyphicon glyphicon-gift"></i>
                                </span></label>
                            <div class="controls form-group  col-sm-12">
                                <div id="modal_editor" class="darkBack">
                                    <p>요구사항 내용을 기록합니다.</p>
                                </div>
                            </div>

                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer" style="
                 background-color: transparent;
                 padding: 5px;
                 text-align: right;
                 border-top: 0px;">
                <button type="button" id="close_req" class="btn btn-default" data-dismiss="modal">
                    Close
                </button>
                <button type="button" id="save_req" class="btn btn-success">
                    신규 요구사항 저장
                </button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>

<!-- page specific application css/js -->
<style type="text/css">
    .modalDarkBack{
        background: rgb(51 51 51 / 94%) !important;
        border: 1px solid rgb(51 51 51) !important;
    }

    .new-tab-open .product-handler,
    .new-tab-open .pull-right {
        display: none;
    }

    .product-handler {
        display: flex;
        justify-content: space-between;
    }
    .product-handler__group {
        display: flex;
        gap: 7px;
    }
    .product-handler .btn-block {
        margin: 0;
        max-width: 160px;
    }
    .btn:focus,
    .btn:active:focus {
        outline: 0px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }
    .input-wrap {
        display: flex;
        height: 30px;
        margin-bottom: 7px;
    }
    .input-wrap .input-group-addon {
        width: 40px;
        height: 30px;
    }
    .input-wrap .select2-selection--single,
    .input-wrap .select2-selection--multiple {
        height: 30px !important;
        min-height: 30px !important;
    }
    .input-wrap .select2-selection__placeholder {
        padding-left: 2px !important;
    }
    .input-wrap .select2-selection--multiple ul {
        padding-left: 10px !important;
    }
    .input-wrap .select2-search--inline,
    .input-wrap .select2-search--inline input {
        width: 100% !important;
    }
    .form-control:focus {
        box-shadow: none;
    }

    #service-reviewers,
    #service-reviewers a {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 0;
    }

    #service-reviewers a {
        gap: 5px;
    }

    .profile-image {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        overflow: hidden;
    }
    .profile-image img {
        width: 100%;
    }

.btn-transparent.active {
    color: white;
    background: rgba(51, 51, 51, 0.55);
    color: #ffffff;
    background-color: #e5603b;
    border-color: rgba(0, 0, 0, 0.15);
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.select2-search__field::-webkit-input-placeholder,
.select2-search__field::placeholder {
    color: #999 !important;
    padding-left: 6px;
}



    /**
     * Nestable
     */
    .dd {
        position: relative;
        display: block;
        margin: 0;
        padding: 0;
        max-width: 600px;
        list-style: none;
        font-size: 13px;
        line-height: 20px;
    }

    .dd-list {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .dd-list .dd-list {
        padding-left: 30px;
    }

    .dd-collapsed .dd-list {
        display: none;
    }

    .dd-item,
    .dd-empty,
    .dd-placeholder {
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        min-height: 20px;
        font-size: 13px;
        line-height: 20px;
    }

    .dd-handle {
        display: block;
        margin: 5px 0;
        padding: 5px 10px;
        color: #f8f8f8;
        text-decoration: none;
        background: rgba(51, 51, 51, 0.4);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .dd-item > button {
        display: block;
        position: relative;
        cursor: pointer;
        float: left;
        width: 25px;
        height: 20px;
        margin: 5px 0;
        padding: 0;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        border: 0;
        background: transparent;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        font-weight: bold;
        color: #f8f8f8;
    }

    .dd-item > button:before {
        content: '+';
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        text-indent: 0;
    }

    .dd-item > button[data-action="collapse"]:before {
        content: '-';
    }

    .dd-placeholder,
    .dd-empty {
        margin: 5px 0;
        padding: 0;
        min-height: 30px;
        background: rgba(51, 51, 51, 0.2);
        border: 1px dashed rgba(255, 255, 255, 0.6);
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .dd-empty {
        border: 1px dashed rgba(255, 255, 255, 0.6);
        min-height: 100px;
        background-size: 60px 60px;
        background-position: 0 0, 30px 30px;
    }

    .dd-dragel {
        position: absolute;
        pointer-events: none;
        z-index: 9999;
    }

    .dd-dragel > .dd-item .dd-handle {
        margin-top: 0;
    }

    .dd-dragel .dd-handle {
        -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
    }

    /**
     * Nestable Extras
     */
    .nestable-lists {
        display: block;
        clear: both;
        padding: 30px 0;
        width: 100%;
        border: 0;
        border-top: 2px solid #ddd;
        border-bottom: 2px solid #ddd;
    }

    @media only screen and (min-width: 700px) {
        .dd + .dd {
            margin-left: 2%;
        }
    }
    .dd-hover > .dd-handle {
        background: #2ea8e5 !important;
    }

    /**
     * Nestable Draggable Handles
     */
    .dd3-content {
        display: block;
        height: 30px;
        margin: 5px 0;
        padding: 5px 10px 5px 40px;
        color: #333;
        text-decoration: none;
        font-weight: bold;
        border: 1px solid #ccc;
        background: #fafafa;
        background: -webkit-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
        background: -moz-linear-gradient(top, #fafafa 0%, #eeeeee 100%);
        background: linear-gradient(top, #fafafa 0%, #eeeeee 100%);
        -webkit-border-radius: 3px;
        border-radius: 3px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .dd3-content:hover {
        color: #2ea8e5;
        background: #fff;
    }

    .dd-dragel > .dd3-item > .dd3-content {
        margin: 0;
    }

    .dd3-item > button {
        margin-left: 30px;
    }

    .dd3-handle {
        position: absolute;
        margin: 0;
        left: 0;
        top: 0;
        cursor: pointer;
        width: 30px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        border: 1px solid #aaa;
        background: #ddd;
        background: -webkit-linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
        background: -moz-linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
        background: linear-gradient(top, #dddddd 0%, #bbbbbb 100%);
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .dd3-handle:before {
        content: 'тЙб';
        display: block;
        position: absolute;
        left: 0;
        top: 3px;
        width: 100%;
        text-align: center;
        text-indent: 0;
        color: #fff;
        font-size: 20px;
        font-weight: normal;
    }

    .dd3-handle:hover {
        background: #ddd;
    }

    /*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
    .datepicker {
        top: 0;
        left: 0;
        padding: 4px;
        margin-top: 1px;
        color: #555555;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        -ms-border-radius: 1px;
        -o-border-radius: 1px;
        border-radius: 1px;
        /*.dow {
            border-top: 1px solid #ddd !important;
        }*/
    }

    .datepicker:before {
        content: "";
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: -7px;
        left: 6px;
    }

    .datepicker:after {
        content: "";
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid white;
        position: absolute;
        top: -6px;
        left: 7px;
    }

    .datepicker>div {
        display: none;
    }

    .datepicker table {
        width: 100%;
        margin: 0;
    }

    .datepicker td,
    .datepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        -ms-border-radius: 1px;
        -o-border-radius: 1px;
        border-radius: 1px;
    }

    .datepicker td.day:hover {
        background: #f8f8f8;
        cursor: pointer;
    }

    .datepicker td.day.disabled {
        color: #f8f8f8;
    }

    .datepicker td.old,
    .datepicker td.new {
        color: white;
    }

    .datepicker td.active,
    .datepicker td.active:hover {
        background: #618fb0;
        color: #fff;
    }

    .datepicker td span {
        display: block;
        width: 47px;
        height: 54px;
        line-height: 54px;
        float: left;
        margin: 2px;
        cursor: pointer;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        -ms-border-radius: 1px;
        -o-border-radius: 1px;
        border-radius: 1px;
    }

    .datepicker td span:hover {
        background: #eeeeee;
    }

    .datepicker td span.active {
        background: #618fb0;
        color: #fff;
    }

    .datepicker td span.old {
        color: #999999;
    }

    .datepicker th.switch {
        width: 145px;
    }

    .datepicker th.next,
    .datepicker th.prev {
        font-size: 19.5px;
    }

    .datepicker thead tr:first-child th {
        cursor: pointer;
    }

    .datepicker thead tr:first-child th:hover {
        background: #eeeeee;
    }
</style>