@media screen {
  body {background: rgb(245, 245, 245) !important; font-family: 'Lato', sans-serif !important;}
  hr {margin: 0; border: 0;}
  button {border: 0 !important; margin: 0 !important; padding: 0 !important; box-shadow: 0 !important; background: none !important;}
  span.space {padding: 0 5px;}
  .form-control {border-radius: 20px !important;}
  .loginpage .navbar.navbar-inverse.navbar-static-top.header-top-navbar {display:none}
  .like-a-table {-webkit-box-shadow: 0px 0px 4px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 4px 0px rgba(220,220,220,1); box-shadow: 0px 0px 4px 0px rgba(220,220,220,1); background: #fff; padding-top: 10px; margin-top: 3px;}

  a.btn.btn-success {border: 0!important; margin-left: 4px !important;}
  button.btn.btn-success, a.btn.btn-success {background: #fff !important; border-radius: 20px !important; padding: 5px 10px !important; font-size: 12px !important; text-transform: uppercase; font-weight: normal; color: rgb(0, 183, 20) !important; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1) !important; -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  button.btn.btn-success:hover, a.btn.btn-success:hover {background: rgb(0, 183, 20) !important; color:#fff !important; transition: ease 0.5s;}

  a.btn.btn-primary {background: #fff !important; border-radius: 20px !important; margin-left: 4px; padding: 5px 10px !important; font-size: 12px !important; text-transform: uppercase; font-weight: normal; color: rgb(213, 174, 0) !important; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1) !important; -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s; border: 0 !important; }
  a.btn.btn-primary:hover {background: rgb(213, 174, 0) !important; color:#fff !important; transition: ease 0.5s;}

  .bill-show-page button.btn.delete-bill {background: #fff !important; border-radius: 20px !important; margin-left: 4px; padding: 5px 10px !important; font-size: 12px !important; text-transform: uppercase; font-weight: normal; color: rgb(245, 87, 47) !important; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1) !important; -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s; border: 0 !important; }
  .bill-show-page button.btn.delete-bill:hover {background: rgb(245, 87, 47) !important; color:#fff !important; transition: ease 0.5s;}


  .container .row h3 {font-weight: 600; text-transform: uppercase;}
  .container .row h3 svg, .container .row h3 i {color: #35abef}
  .container, .container-fluid {padding:0;}
  .row {margin-left: 0; margin-right: 0;}
  .navbar-inverse {background: #fff !important; border: 0 !important; }
  .navbar-brand {padding: 5px 0 !important; line-height: 35px;}
  img.logo-inner {width: 40px; padding-right: 5px; float: left; display: block;}


  .navbar .navbar-nav {float: none; width: 640px; margin: 0 auto;}
  .navbar-inverse .navbar-nav>li>a {font-weight: 400; text-transform: uppercase;margin: 0 5px;}
  .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {color: #222; transition: ease 0.3s;}
  .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {background: none; color: #222;}
  .navbar .navbar-nav svg, .navbar .navbar-nav i {color: #35abef}

  div.header-top {background: #222;}

  div.main-content-container .container, .container-fluid {/*background: #fff;*/ margin-bottom: 40px; padding-bottom: 15px; }


  div.col-md-12, div.col-sm-12 {border-top: 2px solid rgb(245, 245, 245); padding-bottom: 20px;}
  div.col-sm-12 {padding-top: 20px;}

  /*.nav-justified>li>a {border: 1px solid #eee; margin: 0 30px; color: #9d9d9d;}
  .nav>li>a:focus, .nav>li>a:hover {transition: ease 0.3s;}
  .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {background: #eee; color: #9d9d9d;}*/

  div.main-content-container .container table {}

  .col-sm-6 a.btn.btn-success {margin:15px 0;}
  div.pull-right {margin: 20px 0;}
  /*div.row.bill-status-filter {margin-top:15px;}*/

  .table {margin-bottom: 0;}

  /*.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {color: #b3b3b3; background: rgb(246, 246, 246) !important;}*/

  table.table.table-hover.table-condensed th a, table.table.table-hover.table-condensed th {color: rgb(181, 185, 197) !important; }
  .table>thead>tr>th {border-bottom: 1px solid rgb(245, 245, 245) !important;}
  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {border-bottom: 1px solid rgb(245, 245, 245) !important; padding: 5px 10px !important;}

  .table:not(.valign-top)>tbody>tr>td, .table:not(.valign-top)>tbody>tr>th, .table:not(.valign-top)>tfoot>tr>td, .table:not(.valign-top)>tfoot>tr>th, .table:not(.valign-top)>thead>tr>td, .table:not(.valign-top)>thead>tr>th {vertical-align: middle !important; text-align: center !important; font-weight: normal;}

  table.table.table-hover.table-condensed tr:hover {background: none; -webkit-box-shadow: 0px 0px 2px 0px rgba(184,180,184,1); -moz-box-shadow: 0px 0px 2px 0px rgba(184,180,184,1); box-shadow: 0px 0px 2px 0px rgba(184,180,184,1);}

  /*внутрішня таблиця*/
  table.table-bordered.table {background: #fff;}
  table.table-bordered.table tr td {border-bottom: 2px dotted rgb(242, 242, 242) !important;}
  .table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border: 2px dotted rgb(242, 242, 242) !important;}


  .button-line .btn {width: 100% !important; margin: 0 auto; font-weight: bold;}
  a.btn, input.btn, button.btn {font-weight: bold; text-transform: capitalize;}
  /*.btn-success {background-image: linear-gradient(to right, rgb(0, 214, 23),rgb(0, 179, 18)) !important; border: 1px solid rgb(0, 214, 23); -webkit-box-shadow: 0px 0px 2px 0px rgba(184,180,184,1); -moz-box-shadow: 0px 0px 2px 0px rgba(184,180,184,1); box-shadow: 0px 0px 2px 0px rgba(184,180,184,1);}
  .btn-success.active, .btn-success:active, .btn-success:hover, .open>.btn-success.dropdown-toggle {border: 1px solid rgb(0, 183, 20);}*/

  /*.btn-primary {background-image: linear-gradient(to right,rgb(255, 222, 77), rgb(230, 187, 0))!important; border: 1px solid rgb(255, 208, 0) !important; -webkit-box-shadow: 0px 0px 2px 0px rgba(184,180,184,1); -moz-box-shadow: 0px 0px 2px 0px rgba(184,180,184,1); box-shadow: 0px 0px 2px 0px rgba(184,180,184,1);}
  .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.btn-primary.dropdown-toggle {border: 1px solid rgb(213, 174, 0) !important;}*/

  .btn-danger {background-image: linear-gradient(to right,rgb(255, 0, 73), rgb(179, 0, 51)) !important; border: 1px solid rgb(255, 0, 73); -webkit-box-shadow: 0px 0px 2px 0px rgba(184,180,184,1); -moz-box-shadow: 0px 0px 2px 0px rgba(184,180,184,1); box-shadow: 0px 0px 2px 0px rgba(184,180,184,1);}
  .btn-danger.active, .btn-danger:active, .btn-danger:hover, .open>.btn-danger.dropdown-toggle {border: 1px solid rgb(193, 0, 55) !important;}

  .btn-info {background-image: linear-gradient(to right,rgb(150, 185, 207), rgb(80, 139, 175)) !important;}

  .form-control {box-shadow: none !important; border: 2px solid rgb(242, 242, 242);}
  .input-group .btn {background: rgb(242, 242, 242); border: 1px solid rgb(242, 242, 242); color: #35abef;}
  .input-group .btn:hover {background: #35abef; color: #fff; border: 1px solid #35abef;}

  /*clients*/
  .row.clients {background: rgb(245, 245, 245); padding: 20px 0 20px 0;}
  .row.clients h3, .row.services h3, .row.personnel h3, .row.list-heading h3 {margin-top: 16px !important;}
  .row.clients .col-sm-6 {margin-top: 12px;}
  .row.clients .col-sm-6 form input {border-radius: 20px }
  .row.clients .col-sm-6 form span.input-group-btn button {border-radius: 50px; background: #fff !important; color: #ccc; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1);}
  .row.clients a.btn.add {background: #fff; border-radius: 20px; margin-left: 4px; padding: 5px 10px; font-size: 12px; text-transform: uppercase; font-weight: normal; color: rgb(0, 183, 20); -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  .row.clients a.btn.add:hover {background: rgb(0, 183, 20); color:#fff; transition: ease 0.5s;}

  table.table.table-hover.table-condensed {background :#fff !important; -webkit-box-shadow: 0px 0px 4px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 4px 0px rgba(220,220,220,1); box-shadow: 0px 0px 4px 0px rgba(220,220,220,1);}
  table.table.table-hover.table-condensed tr {}
  table.table.table-hover.table-condensed tr th {background :#fff !important; font-weight: 600; color: #222 !important; text-transform: uppercase; border-bottom: 3px solid rgb(245, 245, 245) !important; font-size: 12px;}
  table.table.table-hover.table-condensed tr th a {color: #222 !important;}

  table.table.table-hover.table-condensed .button-line { width: 68%; margin: 5px auto; text-align: center; overflow: auto}
  table.table.table-hover.table-condensed .button-line .btn {width: 35px !important; border-radius: 50px; background: rgb(245, 245, 245); margin: 0 5px !important; padding: 5px 10px !important}
  table.table.table-hover.table-condensed .button-line a.btn {display: block; float: left;}

  table.table.table-hover.table-condensed a.btn.add-client-car {text-align: center; color: rgb(0, 183, 20); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  table.table.table-hover.table-condensed a.btn.add-client-car:hover {background: rgb(0, 183, 20); color:#fff; transition: ease 0.5s;}
  table.table.table-hover.table-condensed a.btn.edit-client {text-align: center; color: rgb(228, 211, 62); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  table.table.table-hover.table-condensed a.btn.edit-client:hover {background: rgb(228, 211, 62); color:#fff; transition: ease 0.5s;}
  table.table.table-hover.table-condensed a.btn.delete-client {text-align: center; color: rgb(245, 87, 47); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  table.table.table-hover.table-condensed a.btn.delete-client:hover {background: rgb(245, 87, 47); color:#fff; transition: ease 0.5s;}

  .row .col-lg-12.margin-tb {border-bottom: 2px solid rgb(242, 242, 242);}
  .row.client-row {border-bottom: 2px solid rgb(242, 242, 242); padding-top: 10px;}
  .cars-list {padding-top:5px;}
  .cars-list .cars-data.row {margin: 0 40px;}
  .row.client-row div.col-md-12, div.col-sm-12 {border: 0;}
  .form-group.col-xs-12 {padding-top: 10px}
  .row.client-row .form-control.field-name{text-transform: capitalize;}
  .row.client-row .form-control.field-vin, .row.client-row .form-control.filed-reg_number {text-transform: uppercase;;}
  #staticTable td {text-transform: capitalize;}

  table.table.table-hover.table-condensed .button-line2 { width: 57%; margin: 5px auto; text-align: center; overflow: auto}
  table.table.table-hover.table-condensed .button-line2 .btn {width: 35px !important; border-radius: 50px; background: rgb(245, 245, 245); margin: 5px !important; padding: 5px 10px !important}
  table.table.table-hover.table-condensed .button-line2 a.btn {display: block; float: left;}

  table.table.table-hover.table-condensed a.btn.add-bill {text-align: center; color: rgb(0, 183, 20); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  table.table.table-hover.table-condensed a.btn.add-bill:hover {background: rgb(0, 183, 20); color:#fff; transition: ease 0.5s;}
  table.table.table-hover.table-condensed a.btn.edit-car-data {text-align: center; color: rgb(228, 211, 62); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  table.table.table-hover.table-condensed a.btn.edit-car-data:hover {background: rgb(228, 211, 62); color:#fff; transition: ease 0.5s;}
  table.table.table-hover.table-condensed a.btn.car-history {text-align: center; color: rgb(136, 135, 245); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  table.table.table-hover.table-condensed a.btn.car-history:hover {background: rgb(136, 135, 245); color:#fff; transition: ease 0.5s;}
  table.table.table-hover.table-condensed a.btn.delete-car {text-align: center; color: rgb(245, 87, 47); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  table.table.table-hover.table-condensed a.btn.delete-car:hover {background: rgb(245, 87, 47); color:#fff; transition: ease 0.5s;}

  .input-group-btn {position: relative; left: -30px;}
  .input-group-btn button.btn.btn-info{box-shadow: none !important;}

  .ajaxForm .row.client-row {border-bottom: 0;}

  .client-create-page .row .col-lg-12.margin-tb {background: rgb(245, 245, 245) !important; border: 0;}

  .client-groupsubmit-page #form-rows {-webkit-box-shadow: 0px 0px 4px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 4px 0px rgba(220,220,220,1); box-shadow: 0px 0px 4px 0px rgba(220,220,220,1); background: #fff;}

  /*bills*/
  .bill-show-page table.table {-webkit-box-shadow: 0px 0px 4px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 4px 0px rgba(220,220,220,1); box-shadow: 0px 0px 4px 0px rgba(220,220,220,1); background: #fff; padding-top: 10px; margin-top: 3px;}
  .bill-show-page table.table thead th {font-weight: 600 !important; font-size: 12px!important; color: #222!important; text-transform: uppercase !important; border-bottom: 3px solid rgb(245, 245, 245) !important; }
  .table.valign-top {border-top: 2px solid rgb(242, 242, 242);}
  .bill-form .row {padding: 10px 0}
  .total-row {background: #f9f9f9}
  .row.final-numbers {background: #f4f4f4; font-weight: 600;}
  .detail_price_b, .detail_price_n, .detail-field {margin-bottom: 0!important}
  .btn.btn-success.btn-xs.pull-left.duplicate-row {margin: 5px 0 !important;}
  .btn.btn-xs.copy-vin {background: none !important; border: 0 !important; color: #ccc; margin-top: -4px}
  .btn.btn-xs.prpr {color: #fff; background-image: linear-gradient(to right, rgb(110, 159, 239), rgb(66, 134, 244))!important; border: 1px solid rgb(66, 134, 244) !important; -webkit-box-shadow: 0px 0px 2px 0px rgba(184,180,184,1); -moz-box-shadow: 0px 0px 2px 0px rgba(184,180,184,1); box-shadow: 0px 0px 2px 0px rgba(184,180,184,1);}
  .btn.btn-xs.prfv {color: #fff; background-image: linear-gradient(to right, rgb(239, 130, 62), rgb(242, 107, 24))!important; border: 1px solid rgb(242, 107, 24) !important; -webkit-box-shadow: 0px 0px 2px 0px rgba(184,180,184,1); -moz-box-shadow: 0px 0px 2px 0px rgba(184,180,184,1); box-shadow: 0px 0px 2px 0px rgba(184,180,184,1);}
  .col-sm-4.text-right {margin-top: 15px}
  .bill-index-page i.far.fa-clock {color: rgb(216, 50, 207); margin-right: 5px; font-size: 1.2em}
  .bill-index-page i.fas.fa-calculator {color: rgb(216, 178, 51); margin-right: 5px; font-size: 1.2em}
  .bill-index-page i.far.fa-check-square {color: rgb(69, 180, 219); margin-right: 5px; font-size: 1.2em}
  .bill-index-page .inlist-worker, .list-table .inlist-mileage, .list-table .inlist-phone {color: #ccc;}
  .list-table .inlist-name {text-transform: capitalize;}
  .bill-index-page .list-table {-webkit-box-shadow: 0px 0px 4px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 4px 0px rgba(220,220,220,1); box-shadow: 0px 0px 4px 0px rgba(220,220,220,1); background: #fff;  margin-top: 3px;}
  .bill-create-page .table, .bill-create-page .row.white, .bill-show-page table, .bill-update-page table {background: #fff !important}

  .bill-index-page .list-table table thead th {font-weight: 600 !important; font-size: 12px!important; color: #222!important; text-transform: uppercase !important; border-bottom: 3px solid rgb(245, 245, 245) !important; }
  .bill-index-page .list-table table.table tbody tr th {padding: 20px 0 !important;}
  .bill-index-page .list-table table.table .button-line {width: 76%; margin: 5px auto; text-align: center; overflow: auto;}
  .bill-index-page .button-line a.btn, .bill-index-page .button-line button.btn {display: block; float: left;}
  .bill-index-page .list-table table.table .button-line .btn {width: 35px !important; border-radius: 50px;
 background: rgb(245, 245, 245) !important; margin: 0 5px !important; padding: 6px 10px !important; }
  .bill-index-page button.btn.btn-success, a.btn.btn-success {padding: 6px 10px !important}
  .bill-index-page .btn {border: 0!important; margin: 0!important; padding: 0!important; box-shadow: 0!important}
  .bill-index-page .list-table table.table button.btn.delete-bill {text-align: center; color: rgb(245, 87, 47); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  .bill-index-page .list-table table.table button.btn.delete-bill:hover {background: rgb(245, 87, 47) !important; color:#fff; transition: ease 0.5s;}
  .bill-index-page .list-table table.table a.btn.edit-bill {text-align: center; color: rgb(228, 211, 62); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  .bill-index-page .list-table table.table a.btn.edit-bill:hover {background: rgb(228, 211, 62) !important; color:#fff; transition: ease 0.5s;}
  .bill-index-page .list-table table.table a.btn.show-bill {text-align: center; color: rgb(0, 183, 20); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  .bill-index-page .list-table table.table a.btn.show-bill:hover {background: rgb(0, 183, 20) !important; color:#fff; transition: ease 0.5s;}

  .bill-index-page .nav.nav-pills.nav-justified {background: #fff !important; border-radius: 20px !important; padding: 0 !important; font-size: 12px !important; text-transform: uppercase; font-weight: normal; color: rgb(0, 183, 20) !important; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1) !important; -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  .bill-index-page .nav.nav-pills.nav-justified li {border-right: 1px solid #efefef;}
  .bill-index-page .nav.nav-pills.nav-justified li.active a {background: #fbfbfb !important; color: #848484;}
  .bill-index-page .nav.nav-pills.nav-justified li:last-child {border-right: 0;}
  .bill-index-page .nav.nav-pills.nav-justified li a {padding: 6px 10px !important; color: #ccc; transition: ease 0.8s}
  .bill-index-page .nav.nav-pills.nav-justified li a:hover {background: #fbfbfb !important; color: #848484; transition: ease 0.8s}
  .bill-index-page .nav.nav-pills.nav-justified li a.status1 {border-radius: 20px 0 0 20px !important;}
  .bill-index-page .nav.nav-pills.nav-justified li a.status2 {border-radius: 0 !important;}
  .bill-index-page .nav.nav-pills.nav-justified li a.status3 {border-radius: 0 20px 20px 0 !important;}
  .bill-index-page .row.list-heading {margin: 20px 0;}
  .bill-index-page .row.list-heading .col-sm-6, .bill-index-page .row.list-heading .col-sm-3.text-right {margin-top: 12px;}


  /*Services*/
  .services-index-page .col-sm-6 {margin-top: 12px;}
  .services-index-page .row.services {margin: 20px 0;}
  .services-index-page .row.services .col-sm-6 form span.input-group-btn button {border-radius: 50px; background: #fff !important; color: #ccc; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1);}
  .services-index-page button.btn.btn-success, a.btn.btn-success {padding: 6px 10px !important}

  .services-index-page .btn {border: 0!important; margin: 0!important; padding: 0!important; box-shadow: 0!important}
  .services-index-page table.table.table-hover.table-condensed .button-line {width: 63%; margin: 5px auto; text-align: center; overflow: auto;}
  .services-index-page table.table.table-hover.table-condensed .button-line .btn {width: 35px !important;
 background: rgb(245, 245, 245) !important; margin: 0 5px !important; padding: 6px 10px !important; }
  .services-index-page table.table.table-hover.table-condensed  a.btn.edit-service {text-align: center; color: rgb(228, 211, 62); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  .services-index-page table.table.table-hover.table-condensed  a.btn.edit-service:hover {background: rgb(228, 211, 62) !important; color:#fff; transition: ease 0.5s;}

  .services-index-page table.table.table-hover.table-condensed button.btn.delete-service {text-align: center; color: rgb(245, 87, 47); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  .services-index-page table.table.table-hover.table-condensed button.btn.delete-service:hover {background: rgb(245, 87, 47) !important; color:#fff; transition: ease 0.5s;}


  /*Personnel*/
  .personnel-index-page .row.personnel .col-sm-6 {margin-top: 12px !important;}
  .personnel-index-page .row.personnel .col-sm-3.text-right {margin-top: 15px !important;}
  .personnel-index-page .row.personnel {margin: 20px 0}
  .personnel-index-page .row.personnel .col-sm-6 form span.input-group-btn button {border-radius: 50px; background: #fff !important; color: #ccc; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1);}
  .personnel-index-page  table.table.table-hover.table-condensed .button-line {width: 65%; margin: 5px auto; text-align: center; overflow: auto;}
  .personnel-index-page table.table.table-hover.table-condensed .button-line .btn {width: 35px !important;
 background: rgb(245, 245, 245) !important; margin: 0 5px !important; padding: 6px 10px !important; }
  .personnel-index-page button.btn.btn-success, a.btn.btn-success {padding: 6px 10px !important}
  .personnel-index-page .btn {border: 0!important; margin: 0!important; padding: 0!important; box-shadow: 0!important}
  .personnel-index-page table.table.table-hover.table-condensed a.btn.delete-person {text-align: center; color: rgb(245, 87, 47); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  .personnel-index-page table.table.table-hover.table-condensed a.btn.delete-person:hover {background: rgb(245, 87, 47) !important; color:#fff; transition: ease 0.5s;}
  .personnel-index-page table.table.table-hover.table-condensed  a.btn.edit-person {text-align: center; color: rgb(228, 211, 62); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  .personnel-index-page table.table.table-hover.table-condensed  a.btn.edit-person:hover {background: rgb(228, 211, 62) !important; color:#fff; transition: ease 0.5s;}
  .personnel-index-page table.table.table-hover.table-condensed a.btn.calculate {text-align: center; color: rgb(0, 183, 20); transition: ease 0.5s; -webkit-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); -moz-box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); box-shadow: 0px 0px 2px 0px rgba(220,220,220,1); transition: ease 0.5s;}
  .personnel-index-page table.table.table-hover.table-condensed a.btn.calculate:hover {background: rgb(0, 183, 20) !important; color:#fff; transition: ease 0.5s;}


  /*login page*/
  #app.loginpage .navbar-inverse {min-height: 0 !important;}
  body.loginpage {/*background-image: linear-gradient(#fff, #a6a6a6) !important;*/ background: url(https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/v498-bb-26-abstractbg_3.jpg?auto=format&bg=transparent&con=3&cs=srgb&dpr=1&fm=jpg&ixlib=php-3.1.0&mark=rawpixel-watermark.png&markalpha=90&markpad=13&markscale=10&markx=25&q=75&usm=15&vib=3&w=1400&s=a556525d731126e4416a10a4dc3f17c0) no-repeat top center !important; background-size: cover !important;}
  body.loginpage div.main-content-container .container, .container-fluid, body.loginpage .panel {background: none; margin-top: 12%;}
  body.loginpage .panel-default>.panel-heading, body.loginpage .panel-default {border: none; }
  body.loginpage .panel-heading {display: none;}
  body.loginpage .panel-body {height: 300px; padding: 0 !important; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5); opacity: 0.8; transition: ease 1s;}
  body.loginpage .panel-body:hover {opacity: 0.95; transition: ease 1s;}
  body.loginpage .panel-inner {height: 100%; display: block; float: left; overflow: auto; width: 50%; background: #000; color: #fff; padding-top: 40px; /*opacity: 0.8;*/}
  body.loginpage .panel-inner p {overflow: auto; text-align: center; width: 100%;}
  body.loginpage .panel-inner img {width: 80px; display: block; margin: 0 auto; padding-top: 20px}
  body.loginpage .navbar-brand {width: 100%; height: auto !important; padding: 0 0 15px 0 !important;}
  body.loginpage a.navbar-brand {font-size: 24px; font-weight: 300;}
  body.loginpage form {float: left; width: 50%; padding-left: 9%; padding-top: 60px; height: 100%; background: #fff;}
  body.loginpage .col-md-offset-4 {margin: 0 !important; width: 80%; text-align: center;}
  body.loginpage .form-control {border-bottom: 1px solid #ccc !important; border-right: 0 !important; border-left: 0 !important; border-top: 0 !important; border-radius: 0 !important}
  body.loginpage .col-md-6 {width: 80% !important;}
  body.loginpage .btn-primary {background: #3097D1 !important; border: none !important; width: 100%;}
  body.loginpage .btn-primary:hover {background: #216a94 !important; transition: 1s ease;}
  body.loginpage a.btn-link {font-size: 12px;}
  body.loginpage footer .container {position: absolute; bottom: 0; padding-bottom: 15px; color: #fff; width: 100%;}


}