@import "bootstrap.css" all;
/*@import "menu.css" all;*/
@import "tablo.css" all;
@import "login.css" all;
@import "ono.css" all;
@import "opz.css" all;
@import "opd.css" all;
/*@import "zak_rk.css" all;*/
/*@import "zak_vik.css" all;*/
@import "jquery.timepicker.css" all;
@import "chert.css" all;

.selectStatus span {
    text-align: center !important;
}

.selectStatus {
    z-index: 1 !important;
}

.selectStatus:hover {
    cursor: pointer
}

@font-face {
    font-family: "Roboto Bold";
    src: url("/fonts/new_fonts/Roboto-Bold.ttf");
}

@font-face {
    font-family: "Roboto Regular";
    src: url("/fonts/new_fonts/Roboto-Regular.ttf");
}

@font-face {
    font-family: "PTSans Regular";
    src: url("/fonts/PTSans-Regular.ttf");
}

@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/PTSans-Regular.woff') format('woff'), url('../fonts/PTSans-Regular.ttf') format('truetype'), url('../fonts/PTSans-Regular.svg#PTSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Material Icons/MaterialIcons-Regular.eot'),
        url('../fonts/Material Icons/MaterialIcons-Regular.ttf'),
        url('../fonts/Material Icons/MaterialIcons-Regular.woff'),
        url('../fonts/Material Icons/MaterialIcons-Regular.woff2');
}

/*@import "ico.css" all;*/
.material-icons{
    font-family: 'Material Icons';
    font-style: normal;
}
.ui-datepicker-calendar td, .ui-datepicker-calendar th {
    width: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #bbb;
}

.ui-datepicker-calendar th {
    background: #eee;
}

.ui-datepicker-calendar td {
    background: #fefefe;
}

.ui-datepicker-calendar td:hover {
    background: #eee;
}

.ui-datepicker-header {
    margin: 10px 0;
    text-align: center;
}

.ui-datepicker-prev, .ui-datepicker-next {
    cursor: pointer;
}

.ui-datepicker-next {
    float: right;
}

.ui-datepicker-prev {
    float: left;
}

.ui-datepicker-prev:before {
    content: "\e079";
    font-family: 'Glyphicons Halflings';
}

.ui-datepicker-next:after {
    content: "\e080";
    font-family: 'Glyphicons Halflings';
}

.no_border, .no_border * {
    border: none;
}

.text_center * {
    text-align: center;
}

.pb {
    position: relative;
}

.pb_text {
    background: url(pb_g.jpg) repeat-y;
}

.red-border {
    box-shadow: #f00 0 0 2px 1px;
}

#screenshot {
    position: absolute;
    border: 1px solid #ccc;
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
}

.journal_photo {
    position: relative;
    z-index: 1;
}

.journal_photo img {
    display: none;
    position: absolute;
    top: -30px;
    margin: 0;
    right: -150px;
    height: 100px;
    width: auto;
    z-index: 2;
}

.journal_photo:hover img {
    display: block;
}

.hide {
    opacity: 0;
}

.left {
    text-align: left !important;
}

.ib {
    display: inline-block !important;
}

.bl {
    display: block !important;
}

.param1 {
    width: 800px !important;
}

.param1 td:last-child * {
    text-align: left !important;
}

.param2 {
    width: 350px !important;
    margin: 0 40px !important;
    display: inline-block;
}

.param2 li {
    /*width: 250px !important;*/
    border: 1px solid #888;
}

.rot90 {
    transform: rotate(90deg);
}

.rot-90 {
    transform: rotate(-90deg);
    width: 30px;
    padding-top: 15px;
}

.tb-radius {
    position: relative;
    margin: 5px auto;
    border: 5px solid #fff;
    display: inline-block;
    border-radius: 10px;
    box-shadow: #ccc 0 3px 20px;
    margin-bottom: 1%;
    width: 99%;
    transition: ease-in-out 1s;
}

.tb-radius input.vvodpolya, .tb-radius select.vvodpolya {
    width: calc(100% - 4px);
    line-height: 25px;
    height: 25px;
    padding: 0px;
    margin: -3px;
    font-size: 14px;
}

.tb-radius select.vvodpolya {
    width: calc(100% + 5px);
    height: 35px;
    padding: 5px !important;
}

.tb-radius .td-n {
    width: 60px;
}

.tb-radius td.z_num {
    width: 75px;
}

.tb-radius td.z_data {
    width: 140px;
}

.tb-radius td.z_user {
    width: 120px;
}

#param td:first-child {
    text-align: right;
}

#param tr, #param tr input, #param tr select {
    text-align: left;
}

.param input {
    width: 315px;
    display: inline-block;
}

.param .timenz {
    width: 70px;
}

.param .datanz {
    width: 130px;
}

.param table {
    width: 100%;
}

/*#nzlist, #Uch h2, .main-div h2{
	text-align: center;
	margin: 10px auto 10px;
}
#nzlist h2, #Uch h2, .main-div h2{
	text-shadow: #999 3px 2px 5px;
}*/

.param td:first-child {
    text-align: right;
    background: #EFF4FF;
}

.param tr, .param tr input, .aram tr select {
    text-align: left;
}

.no-b {
    border: none !important;
}

.td-h {
    background: #fff;
    color: #0476E8;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.tr-cell-h td {
    padding: 0;
}

.tr-cell-h input {
    padding: 5px;
    /*width: 80%;*/
}

.tr-cell-h input, .tr-row {
    background: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.tr-row:hover, .tr-row *:hover {
    background: #eee;
    cursor: pointer;
}

.tr-row *, .tr-row, {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    background: transparent;
    cursor: pointer;
}

.td-h:hover {
    background: #eee;
}

.vk {
    background: #F0FFF6 !important;
}

.param {
    width: 440px;
    text-align: right;
    display: inline-block;
}

#typeDoc {
    display: inline-block;

    margin: 0px 5px;
    vertical-align: top;
}

#formatDoc {
    display: inline-block;
    margin: 0px 5px;
    vertical-align: top;
}

.UsHead {
    margin: 3px;
}

.Us {
    display: inline-block;
}

#Us {
    text-align: left;
}

#Us table {
    display: inline-block;
}

.UsCell {
    display: inline-block;
    padding: 2px;
    height: 15px;
}

.UsCell input {
    width: 100%;
    text-align: center;
}

.UsCell textarea {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.UsBody {
    margin: 3px;
    vertical-align: middle;
}

.number {
    width: 30px !important;
}

.tovname {
    width: 300px;
    text-align: center;
}

.ed {
    width: 80px;
    text-align: center;
}

.kol {
    width: 80px;
    text-align: center;
}

.cena {
    width: 110px;
    text-align: center;
}

.nds {
    width: 70px;
    text-align: center;
}

.cenands {
    width: 110px;
    text-align: center;
}

.summa {
    width: 110px;
    text-align: center;
}

.vvodpolya {
    width: 350px;
    margin: 2px 0px;
    cursor: pointer;
}

.slist {
    margin: 2px 0px;
    height: 25px;
    width: 356px;
}

#dobavit {
    margin: 10px;
    text-align: left;

}

