/*===================================================================================
  LAYOUT TABLE OF CONTENTS

  1. Normalize/Reset HTML Elements
  2. REC1 Layout-Specific CSS
  3. Side Nav CSS (App Drawer)
  4. Top Tab CSS (App Tabs)
  5. Grid System
  6. Layout Helper Classes
  7. Markup/Text Styles
  8. Link Styles
  ===================================================================================*/



/*===================================================================================
  1. Normalize/Reset HTML Elements
  ===================================================================================*/


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1.42857143;
    font-family: 'Open Sans', Helvetica, Verdana, Tahoma, Arial, sans-serif !important;
    font-size: 14px;
}
body.branding-civicrec {
    font-family: 'Lato', "Open Sans", sans-serif !important;
}
#cp-Toolbars {
    font-family: 'Muli', 'Lato', "Open Sans", sans-serif !important;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

.clear {
    clear:both;
}

[class^="flaticon-"], [class*=" flaticon-"] {
    font-family: flaticon !important;
}


/*===================================================================================
  2. REC1 Layout-Specific CSS
  ===================================================================================*/

html, body {
    margin: 0;
    padding: 0;
    color: #555 !important;
    font-weight: 300;
}

/* bootstrap modals remove the body's scrollbar when opened */
.modal-open{
    padding-right: 0 !important;
    overflow-y: auto;
}

#rec1-permission-override-modal {
    z-index: 1070;
}

#rec1-container {
    min-width: 1280px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
    
    #rec1-content-wrap, #rec1-layout-content, #rec1-layout-content-inner, #rec1-layout-main, .ui-page, .ui-page-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

#rec1-layout-header-wrap {
    background: #fff;
}

#rec1-layout-header {
    background: #1781c6;
    height: 32px;
    color: white;
}

.branding-civicrec #rec1-layout-header {
    background: #333;
}

#rec1-layout-header .rec1-layout-current-account {
    padding: 2px 14px;
    float: right;
    text-align: right;
}
#rec1-layout-header .rec1-layout-notifications {
    margin-right: 10px;
    margin-top: 3px;
    float: left;
    font-size: 16px;
}
#rec1-layout-header .rec1-layout-rating {
    margin-right: 10px;
    margin-top: 0;
    float: left;
}

#rec1-layout-header a {
    color: #FFF;
    font-weight: 400;
}

#rec1-app-topnav {
    float:left;
    text-transform:uppercase;
}
#rec1-app-topnav>ul>li>a:hover { text-decoration: none; }
#rec1-app-topnav .active {
    bottom: -8px;
    width: 18px;
    position: absolute;
    left: 43%;
    cursor: pointer;
}

#rec1-app-topnav .arrow-down {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 10.5px 0 10.5px;
    border-color: #10a8dc transparent transparent transparent;
    position: relative;
    top: 4px;
}

#rec1-app-topnav .arrow-downb {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 8px 10.5px 0 10.5px;
    border-color: #1781c6 transparent transparent transparent;
}

.branding-civicrec #rec1-app-topnav .arrow-downb {
    border-color: #fff transparent transparent transparent;
}

.branding-civicrec #rec1-app-topnav .arrow-down {
    border-color: #333 transparent transparent transparent;
}

.branding-civicrec .civicrec-logo img {
    margin-left: 10px;
    height: 33px !important;
    width: auto;
}

#rec1-app-topnav ul {
    padding-left: 36px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#rec1-app-topnav ul li {
    float:left;
    position:relative;
    margin: 0;
    padding: 0;
}

#rec1-app-topnav ul li a {
    display: block;
    padding: 6px 35px;
}

#rec1-app-social {
    float: right;
    margin-right: 50px;
    padding-top: 3px;
    display: none;
}

#rec1-app-social a {
    display: inline-block;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    margin-left: 6px;
    vertical-align: middle;
}

#rec1-app-social .facebook {

}

#rec1-app-social .twitter {
    background-position: -24px 0;
}

#rec1-app-social .googleplus {
    background-position: 0 24px;
}

#rec1-app-social .linkedin {
background-position: -24px 24px;
}

