/* override standard body */
body {
  font-size: 13px;
}

#page-container {
  padding-top: 0px;
}

#top-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

  .page-header {
    align-self: flex-start;

    height: 34px;
    margin-left: 15px;
  }

  .page-controls {
    align-self: flex-end;

    height: 34px;
    margin-bottom: 15px;
  }

  .page-bottom-controls {
    text-align: right;
  }

#main-container {

}

/* custom datatables */

.panel-body.data-table-panel {
  padding: 15px 10px;
}

.panel-body.data-table-panel .dataTables_wrapper .row:first-child {
  padding: 0px 5px 0px 5px;
}

.panel-body.data-table-panel .dataTables_wrapper .row:last-child {
  padding: 0px 5px 0px 5px;
}

.dataTables_wrapper {
  font-size: 13px;
}

div.dataTables_wrapper div.dataTables_paginate {
  text-align: center;
}

.table {
  font-size: 12px;
}


@media (min-width: 576px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 100% !important; 
  } 
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 50em !important;
  } 
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 50em !important;
  } 
}

.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs .datepicker.col-md-6 {
  padding-right: 15px;
  padding-left: 15px;
}


input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  color: #B94A48;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}


.datetimepicker-input.parsley-error + .parsley-errors-list.filled {
  position: absolute;
  top: 35px;
}

.bootstrap-datetimepicker-widget + .parsley-errors-list.filled {
  position: absolute;
  top: 35px;
}




.basket-item-text {
  line-height: 36px;
}

.basket-item-text p {
  margin-bottom: 0px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background: #f8f9fa;
}

.catalogue-thumb {
  padding: 5px 15px !important;
  text-align: center;
}

.checkout-header {
  color: #242a30;
  font-weight: 600;
}

.checkout-item {
  /*padding-left: 25px !important;*/
}

#job_form .tab-content {
  padding: 0px !important;
}

#basket_totals th {
  padding: 7px 15px 7px 0px !important;
}

#basket_totals td {
  padding: 7px 15px 7px 0px !important;
}

#basket_totals th.padleft {
  padding: 7px 15px 7px 10px !important;
}

#basket_totals td.padleft {
  padding: 7px 15px 7px 10px !important;
}

.basket-title .align-right {
  /*text-align: right;*/
}

.checkout-item.align-right {
  /*text-align: right;*/
}

.padleft {
  /*padding-left: 10px !important;*/
}



.btn-arrow-right,
.btn-arrow-left {
   position: relative;
   padding-left: 18px;
   padding-right: 18px;

   transition: all 0s ease-in-out;
}

.btn-arrow-right {
   padding-left: 36px;
}

.btn-arrow-left {
   padding-right: 36px;
}

.btn-arrow-right:before,
.btn-arrow-right:after,
.btn-arrow-left:before,
.btn-arrow-left:after {
   /* make two squares (before and after), looking similar to the button */
   
   content: "";
   position: absolute;
   top: 4px;
   /* move it down because of rounded corners */
   
   width: 24px;
   /* same as height */
   
   height: 24px;
   /* button_outer_height / sqrt(2) */
   
   background: inherit;
   /* use parent background */
   
   border: inherit;
   /* use parent border */
   
   border-left-color: transparent;
   /* hide left border */
   
   border-bottom-color: transparent;
   /* hide bottom border */
   
   border-radius: 0px 2px 0px 0px;
   /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
   
   -webkit-border-radius: 0px 2px 0px 0px;
   -moz-border-radius: 0px 2px 0px 0px;
}

.btn-arrow-right:before,
.btn-arrow-right:after {
   transform: rotate(45deg);
   /* rotate right arrow squares 45 deg to point right */
   
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
}

.btn-arrow-left:before,
.btn-arrow-left:after {
   transform: rotate(225deg);
   /* rotate left arrow squares 225 deg to point left */
   
   -webkit-transform: rotate(225deg);
   -moz-transform: rotate(225deg);
   -o-transform: rotate(225deg);
   -ms-transform: rotate(225deg);
}

.btn-arrow-right:before,
.btn-arrow-left:before {
   /* align the "before" square to the left */
   
   left: -12px;
}

.btn-arrow-right:after,
.btn-arrow-left:after {
   /* align the "after" square to the right */
   
   right: -12px;
}

.btn-arrow-right:after,
.btn-arrow-left:before {
   /* bring arrow pointers to front */
   
   z-index: 1;
}

.btn-arrow-right:before,
.btn-arrow-left:after {
   /* hide arrow tails background */
   background-color: transparent;
}

/*
select[readonly].select2 + .select2-container {
  pointer-events: none;
  touch-action: none;

  .select2-selection {
    background: #eee;
    box-shadow: none;
  }

  .select2-selection__arrow,
  .select2-selection__clear {
    display: none;
  }
}
*/


.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background: #fb5597 !important;
    color: #fff;
}

select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
  background: #eee;
  box-shadow: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
  display: none;
}

.swal-icon--info {
  border-color: #333 !important;
  border-width: 2px !important;
}

.swal-icon--info:after, .swal-icon--info:before {
  background-color: #e92064 !important;
}


.swal-icon--warning {
  border-color: #333333 !important;
  border-width: 2px !important;
}

.swal-icon--warning__body, .swal-icon--warning__dot {
  background-color: #e92064 !important;
}

.swal-icon--warning__body, .swal-icon--warning__dot {
  background-color: #e92064 !important;
}