/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.clients {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 20px;
    grid-column-start: 1;
    grid-column-end: 4;
    justify-content: left;
    justify-items: stretch;
    align-items: stretch;
    align-content: left;
}

.client-forms{
    display: flex;
    justify-content: flex-start;
    justify-items: stretch;
    align-items: stretch;
    width: 47.5%;
    flex-wrap: wrap;
    gap: 10px;
    flex-direction: row;
}

.client {
    border: 1px solid #DFE1E5;
    max-width: 200px;
    border-radius: 4px;
}

.client-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.client-form {
    width: 32%;
    border: 1px solid #DFE1E5;
    border-radius: 4px;
    place-self: center stretch;
    align-self: stretch;
    padding: 10px;
}

.client-image {
    padding: 10px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%);
}

.client-image img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.client-info {
    border-top: 1px solid #DFE1E5;
    padding: 10px;
}

.client-info h2 {
    margin-top: 0;
}

.client-info p {
    margin-bottom: 0;
}

.client-title {
    font-size: 16px;
}

.form-link {
        display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.form-link img {
  margin-bottom: 10px;
  filter: blur(1px);
}

.form-link:hover img {
  filter: blur(0);
}

.form-link span {
      width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

.form-link span.icon {
  display: block;
    text-align: right;
}

.form-link span.icon:after {
    content: '';
    margin-left: 10px;
    display: inline-block;
    line-height: inherit;
    border: none;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #7F0000;
}

.form-link.submitted span.icon:after {
    background: #6AA64F;
    border: none;
}

.form-link.incomplete span.icon:after {
    background: #FFB300;
    border: none;
}

.mo_doc_lib_search_box {
    display: none !important;
}

.form-group {
    margin-bottom: 20px;
}

.alert {
    padding: 10px;
    margin-bottom: 20px;
}

.alert-success {
    background: lightgreen;
}

#user-nav .clients-mgmt {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
}

#user-nav .client-mgmt {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    width: 100% !important;
    max-width: 100% !important;
    transition: all .3s;
}

#user-nav .client-mgmt .client-info {
    border-top: none !important;
}

#user-nav .client-mgmt .client-image img {
    width: 50px !important;
    max-width: 50px !important;
    height: auto !important;
}

#user-nav .client-mgmt .client-title {
    margin: 0 !important;
}

#user-nav .client-mgmt:hover {
    border-color: #959699;
}

.mo_doc_lib_display_on_page_container {
    width: 100% !important;
    max-width: 100% !important;
}

.mo_doc_lib_nav, .mo_doc_lib_nav.mo_doc_lib_nav_shortcode.mo_doc_lib_nav_main_x {
  max-width: 100% !important;
  margin: 0 !important;
}

.mo_doc_lib_container#mo_doc_lib_container_x {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

#mo_doc_lib_breadcrumb {
  padding: 0 !important;
}

#sps_embed_container, #sps_embed_container_x {
  max-width: 100% !important;
  width: 100% !important;
}

#mo_sps_doc__list {
  justify-content: flex-start !important;
  align-items: stretch !important;
  flex-wrap: wrap !important;
  align-content: flex-start !important;
}

.mo_sps_class_embed_folder {
  margin-left: 0 !important;
}

.mo_sps_class_embed_folder_title {
  text-align: left !important;
  color: black !important;
  margin-top: 10px;
}

.gpasc-drafts h4 {
  display: none;
}

.gpasc-draft-links {
  list-style: none !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

.gpasc-draft-link-content {
    display: flex;
    
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    padding: 2px 0;
}

.gpasc-draft-link-content button {
  width: 10% !important;
  max-width: 30px;
  text-align: center;
  margin: 0 !important;
  padding: 2px 3px;
}

.gform_page_footer {
  display: flex;
}

.client-docs {
  display: flex;
  flex-direction: column;
  width: 49.5%;
}

.client-docs #mo_doc_lib_container__loader {
  order: 2;
}

.client-docs .mo_doc_lib_nav {
  order: 1;
}

.client-docs #sps_embed_container {
  order: 3;
}

.client-docs #mo_sps_upload_file {
  order: 4 !important;
  margin: 10px 0 0 !important;
}

.client-docs #mo_sps_upload_file > div {
  padding: 0 !important;
}

.mo_sps_embed_container {
    max-height: unset !important;
}

@media only screen and (max-width: 992px) {
  .client-forms {
    width: 100% !important;
    margin-bottom: 30px;
  }
  .client-form {
    width: 49.5% !important;
    margin-bottom: 20px;
  }
  .client-docs {
    width: 100% !important;
  }
}

@media only screen and (max-width: 600px) {
  .client-form {
    width: 100% !important;
    margin-bottom: 20px;
  }
}

.without-ampel .icon {
	display: none !important;
}

.client-forms > h3 {
	width: 100%;
}

#popup-form-content .button {
	color: white;
}

.client-forms .client-headline {
	width: 100%;
}