#rec1-app-social .email {
    background-position: -72px 0;
}

#rec1-app-social .rss {
    background-position: -48px 24px;
    margin-left: 70px;
}

#rec1-layout-subheader {
    background: #a9cf42 url(/public/img/layout/subheader.jpg) left repeat-y;
    padding: 8px 14px;
    color: white;
    margin-top: 1px;
    margin-bottom: 1px;
}

body.branding-civicrec #rec1-layout-subheader {
    background-image: none !important;
}

.branding-civicrec #rec1-layout-subheader {
    height: 50px;
    line-height: 50px;
    background-color: #0c7c41;
}

div.rec1-logo {
    float: left;
    margin: 0 122px 0 50px;
}

div.rec1-logo img {
    vertical-align: middle;
}

div.civicrec-logo {
    float: left;
    height: 50px;
    margin: 0px 50px 0px 30px;
}

div.civicrec-logo img {
    vertical-align: middle;
}

body.branding-civicrec #rec1-layout-subheader {
    padding: 0 !important;
}

body.branding-civicrec #rec1-layout-subheader .label {
    margin-top: 10px;
}
body.branding-civicrec #rec1-layout-subheader .pull-right,
body.branding-civicrec .rec1-app-current-customer {
    margin-top: 7px;
}

body.branding-civicrec .rec1-app-current-customer {
    line-height: 25px;
}

.rec1-app-header-menu {
    cursor: default;
    border-radius: 8px;
    line-height: 1em;
    padding: .2em .5em;
    line-height: 20px;
}

.rec1-app-current-account {
    float: left;
}

.rec1-app-current-customer {
    float: left;
    font-size: 22px;
    margin-left: 24px;
}

.rec1-app-current-location,
.rec1-app-global-checkin {
    float: left;
}

.rec1-app-global-checkin {
    cursor: pointer;
}

.rec1-app-header-menu span {
    vertical-align: top;
    margin: 0 .3em;
}

.rec1-app-header-menu i {
    width: 1em;
    height: 1em;
    vertical-align: baseline;
    display: inline-block;
}

.rec1-app-header-menu i:before {
    font-size: 1em;
    line-height: 1em;
}

.rec1-app-header-menu i.ui-dropdown-expand {
    display: none;
}

.rec1-app-header-menu i.ui-dropdown-expand:before {
    color: #555;
    font-size: 1em;
    line-height: 100%;
}

.rec1-app-header-menu.has-options:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
}

.rec1-app-header-menu.has-options i.ui-dropdown-expand {
    display: inline-block;
}

.rec1-app-header-menu.ui-state-highlight {
    background: none;
    outline: none;
    color: #FFF;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.66);
    color: #999;
    color: rgba(0, 0, 0, 0.43);
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}



#rec1-content-wrap {
    border-top: 1px solid #9E9E9E;
    position: relative;
    z-index: 0;
}


#rec1-app-search {
    background-color: #c3c3c3;
    position: relative;
    padding: 2px;
    height: 34px;
    cursor: pointer;
    box-sizing: border-box;
}

#rec1-app-search input {
    width: 100%;
    height: 30px;
    /* padding: 4px 4px 4px 9px; */
    border: 1px solid #CCC;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    margin: 0;
    padding: 0 0 0 32px;
    opacity: 1;
    transition: opacity .3s ease-out;
}

#rec1-app-search i {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0;
    height: 34px;
    width: 40px;
    text-align: center;
    line-height: 32px;
}

#rec1-app-search i:before,
#rec1-app-search i:after {
    font-size: 16px;
    color: #999;
    transition: color .3s ease-out;
}

#rec1-app-search.focused i:before,
#rec1-app-search.focused i:after,
#rec1-app-search.focused {
    color: #333;
}

#rec1-layout-sidenav.collapsed #rec1-app-search input {
    opacity: 0;
}
#rec1-layout-sidenav.collapsed #rec1-app-search i:before {
    color: #FFF;
}


#rec1-layout-content {
    width: 100%;
}

