html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.sortable .row .handle {float:left;}
.sortable .btn-item{margin: 3px 20px;}
.sortable li.sortpdf.added{background-color: #d8ffd8;}
.sortable li.sortpdf.deleted{background-color: pink;}


.txt-ellipsis{
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.service-form p.help-block{margin-left: 18%;}

.grid-view .btn-danger {margin-left: 20px;}

/*#listTotalCats .glf, #listShowCats .glf {
  font-size: 16px;
  float: right;
}*/

#listTotalCats .glyphicon-eye-open, #listShowCats .glyphicon-eye-open {
  color: darkcyan;
}

#listTotalCats .glyphicon-eye-close, #listShowCats .glyphicon-eye-close {
  color: darkorange;
}
li.listCats{
  padding: 1px 5px;
  margin: 1px;
}

#accordion h5{margin:0px;}
#accordion .panel{margin:0; padding: 0; border-top-left-radius: 20px;}
#accordion .panel-heading{padding: 0px 20px;border-top-left-radius: 20px;}
#accordion h5 .btn-link{font-weight: bold; font-size: 25px; }

.clock {float:right; font-size: 20px; color:#795548; }
.site-index h2 {color:chocolate;margin-bottom: 30px;}

.site-index td{
    text-align: center;
    border: 1px solid gray;

}
.site-index table{
  width: 100%;
}
.site-index th{
    text-align: center;
    color: rgb(151, 72, 6);
    font-size: 18px;
}

#access{
  display:block; opacity:0; color:#01fdff;
  position:fixed; top:5px; left:0; z-index: 2000;
  transition: all 0.3s ease-in-out;
}
#access.show{ opacity:0.95;}
#crop-source{height: 500px; max-width: 100%; display: block; margin: 0 auto;  }

/* фильтры gallery_file по flags */
.off_flag_1 .flag_1 {display:none;}
.off_flag_2 .flag_2 {display:none;}
.off_flag_4 .flag_4 {display:none;}
.off_flag_8 .flag_8 {display:none;}
.off_flag_16 .flag_16 {display:none;}
.off_flag_32 .flag_32 {display:none;}

/* gallery_file  Новый тип с новой строки */
.on-break .flag_1+.flag_2, .on-break .flag_1+.flag_4, .on-break .flag_1+.flag_8, .on-break .flag_1+.flag_16, .on-break .flag_1+.flag_32 {clear:both;}
.on-break .flag_2+.flag_4, .on-break .flag_2+.flag_8, .on-break .flag_2+.flag_16, .on-break .flag_2+.flag_32 {clear:both;}
.on-break .flag_4+.flag_8, .on-break .flag_4+.flag_16, .on-break .flag_4+.flag_32 {clear:both;}
.on-break .flag_8+.flag_16, .on-break .flag_8+.flag_32 {clear:both;}
.on-break .flag_16+.flag_32 {clear:both;}
/*.sortable-placeholder{clear:none !important;}*/

.pan-head{
  margin-top: 30px;
  margin-bottom: -12px;
  padding: 10px;
  border: 1px solid #dddddd;
  border-radius: 3px 25px 0 0;
  background-color: #fafafa;
  box-shadow: inset 0 -12px 35px -5px #777;
}

.pan-head button{ font-size: 20px; margin: 0 10px;}
.pan-head label{ margin: 0 15px;}

.img-width-100{max-width:100px; margin-left:15px}

.btn-off {
  background-color: transparent;
  border-color: transparent;
}

.cnt-only .ctrl-cnt {display: none;}
.ipharm-start label {line-height: 25px;}

.ipharm-end a.btn {margin: 20px 20px;}

.error{color:red; font-style: italic; font-size: large;}

.red{ color:red;}
.green{ color:darkgreen;}

