@charset "UTF-8";
/*
Theme Name:  Cera Child
Theme URI:   http://www.themosaurus.com/cera-child
Author:      Themosaurus
Author URI:  http://www.themosaurus.com
Description: Cera Child is a child theme for Cera based on Underscores and Bootstrap 4. It makes good use of the Customizer, allowing multiple color, typography and layout options to build a tailor-made website.
Template:    cera
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cera-child
Tags:        one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, buddypress, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post, threaded-comments, rtl-language-support, translation-ready, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Cera is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Its stylesheet borrows concepts from various established methodologies promoting code reuse above
all. Files and directories are structured and named after SMACSS. Helper classes have been made
with OOCSS in mind and finally, the namming convention tries to narrow the gap with BEM.

This stylesheet follow the basic principles of CSS Guidilines http://cssguidelin.es/
*/
/**
 * CONTENTS
 *
 * VARIABLES
 * Variables.....................Globally-available variables and config (custom and from vendors).
 *
 * TOOLS
 * Mixins........................Useful mixins.
 * Functions.....................Useful functions.
 * Placeholders..................Useful placeholders.
 *
 * BASE
 * Accessibility.................Affecting the overall accessibility (Screen readers & co).
 * Headings......................H1–H6 styles.
 * Copy..........................Copy elements styles.
 *
 * LAYOUT
 * Alignements...................Positionning content elements.
 * Clearings.....................Clear all wrappers & regions.
 * Containers....................Constraining elements.
 * Regions.......................Define a global layout architecture for several components.
 * Sidebars......................Sidebars styles.
 * Wrappers......................Wrapping elements.
 *
 * COMPONENTS
 * Breadcrumb....................Breadcrumb styles.
 * Buttons.......................Buttton component styles.
 * Captions......................Caption of gallery and media components.
 * Cards.........................Card components for various posts items.
 * Comments......................Comments thread styles.
 * Embedded......................Embedded contents (iframe, object, emoji, etc.).
 * Forms.........................All form components.
 * Galleries.....................Gallery and gallery-item components.
 * Infinite scroll...............Infinite scroll styles.
 * Hero..........................Hero component styles.
 * Media.........................Bootstrap Media component styles.
 * Menus.........................Menu and content navigation styles.
 * Navigation....................Main navigation component.
 * Pagination....................Post navigation, Pager & Pagination.
 * Posts.........................Posts archive & single styles.
 * Sections......................Visual region components.
 * Tables........................Tables styles.
 * Widgets.......................Widget styles.
 * Modals
  *
 * PLUGINS
 * Add to any....................Social and sharing plugin.
 * Autocomplete for Relevanssi...Add autocomplete functionnality to Relevanssi plugin.
 * Bbpress.......................Forum plugin.
 * Buddypress....................User profile & community plugin.
 * Contact form 7................Custom form plugin.
 * The Events Calendar...........Events creation & management.
 * Features......................Important blocs like services or values.
 * Gravity forms.................Custom form plugin.
 * Mailchimp for wp..............Mailchimp integration plugin.
 * Ninja Forms...................Custom form plugin.
 * Our team......................Team member plugin.
 * Projects......................Projects/Portfolio plugin.
 * Testimonials..................Testimonial plugin.
 * Woo-plugins...................Common styles form plugins by Woothemes (Grid, utilities, etc.).
 * Yarpp.........................Related posts plugin.
 * Yoast SEO.....................SEO plugin.
 * Woocommerce...................King of WordPress e-commerce plugin.
 * Wordpress File Upload 
 *
 * STATES
 * JS............................Styles applied to components using JavaScript.
 * No-js.........................Styles applied to components when JavaScript is disabled.
 * Slideout......................Styles applied to components using Slideout.js.
 * Grimlock fallback.............Styles applied to components whithout Grimlock activated..
 *
 * TRUMPS
 * Animations....................Custom keyframes animations and transitions stuff.
 * Background....................Extend Boostrap background utilities.
 * Borders.......................Border utilities.
 * Box...........................Box display utilities (Display, sizes and overflow).
 * Positions.....................Positions and depth utilities.
 * Text..........................Text utilities.
 */
/**
 * Add your customizations below this line.
 */
/*------------------------------------*\
    #VARIABLES
\*------------------------------------*/
/*------------------------------------*\
    #TOOLS
\*------------------------------------*/
/*------------------------------------*\
    #BASE
\*------------------------------------*/
/**
 * Headings
 */
/**
 * Copy
 */
/*------------------------------------*\
    #LAYOUT
\*------------------------------------*/
/**
 * Alignements
 */
/**
 * Clearings
 */
/**
 * Containers
 */
/**
 * Regions
 */
/**
 * Sidebars
 */
/**
 * Wrappers
 */
/*------------------------------------*\
    #COMPONENTS
\*------------------------------------*/
/**
 * Breadcrumb
 */