.dobavit {
    text-align: left;
    display: inline-block;
    vertical-align: bottom;
}

#create {
    display: block;
}

#propis {
    font-weight: bold;
}

#propis:first-letter {
    text-transform: uppercase;
}

#temp {
    display: inline-block;

    vertical-align: top;
    margin: 15px;
}

#Up {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: 60%;
}

.w270 {
    width: 270px;
}

.w300 {
    width: 300px;
}

/*--------------<Табло>-------------*/

/*----------------</Табло>------------------*/

/*----------------<Логин>-------------------*/

/*----------------</Логин>------------------*/

/*----------------<Главная>-----------------*/
/*.main-body{
	background: #fff;
	margin: 0;
	padding: 0;

}*/
.changeCell td, .faq_title, .faq_body {
    position: relative;
}

.changeCell td textarea, .faq_title textarea, .faq_body textarea {
    border: none;
    background: #ddd;
    box-shadow: none;
    border-radius: 4px;
    padding: 5px 5px;
    margin: 0;
    font-size: 14px;
    height: 20px;
    width: 100%;
    white-space: normal;
    border: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    outline: 0px;
    font-size: 100%;
    width: 100%;
    height: 100%;
}

.main-logo {
    background: url(../img/ngse-logo.jpg) no-repeat center;
    background-size: 100%;
    opacity: 0.1;
    width: 200px;
    height: 157px;
    margin: 0;
    position: fixed;
    right: 10px;
    bottom: 10px;

}

.main-logo-l {
    left: 10px !important;
}

.btn {
    display: inline-block;
    background: #fff;
    box-shadow: 0 0 5px #ddd inset;
    border: medium none;
    cursor: pointer;
    margin: 0;
    padding: 7px 20px;
    vertical-align: bottom;
}

.redline-pos {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(238, 238, 238, 0.2);
    box-shadow: #ddd 0 0 3px;
    height: 35px;
    z-index: 4;
    text-align: right;
}

.redline-pos div {
    position: relative;
    overflow: hidden;
    right: 0;
    margin: 0 !important;
    padding: 7px 10px;
}

.redline div p {
    text-align: right;
    margin: -3px;
    padding: 0;
}

.redline-bg {
    color: #fff;
    height: 62px;
    width: 100%;
    background: #fff;
    margin: 0;
    position: fixed;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 1;
}

.liniya-min {
    position: relative;
    border: 1px solid #000;
}

.liniya-min::after {
    opacity: 0;
    content: '';
    width: 500px;
    height: 355px;
    background-size: 100%;
    position: absolute;
    display: block;
    top: 50px;
    left: 0;
    visibility: hidden;
    background: url("../doc/r3a-uf001-52250-01_01_min.jpg") no-repeat center;
    transition: all 1s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

.liniya-min:hover::after {
    visibility: visible;
    opacity: 1;
    content: '';
    width: 500px;
    height: 355px;
    background: url("../doc/r3a-uf001-52250-01_01_min.jpg") no-repeat center;
    background-size: 100%;
    position: absolute;
    display: block;
    top: 50px;
    left: 0;
    z-index: 10;

}

/*----------------</Главная>----------------*/
.redtxt {
    color: red;
}

.tablezaya {
    width: 1920px;
}

.td1 {
    width: 230px;
}

.td2 {
    width: 30px;
}

.td3 {
    width: 80px;
}

.td5, .td6 {
    width: 70px;
}

.td7 {
    width: 250px;
}

.td9 {
    width: 50px;
}

.td10 {
    width: 70px;
}

.td11 {
    width: 150px;
}

tr.ui-selected, .tr-row1 *, .tr-row1 {
    background: #B5C1FF !important;
    cursor: pointer;
}

#selectable .ui-selecting, #selectable .ui-selecting .ui-selecting input, .tr-cell-h input:hover {
    background: #eee;
    color: #000;
}

.white, .white:hover, .white *, .white:hover * {
    background: white !important;
}

/*----------------</jquery ui>----------------*/
.radio {
    height: 15px;
}

.hide-class {
    visibility: hidden;
}

.plan-zoni {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -239px;
    margin-top: -289px;
    z-index: 11;
}

.plan-zoni img {
    width: 478px;
    height: 578px;
}

#fon {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 10;
    display: none;
}

#zona31 {
    position: fixed;
    z-index: 12;
    top: 50%;
    left: 50%;
    height: 52px;
    width: 27px;
    margin-left: 63px;
    margin-top: -39px;
    background: transparent;
    border: solid 5px red;
}

#zona33 {
    position: fixed;
    z-index: 12;
    top: 50%;
    left: 50%;
    height: 52px;
    width: 44px;
    margin-left: -37px;
    margin-top: -39px;
    background: transparent;
    border: solid 5px red;
}

#datazona {
    position: fixed;
    z-index: 12;
    top: 50%;
    left: 50%;
    height: 290px;
    width: 235px;
    margin-left: -150px;
    margin-top: -35px;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    display: none;
}

#datazona input, #datazona p {
    width: 215px;
    margin: 10px 10px 0 10px;
    text-align: center;
}

#datazona input {
    cursor: pointer;
}

#timezona {
    font-size: 14px;
    position: fixed;
    z-index: 12;
    top: 50%;
    left: 50%;
    height: 350px;
    width: 210px;
    margin-left: -105px;
    margin-top: -175px;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    padding: 10px;
    display: none;
}

#timezona div {
    position: relative;
    margin: 0 0 0 0px;
    width: 45px;
}

#timezona p {
    margin: -4px;
}

#chasi .vv {
    width: 205px;
    text-align: center;
    margin: 0 0 5px 0;
}

.time1, .time2 {
    padding: 0 0 0 60px;
}

.time1 *, .time2 * {
    cursor: pointer;
}

.time1 .ui-selected, .time2 .ui-selected {
    background: #B5C1FF !important;
}

.time1 .ui-selecting, .time2 .ui-selecting {
    background: #eee;
}

.time1, .time2, .data1, .data2 {
    position: relative;
    display: inline-block;
}

.data1, .data2 {
    transform: rotate(90deg);
    width: 100px !important;
}

.data1 {
    top: -32px;
    left: 80px;
}

.data2 {
    top: -56px;
    left: 80px;
}

.okbtn {
    width: 205px !important;
    text-align: center;
}

.okbtn input {
    padding: 1px;
    width: 50px;
}

.tdnst {
    display: none;
}

.status {
    /*width: 300px;*/
}

#delz {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 280px;
    width: 310px;
    margin-top: -110px;
    margin-left: -155px;
    background: #fff;
    padding: 10px;
    z-index: 11;
    box-shadow: #333 0 0 5px;
}

#delz * {
    display: block;
    margin: 5px;
}

#delz input {
    display: inline-block;
}

#delz textarea {
    width: 300px;
    height: 100px;
    padding: 10px;
    text-align: justify;
}

#tbhead {
    box-shadow: 0 5px 5px #bbb;
    left: 5px;
}

#tbhead td {
    table-layout: fixed;
}

.col1 {
    width: 45px;
}