#rec1-layout-content-inner {
    position: relative;
    z-index: 10;
    background: #FFF;
    margin-left: 208px;
    border-left: 1px #DDD solid;
    min-height: 600px;
    transition: margin-left .3s ease-out;
    -webkit-box-shadow: rgba(0, 0, 0, 0.11) -2px 0 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.11) -2px 0 2px;
    box-shadow: rgba(0, 0, 0, 0.11) -2px 0 2px;
}

#rec1-content-wrap.rec1-sidenav-collapsed #rec1-layout-content-inner {
    margin-left: 40px;
    z-index: 11;
}

/**
 * Allows the dockable wrapper's width to adjust, needed for transitions when docked
 */
#rec1-content-wrap #rec1-layout-sidenav-container .ui-dockable-wrapper {
    width: 208px;
    transition: width .3s ease-out;
}
#rec1-content-wrap.rec1-sidenav-collapsed #rec1-layout-sidenav-container .ui-dockable-wrapper {
    width: 50px;
}

#rec1-app-checkin-dropdown {
    width: 650px;
    max-height: 650px !important;
}

#rec1-app-checkin-dropdown.is-mobile {
    width: 800px !important;
    max-height: 1400px !important;
}

#rec1-app-checkin-dropdown .rec1-app-checkin-memberships,
#rec1-app-checkin-dropdown .rec1-app-checkin-error,
#rec1-app-checkin-dropdown .rec1-app-checkin-info,
#rec1-app-checkin-dropdown .rec1-app-checkin-message {
    display: none;
}

#rec1-app-checkin-dropdown.error .rec1-app-checkin-error {
    display: block;
}
#rec1-app-checkin-dropdown.success .rec1-app-checkin-message,
#rec1-app-checkin-dropdown.success .rec1-app-checkin-info {
    display: block;
}
#rec1-app-checkin-dropdown .rec1-app-checkin-info img {
    max-width: 120px;
    max-height: 120px;
}

#rec1-app-checkin-dropdown.membership-list .rec1-app-checkin-memberships {
    display: block;
}

/*===================================================================================
  3. Side Nav CSS (App Drawer)
  ===================================================================================*/

/**
 * Sidenav Container
 */
#rec1-layout-sidenav-container {
    width: auto;
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid #DDD;
    background: #F5F5F5;
    font-size: 14px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.11) 2px 0 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.11) 2px 0 8px;
    box-shadow: rgba(0, 0, 0, 0.11) 2px 0 8px;
}

.rec1-sidenav-collapsed #rec1-layout-sidenav-container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#rec1-layout-sidenav {
    z-index: 11;
    width: 208px;
    transition: width .3s ease-out;
}

/**
 * Sidenav List Container (Top & Sub-Menu)
 */
#rec1-layout-sidenav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/**
 * Sidenav Menu Item (Top-Level)
 */
.rec1-layout-sidenav-item {
    margin: 0;
    padding: 0;
    position: relative;
    border-bottom: 1px solid #DDD;
    background: #FFF;
}

/**
 * Sidenav Menu Item Text Label (Top & Sub Level)
 */
.rec1-layout-sidenav-label {
    display: block;
    padding: 3px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: 1;
    transition: opacity .3s ease-out;
}

/**
 * Sidenav Menu Item Icon
 */
.rec1-layout-sidenav-icon {
    width: 24px;
    display: block;
    float: left;
    margin-right: 10px;
    text-align: center;
}

/**
 * Sidenav Menu Item (Top-Level) Icon Size/Color
 */
.rec1-layout-sidenav-icon:before,
.rec1-layout-sidenav-icon:after {
    font-size: 24px;
}

/**
 * Sidenav Menu Item Body (Link)
 */
.rec1-layout-sidenav-link {
    color: #707070 !important;
    text-decoration: none !important;
    padding: 8px 4px;
    display: block;
    border-left: 4px #FFF solid;
    height: 34px;
    box-sizing: border-box;
    line-height: 1em;
}
/**
 * Sidenav Menu Item Hover
 * "Hover Background Color"
 */
.rec1-layout-sidenav-item:hover {
    background: #F3F3F3;
}

.rec1-layout-sidenav-link:active {
    background: #eaf0d8;
}

