{"version":3,"sources":["classes.scss","../../../../../../default/files/civicrm/templates_c/SCSSROOT/org.civicrm.shoreditch/scss/bootstrap/overrides/_variables.scss","civicrm-override/_form.scss","mosaico-bootstrap/_wizard.scss","_variables.scss","mosaico-bootstrap/_template-item.scss","mosaico-bootstrap/_schedule.scss","mosaico-bootstrap/_form.scss","mosaico-bootstrap/_panels.scss"],"names":[],"mappings":"AAAA,mCACE,oBAAsB,CACvB,mCAGC,kBAAmB,CACpB,0BAGC,aC6CiC,CD5ClC,wEENK,oBAAqB,CAJ3B,yEAQM,0BACA,eACA,0BACA,WAAY,CAXlB,yEAeM,UAAW,CAfjB,uEAmBM,yBACA,yBACA,0BACA,YACA,iBACA,gBACA,kBACA,gBACA,kBACA,UAAW,CA5BjB,0EAgCM,gBACA,YACA,kBACA,OAAQ,CAnCd,2DAyCI,aDK+B,CC9CnC,yDA6CI,eDgB4B,CC7DhC,qDAkDM,cACA,cACA,gBACA,UAAW,CArDjB,uDAyDM,WACA,QAAS,CA1Df,0EA6DQ,eAAgB,CA7DxB,wQAsEM,cACA,gBACA,eACA,WACA,eAAgB,CA1EtB,sGA8EM,cACA,eAAgB,CA/EtB,yFAmFM,QAAS,CAnFf,6FAuFM,kBAAmB,CAvFzB,8NA+FM,YACA,eAAgB,CAhGtB,iEAqGI,eAAgB,CArGpB,qDAyGI,gBACA,WAAY,CACb,qCC1GD,YAAc,CADhB,mEAKM,QAAS,CALf,wEASM,SAAU,CAThB,iFAaM,aFiC6B,CE9CnC,2GAiBM,iBAAkB,CAjBxB,mEAwBM,eAAgB,CAxBtB,2FA4BM,aCT2C,CDnBjD,kFA4BM,aCT2C,CDnBjD,wFAgCM,eAAgB,CAhCtB,mGAoCM,WAAY,CACb,4CAKH,eAAgB,CACjB,2DAGC,yBACA,kBACA,UAAW,CACZ,oDEhDC,UAAW,CADb,+EAII,WAAY,CAJhB,mHAOM,YAAa,CAPnB,qHAWM,WAAY,CACb,4CAKH,mBACA,sBACA,kBACA,YACA,UACA,YACA,kBAAmB,CAPrB,sDAUI,SAAU,CAVd,kDAcI,yBACA,6CDvB2E,CCQ/E,gFAkBM,SAAU,CAlBhB,sDAsBM,WAAa,CAtBnB,gFA2BI,gBACA,aACA,gBACA,iBAAkB,CA9BtB,oFAiCM,qBAAuB,CAjC7B,kFAsCI,SACA,cACA,YACA,OACA,kBACA,QACA,kBACA,MACA,UAAW,CA9Cf,0EAkDI,mBACA,UACA,uBACA,qBAAsB,CArD1B,mHAyDI,qBACA,kBACA,SAAU,CA3Dd,8HA8DM,eAAgB,CA9DtB,gFAmEI,yBACA,cACA,gBACA,YACA,iBACA,gBACA,iBACA,kBACA,sBACA,kBACA,oBAAqB,CA7EzB,sFAgFM,cACA,gBACA,cAAe,CAlFrB,kFAsFM,SACA,kBACA,QACA,+BACA,WAAY,CACb,4CC1GH,aAAc,CACf,4CAGC,QAAS,CACV,8DAIG,iBAAkB,CACnB,+GCTC,SAAU,CAFd,8WAeM,SAAU,CAfhB,kEAoBI,cAAe,CApBnB,sEAwBI,SAAU,CAxBd,4GA4BI,SACA,OAAQ,CA7BZ,sEAiCI,SAAU,CACX,0CCjCD,gBACA,6BACA,iBACA,kBACA,kBAAmB,CACpB,uCAGC,0CPD8C,COAhD,8CAII,gBACA,eAAgB,CALpB,2EAQM,+BP2C6B,CO1C9B","file":"mosaico-bootstrap.css","sourcesContent":[".full-width-force {\n  width: 100% !important;\n}\n\n.margin-bottom-10 {\n  margin-bottom: 10px;\n}\n\n.success {\n  color: $brand-success;\n}\n","// Namespace for the entire theme\n// (set it to an empty string to remove the namespace)\n$bootstrap-namespace: '#bootstrap-theme';\n\n// Any selector within this namespace will be place outside\n// of $bootstrap-namespace during the build process\n$outside-namespace-marker: '.___outside-namespace';\n\n$box-shadow: 0 3px 18px 0 rgba(48, 40, 40, 0.25);\n$crm-form-control-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);\n$crm-box-shadow-inset: inset 0 10px 8px -10px rgba(0, 0, 0, 0.15), inset 0 -11px 8px -9px rgba(0, 0, 0, 0.15);\n$crm-select2-box-shadow-inset: inset 0 0 9px -5px rgb(51, 51, 51);\n\n//== CiviCRM Page\n//\n//##\n\n$crm-page-breakpoint-min:      1240px !default; // Unfortunately arbitrary\n$crm-page-sidebar-max-width:   170px !default;\n$crm-page-main-max-width:      1004px !default;\n$crm-page-main-padding:        16px !default;\n$crm-page-topbar-item-padding: 15px !default;\n\n//\n// Variables override\n// --------------------------------------------------\n\n// Shoreditch does not have an actual folder for images but this variable\n// allows other extensions to reuse and/or re-define it.\n// This is a relative path to the distributive CSS file.\n$crm-image-path: '../img/' !default;\n\n//== Font paths\n//\n//##\n$icon-font-path: '../base/fonts/' !default;\n$fa-font-path:   '../fonts/font-awesome' !default;\n$os-font-path:   '../fonts/open-sans' !default;\n\n\n//== Colors\n//\n//## Gray and brand colors for use across Bootstrap.\n\n$crm-gray-clay:             #222831 !default;\n$crm-gray-bright:           #393e46 !default;\n$gray-darker:               #464354 !default;\n$gray-dark:                 #4d4d69 !default;\n$gray-light:                #e8eef0 !default;\n$gray-lighter:              #f3f6f7 !default;\n$crm-gray-lightest:         #fafafb !default;\n$crm-gray-matte:            #9494a5 !default;\n\n$brand-primary:             #0071bd !default;\n$brand-success:             #44cb7e !default;\n$brand-info:                #0071bd !default;\n$brand-warning:             #e6ab5e !default;\n$brand-danger:              #cf3458 !default;\n\n$crm-grayblue-dark:         #d3dee2 !default;\n$crm-grayblue-darker:       #c2cfd8 !default;\n$crm-white:                 #fff !default;\n$crm-black:                 #000 !default;\n\n\n//== CRM specific variables\n//\n//## colors & varialbes used for CiviCRM\n\n$crm-copy:                  $gray-dark !default;\n$crm-background:            $gray-light !default;\n\n$crm-color-neutral:         $crm-grayblue-darker !default;\n$crm-placeholder:           $crm-gray-matte !default;\n$crm-page-topbar-color:     $crm-white !default;\n$crm-page-sidebar-bg:       $crm-white !default;\n$crm-page-topbar-bg:        $crm-gray-clay !default;\n\n\n$crm-success-dark:          darken(desaturate(adjust-hue($brand-success, -26), 23.44), 8.04) !default;\n$crm-warning-dark:          darken(saturate(adjust-hue($brand-warning, -6), 26.88), 26.08) !default;\n\n$crm-accordion-header-color: $gray-lighter;\n\n\n$crm-darken-percentage:     7% !default;\n$crm-lighten-percentage:    30% !default;\n\n//== Scaffolding\n//\n//## Settings for some of the most global styles.\n\n$body-bg: $crm-background !default;\n\n//== Typography\n//\n//## Font, line-height, and color for body text, headings, and more.\n\n$font-family-sans-serif:  'Helvetica Neue', Helvetica, Arial, sans-serif !default;\n$font-family-base:        'Open Sans', $font-family-sans-serif !default;\n\n$font-size-small:         12px !default;\n$font-size-base:          13px !default;\n$font-size-medium:        14px !default;\n$font-size-xs:            9px !default;\n$crm-font-size-base-unitless: 13;\n\n$font-size-h1:            24px !default;\n$font-size-h2:            18px !default;\n$font-size-h3:            16px !default;\n$font-size-h4:            $font-size-medium !default;\n$font-size-h5:            $font-size-base !default;\n\n$line-height-base:        1.53846153846154 !default; // 20/13\n\n$headings-font-weight:    500 !default;\n$headings-color:          $gray-darker !default;\n\n$crm-font-weight-h1:          600 !default;\n$crm-font-weight-h2:          600 !default;\n$crm-font-weight-h3:          600 !default;\n$crm-font-weight-h4:          500 !default;\n$crm-font-weight-h5:          700 !default;\n$crm-font-weight-h6:          500 !default;\n\n//== Layout\n//\n//## Common layout spacings, margins, and paddings\n\n$crm-gap-small:               5px !default;\n$crm-gap-medium:              8px !default;\n\n//== Components\n//\n//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).\n\n$padding-base-vertical:       4px !default;\n$padding-small-vertical:      2px !default;\n\n$padding-base-horizontal:     10px !default;\n\n$border-radius-base:          2px !default;\n$border-radius-small:         $border-radius-base !default;\n$border-radius-child:         4px !default;\n\n\n//== Tables\n//\n//## Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding:          10px 20px !default;\n$table-bg:                    $crm-white !default;\n$table-border-color:          $gray-light !default;\n\n\n//== Buttons\n//\n//## For each of Bootstrap's buttons, define text, background and border color.\n\n$btn-font-weight:                 500 !default;\n\n$crm-btn-padding-base-horizontal: 19px;\n$crm-btn-padding-base-vertical:   7px;\n$crm-btn-padding-small-vertical:  5px;\n\n$btn-default-color:               $gray-darker;\n$btn-default-bg:                  $crm-white !default;\n$btn-default-border:              $btn-default-bg !default;\n\n$btn-success-color:         $gray-darker !default;\n$btn-warning-color:         $gray-darker !default;\n\n//== Forms\n//\n//##\n\n$input-bg-disabled:         $gray-lighter !default;\n$input-color:               $gray-darker !default;\n$input-border:              $crm-grayblue-darker !default;\n$input-color-placeholder:   $crm-gray-matte !default;\n\n$input-border-radius-large: $border-radius-base !default;\n$input-border-radius-small: $border-radius-base !default;\n\n//== Dropdowns\n//\n//## Dropdown menu container and contents.\n\n$dropdown-link-hover-bg:    $gray-lighter !default;\n$dropdown-header-color:     $gray-darker !default;\n\n$crm-dropdown-container-padding: 4px 0 9px 0;\n$crm-dropdown-item-padding:      7px 19px 7px 24px;\n$crm-dropdown-divider-margin:    7px 0;\n\n\n//== Labels\n//\n//##\n\n$label-default-bg:           $crm-grayblue-darker;\n\n\n//== Modals\n//\n//##\n\n$modal-inner-padding:         20px 30px !default;\n$modal-title-padding:         10px 29px !default;\n$crm-modal-footer-padding:    20px !default;\n$crm-modal-sm-title-padding:  10px 20px !default;\n$crm-modal-sm-footer-padding: 10px !default;\n\n$modal-footer-border-color:   $gray-light !default;\n\n$modal-lg:                    945px !default;\n$modal-md:                    555px !default;\n$modal-sm:                    360px !default;\n\n//== UI Modals\n//\n//##\n\n$ui-modal-header-padding: 13px 20px !default;\n\n//== Panels\n//\n//##\n\n$panel-bg:                  transparent !default;\n$panel-body-padding:        15px 20px !default;\n$panel-heading-padding:     $panel-body-padding !default;\n$panel-footer-padding:      20px !default;\n$panel-border-radius:       $border-radius-base + 1 !default;\n\n$panel-inner-border:        $gray-light !default;\n$panel-footer-bg:           $crm-white !default;\n\n$crm-panel-heading-margin:  10px !default;\n\n//== Subheading\n$crm-panel-subheading-padding: $panel-heading-padding !default;\n\n//== Abstract and collapsible extra\n$crm-panel-abstract-padding: 8px 20px !default;\n$crm-panel-extra-padding:    5px 20px 10px 35px !default;\n\n//== Contextual variations\n$panel-default-text:        $gray-darker !default;\n$panel-default-heading-bg:  $gray-lighter !default;\n\n$panel-success-text:        $gray-darker !default;\n$panel-success-heading-bg:  $brand-success !default;\n\n$panel-info-text:           $crm-white !default;\n$panel-info-heading-bg:     $brand-info !default;\n\n$panel-warning-text:        $gray-darker !default;\n$panel-warning-heading-bg:  $brand-warning !default;\n\n$panel-danger-text:         $crm-white !default;\n$panel-danger-heading-bg:   $brand-danger !default;\n\n//== Nested panel\n$crm-panel-nested-indent: 20px;\n\n//== Status strip\n$crm-panel-status-strip-width: 6px !default;\n\n\n//== Grid system\n//\n//## Define your custom responsive grid.\n\n$grid-gutter-width: 16px !default;\n\n\n//== Navs\n//\n//##\n\n//=== Shared nav styles\n$nav-link-padding:                        10px 20px !default;\n\n$nav-disabled-link-color:                 lighten(desaturate(adjust-hue($gray-darker, -13.6364), 1.1598), 46.4706) !default;\n$nav-disabled-link-hover-color:           $nav-disabled-link-color !default;\n\n//== Tabs\n$nav-tabs-border-color:                   $crm-grayblue-dark !default;\n$nav-tabs-active-link-hover-bg:           $crm-white !default;\n$nav-tabs-active-link-hover-color:        $brand-primary !default;\n$nav-tabs-active-link-hover-border-color: $nav-tabs-border-color !default;\n$crm-nav-tab-content-padding:             $panel-body-padding !default;\n\n$crm-nav-stacked-bg:                      $crm-white;\n$crm-nav-stacked-link-padding:            15px 20px !default;\n$crm-nav-stacked-border-radius:           0 !default;\n\n//== Nav tabs placed in a panel heading\n$crm-nav-tabs-panel-heading-border:                  0 !default;\n$crm-nav-tabs-panel-heading-margin:                  -10px 0 !default;\n$crm-nav-tabs-panel-heading-link-background:         transparent !default;\n$crm-nav-tabs-panel-heading-link-border-width:       0 !default;\n$crm-nav-tabs-panel-heading-link-border-hover-width: 0 0 3px 0 !default;\n\n$crm-nav-tabs-panel-heading-link-padding:            15px 15px 12px !default;\n$crm-nav-tabs-panel-heading-link-weight:             600 !default;\n\n\n//== Pagination\n//\n//##\n\n$pagination-color:               $gray-dark !default;\n$pagination-bg:                  transparent !default;\n\n$pagination-hover-color:         $gray-darker !default;\n$pagination-hover-bg:            $pagination-bg !default;\n\n$pagination-active-color:        $gray-darker !default;\n$pagination-active-bg:           $pagination-bg !default;\n\n$pagination-disabled-color:      $gray-light !default;\n$pagination-disabled-bg:         $pagination-bg !default;\n\n//== Form states and alerts\n//\n//## Define colors for form feedback states and, by default, alerts.\n\n$state-success-text:             $crm-success-dark !default;\n$state-info-text:                $brand-info !default;\n$state-warning-text:             $crm-warning-dark !default;\n$state-danger-text:              $brand-danger !default;\n\n$state-success-border:           $brand-success !default;\n$state-info-border:              $brand-info !default;\n$state-warning-border:           $brand-warning !default;\n$state-danger-border:            $brand-danger !default;\n\n\n$alert-success-bg:               lighten($brand-success, $crm-lighten-percentage) !default;\n$alert-info-bg:                  lighten($brand-info, $crm-lighten-percentage) !default;\n$alert-warning-bg:               lighten($brand-warning, $crm-lighten-percentage) !default;\n$alert-danger-bg:                lighten($brand-danger, $crm-lighten-percentage) !default;\n\n$alert-success-text:             $gray-darker !default;\n$alert-info-text:                $gray-darker !default;\n$alert-warning-text:             $gray-darker !default;\n$alert-danger-text:              $gray-darker !default;\n\n//== Badges\n//\n//##\n\n$badge-bg:                       $brand-primary !default;\n$badge-font-weight:              400 !default;\n$badge-line-height:              1.1 !default;\n\n$crm-badge-min-width:            25px;\n\n\n//== Breadcrumbs\n//\n//##\n\n$breadcrumb-separator:           '>' !default;\n\n\n//== Type\n//\n//##\n\n$text-muted:                     #aab2b9 !default;\n\n$dl-horizontal-offset:           250px !default;\n\n$blockquote-small-color:         $crm-copy !default;\n$blockquote-border-color:        $brand-primary !default;\n\n$crm-ui-select-top-padding:      4px !default;\n\n$hr-border: $crm-grayblue-dark !default;\n\n\n//== Datepicker\n//\n//##\n\n$crm-uib-datepicker-active-border-radius:  50% !default;\n$crm-uib-datepicker-active-cell-padding:   7px !default;\n$crm-uib-datepicker-active-font-color:     $crm-white !default;\n$crm-uib-datepicker-arrow-font-weight:     300 !default;\n$crm-uib-datepicker-border:                0 !default;\n$crm-uib-datepicker-body-bg-color:         transparent !default;\n$crm-uib-datepicker-body-font-color:       $gray-darker !default;\n$crm-uib-datepicker-cell-padding:          7px !default;\n$crm-uib-datepicker-cell-padding-span:     0 !default;\n$crm-uib-datepicker-header-bg-color:       $crm-white !default;\n$crm-uib-datepicker-header-font-color:     $gray-darker !default;\n$crm-uib-datepicker-header-font-size:      $font-size-small !default;\n$crm-uib-datepicker-header-font-weight:    $crm-font-weight-h5 !default;\n$crm-uib-datepicker-muted-cell-color:      #dcdddd !default;\n$crm-uib-datepicker-today-bg-color:        transparent !default;\n$crm-uib-datepicker-today-font-color:      $brand-primary !default;\n\n\n//== CRM Wizard\n//\n//##\n\n$crm-wizard-active-bg-color: $gray-lighter !default;\n$crm-wizard-active-font-color: $brand-primary !default;\n",".crm-mosaico-page {\n  // Overriding date and time styling filld\n  .crm-form-date-wrapper {\n    .form-control {\n      display: inline-block;\n    }\n\n    .crm-form-date {\n      border-radius: 2px 0 0 2px;\n      border-right: 0;\n      min-width: 100px !important;\n      width: 100px;\n    }\n\n    .crm-form-time {\n      width: 75px;\n    }\n\n    .fa-calendar {\n      background-color: $crm-input-background-dark;\n      border: 1px solid $crm-input-border;\n      border-radius: 0 2px 2px 0;\n      height: 30px;\n      line-height: 26px;\n      margin-bottom: 0;\n      margin-right: 10px;\n      padding: 2px 0 0;\n      text-align: center;\n      width: 30px;\n    }\n\n    .crm-clear-link {\n      background: none;\n      border: none;\n      position: relative;\n      top: 2px;\n    }\n  }\n\n  // Overriding crmMailing styles\n  span.crmMailing-include {\n    color: $gray-darker;\n  }\n\n  .crmMailing-recip-est {\n    background: $crm-white;\n  }\n\n  .crm-group {\n    .label {\n      display: block;\n      padding: 8px 0;\n      text-align: left;\n      width: 100%;\n    }\n\n    .content {\n      clear: both;\n      margin: 0;\n\n      .select2-container {\n        max-width: 350px;\n      }\n    }\n  }\n  // Overriding recipient civicrm form\n  div[ng-form=\"editRecipOptionsForm\"] .crm-group {\n    .label,\n    label,\n    label span {\n      color: $gray-darker;\n      font-weight: $crm-font-weight-h3;\n      font-size: $font-size-base;\n      width: 100%;\n      text-align: left;\n    }\n\n    label span.crm-marker {\n      color: $brand-danger;\n      margin-left: 5px;\n    }\n\n    .content {\n      margin: 0;\n    }\n\n    .crm-section {\n      margin-bottom: .5em;\n    }\n  }\n\n  .select2-search-field {\n    input[type=text]:focus,\n    textarea:focus,\n    select:focus {\n      border: none;\n      box-shadow: none;\n    }\n  }\n\n  #responses .select2-container {\n    min-width: 350px;\n  }\n\n  .crm-hover-button {\n    background: none;\n    border: none;\n  }\n}\n",".crm-mosaico-wizard {\n  padding: 0.7em;\n\n  .crm_wizard {\n    &__title .nav-pills {\n      margin: 0;\n    }\n\n    &__title .nav-pills li a {\n      outline: 0;\n    }\n\n    &__title .nav-pills li.disabled a {\n      color: $gray-darker;\n    }\n\n    &__footer .crmb-wizard-button-right button:not(:last-child) {\n      margin-right: 10px;\n    }\n  }\n\n  .crm_wizard__body {\n\n    .form-group {\n      max-width: 640px;\n    }\n\n    .form-control::placeholder {\n      color: $placeholder;\n    }\n\n    .token-holder .select2-container{\n      min-width: 260px;\n    }\n\n    .ng-invalid.ng-invalid-incomplete-date-time {\n      border: none;\n    }\n  }\n}\n\n.mosaico-templates-wrapper {\n  margin-top: 30px;\n}\n\ndiv[ng-controller=\"PreviewMailingDialogCtrl\"] iframe.resized {\n  height: calc(100% - 57px);\n  position: absolute;\n  z-index: -1;\n}\n","// CRM Related Variables\n$crm-input-background-dark:               #f3f3f6;\n$crm-input-border:                        #c2cfd8;\n\n// Mosaico Related Variables\n$crm-mosaico-template-item:               $gray-lighter;\n$crm-mosaico-template-border:             $crm-background;\n$crm-mosaico-template-item-wrapper:       #333;\n$crm-mosaico-template-item-shadow:        inset 0 1px 10px 0 rgba(0, 0, 0, .25);\n$crm-mosaico-font-size-sm:                11px;\n\n// Select2 Widget\n$crm-select2-dropdown-border:             #5897FB;\n\n// Bootstrap calendar\n$datepicker-border-color:                 rgba(0, 0, 0, 0.15);\n$datepicker-gray-dark:                    #535a67;\n$datepicker-gray-darker:                  #525966;\n\n$placeholder:                             #AAB2B9;\n",".crm-mosaico-selected.center-block {\n  float: none;\n\n  .crm-mosaico-template-item {\n    width: 240px;\n\n    .crm-mosaico-template-image-wrapper {\n      height: 275px;\n    }\n\n    .crm-mosaico-template-title-wrapper p {\n      width: 225px;\n    }\n  }\n}\n\n.crm-mosaico-template-item {\n  background: $crm-mosaico-template-item;\n  border: 2px solid $crm-white;\n  border-radius: 4px;\n  margin: auto;\n  opacity: 1;\n  width: 165px;\n  margin-bottom: 30px;\n\n  &.thumbnail {\n    padding: 0;\n  }\n\n  &:hover {\n    border: 2px solid $brand-primary;\n    box-shadow: $crm-mosaico-template-item-shadow;\n\n    .crm-mosaico-template-actions {\n      opacity: 1;\n    }\n\n    img {\n      opacity: 0.66;\n    }\n  }\n\n  .crm-mosaico-template-image-wrapper {\n    background: $crm-mosaico-template-item-wrapper;\n    height: 200px;\n    overflow: hidden;\n    position: relative;\n\n    img {\n      height: auto !important;\n    }\n  }\n\n  .crm-mosaico-template-actions-wrapper {\n    bottom: 0;\n    display: table;\n    height: 100%;\n    left: 0;\n    position: absolute;\n    right: 0;\n    text-align: center;\n    top: 0;\n    width: 100%;\n  }\n\n  .crm-mosaico-template-actions {\n    display: table-cell;\n    opacity: 0;\n    transition: opacity 400ms;\n    vertical-align: middle;\n  }\n\n  .crm-mosaico-template-image-wrapper .crm-mosaico-template-actions .btn {\n    float: none !important;\n    margin-bottom: 7px;\n    width: 63%;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  .crm-mosaico-template-title-wrapper {\n    border: 1px solid $crm-mosaico-template-border;\n    color: $gray-darker;\n    font-weight: 600;\n    height: 60px;\n    line-height: 16px;\n    overflow: hidden;\n    padding: 10px 5px;\n    position: relative;\n    vertical-align: middle;\n    text-align: center;\n    text-decoration: none;\n\n    small {\n      display: block;\n      font-weight: 400;\n      margin-top: 3px;\n    }\n\n    p {\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      width: 160px;\n    }\n  }\n}\n",".crmMosaico-schedule-inner {\n  margin: 15px 0;\n}\n\n.crmMosaico-schedule-title {\n  margin: 0;\n}\n\n.crmMosaico-schedule-inner {\n  .form-group label {\n    line-height: 1.5em;\n  }\n}\n",".crm-mosaico-page {\n  input[name=\"subject\"], input[name=\"subjectA\"] {\n    width: 80%;\n  }\n\n  input[name=\"campaign\"] {\n    width: 98%;\n  }\n\n  select {\n    &[name=\"optout_id\"],\n    &[name=\"preview_test_group\"],\n    &[name=\"resubscribe_id\"],\n    &[name=\"unsubscribe_id\"],\n    &[name=\"visibility\"] {\n      width: 98%;\n    }\n  }\n\n  .crm-mosaico-test-group button {\n    margin-top: 1em;\n  }\n\n  .crm-mailing-recipients-row select {\n    width: 70%;\n  }\n\n  input[type=radio]:not(.old-radiocheckbox-style):checked+label[for]::after {\n    left: 3px;\n    top: 7px;\n  }\n\n  .tab-content #responses .crm-block {\n    padding: 0;\n  }\n}\n",".crm-mosaico-modal-panel {\n  box-shadow: none;\n  border-top: 1px solid $crm-background;\n  margin-top: -10px;\n  margin-left: -20px;\n  margin-right: -20px;\n}\n\n.mosaico-panels-group {\n  box-shadow: $box-shadow;\n\n  .panel {\n    box-shadow: none;\n    margin-bottom: 0;\n\n    &:not(:last-child) .panel-body {\n      border-bottom: 1px solid $crm-grayblue-dark;\n    }\n  }\n}\n"]}