/*Varibles*/
@text-color:#000;
@active-color:#747474;
@background-color:#ebebeb;
@border-color:#e7e7e7;
@hint-color:#959595;
@flash-color:#a7fcdb;
@result-color:#ffffcd;
@href-color:#b00;
@yellow:#FFFF33;
@border-new: #ccc;
/*p,ol                          { font:normal 14px FuturaStd; }*/



*                           { margin:0; padding:0; }
.popover{display: none;}
.support_modal              {
  input.support_btn       {cursor: pointer;
    &:focus             {-webkit-box-shadow:inset 0px 0px 3px 0px rgba(50, 50, 50, 0.75);   -moz-box-shadow:inset 0px 0px 3px 0px rgba(50, 50, 50, 0.75); box-shadow: inset 0px 0px 3px 0px rgba(50, 50, 50, 0.75);}
    &:active            {-webkit-box-shadow:inset 0px 0px 3px 0px rgba(50, 50, 50, 0.75);   -moz-box-shadow:inset 0px 0px 3px 0px rgba(50, 50, 50, 0.75); box-shadow: inset 0px 0px 3px 0px rgba(50, 50, 50, 0.75);}
  }
}

.rotate(@deg)               { -moz-transform: rotate(@deg); -webkit-transform: offers_orders_listrotate(@deg); -o-transform: rotate(@deg); -ms-transform: rotate(@deg);}

.appearance_none            { -webkit-appearance:none; -moz-appearance:none; appearance:none; }

.middle                     { width:950px; margin:auto;
  @media (max-width: 1332px) { margin-right:16px; margin-left:274px; }
}

