html,
body {
  width: 100%;
  height: 100%; }

.pad_null {
  padding: 0; }

.login_form {
  height: 100%;
  min-height: 500px;
  overflow-y: auto;
  padding: 0;
  margin: 0; }

.login_form .row {
  padding: 0 0 0 0;
  margin: 0; }

.login_form form {
  margin-top: 80px; }

.login_form .bl_input {
  margin-top: 15px;
  padding: 0; }

.login_form .bl_input label {
  width: 80%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  display: block; }

.login_form .bl_input {
  position: relative; }

.login_form .bl_input input {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: 10px 15px;
  border: 2px solid #eeeeee;
  box-shadow: none; }

.login_form .show_pass {
  position: absolute;
  cursor: pointer;
  top: 47%;
  right: 12%; }

.login_form .bl_button {
  position: fixed;
  bottom: 0;
  padding: 0; }

.login_form .bl_button button {
  font-size: 17px;
  height: 50px;
  padding: 10px 20px;
  float: left;
  width: 50%;
  text-align: center;
  border: none;
  box-shadow: none; }

.login_form .bl_button button:last-child {
  float: right; }

.login_form .bl_button .b_code {
  background: grey;
  color: #ffffff; }

.login_form .bl_button .b_code:active {
  background: #a3a9a5; }

.login_form .bl_button .b_sub {
  background: orange;
  color: #ffffff; }

.login_form .bl_button .b_sub:active {
  background: #d3a300; }

.mess_l {
  padding: 0 30px; }

.adm_bl {
  display: none; }

.login_form .err_l {
  padding: 0 30px; }

.login_form .error {
  padding: 10px 15px;
  color: #ffffff;
  background: #f8180c;
  margin-top: 20px; }

.mess_l .mess_text {
  display: none;
  color: #ffffff;
  margin-top: 30px;
  padding: 10px 15px; }

/*ORDERS*/
.orders {
  height: 100%; }

.orders,
.orders .row {
  padding: 0;
  margin: 0;
  background: #676767; }

.orders .toolbar {
  z-index: 21;
  position: fixed;
  color: #ffffff;
  background: #343434;
  height: 50px;
  padding: 13px 0 10px 0; }

.orders .toolbar i {
  font-size: 20px; }

.orders .toolbar .op_alarm,
.orders .toolbar .op_zar,
.orders .toolbar .op_sv {
  padding: 0;
  text-align: center;
  cursor: pointer; }

.orders .toolbar .op_zar i {
  color: #08e5e5; }

.orders .toolbar .op_sv i {
  color: #05f263; }

.orders .toolbar .op_dep {
  color: #ffffff; }

.head_read {
  z-index: 9;
  font-size: 18px;
  padding: 10px 0 0 0;
  margin-top: 50px;
  color: #ffffff;
  height: 40px;
  position: fixed;
  background: #676767; }

.head_read .ord_zoom {
  cursor: pointer; }

.head_read .ord_zoom i {
  font-size: 22px; }

.head_read i {
  margin-right: 10px; }

.orders .list_orders {
  margin-top: 80px;
  margin-bottom: 100px; }

.orders .list_orders .order {
  margin-top: 10px;
  color: #ffffff;
  background: #343434;
  padding: 10px;
  cursor: pointer; }

.orders .list_orders .order .ord_dan {
  color: #fdfd02; }

.orders .list_orders .order .ord_category {
  font-size: 20px;
  color: #fdfd02; }

.orders .list_orders .order .ord_address {
  padding: 0 0 0 15px; }

.orders .list_orders .order .ord_address .adres_top,
.orders .list_orders .order .ord_address .adres_bot {
  padding: 0; }

.orders .list_orders .order .ord_address span {
  color: #fdfd02; }

.orders .list_orders .order .ord_device,
.orders .list_orders .order .ord_contact {
  display: none; }

.orders .list_orders .ord_dan .ord_type {
  padding: 0; }

.orders .list_orders .ord_dan .ord_time {
  padding: 0; }

.orders .open_order {
  padding: 0;
  z-index: 20;
  display: none;
  position: absolute;
  top: 50px;
  height: 100%;
  background: #9a9a9a;
  color: #ffffff; }

.orders .open_order .to_take_but {
  z-index: 22;
  position: fixed;
  padding: 0;
  height: 60px; }

.orders .open_order .to_take_but .to_take,
.orders .open_order .to_take_but .not_take,
.orders .open_order .to_take_but .send_status,
.orders .open_order .to_take_but .billed,
.orders .open_order .to_take_but .show_dann {
  cursor: pointer;
  padding: 0; }

.orders .open_order .to_take_but .to_take,
.orders .open_order .to_take_but .send_status,
.orders .open_order .to_take_but .show_dann {
  background: #34d102; }

.orders .open_order .to_take_but .billed {
  color: #0f0f0f;
  background: #cccccc; }

.orders .open_order .to_take_but .not_take {
  background: #fdcc9a; }

.orders .open_order .to_take_but button {
  border: none;
  box-shadow: none;
  height: 60px; }

.orders .open_order .to_take_but button i {
  margin-right: 10px;
  font-size: 22px; }

.orders .open_order .info_order {
  margin-top: 55px;
  padding-bottom: 20px;
  margin-left: 4%;
  height: 100%;
  min-height: 250px;
  background: #343434; }

.orders .open_order.fix {
  position: fixed; }

.orders .open_order .info_order .ord_category {
  font-size: 20px;
  color: #fdfd02; }

.orders .open_order .info_order .ord_time {
  padding: 0; }

.orders .open_order .info_order .zag_t {
  margin-top: 10px;
  padding: 0;
  font-size: 12px; }

.orders .open_order .info_order .ord_time .date_time {
  padding: 0;
  font-size: 20px;
  color: #fdfd02; }

.orders .open_order .info_order .type,
.orders .open_order .info_order .date_time {
  margin-top: 10px;
  padding: 0;
  font-size: 20px;
  color: #fdfd02; }

.orders .open_order .info_order .opis {
  font-size: 14px; }

.orders .open_order .info_order .ord_adres .one_adres,
.orders .open_order .info_order .ord_adres .two_adres,
.orders .open_order .info_order .ord_adres .three_adres {
  font-size: 16px; }

.orders .open_order .info_order .ord_adres .two_adres {
  text-decoration: underline;
  color: #45c3dd; }

.orders .open_order .info_order .ord_adres .three_adres {
  color: #fdfd02; }

.orders .open_order .info_order .ord_contact .dann_type {
  font-size: 16px;
  color: #fdfd02; }

.orders .open_order .info_order .ord_type .dann_type,
.orders .open_order .info_order .ord_dev .dann_type {
  font-size: 20px; }

.orders .open_order .info_order .type span {
  float: right;
  margin-right: 10px; }

.orders .open_order .info_order .device {
  margin-top: 10px;
  padding: 0;
  color: #f39936;
  font-size: 16px; }

.orders .open_order .info_order .ord_text {
  margin-top: 10px; }

.orders .open_order .info_order .ord_text,
.orders .open_order .info_order .ord_client,
.orders .open_order .info_order .ord_address {
  padding: 0; }

.orders .open_order .info_order .ord_address span {
  color: #fdfd02; }

.orders .open_order .info_order .ord_problem {
  padding: 0; }

.orders .open_order .to_apply {
  top: 110px;
  position: fixed;
  z-index: 30;
  height: 100%;
  display: none;
  background: #343434; }
  .orders .open_order .to_apply .bl_answer {
    color: #fdfd02;
    margin-top: 10px; }
  .orders .open_order .to_apply .bl_input {
    color: #000000;
    margin-top: 20px; }
  .orders .open_order .to_apply input {
    padding-left: 25px;
    border: none;
    box-shadow: none;
    width: 100%;
    height: 40px; }
  .orders .open_order .to_apply .alert_gr {
    font-size: 20px;
    margin-top: 15px;
    color: #fdfd02; }

.orders .open_order .dop_opt {
  height: 50px;
  padding: 0;
  position: fixed;
  bottom: 0;
  z-index: 26; }

.orders .open_order .dop_opt .dop_opt_b {
  height: 50px;
  border: none;
  box-shadow: none;
  background: #02ccff;
  color: #808080; }

.orders .open_order .dop_opt .call_client {
  height: 50px;
  border: none;
  box-shadow: none;
  background: #34d102;
  color: #ffffff; }

.orders .open_order .dop_opt .function {
  height: 50px;
  border: none;
  box-shadow: none;
  color: #ffffff;
  background: #02ccff; }

.orders .open_order .dop_opt .continued,
.orders .open_order .dop_opt .close_dep {
  padding: 0;
  height: 50px;
  border: none;
  box-shadow: none;
  color: #000000;
  background: #fff210; }

.orders .open_order .dop_opt .close_dep i {
  font-size: 14px; }

.orders .open_order .dop_opt button i {
  font-size: 22px;
  margin-right: 10px; }

.orders .open_order .dop_opt .ord_id {
  height: 50px;
  padding: 13px 0 0 0;
  background: #fdcc9a;
  color: #343434; }

.orders .open_order .dop_opt .ord_id i {
  margin-right: 10px; }

.orders .open_order .time_order {
  margin-top: 10px; }

.orders .open_order .time_order,
.orders .open_order .time_order div {
  padding: 0; }

.orders .open_order .form_el {
  cursor: pointer;
  margin-top: 10px;
  padding: 5px 0 5px 10px;
  background: #707171;
  color: #ffffff;
  text-decoration: underline; }

.orders .open_order .form_el:hover {
  color: #02ccff; }

.orders .open_order .form_el .summ_hd,
.orders .open_order .form_el .t_hd,
.orders .open_order .form_el .summ {
  padding: 0; }

.orders .open_order .type_pay {
  padding-right: 10px;
  color: #fff210; }

.orders .open_order .client_cont {
  background: #712224; }

.orders .open_order .form_el.rasp {
  padding-right: 10px;
  color: red; }

.orders .open_order .comment {
  padding-right: 10px;
  color: #fff210; }

.orders .open_order .save_d {
  height: 100%;
  padding: 0;
  position: fixed;
  z-index: 27;
  top: 50px;
  background: #363737;
  color: #ffffff; }

.orders .open_order .save_d .save_head {
  padding: 0;
  height: 60px; }

.orders .open_order .save_d .save_head button {
  height: 60px;
  box-shadow: none;
  border: none; }

.orders .open_order .save_d .save_head button i {
  font-size: 20px;
  margin-right: 10px; }

.orders .open_order .save_d .b_save {
  background: #0b9bfa;
  color: #ffffff; }

.orders .open_order .save_d .b_add {
  background: #0b9bfa;
  color: #ffffff; }

.orders .open_order .save_d .b_zakr,
.orders .open_order .save_d .b_close {
  background: #cccccc;
  color: #ffffff; }

.orders .open_order .save_d .form_d {
  margin-top: 10px; }

.orders .open_order .save_d .hd_order,
.orders .open_order .save_d .hd_user {
  padding: 0;
  position: relative;
  float: left; }

.orders .open_order .save_d .hd_order {
  margin-top: 10px; }

.orders .open_order .save_d input {
  color: #000;
  padding-left: 15px;
  height: 40px;
  border: none;
  width: 100%; }

.orders .open_order .save_d .but_b {
  position: fixed;
  z-index: 27;
  bottom: 0;
  height: 50px;
  padding: 15px 15px;
  color: #0c0c0c; }

.orders .open_order .save_d .inf {
  background: #cccccc; }

.orders .open_order .save_d .order_id {
  background: #fecc9a;
  right: 0; }

.orders .open_order .save_d .order_id i {
  margin-right: 10px; }

.orders .open_order .save_d .contact {
  margin-top: 5px; }

.orders .open_order .save_d .contact.c_your {
  cursor: pointer; }

.orders .open_order .save_d .contact .cl_el {
  padding: 5px 5px;
  background: #5c5d5c; }

.orders .open_order .save_d .hd_z {
  margin-top: 10px; }

.orders .open_order .save_d .client {
  color: #d6cc21; }

.orders .open_order .save_d .adress span {
  color: #d6cc21; }

.orders .dia_message {
  padding-top: 100px;
  display: none;
  z-index: 25;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 40px;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff; }

.orders .open_order .save_d .head_f {
  margin-left: 10px;
  font-weight: 700;
  margin-bottom: 5px; }

.orders .open_order .save_d .el_pay {
  cursor: pointer;
  margin-bottom: 5px;
  padding: 10px 10px;
  background: #707171; }

.orders .open_order .save_d .el_pay span {
  text-decoration: underline; }

.orders .open_order .save_d .el_pay i {
  display: none;
  float: right; }

.orders .open_order .save_d .el_pay.active i {
  display: block; }

.orders .open_order .save_d .el_v {
  cursor: pointer;
  margin-bottom: 5px;
  padding: 10px 10px;
  background: #707171; }

.orders .open_order .save_d .el_v .n_dev {
  text-decoration: underline; }

.orders .open_order .save_d .el_v i {
  font-size: 16px; }

/*form contact*/
.orders .open_order .contact_d {
  height: 100%;
  padding: 0;
  position: fixed;
  top: 50px;
  overflow: auto;
  background: #363737;
  color: #ffffff;
  z-index: 30; }

.orders .open_order .form_d_c {
  position: fixed;
  background: #363737;
  height: 100%;
  padding: 0;
  z-index: 33; }

.orders .open_order .contact_d .im_dann {
  margin-top: 55px; }

.orders .open_order .contact_d .head_cont {
  margin-top: 10px; }

.orders .open_order .contact_d .glav {
  margin-top: 10px; }

.orders .open_order .contact_d .save_head {
  padding: 0;
  position: fixed;
  z-index: 31; }

.orders .open_order .form_d_c .save_head {
  padding: 0; }

.orders .open_order .form_d_c .save_head button,
.orders .open_order .contact_d .save_head button {
  height: 60px;
  box-shadow: none;
  border: none; }

.orders .open_order .contact_d .save_head button i,
.orders .open_order .form_d_c .save_head button i {
  font-size: 20px;
  margin-right: 10px; }

.orders .open_order .contact_d .b_save,
.orders .open_order .form_d_c .b_save {
  background: #0b9bfa;
  color: #ffffff; }

.orders .open_order .contact_d .b_close,
.orders .open_order .form_d_c .b_close {
  background: #cccccc;
  color: #ffffff; }

.orders .open_order .contact_d .head_cont {
  margin-top: 10px; }

.orders .open_order .contact_d .glav {
  margin-bottom: 60px; }

.orders .open_order .contact_d .form_c_el,
.orders .open_order .form_d_c .form_c_el {
  cursor: pointer;
  margin-top: 10px;
  padding: 10px 0 10px 10px;
  background: #707171;
  color: #ffffff;
  text-decoration: underline; }

.orders .open_order .contact_d .izm,
.orders .open_order .contact_d .rekvis {
  color: #f1f20c; }

.orders .open_order .contact_d .form_c_el:hover,
.orders .open_order .form_d_c .form_c_el:hover {
  color: #02ccff; }

.orders .open_order .form_d_c label {
  margin-top: 10px; }

.orders .open_order .form_d_c input {
  color: #0c0c0c;
  margin-top: 5px;
  width: 100%;
  height: 40px;
  border: none;
  padding-left: 5px;
  box-shadow: none; }

.orders .open_order .form_d_c .but_b {
  position: fixed;
  bottom: 0;
  height: 50px;
  padding: 15px 15px;
  color: #0c0c0c; }

.orders .open_order .form_d_c .but_b i {
  margin-right: 10px; }

.orders .open_order .form_d_c .inf {
  background: #cccccc; }

.orders .open_order .form_d_c .order_id {
  background: #fecc9a;
  right: 0; }

.orders .open_order .form_d_c .header {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px; }

.orders .open_order .form_d_c .lab {
  margin-top: 5px; }

.orders .open_order .contact_d .lab {
  margin-top: 7px; }

.orders .open_order .red_yur {
  z-index: 33;
  overflow-y: scroll; }

.orders .open_order .red_yur .save_head {
  position: fixed;
  z-index: 34; }

.orders .open_order .red_yur .form_d {
  margin-top: 60px;
  margin-bottom: 110px; }

.orders .open_order .red_yur .entr {
  padding-right: 0; }

/* end form contact */
.orders .open_order .show_form_dan {
  top: 110px;
  position: fixed;
  z-index: 27;
  height: 100%;
  padding: 0;
  background: #343434;
  font-size: 15px; }

.orders .open_order .show_form_dan .d_pol {
  padding: 0;
  margin-top: 15px; }

.orders .open_order .show_form_dan .itog {
  margin-top: 15px; }

.orders .open_order .rest_summ {
  padding: 0;
  margin-top: 15px; }

.orders .open_order .cl_status {
  padding: 0;
  margin-top: 15px; }

.orders .open_order .mt_date,
.orders .open_order .pay_type {
  margin-top: 15px; }

.orders .open_order .mt_date .dann {
  text-align: right;
  color: #f1f20c; }

.orders .open_order .cl_status .dann {
  color: red; }

.orders .open_order .rest_summ .dann span {
  color: #279a36; }

.orders .open_order .el_close {
  padding: 0; }

.orders .open_order .el_close div {
  padding: 0; }

.orders .dia_message i {
  margin-top: 30px;
  font-size: 9em; }

.modal .modal-content {
  min-height: 40px;
  padding: 10px 20px; }

.main_list_order {
  overflow: auto;
  margin-top: 50px;
  z-index: 20;
  position: fixed;
  padding: 0; }
  .main_list_order .order {
    cursor: pointer;
    color: #ffffff;
    padding: 15px 0 0 0;
    height: 50px; }
  .main_list_order .order[data-order-status="2"] {
    background: #f8180c; }
  .main_list_order .order[data-order-status="3"] {
    background: #000000; }
  .main_list_order .order[data-order-status="4"] {
    background: #279afa; }
  .main_list_order .order[data-order-status="5"] {
    background: #279a36; }
  .main_list_order .order[data-order-status="6"] {
    background: #d3a300; }
  .main_list_order .order[data-order-status="7"] {
    background: #68379a; }
  .main_list_order .order .ord_time {
    padding: 0; }

.filters {
  color: #ffffff;
  height: 50px;
  position: fixed;
  z-index: 11;
  bottom: 0;
  padding: 0;
  background: #000000;
  cursor: pointer; }
  .filters .ic_filt,
  .filters .ic_filt_r {
    font-size: 20px;
    margin-top: 10px; }
  .filters .ic_filt {
    color: #d3a300; }
  .filters .ic_filt_r {
    color: #eeeeee; }
  .filters .f_text,
  .filters .link_tranz {
    margin-top: 15px; }
  .filters a {
    color: #d3a300; }

.red {
  border: 1px solid red; }

.purple {
  color: #ff39f6; }

.red_l {
  color: red; }

.green-lite {
  color: #00fea4; }

.blue {
  color: #00cdfa; }

.orders .tranzation {
  display: none;
  top: 50px;
  position: absolute;
  padding: 0;
  z-index: 20;
  padding-bottom: 20px;
  background: #676767;
  font-size: 15px;
  color: white; }
  .orders .tranzation .filt_tranz {
    position: fixed;
    background: #676767;
    padding: 10px 15px 5px 15px;
    z-index: 21; }
    .orders .tranzation .filt_tranz .cl_tr {
      cursor: pointer; }
  .orders .tranzation .trz_list {
    margin-top: 40px;
    padding-bottom: 20px; }
  .orders .tranzation .tranz {
    background: #343434;
    margin-top: 10px;
    padding: 5px; }
    .orders .tranzation .tranz .date {
      color: #f1f20c; }

.bl_lic {
  margin-top: 20px; }

.bl_lic input[type="checkbox"] {
  margin-left: -5px;
  margin-top: 2px;
  width: 20px;
  height: auto; }

.bl_lic label {
  font-size: 14px; }

.lic {
  padding-top: 40px;
  padding-bottom: 40px;
  z-index: 30;
  background: #000000;
  color: #ffffff; }
  .lic .cl_tr {
    cursor: pointer;
    position: fixed;
    color: #ffffff;
    right: 20px; }

.lic_auth {
  position: absolute;
  top: 0;
  z-index: 30;
  display: none;
  background: #000000;
  color: #ffffff; }
  .lic_auth .cl_tr {
    cursor: pointer;
    position: fixed;
    color: #ffffff;
    right: 10px; }

.rules_job {
  padding: 0 0 0 10px;
  font-size: 14px; }