@font-face {
      font-family: "Lato";
      src: url("../fonts/LatoRegular.eot");
      src: url("../fonts/LatoRegular.eot?#iefix")format("embedded-opentype"),
      url("../fonts/LatoRegular.woff") format("woff"),
      url("../fonts/LatoRegular.ttf") format("truetype");
      font-style: normal;
      font-weight: normal;
  }






      body,html,p,div,input,a,select,.input,.control,.button,.textarea,textarea,tspan{     
        font-family: 'Lato', sans-serif!important;
      }
       body,html,p,div.table,td,th,span,input,textarea{
        color:#525252;


      }


.boxStol.info
{
  width:80px;height:80px;
  border-radius: 80px;
  padding:16px;
  display: block;
  color:#fff;
  background: #0060a0; /* Для старых браузров */
  background: linear-gradient(to top, #0060a0, #209cee);  
}
.boxStol.info:hover
{
  width:80px;height:80px;border-radius: 80px;padding:16px;display: block;background: #f6f6f6;
  color:#fff;
   background: #024f82; /* Для старых браузров */
      background: linear-gradient(to top, #024f82, #0b84d4);
}

.boxStol.success
{
  width:80px;height:80px;border-radius: 80px;padding:16px;display: block;background: #f6f6f6;
  color:#fff;
  background: #0cc94e; /* Для старых браузров */
      background: linear-gradient(to top, #0cc94e, #23d160);
}
.boxStol.success:hover
{
  width:80px;height:80px;border-radius: 80px;padding:16px;display: block;background: #f6f6f6;
  color:#fff;
   background: #0db849; /* Для старых браузров */
      background: linear-gradient(to top, #0db849, #0cc94e);
}

.boxStol.grey
{
  width:80px;height:80px;border-radius: 80px;padding:16px;display: block;background: #f6f6f6;
  color:#000;
  background: #ebebeb; /* Для старых браузров */
      background: linear-gradient(to top, #ebebeb, #f6f6f6);
}
.boxStol.grey:hover
{
  width:80px;height:80px;border-radius: 80px;padding:16px;display: block;background: #f6f6f6;
  color:#000;
   background: #ddd; /* Для старых браузров */
      background: linear-gradient(to top, #ddd, #ebebeb);
}

.card
{
  box-shadow: 0 0 0 rgba(10,10,10,.1), 0 0 0 0 rgba(10,10,10,.1);
  background: #f6f6f6; /* Для старых браузров */
      //background: linear-gradient(to top, #f6f6f6, #fff);
      background: #fff;
      padding-top:10px;
      border-radius: 5px;
      //background: #fbfaf6;
      background: #fff;
      box-shadow: 0 0 13px rgba(0,0,0,0.08)!important;
}
.card:hover
{
  box-shadow: 0 0 21px rgba(0,0,0,0.13)!important;
}

.card .far{
  //color:#ddd;
}

    .loadPayTable,.loadPayStatistic
    {
      margin:0;
       margin-right: 0;
 margin-bottom: 0;
 text-align: center;
 color:#000;
 background: #f6f6f6;
   background: linear-gradient(to top, #f6f6f6, #fff);
 border-left:1px solid #ddd;


 padding:5px 0;
    }
    .iscol
    {
      font-size:16px!important;
      padding:0 10px!important;
      height: 1.7em!important;
      border:none;
      min-width:40px;
      text-align: center;
    }
    .loadPayTable:hover,.loadPayStatistic:hover
    {
      background: #0060a0; /* Для старых браузров */
        background: linear-gradient(to top, #0060a0, #209cee);
        border:none;
        color:#fff;
    }
    .loadPayTable.active,.loadPayStatistic.active
    {
      background: #0060a0; /* Для старых браузров */
        background: linear-gradient(to top, #0060a0, #209cee);
        border:none;
        color:#fff;
    }
    .table td, .table th
    {
      vertical-align: middle!important;
          font-weight: normal;
    }
    .tabletop.table td, .tabletop.table th
    {
      vertical-align: top!important;
      text-align: center!important;
    }
    .table th
    {
      color:#999!important;
    }
    .cmdTovarRel{min-width:25px;}

.boxten.cmdTovarRel{min-height: 75px;

}
.boxten.cmdTovarRel .is-size-7{min-height: 45px;}


#loadfrmPay .selectCateg
{
  padding:5px 10px;
  font-size:12px;
  border-radius:5px!important;
    border:none;
    margin-bottom: 10px;
    margin-right: 5px;
  //  box-shadow: 0 0 3px rgba(0,0,0,0.3)!important;
border: 0;
}

#loadfrmPay .activeSelect
{
    border: 0;
    color:#fff;
   background: #0db849; /* Для старых браузров */
      background: linear-gradient(to top, #0db849, #0cc94e);
}
#loadfrmPay .selectCateg:hover
{
  border: 0;
    color:#fff;
   background: #0db849; /* Для старых браузров */
      background: linear-gradient(to top, #0db849, #0cc94e);
}
html{
  height: 100%;background-image: url(../img/bg.png);
  background-attachment: fixed;
}
body{
color:#525252;
min-height: 768px;
height:100%;
}

.is-bold td{font-weight:bold!important;}
.is-bold th{font-weight:normal!important;}
.hide{display: none;}
.is-small{margin-right:10px;margin-bottom:10px;}
.has-addons .is-small{margin-right:0px;margin-bottom:0px;}

.fancybox-content
{
  border-radius: 5px;
  box-shadow: 0 0 13px rgba(0,0,0,0.08)!important;
}

.fancybox-bg {
    background: #fff;
    opacity: 0.97!important;
    background: #fbfaf6;
  }


  .is-rounded.is-grey
  {
    padding:5px 10px;
    height:40px;
    font-size:18px;
    border-radius:10px!important;
    background: #ebebeb; /* Для старых браузров */
      background: linear-gradient(to top, #ebebeb, #f6f6f6);
      border:none;
  }
  .is-rounded.is-grey:hover
  {

    background: #ddd; /* Для старых браузров */
      background: linear-gradient(to top, #ddd, #ebebeb);
      border:none;
  }



  .is-rounded.is-info
  {
    padding:5px 10px;
    height:40px;
    font-size:18px;
    border-radius:10px!important;
    background: #0060a0; /* Для старых браузров */
      background: linear-gradient(to top, #0060a0, #209cee);
      border:none;
  }
  .is-rounded.is-info:hover
  {

    background: #024f82; /* Для старых браузров */
      background: linear-gradient(to top, #024f82, #0b84d4);
      border:none;
  }
.inputCalcul,.pfinputCalcul,.iCalc,.iCalcPf,.iUpSire,.iCalcPftv,.netto,.width70
{
  width:90px!important;
  max-width: 90px!important;
}
.noinput{
  background: transparent!important;
  padding: 0px!important;
  border:none!important;
  width:70px!important;
  font-size:14px;
 //background: #ddd!important;
}
.netto_sire,.netto_pf,.netto_procent,.netto_tv{
  margin-bottom: 0px;
  background: transparent!important;
  padding: 0px!important;
  border:none!important;
  width:70px!important;
  font-size:14px;
 color:#209cee;
}
/*
fbfaf6
*/

.boxten_kux
{
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  border-radius:5px 5px 0 0;
    background: #fff;
    border:0!important;
    
}


.boxten
{
  padding:20px;
  //box-shadow: 0 0 3px rgba(0,0,0,0.3);
    border-radius: 5px;
    //background: #fff;
      //  box-shadow: 0 0 3px rgba(0,0,0,0.1);
    //background: #fbfaf6;
    box-shadow: 0 0 13px rgba(0,0,0,0.08)!important;
    background: #fff;
}
.predzakazStyle
{
  cursor: pointer;color:#209cee;border:0;
  background: transparent;
                            max-width: 120px;font-size:16px;padding:0;border-bottom:2px solid #209cee
}
.selectCateg{border-radius: 0}
.boxten:hover
{
  //padding:20px;
  //box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
//.navbar{box-shadow: 0 0 3px rgba(0,0,0,0.1);}
a{color:#209cee;}
a.navbar-item:hover{color:#209cee;}


.cmdTovarRel
{
  //background:#fff;cursor:pointer;padding:5px!important;
}
.skidkaTv,.dopinfoTv
{
  color:#209cee;
  cursor: pointer;
}
  .openCardCanban
  {
    background: #f6f6f6;
background: linear-gradient(to top, #f6f6f6, #fff);
border:1px solid #ddd;
margin-bottom:0;
border-radius: 0!important;
  }
  .dtSelect
  {
    width:100%;
    margin:0px;
    border-radius:0!important;
  }
  .timeSelect
  {
    width:55px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    border-radius:0!important;
    height:27px!important;
  }
  .upStKux
  {
  /*  padding:20px 10px;*/
    cursor: pointer;
    border-bottom:0 solid #000;
    //box-shadow: 0 0 3px rgba(0,0,0,0.3);
  }
  [data-stpay="0"]
  {
    //background: #7a7a7a;
    color:#000;
  }
  [data-stpay="1"]
  {
    //background: #209cee;
   // background: #7a7a7a;
    color:#000;
  }
  [data-stpay="2"]
  {

      color:#06A440;
  }
  [data-stpay='3']
  {
    //background: #ff0000;
    color:#ff3860!important;
  }





  .upStKux[data-st='1'] .table td, .box_kux_1
  {

   background: #F20D3B; /* Для старых браузров */
      background: linear-gradient(to top, #F20D3B, #FF1E4B);
      color:#fff;
  }
  .upStKux[data-st='2'] .table td, .box_kux_2
  {
background: #06A440; /* Для старых браузров */
      background: linear-gradient(to top, #06A440, #23d160);
  color:#fff;
  }
  .upStKux[data-st='0'], .box_kux_0
  {
     background: #FFEF00; /* Для старых браузров */
      background: linear-gradient(to top, #FFEF00, #FFF44A);
      color:#fff;
  }

  .upStKux[data-st='1'] .table td .bg
  {
   color:#fff!important;
  }
  .upStKux[data-st='2'] .table td .bg
  {
   color:#fff!important;
  }

  .upStKux[data-st='0'] .table td .bg
  {
   color:#000!important;
  }
  


.pay_id{
padding:10px 10px 10px 10px!important;
font-size:18px!important;
}
.srochno
{
background: #f6f6f6;
padding:0 10px;
}
.hide
{
display: none!important;
}


input:focus,input:active,a,.button {
   outline: none !important;
   box-shadow: none!important;
}
.cmdCanban
{

  margin-bottom:0px;
  border-radius: 0px!important;
  margin:0!important;
  border:0!important;


color:#fff;
  background: #0060a0; /* Для старых браузров */
      background: linear-gradient(to top, #0060a0, #209cee);



}
.cmdCanban span
{


color:#fff;


}
.cmdCanban:hover
{
  color:#fff;
   background: #024f82; /* Для старых браузров */
      background: linear-gradient(to top, #024f82, #0b84d4);
}
.is-center td,.is-center th
{
  text-align: center!important;
}
.oper0{opacity: 0.5;}
      .oper1{opacity: 1;font-weight: bold;}

      .buttons .button {
          margin-bottom: 0;
          border-radius: 0;
      }

      [data-speshial]
      {
      
      }
      [data-divTvGotovo] [data-tvbox]
      {
        background: linear-gradient(to top, #ddd, #ebebeb)!important;
      }
      .is-titledoppay
      {
        padding:10px;
        color:#000;
        font-size: 18px;
        //background: linear-gradient(to top, #ddd, #ebebeb);
      }
      [data-infobox]
      {
        padding:0 10px 10px 10px;
        //border-bottom:1px solid #000;
        //background: #ddd;
        color:#000;
        font-size: 18px!important;
      }
     
      [data-divTvDop]
      {
        padding-top:20px;
      }
      .texts{
        text-decoration:line-through;
      }









.cmdTovarRel
{
  border:0;
      background: #fff;
}
.cmdTovarRelActive
{
  background: #0cc94e!important; /* Для старых браузров */
      background: linear-gradient(to top, #0cc94e, #23d160)!important;
      border:0;


      
}
.cmdTovarRelActive p,.cmdTovarRelActive div
{
      color:#fff!important;

}






@media print {
  .noprint {
    display: none !important;
  }
}
      /*
      Убрать линию в карточке закака
      */
      
      

      .steps .step-item .step-marker {
    left: calc(0% - 1rem);
}
      .event {
          position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 150px;
    bottom: 3px;
    left: calc(50% - 3.5px);
    content: " ";
    display: block;
    background: #f64747;
}

/*
.buttons.has-addons .button:first-child {
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 3px rgba(0,0,0,0.1)!important;
}
.buttons.has-addons .button:last-child {
    border-radius: 0 10px 10px 0;
    box-shadow: 0 0 3px rgba(0,0,0,0.1)!important;
}
.buttons.has-addons .button:not(:first-child) {
    box-shadow: 0 0 3px rgba(0,0,0,0.1)!important;
}
*/      



.selectDefaultSave
{
  font-size:18px;
  margin-bottom: 10px;
}

.noround
{
  border-radius: 0;
}


.tablekux tr
{
  border:none;
}

.coltvkux,.coltvkuxmini
{
  padding:10px 3px!important;
  min-width:70px!important;
  line-height: 1.1;
  font-size:36px!important;
  //background: #000!important;
  border-radius: 5px!important;
  text-align: center;
  background: #fff!important;
  color:#000;
  padding-bottom:20px;
      box-shadow: 0 0 3px rgba(0,0,0,0.3);

}
.coltvkuxmini{
min-width:50px!important;
font-size:26px!important;
margin-bottom:0px;}

.vidacha_tv
{
  color:#000;
background: #ddd; /* Для старых браузров */
 border-radius: 5px;
  padding:5px 15px;
  border:0;
  margin:10px 0;
      background: linear-gradient(to top, #ddd, #ebebeb);
}

.vidacha_pay
{
  color:#000;
background: #ddd; /* Для старых браузров */
 border-radius: 5px;
  padding:5px 15px;
  border:0;
  margin:10px 0;
      background: linear-gradient(to top, #ddd, #ebebeb);
}

[readonly]{
background: #f6f6f6;
}

.numInput.cur-year {
color:#fff!important;
}
span.cur-month {
  font-weight: normal!important;
  }


  .typ_calcul{
    color: #ddd;
    font-size:18px;
    margin-right:5px;
  }

  .grey{
    color:#ddd;
  }

.selectAddTovarTovar,.selectAddTovarCateg
{
  margin-top:10px;
}

/*
.opacity{
  opacity: 0.3;
  user-select: none;
}
*/


.margin_bottom{margin-bottom: 10px;font-size: 18px;}

.columns {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}


.is-light td{
  background: #f6f6f6;
}

.table {
    /* background-color: #fff; */
    background: transparent;
}

.buttons.has-addons{
  box-shadow: 0 0 13px rgba(0,0,0,0.08)!important;
  border-radius: 5px;
}

.buttons .button{
      border-width: 0!important;
      border-right: #fbfaf6!important;
      border-right: 0!important;
      border: 0!important;
      padding: 0!important;
      border-right: 3px solid #fbfaf6!important;

}

.anav{
  color:#fff!important;
}
.anav:hover,.anav.active{
  background: #074670!important;
  color:#fff!important;
}



.fancybox-bg {
    background: #fff;
    opacity: 1!important;
    background: #fff;
}

.fancybox-content {
    border-radius: 5px;
    box-shadow: 0 0 0 rgba(0,0,0,0.0)!important;
    padding-top: 70px!important;
}

.fancybox-button.fancybox-close-small{
  opacity: 0.8;
}
.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 0px;}

.fancybox-button {
margin-top:10px;
  }

.drop_menu{
  width:100%!important;
}


/*
  .mypay{
    opacity: 0.7;
  }

   .mypay:hover{
    opacity: 1;
  }
  */

.navmobile{
  width: 100%;
  min-height: 30px;
}


  .navdiv{
    padding-bottom:10px;
  }
    .navdiv a{
    font-size:18px;
    display: block;
  }
.navdiv a.active{
    font-size:18px;
    color:#000;
  }


.uptext {
  text-transform: uppercase;
}