.col2 {
    width: 213px;
}

.col4 {
    width: 110px;
}

.col5 {
    width: 280px;
}

.col6 {
    width: 70px;
}

.col7 {
    width: 100px;
}

.col8 {
    width: 40px;
}

.col9 {
    width: 100px;
}

.col10 {
    width: 100px;
}

.col11 {
    width: 110px;
}

.col12 {
    width: 100px;
}

.col13 {
    width: 100px;
}

.fix {
    position: fixed;
}

.files {
    display: inline-block;
    position: relative;
    right: 0;
    margin-left: 100px;
}

#crZa {

    margin-top: 0px;
}

#addfile {
    padding-top: 25px;
}

.z-n {
    cursor: pointer;
    color: #0476E8;
}

.z-n-filter {
    position: absolute;
    border: 1px solid #000;
    width: 100px;
    z-index: 50;
    background: #eee;
}

.z-n-filter input {
    width: 67px;
    font-weight: bold;
    padding: 3px;
    font-size: 15px;
}

.z-n-filter input.hide {
    height: 0;
    width: 0;
    position: absolute;
}

.m-nz, .m-zaya {
    position: relative;
}

.goden, .negoden, .negotov {
    cursor: pointer;
    color: #0476E8;
}

.color_error, .color_error > input {
    color: #fff !important;
    background-color: #D9534F !important;
}

.color_success, .color_success > input {
    color: #fff;
    background-color: #5cb85c;
}

.width500 {
    width: 500px;
    display: inline-block;
}

.file_select input {
    display: inline-block;
    width: 400px;
}

input.week {
    width: 3em;
    height: 1.5em;
}

input.date_s, input.date_po {
    width: 10em;
    height: 1.5em;

}

.kss td span {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.kss td {
    margin: 0;
    padding: 0;
}

#defekt_div {
    font-size: 14px;
    position: fixed;
    z-index: 99;
    top: 50%;
    left: 50%;
    width: 800px;
    height: 700px;
    margin-top: -350px;
    margin-left: -350px;
/ / margin-top: - 200 px;
    border-radius: 5px;
    background: #fff;
    padding: 10px;
    display: none;
    overflow: hidden;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
}

#ne_kon {
    font-size: 14px;
    position: fixed;
    z-index: 12;
    top: 50%;
    left: 50%;
    width: 700px;
    height: 300px;
    margin-left: -350px;
    margin-top: -200px;
    border-radius: 5px;
    background: #fff;
    padding: 10px;
    display: none;
    overflow: hidden;
}

#tbody_defekt_pl {
    /*overflow-y: scroll;*/
    /*position: absolute;*/
    height: 150px;
}

.btn_def_dob {
    position: absolute;
    bottom: 5px;
    left: 10px;
}

#defekt_div select {
    width: 170px;
}

.mob_img td img {
    width: 100px;
}

.select_low {
    height: 30px;
    width: 175px !important;
    text-align: center;
}

.nom_w {
    width: 28px;
    padding: 0 !important;
}

.de_w {
    width: 205px;
}

.ko_w {
    width: 70px;
}

.gl_w {
    width: 80px;
}

.sh_w {
    width: 80px;
    padding: 2px !important;
}

.dli_w {
    width: 81px;
}

.skop_w {
    width: 88px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.kol_w {
    width: 80px;
}

#mesage {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000px;
    background: rgba(0, 0, 0, .5);
    z-index: 100;
}

#mesage > div {
    position: absolute;
    width: 300px;
    top: 100px;
    left: 50%;
    margin-left: -150px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, .3) -3px 3px 5px;
}

#mesage button {
    width: 50px;
    padding: 2px;
}

.selall span {
    font-weight: normal;
    color: #337ab7;
    cursor: pointer;
}

.selall span:hover {
    text-decoration: underline;
}

.filter_form {
    position: fixed;
    background: #fff;
    border: 1px solid #888;
    border-radius: 5px;
    padding: 5px 10px 0;
    box-shadow: rgba(0, 0, 0, .5) 2px 3px 5px;
}

.filter_table:hover {
    /*font-weight:normal;*/
    color: #337ab7 !important;
    cursor: pointer;
}

li {
    list-style: none;
}

.btn-xs, .btn-group-xs > .btn-bs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    border: none;
    box-shadow: rgba(0, 0, 0, .3) 0px 1px 3px;
}

.a4l {
    box-shadow: 0 0 5px #777 !important;
    padding: 40px !important;
    width: 1100px !important;
    padding: 30px !important;
    background: #fff !important;
    margin: 10px auto 50px !important;
    -webkit-font-smoothing: antialiased;
}

.pdf table, .pdf td, .pdf th {
    font-size: 10px;
    text-shadow: 0 0 0 #000;
    -webkit-text-stroke: 0.1px;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 4px;
    font-family: "Times New Roman", "Calibri ", "Tahoma", "Arial" !important;
}

.pdf td:hover, .pdf th:hover {
    outline: 1px solid #2B4EB9;
}

#ulControl, #addControlForm, #ulStorona, #addStoronaForm {
    position: absolute;
    display: none;
    top: -1000px;
    left: -1000px;
    background: #fff;
    color: #000;
    padding: 10px;
    z-index: 11;
    outline: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    border-radius: 2px;
}

#addControlForm, #addStoronaForm {
    position: fixed;
    top: 40%;
    left: 50%;
    width: 400px;
    margin-left: -200px;
}

#ulControl li, #ulStorona li {
    transition: .2s ease-in-out;
    cursor: pointer;
    display: block;
    width: 100%;
}

#addControlForm input, #addStoronaForm input {
    width: 100%;
    display: block;
    margin: 5px auto;
    padding: 5px;
    border-radius: 2px;
    border: 1px solid #888;
}

#addControlForm .btns, #addStoronaForm .btns {
    text-align: center;
}

#addControlForm button, #addStoronaForm button {
    margin: 0 auto;
    padding: 0 10px;
}

#ulControl li:hover, #ulStorona li:hover {
    background: #eee;
}

.org_control, .org_storona {
    cursor: pointer;
}

.listFiles {
    position: absolute;
    display: none;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
}

.listFiles > a {
    display: inline-block;
    font-size: 10px;
    padding: 40px 5px 0;
    min-width: 25px;
    position: relative;
}

.listFiles > a:before {
    position: absolute;
    top: 9px;
    font-size: 27px;
    left: 8px;
    color: #444;
}

.pdfViewer {
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    width: 95%;
    height: 95%;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #eee;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);
    padding: 15px;
    display: none;
    transition: .3s ease-in-out;
}

.pdfViewer .close {
    position: absolute;
    top: -1px;
    right: -1px;
    background: #FF4949;
    opacity: 1;
    padding: 4px 6px;
    font-size: 10px;
    color: #690303;
    border-radius: 2px;
    text-shadow: none;
    transition: .3s ease-in-out;
    z-index: 50;
}

.pdfViewer .close:hover {
    color: #400000;
    background: #FF1C1C;
}

.bodyInfoMessage {
/ / font-size: 40 px;
}

