/** 
 * Display classes
 */
 .d-none                     { display: none !important; }
 .d-inline                   { display: inline !important; }
 .d-inline-block             { display: inline-block !important; }
 .d-block                    { display: block !important; }
 .d-table                    { display: table !important; }
 .d-table-row                { display: table-row !important; }
 .d-table-cell               { display: table-cell !important; }
 .d-flex                     { display: flex !important; }
 .d-inline-flex              { display: inline-flex !important; }
 
 /** 
  * Flexbox classes
  */
 .flex-row                   { flex-direction: row !important; }
 .flex-column                { flex-direction: column !important; }
 .flex-row-reverse           { flex-direction: row-reverse !important; }
 .flex-column-reverse        { flex-direction: column-reverse !important; }
 
 .flex-wrap                  { flex-wrap: wrap !important; }
 .flex-nowrap                { flex-wrap: nowrap !important; }
 .flex-wrap-reverse          { flex-wrap: wrap-reverse !important; }
 .flex-fill                  { flex: 1 1 auto !important; }
 .flex-grow-0                { flex-grow: 0 !important; }
 .flex-grow-1                { flex-grow: 1 !important; }
 .flex-shrink-0              { flex-shrink: 0 !important; }
 .flex-shrink-1              { flex-shrink: 1 !important; }
 
 .justify-content-start      { justify-content: flex-start !important; }
 .justify-content-end        { justify-content: flex-end !important; }
 .justify-content-center     { justify-content: center !important; }
 .justify-content-between    { justify-content: space-between !important; }
 .justify-content-around     { justify-content: space-around !important; }
 .justify-content-evenly     { justify-content: space-evenly !important; } 
 
 .align-items-start          { align-items: flex-start !important; }
 .align-items-end            { align-items: flex-end !important; }
 .align-items-center         { align-items: center !important; }
 .align-items-baseline       { align-items: baseline !important; }
 .align-items-stretch        { align-items: stretch !important; }
 
 .align-content-start        { align-content: flex-start !important; }
 .align-content-end          { align-content: flex-end !important; }
 .align-content-center       { align-content: center !important; }
 .align-content-between      { align-content: space-between !important; }
 .align-content-around       { align-content: space-around !important; }
 .align-content-evenly       { align-content: space-evenly !important; }
 .align-content-stretch      { align-content: stretch !important; }
 
 .align-self-auto            { align-self: auto !important; }
 .align-self-start           { align-self: flex-start !important; }
 .align-self-end             { align-self: flex-end !important; }
 .align-self-center          { align-self: center !important; }
 .align-self-baseline        { align-self: baseline !important; }
 .align-self-stretch         { align-self: stretch !important; }
 
 .w10p                       { width: 10% !important; }
 .w20p                       { width: 20% !important; }
 .w30p                       { width: 30% !important; }
 .w40p                       { width: 40% !important; }
 .w50p                       { width: 50% !important; }
 .w60p                       { width: 60% !important; }
 .w70p                       { width: 70% !important; }
 .w80p                       { width: 80% !important; }
 .w190p                      { width: 90% !important; }
 .w100p                      { width: 100% !important; }
 
 :root {
     /* Setting font size to about 16px. */
     font-size: 100%;
 
     --default-padding: .5rem 0;
 
     --BorderColor: #cccccc;
     --Pantone-308: #00587C;
     --Pantone-543C: #AACBDF;
 }
 
 body {
     margin: 0;
     /* Body font size 16px */
     font-size: 1rem;
     font-family: "Calibri";
 }
 
 /*
 @media (min-width: 1440px) {
     :root {
         font-size: 1.6rem;
     }
 }
 @media (min-width: 1920px) {
     :root {
         --font-size: 1.7rem;
     }
 }
 */
 
 /** 
  * Fonts
  */
 label,
 .control-label,
 .p,
 p {
     font-weight: 400;
     /* font-size: 1.7rem; */
     font-size: 1.0rem;
     line-height: 1.75rem;
     font-family: "Calibri", sans-serif;
 }
 .btn {
     font-size: 1rem !important;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     border-radius: 1.875rem !important;
     font-weight: 700 !important;
     line-height: 1;
     white-space: nowrap;
     padding-right: 1.25rem;
     padding-left: 1.25rem;
 }
 div.panel>div.panel-heading>div.panel-title a[data-toggle=collapse] {
    color: white !important;
}
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 input,
 .form-group,
 .form-control,
 textarea {
     font-family: "MuseoSlab-500", sans-serif;
 }


 .form-control {
     /* font-size: 1.7rem; */
     font-size: 1.2rem;
     border-radius: 1.875rem;
     padding-right: 1.563rem;
     padding-left: 1.875rem;
     font-weight: 500;
 }
 
 textarea {
     border-radius: 1.875rem !important;
     padding: 1.2rem 1.563rem 1.2rem 1.875rem !important;
 }
 
 .h1,
 h1 {
     font-weight: 500;
     letter-spacing: -.1rem;
     font-size: 2.2rem;
     line-height: 3.2rem;
     color: var(--Pantone-308) !important;
 }
     /*
     @media (min-width: 1280px) {
         .h1,
         h1 {
             font-size: 3.8rem;
         }
     }
     @media (min-width: 1440px) {
         .h1,
         h1 {
             font-size: 4.5rem;
         }
     }
     @media (min-width: 1920px) {
         .h1,
         h1 {
             font-size: 5rem;
         }
     }
     */
 .h2,
 h2 {
     font-weight: 500;
     letter-spacing: -.1rem;
     font-size: 1.8rem;
     line-height: 2.8rem;
     color: var(--Pantone-308) !important;
 }
     /*
     @media (min-width: 768px) {
         .h2,
         h2 {
             font-size: 2.6rem;
             line-height: 3.2rem;
         }
     }
     @media (min-width: 1280px) {
         .h2,
         h2 {
             font-size: 3rem;
             line-height: 3.6rem;
         }
     }
     @media (min-width: 1440px) {
         .h2,
         h2 {
             font-size: 3.6rem;
             line-height: 4.2rem;
         }
     }
     @media (min-width: 1920px) {
         .h2,
         h2 {
             font-size: 4rem;
             line-height: 4.5rem;
         }
     }
     */
 .h3,
 h3 {
     font-weight: 500;
     letter-spacing: -.1rem;
     font-size: 1.6rem;
     line-height: 2.8rem;
     color: var(--Pantone-308) !important;
 }
     /*
     @media (min-width: 768px) {
         .h3,
         h3 {
             font-size: 2.4rem;
             line-height: 3.2rem;
         }
     }
     @media (min-width: 1280px) {
         .h3,
         h3 {
             font-size: 2.6rem;
             line-height: 3.4rem;
         }
     }
     @media (min-width: 1920px) {
         .h3,
         h3 {
             font-size: 3rem;
             line-height: 4rem;
         }
     }
     */
 .h4,
 h4 {
     font-weight: 500;
     letter-spacing: -.1rem;
     font-size: 1.4rem;
     line-height: 2.4rem;
     color: var(--Pantone-308) !important;
 }
     /*
     @media (min-width: 1440px) {
         .h4,
         h4 {
             font-size: 1.8rem;
             line-height: 2.5rem;
         }
     }
     @media (min-width: 1920px) {
         .h4,
         h4 {
             font-size: 2rem;
             line-height: 2.6rem;
         }
     }
     */
 .h5,
 h5 {
     font-weight: 500;
     letter-spacing: -.1rem;
     font-size: 1.2rem;
     line-height: 2.4rem;
     color: var(--Pantone-308) !important;
 }
     /*
     @media (min-width: 1024px) {
         .h5,
         h5 {
             font-size: 1.7rem;
             line-height: 2.5rem;
         }
     }
     @media (min-width: 1920px) {
         .h5,
         h5 {
             font-size: 1.8rem;
             line-height: 2.6rem;
         }
     }
     */    
 .h6,
 h6 {
     font-weight: 500;
     letter-spacing: -.1rem;
     font-size: 1.0rem;
     line-height: 2.2rem;
     color: var(--Pantone-308) !important;
 }
     /*
     @media (min-width: 1024px) {
         .h6,
         h6 {
             font-size: 1.5rem;
             line-height: 2.3rem;
         }
     }
     @media (min-width: 1920px) {
         .h6,
         h6 {
             font-size: 1.6rem;
             line-height: 2.4rem;
         }
     }
     */
 
 small {
     font-size: 80%;
 }
 option {
    font-size: 0.9em;
    color: var(--Pantone-308) !important;
 }
 /** 
  * Dropdown
  */
  .dropdown-menu {
     margin: 0;
     padding: 0;
     font-size: 1.4rem;
     color: var(--Pantone-308) !important;
 }
     .dropdown-menu a {
         padding: 1rem !important;
         color: var(--Pantone-308) !important;
     }
     .dropdown-menu .text-info {
         color: var(--Pantone-308) !important;
     }
     .dropdown-menu .btn-primary:active, 
     .dropdown-menu .btn-primary.active, 
     .dropdown-menu .open>.dropdown-toggle.btn-primary {
         background-color: var(--Pantone-308) !important;
     }
     .input-group-btn.dropdown .dropdown-menu:has(li > a > i)>li>a>i, 
     .btn-group.dropdown .dropdown-menu:has(li > a > i)>li>a>i {
         position: static !important;
     }   
 
 /** 
  * Header
  */
 header ul.navbar-nav>li>a i {
     margin: 0 .5rem !important;
 }
 header select {
     font-size: 0.875rem !important;
     padding-right: 3rem !important;
 }
 
 /** 
  * Navigation
  */
 
 .left-menu-wrapper nav ul {
     font-weight: 500;
     font-family: "MuseoSlab-500";
 }
     .left-menu-wrapper nav ul li a {
         font-size: 1rem !important;
         border-radius: 1.875rem !important;
     }
         .left-menu-wrapper nav ul li.dropdown ul.dropdown-menu a .wem-icon-prefix {
             margin-left: -.5rem;
         }
 
         .left-menu-wrapper nav ul li.dropdown ul.dropdown-menu a {
             color: var(--menu-item-font-color) !important;
         }
         .left-menu-wrapper nav ul li.dropdown ul.dropdown-menu li.active a {
             color: var(--Pantone-308) !important;
         }
 
 /** 
  * File upload
  */
 .input-group .form-control:first-child,
 .input-group-addon:first-child, 
 .input-group-btn:first-child>.btn, 
 .input-group-btn:first-child>.btn-group>.btn, 
 .input-group-btn:first-child>.dropdown-toggle, 
 .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), 
 .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
     margin-right: .5rem;
     border-radius: 1.875rem !important;
 }
 
 /** 
  * Content block header
  */
 .block-type {
     font-size: small; 
     font-style: italic;
     font-family: "Calibri Italic";
     margin-bottom: 1rem; /* Make this a general setting */
 }
 
 /** 
  * Content block
  */
 .content-block {
     display: flex;
     margin: 0.375rem 0;		
 }
     .content-block div[class*="div-style-"] {
         width: 100%;
         height: 100%;
         display: flex;
         padding-right: 0;
         padding-left: 1.875rem;
         border-radius: 1.875rem;
     }
         .content-block table,
         .content-block div[class*="div-style-"] div[style*="zoom:"] {
             width: 100%;
         }
         .content-block table {
             margin-right: .5rem; 
         }
     .content-block .form-horizontal {
         margin-bottom: 0;
     }
     .content-block .alert {
         border-radius: 1.875rem;
     }
 
 /** 
  * Pagination
  */
 .pagination>.active>a,
 .pagination>.active>span,
 .pagination>.active>a:hover,
 .pagination>.active>span:hover,
 .pagination>.active>a:focus, 
 .pagination>.active>span:focus {
     background-color: var(--Pantone-543C) !important;
     border: .1rem solid var(--BorderColor) !important;
 }
 
 /** 
  * Alert
  */
 div.alert.wem-alert-with-icon {
     padding-left: 3.75rem;
     border-radius: 1.875rem;
 }
     div.alert.wem-alert-with-icon > i.icon {
         top: 1.375rem;
         left: 1.125rem;
         width: 1.875rem;
         height: 1.875rem;
         font-size: 1.8rem;
         position: absolute;
     }
 
 /** 
  * Breadcrumb
  */
 nav[aria-label="breadcrumb"] {
     margin-bottom: 1rem;
 }
     nav[aria-label="breadcrumb"] .btn-group .btn:first-child {
         padding-left: 0;
     }
 
 /* General padding */
 .list-ui p,
 .image-ui,
 .image-from-url-ui,
 .attachment-ui {
     padding: var(--default-padding);
 }
 
 .label.label-default {
     padding: .5rem;
 }
 
 /**
  * UI Content Blocks
  */
  .table-layout {
     width: 100%;
     display: flex;
     margin-bottom: .5rem;
     justify-content: flex-end;
 }	
     .table-layout .btn-toolbar {
         margin-left: 0;
     }
 
 .is-condition-ui {
     margin-top: 3rem;
     padding-top: 2rem;
 }
 .condition-ui {
     padding: 0.313rem 0;
     align-self: center;
 }
 .heading-ui {
     padding: 0.125rem 0;
 }
 
 .page-break-ui .table {
     margin-bottom: 0;
 }
 
 /* Attachment UI */
     .attachment-ui .input-group {
         margin-top: .5rem;	
     }
     .attachment-ui p .wem-icon-inline {
         margin-right: .5rem;	
     }
 
 /* List UI */
 .list-ui .btn-link {
     text-decoration: none;
 }
 .list-ui .repeater-item {
     display: flex;
     margin: 0.313rem 0;
     flex-direction: column;
 }
 .list-ui .repeater-item table {
     width: 100%;
     height: 100%;	
 }
 .list-ui .repeater-item table h3 {
     display: flex; 
     height: 100%;
     align-items: center;	
 }
 
 /* Note UI */
 .note-ui {
     margin: 0;
     width: 100%;
     min-width: 37.5rem;
     padding-left: 1rem;
 }
     .note-ui div.row {
         margin-right: 0;
     }
     .note-ui h3 {
         margin: 0 0 .5rem 0;
     }
     .note-ui .repeater-grid {
         width: 100%;
     }
     .note-ui .alert {
         height: 100%;
         min-height: 3.125rem;
         padding: 0 0 0.313rem 0;
         border-radius: 1.875rem;
     }
     .note-ui .alert .table {
         border: 0;
         margin-bottom: 0;
     }
         .note-ui .alert .table td {
             padding: 0;
         }
     .note-ui .alert table.default {
         margin-bottom: 1rem;
     }
     .note-ui .alert .btn-group {
         padding-right: 0.313rem;
     }
     .note-ui p {
         text-wrap: nowrap;
         margin: 0 .5rem .5rem 0;
     }
 
     /* Note UI Icons */
     .note-ui .alert .note-ui-delete .btn-link {
         margin-top: -.5rem;
     }
     .note-ui .alert .note-ui-add {
         padding-right: 0.188rem;
         margin-top: -2rem;
     }
     .note-ui .alert .note-ui-edit-add {
         padding-right: 0.188rem;
         margin-top: -3rem;
     }
 
 /* Quote edit UI */
 .quote-edit-ui {
     padding: 0.125rem 0;
 }
     .quote-edit-ui .input-group .form-control:last-child, 
     .quote-edit-ui .input-group-addon:last-child, 
     .quote-edit-ui .input-group-btn:last-child>.btn, 
     .quote-edit-ui .input-group-btn:last-child>.btn-group>.btn, 
     .quote-edit-ui .input-group-btn:last-child>.dropdown-toggle, 
     .quote-edit-ui .input-group-btn:first-child>.btn:not(:first-child), 
     .quote-edit-ui .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
         border-radius: 1.875rem !important;
     }
 
     .quote-edit-ui p {
         margin-bottom: 0;
     }
     .quote-edit-ui .input-group-addon {
         width: 15rem;
     }
     .quote-inline-ui { /* View modus */
         width: 100%;
         display: flex;
         margin: 0 0 0 0.75rem;
     }
         .quote-inline-ui h3 {
             margin: 0 !important;
         }
         .quote-inline-ui .alert {
             margin: 0;
             width: 100%;
             height: 100%;
             border-radius: 1.875rem;
         }
         .quote-inline-ui p {
             align-self: flex-start;
             margin: 0.25rem 0.125rem 0.125rem 0 !important;		
         }
         .quote-inline-ui p + p{
             margin-top: 0.125rem !important;
             margin-left: 0.125rem !important;	
         }
         .quote-inline-ui .quotes .repeater-grid,
         .quote-inline-ui .quotes-to-link .repeater-grid {
             flex-direction: column;
         }
         .quote-inline-ui .quotes .repeater-grid {
             margin: 0;
         }
         .quote-inline-ui .quotes .repeater-grid .repeater-grid-col {
             width: 100%;
         }
         .quote-inline-ui .quotes .btn-group,
         .quote-inline-ui .quotes-to-link .btn-group {
             margin-left: 0;
         }
         .quote-inline-ui .quotes .btn-group {
             margin-top: 0;
         }
         .quote-inline-ui .quotes [role="button"] {
             padding-left: 0;
             margin-left: -0.625rem;
         }
         .quote-inline-ui .quotes-to-link [role="button"] {
             font-size: 1.6rem !important;
             padding-left: 0.313rem;
         }
         .quote-inline-ui .quotes .pagination,
         .quote-inline-ui .quotes-to-link .pagination {
             margin-top: 0;
             margin-bottom: 0;
         }    
         .quote-inline-ui .quotes-to-link,
         .quote-inline-ui .quotes-to-link .repeater-grid {
             margin-top: 0.313rem;
         }
         .quote-inline-ui .quotes-to-link .repeater-grid-col {
             width: 100%;
             flex-direction: row;
             align-items: center;
         }
         .quote-inline-ui .quotes-to-link .repeater-item {
             display: flex;
             align-items: center;
         }
         .quote-inline-ui .quotes-to-link p {
             align-self: auto;
         }
 
     .Quote-inline-no-access-ui {
         width: 2rem;
         margin: 0;
     }
 
 /* Table caption UI */
 .table-caption-ui {
     padding: 0.188rem 0;
 }
     .table-caption-ui .text-primary .form-control {
         width: 13.875rem;
         border-top-left-radius: .25rem;
         border-bottom-left-radius: .25rem;
         border-top-right-radius: 0 !important;
         border-bottom-right-radius: 0 !important;
     }
     .table-caption-ui .input-group .form-control:last-child, 
     .table-caption-ui .input-group-addon:last-child, 
     .table-caption-ui .input-group-btn:last-child > .btn, 
     .table-caption-ui .input-group-btn:last-child > .btn-group >.btn, 
     .table-caption-ui .input-group-btn:last-child > .dropdown-toggle, 
     .table-caption-ui .input-group-btn:first-child > .btn:not(:first-child), 
     .table-caption-ui .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
         border-top-right-radius: .25rem;
         border-bottom-right-radius: .25rem;
     }
 