/**
 * Sidenav Menu Item Hover Body (Link)
 * Adds "Gray Border"
 */
.rec1-layout-sidenav-link:hover {
    border-left-color: #333;
}

/**
 * Sidenav Menu Item Hover Body/Icon Size/Color
 * "Hover Icon/Text Color"
 */
.rec1-layout-sidenav-link:hover,
.rec1-layout-sidenav-link:hover > i:before {
    color: #333 !important;
}


/* ------------ Sidenav Sub-Menu Specific Selectors ------------ */

/**
 * Sidenav Sub-Menu Container
 */
#rec1-layout-sidenav li ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: none;
    /*font-size: 12px;*/
}

/**
 * Sidenav Sub-Menu Item
 */
#rec1-layout-sidenav li ul li {
    border-bottom: 0;
    border-right: 0;
}

/**
 * Sidenav Sub-Menu Item Icon
 */
#rec1-layout-sidenav li ul li > a > i {
    width: 20px;
}

/**
 * Sidenav Sub-Menu Item Icon Size/Color
 */
#rec1-layout-sidenav li ul li > a > i:before {
    font-size: 16px;
    color: #888;
    transition: font-size .3s ease-out;
}

/**
 * Sidenav Sub-Menu Item Body (Link)
 */
#rec1-layout-sidenav li ul li > a {
    transition: padding-left .3s ease-out;
    padding: 4px;
    font-size: .9em;
    padding-left: 22px;
}

/* ------------ Sidenav Collapsed State ------------ */
#rec1-layout-sidenav.collapsed {
    width: 40px;
    z-index: 9;
}

#rec1-layout-sidenav.collapsed li a span {
    opacity: 0;
}

/**
 * Collapsed Sidenav Sub-Menu Item Body (Link)
 */
#rec1-layout-sidenav.collapsed li ul li > a {
    padding-left: 6px;
}

#rec1-layout-sidenav.collapsed li ul li > a > i:before {
    color: #AAA;
    font-size: 18px;
}

/* ------------ Sidenav Selected Item/Active State ------------ */

/**
 * Sidenav Selected Menu Item
 */
#rec1-layout-sidenav li.active {
    background: #FFF;
}
#rec1-layout-sidenav li.active ul,
#rec1-layout-sidenav li.expanded ul {
    display: block;
}


/**
 * Sidenav Selected Menu Item Body (Link)
 * Adds "Green Border"
 */
#rec1-layout-sidenav li.active > a {
    color: #99c700;
    border-left-color: #99c700;
}
.branding-civicrec #rec1-layout-sidenav li.active > a {
    color: #0c7c41;
    border-left-color: #0c7c41;
}
#rec1-layout-sidenav li.partial > a {
    border-left-color: #FFF;
}

/**
 * Sidenav Selected Menu Item Icon
 * "Active Icon Color"
 */
#rec1-layout-sidenav li.active > a > i:before,
#rec1-layout-sidenav li.active > a > i:after {
    color: #99c700;
}

.branding-civicrec #rec1-layout-sidenav li.active > a > i:before,
.branding-civicrec #rec1-layout-sidenav li.active > a > i:after {
    color: #0c7c41;
}

.rec1-layout-sidenav-pin,
.rec1-layout-sidenav-floating-controls {
    padding: .5em 1em;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}

.rec1-layout-sidenav-pin:hover,
.rec1-layout-sidenav-floating-controls:hover {
    color: #999;
}

.rec1-layout-sidenav-pin.pinned,
.rec1-layout-sidenav-floating-controls.docked {
    color: #666;
}

.rec1-layout-sidenav-pin i,
.rec1-layout-sidenav-floating-controls i {
    margin-right: .5em;
}

#rec1-layout-sidenav.collapsed .rec1-layout-sidenav-pin span,
#rec1-layout-sidenav.collapsed .rec1-layout-sidenav-floating-controls span{
    display: none;
}

.rec1-layout-sidenav-pin span,
.rec1-layout-sidenav-floating-controls span {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
#rec1-layout-sidenav ul li ul li {
    position: relative;
}
#rec1-layout-sidenav ul li ul li .caret-right {
    position: absolute;
    right: 10px;
    top: 5px;
}
#rec1-layout-sidenav ul li ul li ul {
    display: none !important;
    position: absolute;
    left: 100%;
    top: 0;
    border: 1px #DDD solid;
    width: 200px;
}