.default-font               { font:normal 13px Verdana; }
input                       { border:1px solid #abadb3; }

.button                     { border:3px solid @flash-color; background:none; font:normal 13px Tahoma; text-transform:uppercase; font-weight:bold; padding:1px 4px;
  &:hover                 { background-color:@flash-color; cursor:pointer; }
  &.active_button         { background-color:@flash-color; }
  &.fail_button           { background-color:red; color:#FFF; }
  &.bad                   { border-color:red;
    &:hover             { background-color:red; color:#FFF; }
  }
}

.href                       { text-decoration:none; color:@href-color; border-bottom:1px solid @href-color;
  &.pencil                { line-height:24px; font-size:24px; }
  &:hover                 { border-bottom:1px solid; }
}

.flash-message              { position:fixed; z-index:100; top:74px; right:50%; margin-right:-420px !important; padding:16px 16px 32px 16px; max-width:352px; background-color:@flash-color;
  &:before                { content:""; position:absolute; top:-8px; right:32px; background-color:@flash-color; width:16px; height:16px; .rotate(45deg);}
  &:after                 { content:"click to hide"; position:absolute; bottom:2px; right:16px; font-size:11px; }
  &:hover                 { cursor:pointer;
    &:after             { text-decoration:underline; }
  }
  &.bad                   { background-color:red; color:#FFF;
    &:before            { background-color:red; }
    a                   { color:#FFF; }
  }
}
.edit-pending-message     { position:absolute; z-index:9; top:115px; right:50%; margin-right:-320px !important; padding:16px 16px 32px 16px; max-width:352px; background-color:@flash-color; font-size:20px;
  &:before                { content:""; position:absolute; top:-8px; right:32px; background-color:@flash-color; width:16px; height:16px; .rotate(45deg);}
  &:after                 { content:"click to hide"; position:absolute; bottom:2px; right:16px; font-size:11px; }
  &:hover                 { cursor:pointer;
    &:after             { text-decoration:underline; }
  }
  &.bad                 { background-color:red; color:#FFF;
    &:before            { background-color:red; }
    a                   { color:#FFF; }
  }
  color: #ff0000;
}

.popup_loading              { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#FFF; opacity:0.8; }



#header                     { .default-font; height:93px; background-color: #fff; /*new position: relative;  z-index: 555;/*new*/
  h1                      { position:fixed; z-index: 5; left:0; margin-top: 70px; width:100%; background-color:black; color:#FFF; text-align:center; font-weight:normal; font-size:16px; line-height: 1.25; padding:2px 0; }
  figure                  { float: left; display: inline; }
  img                     { position:absolute; top:12px; left:16px; }
  #alert                  { position:absolute; color:#bb0000; font-weight:bold; top:-2px; left:16px; }
  #left-menu,#right-menu  { position: fixed; top: 66px; background: url("/styles/icons/left-menu-mark.png") no-repeat; z-index: 6; background-color: rgb(178, 0, 0); height: 30px; line-height: 30px; font-family: Arial; font-size: 14px; color: #fff; text-decoration: none;
    &:hover             { background-color: #7C0000; }
  }
  #left-menu              { left: 18px; background-position: 9px 12px; display: block; padding: 0 8px 0 20px;
    &.open              { background-position: 9px -10px; }
  }
  #right-menu             { right: 18px; background-position: 72px 12px; display: none; padding: 0 20px 0 8px;
    &.open              { background-position: 72px -10px; }
  }
  .container-header       { position: fixed; left: 0; right: 0; top: 0; background-color: #fff; z-index: 5; padding-bottom: 30px;
    ul                  { height: 41px; overflow: hidden; border: 1px solid @border-new; padding: 3px; margin-left: 270px; margin-top: 16px; margin-right: 250px; display: block; font: 0 Verdana, Geneva, sans-serif; letter-spacing: -.36em;
      li              { vertical-align: top; list-style: none; display: inline-block; margin-left: 1%; margin-bottom: 2px;
        *           { letter-spacing: 0; font-family: Arial; font-size: 14px; color: #000; }
        a           { padding-left: 24px; text-decoration: none; background: url("/styles/images/top_menu_m.png") no-repeat; display: block; height: 20px; line-height: 20px;
          &:hover { text-decoration: underline; }
        }
        &.collective a{ background-position: 0px 0px; }
        &.list-task a{ background-position: 0px -40px; }
        &.store a   { background-position: 0px -80px; }
        &.conditions-use a{ background-position: 0px -120px; }
        &.brand-base a{ background-position: 0px -160px; }
        &.deals a   { background-position: 0px -200px; }
        &.customer-tables a{ background-position: 0px -240px; }
        &.regular-customer a{ background-position: 0px -280px; }
        &.board a   { background-position: 0px -320px; }
        &.daily-report a{ background-position: 0px -360px; }
        &.daily-report a{ background-position: 0px -360px; }
        &.task a    { background-position: 0px -400px; }
        &.tariff-surcharge a{ background-position: 0px -240px; }
      }
    }
    >span               { position: absolute; top: 20px; right: 6px;
      span            { font-size: 12px; }
      a               { color: #000; }
    }
  }

  nav                     { display: none; opacity: 0; z-index:1002; height: auto !important; bottom: 20px;  background-color:#FFF; width:250px; position:fixed; top:96px; min-width: 215px; left:16px; border-right:1px solid @border-new; padding:8px 32px 8px 0;
    h3                  { border-bottom: 1px solid @border-new; text-transform: uppercase; color: rgb(208, 58, 58); margin-bottom: 8px; margin-top: 8px; }
    &:hover             { }
    ul                  { padding-left: 0;
      li              { list-style:none; margin-bottom:4px;
        h3          { font-size:12px; padding:2px; /*background-color:@flash-color; */}
        a           { .href; color: #000; border: none; display: inline-block; background: url("/styles/images/left_menu.png") no-repeat; white-space:nowrap; font-size: 12px; height: 21px; line-height: 20px; padding-left: 24px; min-width: 100px;
          &:hover:after{ margin-left:8px; content:"?"; }
          &:hover { border-bottom: 1px solid #000; height: 20px; }
        }
        &.work-files a{ background-position: 0px -77px; }
        &.algorithms-articles a{ background-position: 0px -113px; }
        &.amazom a{ background-position: 0px -187px; }
        &.lessons-video a{ background-position: 0px -298px; }
        &.send-offers a{ background-position: 0px -409px; }
        &.turn-send-offers a{ background-position: 0px -446px; }
        &.logging a { background-position: 0px -37px; }
        &.google-analytics a {  background-position: 0px 0px; }
        &.calendar-reminder a {  background-position: 0px 0px; }

        &.regional-administration a{ background-position: 0px -560px; }
        &.country-administration a{ background-position: 0px -597px; }
        &.brand-base-export a{ background-position: 0px -634px; }
        &.deals-export a{ background-position: 0px -671px; }
        &.cost-delivery a{ background-position: 0px -709px; }
        &.conditions-export a{ background-position: 0px -746px; }

        &.brand-work a{ background-position: 0px -782px; }
        &.deals-usa a{ background-position: 0px -820px; }
        &.conditions-usa a{ background-position: 0px -857px; }

        &.general-table a{ background-position: 0px -897px; }
        &.new-manufacturer a{ background-position: 0px -933px; }
        &.assignments a{ background-position: 0px -972px; }
        &.analyst a{ background-position: 0px -1008px; }

        &.sections a{ background-position: 0px -1049px; }
        &.email-templates a{ background-position: 0px -1085px; }
        &.priorities a{ background-position: 0px -1121px; }
        &.status a{ background-position: 0px -1158px; }
        &.types-work a{ background-position: 0px -1196px; }
        &.groups a{ background-position: 0px -1233px; }
        &.manage-customer-status a{ background-position: 0px -1049px; }
      }
    }
  }
  &.login                 { height: 55px;
    h1                  { margin-top: 16px; }
    p                   { display: block; text-align: center; margin-top: 16px; }
  }
}

@media (max-width: 1366px) {
  #header                 {
    .container-header   {
      >span           { top: 0; font-family: Arial; font-size: 12px; right: 1%;
        >a          { background: url('/media/logut_small.png') no-repeat; margin-top: 2px; font-size: 0; width: 10px; height: 10px; display: inline-block; vertical-align: top; }
      }
      >figure a       { width: 77px; height: 48px; overflow: hidden; display: block; position: relative; top: 12px; left: 13px;
        img         { background: url('/media/logo_small.png') no-repeat; width: 78px; height: 48px; padding-left: 85px; top: 0; left: 0; }
      }
      >ul             { margin-left: 106px; margin-right: 1%; overflow-y: auto; }
    }
  }
}


#main.home                  {width: 1200px;
  .container-scroll-table     {width:100%; display: block; overflow-x: auto;}
}

#main,.news                 { .middle; .default-font; overflow:auto;
  &.gum                   { position:absolute; left:1%; width:auto; right:1%; margin-left:0;
    .flash-message      { top:3px; }
    table               { min-width: 1333px; }
  }
  >h1,h2                  { margin-left:8px; margin-bottom:16px; }
  h1,h2                   { margin-bottom:16px; }
  >iframe                 { margin:32px 120px; }
  a                       { .href; }
  form                        { padding:8px; margin-bottom:32px;
    input               {
      &[type='button']{ .button; float:right; }
      &[type='submit']{ display:none; }
    }
  }

  ol                      { padding-left:64px; }

  select                  { width:268px; padding:4px 8px; }
  input:not([type])           { background:red; }
  input[type='text'],input[type='password'],input[type='number']{ width:250px; padding:4px 8px; margin-right:8px; }
  textarea                    { width:598px; max-width:598px; height:128px; padding:8px; }

  dl                      { margin-left:32px; margin-top:8px;
    dt,dd               { margin-bottom:4px; line-height: 32px; }
    dt                  { clear:both; float:left; width:180px; }
    dd                  { margin-left:136px; }
    &.wide-dl           {
      dt              { width:160px; }
    }
  }
  .inline_list            { margin:8px 0;
    li                  { display:inline; margin-left:16px;
      input[type="button"]{ height: 28px; line-height: 12px; }
    }
    .filter_select      {float: right; width: 100px;}
    .page_size          {float: right; width: 45px; margin-right: 370px;margin-top: -19px;}
  }
  ul.menu                 { .inline_list;
    a                   { .button; color:#000; }
  }
  table.doc-table         {
    .thead              { background-color:#f5f5f5;
      td              { padding:2px; }
      input               { background:none; }
    }
    td                  { padding:0;
      input,select    { width:99%; margin:0; padding:2px 0; border:0; }
    }
    .save               { display:none; }
  }

  .highlited              { background:@result-color; }

  .result                 { display:none; background:@result-color; padding:16px; border:1px solid #CCC;
    dt                  { min-width:128px; width:auto; margin-right:8px; }
    input                   { background:none; border:1px solid #CCC; }
  }

  >p,pre                  { margin:8px 8px 8px 32px; }

  >section                    { padding:8px; margin-bottom:32px;
    form                {
      textarea        { width:598px; max-width:598px; }
      dl              {
        textarea    { width:582px; max-width:582px; }
      }
    }
  }

  table                   { border:none; border-spacing:1px; width:100%; margin-top:8px; position: relative;
    .thead              { font-weight:bold; }
    tr                  {
      td              { padding:1px 4px; border: solid 1px @border-new; border-width:1px 1px 0 0;
        &:first-child{ border-width:1px 1px 0 1px;  }
      }
      &:last-child    {
        td          { border-width:1px 1px 1px 0;
          &:first-child{ border-width:1px 1px 1px 1px;  }
        }
      }
      .width30p       { width:30%; }
      .center         { text-align:center; }
    }
  }

  &.manage-brand          {
    table               {
      tr              {
        td:last-child{ text-align:center; }
      }
    }
  }

  &.calculator            {
    section             { overflow:auto;
      input[type='button']{ .button; }
    }
    small               { font-size:9px; color:#CCC; }
  }

  &.articles              {
    textarea            { width:100%; max-width:100%; min-height:256px; margin:8px 0 16px; }
    p                   { text-indent:8px; }
    section+section     { border-top:1px solid @border-new; }
    section             {
      h1              { margin:8px; }
    }
    h5,h6               { font-size:13px; }
    h5                  { color:green; }
    h6                  { color:red; }
  }

  &.upload_files          {
    form                { width:50%; border:1px solid @border-new; padding:16px 16px 22px; margin:16px auto; }
  }

  &.incoterms             {
    select              { width:auto; }
  }


  &.wide                  { margin-left:1.75%; margin-right:0.25%; width:98%; border:none; /**/background:#FFF; position:absolute; /*box-shadow:-5px 5px 9px #EEE;*/ bottom:-13px; top:96px;
    .flash-message      { right:0; }

    .search             { position:absolute; padding:0; margin:-2px 0 0 364px;/*193px;*/
      input[type="text"]{ width:250px; padding:6px 8px; margin-right:8px; }
      form            { margin-bottom:0; padding:0; }
      input[type="button"]{ float:none; }
      a               { text-transform:lowercase; font-size:10px; }
      button          { margin-left:300px; .button;}
    }
    table               {
      select          { width:auto; }
      td              { padding:2px; max-width:315px;
        &.td-name, &.td-division_of { max-width:128px; }
        &.td-location{ max-width:128px; }
        //  &.td-notes  { background-color:@result-color; }
        &.td-status, &.td-application, &.td-application2, &.td-priority { max-width:128px; text-align:center;
          select  { max-width:80px; }
        }
        &.td-referral{ max-width:64px; text-align:center;
          select  { max-width:52px; }
        }
        &.td-contact_person, &.td-referral{ max-width:176px; }
      }
      tr              {
        &:first-child{
          a       {  margin-top:-4px; }
        }
        &.thead     { background-color:#f5f5f5; text-align:center; }
        &:hover     { background-color:#f8f8f8; }
      }
    }
  }

  section#edit-manuf      { overflow: auto;
    table               { margin:16px 0; }
    dl                  { width:45%; float:left;
      &#general_info  { margin-top:40px; }
      &#aditional_materials{ margin-top:11px; }
      textarea            { width:100%; max-width:100%; }
      .phone_call_notes{ height:563px; }
      dd *                { .default-font; font-size:14px; }
      &.wide-dl       {
        textarea    { width:368px; max-width:368px; height:64px; }
        input[type=text]{ width:368px; }
      }
      .states_tax_info{
        width: 415px;
        padding-left: 24px;
        input[type='checkbox'] { margin-right: 4px;}
      }
      &#export_info   { background:@result-color; padding:16px 0 16px 8px; }
      &#domestic_info { padding:16px 0 16px 8px; margin-bottom:32px; }
      &#pricing_info  {
        dt          { min-width:128px; width:auto;}
        dd          { margin-left:200px; }
      }
    }
    a span              { font-size:22px; }
    dl+section          { clear:both; }
    .additional_images  { max-height:64px; max-width:64px; border:1px solid @border-new; padding:2px; margin-right:16px;
      &:hover         { cursor:pointer; max-height:none; max-width:none; }
    }
    .check              { clear: both; margin-bottom:16px;}
    .delete             { margin-top:32px; clear:both; border-top:1px solid @border-new;
      *               { float:left; margin-left:16px;}
    }
    nav.bad             { float:right; .button; margin-right:32px;
      input           { margin:0 4px; }
    }
  }
  #add_competitor         { width:50%;
    input[type=button]  { .button; }
    ul                  { margin:-8px 0 16px 32px; max-width:256px;
      li              { line-height: 22px; }
    }
    button              { border:1px solid @border-new; background:none; float:right; .button.bad; padding:0 4px; cursor:pointer; }
  }

  &.priority, &.status    {
    .bad                { margin-right:16px; }
    #colorpickerHolder  {
      input           { width:auto; margin:0; padding:0; }
    }
    section+section     { border-top:1px solid @border-new; }
    section             {
      p               { margin-left:32px; text-indent:8px; margin-top:8px; }
      li              {
        ul          { margin-left:16px;
          li      { list-style-type:lower-alpha; }
        }
      }
    }
  }

  &.tasks                 {
    >*                  { margin:16px;
      &+*             { border-top:1px solid @border-new; }
    }
    section             {
      h1              { margin-bottom:4px; }
      p               { margin-left:16px;
        .priority   { padding:1px 4px; border-radius:4px; }
      }
    }
  }

  &.contact_person, &.add-new-manuf{ font-size:15px;
    input,select,textarea{ font-size:15px; }
    .bad                { margin-right:16px; }
  }

  &.article               { overflow:hidden;/*Mithtics*/
    #button_back        {float: left}
    >nav                { padding:8px; text-align:right; border-bottom:1px solid @border-new; }
    h2,h1               { text-align:center; color:@href-color; }
    h3                  { margin-left:32px; }
    h1,h2,h3            { margin-top:32px; margin-bottom:8px; }
    h4                  { margin-left:16px; }
    p                   { text-indent:16px; margin:8px; }
    s                   { text-decoration: none; background-color:#FFF; width:6px; height:16px; margin-left:-4px; overflow:hidden; position:absolute; z-index:1; border:1px solid red;
      &:before        { content: "!"; position: absolute; top:0; padding:0; left:-16px; font-weight:bold; color:red; }
      &:hover         { width:auto; height:auto; border:3px solid @flash-color; padding:8px;
        &:before    { left:-12px; font-size:20px; }
      }

    }
    textarea                { margin:4px 16px; width:768px; max-width:768px; min-height:208px; }
    >ol, ul             { margin:16px 0 0 64px; padding:0;
      //li            { list-style:none; }
    }
    li ul                   { margin-left:16px; }
    li ol                   { margin-left:16px; }
    table               { margin:4px auto; width:auto; max-width:768px;
      td              { /*text-align:center;*/ }
    }
    img                 { border:3px solid; padding:4px; max-width:768px; }
    .article_nav        { overflow: auto; margin:0; padding:0;
      >ul             { overflow:auto; margin:0; padding:0;
        li          { list-style:none; }
        >li         { float:left; width:50%;
          &:nth-child(3){ clear:left; }
          h3      { text-transform:capitalize; }
          ul      { margin-bottom:16px;
            h4  {
              &:hover{ cursor:pointer; }
              &:before{ border:1px solid; padding:0 1px; font-size:10px; margin-right:4px; }
              &.pluss:before{ content:"+"; }
              &.minus:before{ content:"-"; padding:0 3px; background-color:#FFF; }
            }
          }
          .book   { padding-left:32px; display:none; position:relative;
            &:before{ content:""; border:1px solid; border-width:0 0 1px 1px; position:absolute; width:4px; height:16px; left:22px; top:-7px; z-index:-1; }
          }
        }
      }
    }
    #edit-article       { border-top:1px solid; margin:0; padding:0;.highlited;
      ul              {
        li          { list-style:none; line-height:22px; }
      }
      form            { margin:0; overflow:auto; border-top:1px solid;
        textarea    { width:300px; float:left; min-height:443px; width:480px; margin:0; }
        .check      { margin-top:16px; }
      }
    }
  }

  &.edit_article          {
    #editareae          { width:100%; height:500px; }
    input[type='button']    { .button; float:right; margin:32px; }
    iframe              { min-height:60%; }
    form                {
      input[type='text']{ padding:5px 8px; }
      &+form          { clear:both; border-top:1px solid; overflow:auto; }
      .access_table   {
        tr:hover    { background-color:#E6E6E6; }
      }
    }
  }

  &.import                {
    section             {
      h1              { margin:16px; }
      p               { text-indent:32px; }
    }
  }

  &.social                {
    table               { margin-bottom:8px;
      td              { padding:4px; }
      .skype          { text-align:center; font-size:26px; padding:0; }
    }
    section             { margin-bottom:16px; }
    section+section     { border-top:1px solid; }
    #reset_access       { border-top:1px solid; }
    #edit_access        { overflow:auto; border-top:1px solid;
      dl              { float:left; width:45%;
        dd,dt       { line-height:22px; }
        dt          { width:350px; }
      }
      input           { clear:both; }
    }
  }

  &.social-template-2       { left: 16px; border: none; font-family: Arial; overflow: inherit;
    *                   { font-size: 14px; }
    li                  { list-style: none; display: block; position: relative }
    h4.department       { position: relative; display: block; background-color: #ECEDED; height: 30px; line-height: 31px; margin-bottom: 8px; margin-top: 8px; font-weight: normal;
      em              { top: 7px; }
      small           { margin-left: 20px; font-style: italic; font-weight: normal; }
      .line-li        { display: none; position: absolute; top: -25px; height: 39px; left: 0; border: 1px solid #000; border-width: 0 0 1px 1px;
        &:before    { content: ""; position: absolute; top: 0; left: 0px; border-left: 1px solid #000; display: block; }
      }
    }
    div.employee-link   { margin-bottom: 8px; margin-left: 32px; }
    em                  { display: block; width: 15px; height: 15px; left: 20px; top: 4px; border: 1px solid #000; position: absolute; background-color: #fff; cursor: pointer; z-index: 3;
      &:before        { content: "+"; font-family: Verdana,Arial; font-size: 13px; line-height: 14px; height: 15px; width: 15px; text-align: center; position: relative; left: 0px; top: 0px; z-index: 2; background-color: #fff; cursor: pointer; display: block; }
      &.open:before   { content: "-"; left: 0; top: 0; }
      &:after         { content: ""; display: none; position: absolute; top: 15px; left: 7px; z-index: 1; height: 18px; width: 1px; background-color: #000; }
      &.open:after    { display: block; }
    }
    >form               { position: absolute; }
    form                { padding: 0; }
    .kill               { margin: 16px 0;
      strong      { @media(max-width:1366px){font-size: 12px !important; font-weight: normal;} }
      &+section h1{ @media(max-width:1366px){font-size: 12px !important; font-weight: normal;} }
    }
    .container-table    { overflow: auto;  position: relative; }
    section             { padding: 0; margin: 0;
      span            { display: inline-block; vertical-align: top; position: relative; font-weight: normal; background-color: #fff;
        &.t-name    { width: 272px; }
        &.t-nick-uttc{ width: 126px; }
        &.t-nick-wsc{ width: 116px; }
        &.t-nick-imc{ width: 130px; }
        &.t-responsibilities{ width: 152px; }
        &.t-work-time{ width: 75px; }
        &.t-lunch   { width: 75px; }
        &.t-email   { width: 250px; }
        &.t-phone   { width: 115px; }
        &.t-skype   { width: 155px; }
        &.t-date-birth{ width: 72px; }
        &.t-hired   { width: 72px; }
        &.t-edit    { width: 24px;
          .pencil { line-height: 14px;font-size: 22px; border-bottom: none; }
        }
        &.t-select  { width: 22px; }

      }
      &.social-header { padding: 0; width: 1870px; z-index: 5; text-align: left; margin-bottom: 8px; background-color: #ECEDED; display: block; height: 55px; font: 0 Verdana, Geneva, sans-serif; letter-spacing: -.36em;
        span          { border: 1px solid #ECEDED; border-width: 0 0 1px 1px; background-color: #ECEDED; letter-spacing: 0; margin-top: 10px; font-family: Arial; font-size: 13px; line-height: 16px; text-align: center; vertical-align: middle; padding: 0 4px;
          &:before{ content: ""; position: absolute; left: 0; top: 10%; height: 12px; width: 2px; background-color: #000; }
          &.t-name { margin-left: 60px; }
          &.t-date-birth:before,&.t-hired:before{ top: 30%; }
          &.t-select:before,&.t-name:before{ display: none; }
        }
      }
      &.form          { border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 16px 16px 48px 16px; margin-left: -16px; margin-right: -16px;
        textarea    { width: 450px; max-width: 450px; height: 60px; margin-top: 5px; }
        select      { height: 26px; }
        dt,dd       { margin-bottom: 1px; height: 28px; }
        .check      { float: left; margin-left: 460px; }
        dl          { height: 188px; }
      }
    }
    li                  {
      .content        { display: block; margin-right: 2px; min-height: 26px; position: relative; font: 0 Verdana, Geneva, sans-serif; letter-spacing: -.36em;
        span        { border: 1px solid #ccc; border-width: 0 0 1px 1px; min-height: 21px; letter-spacing: 0; font-family: Arial; font-size: 13px; text-align: center; padding: 2px 4px; line-height: 18px;
          &.t-select{ border-width: 0 0 0 1px !important; background: #fff !important; }
        }
        &.color-vip span{ background-color: #FCF7CA; }
        &.yes-internal-list{
          span.internal-list{
            em{ left: -9px; bottom: 16%; }
          }
        }
        .line-li    { position: absolute; top: -13px; height: 26px; left: 0; border: 1px solid #000; border-width: 0 0 1px 1px;
          &:before{ content: ""; position: absolute; bottom: -28px; left: -2px; height: 27px; width: 2px; display: none; background-color: #fff; }
        }
      }
      &:last-child .content span{ border-bottom: 1px solid #ccc; }
      &.subtree        {
        >.content span{ border-top: 1px solid #ccc; }
      }
    }
    .table-block        { width: 1870px; padding-bottom: 8px;
      .body-table     {
        .dep-it     {
          >ul >li >ul:last-child .line-ul{ display: none; }
          ul      { position: relative;
            &.hidden+.line-ul{ display: none; }
          }
          .line-ul{ border-left: 1px solid #000; width: 1px; left: 39px; top: 0px; position: absolute;  }
        }
        >ul         {
          >li     { margin-left: 30px; border-left: 1px solid #000;
            >h4.department{ margin-left: -31px; padding-left: 60px;
              em{ left: 22px;
                &.open:after{ display: block; }
              }
            }
            &:first-child >h4 em:after{ display: none; }
            >ul >li{
              >h4{ margin-left: -31px; padding-left: 60px;
                em{ left: 22px;
                  &:after{ height: 37px; top: -15px; display: block; }
                }
              }
              &.parents{
                .content{ margin-left: 30px;
                  &:first-child span{ border-top: 1px solid #ccc; }
                  .line-li{ margin-left: -31px; width: 31px; height: 16px; top: -2px; }
                }
              }
              &:last-child .content:last-child .line-li:before{ display: block; }
              &.subtree{

                >ul >li{
                  >.content{ margin-left: 30px;
                    &:first-child span{ border-top: 1px solid #ccc; }
                    .line-li{ margin-left: -31px; width: 31px; }
                  }

                  &.subtree{
                    >.content{ margin-left: 10px;
                      .t-name{ width: 292px; }
                      .line-li{ margin-left: -11px; width: 31px; }
                    }
                    >ul{
                      >li{
                        >.content{ margin-left: 70px;
                          .t-name{ width: 232px; }
                          .line-li{ margin-left: -31px; width: 31px; }
                        }
                        &.subtree{
                          >.content{ margin-left: 10px;
                            .t-name{ width: 282px; }
                            .line-li{ margin-left: -11px; width: 31px; }
                          }
                        }
                      }
                      h4{ margin-left: 50px; padding-left: 60px;
                        .line-li{ display: block; width: 31px; left: -11px; }
                        &+ul{
                          >li{
                            >.content{ margin-left: 110px;
                              .t-name{ width: 192px; }
                              &:first-child span{ border-top: 1px solid #ccc; }
                              .line-li{ margin-left: -32px; width: 32px; }
                            }
                            &.subtree{
                              >.content{ margin-left: 90px;
                                .t-name{ width: 212px;
                                  em{ left: 20px; }
                                }
                                .line-li{ margin-left: -12px; width: 32px; }
                              }
                              ul{
                                >li{
                                  >.content{ margin-left: 150px;
                                    .t-name{ width: 152px; }
                                    .line-li{ margin-left: -31px; width: 31px; }
                                  }
                                  &.subtree{
                                    >.content{ margin-left: 70px;
                                      .t-name{ width: 192px;
                                        em{ left: 20px; }
                                      }
                                      .line-li{ margin-left: -31px; width: 31px; }
                                    }
                                  }
                                }
                              }
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  &.social-template{ left: 16px; border: none; font-family: Arial; overflow: inherit;
    *                   { font-size: 14px; }
    li                  { list-style: none; display: block; position: relative }
    h4.department       { position: relative; display: block; background-color: #ECEDED; height: 30px; line-height: 31px; margin-bottom: 8px; margin-top: 8px; font-weight: normal;
      em              { top: 7px; left: 22px; }
      small           { margin-left: 20px; font-style: italic; font-weight: normal; }
      .line-li        { display: none; position: absolute; top: -25px; height: 39px; left: 0; border: 1px solid #000; border-width: 0 0 1px 1px;
        &:before    { content: ""; position: absolute; top: 0; left: 0px; border-left: 1px solid #000; display: block; }
      }
    }
    div.employee-link   { margin-bottom: 8px; margin-left: 32px; }
    em                  { display: block; width: 15px; height: 15px; left: 20px; bottom: 10px; border: 1px solid #000; position: absolute; background-color: #fff; cursor: pointer; z-index: 3;
      &:before        { content: "+"; font-family: Verdana,Arial; font-size: 13px; line-height: 14px; height: 15px; width: 15px; text-align: center; position: relative; left: 0px; top: 0px; z-index: 2; background-color: #fff; cursor: pointer; display: block; }
      &.open:before   { content: "-"; left: 0; top: 0; }
    }
    .color-vip          {
      em              { left: 19px; }
    }
    >form               { position: absolute; }
    form                { padding: 0; }
    .kill               { margin: 16px 0;
      strong      { margin-left: 32px; @media(max-width:1366px){font-size: 90% !important; font-weight: normal;} }
      &+section   {
        h1      { margin-left: 32px; @media(max-width:1366px){font-size: 90% !important; font-weight: normal;} }
        input[type="button"]{ margin-left: 32px; float: left; }
        dt,dd   { line-height: 32px; }
      }
    }
    .container-table    { overflow: auto;  position: relative; }
    section             { padding: 0; margin: 0;
      span            { display: inline-block; vertical-align: top; position: relative; font-weight: normal; background-color: #fff;
        &.t-name    { width: 265px; }
        &.t-nick-uttc{ width: 126px; }
        &.t-nick-wsc{ width: 116px; }
        &.t-nick-imc{ width: 130px; }
        &.t-responsibilities{ width: 152px; }
        &.t-work-time{ width: 75px; }
        &.t-lunch   { width: 75px; }
        &.t-email   { width: 250px; }
        &.t-phone   { width: 115px; }
        &.t-skype   { width: 155px; }
        &.t-date-birth{ width: 72px; }
        &.t-hired   { width: 72px; }
        &.t-edit    { width: 24px;
          .pencil { line-height: 14px;font-size: 22px; border-bottom: none; }
        }
        &.t-select  { width: 22px; }

      }
      &.social-header { padding: 0; width: 1870px; z-index: 5; text-align: left; margin-bottom: 8px; background-color: #ECEDED; display: block; height: 55px; font: 0 Verdana, Geneva, sans-serif; letter-spacing: -.36em;
        span          { border: 1px solid #ECEDED; border-width: 0 0 1px 1px; background-color: #ECEDED; letter-spacing: 0; margin-top: 10px; font-family: Arial; font-size: 13px; line-height: 16px; text-align: center; vertical-align: middle; padding: 0 4px;
          &:before{ content: ""; position: absolute; left: 0; top: 10%; height: 12px; width: 2px; background-color: #000; }
          &.t-name { margin-left: 60px; }
          &.t-date-birth:before,&.t-hired:before{ top: 30%; }
          &.t-select:before,&.t-name:before{ display: none; }
        }
      }
      &.form          { border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 16px 16px 48px 16px; margin-left: -16px; margin-right: -16px;
        textarea    { width: 450px; max-width: 450px; height: 60px; margin-top: 5px; }
        select      { height: 26px; }
        dt,dd       { margin-bottom: 1px; height: 28px; }
        .check      { float: left; margin-left: 460px; }
        dl          { height: 188px; }
      }
    }
    li                  {
      .content        { display: block; min-height: 26px; position: relative; font: 0 Verdana, Geneva, sans-serif; letter-spacing: -.36em;
        span        { border: 1px solid #ccc; border-width: 0 0 1px 1px; min-height: 21px; letter-spacing: 0; font-family: Arial; font-size: 13px; text-align: center; padding: 2px 4px; line-height: 18px;
          &.t-select{ border-width: 0 0 0 1px !important; background: #fff !important; }
        }
        &.color-vip span{ background-color: #FCF7CA; }
        &.internal-list{
          span.internal-list{
            em{ left: -9px; bottom: 16%; }
          }
        }
        .line-li    { display: none; position: absolute; top: -13px; height: 26px; left: 0; border: 1px solid #000; border-width: 0 0 1px 1px;
          &:before{ content: ""; position: absolute; bottom: -28px; left: -2px; height: 27px; width: 2px; display: none; background-color: #fff; }
        }
      }
      &:last-child .content span{ border-bottom: 1px solid #ccc; }
      &.subtree,h4+ul >li:first-child{
        >.content span{ border-top: 1px solid #ccc; }
      }
    }
    .table-block        { width: 1870px; padding-bottom: 8px; margin-bottom: 24px;
      .body-table     {
        .dep-it     {
          >ul >li >ul:last-child .line-ul{ display: none; }
          ul      { position: relative;
            &.hidden+.line-ul{ display: none; }
          }
          .line-ul{ border-left: 1px solid #000; width: 1px; left: 39px; top: 0px; position: absolute;  }
        }
        h4          { padding-left: 60px;
          &~ul    { margin-left: 0 !important;
            >li { border-left: none !important; }
          }
        }
        h4, .content >* { top: 15px; }
        ul.hidden    { display: none; }
        ul~ul          { margin-left: 70px !important; padding-top: 10px; margin-top: -10px; }
        .content    { border-bottom: 1px solid #000; padding-left: 30px; border-left: 1px solid #000; margin-left: 30px; }
        .color-vip .t-name{ margin-left: -20px; }
        .color-vip~ul{ margin-left: 70px; }
        ul ul ul li {
          .content~ul li.parents .content{ margin-left: 30px; }
          .content.color-vip~ul li.parents.subtree >.content,.content.color-vip+ul >li.parents >.content{ margin-left: 0px; }
          .color-vip~ul li.parents.subtree .content.color-vip{ margin-left: 30px; }
        }
        ul ul ul ul { border-left: 1px solid #000;
          li      { position: relative; top: 1px; left: -1px;
            h4  { margin-left: 10px;
              em{ left: 12px; }
            }
          }
          ul     { border-bottom: none; }
        }
        >ul >li >ul { border-left: 1px solid #000; margin-left: 30px !important;
          >li     { position: relative; left: -31px;
            >ul >li >ul >li{
              &.subtree:last-child:before{ content: ""; position: absolute; left: -1px; top: 30px; bottom: 0px; width: 2px; background-color: #fff; }
              &.subtree:after{ content: ""; position: absolute; left: 0px; top: 30px; width: 22px; height: 1px; background-color: #000; }
            }
            >.content.color-vip span.t-name{ width: 285px; }
            >ul >li >.content span.t-name{ width: 265px; }
            >ul >li >.content.color-vip span.t-name{ width: 285px; }
            >ul >li >ul >li >.content span.t-name{ width: 197px; }
            >ul >li >ul >li >.content.color-vip span.t-name{ width: 217px; }
            >ul >li >ul >li >ul >li >.content span.t-name{ width: 156px; }
            >ul >li >ul >li >ul >li >.content.color-vip span.t-name{ width: 215px; }
            >ul >li >ul >li >ul >li >ul >li >.content span.t-name{ width: 155px; }
            >ul >li >ul >li >ul >li >ul >li >.content.color-vip span.t-name{ width: 265px; }
          }
        }
      }
    }
    section dt          { width: 240px; }
  }

  &.stock                 {
    section+section     { border-top:1px solid; }
    #stock_information  {
      form            {
        .check      { float:initial; }
      }
    }
    h2                  { font-size:1.17em; margin-top:32px; }
    .highlited          { padding:8px; border:1px solid; overflow: auto;
      dt              { font-weight:bold; }
    }
    a.print             { .button; color:#000; float:right; margin-right: 8px; background:url('icons/print.png') no-repeat; background-position:8px 4px; padding-left:32px; }
    table               {
      td              { padding:2px; }
      .thead          { background-color:#f5f5f5; text-align:center;
        td          { padding:4px; }
      }
      .balance        { background-color:#a7fcdb; }
      .out_of_stock   { background-color:#AAA;
        .balance    { background-color:#AAA; }
      }
      .no_brands      {background-color: #faffa5
      }
      .stock-note     { max-width:160px; }
      .sold-from-stock{ min-width:200px; }
    }
  }

  .add_manuf_country_note {
    section+section     { margin-top:32px; }
    textarea                { width:96%; max-width:96%; }
  }

  &.online_mfg_terms      { bottom:0px;
    .search             { width:832px;
      #pricing_information{ margin-left:64px; }
      nav             { float:left; }
      select          { float:left; margin-left:16px;
      }
    }
    table               { margin:0;
      .dropped        { background-color:#AAA; }
    }
    .fix                { position:absolute; z-index:1; background-color:#FFF; width:12632px;
      .thead          { height:58px; }
    }
    .table_body         { position: absolute; width:12647px; /*width:11627px;*/ height: 90%; overflow-x: auto; overflow-y: scroll; margin-top:1px; border-bottom:1px solid;
      table           { margin-top:80px; min-height:100%;
        tr:first-child a{ float:inherit; }
      }
    }
    .td-name            { min-width:175px; max-width:175px; }
    .td-division_of     { min-width:175px; max-width:175px; }
    .td-export_rules    { min-width:48px; max-width:48px; }
    .td-acc_number      { min-width:80px; max-width:80px; background-color:yellow; }
    .td-omt_cage_number { min-width:80px; max-width:80px; }
    .td-omt_working_hours{ min-width:108px; max-width:108px; }
    .td-omt_drop_shipment_fee{ min-width:151px; max-width:151px; }
    .td-omt_handling_fee{ min-width:80px; max-width:80px; }
    .td-omt_freight_prepaid{ min-width:128px; max-width:128px; background-color:#fabf8f; }
    .td-omt_min_order   { min-width:128px; max-width:128px; }
    .td-omt_shipping    { min-width:240px; max-width:240px; }
    .td-shipping_instructions  { min-width:160px; max-width:160px; word-break: break-all;}
    .td-shipping_other_country  { min-width:70px; max-width:70px; word-break: break-all;}
    .td-shipping_to_canada  { min-width:70px; max-width:70px; word-break: break-all;}
    .td-special_info    { min-width:240px; max-width:240px; }
    .td-omt_special_care    { min-width:320px; max-width:320px; }
    .td-omt_notes       { min-width:512px; max-width:512px; }
    .td-promo           { min-width:170px; max-width:170px; word-break: break-all;}
    .td-omt_mpo_comment   { min-width:512px; max-width:512px; }
    .td-attachment   { min-width:100px; max-width:100px; }
    .td-omt_payment_comment   { min-width:512px; max-width:512px; }
    .td-omt_terms_of_payment  { min-width:150px; max-width:150px; word-break: break-all; }
    .td-omt_payment_tag   { min-width:212px; max-width:212px; }
    .td-omt_discount    { min-width:280px; max-width:280px; }
    .td-states_tax     { min-width:130px; max-width:130px; background-color:#fabf8f; word-wrap: break-word;padding-left: 10px;padding-top: 10px;}
    .td-omt_customer_certificate  { min-width:53px; max-width:53px; background-color:#fabf8f; word-wrap: break-word;}
    .td-omt_sales_tax   { min-width:220px; max-width:220px; background-color:#fabf8f; }
    .td-omt_accounting_dept{ min-width:201px; max-width:201px; }
    .td-omt_payment_proof_contact{ min-width:201px; max-width:201px; }
    .td-omt_payment_credit_terms{ min-width:80px; max-width:80px; }
    .td-omt_electronic_billing{ min-width:80px; max-width:80px; }
    .td-omt_credit_card_fee{ min-width:80px; max-width:80px; }
    .td-omt_payment_term_discounts{ min-width:80px; max-width:80px; }
    .td-omt_rebates_program{ min-width:80px; max-width:80px; }
    .td-omt_order_processing{ min-width:160px; max-width:160px; }
    .td-omt_map_policy  { min-width:64px; max-width:64px; }
    .td-omt_email_for_po_contact_to_place_po{ min-width:256px; max-width:256px; }
    .td-omt_other_contacts{ min-width:212px; max-width:212px; }
    .td-omt_tech_support{ min-width:199px; max-width:199px; }
    .td-omt_email       { min-width:256px; max-width:256px; }
    .td-omt_phone       { min-width:128px; max-width:128px; background-color:#c2d69b; }
    .td-omt_rma_contacts{ min-width:128px; max-width:128px; word-break: break-all; }
    .td-omt_distributor_login{ min-width:180px; max-width:180px; word-break: break-all; }
    .td-omt_restock_fee { min-width:160px; max-width:160px; }
    .td-omt_return_exchange_algorythm{ min-width:800px; max-width:800px; }
    .td-omt_number_of_days{ min-width:80px; max-width:80px; }
    .td-omt_seller_status{ min-width:128px; max-width:128px; }
    .td-omt_ships_from  { min-width:128px; max-width:128px; }
    .td-omt_zip         { min-width:64px; max-width:64px; }
    .td-transparency    { min-width:480px; max-width:480px; }
    .td-distributor_list{ min-width:480px; max-width:480px; }
    .td-omt_shipping_to_canada{ min-width:240px; max-width:240px; }
    .td-omt_shipping_to_other_countries{ min-width:240px; max-width:240px; }
    .td-lp_date_current_price{ min-width:80px; max-width:80px; }
    .td-lp_frequency    { min-width:80px; max-width:80px; }
    .td-lp_request_date { min-width:80px; max-width:80px; }
    .td-lp_actualy_date { min-width:80px; max-width:80px; }
    .td-lp_update_date  { min-width:80px; max-width:80px; }
    .td-lp_request_comment{ min-width:240px; max-width:240px; }
    .td-lp_brand_comment{ min-width:240px; max-width:240px; }

    .td-omt_export_offer_details{ min-width:240px; max-width:240px; }
    .td-omt_export_order_details{ min-width:240px; max-width:240px; }
    .td-omt_export_shipping_details{ min-width:240px; max-width:240px; }
    .td-omt_certificates_and_other_documents{ min-width:240px; max-width:240px; }
    .td-omt_export_restrictions{ min-width:240px; max-width:240px; }
    .td-omt_exp_contact_person{ min-width:240px; max-width:240px; }
    .td-express_delivery_text{ min-width:240px; max-width:240px; }
    .td-pricing_strategy{ min-width:240px; max-width:240px; }
    .td-why_freeport{ min-width:240px; max-width:240px; }

    .td-omt_number_of_days{ word-wrap: break-word; }
  }
  &.videogames            {
    p                   { text-indent:16px; }
    #videoplayer        { padding:8px 0;
      object          { margin-left:192px; }
    }
    section             { border:2px solid @flash-color; padding:0; margin:8px;
      &+section       { margin-top:32px; }
      >*              { margin:0 8px; }
      h1              { background-color:@flash-color; padding:8px; margin:0 0 8px 0; }
      h3              { margin:16px 0 0 32px;
        &+button    { margin-left:16px; }
      }
      a,button            { .button; padding:2px; border-width:1px; font-weight:normal; font-size:12px; text-transform: none; margin:4px 0 4px 4px;
      }
      a               { color:#000; }
      br+button       { margin-left: 16px; }
    }
  }
  &.reports               {
    #select_employee    { border-top:1px solid; border-bottom:1px solid;
      .datepicker     { width:64px; }
    }
    button              { .button; border:1px solid red; background:none; padding:0 2px;
      &:hover         { background-color:red; color:#FFF; }
    }
    table               { margin:0 1%; width:98%;
      textarea        { width:99%; max-width:99%; padding:0; border:0; height:48px; max-height:48px; }
    }
    td.name             { width:32px;
      select          { width:auto; max-width:128px; }
    }
    td.time             { width:47px; max-width:47px; text-align:center;
      input           { text-align:center; }
    }
    td.edit             { width:32px; max-width:32px; }
    #report_coment      { margin-top:80px; }
  }
  &.report_generator      {
    &.wide              {
      form            { border:1px solid; width:251px; margin:auto;
        input[type=button]{ float:inherit; }
      }
    }
    form                {
      input[type=text]{ width:64px; }
      p               { margin-bottom:4px; }
      input[type=button]{ margin-top:8px; }
    }
    table               {
      .thead          { background-color:#f5f5f5; text-align:center; }
      .linebreak td   { background-color:#FFFF99; padding-left:16px; }
      .date           { width:80px; text-align:center; }
      .time           { width:36px; text-align:center; }
      dl              { margin:0; padding:0;
        dt,dd       { margin:0; padding:0; width:auto; float:inherit; }
        dt          { border-bottom:1px solid; }
      }
      td,th           { word-wrap: break-word; max-width: 471px; }
    }

    .spanDay{
      width: 100%;
      background-color: #ddbc87;
      float: right;
      text-align: center;
      min-width: 30px;
      min-height: 30px;
    }
    .spanHour{
      width: 100%;
      float: left;
      text-align: center;
      min-width: 30px;
      min-height: 30px;
      margin-top: 10px;
    }
    .nameUser{
      background-color: #fff0e0;
    }
    .table2 th,.table2 td{
      border: solid 2px !important;
    }
    .table2{
      border-collapse: collapse !important;

    }
    .table2 tr:hover{
      background-color: #ffec00 !important;
    }
  }
  &.ticket                {
    dl                  { float:left;
      dt              { width:80px; }
      dd              { margin-left:88px; }
    }
    section             { margin-left:32px;
      textarea        { width:98%; max-width:98%; padding:1%; }
      p               { margin-bottom:4px; }
    }
  }
  &.tickets_list          {
    nav                 { margin-left:32px;
      ul              { margin:16px 0;
        li          { display:inline; list-style:none; margin-right:16px;
          a       { .button; color:#000;
            &.active{ background-color:@flash-color; }
          }
          &:last-child{ float:right; }
        }
      }
    }
    table               { border-bottom: 1px solid;
      td              { position:relative; }
      textarea            { width:99%; max-width:99%; min-width:99%; min-height:48px; padding:0; margin-top:1px; /*resize: none;*/
        /*position:absolute; z-index:1; top:0; left:0; width:auto; height:auto;         */
        &:focus     {  }
      }
      select          { width:100%;
        &:hover     { cursor:alias; }
      }
      input           { width:98%; margin:0; padding:0; text-align:center; }
      textarea, input, select{ border:none; background:none; height:99%; min-height: 22px;
        &:focus     { background-color:#FFFFCC; }
      }
      .thead          {
        select      { font-weight:bold; }
      }
      .id             { width:32px; padding:0 2px;
        select      { padding:0; .appearance_none; }
      }
      .brand          { width:160px; }
      .done           { background-color:@yellow; }
      .not_actual     { background-color:#CCC; }
      .editable       { padding:0 2px; }
      .open_date, .close_date, .reporter_name{ width:80px; }
      .open_date_seven_days_later {background-color: #FFA500}
      .open_date_fourteen_days_later {background-color: red}
      .priority       { width:88px; }
      .condition      { width:101px; }
      .brand          { width:160px; }
      .reporter_name  { text-align:center; }
    }
  }
  &.export_rules          {
    h1 a                { font-weight:normal; font-size:32px; }
    .important          { color:@href-color; font-weight:bold; text-transform:uppercase; }
    .w_50               { width:48%; float:left; }
    #select_mfg         { width:50%; text-align:center; margin:32px auto; border:1px solid @border-new;
      .check          { .button; display:block; margin:8px auto;}
      select+select       { margin-top:8px; }
    }
    textarea[readonly]  { border:none; margin:1px; }
    #histroy_log        { clear:both;
      .offers_orders_list
    }
    #main.export_rules #histroy_log input[type="button"], .news.export_rules #histroy_log input[type="button"]

        #offer_info         { clear:both; }
    .brand_status{
      width: 500px;
      height: 40px;
      text-align: center;
      padding-top: 20px;
      font-size: 16px;
    }
    .brand_status_vip {.brand_status; background-color: blue;}
    .brand_status_high {.brand_status; background-color: #008000;}
    .brand_status_middle {.brand_status; background-color: orange;}
    .brand_status_low {.brand_status; background-color: #ffff00;}
    .brand_status_no {.brand_status; background-color: red;}
  }
  &.new_offer             {
    input+dl            { margin-top:64px; }
  }
  .customer_info          {
    dl {vertical-align: top;display: inline-block;width: 45%; margin: 0px;
      &.customer_info_left {width: 30%;}
      &.customer_info_right {
        .brief_customer {display: inline-block; margin: 0px;}
        dt.brief_customer {width: 20%;}
        dd.brief_customer{width: 70%;
          textarea {height: 80px;}
        }
      }
    }

  }
  @keyframes spin {
    100% {
      transform: rotate(360deg);
    }
  }
  &.wide.main-fixed{overflow: hidden;}
  &.wide:before{
    animation: spin .5s linear infinite;
    display: inline-block;
    visibility: visible;
    content: ' ';
    border: 3px solid #bb0000;
    border-left-color: transparent;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
  }
  &.main-fixed.wide.floated:before{display: none; overflow: auto;}
  >.tablesorter{visibility: hidden; height: 100%;


  }

  &.offers_orders_list                    { bottom: -10px; top:120px;

    .incomplete-data  { width: auto;
      .td-errorList { min-width: 700px;}
    }

    .fixedCol{position:relative;z-index:1; background: #fff; box-shadow: 5px 0 5px -5px #333;}
    #modal_form_accounting              { width: 800px; margin-left: -413px; height: auto;
      h1                              {text-align: center;}
      .brand-tabs                     {display: block;
        p                           {margin-bottom: 8px;
          input                   {height: 22px; padding: 0 3px;}
          select                  {height:24px; width: 228px; max-width: 228px;}
          &.button_save           {
            input               { background: #46c765; color: #fff; margin: 0 auto; display: block; height:30px; cursor: pointer;
              &:hover         {-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
                -moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.75);
                box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.75);}
            }
          }
        }
        textarea                    {max-width: 100%; width: 100%; min-height: 132px;}
        &:after                     {content: ".";display: block;height: 0;clear: both;visibility: hidden; position: inherit; left: 0;}

      }


    }
    input,
    select,
    textarea{width: 100%; margin: 4px 0; max-width: 100%; padding: 2px !important; box-sizing: border-box; -moz-box-sizing: border-box;
      &:first-of-type{margin-top: 0;}
      &:last-of-type{margin-bottom: 0;}

    }
    input[type=button] { .button; position: fixed; right: 36px; top: 107px; width: 124px; height: 30px; }

    .filter_select { width: 100px; position: fixed; top: 107px; right: 168px; border: 1px solid @border-new; height: 30px; border-radius: 4px; }
    .inline_list { position: fixed ;width: 96%;margin-top: -55px; }
    form { padding:0; }

    table { border-spacing: 0px; /*border-left: 1px solid @border-new;*/ border-bottom: 1px solid #000; font-family: Arial; font-size: 13px; position: static;
      i{float: left; margin: 3px 3px 0 -3px;
        &+input{max-width: 80%;}
      }
      textarea            {border:1px solid #ccc; background: #fff;}

      th,th {
        * { font-size: 9pt; }
      }
      select { height: 25px; }
      thead {
        nav { float: right; }
        tr+form { display: none; }
      }
      tbody {
        .height_cont{ height: 30px; overflow: hidden; white-space: normal; line-height: 15px; }
        td { word-wrap: break-word;}
        tr:hover { outline: 1px solid red;
          td { border-color: red; font-weight: bold;
            &.td-customer_email { font-weight: normal; }
          }
        }
      }
      td,th { padding: 4px; border: 1px solid #ccc; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
        &.td-tracking_number div:not(.part-wrapper){margin: 5px 0;}
        &.td-tracking_number div{background: #fffafa;
          span{display: block; text-decoration: underline; margin-bottom: 5px;}
          /* &:first-of-type{margin-top: 0;}
           &:last-of-type{margin-bottom: 0;}*/
        }
        &.td-tracking_number {min-width: 300px !important; width: 300px; max-width: 300px !important;}
        &.td-comment{min-width: 200px !important; width: 200px; max-width: 200px !important;}
        &.td-log,
        &.accounting_comment {min-width: 400px !important; width: 400px; max-width: 400px !important;}
        &.td-person_in_charge{ max-width: 177px;

        }
        &.td-manuf_tax_brand,
        &.td-manuf_shipping,
        &.td-add_manuf_fee_brand{width: 80px !important; min-width: 80px !important;}





        &.td-destination     { min-width:60px;  max-width: 60px;
          *                { max-width: 60px; }
        }
        &.td-store_from      { min-width:/* 30 */55px;   max-width: /* 30 */55px; min-width: 57px !important; max-width: 57px !important;
        }
        &.td-uttc_message_id {min-width: 115px !important; max-width: 115px !important;}
        &.td-manuf_tax       {min-width: 60px !important; max-width: 60px !important;}
        &.td-act_shipping_cost  {min-width: 85px !important; max-width: 85px !important;}
        &.td-offer_number    { min-width:145px;  max-width: 145px;

        }
        &.td-offer_date_int  { min-width:80px;  max-width: 80px;

        }
        &.td-placed_as  { min-width:150px;  max-width: 150px;

        }
        &.td-sales_order_number  { min-width:150px;  max-width: 150px;

        }
        &.td-order_number    { min-width:150px !important;  max-width: 150px !important;}
        &.td-proforma_number { min-width:130px; max-width: 130px;

        }
        &.td-order_date_int  { min-width:110px; max-width: 110px;

        }
        &.td-transaction_captured_on  { min-width:70px; max-width: 70px;

        }
        &.td-proforma_date_int{ min-width:70px; max-width: 70px;

        }
        &.td-offer_status    { min-width:122px; max-width: 122px;

        }
        &.td-country_name    { min-width:80px; max-width: 80px;

        }
        &.td-brand_name      { min-width:110px; max-width: 110px;

        }
        &.td-mfg_p_n         { min-width:110px; max-width: 110px;

        }
        &.td-description     { min-width:110px; max-width: 110px;

        }
        &.td-part            { min-width:110px; max-width: 110px;

        }
        &.td-products        { min-width:170px; max-width: 170px;

        }
        &.td-qty             { min-width:52px; max-width: 52px;}
        &.td-net_cost  { min-width:100px; max-width: 100px;}
        &.td-total_net_cost  { min-width:80px; max-width: 80px;
        }
        &.td-total_sell_price{ min-width:90px; max-width:90px;
        }
        &.td-total_order     { min-width:90px; max-width: 90px;
        }
        &.td-tax             { min-width:70px; max-width:70px;

        }
        &.td-estimated_shipping_cost{ min-width:50px; max-width: 50px;}
        &.td-shipping_cost   { min-width:50px; max-width: 50px;

        }
        &.td-handling_fee    { min-width:50px; max-width: 50px;}
        &.td-additional_fees { min-width:50px; max-width: 50px;

        }
        &.td-amazon_fee      { min-width:50px; max-width: 50px;

        }
        &.td-total_ebay_amazon_cost { min-width:50px; max-width: 50px;

        }
        &.td-inv_from_mfg_paid { min-width:270px;
          textarea         { min-height: 50px;}
          button           {display: block;}
          *                {  }
        }
        &.td-payment_received { min-width:135px;

        }
        &.td-paypal_fee      { min-width:50px; max-width: 50px;

        }
        &.td-payment_method {min-width: 125px; max-width: 125px;

        }
        &.payment_method     { min-width: 125px; max-width: 125px;

        }
        &.td-underpayments   { min-width:50px; max-width: 50px;}
        &.td-profit_volume   { min-width:60px; max-width: 60px;
        }
        &.td-profit_percent  { min-width:50px; max-width: 50px;

        }
        &.td-priority        { min-width:70px; max-width: 70px;

        }
        &.td-log             { min-width:270px; max-width: 270px;}
        &.td-action_date     { min-width:110px; max-width: 110px;

        }
        &.td-due_date     { min-width:110px; max-width: 110px;

        }
        &.td-customer_email  { min-width:122px;}

        &.td-customer_status { min-width:140px; max-width: 140px;

        }
        &.td-brief_customer_info{ min-width:270px; max-width: 270px;

        }
        &.td-cs_token        { min-width:50px; max-width: 50px;

        }
        &.priority_high      { min-width:75px; max-width: 75px;

        }
        &.td-isApply         {
          .is_send_dps_mailing  { text-align: center;
            input[type=checkbox] { height:15px;width:15px;display:inline-block;margin:4px; }
          }
        }
      }
    }

    .thead                            { height:40px;  word-wrap: break-word;
      .slim                           { width:100%; margin-bottom: 5px;}
      a                               { float:initial !important; }
      .search_offer_number            { width: 100%; background: #ffffff;}
      .search_order_number            { width: 100%; background: #ffffff;}
      .search_proforma_number         { width: 100%; background: #ffffff;}
      .search_customer_email          { width: 100%; background: #ffffff;}
      .total_net_cost                 { background: #ffffff; text-align: left;  float: left; }
      .total_sell_price               { background: #ffffff; text-align: left;  float: left; }
      .total_order                    { background: #ffffff; text-align: left;  float: left; }
      .estimated_shipping_cost        { background: #ffffff; text-align: left;  float: left; }
      .shipping_cost                  { background: #ffffff; text-align: left;  float: left; }
      .underpayments                  { width: 100%; background: #ffffff; text-align: left; float: left; }
      .profit_volume                  { width: 100%; background: #ffffff; text-align: left; float: left; }
      .profit_percent                 { width: 100%; background: #ffffff; text-align: left; float: left; }
      .search_part                    { width: 100%; background: #ffffff; text-align: center; }
      .search_products                { width: 100%; background: #ffffff; text-align: center; }
      .mfg_p_n                        { width: 100%; background: #ffffff; text-align: center; }
      .description                    { width: 100%; background: #ffffff; text-align: center; }
      .additional_fees                { width: 100%; background: #ffffff; text-align: center; }
      .amazon_fee                     { width: 100%; background: #ffffff; text-align: center; }
      .total_ebay_amazon_cost         { width: 100%; background: #ffffff; text-align: center; }
      .search_mfg_p_n                 { width: 100%; background: #ffffff; text-align: center; }
      .search_description             { width: 100%; background: #ffffff; text-align: center; }
      .search_log                     {width: 100%; background: #ffffff; text-align: center;}
      .datepicker                     { background: white; }
      .search_placed_as               { background: white; }
      .search_sales_order_number      { background: white; }
    }


    /*color codings*/
    .customer_status_tbm {background-color: /*orange*/#ffff00;}
    .priority_high      { background-color: rgb(208, 0, 0); }
    .priority_normal,.priority_special{ background-color: #ffff00; }
    .priority_low       { background-color: #00DC00; }
    /*color td_offer_status td-action_date*/
    .normal_blink_priority,.special_blink_priority {
      .td_offer_status,.td-action_date { background-color: #ffff00; }
    }
    .low_blink_priority {
      .td_offer_status,.td-action_date { background-color: #00DC00; }
    }
    .high_blink_priority {
      .td_offer_status,.td-action_date { background-color: rgb(208, 0, 0); }
    }

    /////////////////////////// BLINK \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
    /****** .normal_blink_priority ******/
    @keyframes blink_priority_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: #fff; } }
    @-webkit-keyframes blink_priority_normal { 0% { opacity: 1; background-color: #ffff00; z-index: -999; } 49% { opacity: 1; } 100% { background-color: #fff; z-index: -999; } }
    @-moz-keyframes blink_priority_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: #fff; } }
    .normal_blink_priority,.special_blink_priority {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_priority_normal 2s infinite ease-in-out 4s;
        -webkit-animation: blink_priority_normal 2s infinite ease-in-out 4s;
        -moz-animation: blink_priority_normal 2s infinite ease-in-out 4s;
      }
    }
    /****** .low_blink_priority  ******/
    @keyframes blink_priority_low { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #fff; } }
    @-webkit-keyframes blink_priority_low { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #fff; } }
    @-moz-keyframes blink_priority_low { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #fff; } }
    .low_blink_priority  {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_priority_low 2s infinite ease-in-out 4s;
        -webkit-animation: blink_priority_low 2s infinite ease-in-out 4s;
        -moz-animation: blink_priority_low 2s infinite ease-in-out 4s;
      }
    }
    /****** .no_blink_priority  ******/
    @keyframes blink_priority_no { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #fff; } }
    @-webkit-keyframes blink_priority_no { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #fff; } }
    @-moz-keyframes blink_priority_no { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #fff; } }
    .no_blink_priority  {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_priority_no 2s infinite ease-in-out 4s;
        -webkit-animation: blink_priority_no 2s infinite ease-in-out 4s;
        -moz-animation: blink_priority_no 2s infinite ease-in-out 4s;
      }
    }


    /****** .blink ******/
    @keyframes blink { 0% { opacity: 1; background-color: rgb(208, 0, 0); color:#fff;

      ::-webkit-input-placeholder {color:#fff;}
      ::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
      :-moz-placeholder           {color:#fff;}/* Firefox 18- */
      :-ms-input-placeholder      {color:#fff;}


    } 49% { opacity: 1;color: #fff; } 100% { background-color: white; color: #000; ::-webkit-input-placeholder {color:#000;}
                                        ::-moz-placeholder          {color:#000;}/* Firefox 19+ */
                                        :-moz-placeholder           {color:#000;}/* Firefox 18- */
                                        :-ms-input-placeholder      {color:#000;}} }
    @-webkit-keyframes blink { 0% { opacity: 1; background-color: rgb(208, 0, 0); color: #fff;
      ::-webkit-input-placeholder {color:#fff;}
      ::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
      :-moz-placeholder           {color:#fff;}/* Firefox 18- */
      :-ms-input-placeholder      {color:#fff;}





    } 49% { opacity: 1; color: #fff;} 100% { background-color: white; color: #000;::-webkit-input-placeholder {color:#000;}
                                        ::-moz-placeholder          {color:#000;}/* Firefox 19+ */
                                        :-moz-placeholder           {color:#000;}/* Firefox 18- */
                                        :-ms-input-placeholder      {color:#000;}} }
    @-moz-keyframes blink { 0% { opacity: 1; background-color: rgb(208, 0, 0); color: #fff;
      ::-webkit-input-placeholder {color:#fff;}
      ::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
      :-moz-placeholder           {color:#fff;}/* Firefox 18- */
      :-ms-input-placeholder      {color:#fff;}









    } 49% { opacity: 1;color: #fff; } 100% { background-color: white; color: #000; ::-webkit-input-placeholder {color:#000;}
                                        ::-moz-placeholder          {color:#000;}/* Firefox 19+ */
                                        :-moz-placeholder           {color:#000;}/* Firefox 18- */
                                        :-ms-input-placeholder      {color:#000;}} }
    // need add need class
    .blink.no_blink_priority,.blink.high_blink_priority,.high_blink_priority  {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink 2s infinite ease-in-out 4s;
        -webkit-animation: blink 2s infinite ease-in-out 4s;
        -moz-animation: blink 2s infinite ease-in-out 4s;

      }
    }
    /****** .blink.normal_blink_priority ******/
    @keyframes blink_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: white; } }
    @-webkit-keyframes blink_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: white; } }
    @-moz-keyframes blink_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: white; } }
    .blink.normal_blink_priority {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_normal 2s infinite ease-in-out 4s;
        -webkit-animation: blink_normal 2s infinite ease-in-out 4s;
        -moz-animation: blink_normal 2s infinite ease-in-out 4s;
      }
    }
    /****** .blink.low_blink_priority  ******/
    @keyframes blink_priority_low_blink { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: white; } }
    @-webkit-keyframes blink_priority_low_blink { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: white; } }
    @-moz-keyframes blink_priority_low_blink { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: white; } }
    .blink.low_blink_priority  {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_priority_low_blink 2s infinite ease-in-out 4s;
        -webkit-animation: blink_priority_low_blink 2s infinite ease-in-out 4s;
        -moz-animation: blink_priority_low_blink 2s infinite ease-in-out 4s;
      }
    }
    /****** .blink.no_blink_priority  ******/
    @keyframes blink_priority_no_blink { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: white; } }
    @-webkit-keyframes blink_priority_no_blink { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: white; } }
    @-moz-keyframes blink_priority_no_blink { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: white; } }
    .blink.no_blink_priority  {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_priority_no_blink 2s infinite ease-in-out 4s;
        -webkit-animation: blink_priority_no_blink 2s infinite ease-in-out 4s;
        -moz-animation: blink_priority_no_blink 2s infinite ease-in-out 4s;
      }
    }




    /****** .blink_ebay ******/
    @keyframes blink_green { 0% { opacity: 1; background-color: rgb(208, 0, 0); }  100% { background-color: #008B00;  } }
    @-webkit-keyframes blink_green { 0% { opacity: 1; background-color: rgb(208, 0, 0); }  100% { background-color: #008B00;  } }
    @-moz-keyframes blink_green { 0% { opacity: 1; background-color: rgb(208, 0, 0); }   100% { background-color: #008B00;  } }
    .blink_ebay.no_blink_priority,.blink_ebay.special_blink_priority,.blink_ebay.high_blink_priority {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_green 2s infinite ease-in-out 4s;
        -webkit-animation: blink_green 2s infinite ease-in-out 4s;
        -moz-animation: blink_green 2s infinite ease-in-out 4s;
      }
    }
    /****** .blink_ebay.normal_blink_priority ******/
    @keyframes blink_green_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: #008B00; } }
    @-webkit-keyframes blink_green_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: #008B00; } }
    @-moz-keyframes blink_green_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: #008B00; } }
    .blink_ebay.normal_blink_priority {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_green_normal 2s infinite ease-in-out 4s;
        -webkit-animation: blink_green_normal 2s infinite ease-in-out 4s;
        -moz-animation: blink_green_normal 2s infinite ease-in-out 4s;
      }
    }
    /****** .blink_ebay.low_blink_priority  ******/
    @keyframes blink_priority_low_blink_ebay { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #008B00; } }
    @-webkit-keyframes blink_priority_low_blink_ebay { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #008B00; } }
    @-moz-keyframes blink_priority_low_blink_ebay { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #008B00; } }
    .blink_ebay.low_blink_priority  {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_priority_low_blink_ebay 2s infinite ease-in-out 4s;
        -webkit-animation: blink_priority_low_blink_ebay 2s infinite ease-in-out 4s;
        -moz-animation: blink_priority_low_blink_ebay 2s infinite ease-in-out 4s;
      }
    }
    /****** .blink_ebay.no_blink_priority  ******/
    @keyframes blink_priority_no_blink_ebay { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #008B00; } }
    @-webkit-keyframes blink_priority_no_blink_ebay { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #008B00; } }
    @-moz-keyframes blink_priority_no_blink_ebay { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #008B00; } }
    .blink_ebay.no_blink_priority  {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_priority_no_blink_ebay 2s infinite ease-in-out 4s;
        -webkit-animation: blink_priority_no_blink_ebay 2s infinite ease-in-out 4s;
        -moz-animation: blink_priority_no_blink_ebay 2s infinite ease-in-out 4s;
      }
    }



    /****** .blink_amazon ******/
    @keyframes blink_blue { 0% { opacity: 1; background-color: rgb(208, 0, 0); }  100% { background-color: #00F5FF;  } }
    @-webkit-keyframes blink_blue { 0% { opacity: 1; background-color: rgb(208, 0, 0); }  100% { background-color: #00F5FF;  } }
    @-moz-keyframes blink_blue { 0% { opacity: 1; background-color: rgb(208, 0, 0); }  100% { background-color: #00F5FF;  } }
    .blink_amazon.no_blink_priority,.blink_amazon.special_blink_priority,.blink_amazon.high_blink_priority {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_blue 2s infinite ease-in-out 4s;
        -webkit-animation: blink_blue 2s infinite ease-in-out 4s;
        -moz-animation: blink_blue 2s infinite ease-in-out 4s;
      }
    }
    /****** .blink_amazon.normal_blink_priority ******/
    @keyframes blink_blue_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: #00F5FF; } }
    @-webkit-keyframes blink_blue_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: #00F5FF; } }
    @-moz-keyframes blink_blue_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: #00F5FF; } }
    .blink_amazon.normal_blink_priority {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_blue_normal 2s infinite ease-in-out 4s;
        -webkit-animation: blink_blue_normal 2s infinite ease-in-out 4s;
        -moz-animation: blink_blue_normal 2s infinite ease-in-out 4s;
      }
    }
    /****** .blink_amazon.low_blink_priority  ******/
    @keyframes blink_priority_low_blink_amazon { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #00F5FF; } }
    @-webkit-keyframes blink_priority_low_blink_amazon { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #00F5FF; } }
    @-moz-keyframes blink_priority_low_blink_amazon { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #00F5FF; } }
    .blink_amazon.low_blink_priority  {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_priority_low_blink_amazon 2s infinite ease-in-out 4s;
        -webkit-animation: blink_priority_low_blink_amazon 2s infinite ease-in-out 4s;
        -moz-animation: blink_priority_low_blink_amazon 2s infinite ease-in-out 4s;
      }
    }
    /****** .blink_amazon.no_blink_priority  ******/
    @keyframes blink_priority_no_blink_amazon { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #00F5FF; } }
    @-webkit-keyframes blink_priority_no_blink_amazon { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #00F5FF; } }
    @-moz-keyframes blink_priority_no_blink_amazon { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #00F5FF; } }
    .blink_amazon.no_blink_priority  {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_priority_no_blink_amazon 2s infinite ease-in-out 4s;
        -webkit-animation: blink_priority_no_blink_amazon 2s infinite ease-in-out 4s;
        -moz-animation: blink_priority_no_blink_amazon 2s infinite ease-in-out 4s;
      }
    }



    /****** .blink_gov_bid ******/
    @keyframes blink_gov { 0% { opacity: 1; background-color: rgb(208, 0, 0); }  100% { background-color: #8B3A62;  } }
    @-webkit-keyframes blink_gov { 0% { opacity: 1; background-color: rgb(208, 0, 0); }  100% { background-color: #8B3A62;  } }
    @-moz-keyframes blink_gov { 0% { opacity: 1; background-color: rgb(208, 0, 0); }  100% { background-color: #8B3A62;  } }
    .blink_gov_bid.no_blink_priority,.blink_gov_bid.special_blink_priority,.blink_gov_bid.high_blink_priority {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_gov 2s infinite ease-in-out 4s;
        -webkit-animation: blink_gov 2s infinite ease-in-out 4s;
        -moz-animation: blink_gov 2s infinite ease-in-out 4s;
      }
    }
    /****** .blink_gov_bid.normal_blink_priority ******/
    @keyframes blink_gov_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: #8B3A62; } }
    @-webkit-keyframes blink_gov_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: #8B3A62; } }
    @-moz-keyframes blink_gov_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: #8B3A62; } }
    .blink_gov_bid.normal_blink_priority {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_gov_normal 2s infinite ease-in-out 4s;
        -webkit-animation: blink_gov_normal 2s infinite ease-in-out 4s;
        -moz-animation: blink_gov_normal 2s infinite ease-in-out 4s;
      }
    }
    /****** .blink_gov_bid.low_blink_priority  ******/
    @keyframes blink_priority_low_blink_gov_bid { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #8B3A62; } }
    @-webkit-keyframes blink_priority_low_blink_gov_bid { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #8B3A62; } }
    @-moz-keyframes blink_priority_low_blink_gov_bid { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #8B3A62; } }
    .blink_gov_bid.low_blink_priority  {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_priority_low_blink_gov_bid 2s infinite ease-in-out 4s;
        -webkit-animation: blink_priority_low_blink_gov_bid 2s infinite ease-in-out 4s;
        -moz-animation: blink_priority_low_blink_gov_bid 2s infinite ease-in-out 4s;
      }
    }
    /****** .blink_gov.no_blink_priority  ******/
    @keyframes blink_priority_no_blink_gov { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #8B3A62; } }
    @-webkit-keyframes blink_priority_no_blink_gov { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #8B3A62; } }
    @-moz-keyframes blink_priority_no_blink_gov { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #8B3A62; } }
    .blink_gov.no_blink_priority  {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_priority_no_blink_gov 2s infinite ease-in-out 4s;
        -webkit-animation: blink_priority_no_blink_gov 2s infinite ease-in-out 4s;
        -moz-animation: blink_priority_no_blink_gov 2s infinite ease-in-out 4s;
      }
    }



    /****** .blink_export ******/
    @keyframes blink_export { 0% { opacity: 1; background-color: rgb(208, 0, 0); }  100% { background-color: #7597ff;  } }
    @-webkit-keyframes blink_export { 0% { opacity: 1; background-color: rgb(208, 0, 0); }  100% { background-color: #7597ff;  } }
    @-moz-keyframes blink_export { 0% { opacity: 1; background-color: rgb(208, 0, 0); }  100% { background-color: #7597ff;  } }
    .blink_export.no_blink_priority,.blink_gov_bid.special_blink_priority,.blink_export.high_blink_priority {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_export 2s infinite ease-in-out 4s;
        -webkit-animation: blink_export 2s infinite ease-in-out 4s;
        -moz-animation: blink_export 2s infinite ease-in-out 4s;
      }
    }
    /****** .blink_export.normal_blink_priority ******/
    @keyframes blink_export_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: #7597ff; } }
    @-webkit-keyframes blink_export_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: #7597ff; } }
    @-moz-keyframes blink_export_normal { 0% { opacity: 1; background-color: #ffff00; } 49% { opacity: 1; } 100% { background-color: #7597ff; } }
    .blink_export.normal_blink_priority {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_export_normal 2s infinite ease-in-out 4s;
        -webkit-animation: blink_export_normal 2s infinite ease-in-out 4s;
        -moz-animation: blink_export_normal 2s infinite ease-in-out 4s;
      }
    }
    /****** .blink_export.low_blink_priority  ******/
    @keyframes blink_priority_low_blink_export { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #7597ff; } }
    @-webkit-keyframes blink_priority_low_blink_export { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #7597ff; } }
    @-moz-keyframes blink_priority_low_blink_export { 0% { opacity: 1; background-color: #00DC00; } 49% { opacity: 1; } 100% { background-color: #7597ff; } }
    .blink_export.low_blink_priority  {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_priority_low_blink_export 2s infinite ease-in-out 4s;
        -webkit-animation: blink_priority_low_blink_export 2s infinite ease-in-out 4s;
        -moz-animation: blink_priority_low_blink_export 2s infinite ease-in-out 4s;
      }
    }
    /****** .blink_export.no_blink_priority  ******/
    @keyframes blink_priority_no_blink_export { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #7597ff; } }
    @-webkit-keyframes blink_priority_no_blink_export { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #7597ff; } }
    @-moz-keyframes blink_priority_no_blink_export { 0% { opacity: 1; background-color: #AEAEAE; } 49% { opacity: 1; } 100% { background-color: #7597ff; } }
    .blink_export.no_blink_priority  {
      .td-priority,.td_offer_status,.td-action_date {
        animation: blink_priority_no_blink_export 2s infinite ease-in-out 4s;
        -webkit-animation: blink_priority_no_blink_export 2s infinite ease-in-out 4s;
        -moz-animation: blink_priority_no_blink_export 2s infinite ease-in-out 4s;
      }
    }



    /////////////////////////// END BLINK \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\


    .offer_order_row_need_to_call   { background-color: #adff2f; }
    .row_amazon          { background-color: #00F5FF; color: #000;
      input,textarea { color: #000; }
      &:hover        { background-color: #00F5FF; }
    }
    .row_export          { background-color: #7597ff; color: #000;
      input,textarea { color: #000; }
      &:hover        { background-color: #6a8aec; }
    }
    .row_ebay            { background-color: #008B00;color: #000;
      input,textarea { color: #000; }
      &:hover        { background-color: #008B00; }
    }
    .gov_bid             { background-color: #8B3A62; color: #000;
      input,textarea { color: #000; }
      &:hover        { background-color: #8B3A62; }
    }
    .status_offer                   { background-color: #e09101; }
    .status_declined_offer_closed   { background-color: gray; }
    .status_declined_offer          { background-color: gray; }
    .status_offer_1st_follow-up_sent{ background-color: #e09101; }
    .status_offer_2nd_follow-up_sent{ background-color: #e09101; }
    .status_proforma_sent           { background-color: blue; }
    .status_void_proforma_closed            { background-color: gray; }
    .status_void_proforma           { background-color: gray; }
    .status_proforma_1st_follow-up_sent { background-color: blue; }
    .status_proforma_2nd_follow-up_sent { background-color: blue; }
    .status_proforma_phone_call     { background-color: blue; }
    .status_payment_claimed         { background-color: violet; }
    .status_order_moved             { background-color: green; }
    .status_non-responsive_closed   { background-color: gray; }
    .status_archive_closed          { background-color: gray; }
    .customer_status_prospective    { background-color: yellow; }

    .status_approved_action_required        { background-color: rgb(208, 0, 0); }
    .status_to_be_approved                  { background-color: #EEB4B4; }
    .status_to_be_processed                 { background-color: #EEB4B4; }
    .status_pending                         { background-color: #EEB4B4; }
    .status_processed                       { background-color: #EE9A49; }
    .status_group_red                       { background-color: rgb(208, 0, 0); }
    .status_shipped                         { background-color: rgb(208, 0, 0); }
    .status_group_brown                     { background-color: #EE9A49; }
    .status_partially_shipped               { background-color: #EE9A49; }
    .status_cancelled                       { background-color: #808080; }
    .status_not_paid                       { background-color: red; }

    .approved_action_required        { background-color: rgb(208, 0, 0); }
    .to_be_approved                  { background-color: #EEB4B4; }
    .to_be_processed                 { background-color: #EEB4B4; }
    .pending                         { background-color: #EEB4B4; }
    .processed                       { background-color: #EE9A49; }
    .group_red                       { background-color: rgb(208, 0, 0); }
    .shipped                         { background-color: rgb(208, 0, 0); }
    .group_brown                     { background-color: #EE9A49; }
    .partially_shipped               { background-color: #EE9A49; }
    .cancelled                       { background-color: #808080; }
    .not_paid                       { background-color: rgb(208, 0, 0); }

    .brands_list, .products_list    { width: 10px;
      button                      { .button; }
    }
    ul              {
      li          { list-style:none; }
    }
    input,select,textarea{ width:100%; height:100%; padding:0; background:none; border:0; font-family: Arial; font-size: 13px;
      &:focus     { background-color:#FFFFCC; }
    }
    /* .editable       { padding:0; }*/
    .nowrap         { white-space:nowrap;
      input       { width:93%;}
    }
    .center         {
      input       { text-align:center; }
    }
    .vip_order      { position:relative; cursor:help;
      &:before    { content:"?"; font-size:22px; color:#ffd76e; -webkit-text-stroke:1px #e1ba53; line-height:8px; }
    }
  }

  &.district_manager, &.country_manager{
    .thead              {
      .delete         { width:32px; }
    }
    tbody               {
      td              { padding:0;
        input[type=text],textarea{ border:none; }
        textarea        { width:97%; padding:1%; }
        &.name                  {width: 100px; height: 100px; max-width: 100px; word-wrap: break-word;}
        &.general_info          {width: 100px; height: 100px; max-width: 100px; word-wrap: break-word;}
        &.pricing_algorythm     {width: 100px; height: 100px; max-width: 100px; word-wrap: break-word;}
        &.documents_required    {width: 100px; height: 100px; max-width: 100px; word-wrap: break-word;}
        &.notes                 {width: 100px; height: 100px; max-width: 100px; word-wrap: break-word;}

        input[type=button]{ .button; border-width:1px; padding:0 2px; }
      }


    }
    form  {
      .highlited; overflow:auto;
    }
    #edit_district_form  {background: none;}
    input[type=text]  {width: 600px;  max-width: 600px; word-wrap: break-word;}
  }
  &.reminder              {
    .reminder_table     {
      .name           { width:256px; }
      .frequency      { width:128px; }
      .date           { width:150px; }
      td.nopadding    { padding:0;
        input[type=text],select,textarea{ width:96%; height:100%; padding:0 1%; background:none; border:0;
          &:focus     { background-color:#FFFFCC; }
          &textarea   { height:256px; }
        }
        &.center input{ text-align:center; }
        &.edit      { width:64px;
          input[type=button]{ padding:4px 8px; }
        }
      }
      .frequency_1    { background-color:orangered; }
      .frequency_7    { background-color:orange; }
      .frequency_30   { background-color:yellow; }
      td              {
        ul          {
          li      { list-style:none; white-space:nowrap;
            &+li{ /*margin-top:4px;*/ }
            button{ .button; border:none; font-size:8px; padding:1px; margin:0 4px; }
          }
          &.aditional_copys{ display:none; }
        }
      }
    }
    form                { overflow:auto; }
  }
  &.send_offer            {
    dl                  { clear:both;
      dt              { width:170px; }
      dd              { margin-left: 175px;
        textarea    { width:98%; max-width:98%; }
        .product_description{ width:90%; max-width:90%; }
        input[name=web_store_link]{ width:90%; max-width:90%; }
        select[name=product_list]{ width:400px; max-width:92%; }

      }
    }
    input[type=button]  { float:none; margin-left:260px; width:200px; }
    #add_more_product+* { margin-top:32px; }
    .warning_email_order {
      background-color: #ffab95; margin: 10px;max-width: 300px;height: 100px;display: none;
      word-wrap:break-word;
      overflow: hidden;
      overflow-y: auto;
      padding-left: 10px;
    }
  }
  &.mail_template         {
    dd                  {
      input           { float:none; }
    }
  }
  &.edit_offer_order      { position: relative;
    section             { border-top: 1px solid; margin-top: 64px; }
    .product_list       {
      input[type=text]{ width: 40px; }
    }
    input[type=button]  { .button; }
    aside               { position: absolute;  right: 0;    top: 0;
      ul              {
        li          { position: relative; float: left; width:64px; margin-right:4px; text-align:center; list-style: none; background-color: @flash-color;
          &:after { content:''; position: absolute; left: 0; top: 32px; border: 32px solid #FFF; border-top-color: @flash-color; }
          &.priority_high{ background-color: red; color: #FFF;
            &:after{ border-top-color:red; }
          }
          &.priority_low{ background-color: @border-color;
            &:after{ border-top-color:@border-color; }
          }
          strong  { display: block; }
        }
      }
      &+*             { clear: both; }
    }
    .check              { clear: both; margin: 32px 0; }
    .part {width: 150px !important;}
    .placed_as {width: 150px !important;}
  }

  .regular_customer_info  { width: 460px;

    dl					{ margin-left:32px; margin-top:8px;  width:450px;
      dt,dd				{ margin-bottom:0px; line-height: 30px; margin-left: 5px; }
      dt					{ clear:both; float:left; min-width:200px; }
      dd					{ margin-left:136px; }

    }
    border: 1px solid;
    float: left;
    min-height: 500px;
    table {
      min-width: 460px;
      width: 460px;
      border: hidden;
      border-collapse: collapse;
      border-spacing: 0;
      td {border: hidden;min-width: 200px; max-width: 267px; word-wrap: break-word;}
      tr {height: 40px; }

    }
    .customer_status{
      width: 250px;
      height: 25px;
      text-align: center;
      padding-top: 10px;
      margin-top: -40px;
      margin-left: 180px;
    }
    .regular_cust_vip           {.customer_status;background-color: blue;}
    .regular_cust_act_plus      {.customer_status;background-color: #006400;}
    .regular_cust_act           {.customer_status;background-color: #ffff00;}
    .regular_cust_ann           {.customer_status;background-color: #8b4513;}
    .regular_cust_old           {.customer_status;background-color: red;}
    .regular_cust_one_two_off   {.customer_status;background-color: #B00000;}
    .regular_cust_archive       {.customer_status;background-color: #808080;}

    .prospects_status{
      width: 350px;
      height: 40px;
      text-align: center;
      padding-top: 20px;
      margin-top: 0px;
      margin-left: 60px;
    }
    .prospects_customer_no_ask  {.prospects_status; background-color: red;}
    .prospects_customer_high  {.prospects_status; background-color: #008000;}
    .prospects_customer_maybe  {.prospects_status; background-color: #ffff00;}
    .customer_destination {font-size: 15px; margin-left: 130px;padding-top: 10px;}
    .cc_info {font-size: 13px; padding-top: 10px;margin-bottom: 32px;
      h1 {margin-top: 15px;margin-bottom: 0px;}
      table{
        tr,td{height: 5px;}

      }
    }
    .white_list {font-size: 13px;text-align: center;}
    .special_requirements {font-size: 14px;text-align: center;background-color: red;width: 250px;margin-top: 10px;margin-left: 100px;height: 30px;padding-top: 5px;}

    .block { border:1px solid grey;padding: 5px 0;margin-top: 10px;background: rgba(233, 233, 233, 0.38);
      h3 { text-align: center; }
    }
    .trust-limit {
      input { width: 200px; }
    }
  }
  #customer_time{
    background-color: #6495ed;
    width: 250px;
    height: 30px;
    text-align: center;
    padding-top: 10px;
    position: relative;
    margin-left: 500px;
    margin-top: -50px;
    font-size: 16px;
    font: bold;
  }
  .regular_filter {
    clear: both;
    float: right;
    margin-left: 140px;
    margin-top: 39px;
    position: relative;
    width: 100px;
  }
  .shipping_docs_notes{
    dl					{ margin-left:32px; margin-top:8px;
      dt,dd				{ margin-bottom:0px; line-height: 30px; margin-left: 5px; }
      dt			        { clear:both; float:left; min-width:200px; }
    }
    border: 1px solid;
    background-color: #fffacd;
  }
  .reg_description{
    dl					{ margin-left:32px; margin-top:8px;
      dt,dd				{ margin-bottom:0px; line-height: 30px; margin-left: 5px; }
      dt			        { clear:both; float:left; min-width:200px; }
    }
    border: 1px solid;
    background-color: #fffacd;
  }

  .customer_statistic{
    border: 1px solid;
    background-color: #fffacd;
    min-height: 200px;
    margin-top: 220px;

    table th{
      background-color: #8dbdd8;
      font: bold;

    }
  }

  .reg_log{
    dl					{ margin-left:32px; margin-top:8px;
      dt,dd				{ margin-bottom:0px; line-height: 30px; margin-left: 5px; }
      dt			        { clear:both; float:left; min-width:200px; }

    }
    dd{
      dl{
        /*background-color: red;*/
        margin-top: -20px;
        margin-left: 0px;
        dt{
          min-width: 80px;
        }
      }
    }
    #b_reg_log {
      float: left;
      margin: 10px;
      margin-left: 280px;
    }

    textarea	{ width:500px; max-width: 1000px; height: 80px;  font-size: 15px; }


    table th{
      background-color: #8dbdd8;
      font: bold;

    }
    .reg_reminder{width: 5%;}
    .reg_log{width: 70%;}
    .reg_data{width: 10%;}
    .reg_user{width: 15%;}



    border: 1px solid;
    background-color: #fffacd;
    min-height: 500px;

  }

  .reg_cust_pricing_alg {

    dl					{ margin-left:4%; margin-top:8px;  width:96%;
      dt,dd				{ margin-bottom:0px; line-height: 30px; margin-left: 5px; }
      dt			        { clear:both; float:left; min-width:200px; }
    }
    border: 1px solid;
    margin-left: 500px;
    min-height: 500px;
    margin-bottom: 159px;

  }
  .edit_customer_info  {
    dt,dd             {
      margin-bottom: 10px;
      textarea	{ width:250px; min-height: 50px;  font-size: 15px;  }
    }
    margin-right: 100px;
    float: left;
    min-height: 500px;
    margin-bottom: 50px;
    .block {
      border: 1px solid;
      margin-bottom: 20px;
      display: inline-block;
      width: 100%;
      box-sizing: border-box;
      padding: 5px;
      h3 {text-align: center;}
      &:last-child {
        margin-bottom: 0;
      }
    }
  }
  .pricing_algorytm{
    margin-left: 400px;
    width: 60%;
    dd{
      textarea	{ width:95%; max-width:95%;  font-size: 15px;min-height: 480px;  }
    }
  }
  &.edit_regular_customer  {

    input[type="button"] { margin-bottom: 50px; margin-right: 200px;}

  }
  &.regular_customer {
    .link {font-size: 30px;}
    .status_offer                   { background-color: orange; }
    .status_declined_offer_closed   { background-color: gray; }
    .status_declined_offer          { background-color: gray; }
    .status_offer_1st_follow-up_sent{ background-color: orange; }
    .status_offer_2nd_follow-up_sent{ background-color: orange; }
    .status_proforma_sent           { background-color: blue; }
    .status_void_proforma_closed            { background-color: gray; }
    .status_void_proforma           { background-color: gray; }
    .status_proforma_1st_follow-up_sent { background-color: blue; }
    .status_proforma_2nd_follow-up_sent { background-color: blue; }
    .status_proforma_phone_call     { background-color: blue; }
    .status_payment_claimed         { background-color: violet; }
    .status_order_moved             { background-color: green; }
    .status_non-responsive_closed   { background-color: gray; }
    .status_archive_closed          { background-color: gray; }
    .customer_status_prospective    { background-color: yellow; }

    .status_approved_action_required        { background-color: red; }
    .status_to_be_approved                  { background-color: #EEB4B4; }
    .status_to_be_processed                 { background-color: #EEB4B4; }
    .status_pending                         { background-color: #EEB4B4; }
    .status_processed                       { background-color: #EE9A49; }
    .status_group_red                       { background-color: red; }
    .status_shipped                         { background-color: red; }
    .status_group_brown                     { background-color: #EE9A49; }
    .status_partially_shipped               { background-color: #EE9A49; }
    .status_cancelled                       { background-color: #808080; }
    .status_not_paid                       { background-color: red; }

    .approved_action_required        { background-color: red; }
    .to_be_approved                  { background-color: #EEB4B4; }
    .to_be_processed                 { background-color: #EEB4B4; }
    .pending                         { background-color: #EEB4B4; }
    .processed                       { background-color: #EE9A49; }
    .group_red                       { background-color: red; }
    .shipped                         { background-color: red; }
    .group_brown                     { background-color: #EE9A49; }
    .partially_shipped               { background-color: #EE9A49; }
    .cancelled                       { background-color: #808080; }
    .not_paid                       { background-color: red; }
  }
  &.pending_offer          {
    .set_data {width: 130px;}
    input[type="text"] {max-width: 110px;}

  }
  #set_time {
    display: none;
  }
  .filter_form{
    float: right;
    select {width: 150px;}
  }
  .management{display: none;}
}
#main                       { border:1px solid @border-new; margin:32px auto; }

#main.main-fixed            { border:1px solid @border-new; margin: 0; position: fixed; top: 98px; bottom: 19px; overflow: auto; left: 1%; right: 1%;
  table                   {
    thead               { z-index: 5; }
    thead, tr.thead     { left: 0; right: 0; }
  }
  &.offers_orders_list, &.offers_orders_list { padding-top: 50px; @media (min-height: 1040px) { overflow-y: hidden; }
    .inline_list        { margin: 8px 0 8px 0; position: fixed; width: 82%; height: 41px; overflow: auto; left: 1%; top: 98px; @media (max-width: 1620px) { width: 71%; }
      li              { display: inline-block; margin-bottom: 4px;
        &.fast_form {
          *       { float: none; margin: 0; display: inline-block; }
        }
      }
    }
  }
  &.regular_customer_main {

  }

  &.tickets_list,&.news.tickets_list{
    table tbody         {
      tr.thead        { z-index: 2; }
    }
  }
  &.regular_customer      {
    table               { min-width: inherit; }
  }

}

.type_regular_customer{

  a {
    display: table-row;

  }
  float: right;
  margin-right: 360px;
  margin-top: -16px;
}

.regular_customer_main{

  display: block;
  width: 90%;
  table {word-break: normal;}

  .regular_cust_vip           {background-color: blue;}
  .regular_cust_act_plus      {background-color: #006400;}
  .regular_cust_act           {background-color: #ffff00;}
  .regular_cust_ann           {background-color: #8b4513;}
  .regular_cust_old           {background-color: red;}
  .regular_cust_one_two_off   {background-color: #B00000;}
  .regular_cust_archive       {background-color: #808080;}

  .prospective_low       {background-color: yellow;}
  .prospective_high       {background-color: orange;}



  .prospects_customer_no_ask  { background-color: red;}
  .prospects_customer_high  { background-color: #008000;}
  .prospects_customer_maybe  { background-color: #ffff00;}

  nav {display: inline-block;}

  .reg_customer_tr {background-color: #d3d3d3;}
  .log {max-width: 250px;}


}

#main.regular_customer_main {
  &.main-fixed { top: 120px; }

  .export-form { float: right;
    form { margin-bottom: auto; }
  }
  .nav-filter {
    span { margin: 15px; }
  }

  .customer_filter { background-color: #d3d3d3; }

  .table-wrapper {
    overflow: auto;
    margin-top: 20px;
  }

  table {
    input { width: 85%; }
    select { width: 99%; }

    th { word-break: normal; border: 1px solid #ccc; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
      nav {
        a { margin: 0 2px;}
      }
    }

    th,
    .td_filter {
      &.customerStatusId,
      &.customerStatusFrequencyPurchasesId,
      &.customerStatusOrderAmountId,
      &.customerTypeStatusId,
      &.customerCompanyTypeId,
      &.customerStatusStateId,
      &.oftenYank,
      &.requestForCooperation { background-color: rgb(217,234,211); }

      &.phone,
      &.dateLastCall,
      &.logCall { background-color: rgb(234,209,220); }

      &.totalAmount,
      &.profit,
      &.countOrders,
      &.firstOrderDate,
      &.lastOrderDate,
      &.minOrderAmount,
      &.maxOrderAmount { background-color: rgb(188,214,242); }
    }

    td { min-width: 120px; text-align: center;
      &.td_fullName ,
      &.td_company_name,
      &.td_country,
      &.td_email,
      &.td_domain { text-align: left }
    }

    .td_email { min-width: 200px; }
    .td_dateLastCall,
    .td_actionDate {
      input { width: 85%; }
    }

    .logCall { width: 300px;height: 50px; }
  }
}

/* start Дмитрий Лиштван*/
#main.statistica                                { border: none; overflow: visible;
  table                                       { /*border-collapse: separate; */ border-spacing: 0px; width: auto !important;
    .border                                 {float: left; font-weight: bold;}
    tr                                      {border-top: 4px solid #fff;}
    tr td:last-child                        {border-right: 0px !important;}
    tr:nth-child(3n-1) td:nth-child(1n+1)   {background: #fedee3; padding: 5px; border-right: 3px solid #fff; border-left: 3px solid #fff;}
    tr:nth-child(3n+1) td:nth-child(1n+1)   {background: #90d896; border-right: 3px solid #fff; border-left: 3px solid #fff; border-bottom:6px solid #fff;
      .bold                               {float: left; margin-left: 1px;}
    }
    tr:nth-child(3n) td:nth-child(1n+1)     {background: #fdf5a4; padding: 5px; vertical-align: top; border-right: 3px solid #fff; border-left: 3px solid #fff;
      .stat                               {padding: 0 1px;}
    }
    tr:nth-child(1)                         { text-align: center; margin-bottom: 10px; border-right: none !important;
      td                                  { padding: 5px 0; border-left: 0px !important; border-right:0px !important; border-top: 0px; background: #eceeed !important;}
      td:nth-child(2)                     { width:120px; }
      .border                             { border-right:2px solid #757776; float: none; font-weight: normal; padding: 0 2px;}
    }
    td                                      {border: none;}
    tr:nth-child(3n-1) td:nth-child(1)      { vertical-align: top; padding: 18px 20px; width:200px; border: 1px solid #ccc; background: none;}
    tr td:nth-child(2n+1)                   {}
    .stat                                   {background: none; margin-left: 20px;}
    .stat:not(:empty)                       { width: 180px;}
  }
  .button                                     {background: #1d75bd; border: 1px solid #000; width:60px; height:22px; color: #fff; font-weight: normal;
    &:hover                                 {border: 1px solid #1d75bd;}
  }
}
/* end Дмитрий Лиштван*/

nav.article_nav, nav.report_nav{ width:200px; position:fixed; top:96px; overflow:auto; right:16px; border-left:1px solid @border-new; padding:8px 32px 0 8px; font: normal 13px Verdana;
  &.article_nav           { bottom:21px; display: none; overflow-x: hidden !important; width: 250px; z-index:1; background-color:#FFF;
    &.slim              { width:80px;
      >ul             { display:none; }
      &:hover         { width:250px;
        >ul         { display:block; }
      }
    }
    &.small             { width:128px; }
    li                  {
      h3              { border-bottom: 1px solid @border-new; text-transform: uppercase; color: rgb(208, 58, 58); margin-bottom: 8px; margin-top: 8px; }
      h4              { white-space:nowrap;
        &:hover     { cursor:pointer; }
        &:before    { border:1px solid; padding:0 1px; font-size: 10px; margin-right:4px; }
        &.pluss:before{ content:"+"; }
        &.minus:before{ content:"-"; padding:0 3px; background-color:#FFF; }
      }
      .book           { padding-left:12px; display:none; position:relative;
        &:before    { content:""; border:1px solid; border-width:0 0 1px 1px; position:absolute; width:4px; height:16px; left:6px; top:-7px; z-index:-1; }
      }
    }
  }
  >ul                     { margin-bottom:24px;
    li                  { list-style:none; margin-bottom:2px;
      h3              { font-size:13px; padding:0 2px; /*background-color:@flash-color;*/ }
      a               { .href; white-space:nowrap; line-height:16px;
        &:hover:after{ margin-left:8px; content:"?"; }
      }
      ul              { margin-left:16px; }
    }
  }
  >a                      { .href; }
}

footer                      { width:100%; border-top:1px solid @border-new; position:fixed; bottom:0; font:normal 14px FuturaStd; background:#FFF;
  nav                     { width:950px; margin:auto; text-align: center;
    ul                  { overflow:auto; margin-bottom:1px;
      li              { display: inline-block; list-style:none; margin-right:80px;
        a           { .href; }
        &:last-child{ margin-right:0; }
      }
    }
  }
}

article.print               { .default-font;
  button                  { .button; margin-top:16px; }
  table                   { margin-top:16px; border-spacing:0; border:none;
    tr                  {
      td              { padding:2px 4px; border: solid 1px @border-new; border-width:1px 1px 0 0;
        &:first-child{ border-width:1px 1px 0 1px;  }
      }
      &:last-child    {
        td          { border-width:1px 1px 1px 0;
          &:first-child{ border-width:1px 1px 1px 1px;  }
        }
      }
    }
  }
}




#modal_form {
  width: 300px;
  height: 250px; /* Размеры должны быть фиксированы */
  border-radius: 5px;
  border: 3px #000 solid;
  background: #fff;
  position: fixed; /* чтобы окно было в видимой зоне в любом месте */
  top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
  left: 50%; /* половина экрана слева */
  margin-top: -150px;
  margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
  display: none; /* в обычном состоянии окна не должно быть */
  opacity: 0; /* полностью прозрачно для анимирования */
  z-index: 105; /* окно должно быть наиболее большем слое */
  padding: 20px 10px;
  font-size: 20px;
  .name  {width: 100px; height: 25px; font-size: 15px; margin: 10px;}
  #modal_button {width: 200px; height: 35px;margin-right: 55px; margin-top: 25px;}
}
/* Кнопка закрыть для тех кто в танке) */
#modal_form #modal_close {
  width: 21px;
  height: 21px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: block;
}
/* Подложка */
#overlay {
  z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
  position: fixed; /* всегда перекрывает весь сайт */
  background-color: #000; /* черная */
  opacity: 0.8; /* но немного прозрачна */
  width: 100%;
  height: 100%; /* размером во весь экран */
  top: 0;
  left: 0; /* сверху и слева 0, обязательные свойства! */
  cursor: pointer;
  display: none; /* в обычном состоянии её нет) */
}
.o_sotr{
  position: absolute;
  margin-left: 130px;
  margin-top: -33px;
}

.links_for_log              {

  >ul                     { overflow:auto; border:1px solid #000; position:relative;
    li                  { float:left; list-style:none; white-space:nowrap; border-right:1px solid #000;
      a                 { text-decoration:none; color:#000; padding:3px 11px; line-height:22px;
        &:hover         { background-color:@flash-color; }
      }
      &.current         { background-color:@flash-color; }

    }
  }
  max-width: 1445px;
  margin-left: 1%;
  margin-right: 1%;
  margin-top: 30px;
  margin-bottom: 30px;

}
.list_status {
  font: bold 12px Arial, Helvetica, Sans-serif;
  position: relative;
  margin: 4px 0;
}
.list_status .close_status_block {
  position: absolute;
  margin: 1px 0px 0 -12px !important;
  cursor: pointer;
}
.list_status >ul {
  float: left;
}
.list_status ul {
  width: 120px;
  margin:0;
  padding:0;
  list-style:none;
  border: 1px solid #141414;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.menu-open{
  z-index: 9;
  position: relative;
  .list_status_button{background-color: #0F0F0F; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px #000000;}
}
.list_status >ul >li >ul{
  margin-left: -1px;
}
.list_status ul li span,
.list_status ul li .label,
.list_status ul button {
  cursor: pointer;
  display: block;
  font-size: 12px;
  color: #DADADA;
  padding: 4px 12px;
  text-decoration: none;
  background-color: #414141;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  border-right: 1px solid rgba(0,0,0,0.2);
  border-bottom: 1px solid transparent;
  width: 100%;
  line-height: 14px;
}
.list_status ul[id]{
  position: absolute;
  top:23px;
}

.list_status .label{border-radius: 0;}

.list_status ul form{margin-bottom: 0 !important;}
.list_status ul form li{position: relative;
  &:hover{
    >ul{visibility:visible; top: 0; margin-left: -2px;}
  }
}
.list_status ul{float: none !important;}
.list_status ul[id] .hovered{visibility: visible !important; top: 0; margin-left: -2px; left: auto;}
.list_status ul form li ul{position: absolute !important; transform: translateX(100%); color: #fff; visibility: hidden;}
.list_status ul form li ul select{width: 100% !important; height: 21px !important;}
.list_status ul form li ul select:focus{background-color: #777 !important;}
.list_status li span{padding: 4px !important;}
.list_status li ul {
  left: -999em;
  position: absolute;
  z-index: 9999;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4) inset;
}
.list_status ul li:hover > span,
.list_status ul.active li.active > span {
  background-color: #0F0F0F;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 -1px #000;
}
.hovered >ul >li >span{border-top: none !important;}
.hovered ul li span:not(.list_submit){
  background-color: #0F0F0F;
  border-bottom: 1px solid rgba(0,0,0,0.6);
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
  border-top: 1px solid #D8D8D8;
}
.list_status ul li li:hover > span,
.list_status ul.active li.active li.active > span  {
  background-color: #0F0F0F;
  border-bottom: 1px solid rgba(0,0,0,0.6);
  border-top: 1px solid #D8D8D8;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}
.hovered li ul,.list_status li:hover ul,.list_status li.active ul.active {
  background-color: #414141;
  left: auto;
}
.list_status li li ul {
  margin: -23px 0 0 118px;
  visibility: hidden;
}
.hovered li li ul, .list_status li li:hover ul,.list_status li li.active ul.active {
  visibility: visible;
}
.list_status ul ul ul {
  width: 160px;
}
.list_status ul ul ul li {
  padding: 2px 0 3px 0;
}
.list_status ul ul ul li span {
  margin-top: -2px;
  margin-bottom: -3px;
}
.list_status ul ul ul li.active,.list_status ul ul ul li:hover,.list_status ul ul ul select:hover {
  background-color: #0F0F0F;
}
.list_status ul ul ul select {
  width: 100% !important;
  color: #DADADA;
  outline: none;
}

.list_status option {
  background-color: rgb(15, 15, 15);
}


////////////////////////////////////


////////////////////////////////////


#modal_form_offer_status {
  width: 250px;
  height: 75px; /* Размеры должны быть фиксированы */
  border-radius: 5px;
  border: 3px #000 solid;
  background: #fff;
  position: fixed; /* чтобы окно было в видимой зоне в любом месте */
  top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
  left: 50%; /* половина экрана слева */
  margin-top: -150px;
  margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
  display: none; /* в обычном состоянии окна не должно быть */
  opacity: 0; /* полностью прозрачно для анимирования */
  z-index: 50000; /* окно должно быть наиболее большем слое */
  padding: 20px 10px;
  input {height: 20px;}
  box-shadow: 0px 0px 6px 1px #fff;
  font: 14px Arial;
  label {margin-bottom: 4px; display: block;}
  input {margin-bottom: 12px;}

  .submit_list {
    cursor: pointer;
    display: block;
    color: #DADADA;
    padding: 4px 10px;
    text-decoration: none;
    background-color: #414141;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 5px rgba(0, 0, 0, 0.1) inset;
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    border-right: 1px solid rgba(0,0,0,0.2);
    border-bottom: 1px solid transparent;
    text-align: center;
    width: 70px;
    float: right;
  }
}

/* Кнопка закрыть для тех кто в танке) */
#modal_form_offer_status #modal_close {
  width: 21px;
  height: 21px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: block;
  color: red;
}
/* Подложка */
#overlay {
  z-index: 3; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
  position: fixed; /* всегда перекрывает весь сайт */
  background-color: #000; /* черная */
  opacity: 0.8; /* но немного прозрачна */
  width: 100%;
  height: 100%; /* размером во весь экран */
  top: 0;
  left: 0; /* сверху и слева 0, обязательные свойства! */
  cursor: pointer;
  display: none; /* в обычном состоянии её нет) */
}

//////////////// Check Orders ||||||||||||||||||||||||||||

.check_orders form[name="select_showcase"]{

  label {margin-left: 5px;}
  input {margin-left: 10px;}
  select {margin-left: 30px;width: 100px !important;}
}

.check_orders table[class="check_orders"]{
  thead {text-align: center;background-color: #d3d3d3;  }
  .status_diff {background-color: #ff7b6c;}
  .status_ok {background-color: #adff2f;}
  .status_no {background-color: #fffdc1;}

}


////////////////// END Check Orders ||||||||||||||||||||||||||||


///////coupone\\\\\\\\\\\\\
.coupon_code_div{
  position: relative !important;
  width: 1500px !important;
}

.warning_part_error {
  background-color: #ffab95; margin-left: 180px;max-width: 605px;height: 150px;display: none;
  word-wrap:break-word;
  overflow: hidden;
  overflow-y: auto;
  padding-left: 10px;
}
/////////coupone\\\\\\\\\\\\\



////////// many offers\\\\\\\\\\\\\\\\\\\\
.block_products{

  margin-bottom: 50px;
}
.each{
  background-color: #fffacd;
  margin-top: 30px;
  height: 230px;
  //dd {margin-bottom: 2px!important;padding-bottom: 0px!important;margin-top: 0px!important;padding-top: 0px!important;}
}

.block_products_f {
  //background-color: #fffacd;
  margin: 5px!important;
  float: left;
  dt { width: 120px!important;float: left;}
  dd { margin: 1px!important;float: left}
  padding: 1px!important;
  text-align: left;
  width: auto;
}
.block_products_each {
  //background-color: #fffacd;
  margin: 5px!important;
  float: left;
  dd { margin: 0 1px 4px !important;padding-bottom: 0px!important;padding-top: 0px!important;}
  padding: 1px!important;
  text-align: left;
  width: auto;
}



//////////// many offers\\\\\\\\\\\\\\\\\\\\

#wait {

  background-image: url("/images/loading4.gif");
  background-repeat: no-repeat;
  height: 100px;
  left: 50%;
  position: relative;
  top: 200px;
  width: 125px;
  z-index: 2147483647;
}


#main.order-status { width: 99%; max-width: 1560px;
  .table_top {
    color: #000;
    text-align: center;
    border-bottom: 15px solid #000;
    border-top:1px solid #000;
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-spacing: 0px;
    margin-top:-32px;
    margin-bottom: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 100%;
  }

  .table_top tr:first-child th:first-child{
    width: 68px;
  }

  .table_top{
    border:width: 1px !important;
    border-color: #000 !important;
  }

  .table_top td{
    border: 1px solid #000 !important;
  }

  .table_top thead th{
    color: #000;
    font-weight: normal;
    background: #bf392b;
  }

  .table_top tbody .alert, .table_top tbody .critical{
    color:#fff;
    background: #e14a39;
  }

  .table_top tbody .td-order_number,.table_top tbody .td-action_day,.table_top tbody .td-log,.table_top tbody .td-name,.table_top tbody .td-offer_status,.table_top tbody .td-brand_name, .table_top tbody .td-priority, .table_top tbody .td-comment-long-time-orders{
    background: #fac51b;
  }

  .table_bot{
    border:width: 1px !important;
    border-color: #000 !important;
    text-align: left;
    border-spacing: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    width: 100%;
  }

  .table_bot textarea                    { width:210px; height:30px; padding:8px; }

  .table_bot thead{
    text-align: center;
  }

  .table_bot .td-order_number, .table_bot .td-action_day, .table_bot .td-log, .table_bot .td-brand_name, .table_bot .td-brand_name{
    text-align: center;
  }

  .table_bot .analyzed{
    width:200px;
  }

  .table_bot th.td-order_number{
    width:126px;
  }

  .table_bot .status_order, .table_bot .type_name{
    vertical-align: top;
    padding-top: 10px;
  }

  .table_bot .status_order{
    width: 70px;
  }

  .table_bot th{
    padding: 3px 5px;
    font-weight: normal !important;
  }

  .table_bot tr:first-child th:first-child{border-left: 2px solid #000;}

  .table_bot td{
    padding: 3px 5px;
    text-align:center;
    border: 1px solid #000;
  }

  .table_bot thead .type,  .table_bot thead .status{
    background: #e6e7e8;
  }

  .table_bot thead  .current, .table_bot thead tr:last-child th {
    background: #f7da64;

  }

  .table_bot thead .overdue{
    background: #fba026 !important;
  }

  .table_bot .td-empty{
    text-align: center;
  }

  .table_bot td:empty:before{
    content: "X";
    text-align: center !important;
  }

  .table_bot .high{
    background: #eb6b56 !important;
    text-align: center;
    border-top: none ;
  }

  .table_top .td-priority_hight,.table_bot .alert{
    background: red !important;
    text-align: center;
    border-bottom:1px solid #000;
    border-top: none !important;
  }

  .table_bot td.normal{
    background: #fff200 !important;
    text-align: center;
    border-top: none ;
  }

  .table_bot .low{
    background: #fffbca !important;
    text-align: center;
    border-top:none ;
  }

  .table_bot tbody tr td.td-order_number.overdue{
    border-left: 5px solid #000 !important;
  }

  .table_bot thead tr th.td-order_number.overdue,.table_bot thead tr:first-child th.overdue{
    border-left: 5px solid #000;
  }



  .table_bot tbody td.overdue{
    //border-bottom: none;
    background: url(../images/td_bg2.png) repeat-x top ;
  }

  .table_bot tbody td.current{
    //border-bottom: none;
    background: url(../images/td_bg.png) repeat-x top ;
  }

  .table_bot tr:last-child td{
    border-bottom:1px solid #000 !important;
    background-image:none !important;
  }

  .table_top th             {color: #fff !important;}

  .table_bot .type_name.type{font-size:18px;}
  .table_bot .status_order  {font-size:16px;}
  .table_bot .analyzed    {font-size:14px;}
  .table_top textarea         {height: 30px;}
  .table_top thead th, .table_bot thead th {font-weight:bold !important; text-align:center;}
  .table_bot .x   {text-align: center;}
  .table_bot         {border-top: 1px solid #000; color:  #000 !important;
    & th           {border:1px solid #000; color: #000; font-size:15px;}
  }
  .table_top th{border:1px solid #000;}

  .table_bot tbody tr.firstRow td {
    background: #f7da64;
  }
  .table_bot tbody .td-log,
  .table_bot tbody .td-comment-long-time-orders{
    background: #fac51b;
  }
  .table_bot tbody .td-log textarea,
  .table_bot tbody .td-comment-long-time-orders textarea {
    width: 100% !important;
    max-width: 700px !important;
    padding: 8px;
  }
}

//.table_bot tr.firstRow td{border-top:5px solid #000 !important;}

.table_bot tr:first-child+.firstRow~.firstRow{
  td, td.td-priority{border-top:5px solid #000 !important;}

}

.table_bot tr:nth-child(2) td.current,.table_bot tr:nth-child(2) td.overdue{border-top:0px !important; background:none !important;}
.site_orderstatus{
  form          {
    .row        {
      select  {margin-left:9px;}
    }
  }
}


#main.order-status{
  max-width:99% !important;
  overflow:inherit !important;
  border: none;
}

.brand-tabs{
  display:inline-block;
}
.brand-tabs > div{
  padding-top:10px;
}
.brand-tabs ul{
  margin:0px;
  padding:0px;
}
.brand-tabs ul:after{
  content:"";
  display:block;
  clear:both;
  height:5px;
  background:#46c765;
}
.brand-tabs ul li{
  margin:0px;
  padding:0px;
  cursor:pointer;
  display:block;
  float:left;
  padding:10px 15px;
  background:#e9eaeb;
  color:#707070;
}
.brand-tabs ul li.active, .tabs ul li.active:hover{
  background:#46c765;
  color:#fff;
}
.brand-tabs ul li:hover{
  background:#d6d6d7;
}




#modal_form_accounting {
  width: 350px;
  height: 500px; /* Рaзмеры дoлжны быть фиксирoвaны */
  border-radius: 5px;
  border: 3px #000 solid;
  background: #fff;
  position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
  top: 30% !important; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
  left: 50%; /* пoлoвинa экрaнa слевa */
  margin-top: -150px;
  margin-left: -150px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
  display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
  opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
  z-index: 105; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
  padding: 20px 10px;
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
#modal_form_accounting #modal_close {
  width: 21px;
  height: 21px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  display: block;
}
/* Пoдлoжкa */
#overlay {
  z-index: 104; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
  position: fixed; /* всегдa перекрывaет весь сaйт */
  background-color: #000; /* чернaя */
  opacity: 0.8; /* нo немнoгo прoзрaчнa */
  width: 100%;
  height: 100%; /* рaзмерoм вo весь экрaн */
  top: 0;
  left: 0; /* сверху и слевa 0, oбязaтельные свoйствa! */
  cursor: pointer;
  display: none; /* в oбычнoм сoстoянии её нет) */
}
.otherexpensesuttcwsc_index                                 {padding: 0 20px !important;
  .grid-view                                              {padding: 0;}
  h1                                                      {margin-bottom: 0;}
  table.items tbody tr td                                 {font-size: 14px;}
  th#other-expenses-uttc-wsc-grid_c0                      {width: 170px}
  th#other-expenses-uttc-wsc-grid_ccategory               {width: 175px;}
  th.button-column                                        {width: 60px;}
  td.button-column                                        {
    a.view                                              {display: none}
    a.delete                                            {margin-left: 15px;}
  }


}
.accounting_invoice                                         {
  input,select,textarea                                   {border: 1px solid #979797 !important; max-width: 220px;}
}

.otherexpensesuttcwsc_create,.otherexpensesuttcwsc_update   {padding: 0 20px !important;
  .span-5                                                 {position: absolute; right: 20px; top: 0; width: inherit;}
  h1                                                      {float: left;}
  #sidebar                                                {display: block; padding: 0;
    .portlet-title                                          {display: none;}
    .portlet-decoration                                     {padding: 0; border: none; background: none;}
    .portlet-content                                        {background: none; margin: 0; padding: 0;}
    a                                                  {background: #56C0E0; cursor: pointer;color: #fff; padding: 0 20px; line-height: 24px; border: none; text-align: center !important; width: inherit !important;
      &:hover                                         {-webkit-box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75);-moz-box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75); box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75);}
    }
  }
  .form                                                   {clear: both;
    form                                                {width: 500px; margin: 0 auto; background-color: #eee; padding: 10px;
      p.note                                          {margin: 0;}
      input[type="text"]                              {padding: 0 4px;}
      input[type="text"], select                      {min-height: 24px; }
      input[type="text"], select, textarea            {border: 1px solid #abadb3; width: 100%; max-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
      textarea                                        {padding: 0 4px;}
      .buttons                                        {text-align: center;
        input                                       {cursor: pointer; margin: 0;  background: #46c765;  color: #fff;  padding: 0 20px; height: 24px !important;
          &:hover                                 {-webkit-box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75); -moz-box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75); box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75);}
        }
      }
    }
  }
}

.finance_table,.otherexpensesuttcwsc_index                  {
  &.otherexpensesuttcwsc_index                            {

    .span-5                                             {position: inherit; right: 0; top: 0;}
    th                                                  {background-image: none !important;
      &#other-expenses-uttc-wsc-grid_cowner 			{min-width: 190px;}
    }
    #sidebar                                            {display: block; padding: 0;
      .portlet-title                                  {display: none;}
      .portlet-decoration                             {padding: 0; border: none; background: none;}
      .portlet-content                                {background: none; margin: 0; padding: 0;}
      a                                              {background: #56C0E0; cursor: pointer;color: #fff; padding: 0 20px; line-height: 24px; border: none; text-align: center !important; width: inherit !important;
        &:hover                                     {-webkit-box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75);-moz-box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75); box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75);}
      }
    }
  }
  #sidebar                                                {display: none;}
  .summary                                                {display: none;}
  h3                                                      {text-align: center;}
  .add-button                                             {float:right; margin-top: -38px;
    button                                              {cursor: pointer;color: #fff; padding: 0 20px; line-height: 24px; border: none; text-align: center !important; width: inherit !important;
      &:hover                                         {-webkit-box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75);-moz-box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75); box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75);}
      &#yt0                                           {background: #46c765;}
      small                                           {color: #fff;}
      &#buttonshow                                    {background: #56C0E0;}
    }
  }
  table.items                                             {background-color: #000;border-spacing: 1px; font-size: 12px;width: 100%;text-align: left;    margin: 5px 0;    overflow: auto;
    tr                                                  {
      th                                              {background-color: #3D3D3D; text-align: center; color: #fff;  font-size: 12px;  padding: 7px 4px;  font-weight: normal;
        a                                           {color: #fff;}
      }
      &.filters                                       {
        td                                          {background: #fff; padding: 4px !important}
      }
    }
    tbody                                               {
      tr                                              {
        td                                          {color: #3D3D3D; padding: 4px !important;background-color: #FFF;
          &:first-child                           {border-width: 0px 1px 1px 1px;}
          &.no_warranty                           {background: grey !important; color: #fff;}
          &.current_warranty                      {background: green !important; color: #fff;}
          &.overdue_warranty                      {background: red !important; color: #fff;}
        }
        &.odd td                                    {background: #F1F2F2;}
        &:hover                                     {
          td                                      {background-color: #FFEAEA;}
        }
        &.selected                                  {
          td                                      {background: #E1EAFC;}
        }
      }
    }
    select                                              {width: 100%;}
    input                                               {display: block; width: 100%;
      &:first-child                                   {margin-bottom: 3px;}
    }
  }
  .popup                                                  {background-color: rgba(246, 246, 246, 0.9); padding: 15px; font-size: 12px; width: 100%;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    h4                                                  {line-height: 20px; font-size: 20px; text-align: center;}
    p.note                                              {text-align: center;}
    dl                                                  {background: #e7e7e7; padding: 16px; border-radius: 8px; width: 30%; margin: 0 auto; min-height: 25px;
      dt                                              {clear: left; float: left; min-width: 145px; text-align: left;
        label                                       {position: relative; top: 3px;}
      }
      dd                                              {padding-top: 2px; margin: 0; min-height: 24px; line-height: 24px;
        input[type="text"], select                  {width: 170px !important; height: 24px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
        .row.fileupload-buttonbar                   {margin-top:10px; text-align: left;
          .btn                                    {color: #fff; display: inline-block; padding: 0 20px; top: 0; border: none; height: 24px; vertical-align: top; margin-top: 0; cursor: pointer;
            &.span                              {background: #56C0E0; line-height: 24px;}
            &[type="submit"]                    {background: #F2AE43;}
            &[type="reset"]                     {background: rgb(255, 118, 118);}
          }
        }
        textarea                                    {width: 100%;height: 8%; margin-top: 10px; max-width: 100%; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
      }
      .row.buttons                                    {text-align: center;
        input                                       {line-height:24px; cursor: pointer;color: #fff; padding: 0 20px; border: none; text-align: center !important; width: inherit !important;
          &:hover                                 {-webkit-box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75);-moz-box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75); box-shadow: 0px 0px 3px 0px rgba(50,50,50,0.75);}
          &[type="submit"]                        {background: #46c765;}
          &[type="button"]                        {background: #DB524B;}
        }
      }
    }
    span.required                                       {color: red;}
  }
}
.work-space.access_to_brands                                {
  h1                                                      {text-align: center;}
  ul                                                      {width:25%;float:left;
    li                                                  {list-style-type: none;display:block;width:100%;height:25px;
      .check                                          {float:left;margin: 0 10px 0 0;}
      .lbl                                            {margin: 4px 0 0 0 ;float:left;}
    }
  }
  table.display                                           {min-width:100%;
    td.brands                                           {width:50%;}
    .button-white                                       {padding:5px 20px 5px 20px;}
  }
  .pagination                                             {text-align: center;}
  .save_btn                                               {width:10%;margin:10px 45% 10px 45%;}
  .wrapper                                                {width:100%;}
}
#my_error                                                   {text-align: center; color: red;font-weight: bold;font-size: 1.8em;margin-top:10px; }