/**
 * Buttons
 */
/**
 * Captions
 */
/**
 * Cards
 */
/**
 * Comments
 */
/**
 * Embedded
 */
/**
 * Forms
 */
/**
 * Galleries
 */
/**
 * Infinite scroll
 */
/**
 * Hero
 */
/**
 * Media
 */
/**
 * Menus
 */
/**
 * Posts
 */
/**
 * Navigation
 */
/**
 * Sections
 */
/**
 * Pagination
 */
/**
 * Posts
 */
/**
 * Sections
 */
/**
 * Tables
 */
/**
 * Widgets
 */
/**
 * Modals
 */

 .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;
    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;
}
@media (min-width: 1070px){
   .standard-modal{
        width: 1000px;
        margin-left: -500px;
    }
}
@media (max-width: 620px){
    .standard-modal{
        width: 500px;
        margin-left: -250px;
        padding: 50px 40px;
    }
}
@media (max-width: 520px){
    .standard-modal{
        width: 400px;
        margin-left: -200px;
        padding: 50px 40px;
    }
}
@media (max-width: 470px){
    .standard-modal{
        width: 350px;
        margin-left: -175px;
        padding: 50px 30px;
    }
}
@media (max-width: 420px){
    .standard-modal{
        width: 360px;
        margin-left: -180px;
        padding: 50px 30px;
    }
}
@media (max-width: 365px){
    .standard-modal{
        width: 300px;
        margin-left: -150px;
        padding: 50px 30px;
    }
}

.modal-loader{
    z-index: 9999999999;
    display: block;
    width: 150px;
    margin: 0 auto;
}
.modal.standard-modal .close {
    margin: -40px -35px 0 0;
}
 @media (max-width: 470px){
    .modal.standard-modal .close {
        margin: -40px -15px 0 0;
    }
}
/*------------------------------------*\
    #PLUGINS
\*------------------------------------*/
/**
 * Add to any
 */
/**
 * Autocomplete for Relevanssi
 */
/**
 * Bbpress
 */
/**
 * Buddypress
 */
/**
 * Contact form 7
 */
/**
 * The Events Calendar
 */
 .tribe-events-list-separator-month {
    text-transform: none;
    font-size: 24px;
    margin: 1.25em auto;
    text-align: center;
    position: relative;
    background-color: transparent;
    z-index: 1;
}
.tribe-events-list-separator-month:after {
    content: "";
    border-bottom: 1px solid #c2c2c2;
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}
.tribe-events-list-separator-month span {
    background-color: #fff;
    padding: 0 7.5%;
}

.tribe-events-calendar td {
    box-sizing: border-box;
    color: #114b7d;
    font-size: 12px;
    height: 145px;
    padding: 0 0 .5em;
    vertical-align: top;
    width: 14.28%;
}
.tribe-events-calendar td {
    border: 1px solid #d2d2d2;
    border-top: 0;
    transition: all .2s cubic-bezier(.55,.085,.68,.53);
}
.tribe-events-calendar td.tribe-events-othermonth {
    background: #f9f9f9;
}
.tribe-events-calendar th {
    background-color: #ddd;
    color: #333;
    height: 10px;
    letter-spacing: 1px;
    padding: 4px 0;
    text-align: center;
    text-transform: uppercase;
    width: 14.28%;
}
.tribe-events-calendar thead th {
    background-color: #666;
    color: #fff;
    font-weight: 700;
    padding: 1em 0;
    white-space: nowrap;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
}

.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-]>a {
    background-color: #f7f7f7;
    color: #707070;
}
.tribe-events-calendar td div[id*=tribe-events-daynum-] {
    padding: 4px 9px 6px;
    line-height: 1.2;
}
.tribe-events-calendar div[id*=tribe-events-daynum-], .tribe-events-calendar div[id*=tribe-events-daynum-] a {
    font-size: 12px;
    font-weight: 700;
}
.tribe-events-othermonth .tribe-events-month-event-title, .tribe-events-othermonth div[id*=tribe-events-daynum-] {
    -khtml-opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: .4;
}
table .type-tribe_events {
    border-bottom: 1px solid #e7e7e7;
    margin: 0 5%;
    padding: 6px 0px;
}
@media (max-width: 768px){
    .tribe-events-calendar td {
        height: 45px;
        padding: 0;
    }
    .tribe-events-calendar thead th {
        font-size: 12px;
    }
    .tribe-events-calendar .tribe-events-has-events:after {
        content: "";
        display: block;
        height: 8px;
        width: 8px;
        padding: 0;
        border-radius: 50%;
        margin: 5px auto;
        background-color: #e72551;
        color: #fff;
    }
    .tribe-events-calendar td .tribe-events-viewmore, .tribe-events-calendar td .type-tribe_events {
        display: none;
    }
    .tribe-events-calendar td div[id*=tribe-events-daynum-] {
        text-align: center;
    }
}
td.tribe-events-past {
    background: #eaeaea;
}
.edit-kalender-time{
    width: 95px !important;
    padding: 13px 5px 13px 10px !important;
    text-align: center;
}
/**
 * Features
 */
