html{
  background-color: #f7f7f7;
  font-family: sans-serif;
}

header{
  background: #313131;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  z-index: 999;
  box-shadow: 0px 0px 5px #000;
  height: 40px;
}

header span{
  color: #fff;
  padding-left: 1rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

a{
  text-decoration: none;
}

.auth {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding-top: 100px;
  padding-bottom: 40px;
}

.form-login {
  background-color: #fff;
  width: 100%;
  max-width: 330px;
  padding: 30px;
  margin: 0 auto;
  box-shadow: 0px 0px 5px #ddd;
}

.form-login button[type="submit"]{
  width: 100%;
  margin-top: 5px;
}

.form-login h2{
  font-size: 2.56rem;
  line-height: 110%;
  margin: 2.3733333333rem 0 1.424rem 0;
  text-align: center;
  margin-top: -30px;
  margin-left: -30px;
  margin-right: -30px;
  padding-top: 13px;
  padding-bottom: 13px;
  border-bottom: 1px solid #ddd;
}


.dropdown-content li>a, .dropdown-content li>span{
  color: #05453f !important;
}

.select-dropdown li.disabled, .select-dropdown li.disabled>span, .select-dropdown li.optgroup{
  color: rgba(0,0,0,0.3) !important;
}

.hide-on-med-and-down i{
  vertical-align: middle !important;
  display: inline-block !important;
  margin-right: 5px;
  font-size: 26px !important;
}


nav, .sidenav {
  background-color: #333333 !important;
}

.sidenav a{
  color: #ffffff !important;
}

span .invalid{
  border-bottom: 1px solid #F44336;
  -webkit-box-shadow: 0 1px 0 0 #f44336;
  box-shadow: 0 1px 0 0 #f44336;
  border-radius: 0px !important;
}

span .valid{
  border-bottom: 1px solid #4CAF50;
  -webkit-box-shadow: 0 1px 0 0 #4CAF50;
  box-shadow: 0 1px 0 0 #4CAF50;
  border-radius: 0px !important;
}

input::placeholder {
  color: #b9b9b9;
}

#table-main-dispatcher_filter{
  margin-left: 50px;
  width: 80%;
  position: relative;
  display: block;
  margin-bottom: 15px !important;
}

#table-main-dispatcher_filter input{
  width: 90% !important;
  border-radius: 0px !important;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  margin-top: 22px !important;
  padding: 0px !important;
}


#table-main-dispatcher_filter label{
  color: black;
  font-size: 16px;
}

.dataTables_length label{
  color: black;
  font-size: 14px;
}


.dataTables_wrapper .dataTables_filter{
  float: left !important;
  text-align: left !important;
}

#table-main-dispatcher_wrapper{
  padding: 15px;
  box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 30%);
}

tr .task-launch{
  text-align: center !important;
  line-height: 1 !important;
  cursor: pointer;
}

#table-main-dispatcher tr td.task-launch{
  transition: background-color .1s;
}

#table-main-dispatcher tr:hover td.task-launch{
  background-color: #8E24AA !important;
}

#table-main-dispatcher tbody tr:hover{
  /*background-color: #f7f7f7 !important;*/
  /*box-shadow: 0px 1px 2px #4f4f4f;*/
  -webkit-box-shadow: 0 8px 17px 2px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
  box-shadow: 0 8px 17px 2px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%), 0 5px 5px -3px rgb(0 0 0 / 20%);
  cursor: pointer;
}

#table-main-dispatcher tbody tr{
  transition: box-shadow .3s, -webkit-box-shadow .3s, border .3s, -webkit-box-shadow .3s, background-color .3s;
  border: 0px !important;
}

#table-main-dispatcher tr:hover i.material-icons{
  color: #fff;
  text-shadow: 0px 0px 2px #8e24aa;
}


#table-main-dispatcher tr:hover td{
  transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s, border-top .3s, border-bottom .3s;
  border-radius: 0 !important;
}


table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1{
  background-color: transparent !important;
}

table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
  background-color: transparent !important;
}

table.dataTable.order-column tbody tr>.sorting_1, table.dataTable.order-column tbody tr>.sorting_2, table.dataTable.order-column tbody tr>.sorting_3, table.dataTable.display tbody tr>.sorting_1, table.dataTable.display tbody tr>.sorting_2, table.dataTable.display tbody tr>.sorting_3{
  background-color: transparent !important;
}

table.dataTable tbody tr{
  background-color: transparent !important;
}

#table-main-dispatcher tbody{
  background-color: #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}


span.task-open{
  color: red;
  font-weight: 500;
}

span.task-closed{
/*  color: blue;
  font-weight: 500;*/
}


#task-address, #task-apartment, #task-owner_name, #task-phone, #task-text, #task-status-date-open, #task-status-date-closed{
/*  font-weight: 500;*/
  line-height: 1.5;
  display: block;
  margin-bottom: 7px;
}




.modal-close-task{
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  background: red;
  font-size: 30px !important;
  display: unset !important;
  z-index: 9999999999;
  border-radius: 2px 2px 2px 52px;
  padding: 0px 0px 7px 7px;
  /*box-shadow: inset 1px -1px 2px #000;*/
  box-shadow: inset 0 4px 5px 0 rgb(0 0 0 / 14%), inset 0 1px 10px 0 rgb(0 0 0 / 12%),inset 0 2px 4px -1px rgb(0 0 0 / 30%);

}


#table-main-dispatcher tfoot tr th{
  border-top: none !important;
}


tr td.child ul {
  width: 100%;
}


#table-main-dispatcher thead{
  -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}


#table-main-dispatcher_info, #table-main-dispatcher_paginate{
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

#table-main-dispatcher_length{
  margin-bottom: 15px !important;
}


tr.task-launch.modal-trigger td:first-child{
  font-weight: 500 !important;
}


.modal{
  max-height: 85% !important;
}

#task-status .task-open, #task-status .task-closed{
  font-weight: 400 !important;
}


.btn.btn-closed-task{
  background-color: #03A9F4;
}

.btn.btn-closed-task:hover{
  background-color: #4FC3F7;
}

.btn.btn-closed-task:focus{
  background-color: #039BE5;
}

.btn.btn-rediscover-task{
  background-color: #FB8C00;
}

.btn.btn-rediscover-task:hover{
  background-color: #FFA726;
}

.btn.btn-rediscover-task:focus{
  background-color: #EF6C00;
}

.modal .modal-footer{
  height: auto !important;
}

div#table-main-dispatcher_wrapper{
  background: #EEEEEE;
}