.tbl_ext_data{width: 100%; padding: 10px 0;}
.tbl_ext_data td, .tbl_ext_data th{border: 1px solid black; padding: 3px;}
.tbl_ext_data th{background-color: #eee; padding: 10px 3px;}
.tbl_ext_data td:first-child{width: auto;}
.tbl_ext_data td:nth-child(6){text-align: left;}


.tbl_ext_data .c_upd td{background-color: #ebffd7;}
.tbl_ext_data .c_notupd td{background-color: lavenderblush}

.tbl_ext_data .c_avail td:nth-child(3){color: darkgreen;}
.tbl_ext_data .c_notavail td:nth-child(3){color: brown; background-color: #ffff7a;}

.order-form{column-count: 2 !important;}
.order-form .form-group{margin-bottom: 0px; font-size: 12px;}
.order-form .form-control{
  font-size: 12px;
  height: 28px;
  padding: 0px 10px;
}
.order-form .help-block{margin: 0 0 5px;}

.statOrder{border: none; margin: 0px;}
.statOrder th, .statOrder td {
    border: none;
    padding: 0px;
    width: auto;
    border-left: 1px dotted;
}
.statOrder td:first-child, .statOrder th:first-child {width: 6%; border-left: none;}

/*.hidden{display: none;}*/

.update-order .panel-heading{padding: 3px 0px;}
.update-order .panel-heading .badge{background: #009688;}
.oprec .badge{position: absolute; left: -5px; }

.update-order img{width: 75px; margin: 3px 0px; box-shadow: 2px 2px 2px grey; }
.oprec {border-bottom: 4px groove gold; padding:3px 0px;}

.update-order input[type='text'] {width: 100%;}
.update-order input[type='number'] {width: 70px; margin: 1px 0px;}
.update-order input[type= 'checkbox'] + label {color: gray; margin: 3px 15px;}
.update-order input[type= 'checkbox']:checked + label {color:black}
.update-order h2 {font-size: 20px;}

.update-order select{margin: 2px 0px; }
.update-order textarea {width: 100%;  resize: vertical; }
.update-order a.btn {margin: 3px;}



.ord-block {border-top: 2px dotted darkgrey;}
.opbig{ height:100px;}
.mr-tb3{margin: 3px 0px;}

@media(max-width:767px) {
h1,h2 {font-size: 24px!important;}
}

.order-marker{
  display:block; position: absolute; bottom:0px; left:0;
  width:100%; height:10px;  border:1px solid silver;
  border-radius:5px;
}



.showhidden .hidden {display:block !important;}
.showhidden .glyphicon-eye-close {color:red;}

.glyphicon-ruble{color: red;}
.update-order .oc-ttlsumm{border: 2px dotted #007828;}
.update-order input.oc-tel{width: 170px;}

.btn.btn-on {transform:  rotate(90deg);}
.oc-addbask{margin: 5px 0px;}

.oc-ordmark {position:relative; float: right; width: 60px; margin: 5px 0px;
            height:10px;  border:1px solid silver; border-radius:5px;}

.opdel{ background-color: pink !important;}
/*.oc-allprods{display: none;}*/

.msgBox{display:block; position:fixed;width:100%;
       top:0; left:0;
       background-color: #eee;
       padding:15px;  font-size:18px;
       z-index:2000;
       text-align: center;
       box-shadow: inset 0 -6px 20px grey, 10px 10px 20px grey;
}
.msgBox > i{position:absolute; top:2px; right:2px; cursor:pointer; display:block;
           padding:5px 12px; border-radius:50%; background-color: black;
           color:white;box-shadow:5px 5px 15px black;}
.msgBox.success{background-color: greenyellow;}
.msgBox.danger{background-color: pink;}
.msgBox.warning{background-color: orange;}
.msgBox.info{background-color: cyan;}


.hide-oprec .oprec{display: none;}
.ctrl-oplist{border-bottom: 4px groove gold;} /*2px dotted #007828;}*/
.ord-list{padding-top: 3px;}

.mr-5{margin: 5px 0px;}

/* navigator.clipboard message view */
.smallHell{
    position: fixed;
    background: cyan;
    padding: 10px 20px;
    border:3px double blueviolet;
    color: black;
    text-shadow: 0px 0px 2px yellow;
    border-radius: 0 10px 10px;
}
/* can copy format navigator.clipboard message view */
.canCopy {
    cursor: help;
    display: inline-block;
    margin: 3px 5px;
    padding: 1px 6px;
    background-color: #ffffb2;
    border-radius: 10px;
    box-shadow: inset 0px -2px 10px 0px #c76800, 5px 5px 10px 0px #545454;
}
.id-plc{
  position:absolute; top:-5px; left:-5px;
}