.tumbnailsList {
    position: fixed;
    overflow-y: auto;
    top: 210px;
    height: calc(100% - 235px);
}

.tumbnailsList img, .tumbnailsList canvas {
    width: 100%;
}

.tumbnailsList .imgWrap, .canvasWrap {
    box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.4);
    border: 1px solid #C5C5C5;
    margin: 0 0 10px;
    cursor: pointer;
    background: #337AB7;
    transition: 0.2s ease-in-out;
    position: relative;
}

.tumbnailsList .imgWrap img {
    /*transition: 0.2s ease-in-out;*/
}

.tumbnailsList .imgWrap:hover > img, .tumbnailsList .imgWrap:hover > .text {
    opacity: .8;
}

.tumbnailsList .imgWrap > .text, .canvasWrap > .text {
    background: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 10px;
}

.canvasWrap > canvas {
    width: 100%;
}

.selectType {
    width: 10%;
    display: inline-block;
}

.canvasWrap.selected > * {
    opacity: .8;
}

.imgWrap.selected > * {
    opacity: .8;
}

.imgWrap.selected {
    background: #5CB85C;
}

.fileDiv {
    float: left;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    transition: .3s ease-in-out;
    border-radius: 4px;
    min-width: 85px;
    max-width: 145px;
    position: relative;
}

.fileDiv:hover {
    background: rgba(51, 122, 183, 0.2);
    box-shadow: -1px 1px 5px rgba(51, 122, 183, 0.75);
    color: rgb(62, 107, 146);
    text-shadow: 1px 1px 0 #fff;
}

.fileDiv > .fileIcon {
    font-size: 35px;
}

.fileDiv > .fileName {
    font-size: 15px;
}

.rotateBtn {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid;
}

.pdf input, .pdf select, .pdf textarea {
    border: none;
    background: #ddd;
    box-shadow: none;
    border-radius: 4px;
    padding: 5px 5px;
    margin: 0;
    font-size: 14px;
    height: 20px;
}

.pdf td textarea.inner_textarea {
    white-space: normal;
    border: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    outline: 0px;
    font-size: 100%;
    width: 100%;
    height: 100%;
}

.pdf td {
    position: relative;
    height: 100%;
}

span.addPril, span.addSer, span.addRow, span.addPages {
    font-size: 9px;
    border: 1px solid #888;
    border-radius: 5px;
    padding: 2px 5px;
    color: #444;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}

span.addPril *, span.addSer * {
    text-decoration: none;
}

span.pagesList {
    display: inline-block;
}

.pdf div.btn-group.bootstrap-select button {
    border: none;
    box-shadow: none;
    background: #ddd;
    padding: 0px 5px;
}

.pdf span.filter-option {
/ / text-align: center !important;
}

.calendar.right .calendar-table {
    margin-left: 75px !important;
}

.calendar.left {
    z-index: 1;
    position: relative;
}

.calendar.left .calendar-table {
    margin-left: 10px !important;
}

.info_new_file table {
    margin: auto;
    width: 80%;
}

.info_new_file table tr:not(:last-child) {
    border-bottom: 1px solid;
}

.info_new_file table tr td {
    font-size: 15px;
    padding: 2px 5px;
}

.info_new_file table tr td:first-child {
    text-align: left;
    width: 170px;
}

.info_new_file table tr td:last-child {
    text-align: right;
}

.info_new_file table tr select {
    cursor: pointer;
}

.info_new_file .dateSelect {
    font-size: 12px;
    padding: 2px 5px;
}

.info_new_file .dateSelect span {
    display: block;
    border: 1px solid rgb(169, 169, 169);
    text-align: left;
    border-radius: 2px;
    padding: 2px 3px;
    margin: 1px 0;
}

.info_new_file .dateSelect span:hover {
    border-color: #888;
}

.info_new_file table td input {
    height: auto;
}

.canvas_none #serImg {
    display: none;
}

#wj table td {
    position: relative;
    padding: 15px;
}

#wj table td input {
    position: absolute;
    top: 0px;
    left: 0px;
    border: 0px;
    padding: 8px 5px;
    border-radius: 0px;
}

table.journal_nowrap th[name="parameters-F_H_M_R_W[]"], table.journal_nowrap td {
    white-space: nowrap;
}

.pdf[data-history="izo"] .img {
    position: relative;
}

.pdf[data-history="izo"] .img canvas {
    position: absolute;
    width: 1000px;
    height: auto;
    left: 30px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

@media print {
    .tabpanel, .bar_bottom {
        display: none !important;
    }
}

.faq_btn {
    margin-top: 25px;
    padding: 3px 0;
    border-top: 2px solid #ff5722;
    color: #000;
    letter-spacing: 2px;
    font-weight: 600;
    font-size: 14px;
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    left: 15px;
    text-transform: uppercase;
}

.faq_sidebar {
    width: 100%;
    margin-top: 10px;
}

.list-group-item.node-faqAllCategory .badge {
    display: none;
}

.faq_sidebar li {
    /*background: #f3f3f3;*/
    /*	position: relative;
        cursor: pointer;
        user-select: none;
        display: block;
        height: 48px;
        line-height: 48px;
        padding: 0 56px 0 16px;
        text-decoration: none;
        font-weight: 400;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        color: inherit;
        border-bottom: 1px solid #ededed;

        position: relative;
        color: #7D8693;

        font-size: 15px;
        font-family: Roboto, sans-serif;
        border-bottom: 1px solid #ededed;*/

}

.faq_panel {
    padding-right: 7px !important;
}

.faq_sidebar i {
    display: inline;

}

.faq_sidebar i:before {
    padding-right: 10px;
    color: #000;
    border-right: 1px solid #ededed;
    margin-right: 20px;
}

.faq_sidebar li .sidebar-badge {
    position: absolute;
    right: 16px;
    top: 0;
}

.sidebar .sidebar-nav .dropdown.open {
    background: #3f3f3f;
}

.faq_main_btn_desc {
    position: absolute;
    opacity: 0;
    left: 0;
    width: 500px;
    top: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.faq_main_btn:hover .faq_main_btn_desc {
    opacity: 1 !important;
    left: -240px !important;
}

.certificate_type {
    text-align: center;
    position: relative;
    font-size: 18px;
    padding: 10px;
    border: 1px dashed;
    width: 300px;
    margin: 10px auto;
}

#faqContextMenu {
    z-index: 999;
    display: block;
    position: fixed;
    width: 160px;
    background-color: #fff;
    color: #333;
    padding: 4px;
    border-collapse: separate;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15), 0 8px 30px -5px rgba(0, 0, 0, .5);
    max-width: 230px;
    font-size: 1.01em;
}

#faqContextMenu ul li {
    margin-top: 7px;
    cursor: pointer;
}

#faqContextMenu ul li i {
    margin: 0 10px;
}

#faqContextMenu ul li.contextMenu-li:hover {
    background-color: #555;
    color: #eee;
}

#faqContextMenu .vanilaContextFunc:hover {
    background-color: #fff;
    color: #000;
}

#faqContextMenu .vanilaContextFunc {
    cursor: default !important;
}