#rec1-layout-sidenav ul li ul li ul li > a {
    padding-left: 10px !important;
}

#rec1-layout-sidenav ul li ul li:hover ul {
    display: block !important;
}



/*===================================================================================
  4. Top Tab CSS (App Tabs)
  ===================================================================================*/

#rec1-layout-tabs {
    background: #F1F1F1;
}

#rec1-layout-tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#rec1-layout-tabs ul > li {
    font-size: 14px;
    float: left;
    border-right: 1px solid #CCC;
    background: #ecedee;
    border-bottom: 1px solid #D8D8D8;
    margin: 0;
    padding: 0 24px 0 0;
    position: relative;
    transition: background-color .3s ease-out;
    height: 26px;
}

#rec1-layout-tabs ul > li.page-tab-active {
    background: white;
    border-bottom: 1px solid white;
}

#rec1-layout-tabs ul > li:hover {
    background: #FFF;
}

#rec1-layout-tabs ul > li.page-tab-new {
    padding: 0 5px;
    cursor: pointer;
}

#rec1-layout-tabs ul > li.page-tab-new > i {
    display: block;
    line-height: 25px;
}

#rec1-layout-tabs ul > li.page-tab-new > i:before {
    font-size: 10px;
    color: #999;
    transition: color .3s ease-out;
}

#rec1-layout-tabs ul > li.page-tab-new:hover > i:before {
    color: #333;
}

/**
 * Text/label for REC1 page tab
 */
#rec1-layout-tabs ul > li > a > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    display: block;
    line-height: 18px;
}

/**
 * Primary icon for REC1 page tab
 */
#rec1-layout-tabs ul > li > a > i {
    font-size: 16px;
    display: block;
    width: 16px;
    margin-right: 8px;
    float: left;
}

#rec1-layout-tabs ul > li.active > a > i:before,
#rec1-layout-tabs ul > li.active > a > i:after {
    color: #0064a0;
}


/**
 * X (close) icon for REC1 page tab
 */
#rec1-layout-tabs ul > li > .page-tab-close {
    position: absolute;
    width: 16px;
    height: 16px;
    text-align: center;
    right: 4px;
    top: 50%;
    margin-top: -8px;
    line-height: 12px;
    border-radius: 50%;
}

#rec1-layout-tabs ul > li > .page-tab-close:before,
#rec1-layout-tabs ul > li > .page-tab-close:after {
    font-size: 8px;
    color: #999;
}

#rec1-layout-tabs ul > li > a {
    color: #787878;
    text-decoration: none;
    padding: 4px;
    display: inline-block;
}

#rec1-layout-tabs ul > li > .page-tab-close:hover {
    background: #FFCDCD;
    background: rgba(253, 13, 13, 0.21);
}

#rec1-layout-tabs ul > li > .page-tab-close:hover:after,
#rec1-layout-tabs ul > li > .page-tab-close:hover:before {
    color: #FFF;
}

#rec1-layout-main {
    padding:14px 20px;
    font-size: 14px;
}

#rec1-layout-main h1 {
    color: #0064a0;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
}

#rec1-layout-footer {
    background: #585858;
    height: 74px;
}

#rec1-layout-footer p {
    text-align: center;
    color: white;
    font-size: 14px;
}

#rec1-layout-footer p.pull-right {
    margin-right: 72px;
}

#rec1-layout-footer p.pull-left {
    padding: 0 0 0 25px;
    height: 74px;
    line-height: 74px;
}

#rec1-layout-footer img {
  margin-top: 14px;
}

.ui-page-header {
    margin: -16px -20px 10px -20px;
    padding-top: 2px;
}

.ui-page-header .breadcrumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
}


/*===================================================================================
  1. Link Styles
  ===================================================================================*/
a {
    color: #222;
    text-decoration: none;
}

/*===================================================================================
  FLOATING CONTROLS
  ===================================================================================*/

