Files
MI-38/s1000d/Converter_Source/EDL/css/styles.css
2023-06-14 18:08:32 +03:00

1857 lines
32 KiB
CSS

* {
box-sizing: border-box;
outline: none;
}
html,
body {
height: 100%;
}
body {
font-family: RobotoRegular, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
background: #fff;
color: #212121;
}
a {
text-decoration: none;
color: rgb(124, 37, 41);
}
a:hover {
text-decoration: none;
opacity: .8;
color: rgb(157, 34, 53);
}
h1 {
font-size: 2em;
line-height: 1.5em;
text-align: center;
}
h2 {
text-align: center;
}
p {
margin: 0;
}
form.inTab {
display: block;
width: 70%;
margin: 20px auto;
}
.form_row {
margin: 15px 0;
}
.form_row input[type="text"],
.form_row input[type="number"],
.form_row select {
width: 100%;
height: 40px;
border: 1px solid #bfbaba;
border-radius: 4px;
padding: 0 5px;
}
.form_row input[type="text"]:focus,
.form_row input[type="number"]:focus,
.form_row select:focus {
border-color: rgb(157, 34, 53);
}
.form_row label {
display: block;
color: #929292;
padding-left: 15px;
}
.main-list_inset_body_tabs button {
width: 100%;
margin: 15px 0 0 0;
}
input[type="radio"],
input[type="checkbox"] {
width: 20px;
height: 20px;
cursor: pointer;
position: relative;
top: 3px;
opacity: 0;
}
input[type="radio"]+label,
input[type="checkbox"]+label {
cursor: pointer;
display: inline-block;
position: relative;
}
input[type="radio"]+label:before,
input[type="checkbox"]+label:before {
content: "";
position: absolute;
display: block;
width: 20px;
height: 20px;
top: 0;
left: -23px;
}
input[type="radio"]+label:before {
background: url(../images/radio.png) no-repeat;
background-position: 0 0;
}
input[type="checkbox"]+label:before {
background: url(../images/checkbox.png) no-repeat;
}
input[type="radio"]:checked+label:before,
input[type="checkbox"]:checked+label:before {
background-position: 0 -22px;
}
.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
text-shadow: none;
}
.white {
color: #ffffff;
font-size: 20px;
}
.header {
width: 100%;
min-width: 680px;
height: 90px;
background: rgb(124, 37, 41);
}
.container {
max-width: 100% !important;
min-width: 680px;
min-height: 100%;
margin: 0 auto;
padding: 0;
}
.container .container_cell {
height: 100%;
float: left;
}
.container .container_cell.wth-8 {
width: 8%;
}
.container .container_cell.wth-10 {
width: 10%;
}
.container .container_cell.wth-20 {
width: 20%;
}
.container .container_cell.wth-30 {
width: 30%;
}
.container .container_cell.wth-40 {
width: 40%;
}
.container .container_cell.wth-50 {
width: 50%;
}
.container .container_cell.wth-60 {
width: 60%;
}
.container .container_cell.wth-70 {
width: 70%;
}
.container .container_cell.wth-72 {
width: 72%;
}
.container .container_cell.wth-80 {
width: 80%;
}
.container .container_cell.wth-90 {
width: 90%;
}
.container .container_cell.wth-100 {
width: 100%;
}
.container .container_text {
padding: 0;
background: #fff;
font-family: 'RobotoRegular';
}
.container .container_text img {
display: block;
padding: 0px;
margin: 20px auto;
max-width: 100%;
clear: both;
}
.container .container_text img+img {
max-width: inherit;
}
.container .container_text a {
color: rgb(8, 43, 177);
text-decoration: underline;
}
.container .container_text .img_descript {
text-align: center;
display: block;
}
.container .container_text ul {
margin: 20px 0;
padding: 0;
list-style: none;
}
.container .container_text ul li {
margin-bottom: 5px;
position: relative;
padding-left: 15px;
}
.container .container_text ul li:before {
content: '';
display: block;
width: 6px;
height: 6px;
background: #01579b;
border-radius: 50%;
position: absolute;
left: 0;
top: 7px;
}
.container .container_text h3 {
font-size: 24px;
font-weight: normal;
}
.container .container_text ul.parent ul {
display: block;
}
.container .container_text ul.parent>li>span {
background: #282828;
color: #fff;
cursor: default;
}
.descript_img {
margin: 0;
}
.descript_img .column {
float: left;
padding-right: 20px;
}
.descript_img:after {
content: " ";
display: table;
clear: both;
}
.tableBox {
display: table;
height: 100%;
width: 100%;
}
.tableBox_cell {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.logotype {
width: 100%;
height: 90px;
}
.logotype a {
display: block;
height: 100%;
background: url(../images/logo_ru.png) no-repeat center;
}
.main {
overflow-x: hidden;
width: 100%;
min-height: 100%;
background: rgba(204, 204, 204, 0.30);
position: relative;
background: #fff;
}
.description {
height: 100%;
width: 100%;
margin: 0;
padding: 0 0 0 10px;
position: relative;
}
.description .description_body_arrow {
position: absolute;
width: 15px;
height: 15px;
right: 30px;
top: 30px;
background: url(../images/descript_arrow.png) no-repeat center;
z-index: 7;
cursor: pointer;
}
.description .description_body_arrow.opened {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.description .description_body {
position: absolute;
width: 98.5%;
min-height: 90px;
overflow: hidden;
text-overflow: ellipsis;
background: #01579b;
color: #fff;
padding: 25px 50px 20px 20px;
max-height: 9999px;
cursor: default;
}
.description .description_body .description_body_text {
font-size: 20px;
font-family: RobotoLight;
background: #01579b;
line-height: 20px;
}
.description .description_body .description_body_text.full {
top: -40px;
position: relative;
}
.description .description_body.closed {
max-height: 90px;
cursor: pointer;
}
.description:before,
.description:after {
content: '';
display: block;
width: 1px;
height: 50px;
position: absolute;
top: 50%;
margin-top: -25px;
background: #fff;
z-index: 1;
}
.description:before {
left: 11px;
}
.description:after {
right: 1px;
}
.description_body_fulltext {
display: none;
width: 100%;
position: absolute;
color: #fff;
background: #01579b;
font-size: 20px;
line-height: 24px;
font-family: RobotoLight;
padding: 25px 50px 20px 20px;
box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.35);
z-index: 6;
}
.main-menu-wrapp {
width: 100%;
min-width: 680px;
height: 40px;
background: #282828;
position: relative;
box-shadow: 0 6px 11px rgba(0, 0, 0, 0.3);
z-index: 3;
/*transition: all ease-in 0.3s;*/
}
/* .main-menu-wrapp.fix {
position: fixed;
top: 0px;
z-index: 8; }*/
.main-menu {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.main-menu .main-list {
/*text-align: justify;
-moz-text-align-last: justify;
text-align-last: justify;*/
list-style-type: none;
/*width: 95%;*/
height: 40px;
padding: 0;
margin: 0;
margin-left: 20px;
}
.main-menu .main-list:after {
content: "";
display: inline-block;
width: 100%;
height: 0;
overflow: hidden;
}
.main-menu .main-list .main-list_top {
display: inline-block;
position: relative;
}
.main-menu .main-list .main-list_top+.main-list_top {
margin-left: 40px;
}
.main-menu .main-list .main-list_top span.main-item {
line-height: 40px;
font-size: 20px;
color: #ababab;
}
.main-menu .main-list .main-list_top:before {
position: absolute;
content: "";
display: none;
width: 100%;
height: 4px;
top: 0;
background: transparent;
}
.main-menu .main-list .main-list_top:hover {
cursor: pointer;
}
.main-menu .main-list .main-list_top:hover:before,
.main-menu .main-list .main-list_top.selected:before {
display: block;
background: rgb(124, 37, 41);
}
.main-menu .main-list .main-list_top:hover span.main-item,
.main-menu .main-list .main-list_top.selected span.main-item {
color: #fff;
}
.right-menu-buttons {
display: flex;
justify-content: flex-end;
align-items: center;
}
.right-menu-buttons>div+div {
margin-left: 10px;
}
.right-menu-buttons .iconsBox_item {
position: relative;
width: 35px;
height: 35px;
background: url(../images/BG_rightIcon.png) center center no-repeat;
cursor: pointer;
background-size: 110%;
}
.right-menu-buttons .iconsBox_item .R_icon.cart {
background: url(../images/cart.png) no-repeat;
background-position: 2px 0px;
background-size: 69%;
width: 25px;
height: 20px;
}
.right-menu-buttons .iconsBox_item .R_icon.bookmark {
background: none;
}
.right-menu-buttons .iconsBox_item .R_icon.bookmark svg {
width: auto;
height: 21px;
margin-left: 5px;
margin-top: 3px;
}
.right-menu-buttons .iconsBox_item .R_icon.sett {
background: none;
}
.right-menu-buttons .iconsBox_item .R_icon.sett svg {
width: auto;
height: 21px;
margin-left: 5px;
margin-top: 3px;
}
.main-list_inset,
.main-list_inset-search {
position: absolute;
width: 440px;
height: auto;
top: 40px;
/*box-shadow: 2px 2px 13px 0px rgba(0,0,0,0.25);*/
background: #fff;
left: -450px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
z-index: 1;
}
.main-list_inset_c {
width: 0px;
height: auto;
overflow-x: hidden;
position: absolute;
top: 120px;
right: 0px;
/*box-shadow: 2px 2px 13px 0px rgba(0,0,0,0.25); */
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.main-list_inset_c .main-list_inset_body .main-list_inset_body_title {
background: #282828;
}
.main-list_inset_c.visible {
width: 440px;
box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.25);
}
#dmc.main-list_inset {
position: fixed;
width: 440px;
height: auto;
top: 193px;
/*box-shadow: 2px 2px 13px 0px rgba(0,0,0,0.25);*/
background: #fff;
left: initial;
right: -450px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
z-index: 1;
}
#dmc.main-list_inset.visible {
right: 0;
}
#dmc .main-list_inset_body {
max-height: 300px;
min-height: 300px;
height: 300px;
}
#dmc .main-list_inset_body_tabs {
max-height: auto;
min-height: 300px;
height: auto;
}
.dmc-right-panel ul {
list-style: none;
padding: 10px 15px;
margin: 0;
}
.dmc-right-panel ul li {
vertical-align: top;
display: block;
}
.dmc-right-panel .idstatus {
padding: 0 15px;
box-sizing: border-box;
}
.dmc-right-panel .idstatus table {
width: 100%;
}
.dmc-right-panel a {
text-decoration: none;
line-height: 185%;
color: rgb(124, 37, 41);
}
.main-list_inset.visible {
left: 0;
}
.main-list_inset_body {
position: relative;
box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 0.25);
max-height: calc(100vh - 130px);
height: calc(100vh - 130px);
}
.main-list_inset_body .main-list_inset_body_title {
width: 100%;
height: 55px;
background: rgb(124, 37, 41);
color: #fff;
text-align: center;
font-size: 20px;
line-height: 55px;
cursor: pointer;
}
.main-list_inset_body_tabs {
background: #fff;
max-height: calc(100vh - 185px);
height: calc(100vh - 185px);
}
.main-list_inset_body_tabs:after {
content: " ";
display: table;
clear: both;
}
.tabs__content {
display: none;
background: #fff;
padding-bottom: 10px;
}
.mCSB_inside>.mCSB_container {
margin-right: 0;
}
.tabs__content.active {
display: block;
}
.tabs__content.active .btnCenter {
text-align: center;
}
.tabs__content.active button {
width: 80%;
display: inline-block;
}
.tabs__caption {
display: table;
width: 100%;
margin: 0;
padding: 0;
}
.tab_item {
display: table-cell;
width: 33.33%;
height: 60px;
text-align: center;
vertical-align: middle;
background: #dddddd;
color: #282828;
cursor: pointer;
}
.tab_item.active {
background: #282828;
color: #fff;
cursor: default;
}
ul.parent {
padding: 0;
margin: 0;
}
ul.parent li {
list-style: none;
cursor: pointer;
position: relative;
border-bottom: 1px solid #dddddd;
}
ul.parent li a {
margin: 0;
padding-right: 10px;
display: inherit;
color: #212121;
}
ul.parent li a:hover {
color: #01579b;
}
ul.parent>li {
color: #212121;
list-style: none;
cursor: pointer;
}
ul.parent>li span {
display: block;
padding: 10px 10px 10px 20px;
}
ul.parent>li.selected span {
background: #282828;
color: #fff;
}
ul.parent>li,
ul.parent>li li {
/*padding-left: 25px;*/
}
ul.parent>li:before,
ul.parent>li li span:before {
position: absolute;
display: block;
content: "";
background: url(../images/arrow_menu.png);
width: 13px;
height: 13px;
left: 0;
top: 15px;
}
ul.parent>li li {
border-bottom: 0;
}
ul.parent>li.selected:before {
background-position: 0px -16px;
}
ul.parent>li li.selected:before,
ul.parent>li li.selected span:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
ul.parent>li ul {
display: none;
padding: 3px 0 3px 15px;
}
ul.parent>li a {
display: block;
padding: 10px 10px 10px 20px;
}
ul.parent>li a i {
display: block;
font-size: 12px;
line-height: 12px;
font-weight: normal;
color: #888;
font-style: normal;
}
.container .container_text ul.parent>li a i {
color: #0c0c0c;
}
ul.parent>li span>a {
padding: 0px;
margin-left: 10px;
box-sizing: border-box;
}
#com ul.parent>li span>a el,
#com ul.parent>li li a el {
display: block;
font-size: 12px;
line-height: 12px;
font-weight: normal;
color: #888;
}
ul.parent>li.selected span>a {
color: #fff;
}
.button_wrapp {
margin: 20px auto;
text-align: center;
padding: 0 15%;
}
button {
border: none;
padding: 0 50px;
display: inline-block;
height: 50px;
color: #fff;
background: rgb(124, 37, 41);
font-size: 20px;
font-family: RobotoRegular, Arial, sans-serif;
margin: 10px;
border-radius: 5px;
}
button:hover {
background: rgb(157, 34, 53);
}
.iconsBox {
width: 70px;
height: auto;
position: fixed;
right: 0px;
top: 90px;
z-index: 4;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.iconsBox.moved {
width: 440px;
height: 64px;
position: fixed;
display: flex;
background: #282828;
top: 129px;
}
.iconsBox.moved .iconsBox_item {
background: #282828;
}
.iconsBox_item {
position: relative;
width: 67px;
height: 64px;
background: url(../images/BG_rightIcon.png) no-repeat;
cursor: pointer;
}
.iconsBox_item .R_icon {
display: block;
width: 33px;
height: 30px;
background: url(../images/rightIcons_sprite1.png) no-repeat;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.iconsBox_item .R_icon.lists {
background-position: 0 4px;
}
.iconsBox_item .R_icon.lists_img {
background-position: 0 -60px;
}
.iconsBox_item .R_icon.lists_multi {
background: none;
}
.iconsBox_item .R_icon.lists_multi svg {
max-width: 30px;
max-height: 30px;
}
.iconsBox_item .R_icon.lists_tables {
background-position: 0 -26px;
}
.iconsBox_item .R_icon.identif {
background-position: 0 -90px;
}
.iconsBox_item .R_icon.cart {
background: url(../images/cart.png) no-repeat;
background-position: 0 0px;
}
.iconsBox_item .R_icon.comment {
background: none;
}
.iconsBox_item .R_icon.comment svg {
width: 91%;
height: auto;
}
.iconsBox_item .R_icon.cart+span,
.R_icon.bookmark+span {
color: #fff;
background: #01579b;
border-radius: 10px;
padding: 4px 7px 5px;
font-size: 13px;
line-height: 13px;
font-family: RobotoRegular;
font-style: normal;
text-align: center;
position: absolute;
right: -9px;
top: -9px;
display: none;
}
.iconsBox_item.active .R_icon.lists,
.iconsBox.moved .iconsBox_item:hover .R_icon.lists {
background-position: 0 -121px;
}
.iconsBox_item.active .R_icon.lists_img,
.iconsBox.moved .iconsBox_item:hover .R_icon.lists_img {
background-position: 0 -185px;
}
.iconsBox_item.active .R_icon.lists_tables,
.iconsBox.moved .iconsBox_item:hover .R_icon.lists_tables {
background-position: 0 -151px;
}
.iconsBox_item.active .R_icon.identif,
.iconsBox.moved .iconsBox_item:hover .R_icon.identif {
background-position: 0 -215px;
}
.iconsBox_item.active .R_icon.cart,
.iconsBox.moved .iconsBox_item:hover .R_icon.cart {
background-position: 0 -30px;
}
.iconsBox.moved .R_icon.cart {
display: none;
}
.iconsBox_item.active {
box-sizing: border-box;
border-top: 4px solid rgb(124, 37, 41);
}
.iconsBox_item.hidemenu {
display: none;
position: absolute;
right: 0;
}
.iconsBox_item.hidemenu .R_icon.hidemenu {
background: url(../images/arrow_list.png) center center no-repeat;
display: none;
}
.iconsBox.moved .iconsBox_item.hidemenu,
.iconsBox.moved .iconsBox_item.hidemenu .R_icon.hidemenu {
display: block;
}
.tree-el {
display: inline-block;
padding: 8px 0;
padding-left: 10px;
}
.tree-el a {
display: block;
}
.tree-el span {
font-size: 12px;
line-height: 15px;
display: block;
}
.frame_msg {
width: 100%;
border: 70px solid #fff;
margin: 30px 0;
text-align: center;
}
.frame_msg.caution {
-o-border-image: url(../images/frame_yell.png) 65 round round;
border-image: url(../images/frame_yell.png) 65 round round;
}
.frame_msg.warning {
-o-border-image: url(../images/frame_red.png) 65 round round;
border-image: url(../images/frame_red.png) 65 round round;
}
.frame_msg_title {
text-align: center;
font-size: 20px;
text-transform: uppercase;
position: relative;
top: -15px;
}
.container_text table {
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
}
.container_text table th,
.container_text table td {
border: 1px solid #dddddd;
padding: 10px;
}
.S1000Dtable {
margin-bottom: 10px;
}
.container_text table th,
.S1000Dtable th tr,
.S1000Dtable thead tr,
.S1000Dformaltable thead tr,
.S1000Dformaltable th tr,
.S1000DIpdTable thead tr {
/*height: 40px;*/
background: rgb(124, 37, 41);
color: #fff;
font: 20px 'RobotoLight';
}
.container_text table td {
height: 40px;
vertical-align: top;
}
.container_text table tbody tr:nth-child(even) {
background: #ebebeb;
}
.container_text table.levelledPara {
border-bottom: 2px solid #ececec;
}
.container_text table.levelledPara table.levelledPara {
border-bottom: none;
}
.S1000DLevelledPara,
.S1000DProceduralStep {
display: flex;
border: 1px solid #ddd;
flex-wrap: wrap;
width: 100%;
}
.S1000DLevelledPara .S1000DLevelledPara {
border-left: none;
border-right: none;
}
.S1000DlevelledItemNum {
width: 100px;
min-width: 100px;
max-width: 100px;
box-sizing: border-box;
padding: 14px 10px;
border-right: 1px solid #ddd;
}
.S1000DlevelleditemC {
display: flex;
width: 100%;
}
.S1000DlevelleditemC .S1000DSidehead1 {
margin-bottom: 14px;
display: block;
}
.S1000DlevelleditemC .S1000DSidehead2 {
margin-bottom: 14px;
display: block;
}
.S1000DlevelleditemC .S1000DSidehead3 {
margin-bottom: 14px;
display: block;
}
.S1000DlevelleditemC .S1000DSidehead4 {
margin-bottom: 14px;
display: block;
}
.S1000DlevelleditemC .S1000DSidehead5 {
margin-bottom: 14px;
display: block;
}
.S1000DlevelledItemContent {
padding: 14px 10px;
width: 100%;
width: calc(100% - 100px);
max-width: 100%;
max-width: calc(100% - 100px);
}
.S1000DlevelledItemContent .S1000DcrewDrillStep,
.S1000DlevelledItemContent .S1000DcrewDrillConditionText {
margin: 0 -10px;
border-top: 1px solid #ddd;
}
.S1000DsubCrewDrill {
border-top: 1px solid #ddd;
margin: 0 -10px;
padding: 0 10px;
}
.S1000DlevelledItemContent .S1000DcrewDrillConditionText {
padding: 10px 14px;
}
.S1000DlevelleditemC .S1000Dpara {
margin-bottom: 7px;
}
.S1000DdisplayText {
width: 100%;
padding: 10px;
border-bottom: 1px solid #ccc;
font-weight: 700;
}
.container_text table.levelledPara tbody tr:nth-child(even) {
background: transparent;
}
.container_text table tbody tr.S1000Dlistitem:nth-child(even),
.container_text table tbody thead tr:nth-child(even),
.S1000Dtable thead tr:nth-child(even) {
background: transparent;
color: #333;
}
.container_text table.S1000DrandomList,
.container_text table.S1000DrandomList tr,
.container_text table.S1000DrandomList td {
border: none;
}
.container_text table.levelledPara>tbody>tr>td {
border: none;
}
.container .container_text .link-c li {
padding-left: 0;
}
.container .container_text .link-c li:before {
display: none;
}
.container .container_text .link-c .pmTreeItem span {
padding-bottom: 5px;
}
.container .container_text .link-c .pmTreeItem span:before {
display: none;
}
.container .container_text .link-c .pmTreeItem {
padding-bottom: 10px;
}
.container .container_text .link-c .pmTreeItem i span {
padding: 0;
padding-left: 20px;
}
.container .container_text .link-c .pmTreeItem i span a {
font-size: 0.85em;
color: #666;
font-style: normal;
}
.toTop {
position: fixed;
bottom: 30px;
right: 0;
width: 67px;
height: 64px;
background: url(../images/BG_rightIcon.png) no-repeat;
cursor: pointer;
display: block;
}
.toTop i {
display: block;
width: 33px;
height: 30px;
border: none;
background: url(../images/toTop.svg) no-repeat;
position: absolute;
left: -2px;
right: 0;
top: -7px;
bottom: 0;
margin: auto;
}
.toPrint{
position: fixed;
bottom: 90px;
right: 0;
width: 67px;
height: 64px;
background: url(../images/BG_rightIcon.png) no-repeat;
cursor: pointer;
display: block;
}
.toPrint i{
display: block;
width: 33px;
height: 30px;
border: none;
background: url(../images/toPrint.svg) no-repeat;
position: absolute;
left: -6px;
right: 0;
top: -7px;
bottom: 0;
margin: auto;
}
.addContent {
position: fixed;
bottom: 90px;
right: 0;
width: 67px;
height: 64px;
background: url(../images/BG_rightIcon.png) no-repeat;
cursor: pointer;
display: block;
}
.addContent i {
display: block;
width: 33px;
height: 30px;
border: none;
position: absolute;
left: -2px;
right: 0;
top: -7px;
bottom: 0;
margin: auto;
}
.addContent i svg {
height: 100%;
width: auto;
}
.addContent .svgMinus {
display: none;
}
.b4webJsonContainer {
position: relative;
}
.popupWindow {
display: none;
position: fixed;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.2);
overflow: auto;
/*display: flex;*/
/*justify-content: center;
align-items: center;*/
top: 0;
left: 0;
z-index: 1111;
}
.popupWindow .form-line {
display: flex;
justify-content: flex-start;
align-items: center;
}
.popupWindow .popupSettTable td {
padding: 0 10px 0 0;
}
.popupWindow .popupSettTable thead td {
padding: 5px;
}
.popupCont {
max-width: 1000px;
min-width: 800px;
background: #fff;
padding: 20px;
position: relative;
display: flexbox;
}
.popupContent {
margin: auto;
}
.popupCont .popupContent h1 {
margin-top: 0;
}
.popupCont .popupContent .createBookmarkForm {
padding: 10px;
}
.popupCont .popupContent .createBookmarkForm input {
width: 100%;
height: 40px;
box-sizing: border-box;
padding: 10px;
}
.closePopup {
position: absolute;
right: 5px;
top: 5px;
display: block;
width: 40px;
height: 40px;
background: url(../images/cross.png) no-repeat;
background-size: contain;
cursor: pointer;
}
.popupWindow.popupContentPart .popupCont {
max-width: 95%;
max-height: 95%;
height: 95%;
width: 95%;
margin-left: 2.5%;
margin-top: 1.25%;
padding-top: 50px;
}
.popupWindow.popupContentPart .popupCont object,
.popupWindow.popupContentPart .popupCont embed {
min-height: calc(100vh - 250px);
}
.cartContent,
.bookmarkContent {
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
}
.cartContent td,
.bookmarkContent td {
padding: 3px 5px;
border: 1px solid #dddddd;
}
.cartButtons {
margin-top: 20px;
}
.bookmarkButton {
display: inline-block;
width: 32px;
height: 32px;
/*background: #ccc;*/
}
.bookmarkButton svg {
width: 24px;
height: auto;
margin-top: 5px;
}
.changesRequest,
.changesRequestForm {
padding: 10px;
}
.changesRequestForm textarea {
width: 100%;
resize: vertical;
}
.S1000DSidehead1 {
font-size: 140%;
font-weight: bold;
}
.S1000DSidehead2 {
font-size: 130%;
font-weight: bold;
}
.S1000DSidehead3 {
font-size: 120%;
font-weight: bold;
}
.S1000DSidehead4 {
font-size: 110%;
font-weight: bold;
}
.S1000DSidehead5 {
font-weight: bold;
}
.S1000Dobjecttitle {
text-align: center;
margin-top: 15px;
margin-bottom: 10px;
}
/*.S1000DcrewDrillstep{
фикс разм
}*/
.S1000DlevelledItemContent .S1000DcrewDrillStep {
margin: 0 -10px;
}
.S1000DchallengeAndResponse {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 100%;
}
.S1000DsubCrewDrill {
box-sizing: border-box;
}
.S1000DchallengeAndResponse .S1000Dchallenge {
width: 300px;
}
.S1000DchallengeAndResponse .S1000DTDdotted {
width: 70px;
}
.S1000DchallengeAndResponse .S1000Dresponses {
width: auto;
width: calc(100% - 370px);
}
.S1000DchallengeAndResponse table td {
border: none;
padding: 0;
}
.S1000DchallengeAndResponse {
padding: 10px 0;
}
.S1000Dformaltable4 thead tr td {
width: 45%;
}
.S1000Dformaltable4 thead tr td+td {
width: 20%;
}
.S1000Dformaltable4 thead tr td+td+td {
width: 15%;
}
.S1000Dformaltable4 thead tr td+td+td+td {
width: auto;
}
.container_text table .S1000DCSNitem>td {
padding: 0;
border: none;
}
/*.S1000DIpdTable td{
word-break: break-all;
}*/
audio {
width: 100%;
}
.bookmarkLink {
padding-right: 30px;
}
.bookmarkLinkClose {
width: 20px;
height: 100%;
display: block;
top: 0;
right: 10px;
position: absolute;
background: url(../images/cross.png) center center no-repeat;
background-size: contain;
cursor: pointer;
}
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
/*.container{width: 768px;}*/
.logotype a {
background-size: contain;
}
.container .container_text {
padding-right: 60px;
padding-left: 0;
}
.descript_img {
font-size: 13px;
}
}
.uppercase {
text-transform: uppercase;
}
.S1000Dfigure {
margin: 20px 0;
}
.openImage,
.S1000Dfiguregraphic {
display: block;
overflow: hidden;
/*border: 1px solid #ececec;*/
}
.addToCartLink,
.addToCartInput {
display: none;
}
.addToCartInput {
width: 100%;
}
.S1000DBookmark {
display: none;
}
.S1000DBookmark.jsBookmark {
display: none;
box-sizing: border-box;
width: 32px;
height: 32px;
padding-left: 32px;
overflow: hidden;
background: url(../images/stars.png) right center no-repeat;
}
.S1000DBookmark.jsBookmark:hover {
background: url(../images/stars.png) left center no-repeat;
}
.custom_upload_wrap {
height: 150px;
border: 1px dashed rgba(0, 0, 0, 0.2);
background: white;
border-radius: 5px;
background-color: transparent;
position: relative;
display: block;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
margin: 20px 0;
}
.custom_upload {
height: 100%;
overflow: hidden;
cursor: pointer;
position: relative;
}
.custom_upload_button {
width: 100%;
height: 100%;
white-space: nowrap;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 15px;
}
.custom_upload input {
top: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 0;
position: absolute;
}
.custom_upload_button.file_selected,
.custom_upload_wrap:hover {
background: rgba(206, 241, 199, 0.5);
}
.custom_upload_delete {
top: 0;
bottom: 0;
right: 12px;
margin: auto;
width: 13px;
height: 13px;
display: block;
cursor: pointer;
position: absolute;
background: url(images/close.png) no-repeat;
}
.copyLink {
display: none;
}
.jsLinkCommentaryURN {
text-transform: uppercase;
}
.jsLinkCommentaryURN el {
text-transform: none;
}
.jsLinkCommentaryRightURN {
display: inline-grid;
max-width: 80%;
}
.jsLinkCommentaryRightURN el {
font-size: 0.8em;
color: #ccc;
display: block;
box-sizing: border-box;
}
.commentSub {
box-sizing: border-box;
padding: 0 20px 20px;
margin-top: 20px;
border: 1px solid #ccc;
}
.search_form {
display: flex;
box-sizing: border-box;
padding: 0 10px;
justify-content: flex-start;
}
.search_form .form_row {
width: 100%;
}
.search_form input,
.tabs__content.active .search_form button {
width: 100%;
display: inline-block;
}
.search_list {
display: none;
}
div[id^="tbl"] {
overflow: hidden;
width: 100%;
}
div[changeclass="S1000Ddelete_change"] {
background: rgba(255, 0, 0, 0.2);
}
div[changeclass="S1000Dmodify_change"] {
background: rgba(255, 255, 0, 0.2);
}
div[changeclass="S1000Dadd_change"] {
background: rgba(0, 0, 255, 0.2);
}
object,
embed {
overflow: auto;
width: 100%;
min-height: 650px;
}
.S1000DHotspot {
display: none;
}
.inlineDownloadIconC {
display: flex;
justify-content: center;
align-items: center;
}
.inlineDownloadIcon {
width: 100px;
height: 100px;
background: url(../images/download.svg) center center no-repeat;
background-size: contain;
}
.cp-color-picker {
z-index: 9999 !important;
}
.multimediaPanel {
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
display: flex;
justify-content: flex-end;
-ms-align-items: center;
align-items: center;
padding: 5px;
}
.multimediaPanel .multimediaObjectFullscreen {
font-size: 11px;
padding: 0 10px;
height: 26px;
margin: 5px 0px;
}
.htmlPopup .multimediaPanel {
width: 100%;
background: #282828;
border: none;
}
.htmlPopup .S1000Dobjecttitle {
width: 100%;
background: rgb(124, 37, 41);
color: #fff;
font-weight: 700;
font-size: 16px;
padding: 15px;
order: 1;
margin: 0;
display: block;
}
.multimediaObjectCloseFullscreen {
background: #282828;
color: #c2c2c2;
border: 2px solid #c2c2c2;
font-weight: 600;
font-size: 11px;
padding: 0 10px;
height: 26px;
margin: 5px 0px;
}
/*.search_form input{
display: inline-block;
}*/
/* Small Devices, Tablets */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
.divTable {
max-width: 850px;
overflow-x: auto;
}
img.S1000Dsymbol {
display: inline !important;
max-width: 100% !important;
margin: 0px !important;
}
.S1000Dnote {
font-weight: bold;
}
.S1000Dnote p {
font-weight: normal;
padding: 0.5% 2%;
}
/* Центрирование тега center для кнопки*/
center {
width: auto;
margin: 0 auto;
}