#faqContextMenu .vanilaContextFunc li {
    display: inline;
}

#faqContextMenu .vanilaContextFunc li i {
    cursor: pointer;
}

.contextMenu-li i.fa-floppy-o {
    color: #ff9800;
}

.deleteFaqBtn i.fa-trash-o {
    color: #f44336;
}

.contextMenu-li i.fa-bookmark-o {
    color: #FF5722;
    /*color: #f4511e;*/
}

.contextMenu-li i.fa-pencil-square-o {
    color: #4caf50;
}

.contextMenu-li i.fa-scissors, .contextMenu-li i.fa-clipboard {
    /*	color: #2196f3;*/
}

#faqContextMenu .contextMenu-separator {
    height: 1px;
    margin: 3px 0 4px;
    background: #e6e6e6;
}

#faqContextMenu .contextMenu-separator:hover {
    background: #fff;
}

.cutContextEl {
    background: #e25d54 !important;
}

.deleteFaqBtn {
    position: relative;
}

.deleteFaqSubBtn {
    position: absolute;
    right: -156px;
    top: -8px;
    z-index: 999;
    display: none;
    width: 160px;
    height: 74px;
    background-color: #fff;
    color: #333;
    padding: 4px;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15), 0 8px 30px -5px rgba(0, 0, 0, .5);
    max-width: 230px;
    font-size: 1.01em;
}

.deleteFaqBtn:hover .deleteFaqSubBtn {
    display: block;
    font-size: inherit;
}

.faqPushMessage {
    display: block;
    position: fixed;
    top: -100px;
    right: 300px;
    width: 230px;
    height: 62px;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15), 0 8px 30px -5px rgba(0, 0, 0, .5);
    transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
}

.faqPushMessage .sweet-alert {
    display: none;
    margin-top: -85px;
    /*	position: relative  ;*/
    background-color: white;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    width: 40px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    /* position: inherit;*/
    left: 11px;
    top: 100px;
    margin-left: 0px;
    overflow: hidden;
    display: none;
    z-index: 3000;
    position: absolute;
    padding: 0;
}

.popup-main .popup-text {
    position: absolute;
    top: 17px;
    left: 56px;
    font-size: 12px;
}

.popup-main .popup-text-title {
    font-size: 13px;
    font-weight: bold;
}

.faqPushMessage .sweet-alert .sa-icon {
    width: 30px !important;
    height: 30px !important;
    -webkit-border-radius: 40px !important;
    border-radius: 40px !important;
    border-radius: 50% !important;
    margin: 20px auto !important;
    padding: 0 !important;
    position: relative !important;
    box-sizing: content-box !important;
    margin: 0 !important;
}

.faqPushMessage .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
    transform: rotate(45deg) !important;
    left: 5px !important;
}

.faqPushMessage .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
    transform: rotate(-45deg) !important;
    right: 5px !important;
}

.faqPushMessage .sweet-alert .sa-icon.sa-error .sa-line {
    position: absolute !important;
    height: 3px !important;
    width: 20px !important;
    background-color: #F27474 !important;
    display: block !important;
    top: 14px !important;
    border-radius: 2px !important;
}

.faqPushMessage .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 13px !important;
    left: 2px !important;
    top: 18px !important;
    -webkit-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
}

.faqPushMessage .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
    width: 22px !important;
    right: -1px !important;
    top: 15px !important;
    -webkit-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
}

.faqPushMessage .sweet-alert .sa-icon.sa-success .sa-line {
    height: 3px !important;
}

.faqPushMessage .sweet-alert .sa-icon.sa-success .sa-fix {
    display: none !important;
}

.faqPushMessage .sweet-alert .sa-icon.sa-success .sa-placeholder {
    width: 30px !important;
    height: 30px !important;
}

table.specification th {
    font-size: 14px;
}

table.specification td {
    position: relative;
    font-size: 12px;
}

.specification .iso_pdf {
    position: absolute;
    bottom: -30px;
    left: 0px;
}

.table.specification .line_number.active {
    color: #337ab7;
    cursor: pointer;
}

[changeinfodate] {
    cursor: pointer;
}

#head_1 {
    background: #fff;
}

/*.bd_vhod_ctrl .btn-group.bootstrap-select.iso_pdf{
	display: none;
}*/

.miss_in_wl {
    background: #da7070 !important;
}

у
tbody > tr.miss_in_wl:nth-of-type(odd) {
    background: #eda6a6 !important;
}

.btn_menu.active {
    color: #fffbfb !important;
    background-color: #259be1;
    border-radius: 2px;
}

a div {
    height: 40px;
    width: auto;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
}

a.active .image_change_akt {
    /*height: 35px;*/
    /*width: 37px;*/
    background-image: url(../img/new-file1.png);
}

a.active .image_change_reest {
    /*height: 65%;*/
    /*width: 34px;*/
    background-image: url(../img/file1.png);
}

a.active .image_change_akt {
    /*height: 37px;*/
    /*width: 26%;*/
    background-image: url(../img/filex1.png);
}

a.active .image_add {
    /*height: 31px;*/
    /*width: 25%;*/
    background-image: url(../img/add.png);
}

a.active .image_create {
    /*height: 57%;*/
    /*width: 30px;*/
    background-image: url(../img/new-message-interface-symbol1.png);
}

a .image_change_akt {
    /*height: 64%;*/
    /*width: 32px;*/
    background-image: url(../img/files.png);
    /*background-size: cover;*/
    margin: auto;
}

a .image_new_file {
    /*height: 68%;*/
    /*width: 29px;*/
    background-image: url(../img/new-file.png);
    /*background-size: cover;*/
    margin: auto;
}

a.active .image_new_file {
    /*height: 68%;*/
    /*width: 29px;*/
    background-image: url(../img/new-file1.png);
    /*background-size: cover;*/
    margin: auto;
}

#INPUTCONTROL .btn_small {
    max-width: 100px;
}

a .image_change_akt_white {
    /*width: 35px;*/
    /*height: 35px;*/
    background-image: url(../img/file_for_inspection_white.svg);
    background-size: cover;
    margin: auto;
}

a:hover {
    /*background-image: url(../img/file_for_inspection_black.svg);*/
    background-color: #e0eaf5;
    border-radius: 5px;
    /*height: 65px;*/
}

a:hover .image_change_akt_white {
    background-image: url(../img/file_for_inspection_black.svg);
}

a .image_change_reest {
    /*height: 38px;*/
    /*width: 34px;*/
    background-image: url(../img/file.png);
    /*background-size: cover;*/
    margin: auto;
}

/*button:hover .image_change_reest {*/
/*background-image: url(../img/reestr_black.svg);*/
/*}*/

a .image_add {
    /*height: 31px;*/
    /*width: 25%;*/
    background-image: url(../img/add.png);
    /*background-size: cover;*/
    margin: auto;
}

/*button:hover .image_add {*/
/*background-image: url(../img/add.svg);*/
/*}*/
.btn_menu.active:hover {
    background-color: #259be1;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a {
    text-decoration: none !important;
    color: #347ab6 !important;
    border: 0px solid #ddd !important;
    pointer-events: none !important;
    /*border-bottom-color: transparent!important;*/
    /*padding-bottom: inherit!important;*/
    /*border-top-style: none!important;*/
    /*border-radius: inherit!important;*/
    /*border-left-style:none !important;*/
}