/**
 * Gravity forms
 */
/**
 * Mailchimp for wp
 */
/**
 * Ninja Forms
 */
/**
 * Our team
 */
/**
 * Projects
 */
/**
 * Testimonials
 */
/**
 * Woo-plugins
 */
/**
 * Yarpp
 */
/**
 * Yoast SEO
 */
/**
 * Woocommerce
 */

 /**
 * Wordpress File Upload 
 */
#wordpress_file_upload_textbox_1{
    display:none;
}
form.file_input_uploadform {
    min-height: 38px;
}

#wordpress_file_upload_form_1{
    margin-left: -4px;
}
#wfu_messageblock_1_1{
    display:none !important;
}
input[type="button"]#input_1, #uploadform_1{
    width: 328px !important;
    height: 50px !important;
    color: #fff;
    background-color: #1c3957;
    background-image: none;
    border: 0;
    cursor:pointer;
    border-radius: .25rem;
}
@media (max-width: 407px){
    input[type="button"]#input_1, #uploadform_1, #wordpress_file_upload_block_1, div.file_div_clean, table.file_table_clean, table.file_table_clean tr td.file_td_clean:nth-child(2){
        width: 100% !important;
    }
}
#upfile_1{
    cursor:pointer;
}
div#wfu_messageblock_header_1{ 
    padding: 8px 10px;
    text-align: center;
}
#wfu_messageblock_header_1, #wordpress_file_upload_textbox_1{
    display: none !important;
}
#input_1.focus, #input_1:focus{
    box-shadow: 0 0 0 3px rgba(0,123,255,.5);
}
input[type="button"].file_input_button:disabled, input[type="button"].file_input_button_hover:disabled{
    height: 50px !important;
}
#wordpress_file_upload_progressbar_1, #progressbar_1{
    max-width: 100% !important;
    width: 328px;
    display: block;
    clear: both;
}

.wfu_container div.file_progress_inner {
    height: 4px;
    border: 0px solid silver;
}
.wfu_container span.file_progress_noanimation, .wfu_container span.file_progress_progressive {
    height: 4px;
}
div.file_progress_bar{
    border: 0px solid white !important;
}
.wfu_container div.file_progress_bar {
    width: 100%;
    padding: 0px;
}
.rotating-loader{
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(255,255,255,0.8);
    width: 150px;
    margin-left: -75px;
    margin-top: -105px;
}
input[type="button"].file_input_button {
    left: 0;
}
img{
    max-width: 100%;
}
 
/*------------------------------------*\
    #STATE
\*------------------------------------*/
/**
 * JS
 */
/**
 * NO-JS
 */
/**
 * Slideout
 */
/**
 * Grimlock fallback
 */
/*------------------------------------*\
    #TRUMPS
\*------------------------------------*/
/**
 * Responsive
*/
.hidden{
    display: none;
}

.visible-phone{
    display: none;
}
@media (max-width: 768px){
    .hidden-phone{
        display: none;
    }
    .visible-phone{
        display: revert;
    }
}
/**
 * Animations
 */
/**
 * Background
 */
/**
 * Borders
 */
/**
 * Box
 */
/**
 * Positions
 */
/**
 * Text
 */
.text-warning {
    color: #edb821 !important;
}
.align-center{
    text-align: center;
}

/*# sourceMappingURL=style.css.map */

/* Brugere */

#opret-systemadministrator-form, #opret-kunde-form, #opret-medarbejder-form, #opret-andenrolle-form{
    display:none;
}

/* Slut Brugere */
.grimlock--page-content{
	background-color: #ffffff;
	padding: 3rem;
	-webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    border-radius: 0.3rem;
	border-width: 0px;
    border-color: rgba(0,0,0,0);
    --post-box-shadow-color: rgba(82, 63, 105, .05);
}

.autocomplete_adresse{
    background-color: white;
    width: 100%;
    height: 100px;
    border-radius: 3px;
    border: 1px solid lightgrey;
    overflow: auto;
    display:none;
    z-index: 99;
}
.autocomplete_adresse ul{
    padding:0;
    list-style-type:none;
    margin-bottom: 0;
}
.autocomplete_adresse ul li{
    line-height: 20px;
    padding: 10px 10px;
}
.autocomplete_adresse ul li:nth-child(odd){
    background-color: ghostwhite;
}
.autocomplete_adresse ul li:hover{
    cursor:pointer;
    background-color:#9BD7FF;
}
label {
    margin-bottom: .2rem;
    margin-top: 1.5rem;
}