/* Table UI */
.table-ui {
    padding: .5rem 0;
}
    .table-ui div[class*="div-style-"] {
        border: 0 !important;
        padding: 0 !important;
    }
        .table-ui div[class*="div-style-"]:hover {
            background-color: transparent;
        }
        .table-ui div[style*="zoom:"] {
            display: none !important;
        }
    .table-ui .input-group .form-control {
        padding: 0 0.75rem;
    }
    .table-ui .repeater-horizontal {
        margin: 0.188rem -0.188rem;
    }
    .table-ui .repeater-horizontal tr td:first-child {
        padding-right: 0.188rem;
    }
        /*
        .table-ui .repeater-horizontal tr td:first-child .form-control {
            margin: 0 0.188rem 0.188rem 0;
        }
        */
    .table-ui .repeater-horizontal tr td:last-child {
        padding-left: 0.188rem;
    }
        .table-ui .repeater-horizontal tr td:last-child .form-control {
            margin: 0.188rem 0 0.188rem 0.188rem;
        }
    .table-ui .repeater-horizontal tr td:not(:first-child):not(:first-child) {
        padding: 0 0.188rem;
    }
        .table-ui .repeater-horizontal tr td:not(:first-child):not(:first-child) .form-control {
            margin: 0 0.188rem;
        }
        .table-ui .repeater-horizontal tr td:first-child {
            display: flex;
            flex-direction: column;
        }
        .table-ui .repeater-item {
            position: relative;
        }
        .table-ui td > div.d-flex {
            height: 2.25rem;
        }

    .table-ui .column-actions {
        display: flex;
        height: 2.25rem;
        padding: .4rem 0;
        align-items: center;
        justify-content: center;
    }
        .table-ui .column-actions p {
            margin: 0;
        }
        .table-ui .column-actions .btn-toolbar {
            margin: 0;
            width: 100%;
        }
 
 /* Text UI */
 .text-ui {
     height: 100%;
     display: flex;
     align-items: center;
 }
     .text-ui p {
         margin-bottom: 0;
     }
     .text-ui .cke {
         width: 100%;
     }
 
 /* --------------------------------- */    
 
 /**
  * Views styling
  */
 
 /* Project overview */
 .project-overview {
     position: relative;
 }
     .project-overview h1 {
         width: 100%;
     }
     
     .project-overview .div-style-3,
     .my-dashboard-overview .div-style-3,
     .document-overview .div-style-3,
     .template-overview .div-style-3 {
         height: 100%;
         display: flex;
         border: 0 !important;	
         flex-direction: column;		
         padding: 0 0 0 1rem !important;
         background-color: transparent !important;
     }
 
     .document-overview .div-style-3 {
         padding: 0 !important;
     }
 
     .project-overview div.alert.wem-alert-with-icon {
         height: 100%;
         display: flex;
         flex-direction: column;
     }
         .project-overview div.alert.wem-alert-with-icon .btn-toolbar {
             margin-top: auto;
         }
 
 .project-overview-vertical {
     display: flex;
 }
     .project-overview-vertical .project-filters {
         display: flex;
         padding-right: 2.5rem;
         flex-direction: column;
         align-items: flex-start;
     }
     .project-overview-vertical .project-filters .btn-toolbar:nth-child(2) {
         margin-bottom: .5rem;
     }
     .project-overview-vertical .project-filters .btn-toolbar:not(first-child) {
         margin: 0.313rem 0 0 0;
     }
     .project-overview-vertical .project-filters .btn-toolbar:last-child {
         margin-top: 2rem;
     }
     .project-overview-vertical .project-filters .btn-group {
         margin-left: 0;
     }
        
 
 /* My dashboard overview */
 .my-dashboard-overview h1 {
     margin: 0;
     width: 100%;
 }
 .my-dashboard-overview p {
     width: 100%;
 }
 .my-dashboard-overview .text-table-layout {
     display: flex; 
     justify-content: space-between; 
 }
 .my-dashboard-overview div.alert.wem-alert-with-icon {
     height: 100%;
     display: flex;
     flex-direction: column;
 }
     .my-dashboard-overview div.alert.wem-alert-with-icon .btn-toolbar {
         margin-top: auto;
     }
 .my-dashboard-overview .my-dashboard-overview-filter .repeater-grid-col {
     justify-content: center;	
 }
 .my-dashboard-overview .my-dashboard-overview-filter p {
     margin: 0;
 }
 
     .project-overview .panel-body,
     .my-dashboard-overview .panel-body { 
         padding-top: 0.75rem !important; 
         padding-bottom: 0.75rem !important; 
     }
 
     .project-overview .repeater-grid .repeater-grid-col,
     .my-dashboard-overview .repeater-grid .repeater-grid-col {
         margin: 0.75rem 0;
     }
     .project-overview .repeater-vertical .repeater-item,
     .my-dashboard-overview .repeater-vertical .repeater-item {
         margin: 1.5rem 0;
     }
     .project-overview .repeater-vertical .repeater-item:last-child,
     .my-dashboard-overview .repeater-vertical .repeater-item:last-child {
         margin-bottom: 0.75rem;
     }
 
 
 /* Document overview */
 .document-overview .repeater-grid-col {
     justify-content: center;
 }
 .document-overview .alert {
     margin: 0;
     height: 100%;
     display: flex;
     flex-direction: column;
 }
     .document-overview .repeater-vertical .alert {
         margin: 0.75rem 0;
     }
 .document-overview p {
     margin: 0;	
 }
 
 .document-overview li.list-group-item,
 .template-overview li.list-group-item {
     border: 0;
     padding: 0;
     background-color: transparent;
 }
 
 .document-overview-filter p {
     margin: 0;
 }
     .document-overview-filter .repeater-grid-col:first-child {
         margin-right: 2.5rem;
     }
     .document-overview-filter .repeater-grid-col {
         justify-content: center;	
     }
 
 .document-overview-actions {
     width: 100%;
     display: flex;
     margin-top: auto;
     margin-right: .5rem;
     align-items: center;
     justify-content: space-evenly;
 }
     .document-overview-actions p {
         white-space: nowrap;
     }
         
         .document-actions,
         .template-actions {
             width: 100%;
             display: flex;
             flex-wrap: wrap;
             align-items: center;
             margin-right: .5rem;
             margin-top: 0.625rem;
             justify-content: flex-end;
         }
             .document-actions .btn-group {
                 margin: 0 0.188rem;
             }
 
             .document-actions .btn-group [role="button"],
             .template-actions .btn-group [role="button"] {
                 width: 2.5rem;
                 height: 2.5rem;
                 margin: 0.188rem 0;
                 display: flex;
                 align-items: center;
                 justify-content: center;
             }
 
             .document-actions .btn-toolbar {
                 margin: 0;
             }
 
 /* Current Document */
     .current-document .repeater-vertical .repeater-grid.row .repeater-grid-col:first-child,
     .current-template .repeater-vertical .repeater-grid.row .repeater-grid-col:first-child {
         padding-right: 0;
     }
     .current-template .template-translations-ui table tr td:last-child {
         padding-left: 1rem;
         padding-right: 0;
     }
 
 .document-icons,
 .template-icons {
     margin-top: -0.313rem;
 }
 
 /* Project styling */
 .project-actions {
     display: flex;
     margin-top: auto;	
     align-items: center;
 }
     .project-actions p {
         margin: 0;
     }
     .project-actions .btn-toolbar {
         width: 100%;
     }
 
 /* Template styling */
 .template-overview .div-style-3 {
     padding: 0 .5rem .5rem 1rem !important;
 }
 .template-overview .title p {
     display: flex;
     font-weight: bold;
     font-size: 1.188rem;
     margin-bottom: 1rem !important;
 }
 .template-overview .alert {
     padding-right: 0;
     padding-bottom: 0;
 }
 .template-overview div.alert.wem-alert-with-icon {
     height: 100%;
     display: flex;
     flex-direction: column;
 }
 
 .template-overview .input-group-addon:first-child, 
 .template-overview .input-group-btn:first-child>.btn, 
 .template-overview .input-group-btn:first-child>.btn-group>.btn, 
 .template-overview .input-group-btn:first-child>.dropdown-toggle, 
 .template-overview .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), 
 .template-overview .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
     margin-right: 0;
 }
 .template-overview .input-group-btn:last-child>.btn:first-child {
     border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
 }
 .template-overview .input-group-btn:last-child>.btn:last-child {
     border-top-left-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
 }
 .template-overview .title p {
     font-weight: 500;
     letter-spacing: -.1rem;
     font-size: 2.8rem;
     line-height: 3.2rem;
 }
 
 .document-icons p,
 .template-icons p { margin: 0 }
 
 /* Template actions */
 .template-actions .btn-group {
     margin: 0 0.188rem;
 }
 .template-actions .btn-toolbar {
     margin: 0;
 }