.nav-tabs > li > a {
    border: 0px solid #ddd !important;
    padding: 10px 0px 10px 0 !important;
    height: 40px;
    /*border-bottom-color: transparent!important;*/
    /*padding-bottom: inherit!important;*/
    /*border-top-style: none!important;*/
    /*border-radius: inherit!important;*/
    /*border-left-style:none !important;*/
}

.nav-tabs > li > a #DOWNLOAD {
    padding: 10px 10px !important;
}

a .image_create {
    /*height: 57%;*/
    /*width: 30px;*/
    background-image: url(../img/new-message-interface-symbol.png);
    /*background-size: cover;*/
    margin: auto;
}

/*button:hover .image_create {*/
/*background-image: url(../img/new-message.svg);*/
/*}*/

/**/
#sp1 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    border-left: 1px solid #95acd7;

}

#sp1:hover, .nav-tabs > li > a:hover {
    text-decoration: underline !important;
    color: #95acd7 !important;
    background-color: #1851a0 !important;
}

.tab_menu > ul > li:first-child span, .tab_menu > ul > li:nth-child(2) span {
    border-style: none !important;
}

.modal_table_pdf_list {
    width: 100%;
    font-size: 14px;
    text-align: left;
    font-family: Roboto-Regular, Arial;
}

.btn_modal_delete > a {
    background-color: #e33030 !important;
    border-color: #e33030 !important;;
}

.btn_modal_open_download {
    width: 26%;
    text-align: center;
}

.btn_modal_open_download a {
    /*margin: 5px;*/
    padding: 10px;
}

.modal_table_pdf_list > thead > tr {
    background-color: #f1f3f6;
}

.modal_table_pdf_list > thead > tr > td {
    color: black;
    font-weight: 600;
    padding: 10px;
}

.modal_table_pdf_list > tbody > tr > td {
    padding: 10px;
}

td.btn_modal_delete {
    float: right;
    padding: 3px;
    width: 100px;
}

.end_modal_table {
    border-top: 1px solid #e3e6eb;
}

.td_buttons_ic {
    display: table-cell;
    min-width: 150px;
}

button.confirm {
    height: 40px;
}

.confirm_modal_button {
    height: 40px;
}

.modalHeadTable .cell-filename {
    margin-top: 10px;
    margin-left: 12px;
}

.targetContainer {
    font-family: 'Roboto Regular', Arial;
    padding: 5px 16px 0 5px;
    width: 100%;
    position: absolute;
}

.chartsContent {
    border-radius: 2px;
    display: inline-block;
    width: 100%;
}

.chartsContent > div {
    margin: 6px 0;
    padding: 10px;
    float: left;

}

.titleBlock {
    text-align: center;
    vertical-align: top;
    font-weight: 600;
    font-size: 16px;
    line-height: 5em;
    width: 100%;
}

.chartsContainer > div {
    float: left;
    width: 100%;
}

.chartsContainer {
    width: 100%;
    display: inline-block;
    position: initial;
}

.infoTable {
    width: 100%;
    display: table;
    position: initial;
    margin-top: 15px;
    border-radius: 2px;
}

.labelInfoBlock {
    font-size: 13px;
}

.legendColor {
    float: left;
    min-width: 25px;
    height: 13px;
    border-radius: 3px;
    margin-right: 5px;
    /*display: inline-block;*/
}

.labelLegend {
    font-size: 13px;
    font-family: 'Roboto Regular', Arial;
    float: left;
    margin-right: 20px;
}

.legendBlock {
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

.infoTable > .titleBlock {
    border-top: 1px solid #d7dde6;
    border-left: 1px solid #d7dde6;
    border-right: 1px solid #d7dde6;
}

.legendBlock > div {
    /*display: flex;*/
    width: 500px;
    margin: auto;
    min-height: 20px;
    float: none;
}

.charPic > div {
    min-width: 280px;
}

/*.media_style_group{*/
/*border:1px solid #b7ccde;*/
/*}*/

@media screen and (max-width: 1200px) {
    .media_style_group {
        min-width: auto;
        width: 100% !important;
    }

    .chartsContent > div {
        border: none !important;
    }

    .chartsContent {
        min-width: 800px;
    }

    .chartsContentBord {
        border: 1px solid rgb(215, 221, 230);
    }
}

.filtersTable {
    margin-top: -2px;
    float: right;
}

.chartsContent > .filtersTable {
    max-width: 100px;
    margin-top: 100px;
}

@media screen and (max-width: 1000px) {
    .chartsContent > .filtersTable {
        max-width: none;
        margin-top: none;
    }
}

.filCont_btn > a:hover {
    float: left;
    padding: 4px;
    border-radius: 0px;
    /*margin-top: -2px!important;*/
    background-color: #0497ef;
    border: solid 1px #afcde0;
    /*box-shadow: 0 5px 13px rgba(0,155,247,0.4);*/
    color: #FFF;
    text-decoration: none;
    opacity: 0.9;
}

.filCont_btn > {

}

.filCont_btn > a:active {
    float: left;
    padding: 4px;
    border-radius: 0px; /*margin-top: -2px!important;*/
    background-color: #0497ef;
    border: solid 1px #afcde0;
    box-shadow: 0 5px 13px rgba(0, 155, 247, 0.4);
    color: #FFF;
    text-decoration: none;
    opacity: 0.9;
}

.filCont_btn {
    float: left;
    margin: 3px;
    display: inline-block;
}

.filCont_btn > a {
    float: left;
    height: 30px;
    border-radius: 0px;
    text-align: center;
    width: 40px;

    padding-top: 3px;
    margin: auto;
    border: solid 1px #0097f0;
    opacity: 0.9;
}

.user_filCont_btn > a:hover {
    float: left;
    padding: 4px;
    border-radius: 0px;
    /*margin-top: -2px!important;*/
    background-color: #0497ef;
    border: solid 1px #afcde0;
    /*box-shadow: 0 5px 13px rgba(0,155,247,0.4);*/
    color: #FFF;
    text-decoration: none;
    opacity: 0.9;
}

.user_filCont_btn > a.active {
    float: left;
    padding: 4px;
    border-radius: 0px;
    /*margin-top: -2px!important;*/
    background-color: #0497ef;
    border: solid 1px #afcde0;
    box-shadow: 0 5px 13px rgba(0, 155, 247, 0.4);
    color: #FFF;
    text-decoration: none;
    opacity: 0.9;
}

.infoWrapper {
    min-width: 220px;
}

.filTab_btn.active {
    float: left;
    padding: 4px;
    border-radius: 0px;
    /*margin-top: -2px!important;*/
    background-color: #0497ef;
    border: solid 1px #afcde0;
    box-shadow: 0 5px 13px rgba(0, 155, 247, 0.4);
    color: #FFF;
    text-decoration: none;
    opacity: 0.9;
}

.user_filCont_btn {
    float: left;
    margin: 3px;
    display: inline-block;
}

.user_filCont_btn > a {
    float: left;
    height: 30px;
    border-radius: 0px;
    text-align: center;
    width: 40px;
    padding-top: 3px;
    margin: auto;
    border: solid 1px #afcde0;
    opacity: 0.9;
}

.btnNavigat {
    min-width: 60px;
}

.legendBlock > div {
    width: 500px;
    margin: auto;
    min-height: 20px;
    float: none;
}

.charPic > div {
    min-width: 280px;
}

.infoBlockPageGener {
    width: 200px;
    margin-left: 10px;
    position: fixed;
    top: 185px;
    bottom: 40px;
}

.infoWrapper {
    width: 250px;
    padding: 10px;

}

.presentation_blockWrapper {
    padding: 10px;

}

.tableContent > #working_time_view_wrapper {
    /*margin: 0 10px;*/
    border: 1px solid #d7dde6;
}

