/**
 * File: admin.css
 *
 * Intended to be used on top of bootstrap.css
 *
 */

td img.user-badge-image {
    max-height: 100px;
    max-width: 100px;
}

td img.banner-image {
    max-height: 100px;
    max-width: 200px;
}

/* Images in tables (size dictated by client) */
table td.image {
    text-align: center;
}

table td.image img {
    max-height: 90px;
    max-width: 120px;
}

/* Category select widget */
#category_selects select {
    margin-bottom: 15px;
}

/* same as BS .row */
#category_selects .horizontal select:last-child {
    margin-bottom: 0;
}

/*.equal, .equal > div[class*='col-'] {*/
/*display: -webkit-box;*/
/*display: -moz-box;*/
/*display: -ms-flexbox;*/
/*display: -webkit-flex;*/
/*display: flex;*/
/*flex:1 1 auto;*/
/*}*/
.panel-default {
    width: 100%;
}

.panel-collapse > .panel-body {
    max-height: 100px;
    overflow: hidden;
}

.panel-collapse.panel-open > .panel-body {
    max-height: none;
}

.panel-collapse-toggler {
    float: right;
    margin-top: 2px;
    cursor: pointer;
}

.panel.panel--light-green-bg {
    background-color: #ecf5e4;
}

.modal-xlg {
    width: 95%;
}

.valet-create-listing-table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0 15px;
}

.valet-create-listing-table input {
    width: 95%;
}

.valet-create-listing-table select {
    width: 95%;
}

.valet-listing-create-row {
    margin-top: 10px;
    border-top: 1px solid black;
}

/************************************************************************/
/*FOUNDATION SECTION*/
#content {
    /* max-width: 95%; */
    margin-left: auto;
    margin-right: auto;
    padding: 50px 25px;
}
.full-width {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
.button {
    min-width: 200px;
}

table .button {
    margin-bottom: 0;
    min-width: 0;
}

table tr th, table tr td {
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
}

.tabs-content table {
	width: 80%;
}

table {
	width: 100%;
}

.breadcrumbs {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.top-bar .name h1 img {
    max-width: 25px;
    margin-right: 10px;
    margin-top: -5px;
}

.alert-box.alert ul {
    margin-bottom: 0;
}

@media all and (min-width: 641px) and (max-width: 1130px) {
    #content {
        padding-top: 100px;
    }

    #admin_page_header .top-bar-section ul.left {
        width: 100%;
        background-color: #333;
    }
}


.valet-item-accepted {
	background-color: #8AEDA1 !important;
}

.valet-item-declined {
	background-color: #ED8A8A !important;
}
.colour-button{
	display: inline-block;
	padding: 1px;
	border-width: 1px;
	border-style: solid;
}
.colour-button input{
	width: auto;
	margin: 0;
}

/************************************************************************/
/*Calendar buffer*/

.calendar-buffer {
    position: relative;
    display: inline-flex;
    align-items: center;
    background: none;
    border: none;
    outline: none !important;
}

.calendar-buffer:hover .calendar-buffer-tooltip {
    opacity: 1;
    pointer-events: auto;
}

.calendar-buffer .calendar-buffer-tooltip {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    z-index: 100;
    width: 600px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    color: #444;
    font-size: 14px;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
    transition: opacity .15s;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.07);
    text-align: justify;
}
.calendar-buffer .calendar-buffer-tooltip:before, .calendar-buffer .calendar-buffer-tooltip:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    transform: translateX(-50%);
}

.calendar-buffer .calendar-buffer-tooltip:before {
    border-right: 12px solid transparent;
    border-bottom: 12px solid #E8E8E8;
    border-left: 12px solid transparent;
}

.calendar-buffer .calendar-buffer-tooltip:after {
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
}

.calendar-buffer .calendar-buffer-table {
    border: none;
}

.calendar-buffer .calendar-buffer-table tr th, .calendar-buffer .calendar-buffer-table tr td {
    border: 1px solid #ddd;
}

.calendar-buffer .calendar-buffer-table tr td {
    font-size: 12px;
    padding: 5px;
}

.calendar-buffer .calendar-buffer-table thead tr th {
    font-size: 12px;
    padding: 5px;
}

.alert:not(.label) {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    color: inherit;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

.alert-dismissible {
    display: none;
}

.fade.show {
    display: block
}

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
  margin-bottom: 16px;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

#scroll-to-top {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 16px;
    font-size: 16px;
    opacity: 0;
    transition: opacity 1s ease;
    cursor: default;
}

#scroll-to-top.active {
    opacity: 1;
    cursor: pointer;
}

/************************************************************************/
/*Table with fixed head*/
.fixed-head-table-container {
    overflow-y: auto;
    height: 250px;
    border-top: 1px solid #ddd;
}

.fixed-head-table-container table {
    border-top: none;
}

.fixed-head-table-container table > thead th {
    background-color: #F5F5F5;
    border-top: none;
    border-bottom: none;
    padding: 0;
}

.fixed-head-table-container table > thead th > div {
    padding: .5rem .625rem .625rem;
    border-bottom: 1px solid #ddd;
}

.fixed-head-table-container table > tbody > tr:first-child > td {
    border-top: none;
}

/************************************************************************/
/*Custom checkbox*/
.custom-checkbox {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-bottom: 10px;
}

.custom-checkbox .custom-checkbox-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox .custom-checkbox-label {
    display: inline-block;
    font-size: 16px;
    margin-left: 0;
}

.custom-checkbox .custom-checkbox-label::before {
    border-radius: .25rem;
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    user-select: none;
    background-color: #dee2e6;
}

.custom-checkbox .custom-checkbox-label::after {
    position: absolute;
    top: 4px;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox .custom-checkbox-input:checked~.custom-checkbox-label::before {
    color: #fff;
    background-color: #007bff;
}
.custom-checkbox .custom-checkbox-input:active~.custom-checkbox-label::before {
    color: #fff;
    background-color: #007bff;
}
.custom-checkbox .custom-checkbox-input:checked~.custom-checkbox-label::after {
    background-image: url("data:image/svg+xml;charset=utf8, <svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='white' d='M6.41 0l-.69.72-2.78 2.78-.81-.78-.72-.72-1.41 1.41.72.72 1.5 1.5.69.72.72-.72 3.5-3.5.72-.72-1.44-1.41z' transform='translate(0 1)' /></svg>");
}
.custom-checkbox .custom-checkbox-input:disabled~.custom-checkbox-label {
    color: #6c757d;
}
.custom-checkbox .custom-checkbox-input:disabled~.custom-checkbox-label::before {
    background-color: #6c757d;
}

/************************************************************************/
/*Truncated text*/
.truncated-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.button.inline {
    padding: 4px 10px;
    margin-bottom: 0;
}