@import url('/web/fonts/fonts.css');

*{
  margin: 0;
  padding: 0;
}

body{
  background: url('/web/images/bg.jpg') no-repeat;
  background-size: cover;
  height: 100%;
  font-size: 12px !important;
}

.form-control{
  font-size: 12px !important;
}

.login-form{
  width: 100%;
  margin: 0 auto;
  position: relative;
  top: 200px;
  max-width: 320px;
}

#login-form{
  max-width: 320px;
}

#login-form .form-group{
  display: flex;
  flex-direction: column;
}

#login-form label{
  font-size: 14px;
  font-weight: bold;
  width: 190px;
  text-align: left;
}

#login-form .form-input{
  padding: 5px 15px;
  height: 34px;
  background: #FFF;
  border: 1px solid #ccc !important;
  border-radius: 3px;
  width: 320px;
}

.login-form-btn{
  width: 320px;
  border-radius: 15px;
  padding: 5px 15px;
  height: 34px;
  background-color: #4682a9;
  border: none;
  color: #fff;
  font-size: 14px;
  margin: 0 auto;
}

.field-loginform-captcha {
  height: 0;
  margin-bottom: 0 !important;
}
.field-loginform-captcha.has-error{
  margin: 15px 0;
}
.form-captcha-group mark{
  margin-left: 15px;
  font-size: 18px;
}

.form-captcha-group input{
  width: 160px;
}

.form-captcha-group{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.login-form__title{
  font-size: 26px;
  color: #0080c0;
  font-weight: bold;
  text-align: center;
  display: block;
  margin-bottom: 30px;
}

.login-page-item__right-top{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.login-page-item__right-title{
  font-size: 26px;
  color: #0080c0;
  font-weight: bold;
}

.login-page__lang-block button{
  color: #000;
}

.lang-img{
  width: 36px;
  margin-right: 5px;
}

.login-page__lang-block span{
  color: #000;
}

.lang-page-item__right-logo img{
  width: 70px;
}

.login-page-items{
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100vh;
  background-color: #fff;
}

.login-page-item__left{
  background: url('/web/images/bg.jpg');
  background-size: cover;
  background-position: center;
  width: 60%;
}

.login-page-item__left-title{
  font-size: 30px;
  margin: 30px;
  font-weight: bold;
  color: #fff;
  border-left: 5px solid #fff;
  padding-left: 10px;
}

.login-page-item__right{
  width: 40%;
  margin: 10px 30px 0 30px;
  position: relative;
}

.login-page-item__right-footer{
  position: absolute;
  left: 0;
  bottom: 30px;
  margin: 0 30px;
  width: 100%;
  text-align: center;
  color: #7f7f7f;
  font-size: 14px;
  font-weight: bold;
}

.login-page-item__right-second{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#wrapper-container{
  margin: 0;
  padding: 0;
  min-height: 100vh;
}

.main-container{
  margin: 42px 15px 15px 15px;
  padding: 15px;
  /*background: #EEE;*/
  background: rgba(255,255,255,0.9);

}

.form-input{
  padding: 15px;
  width: 342px;
  height: 52px;
  background: #FFF;
}

#login-form .form-input{
  border: none;
}

.my-btn-1{
  background: #FFF;
  color: #000;
  width: 247px;
  height: 52px;
  font-size: 20px !important;
}

#lang-block{
  position: absolute;
  top: 0;
  padding-top: 5px;
  padding-right: 15px;
  left: 15px;
  height: 55px;
}

#lang-block select{
  width: 85px;
  height: 30px;
  font-size: 14px;
  border: none;
  background: #eee;
  border-radius: 5px;
}

.products-table table tr th,
.products-table table tr td{
  padding: 5px !important;
}

/*==== format main product table==== */
.products-table .table{
  background: rgba(255,255,255,0.9);
}

.products-table .table tbody{
    display: block;
    height: 600px;
    overflow: auto;
}

.products-table .table thead,
.products-table .table tbody tr{
    display: table;
    width: 100%;
    table-layout: fixed;
}

.products-table .table > thead > tr > th:first-child,
.products-table .table > thead > tr > td:first-child,
.products-table .table > tbody > tr > td:first-child{
  width: 30px;
}