.contentInfoBlock {
    border: 1px solid #d7dde6;
    width: 100%;
    padding: 12px;
    height: calc(100% - 48px);
    overflow: hidden;
    position: absolute;

}

.navigationBarPage {
    width: 100%;
    /*border-bottom: 1px solid #d7dde6;*/
    line-height: 2.5em;
}

.navigationBarPage ul {
    border-bottom: none;
}

.nav_pane_page .nav-tabs {
    margin: auto;
    margin-top: 10px;
}

.nav_pane_page .nav-tabs > li {
    margin-left: 3px;
    margin-right: 3px;
}

li > .a:active {
    float: right;
    height: 51px;
    margin-top: -2px !important;
    background-color: #0497ef;
    border: solid 1px #afcde0;
    box-shadow: 0 5px 13px rgba(0, 155, 247, 0.4);
    opacity: 1;
}

.nav_pane_page {
    display: grid;
}

.presentation_block {

    margin-left: 230px;
    margin-bottom: 37px;
}

.timeBlockInfo {
    text-align: center;
    border: 1px solid #b7ccde;
    padding: 15px;
    margin-right: 20px;
}

.timeBlockInfo > div > * {
    display: inline-block;
    position: inherit;
}

.timeBlockInfo .time {
    position: relative;
    font-size: 25px;
    color: #259be1;
}

@media screen and (max-width: 1200px) {
    .media_style_group {
        min-width: auto;
        width: 100% !important;
    }

    .chartsContent > div {
        border: none !important;
    }

    .chartsContent {
        /*min-width: 800px;*/
    }

    .chartsContentBord {
        border: 1px solid rgb(215, 221, 230);
    }
}

.btnGroupAddOrDel {
    width: 80px;
    height: 24px;
}

.modalWindowCertificate {
    font-family: 'Roboto Regular', Arial !important;
}

.btn_edit_certificate {
    margin-top: 5px;
    line-height: 1.75em;
    background-color: #7c94b3;
    width: 23px;
    height: 23px;
    float: left;
    border-radius: 2px;
}

/*
 * иконка кнопки Список PDF
 */
