.myhide{display:none;}
.popup__overlay {
    z-index: 777;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    text-align: center
}
.popup__overlay:after {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        height: 100%;
        width: 0;
        vertical-align: middle;
        content: ''
}
    /* Added for IE<9 compatibility */
.popup__overlay_ie {
        background: #000;
        opacity: .7;
        filter: alpha(opacity=70)
}
.popup {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0px 70px 0 rgba(0, 0, 0, 0.1), 0 0px 30px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    vertical-align: middle;
    max-height: 80%;
    max-width: 80%;

    overflow-y: auto;
}
.popup h4{font-weight: bold;z-index: 444;position: relative;}
.popup__valignfix {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 0;
    height: 100%;
    vertical-align: middle
    }
.popup-form__row {
    margin: 1em 0
    }
.form1{
    margin: 0 auto;
}
.ph2 {
    position: absolute;
    top: 10px;
    color: #fff;
    font-size: 26px;
    right: 145px;
    z-index: -1;
    opacity: 0;
    transition: 1s;
}
.ph1 {
    position: absolute;
    top: 0px;
    color: #aaa;
    font-size: 10px;
    right: 5px;
    transition: 1s;
    z-index: 3;
    opacity: 1;
}
.form-group {
    margin-bottom: 2px;
position: relative;
}

[placeholder]:focus::-webkit-input-placeholder { color:transparent !important; }
[placeholder]:focus::-moz-placeholder { color:transparent !important; }
.form-control {
    font-size: 16px;
    height: 40px;
    padding: 7px 9px;
    display: block;
    width: 100%;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

button:hover {
    color: #000;
    background: #ccc;
}button {
    border-radius: 4px;
    padding: 8px;
    border: 1px solid #ccc;
    font-size: 14px;
    width: 100%;
    cursor: pointer;
    margin-bottom: 10px;
    transition: 1s;
    color: #555;
}

.jsgrid-header-row>.jsgrid-header-cell {
    background: #dfdfdf;
}
.jsgrid-edit-row>.jsgrid-cell, .jsgrid-filter-row>.jsgrid-cell, .jsgrid-grid-body, .jsgrid-grid-header, .jsgrid-header-row>.jsgrid-header-cell, .jsgrid-insert-row>.jsgrid-cell {
    border: 1px solid #dfdfdf;
}
.jsgrid-cell {
    border: 1px solid #dfdfdf;
}
.select2-container .select2-selection--single {
    height: 40px;
}
.wizard .list{display:none;}
.content-wrapper {
    background: #fff;
}

@media print {
    .page-break { 
page-break-after: always;
page-break-inside: avoid;
}
}
.bred{border-color: #c00;}
.input-group-text{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 40px;
}
.input-group-append{
    position: absolute;
    top: 0;
    right: 0;
}
.not{background: #c00;
    color: #fff;
border-color: #c00;
}
.ok{background: #090;
    color: #fff;
border-color: #090;
}
.edit{
    cursor:pointer;
}

.info .right{
position: absolute;
    right: .3rem;
    top: .3rem;
}
.mm{padding-top: 15px; display:none;}
#m1{
display:flex;
overflow: auto;
}

.brand-link .brand-image {
    border: 1px solid #fff;
margin-top: -2px;
}

table.infoTab td:first-child {
    font-weight: bold;
    width: 40%;
}

.table th, .table td {
    padding: 2px;
}

input:focus {
    outline-width: 0;
}

body{font-size: 0.9rem;}
.nobr{white-space: nowrap;}

.w200{width: 200px;}
.sett span {
    margin: 0 4px;
}

.content-wrapper > .content {
    padding: 0 16px;
}

.win {
    z-index: 11;
    border: 1px solid #ccc;
    position: fixed;
    top: 0;
    background: #fff;
    display: none;
    height: calc(100vh - 84px);
    width: calc(100vw - 290px); 
    box-shadow: 0px 4px 16px 0px rgba(110, 123, 134, 0.15);
    margin-left: 16px;
    margin-top: 70px;
    padding: 8px 16px;
    margin-right: 16px;
}

.myclose {
    position: absolute;
    right: 8px;
    top: 8px;
    font-size: 16px;
    cursor: pointer;
    z-index: 111;
}

.win-body{
    overflow: auto;
    height: calc(100vh - 122px);
    margin-top: 20px;
}


.save-ok:after {
    content: '\2713';
    color: #28a745;
    font-weight: bold;
    margin-left: 10px;
}

.save-not:after {
    content: '\2715';
    color: #c00;
    font-weight: bold;
    margin-left: 10px;
    font-size: 10px;
}

span.zinfo {
    font-size: 10px;
    font-weight: normal;
    display: block;
    color: #069e06;
    margin: -4px 0px;
}

.red {
    color: #c00;
}

.pointer{cursor:pointer;}
tr.novaya {
    background: #eee;
}

tr.v-rabote {
    background: #f6efb6d1;
}

tr.prinyat {
    background: #f6efb6d1;
}

tr.v-puti {
    background: #f6efb6d1;
}

tr.pribyl {
    background: #f6efb6d1;
}

tr.vydan {
    background: #f6efb6d1;
}

.table#zayav thead th {
    vertical-align: top;
    border-bottom: 2px solid #bbb;
}

