PRE {font-size:15px !important;margin-left:220px;color:#030303;background-color:lightblue;font-family:"Open Sans",Arial,Helvetica,Sans-Serif;;min-width:500px;}
LABEL {white-space:nowrap;margin:0 12px 0 0;}

.datepicker {width:73px;border:1px solid #BDBDBD;text-align:center;}

 .login-info > SPAN {padding-right:7px;padding-left:15px;}

 #searchedGoods A {margin:6px;}

 #listPositions TD {text-align:center;}

 .widget-body-overflow {overflow: auto;}

 #listRazdPages {width:100%;table-layout:fixed;}

#photoAddForm IMG {border:1px solid white;}
#photoAddForm IMG:hover {border:1px dotted #030303;}

#price INPUT[type=text] {width:96%;text-align:right;}
#price INPUT[type=number] {width:96%;text-align:right;}

#goodsAShow INPUT[type=text] {width:96%;text-align:right;}

#listOrders ._op1 {background-color:#ffeaff}

.d-none {
  display:none;
}

.ui-widget-daredevel-checkboxTree li {
    list-style-type: none;
    position: relative;
}

.ui-widget-daredevel-checkboxTree li span {
    cursor: default;
    position: absolute;
    top: 3px;
    left: -16px;
    line-height:20px;
}
.ui-widget-daredevel-checkboxTree span:hover {background-color:lightblue; }
.ui-widget {}

TABLE .trc { background-color:#f5f5f5}
#tree3 SPAN {margin-top:-4px;}
#tree3 INPUT[type=checkbox] {margin:0px 3px 0 0;}

#brands {margin-top:3px;padding:3px;background-color:#f5f5f5;border:1px solid #c0c0c0;border-radius:3px;line-height:22px;table-layout:fixed;}
#brands TD {padding-right:24px;}
#brands LABEL {padding:2px;}
#brands LABEL:hover {background:lightblue;}

#brandsForms {max-height:450px;overflow: auto;}
#brandsForms LABEL {font-size:13px;padding:2px;float:left;width:200px;overflow:hidden;}
#brands LABEL:hover {background:lightblue;}

#treeCatPr {margin:0;padding:0;}
#treeCatPr input[type=checkbox] {margin-top:4px;margin-right:3px;}
#treeCatPr LABEL:hover {background:#ecf3f8;}
#brandsForms LABEL:hover {background:#ecf3f8;}

.catState {margin-right:25px;}

.wspop {
  width:400px;position:absolute;top:20px;left:-1px;background-color:#f0f0f0;border:2px solid #c0c0c0;border-radius:0px;z-index:999;
  text-aligN:left;padding:3px;box-shadow:rgba(0, 0, 0, 0.071) 0px 1px 1px 0px inset, rgba(36, 36, 36, 0.600) 0px 0px 8px 0px;
  font-size:12px;
}
.wspop H6 {text-align:center;margin:0 0 3px 0;font-size:14px;}
.wspop textarea {width:99%;min-heignt:52px;margin:0 0 6px 0;padding:1px;}
.wspop SELECT {padding:2px;height:22px;}
.dmInfo {font-style:italic;border-top:1px dotted #cccccc;margin-top:9px;}
.wspop BUTTON {margin-right:6px;}
.wspop DIV:hover {background-color:lightyellow;}

#orderFileList {background-color:#fff;margin-bottom:6px;}
#orderFileList > DIV {padding:2px;}

#orederControlComents {margin-top:3px;max-height:300px;overflow:auto;}

#cmlBtn {position:relative;max-width:42px;}
#cmlBtn SPAN {cursor:pointer;width:auto;}

#cmlForm {text-align:center;width:auto;position:absolute;top:0;left:100%;border:1px solid rgba(142, 186, 220, 0.890);padding:3px;
          box-shadow:rgba(0, 0, 0, 0.071) 0px 1px 1px 0px inset, rgba(82, 168, 236, 0.600) 0px 0px 8px 0px;z-index:999;border-radius:3px;}
#cmlForm INPUT {max-width:150px;padding:0;margin:3px;}

#searchParamName {color:#005580;max-height:152px;z-index:990;border-radius:6px;color:000;position:absolute;overflow:auto;top:32px;left:143px;min-width:321px;padding:3px 6px;box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 8px 0px;background:#fff;}
#searchParamName DIV:hover{text-decoration:underline;color:red;cursor:pointer;}
#paramValues {color:#005580;max-height:152px;z-index:990;border-radius:6px;color:000;position:absolute;overflow:auto;top:32px;left:67px;min-width:125px;padding:3px 6px;box-shadow:rgba(0, 0, 0, 0.6) 0px 0px 8px 0px;background:#fff;}
#paramValues DIV:hover{text-decoration:underline;color:red;cursor:pointer;}

#goodParams IMG {width:18px;height:18px;cursor:pointer;}

#divPriceFileForm INPUT {display:inline-block;margin:3px;}

#listGoodParams {margin-bottom:12px;}
#listGoodParams INPUT[type="text"] {margin-right:25px;width:125px;}
#listGoodParams IMG {width:auto;height:14px;cursor:pointer;vertical-align:absmiddle;}

#listParams SPAN {color:#005580;border-bottom:1px dotted;cursor:pointer;margin:0 3px;}
#listParams SPAN:hover {color:red;border-bottom:2px dotted;}

#resultsSearchName DIV {margin:0px;line-height: 24px;}
#resultsSearchName DIV:hover {cursor:pointer;background-color:#ecf3f8;}
#resultsSearchName TABLE {width:100%;table-layout:fixed;}
#resultsSearchName TR:hover {cursor:pointer;background-color:#ecf3f8;}
#resultsSearchName TD {padding:5px;}

#streetNames {z-index:999;background:#fff;position:absolute;top:24px;left:0;width:318px;max-height:200px;overflow:auto;box-shadow:rgba(0, 0, 0, 0.071) 0px 0px 8px 0px inset, rgba(82, 82, 82, 0.600) 0px 0px 8px 0px;}
#streetNames DIV {margin:5px 0;padding:2px;}
#streetNames DIV:hover {cursor:pointer;color:#fff;background-color:#368399;}

#cityNames {z-index:999;background:#fff;position:absolute;top:24px;left:0;width:318px;max-height:200px;overflow:auto;box-shadow:rgba(0, 0, 0, 0.071) 0px 0px 8px 0px inset, rgba(82, 82, 82, 0.600) 0px 0px 8px 0px;}
#cityNames DIV {margin:5px 0;padding:2px;}
#cityNames DIV:hover {cursor:pointer;color:#fff;background-color:#368399;}

#stationNames {z-index:999;background:#fff;position:absolute;top:24px;left:0;width:318px;max-height:200px;overflow:auto;box-shadow:rgba(0, 0, 0, 0.071) 0px 0px 8px 0px inset, rgba(82, 82, 82, 0.600) 0px 0px 8px 0px;}
#stationNames DIV {margin:5px 0;padding:2px;}
#stationNames DIV:hover {cursor:pointer;color:#fff;background-color:#368399;}

#highwayNames {z-index:999;background:#fff;position:absolute;top:24px;left:0;width:318px;max-height:200px;overflow:auto;box-shadow:rgba(0, 0, 0, 0.071) 0px 0px 8px 0px inset, rgba(82, 82, 82, 0.600) 0px 0px 8px 0px;}
#highwayNames DIV {margin:5px 0;padding:2px;}
#highwayNames DIV:hover {cursor:pointer;color:#fff;background-color:#368399;}

.priceFiles {z-index:999;background:#fff6e4;position:absolute;top:20px;left:90%;width:500px;max-height:200px;overflow:auto;box-shadow:rgba(0, 0, 0, 0.071) 0px 0px 8px 0px inset, rgba(82, 82, 82, 0.600) 0px 0px 8px 0px;}
.priceFiles>DIV {margin:5px 0;padding:3px;}
.priceFiles1>DIV:hover {cursor:pointer;color:#fff;background-color:#36839980;}


#setAccessory DIV {cursor:pointer;padding:1px;}
#setAccessory DIV:hover {background-color:#ecf3f8;}

#requirementsOn DIV {width:73px;margin:0;padding:3px;}
#requirementsOn IMG {margin:6px auto;}
#requirementsOn .tb {float:left;background-color:lightblue;cursor:pointer;text-align:center;border-radius:3px;margin:2px 2px;}
#requirementsOn .tro {background-color:#f5f5f5;padding:3px;width:100%;}
#requirementsOn .ts {float:left;text-align:center;}
#requirementsOn .te:hover {font-weight:900;}
#requirementsOn .tn {float:left;width:456px;}
#requirementsOn SPAN {padding:0 2px;}

#requirementsOn .tp {float:left;cursor:pointer;text-align:center;margin-left:3px;}
#requirementsOn .tp:hover {background-color:lightgreen;}

#requirementsOn .trr {display:table-row;margin-bottom:25px;}
#requirementsOn .trr:hover {background-color:lightyellow;}

#requirementsOnQnty {padding:2px;position:absolute;width:auto;background-color:#f0f0f0;text-align:center;box-shadow:rgba(0, 0, 0, 0.079) 0px 2px 2px 0px inset, 
rgba(82, 168, 236, 0.600) 0px 0px 8px 0px;z-index:999;  }

#requirementsOnQnty INPUT {width:86%;padding:1px;margin:1px;}
#requirementsOnQnty I {cursor:pointer;margin:2px;}

#inpQntyReq {text-align:center;}

#chNewSuplForItemForm {position:absolute;top:0;left:71px;min-width:300px;background-color:#f0f0f0;padding:2px;
            box-shadow:rgba(0, 0, 0, 0.079) 0px 2px 2px 0px inset, rgba(82, 168, 236, 0.600) 0px 0px 8px 0px;z-index:999;}
#chNewSuplForItemForm SELECT {margin-top: 2px;}            

#orderedByFirmForm {margin-top:6px;}


#statusList {margin:9px 0 12px 0;line-height:30px;}
#statusList DIV {background-color:RGBA(0,0,0,0.73);position:absolute;top:20px;left:0px;width:190px;line-height:20px;
      padding:3px 6px;text-align:left;box-shadow:rgba(0, 0, 0, 0.071) 0px 1px 1px 0px inset, rgba(82, 168, 236, 0.600) 0px 0px 8px 0px;z-index:999;
      border-radius:3px;}
#statusList INPUT[type="text"] {margin:0px;padding:1px 1px;width:123px;margin-right:6px;}
#statusList DIV>A {color:#fff;font:normal normal 400 12px Arial}
#statusList FORM {margin:2px 0;}

#showAcsP {border-radius:3px;font-weight:700;font-size: 11.84px;letter-spacing: 1px;margin-top:3px;color:#fff;width:100%;padding:3px;background-color:#2D6987;}
#showAP {border-radius:3px;font-weight:700;font-size: 11.84px;letter-spacing: 1px;margin-top:3px;color:#fff;width:100%;padding:3px;background-color: #DA4F49;background-image: linear-gradient(to bottom, #EE5F5B, #BD362F);background-repeat: repeat-x;}

#shiftDelivery,#whyCancel {background-color:RGBA(0,0,0,0.88);position:absolute;top:20px;left:0px;width:200px;line-height:20px;
      padding:3px 6px;text-align:left;box-shadow:rgba(0, 0, 0, 0.071) 0px 1px 1px 0px inset, rgba(82, 168, 236, 0.600) 0px 0px 8px 0px;z-index:999;}

#shiftDelivery INPUT[type="text"],#whyCancel INPUT[type="text"] {margin:0px;padding:1px 1px;width:123px;margin-right:6px;}
#shiftDelivery .link,#whyCancel A {color:#fff;font:normal normal 400 12px Arial;cursor:pointer;}
#shiftDelivery .link:hover,#whyCancel .link:hover,#whyCancel A:hover {color:#fff;font:normal normal 400 12px Arial;text-decoration:underline;}
#shiftDelivery FORM,#whyCancel FORM {margin:2px 0;}

#aCard {width:990px;margin:0 auto;max-height:800px;overflow:auto;background:#ffffff;border-radius:6px;padding:3px;}
#aCardWrapper {z-index:99999;position:fixed;width:100%;height:1000px;top:0;left:0;background:RGBA(0,0,0,0.73);padding-top:50px;}

#listTypeOrd A {margin:0 10px;}

#tblSearchGood TD {padding:3px;}

#categsListXML .chx {padding:2px;}
#categsListXML .chx:HOVER {background-color:#f5f5f5;}
#categsListXML INPUT {width:25px;padding:1px;text-align:center;}

#settingsCategBrands LABEL:hover {background-color: yellow;}
#settingsCateg INPUT[type=text] {width:73px;}

.statusLink {padding: 1px;color: #fff;font-size: 12px;cursor: pointer;font-famyily: arial}
.statusLink:hover {background-color: #f0f0f0;color: #333;font-size: 12px;cursor: pointer;}

#waitBar {box-shadow:rgba(0, 0, 0, 0.071) 0px 1px 1px 0px inset, rgba(36, 36, 36, 0.600) 0px 0px 8px 0px;
        padding:12px 25px 0 25px;position:fixed;top:10px;left:33%;z-index:9999;background-color:#fafafa;border-radius:3px;border:1px solid #c0c0c0;
        display:none;font-weight:600;font-size:15px}


.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
}
.btn-link {cursor:pointer;}

###########

.label-taken,
.badge-taken {
  background-color: #e1d401;
}

.label-delivered,
.badge-delivered {
  background-color: #01e1d4;
}

.label-important,
.badge-important {
  background-color: #b94a48;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success {
  background-color: #468847;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info {
  background-color: #3a87ad;
}

.label-primary,
.badge-primary {
  background-color: #5bc0de;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}

.label-light,
.badge-light {
  background-color: #876823;
}

.label-inProc,
.badge-inProc {
  background-color: #9fe5c3;
}

.label-article,
.badge-article {
  background-color: #666666;
}

.label-status-52,
.badge-status-52 {
  background-color: #3a5ead;
}
.btn-status-52{color:#fff;background-color:#3a5ead;border-color:#33334d}
.btn-status-52:hover{color:#fff;background-color:#3a5ead;border-color:#33334d}
.btn-status-52:focus{color:#fff;background-color:#3a5ead;border-color:#33334d}


.label-waitRes,.badge-waitRes { background-color: #d98cb3;}
.btn-waitRes{color:#fff;background-color:#d98cb3;border-color:#993366}
.btn-waitRes:hover{color:#fff;background-color:#993366;border-color:#993366}
.btn-waitRes:focus{color:#fff;background-color:#d98cb3;border-color:#993366}


.label-inRes,.badge-inRes { background-color: #ff794d;}
.btn-inRes{color:#fff;background-color:#ff794d;border-color:#ff4000}
.btn-inRes:hover{color:#fff;background-color:#ff6633;border-color:#ff4000}
.btn-inRes:focus{color:#fff;background-color:#ff794d;border-color:#ff4000}

.label-wf,.badge-wf { background-color: #ff0000;}
.btn-wf{color:#fff;background-color:#ff0000;border-color:#cc0000}
.btn-wf:hover{color:#fff;background-color:#cc0000;border-color:#cc0000}

.label-redDeliv,.badge-redDeliv {  background-color: #9932cc; }
.btn-redDeliv{color:#fff;background-color:#9932cc;border-color:#4d1967}
.btn-redDeliv:hover{color:#fff;background-color:#4d1967;border-color:#4d1967}

.label-dontCall,.badge-dontCall {  background-color: #666699; }
.btn-dontCall{color:#fff;background-color:#666699;border-color:#33334d}
.btn-dontCall:hover{color:#fff;background-color:#33334d;border-color:#33334d}

.label-shiftDeliv,.badge-shiftDeliv {  background-color: #ff00ff; }
.btn-shiftDeliv{color:#fff;background-color:#ff00ff;border-color:#800080}
.btn-shiftDeliv:hover{color:#fff;background-color:#800080;border-color:#800080}

.label-notDelivered,.badge-notDelivered {  background-color: #666633;}
.btn-shiftDeliv{color:#fff;background-color:#666633;border-color:#222211}
.btn-shiftDeliv:hover{color:#fff;background-color:#222211;border-color:#222211}

.label-onDelivery,.badge-onDelivery {  background-color: #dbb011; }
.btn-onDelivery{color:#fff;background-color:#dbb011;border-color:#dbb011}
.btn-onDelivery:hover{color:#fff;background-color:#dbb011;border-color:#dbb011}

div.combobox  {position: relative;zoom: 1}
div.combobox  div.dropdownlist  {z-index:999;display: none;width:100%; border: solid 1px #ccc;background-color: #fff;max-height:600px;overflow: auto;position: absolute;top: 22px;left: 0px;}
div.combobox  .dropdownlist a {display: block;text-decoration: none;color: #000;padding: 1px;cursor: default}
div.combobox  .dropdownlist a.light {color: #fff;background-color: #3276b1}
div.combobox  input {float: left;width: 382px;border: solid 1px #ccc;height: 24px}
div.combobox  span  {padding-top:2px;border: solid 1px #ccc;background: #eee;width: 22px;height: 24px;float: left;text-align: center;border-left: none;cursor: default}

.cp {cursor:pointer;}

#loadingStatus {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      text-align: center;
      opacity: 0.7;
      background-color: #fff;
      z-index: 99;
      display:none;
      justify-content: center;
    }

    #loadingStatus-image {
      position: absolute;
      top: 30%;
      left: 50%;
      z-index: 100;
    }