:root{
	--dark-brown:#604a3d;
	--light-brown:#d7b399;
	--soft-brown:#887f84;
	--dark-grey:#c4d1d9;
	--light-grey:#edf1f4;
	--nude-pink:#edd6ce;
}
html, body {
	background-color: #c2cad5;
}
body{
	background-image:
		url('../assets/bg_header.jpg'),
		url('../assets/bg_main.jpg');
	background-repeat: no-repeat, repeat-x;
	background-position: center top, center bottom;
	background-size: auto 12rem, auto 40%;
	font-weight: 600;
}
*:focus{ box-shadow:0 0 0 .2rem var(--nude-pink) !important; border-color:var(--light-brown) !important;}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before
	{ border-color:var(--light-brown) !important; background-color:var(--light-brown) !important;}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before 
	{ border-color:var(--light-brown) !important;}
.custom-control-input:focus ~ .custom-control-label::before { box-shadow:0 0 0 .2rem var(--nude-pink) !important;}
hr{ margin-bottom:1.625rem; border-color:var(--light-brown);}
.opacity-04{ opacity:0.4;}
.opacity-02{ opacity:0.2;}
.break-spaces{ white-space:break-spaces};
.badge-warning{ color:#fff;}
.fa-square, .fa-check-square{ border-radius:0.25rem; overflow:hidden; font-size:1.125rem;}
.alert ul, .alert ol{ margin-bottom:0.25rem;}
.form-control{ border-radius:10px;}
textarea.form-control{ min-height:40px;}
.input-group .input-group-prepend{ min-width:100px; background:var(--nude-pink); border-radius:3rem 0 0 3rem; border: 1px solid var(--light-brown); border-style: solid none solid solid;}
.input-group .input-group-append{ border-radius:0 3rem 3rem 0; overflow:hidden;}
.input-group .form-control{ border-color:var(--light-brown); border-style: solid solid solid none; border-radius:0 3rem 3rem 0; height:auto;}
.input-group .form-control + .input-group-append{ background-color:#fff;}
.input-group > .form-control:not(:last-child){ border-right-width:0;}
.group-selected{ flex:1 1 0;}
a, a:hover, .btn-link, .btn-link:hover{ color:var(--dark-brown);}
.btn { font-weight:600;}
.btn span[class*="spinner-"]{ opacity:0;}
.btn.loading span[class*="spinner-"]{ opacity:1;}
.btn-text{ padding-left:1.5rem; padding-right:1.5rem;}
.btn-pill{ border-radius:3rem;}
.btn-primary,
.btn-primary.disabled, .btn-primary:disabled
	{ background-color:var(--dark-brown); border-color:var(--dark-brown); transition:opacity .15s ease-in-out;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active{ background-color:var(--dark-brown); border-color:var(--dark-brown); opacity:0.8;}
.btn-success{ background-color:#3d702d;}
.btn.disabled, .btn:disabled{ opacity:0.2;}
.btn-toggle-password{ position:relative;}
.btn-toggle-password >i{
	position:absolute; top:50%;left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
	color:var(--dark-brown); font-size:1.25rem;
}
.btn-back{ font-size:26px; font-weight:400; line-height:unset; transform:scaleX(-1);}
body.login .btn-back{ display:none;}
.dropdown-divider{ border-color:var(--soft-brown);}
.toggle-search-panel, .toggle-search-panel:hover, .toggle-search-panel:active, .toggle-search-panel:focus{ text-decoration:none;}
.card-header,
.table thead tr, .table .thead-light th
	{ background-color:var(--light-brown); border-style:none;}
.card{ border:0;}
.card-header{ font-weight:800;}
.card-body{ background-color:var(--dark-grey);}
.table tr, .site-main .card-body >form, .site-main .panel{ background-color:var(--light-grey);}
.btn-toggle-panel{ background-color:var(--light-grey);border-radius:4px 4px 0 0;}
.site-main .card-body >form, .site-main .panel{ padding:2rem 1rem 2rem;}
.letter-spacing-1{ letter-spacing:.1em;}
.letter-spacing-2{ letter-spacing:.2em;}
div.confirm{ display:none;}
.ajax-container{ position:relative; flex:1 1 0%;}
.ajax-container.with-icon.empty::before{
	content:'\1F50D'; position:absolute; top:50%; left:0.5rem;
	-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
}
.ajax-container.ajax-search{ padding-right:2rem;}
.ajax-container.with-icon.empty .ajax-search{ padding-left:2rem;}
.ajax-container .ajax-loading{ display:none; position:absolute; z-index:3; bottom:0.75rem; right:0.5rem;}
.ajax-container .ajax-results{ display:none; position:absolute; z-index:2; top:98%; left:0; width:100%; max-height:500px; overflow-y:auto; box-shadow:-1rem 2rem 2rem 0rem #919ea699, 1rem 2rem 2rem 0rem #919ea699;}
.clickable{ cursor:pointer;}
.sort.asc::after, .sort.desc::after{ margin-left: .4em;}
.sort.asc::after { content: "\2197";}
.sort.desc::after{ content: "\2198";}
.ui-draggable-handle{ position:relative; z-index:10; width:100%;}
.ui-draggable-handle >.bg{ cursor:grab;}
.ui-draggable-dragging{ position:relative; z-index:11; width:100%; cursor:grabbing !important;}
.shadow-input{ position:absolute; top:0;left:0; z-index:0;}
.with-white-space{ white-space: pre-line;}
.text-contrast{
	/*background: inherit;
	background-clip: text; -webkit-background-clip: text;
	color: transparent;*/
	-webkit-filter: invert(1) grayscale(1) contrast(100); filter: invert(1) grayscale(1) contrast(100);
	text-rendering: geometricprecision;
	font-weight:bold;
}
.text-contrast .text-danger{ color: inherit !important; text-decoration-thickness:3px;}
.custom-control-input:checked ~ .custom-control-label::before { border-color:var(--light-brown); background-color:var(--light-brown);}
.fa, .fas, .far{ display:inline-block; vertical-align:middle; width:2.4rem; height:2.4rem; font-style:normal;}
.fa-plus-square{ background:url('../assets/icons/icons-add-new.svg') no-repeat center / contain;}
.fa-chevron-up{
	width: 0; height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid ;
	display: inline-block; vertical-align: baseline;
}
.fa-chevron-down{
	width: 0; height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid;
	display: inline-block; vertical-align: baseline;
}
.fa-search{
	width:2.8rem; height:2.8rem; margin-top: -.3rem; margin-bottom: -.2rem;
	background:url('../assets/icons/icons-search.svg') no-repeat center / contain;
}
.fa-info-circle{ border:2px solid #444; border-radius:50%; width:1.25rem; height:1.25rem; position:relative; opacity:0.8; vertical-align:text-bottom;}
.fa-info-circle::after{ content:"\2753"; font-size:.8rem; position: absolute; z-index:2;
	top:50%; left:45%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
	-webkit-filter:grayscale(1); filter:grayscale(1);
}
.fa-edit{ background:url('../assets/icons/icons-edit.svg') no-repeat center / contain;}
.fa-trash-alt{ background:url('../assets/icons/icons-delete.svg') no-repeat center / contain;}
.fa-square, .fa-check-square{ position:relative;}
.fa-square::before, .fa-check-square::before{ position:absolute;}
.fa-square::before{ content:"\2501"; top:5px; left:13px;}
.fa-check-square::before{ content:"\2714"; top:5px; left:10px;}
.fa-step-backward, .fa-caret-left, .fa-caret-right, .fa-step-forward{ position:relative;}
.fa-step-backward::before, .fa-caret-left::before, .fa-caret-right::before, .fa-step-forward::before{ position: absolute; top: 11px; left: 17px; line-height:1; font-size: 1rem; content: '\25e2';}
.fa-caret-right::before, .fa-step-forward::before{ top: 9px; left: 8px;}
.fa-step-backward::before{ -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
.fa-caret-left::before{ -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); transform:rotate(135deg);}
.fa-caret-right::before{ -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.fa-step-forward::before{ -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
.fa-step-backward::after, .fa-step-forward::after{ content:''; position: absolute; border-left:2px solid #000; height:16px;}
.fa-step-backward::after{ top: 11px; left: 14px;}
.fa-step-forward::after{ top: 10px; left: 23px;}
.fa-arrow-left{ position:relative; background:var(--dark-brown); width: 2rem; height: 2rem; border-radius:11px;}
.fa-arrow-left::before{ position:absolute; content:"\276e"; font-size:1.5rem; color:#fff; top:-3px; left:8px;}
.fa-tour-cust{ background:url('../assets/icons/icons-tour-customer.svg') no-repeat center / 1.4rem auto;}
.fa-clock{ background:url('../assets/icons/icons-tour-calendar.svg') no-repeat center / 1.7rem auto;}
.fa-user-friends{ background:url('../assets/icons/icons-tour-assign-crew.svg') no-repeat center / 1.7rem auto;}
.fa-file-alt{ background:url('../assets/icons/icons-tour-itinerary.svg') no-repeat center / 2rem auto;}
.fa-file-invoice-dollar{ background:url('../assets/icons/icons-tour-invoice.svg') no-repeat center / 1.7rem auto;}
.fa-eye{ background:url('../assets/icons/icons-tour-review.svg') no-repeat center / 2rem auto;}
.icon-whatsapp{ background:url('../assets/icons/ico-wa-darkgreen.svg') no-repeat center / 2.4rem auto;}
.icon-info{ background:url('../assets/icons/ico-info.png') no-repeat center / 1.4rem auto;}
.icon-plane{ background:url('../assets/icons/icons-13.png') no-repeat center / 1.4rem auto;}
.icon-news{ background:url('../assets/icons/news-web.png') no-repeat center / 1.4rem auto;}
.nav-mytour .fa-clock,
.nav-mytour .fa-file-alt,
.nav-mytour .fa-file-invoice-dollar,
.nav-mytour .fa-tour-cust{ background-size: 1.4rem auto;}
.nav-mytour small{ margin-top: -0.75em;}

.site-header > .container{ position:relative;}
.site-header > .container::before{
	background: #0000 url('../assets/logo-satami-apps.svg') no-repeat center / auto 4rem;
	width: 100%; height: 4rem;
	content:''; display:block;
}
.navbar{ border:2px solid var(--soft-brown); border-radius:8px;}
.navbar-brand{ padding-left:1rem; font-size:inherit;}
.navbar-toggler{ background-color:var(--light-brown);}
.navbar-collapse{ background-color:var(--light-brown); padding:0 1rem;}
.navbar .navbar-nav .active > .nav-link, .navbar .navbar-nav .active > .nav-link.active,
.navbar .navbar-nav .nav-link.show, .navbar .navbar-nav .show > .nav-link
	{ color:#fff;}
.dropdown-menu{ background:var(--light-brown); border-color:#0000;}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover{ background:none;}
.login .site-header{ opacity:0;}
.login-logo{
	background: #0000 url('../assets/logo-satami-apps.svg') no-repeat center / 50% auto;
	padding-bottom: 40%;
}
.site-sidebar{ max-width:16rem;}
.site-sidebar .card, .site-sidebar .card-body{ background-color:#0000;}
.site-sidebar .list-group .list-group-item{
	border:0; margin-bottom:.4rem; background-color:var(--light-brown); position:relative; padding:.5rem 1.25rem .5rem 4rem;
	border-radius: 2rem !important; overflow: hidden;
}
.site-sidebar .list-group-item::before{ 
	position:absolute; top:0; left:0; width:3rem; height:100%; display:block;
	content:'';
	background-color:#fff;
	background-repeat: no-repeat; background-size:1.5rem; background-position:center;
}
.site-sidebar .list-group-item.active{ background-color:#fff; color:inherit; font-weight:800;}
.site-sidebar .list-group-item.active::before{ background-color:var(--light-brown);}
.site-sidebar .list-group-item.customer::before{ background-image:url('../assets/icons/icons-customers.svg');}
.site-sidebar .list-group-item.inventory::before{ background-image:url('../assets/icons/icons-inventories.svg');}
.site-sidebar .list-group-item.car::before{ background-image:url('../assets/icons/icons-vehicles.svg');}
.site-sidebar .list-group-item.spot::before{ background-image:url('../assets/icons/icons-tourist-spots.svg');}
.site-sidebar .list-group-item.city::before{ background-image:url('../assets/icons/icons-cities.svg');}
.site-sidebar .list-group-item.user::before{ background-image:url('../assets/icons/icons-staff-and-crews.svg');}
.search-panel .row{ margin:0;}
.search-panel .row >div{ padding:0;}
.search-panel .row.checkgroup >div{ margin-left:0;}
.page-item.active .page-link{ border-color:var(--light-brown); background-color:var(--light-brown);}
.page-link, .page-link:hover{ color:var(--light-brown);}
.site-main .card{ box-shadow:50px 40px 40px 0px #919ea6;}
.site-main .card >.card-body{ box-shadow:80px 0px 40px -40px #e6edf3 inset;}
.site-main .card >.card-footer{ background-color:#e6edf3;}
.multiline-indent{ text-indent: -8px; padding-left: 24px;}
.floating-cta{
	position: sticky; z-index: 2;
	bottom: 0; padding: 0.5em 0; background: var(--light-grey);
}

#search_year[disabled]{ opacity:0.2;}
#btn_actinfo{ padding-top:.75rem; padding-bottom:.75rem; font-weight:700;}
.action-info-panel{
	width:auto; bottom:102%; right:0; z-index:3;
	background-color:var(--light-brown); border-radius:1rem;
}
.action-info-panel >div{ display:inline-block; vertical-align:middle;}
.action-button-container{ 
	border-radius:4px; border:2px solid var(--dark-brown); 
	margin-bottom:-2px; padding-right:1.5em;
}
.action-button-container #btn_actinfo{ position:absolute; right:-24px; top:-25px;}
.action-button-container #btn_actinfo:focus{ background-color:var(--dark-grey);}
.action-button-container #btn_actinfo .fa-info-circle{ opacity:1;}
.action-button-container #btn_actinfo .fa-info-circle::before{
	background-color:var(--dark-grey);
	content:''; width:16px; height:16px; border-radius:50%;
	position: absolute; z-index:1; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}
#sel_status{ border-width:2px;}
#sel_status.btn-outline-light{ color:rgba(0,0,0,.4);}
#drag_containment{ overflow:hidden;}
#spot-container{ border:2px dashed var(--light-brown); z-index:1; width:100%; min-height:102px; display:flex; flex-wrap:wrap;}
#spot-container .spot{ margin: 0 10px 10px 0px;}
#spot-container .spot:nth-child(3n+3){/* margin-right:0;*/}
#spot-container .spot:last-child,
#spot-container .spot:nth-last-child(2),
#spot-container .spot:nth-last-child(3) { margin-bottom:0;}
.scroller{ }
.scroller-container{ display:flex; flex-wrap:nowrap; transition:transform 600ms ease 0ms;}
.scroll-container{ }
.grid-container{ margin-right:10px;}
.grid-container:last-child{ margin-right:0;}
.grid{
	border: 1px solid #ddd;
	width: 100%;
	height: auto;
	min-height: 30px;
	list-style-type: none;
	margin: 15px 0 0 0;
	padding: 0;
	position:relative;
}
.grid li, .grid .spot{ height:30px;}
.grid.template{ /*position:relative;*/}
.grid.template .ui-droppable{
	opacity:0.2; outline:1px solid #eee; /*position:relative;*/ z-index:-1;
	-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;
	/* line-height:0; */
	line-height:inherit;
}
.btn-remove-spot{ padding:4px 8px; margin:0 -10px 0 2px; display:inline-block; position:relative; z-index:2; cursor:pointer;}
.btn-remove-spot::before{ font-size:1.4em; background-color:#fff; border-radius:4px;}
.btn-remove-spot:hover::before{ box-shadow:0px 0px 8px -1px #fff;}
.grid .spot{ position:relative; outline:1px solid #ddd; left:0; overflow:hidden; padding:0 0.5em;}
.grid .spot[data-type="daytrip"] {
  outline-style: double; outline-width: 6px; outline-offset: -5px; height:30px !important;
}
.grid .spot .bg{ position:absolute; z-index:-1; width:100%; height:100%; background-color:#fff; top:0;left:0;}
.grid .spot .text-contrast{ color:rgb(255,250,144);}
.grid .spot.set{ position:absolute; z-index:1; width:100%; text-align:right; min-height:0;}
.grid .spot.set.overlap::before{ content:'\25e2'; color:#eee; position:absolute; top:-1em; left:.5em; transform: rotate(45deg);
transform-origin: center;}
.grid .spot.set.overlap:hover::before{ display:none;}
.grid .spot.set .bg{ opacity:0.4;}
.grid .spot.drag{ cursor:grabbing; z-index:2;}
.grid .spot.inactive{ background-color:rgba(220,53,69, 0.4); color:rgba(255,0,0);}
.grid .spot.inactive::after{ content:'Not available'; position:absolute; top:0; left:0; width: 100%; text-align: center; font-weight: bold;}
.grid .spot.inactive .bg{ background:none !important;}
.spot .data{ text-align:left; position:absolute; bottom:0; left:0; width:100%;}
.spot .data .guide_id, .spot .data .driver_id{ display:nonee;}
.spot .result-container{ display:none; position:absolute; z-index:1; top:0; left:0; width:100%; min-height:100%; overflow:auto; background-color:#fff; text-align:left;}
.spot .crew{ font-size:82%; margin-top:1em;}

body.tour.general.edit #btn_togglepanel{ display:none;}
#btn_scroll_prev .fas, #btn_scroll_next .fas{
	font-size: 1.6em; display: inline-block; vertical-align: middle;
}
#spot-container .spot, .grid-container{ flex:0 0 auto; flex-basis:calc((100% - 20px) / 3);}
body.assign .grid .spot.set:hover .bg,
body.sched .grid .spot.set:not(.drag):hover .bg,
body.schedule.index .grid .spot.set:not(.drag):hover .bg
	{ opacity: 1;}
body.assign .spot.set, body.sched.show .spot.set, body.schedule.index .spot.set
	{ cursor:pointer;}
body.assign .grid .spot.set, body.sched.show .grid .spot.set, body.schedule.index .grid .spot.set{
	transition:min-height 100ms ease 0ms, top 80ms ease-out 20ms;
}
body.assign .grid .spot.set:hover, body.sched.show .grid .spot.set:hover, body.schedule.index .grid .spot.set:hover
	{ min-height: 120px; z-index: 2;}
body.assign .spot.set.adjust-top, body.sched.show .spot.set.adjust-top, body.schedule.index .spot.set.adjust-top{
	top:calc(100% - 121px) !important;
}

.daytrip #spot-container .spot, .daytrip .grid-container{ flex-basis:12em;}

.tour.index .table td, .tour.index .table th,
.mytour.index .table td, .mytour.index .table th{
	min-width: 4em;
}


body.app.mytour{ overflow:hiddenn;}
.nav-mytour{
	width:100%;
	background: var(--light-grey);
}
.site-header .nav-mytour{
	position:inherit; z-index:9;
	width: calc(68% - 10px);
	margin-left: calc(15% + 11px);
	border-radius: 100px;
}
.site-header .nav-mytour.pindah-bawah{ position:fixed; top:auto; bottom:80px; right:calc(15% + 11px);}
.site-footer .nav-mytour{
	background: var(--dark-grey) linear-gradient(0deg, #e9eff2, #8098aa 80%);
	bottom:0; left:15px; z-index:99;
}
.nav-mytour .btn{ padding:7px 0;/*filter:brightness(0.25);*/}
.nav-mytour .btn-link{ filter:none;}
body.app .card{ border-radius:1.25rem; overflow: hidden;}
.mytour #detail_panel .row .row > div[class*="col"] {
  border-bottom: 1px dotted var(--dark-grey);
}
.app .site-footer{ padding-bottom:8rem;}
#print_area_ajax{
	position:fixed; z-index:999;
	top:110%; left:0;
	width: auto; height: auto;
	margin: 0; padding: 0;
}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {  }
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.btn-text{ min-width:10rem;}
	.site-header .navbar-collapse{ border-radius:0 8px 8px 0;}
	.site-header .dropdown-menu{ border-color:var(--soft-brown);}
	.site-header .dropdown-menu-right{ right:calc(-1rem - 2px);}
	#spot-container .spot, .grid-container{ flex-basis:calc((100% - 40px) / 5);}
	.action-button-container{ margin-right:1em;}
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.site-header .navbar .navbar-nav .nav-link{ position:relative; padding-right: 1.5rem; padding-left: 1.5rem;}
	.site-header .navbar .navbar-nav .nav-item:not(:last-child) .nav-link::before{
		content:''; width:0; height:30%;
		border-right:2px solid var(--soft-brown);
		position:absolute; top:50%; right:0;
		-webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%);
	}
	.search-panel .row >div{ margin-left:.5rem;}
	.site-main .card-body >form, .site-main .panel{ padding:2rem 4rem 2rem 3rem; margin-bottom:1rem;}
	.input-group .input-group-prepend { min-width: 140px;}
	.table .cell-action{ position:relative;}
	.table .cell-action::before, .table .cell-action:not(:last-child)::after{ position:absolute; content:''; border-left:1px solid var(--light-brown); height:60%; top:20%;}
	.table .cell-action::before{ left:0;}
	.table .cell-action:not(:last-child)::after{ right:0;}
	.wa-call-container, .backbtn-container{ display:none;}
	
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	body{
		background-position: center top, center bottom;
		background-size: 100% auto, auto 50%;
	}
	.container, .container-lg, .container-md, .container-sm, .container-xl{ max-width:1280px;}
	.input-group .input-group-prepend{ min-width:160px;}
	.btn-text{ min-width:12rem;}
	.cell-action >.btn { padding: 0;}
	
	.site-header > .container::before { width: 11rem; height: 6rem;}
	.site-sidebar + .site-main{ }
	#spot-container .spot, .grid-container{ flex-basis:calc((100% - 60px) / 7);}
	.tour .table td.cell-action{ min-width: 20em;}
}
@media (min-width: 1600px) {
	.site-header > .container::before { width: 14rem; height: 8rem;}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {  
	.site-main >.container{ padding-left:0; padding-right:0;}
}
/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.form-control{ height:auto;}
	
	.site-header .navbar-collapse{ border-radius:0 0 8px 8px;}
	.site-header .navbar .navbar-nav .nav-item{ position:relative;}
	.site-header .navbar .navbar-nav .nav-item:not(:last-child)::after{
		content:''; width:3rem; height:1px;
		border-bottom:2px solid var(--soft-brown);
		position:absolute; bottom:0; left:0;
	}
	.dropdown-menu{ border-color:none;}
	.dropdown-divider { width: 2rem; margin-left: 1.5rem;}
	.navbar-nav.text-right .dropdown-divider{ float:right; margin-right:1.5rem;}
	.site-header .dropdown-menu-right{ text-align:right;}
	
	.table th.col-action{ display:block; width: 100%;}
	.table td.cell-action{ display:block; width: 100%;}
}
/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	body{ background-position: 42% top, center bottom;}
	.hide-md{ display:none !important;}
	.table tr{ display:block;margin-bottom:1rem;}
	.tour.index .table td, .tour.index .table th, .mytour.index .table td, .mytour.index .table th, 
	.tour.filter .table td, .tour.filter .table th, .mytour.filter .table td, .mytour.filter .table th{ 
		display: block;
	}
	.filter-month, .filter-status{ margin-top:1em;}
	
	.cell-id:before, .cell-start:before , .cell-end:before{ display:inline-block; width:25%; min-width:10ch;}
	.cell-id:before{ content:'Tour ID';}
	.cell-start:before{ content:'Arrival';}
	.cell-end:before{ content:'Departure';}
	
	.wa-call-container, .backbtn-container{
		background: #8ba2b4;
		background: #8ba2b4 linear-gradient(45deg, #8098aa, #becbd1 80%);
		top:0; z-index:10;
	}
	.wa-call-container{ right:0; border-radius:0 0 0 32px;}
	.backbtn-container{ right:auto; left:0; border-radius:0 0 32px 0;}
	
	.mytour.sched.show .site-header{
		position:sticky; z-index:11;
		left:1em; top:calc( -65px - 15px);
	}
	
	.tour.edit #action_info_panel, .tour.show #action_info_panel{ min-width:74vw;}
}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { 
	.site-header > .container::before { margin-bottom: 1rem;}
}

@media (min-width: 992px) and (max-width:1199.98px) {
	.ml-lg-only-5percent{ margin-left:5%; }
}

@media (hover: hover) {
  /* when hover is supported */
  .btn-remove-spot{
	  width:0; overflow:hidden; padding:4px 0; opacity:.8;
	  transition: all .15s ease-in-out;
  }
  .btn-remove-spot:hover{ opacity:1;}
  .ui-draggable:hover .btn-remove-spot{ width:2em;}
  .draggable.grid .ui-draggable:hover .btn-remove-spot{ padding-left:4px;}
  .droppable.grid .ui-draggable:hover .btn-remove-spot{ padding-right:8px;}
}


.daily-schedule .carousel-item{
	width:auto; margin-right:0;
}