/**
Theme Name: Karrosseri
Author: Din Webpartner
Author URI: https://dinwebpartner.dk
Description: This theme is using the ASTRA theme and build on that.
Version: 2.01
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: karrosseri
Template: astra
*/
body, body.site-content {
	background-color: #f5f4f9;
	background: #f5f4f9 !important;
}

.mobilepay-badge {
	display: inline-block;
	margin-top: 4px;
	font-size: 0.8em;
}

@media (min-width: 1025px){
	.ast-mobile-popup-drawer{
		left: 0;
		right: inherit;
		opacity: 1;
		top: 0;
	}

	.ast-mobile-popup-drawer.ast-mobile-popup-left .ast-mobile-popup-inner{
		opacity: 1;
		top: 0;
		transform: inherit;
		width: 300px;
	}
	.ast-mobile-popup-drawer.ast-mobile-popup-left .ast-mobile-popup-inner .ast-mobile-popup-header{
		display: none
	}
	#ast-hf-mobile-menu.main-header-menu .menu-item {
		width: 100%;
	}
	#ast-hf-mobile-menu.main-header-menu .menu-item a{
		border: 0;
		padding: 10px 10px 10px 36px;
	}
	.ast-desktop-popup-content{
		display: none;
	}
	.ast-page-builder-template .site-content > .ast-container, footer.site-footer {
		
	}
	.site-header {
		position: fixed;
		width: 100%;
		max-width: 300px;
	}
	#page .site-content {
		flex-grow: 1;
		margin-left: 300px;
	}
	footer#colophon {
		margin-left: 300px;
	}
	.ast-primary-header-bar {
	    border-bottom-width: 0px;
	}
	li.menu-item-profile {
		border-bottom: 1px solid #e4e4e4;
		margin-bottom: 20px;
	}
}
@media (max-width: 921px){
	li.menu-item-profile a{
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	body #user_switching_switch_on {
	    top: 55px !important;
	    left: 69px !important;
	    position: absolute !important;
	}
}
#ast-hf-mobile-menu{
	display: block;
}
.main-navigation {
    height: calc( 100vh - 100px );
}
.main-navigation ul {
    height: 100%;
}
.menu-item{
	height: 44px;
}
.menu-item-profile.menu-item{
	height: 71px;
}
.float-right{
	float: right !important;
}
.menu-item-profile .menu-link img {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    background-size: cover;
    border-radius: 50%;
    margin-right: 5px;
}
.logged-in .site-header {
    bottom: 0;
}
.ibox {
    clear: both;
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 0;
    border: 1px solid #e7eaec;
    border-radius: 6px;
    background-color: #fff;
}
.ibox-title {
    border-bottom: 1px solid #e7eaec;
    background: transparent;
    color: inherit;
    margin-bottom: 0;
    padding: 14px 15px 7px;
    min-height: 48px;
}
.skin-effi .ibox-title, .skin-effi .ibox-content {
    border-width: 1px;
}
.ibox-content {
    background-color: transparent;
    color: inherit;
    padding: 15px 20px 20px 20px;
    border: none !important;
}
#avatar-preview {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  object-fit: cover;
  cursor:pointer;
}
#avatar_upload { 
	display: none 
}
#avatar-progress-container{
	border: 1px solid #ccc;
    height: 8px;
    width: 140px;
    margin: 10px auto;
    border-radius: 10px;
    display: none;
    position: relative;
}
#avatar-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #ccc;
    transition: width 0.3s ease-in-out;
}
.hidden{
	display: none !important;
}

#loginform label, #supplier-form label{
	display:block;
}
#loginform p {
    margin-bottom: 1em;
}
.ast-header-break-point #ast-mobile-header{
	background-color: white;
}
.loginform-div, #lost_password_div {
    background: white;
    padding: 30px 40px;
    max-width: 370px;
    margin: auto;
    box-shadow: 0px 10px 40px 10px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 10px 40px 10px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 10px 40px 10px rgba(0,0,0,0.25);
	border-radius: 12px;
}
@media (min-width: 992px){
	.loginform-div, #lost_password_div{
		padding: 50px 120px;
    	max-width: 570px;
	}
}
.loginform-div input{
	width: 100%;
}
.loginform-div input[type="checkbox"]{
    width: inherit;
}
.loginform-div .login-password{
	position: relative;
}
.loginform-div .show-password {
    background: 0 0;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 14px;
    line-height: 2;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 45px;
    min-height: 46px;
    margin: 0;
    padding: 7px 9px;
    position: absolute;
    right: 0;
    top: 17px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill::first-line,
input:-internal-autofill-previewed,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #30d022; /* Angiv farven på teksten */
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset; /* Angiv baggrundsfarven */
    font-family: Publicsans, sans-serif !important;
}

input:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="reset"]:focus, input[type="search"]:focus, textarea:focus, .wp-block-search__input:focus, [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus, .ast-mobile-popup-drawer.active .menu-toggle-close:focus, .woocommerce-ordering select.orderby:focus, #ast-scroll-top:focus, .woocommerce a.add_to_cart_button:focus, .woocommerce .button.single_add_to_cart_button:focus {
    outline-color: #1792bf;
}
input[type=email], input[type=number], input[type=password], input[type=date], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border-color: #6f7b8c;
    border-radius: 11px;
    padding: 0.625em 0.75em;
}
.clear-both{
	clear: both !important; 
}
.save_response.sticky {
    position: fixed;
    top: 75px;
    right: 10px;
    z-index: 199999999;
    background: #fefefe;
    padding: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.save_response.sticky .loading {
  margin: 0;
  height: 4px;
  width: 0%;
  background-color: #25d403;
}
.save_response.sticky .loading.error {
  background-color: #ED2121 !important;
}


.manuel_timer{
    position: absolute;
    z-index: 201;
    display: none;
    opacity: 0;
    transition: opacity .3s;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    background: #fff;
    padding: 15px;
    overflow: hidden;
    min-width: 320px;
    width: 340px;
    margin-right: -15px;
    margin-top: -10px;
}
@media (max-width: 380px){
    .manuel_timer {
        width: 94%;
        min-width: 270px;
        left: 3%;
    }
}
.manuel_timer .datepicker-inline {
    width: 100%;
}
.start_timer, .stop_timer{
    width: 48px;
}
.manuel_timer_calendar .datepicker.datepicker-inline td, .manuel_timer_calendar .datepicker.datepicker-inline th, .manuel_timer_calendar .datepicker.dropdown-menu td, .manuel_timer_calendar .datepicker.dropdown-menu th {
    padding: 5px 5px;
}
.enter_manuel_time, .start_timer, .stop_timer{
    cursor: pointer;
}
.ast-article-single img{
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;	
}
.timer_current_description{
    width: calc(100% - 175px);
    margin-left: 7px;
}
@media (max-width: 767px){
    .timer_action img{

    }
    .timer_current_description{
        width: 100%;
        margin-left: 0px;
    }
    .start_timer, .stop_timer, .enter_manuel_time {
        width: 40px;
    }
}

#time_table .time {
    
}
#time_table .time:first {
    border-top: 1px solid #f1f1f1;
}
.delete_time, .edit_time{
    cursor: pointer;
    margin-left: 10px;
}
.align-right{
    text-align: right !important;
}
.align-center{
    text-align: center !important;
}
.float-left{
	float: left !important;
}
@media (min-width: 768px){
    .small-on-laptop{
        font-size: 12px
    }
}
.visible-phone{
    display: none;
}
@media (max-width: 768px){
    .hidden-phone{
        display: none;
    }
    .visible-phone{
        display: revert;
    }
}
.modal-background{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    top: 0;
    left: 0;
    z-index: 9999;
}
.standard-modal{
    position: fixed;
    top: 10vh;
    left: 50%;
    background: white;
    z-index: 999999;
    width: 600px;
    height: fit-content;
    display: block;
    padding: 50px !important;
    margin-left: -300px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0px 0px 40px rgba(0,0,0,0.2);
    text-align: center;
    max-height: 80vh;
    overflow-y: auto;
}
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select {
    height: 45px;
}
@media (min-width: 922px) {
    .ast-container, .ast-page-builder-template .site-content > .ast-container, .ast-page-builder-template .comments-area, .single.ast-page-builder-template .entry-header, .single.ast-page-builder-template .post-navigation, .single.ast-page-builder-template .ast-single-related-posts-container {
        max-width: 1440px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
header.entry-header .entry-title {
    font-weight: 600;
    font-size: 32px;
    font-size: 2rem;
}
.ast-page-builder-template .site .site-content #primary {
    padding: 0;
    margin: 0;
    margin-top: 60px;
    margin-bottom: 60px;
}
.ast-plain-container.ast-no-sidebar #primary{
    margin-top: 60px;
    margin-bottom: 60px;
}
.archive.ast-page-builder-template .entry-header, .single.ast-page-builder-template .entry-header {
    margin-top: 0em;
}
#user_switching_switch_on{
    bottom: 90px !important;
}
.ordered-colums{
    display: flex;
    flex-direction: column;
}
#sager_uden_afdeling{
    order: 1;
}
.afdelingsoverblik{
    order: 2;
}
td.sticky {
  position: sticky;
  left: 0;
  background-color: white; 
  z-index: 1; 
  box-shadow: 10px 0px 10px -7px rgba(0, 0, 0, 0.1) !important;
}
.drop {
    margin: -5px 0 -5px;
    padding: 5px;
    border: 0px dotted #b7b7b7;
    border-radius: 5px;
    min-height: 34px;
    position: relative;
}
.projekt.draggable, .bookable_day .projekt{
    margin-right: 1px;
    display: inline-block;
    padding: 0;
    border: 0;
    background: none;
}
.table-wrapper {
  overflow-x: auto; /* Scrollbar vises kun i bunden */
}
.drop.hovering {
    background-color: #F6BF66;
}
.bookable_day .projekt{
    white-space: nowrap;
    visibility: visible;
    position: absolute;
}
.projekt.dragdrop{
    margin-right: calc(1% - 5px);
}
.resizable{
    overflow: hidden;
}
.bookable_day span.handle {
    max-width: calc(100% - 30px);
    display: inline-block;
    overflow: hidden;
}
@media (max-width: 767px){
    .bookable_day span.handle {
        max-width: calc(100% - 10px);
    }
}
.bookable_day {
    height: 37px;
    margin: 0;
    padding: 0;
    /*overflow-x: auto;
    overflow-y: hidden;*/
    white-space: nowrap;
    width: 2400px;
}
.bookable_day_td{
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.dragaware {
    cursor: default;
}
.dragaware .handle{
    cursor: pointer;
}
.ui-resizable-e {
    right: 0px;
}
.text-right {
    text-align: right;
}
.draggable.dragging, .draggable .dragging {
    opacity: 1;
}
.ui-widget-content{
    padding: 5px 10px;
    overflow: hidden;
    box-shadow: 2px 1px 6px rgba(0, 0, 0, 0.15);
}

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
body::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
}