@font-face {
    font-family: 'em-icon_listPdf';
    src: url('../fonts/new_fonts/em-icon_listPdf.eot?dgunm8');
    src: url('../fonts/new_fonts/em-icon_listPdf.eot?dgunm8#iefix') format('embedded-opentype'),
    url('../fonts/new_fonts/em-icon_listPdf.ttf?dgunm8') format('truetype'),
    url('../fonts/new_fonts/em-icon_listPdf.woff?dgunm8') format('woff'),
    url('../fonts/new_fonts/em-icon_listPdf.svg?dgunm8#em-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

i.gd-google-drive-pdf-file {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'em-icon_listPdf' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.filTab_btn {
    cursor: pointer;
}

.gd-google-drive-pdf-file:before {
    content: "\e900";
}

/*Стили для status acts*/
.legendBlockStat {
    margin: auto;
    width: 60%;
    height: 40px;
    min-width: 550px;
}

@media screen and (max-width: 1620px) {
    .legendBlockStat {
        width: 600px !important;
    }

    .legend_group:nth-child(4) {
        margin-left: 100px;
    }
}

.relativeFilter {
    font-weight: normal !important;
    font-family: 'Roboto Regular', Arial;
    background-color: white;
    box-shadow: 0 8px 10px #0c46902e;
    padding: 3px;
    display: flow-root;
}

.relativeFilter > .filtersTable {
    top: 0 !important;
    position: relative;
    text-decoration: none !important;
    margin-right: 20px;
}

.relativeFilter > .filtersTable > div > a {
    text-decoration: none !important;

    color: #337ab7;
}

.relativeFilter > .filtersTable > div > a.active {
    text-decoration: none !important;
    color: white;
}

.relativeFilter > .filtersTable > div > a:hover {
    text-decoration: none !important;
    color: white;
}

.relativeFilter > .filtersTable > div {
    text-decoration: none !important;
}

.legend_group {
    padding-right: 30px;
    float: left;
    font-size: 13px;
}

.titleInfoBlock {
    text-align: center;
    vertical-align: top;
    font-weight: 600;
    font-size: 13px;
    padding: 15px 0;
    width: 100%;
}

.presentation_blockWrapper {
    padding: 10px;
}

.infoWrapper {
    width: 250px;
    padding: 10px;

}

.itemInfoBlock {
    padding: 6px 0 4px 0;
    font-size: 13px;
}

.itemInfoBlock:nth-child(odd) {
    border-bottom: 1px solid #e3e7ed;
}

.valueInfoBlock {
    float: right;
    color: #9ea3aa;
}

.targetTitleBlock {
    text-align: center;
    vertical-align: top;
    font-weight: 600;
    font-size: 16px;
    line-height: 3em;
    width: 100%;
}

.legend_group > div > div {
    margin-top: 2px;
    width: 15px;
    height: 15px;
}

.chartContainer {
    font-family: Roboto-Regular, Arial;
    border: 1px solid #b7ccde;
}

.chartContainer > span {
    min-width: 1000px;
}

.tableChart {
    margin: 25px 0;
}

.tableChart > table {
    width: 80%;
    height: 150px;
    margin: auto;

}

.tableChart td {
    border: 1px solid #c1c4c7;
}

.mLeft {
    margin-left: 14px;
}

@media (max-width: 1344px) {
    .tableChart {
        margin-left: 80px;
    }

    .row > .chartContainer > span {
        margin-left: 142px !important;
    }
}

/* кнопка наверх */
.butUp {
    position: fixed;
    float: right;
    bottom: 30px;
    right: 20px;
    cursor: pointer;
    opacity: .8;
}

.butUp:hover {
    background: transparent;
    opacity: 1;
}

/* кнопка наверх */

.filter_form {
    font-family: "Roboto Regular";
    min-width: 293px;
}

.filter_form label {
    color: #505356;
    margin-top: 5px;
}

.filter_form input,
.filter_form .dropdown-toggle {
    border: solid 1px #b7ccde;
    border-radius: 2px;
    background: #f7f9fb;
    box-shadow: none;
    width: 270px !important;
}

.filter_form .dropdown-toggle {
    color: #91a5b6 !important;
    font-weight: 500 !important;
}

.filter_form .dropdown-toggle:focus {
    color: #505356;
}

.filter_form input::-webkit-input-placeholder,
.filter_form .dropdown-toggle::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #91a5b6 !important;
    font-weight: 500 !important;
}

.filter_form input::-moz-placeholder,
.filter_form .dropdown-toggle::-webkit-input-placeholder { /* Firefox 19+ */
    color: #91a5b6 !important;
    font-weight: 500 !important;
}

.filter_form input:-ms-input-placeholder,
.filter_form .dropdown-toggle:-ms-input-placeholder { /* IE 10+ */
    color: #91a5b6 !important;
    font-weight: 500 !important;
}

.filter_form input:-moz-placeholder,
.filter_form .dropdown-toggle:-moz-placeholder { /* Firefox 18- */
    color: #91a5b6 !important;
    font-weight: 500 !important;
}

.filter_form > .form-group > div > label > select {
    margin-left: 5px;
    color: #91a5b6;
    font-weight: 500 !important;
    background: #f7f9fb;
    border: solid 1px #b7ccde;
    border-radius: 2px;
}

.filter_form > .form-group > div > label > select:focus {
    color: #505356;
}

.filter_form > .form-group > button {
    margin: 10px auto;
    border: 1px solid #afcde0;
    box-shadow: 0px 3px 14px -2px #009bf7;
    background: #259be1;
    height: 34.5px;
    border-bottom: none;
    width: 55%;
    font-size: 100%;
    text-align: center;
    color: #fff;
    transition: 0.3s;
}

.filter_form > .form-group > button:hover {
    box-shadow: none;
}

.filter_form > .form-group [type="checkbox"]:not(:checked),
.filter_form > .form-group [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    height: 1px;
}

.filter_form > .form-group [type="checkbox"]:not(:checked) + label,
.filter_form > .form-group [type="checkbox"]:checked + label {
    margin-bottom: 21px;
    position: relative;
    padding-left: 20px;
    cursor: pointer;
}

/* checkbox aspect */
.filter_form > .form-group [type="checkbox"]:not(:checked) + label:before,
.filter_form > .form-group [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background-color: #eef2f5;
    box-shadow: 0 1px 3px rgba(238, 242, 245, .3);
    border: solid 1px #b7ccde;
}

/* checked mark aspect */
.filter_form > .form-group [type="checkbox"]:not(:checked) + label:after,
.filter_form > .form-group [type="checkbox"]:checked + label:after {
    content: ' ';
    position: absolute;
    background-image: url(/img/new_image/tick.png);
    top: 11px;
    left: 2px;
    font-size: 12px;
    color: #3157a0;
    transition: all .2s;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: 1px 2px;
}

/* checked mark aspect changes */
.filter_form > .form-group [type="checkbox"]:not(:checked) + label:after {
    /*opacity: 0;*/
    /*transform: scale(0);*/
}

.filter_form > .form-group [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

/* disabled checkbox */
.filter_form > .form-group [type="checkbox"]:disabled:not(:checked) + label:before,
.filter_form > .form-group [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.filter_form > .form-group [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

.filter_form > .form-group [type="checkbox"]:disabled + label {
    color: #aaa;
}

/* accessibility */
.filter_form > .form-group [type="checkbox"]:checked:focus + label:before,
.filter_form > .form-group [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/* hover style just for information */
.filter_form > .form-group label:hover:before {
    border: 1px solid #4778d9 !important;
}

.sort_btns > .glyphicon-sort-by-attributes-alt {
    color: #91a4bc;
}

@font-face {
    font-family: 'nz-icon';
    src: url('/fonts/new_fonts/nz-icon.eot?h0xmjk');
    src: url('/fonts/new_fonts/nz-icon.eot?h0xmjk#iefix') format('embedded-opentype'),
    url('/fonts/new_fonts/nz-icon.ttf?h0xmjk') format('truetype'),
    url('/fonts/new_fonts/nz-icon.woff?h0xmjk') format('woff'),
    url('/fonts/new_fonts/nz-icon.svg?h0xmjk#nz-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

i.nz-file {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'nz-icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nz-file:before {
    content: "\e900";
    color: #fff;
}

.filter_active {
    color: #337ab7 !important;
}

.btns_div > .jTable_btn-group > ul > li span {
    display: inline-block;
    width: 100%;
    text-align: left;
}

.usersTableBtn {
    border: none;
    float: right;
    margin-right: 5%;
    border-radius: 3px;
    padding: 0 12px;
    padding-top: 4px;
    background-color: #d1dae6;
    color: #9cadc3;
}

.usersTableBtn > i {
    color: #9cadc3 !important;
}

/*line_6*/
.rowDetails > ul > li {
    display: table;
    border-bottom: 1px solid #d6dde6;
    margin: 5px 10px;
}

.rowDetails > ul > li > div > b {
    color: #424a55;
}

.rowDetails > ul > li > div > span {
    color: #424a55;
}

.rowDetails > ul > li > [id*="Sign"] {
    color: #368900;
}

.rowDetails > ul > li > *:first-child {
    margin-left: 50px;
}

.rowDetails > ul > li:last-child {
    border-bottom: none;
}

.rowDetails > ul > li > .expand-icon {
    color: #acb2ba;
    font-size: 11px;
    top: 9px;
}

#Open > a {
    border: 1px solid #afcde0;
    white-space: nowrap;
    box-shadow: 0px 3px 14px -2px #009bf7;
    background: #259be1;
    border-radius: 15px;
    border-bottom: none;
    color: white;
    /* margin-bottom: 11px; */
    padding: 3px 10px;
    /* font-size: 95%; */
    font-size: 100%;
    text-align: center;
    transition: all .15s linear;
    -webkit-transition: all .15s linear;
}

#Open > a[disabled]{
    background: rgba(76, 77, 78, 0.8);
    box-shadow: none;
    border: none;
}

.rowDetails > ul > li > div {
    display: table-cell;
    text-align: left;
    /*width: 20%;*/
    width: 13%;
    padding: 3px;
    vertical-align: middle;
    color: #265b88;
}

.rowDetails > ul {
    margin: 5px auto;
    width: 99%;
    font-family: "Roboto-Regular", Arial;
    font-size: 13px;
}

.resetPassForm {
    /*background: #0854ae;*/
    border-radius: 7px;
    color: #0f0f0f;
    font-size: 12px;
}

.resetPassForm > h2 {
    /*background: #0854ae;*/
    font-size: 16px;
    margin: 0;
}

.resetPassForm > p > form {
    text-align: left;
}

.resetPassForm > p > form .radio {
    color: #797979;
}

.resetPassForm > .sa-button-container > .sa-confirm-button-container > button {
    height: inherit;
}

#lostPassBtn:hover {
    background: none;
    color: #fff;
    text-decoration: none;
}

#lostPassBtn:focus {
    background: none;
    color: #fff;
    border: 0;
    text-decoration: none;

}
.chartContainerJVK{
    width: 50%;
    margin: 0 auto;
}