#rec1-container.floating-controls #rec1-layout-header-wrap {
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 15;
    width: 100%;
    border-bottom: #9E9E9E 1px solid;
}

body.branding-civicrec .floating-controls #rec1-layout-header-wrap {
    height: 100px;
}
body.branding-civicrec.civicrec-alt-toolbar .floating-controls #rec1-layout-header-wrap {
    height: 80px !important;
}
#rec1-container.floating-controls #rec1-layout-header {
}
#rec1-container.floating-controls #rec1-layout-subheader {
}
#rec1-container.floating-controls #rec1-content-wrap {
    margin-top: 81px;
}

.civicrec-alt-toolbar #rec1-container.floating-controls #rec1-content-wrap {
    margin-top: 84px !important;
}
.civicrec-alt-toolbar #rec1-container.floating-controls #rec1-layout-sidenav-container {
    top: 84px !important;
}

body.branding-civicrec #rec1-content-wrap {
    border-top: none !important;
}

body.branding-civicrec #rec1-layout-subheader i:before {
    color: #fff;
}
body.branding-civicrec #rec1-layout-subheader .ui-dropdown-trigger{
    padding: 7px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
}
body.branding-civicrec #rec1-layout-subheader .ui-dropdown-trigger:hover {
    box-shadow: none !important;
}
body.branding-civicrec #rec1-layout-subheader .ui-dropdown-trigger.ui-state-highlight {
    color: #fff;
    background-color: #53a37a;
    border-radius: 0px;
}
body.branding-civicrec #rec1-layout-subheader .ui-dropdown-trigger.ui-state-highlight i:before {
    color: #fff !important;
}
body.branding-civicrec #rec1-container.floating-controls #rec1-content-wrap {
    margin-top: 120px;
}

body.branding-civicrec #rec1-container.floating-controls #rec1-layout-sidenav-container {
    top: 120px;
}

body.branding-civicrec #rec1-container.floating-controls #rec1-layout-header-wrap {
    border-bottom: none !important;
}

#rec1-container.floating-controls #rec1-layout-sidenav-container {
    position: fixed;
    top: 82px;
}
#rec1-container.floating-controls .ui-page-header {
    position: fixed;
    width: 100%;
    z-index: 32;
    background: #FFF;
}
#rec1-container.floating-controls .ui-page-content {
    padding-top: 32px;
}

#rec1-container.fullscreen #rec1-layout-header-wrap,
#rec1-container.fullscreen #rec1-layout-sidenav-container,
#rec1-container.fullscreen #rec1-layout-footer {
    display: none;
}

#rec1-container.fullscreen #rec1-layout-content-inner {
    margin-left: 0;
    min-height: 100vh !important;
}

body.fullscreen {
    width: 100vw;
    min-height: 100vh;
    overflow-y: scroll;
}

ol.breadcrumb{padding:8px 15px;list-style:none;background-color:#f5f5f5;border-radius:4px;margin:0;}
ol.breadcrumb>li{display:inline-block}
ol.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
ol.breadcrumb>.active{color:#777}
.text-engage {color: #b22f35;}
.text-ready {color: #db8427;}
.text-rec {color: #0e9c51;}
.text-hr {color: #0387b3;}
i.cpicon {
    background-image: url(/public/img/cp.png);
    width: 32px;
    height: 16px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

.modal-body-scrollable{
    max-height: 500px; overflow-y: auto;
}

.facilities-treeview-wrapper .treeview-children-top {
   max-height: 200px;
   overflow-y: auto;
}

.migration-code-container{
    max-height: 250px;
    overflow-y: auto;
}

.rec1-app-current-customer .customer-name {
    max-width: 300px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.branding-civicrec .rec1-app-current-customer {
    background-color: #0c7c41;
}

body.branding-civicrec .rec1-app-current-location {
    background-color: #0c7c41;
}

body.branding-civicrec .rec1-app-global-checkin {
    background-color: #0c7c41;
}

#ae_launcher {
    margin-right: 65px !important;
}

canvas.drawing, canvas.drawingBuffer {
    position: absolute;
    left: 0;
    top: 0;
}