/* background of the scrollbar except button or resizer */
body::-webkit-scrollbar-track {
    background-color: #fff;
}

/* scrollbar itself */
body::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
body::-webkit-scrollbar-button {
    display:none;
}

.bookable_day::-webkit-scrollbar {background-color:#f5f4f9;height:10px;}
.bookable_day::-webkit-scrollbar-track {background-color:#f5f4f9}
.bookable_day::-webkit-scrollbar-thumb {background-color:#babac0;border-radius:6px;border:2px solid #f5f4f9;}
.popover{
    box-shadow: 1px 7px 50px rgba(0, 0, 0, 0.2);
    border: 0 !important;
}
.popover-header{
    background-color: #fff !important;
    border: 0 !important;
    padding: 16px 16px 8px !important;
}
.popover-body {
    padding-top: 0px !important;
}
.time-indicator {
  position: absolute;
  background-color: red;
  top: 41px;
  width: 2px;
}
.ibox-footer{
    border-top: 1px solid #eeeeee;
    display: flex;
}
.ibox-footer img{
    width: 24px;
    border-radius: 24px;
}
.ibox-footer .author{
    text-wrap: nowrap;
    overflow: hidden;
    width: calc(100% - 88px);
    float: left;
    color: #939393;
}
.ibox-footer .date{
    width: 88px;
    float: right;
    color: #939393;
}
.customer_note {
    background: #f3f3f3;
    padding: 4px 12px;
    margin-bottom: 4px;
    border-radius: 8px;
}
table.table {
    border-width: 1px 1px 0 1px;
    background: white;
}
.time-indicator-fixed {
    left: 0px;
    top: 41px;
    height: calc(100% - 41px);
    width: 1px;
    position: absolute;
    background-color: #f7f7f7;
}
.select_user{
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
}
.select_user:hover, .select_user.active_user{
    opacity: 1;
}
#vaerksted_overlay{
    z-index: 999;
    position: absolute;
    background-color: rgb(245 244 249 / 60%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.3s ease-in-out;
}
.ast-single-post .entry-content a {
    text-decoration: none;
}