.products-table .table > thead > tr > th:nth-child(2),
.products-table .table > thead > tr > td:nth-child(2),
.products-table .table > tbody > tr > td:nth-child(2){
  width: 60px;
}

.products-table .table > thead > tr > th:nth-child(3),
.products-table .table > thead > tr > td:nth-child(3),
.products-table .table > tbody > tr > td:nth-child(3){
  width: 80px;
}

.products-table .table > thead > tr > th:nth-child(4),
.products-table .table > thead > tr > td:nth-child(4),
.products-table .table > tbody > tr > td:nth-child(4){
  width: 200px;
}

.products-table .table > thead > tr > th:nth-child(5),
.products-table .table > thead > tr > td:nth-child(5),
.products-table .table > tbody > tr > td:nth-child(5){
  width: 100px;
}

.products-table .table > thead > tr > th:nth-child(6),
.products-table .table > thead > tr > td:nth-child(6),
.products-table .table > tbody > tr > td:nth-child(6){
  width: 100px;
}

.products-table .table > thead > tr > th:nth-child(7),
.products-table .table > thead > tr > td:nth-child(7),
.products-table .table > tbody > tr > td:nth-child(7){
  width: 100px;
}

.products-table .table > thead > tr > th:nth-child(8),
.products-table .table > thead > tr > td:nth-child(8),
.products-table .table > tbody > tr > td:nth-child(8){
  width: 100px;
}

.products-table .table > thead > tr > th:nth-child(9),
.products-table .table > thead > tr > td:nth-child(9),
.products-table .table > tbody > tr > td:nth-child(9){
  width: 190px;
}

.products-table .table > thead > tr > th:nth-child(10),
.products-table .table > thead > tr > td:nth-child(10),
.products-table .table > tbody > tr > td:nth-child(10){
  width: 190px;
}

.products-table .table > thead > tr > th:nth-child(11),
.products-table .table > thead > tr > td:nth-child(11),
.products-table .table > tbody > tr > td:nth-child(11){
  width: 90px;
}

.products-table .table > thead > tr > th:nth-child(12),
.products-table .table > thead > tr > td:nth-child(12),
.products-table .table > tbody > tr > td:nth-child(12){
  width: 90px;
}

.products-table .table > thead > tr > th:nth-child(13),
.products-table .table > thead > tr > td:nth-child(13),
.products-table .table > tbody > tr > td:nth-child(13){
  width: 80px;
}


.products-table .table > thead > tr > th:nth-child(14),
.products-table .table > thead > tr > td:nth-child(14),
.products-table .table > tbody > tr > td:nth-child(14){
  width: 100px;
}

.products-table .table > thead > tr > th:nth-child(15),
.products-table .table > thead > tr > td:nth-child(15),
.products-table .table > tbody > tr > td:nth-child(15){
  width: 100px;
}
.products-table .table > thead > tr > th:nth-child(16),
.products-table .table > thead > tr > td:nth-child(16),
.products-table .table > tbody > tr > td:nth-child(16){
  width: 80px;
  word-break: break-word;
}
.products-table .table > thead > tr > th:nth-child(17),
.products-table .table > thead > tr > td:nth-child(17),
.products-table .table > tbody > tr > td:nth-child(17){
  width: 96px;
}


/*====/ format main product table==== */

#top-block{
  display: flex;
  justify-content: space-between;
  background-color: #eee;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

.top-menu-block{
  display: block;
  background: #EEE;
  margin-left: 120px;
}

.top-menu{
  display: flex;
  justify-content: flex-end;
  margin: 0;
}

.top-menu li{
  list-style: none;
  border-right: 1px solid #CCC;
}

.top-menu li a{
  color: #000;
  font-size: 14px;
  padding: 10px 15px;
  background: #EEE;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.top-menu li a:hover{
  background: #CCC;
}

.top-menu li span{
  position: relative;
}

.top-menu li span .sub-menu{
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  width: 200px;
}

.top-menu li span:hover .sub-menu{
  display: block;
}

#login-block{
  margin: 2px 15px 2px 0;
}

#login-block a{
  color: #FFF;
}