.table-bordered#zayav th, .table-bordered td {
    border: 1px solid #bbb;
}

table#zayav, table#ttn_tab {
    font-size: 12px;
}

table#zayav td, table#ttn_tab td {
    padding: 1px 2px;
}
td.ttn {
    $req="delete * from reys_ttn where reys=$id";
    }
    text-align: center;
}

.ttn input{
text-align: center;
}


.zayav1 td.col1 {
    padding: 2px 30px;
font-weight: bold;
}

span.status_city {
    font-weight: bold;
}

.jsgrid-header-cell {
    padding: .2em;
    text-align: center;
}

.jsgrid-header-sort:before {
    margin: 8px 2px;
}

.fa-circle{
font-size: 0.7rem !important;
}

.date_ttn {
    white-space: nowrap;
}

.sel {
    background: #e6ffd8;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #bbbbbb;
    background: #ddd;
}

.table-bordered th, .table-bordered td {
    border: 1px solid #bbb;
}

th.thtrash {
    width: 10px;
}

.bold{font-weight: bold;}

.myselected{    
    color: #000;
    font-weight: bold;
}

.zel1{color: #090;}

.mytooltip {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    max-height: 100px;
}

td.doc {
    max-width: 100px;
}

#ttn_tab{display: block;}

#zayav thead, #ttn_tab thead, #reys thead{
    position: sticky;
    top: -1px;
}

.center-cell{
    vertical-align: middle !important;
    text-align: center;
}

.checked::before {
    content: '✓';
    color: #21ae21;
    margin: 0 -16px;
    position: absolute;
}

.w-100{width: 100px;}
.w-150{width: 150px;}
.w-250{width: 250px;}

.myhide1{
display: none !important;
}

table {
margin-bottom: 0 !important;
}

.reys {
/*
    display: inline-table;
*/
}

.res{padding: 20px 0;}

[class*='sidebar-dark-'] {
    background-color: #000000;
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #000000;
}

[class*='sidebar-dark-'] .sidebar a {
    color: #C2C7D0;
    font-size: 18px;
}

.sett{width: 65px;}

td.req:after {
    content: '*';
    position: absolute;
    right: -11px;
    color: #c00;
    font-size: 20px;
    top: 6px;
}

table.infoTab td {
    height: 34px;
    vertical-align: middle;
    padding: 0 4px;
}

.wrapper {
    position: absolute;
    width: 100%;
}

.status1::before {
    content: '';
    border: 1px solid #555;
    width: 10px;
    height: 10px;
    border-radius: 13px;
    display: inline-block;
    margin: 0 4px 0px 0px;
}

.status-on::before {
    background: #0c0;
}

.jsgrid-cell {
    overflow: hidden !important;
    text-overflow: ellipsis;
    padding: 2px 4px;
}

.jsgrid-control-field {
    width: 26px !important;
}

@media (max-width: 992px) {
  .win {
    width: calc(100vw - 20px);
  }
}

.zblok {
    padding: 6px 20px;
}

.zb1{
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px;
min-height: 40px;
margin-bottom: 2px;
}

#zayav2Form {
    display: flex;
    flex-wrap: wrap;
}

#zayav2Form .form-group{
    margin-right: 10px;
}

.select2-container{
    width: 198px  !important;
}
a.on {
    text-decoration: underline;
}
.settp{
    position: fixed;
    top: 50px;
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    padding: 12px 40px;
    margin: 4px 0px 0px -18px;
    z-index: 11;
}
.inp-not {
    border: 1px solid #ff0000;
}

table.poruch td{
    border: 1px solid #000;
}

.bold1{
    background: #ccc;
    font-weight: bold;
}

td.noborder {
    border: none !important;
    height: 10px;
}