.product-form{
  padding: 15px 30px;
  max-width: 1300px;
  min-width: 1300px;
  margin: 0 auto;
  margin-top: 15px;
}

@media (max-width: 1365px) {

  .product-form{
    max-width: 1200px;
    min-width: 1200px;
  }

  .field-product-office{
    width: auto !important;
  }

}

.product-form label{
  font-size: 12px;
}

.product-form .control-label{
  background: #FFF;
  width: 100%;
  border-right: 1px solid #CCC;
  text-align: center;
  padding: 15px;
}

.product-form .form-group{
  height: 80px;
  margin-bottom: 15px;
}

.product-form .form-group .help-block{
  font-size: 10px;
}

.title{
  padding: 0;
  margin: 0 0 10px 0;
  color: #000;
  font-size: 25px;
}

.product-update .title,
.product-create .title{
  padding: 0 30px;
  font-size: 14px;
  text-align: left;
  max-width: 1300px;
  margin: 0 auto;
  font-weight: bold;
}

.cb{
  color: #000;
}

.form-tbl{
  width: 100%;
}

.form-tbl .control-label{
  height: 40px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-button-group{
  float: right;
}

.field-product-note label{
  border: none !important;
}

.product-copy-block{
  float: left;
}

.field-product-copy_qty{
  float: right;
}

.btn-back{
  margin: 30px 0 15px 30px !important;
}

.category-search-form{
  max-width: 95%;
  margin-bottom: 30px;
}

.category-search-form form{
  display: flex;
}


.field-product-model{
  width: 300px;
}

.field-product-country{
  width: 200px;
}

.field-product-company{

}

.field-product-depart_name{
  width: 478px;
}


.field-product-technical_cond,
.field-product-region,
.field-product-office,
.field-product-year_establish,
.field-product-depart_name,
.field-product-not_work,
.field-product-under_repair,
.field-product-technical_cond_date,
.field-product-installed,
.field-product-spisano{
  display: inline-block;
  vertical-align: top;
}

.field-product-technical_cond{
  width: 250px;
}
.field-product-installed{
  width: 250px;
}
.field-product-region{
  width: 200px;
}
.field-product-region{
  width: 200px;
}
.field-product-office{
  width: 400px;
}
.field-product-spisano{
  width: 300px;
}
.field-product-year_establish{
  width: 150px;
}
.field-product-not_work,
.field-product-under_repair{
  width: 150px;
}
.field-product-note{
  margin-top: 30px;
}
.field-product-note label{
  background: none !important;
  text-align: left !important;
  padding: 0 !important;
}
.hr{
  background: #ccc;
  height: 1px;
}

.field-product-product_id{
  min-width: 500px;
}

.field-product-model{
  width: 400px;
}

.field-product-category_id{
  width: 420px;
}

.minzdrav-set{
  min-height: 900px;
}

.field-product-name label{
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 30px !important;
  text-align: left !important;
  border: none !important;
}

.minzdrav-set form{
  max-width: 600px;
  text-align: center;
}

.minzdrav-set table tr td{
  border: 1px solid #CCC;
  padding: 15px;
}

.minzdrav-set form input[type='number']{
  padding: 5px;
  margin-bottom: 30px;
  width: 70px;
}

.minzdrav-set form input[type='text']{
  padding: 5px;
  margin-bottom: 15px;
  width: 100px;
}

.minzdrav-set hr{
  border: 1px solid #CCC;
}

.minzdrav-set form .form-group{
  margin-bottom: 0;
}

.minzdrav-set form .btn-submit{
  padding: 5px 30px;
  font-size: 15px;
}

.minzdrav-set form label{
  min-width: 100px;
  text-align: right;
  padding-right: 15px;
  float: left;
}

.my-back-btn{
  margin-top: 15px;
  background: #FFF;
  color: #000;
  width: 247px;
  height: 52px;
  font-size: 20px !important;
}

.report-doc-all{
  margin: 15px;
  background: #FFF;
  min-height: 500px;
  padding: 15px;
}

.report-doc-all h1{
  color: #000;
  font-size: 18px;
  margin-bottom: 15px;
}

.not-work td{
  color: red;
}