.w25 { width: 25%; }
.w40 { width: 40%; }

.invalid { border-color: #CC0000; background-color: #F5C6C6; }
.clear { border-style: none; border-width: 0px; float: inherit; }

select { max-width:100%; }
.row-table:before, .row-table:after { display:table; content:" "; }
.row-table:after { clear:both; }
:root { --mag-floating-menu-height: 0px; }
.mag-anchor-targeted-section { scroll-margin-top: var(--mag-floating-menu-height); }

.display-inline { display:inline;}
.disabled-email-container { padding-right:10px;margin-right:10px; border-right:1px solid; cursor:pointer;}
.disabled-emails { position: relative; display: inline-block; }
.disabled-emails .glyphicon-envelope { font-size: 1.5rem; }
.disabled-emails .glyphicon-ban { position: absolute; top: 12px; right: -8px; font-size: 0.8em; background: #b02b2b; padding: 2px; z-index: 2; }
/*menu*/
@media (min-width: 765px) { 
    .tabBar { display: flex; width:100%; height: auto !important; padding-bottom: 0; overflow: visible !important; }
    .tabBar:before, .tabBar:after { display: table; content: " "; }
    .tabBar:after { clear: both; }
    .mag-main-nav-navbar > li > a { position: relative; line-height: 1em; white-space: nowrap; }
        .navbar-nav > li > a > img { vertical-align: middle; }
    .tabBar .vertical li { float: none; }
}

/* public content */
.public .content, .contentWidth { text-align: left; }
.page-heading-title { margin:15px auto; margin-bottom:25px; font-size:32px; }

/* used in icons  */
.icon16 { width: 16px; height: 16px; }

/*general tables*/
.table td, .table th { padding: 3px; }

.codeBar { background-color:var(--mag-page-bg-200); padding:4px 0; border: 1px solid var(--mag-element-border-color); vertical-align: middle; }
.codeBarItem { padding: 5px 3px 3px 5px; }
.codeBarItem img { padding-left: 2px; }
.editor-resizable-helper { border: 2px dotted var(--mag-primary-color); }
.editorReadOnly { background-color: #fafafa !important; }

.messageBox h3 { font-size: 1.1em; line-height: normal; padding-left:51px;}
.checkbox.inline { display:inline-block; }
.checkbox-true { background-image: url("../images/checkbox_true.gif"); width: 21px; height: 16px; }
.checkbox-false { background-image: url("../images/checkbox_false.gif"); width: 21px; height: 16px; }
.ui-overlay { display: none; position: absolute; padding: 5px; border-radius: var(--mag-border-radius); min-height: 50px; min-width: 50px; }
.formula { white-space: nowrap;padding:10px; }
.formula, .formula select { font-size: 11px; }
.formula-icon { background-image: url("../images/formula.png"); background-repeat: no-repeat; width: 24px; }
.formula select { max-width: 200px !important; padding: 2px; margin-right: 4px; border-radius:var(--mag-border-radius);border:1px solid var(--mag-element-border-color); }
.adv-formula { padding:3px; border-bottom-left-radius:0; border-bottom-right-radius:0; }
.formula-input-group textarea { font-family: "Courier New",Courier,monospace; font-size:15px; }
.formula-input-group .formula .btn-customlabel-lookup { vertical-align:top;}
.formula-input-group .formula { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-color: var(--mag-element-border-color); }
.formula-input-group textarea { border-top-left-radius: 0; border-top-right-radius: 0; }

.field-validation-error { color: #D74C3B; }
.field-validation-valid { display: none; }
input.input-validation-error, select.input-validation-error, textarea.input-validation-error { border: 1px solid #D74C3B !important; background-color: #ffeeee !important; }
input[type="checkbox"].input-validation-error { outline: 1px solid #D74C3B; }
input.input-validation-error:focus, select.input-validation-error:focus, textarea.input-validation-error:focus { border-color: rgba(255, 0, 0, 0.75) !important; box-shadow: 0 0 8px rgba(190, 0, 0, 0.5); outline: medium none; }
.validation-summary-errors { color:#a94442; }
.validation-summary-valid { display: none; }
::-webkit-input-placeholder, ::-webkit-textarea-placeholder { font-style: italic;color:var(--mag-base-400); }
input:-moz-placeholder, textarea:-moz-placeholder { font-style: italic; color: var(--mag-base-400); }

.relatedListHeader { line-height: 20px; margin-bottom: 2px; }

.lookupFilter { border-left: 1px solid var(--mag-element-border-color); border-right: 1px solid var(--mag-element-border-color); padding: 3px; padding-left: 6px; }
.lookupFilter .lookupfilter-note { background-image: url("../images/info16-2.png"); width: 16px; height: 16px; }

.public .siteBody{padding-left: 15px;padding-right:15px;}

.horizontal-radio-buttons .radio-item { display: inline-block; float: left; padding-right: 10px; }
.user-profile-img { vertical-align: middle; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.5); }

.btn-user-menu .userinfo img { border-radius:50%; }
.btn-user-menu .userinfo, .btn-user-menu .userinfo { opacity: 0.8; }
.btn-user-menu .userinfo:hover, .btn-user-menu .userinfo:focus { opacity: 1; }
.btn-user-menu ul li { border-bottom: 1px solid var(--mag-element-border-color); }
.btn-user-menu .user-menu-img-lg { position:absolute; top:25px; left:24px; width:74px; height:74px; border-radius:var(--mag-border-radius); margin:0;pointer-events: none; }
.btn-user-menu .user-menu-inner { padding: 20px 25px; width:320px; }
.btn-user-menu .user-menu-inner .actionLink { color:var(--mag-primary-color);}
.btn-user-menu .user-menu-name-lg { color: var(--mag-page-text-color); font-size: 1.2em; line-height: 1.2em; }
.btn-user-menu .user-menu-username { color: var(--mag-base-400); margin-bottom: 6px; margin-top: 3px; font-size: 12px; line-height: 1.2em; }
.btn-user-menu .user-menu-links-section a { padding:7px 0; display:block; text-decoration:none; }
.btn-user-menu .user-menu-links-section a:hover { text-decoration:none; }
.btn-user-menu .user-menu-links-section a:first-child { padding-top:0; }
.btn-user-menu .user-menu-links-section i.glyphicon { color:var(--mag-base-400); }
.btn-user-menu .user-menu-name-box { padding-left:88px; }
.btn-user-menu-n img {margin:0 5px;}

.img-rounded { border: 0; border-radius: var(--mag-border-radius); }
.url-for-ico { margin-right: 2px; }
.field-html-content img { max-width: 100%; }

/*siteHeader*/
.siteHeader-items { display: flex; align-items: center; justify-content: space-between;}
.siteHeader-items .btn-mag-lang-picker, .siteHeader-items .userBox, .siteHeader-items .appLink { margin-left: 15px; }
.siteHeaderContainer .siteHeader-items .global-search-icon,
.siteHeaderContainer .siteHeader-items .appLink .glyphicon,
.siteHeaderContainer .siteHeader-items .btn-mag-lang-picker .glyphicon { font-size: 1.5rem; }
.siteHeaderContainer .siteHeader-items .global-search-icon,
.siteHeaderContainer .siteHeader-items .appLink,
.siteHeaderContainer .siteHeader-items .btn-mag-lang-picker > a { opacity: 0.8; }
.siteHeaderContainer .siteHeader-items .global-search-icon:hover, .siteHeaderContainer .siteHeader-items .global-search-icon:focus,
.siteHeaderContainer .siteHeader-items .appLink:hover, .siteHeaderContainer .siteHeader-items .appLink:focus,
.siteHeaderContainer .siteHeader-items .btn-mag-lang-picker > a:hover, .siteHeaderContainer .siteHeader-items .btn-mag-lang-picker > a:focus { opacity: 1; }

.siteHeaderContainer .siteHeader-items .userinfo img { height:1.7rem;}

/*btn language picker*/
.btn-mag-lang-picker .dropdown-toggle { cursor: pointer; color: var(--mag-header-text-color); text-decoration: none; }
.btn-mag-lang-picker .dropdown-toggle:focus { outline:auto;}
.btn-mag-lang-picker .dropdown-toggle, .btn-mag-lang-picker .language-info { text-transform: uppercase; display: flex; align-items: center; }
.btn-mag-lang-picker.open .dropdown-toggle { box-shadow:none;}
.btn-mag-lang-picker .language-icon { margin-right: 12px; }
.btn-mag-lang-picker .language-icon, .btn-mag-lang-picker .selected-language-icon { width: 1.5rem; border-radius: 20px; }
.appLink .glyphicon-show-thumbnails, .btn-mag-lang-picker .selected-language-no-flag { line-height: initial; vertical-align: middle; }
.btn-mag-lang-picker .selected-language-name { margin-left:5px; max-width: 85px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.btn-mag-lang-picker .selected-language-item { background:var(--mag-page-bg-200); }
/*edit a file name when a doc is open*/
.pre-overlay-head .fileNamediv input { background: var(--mag-page-bg-200); }

/* -- Used on the top toolbar */
.navLink { text-decoration: none; vertical-align: baseline; }
.setupLink { padding-right:0px; }
.actionLink { text-decoration: none; font-size: 1em; }
/*follwoing line added for documents, when they are sorted by a col*/
a.actionLink.sort-col { color: var(--mag-primary-color); }
.actionLink:hover { text-decoration: underline; }
.std-theme-siteHeaderContainer .appLink { cursor: pointer; display: flex; align-items: center; color: var(--mag-header-text-color); }
.std-theme-siteHeaderContainer .appLink:hover, .std-theme-siteHeaderContainer .appLink:focus { text-decoration: none; color: var(--mag-header-text-color); }
.appLink .glyphicon-show-thumbnails {margin:0; }
#mag_main_app_grid { padding: 10px; }
#mag_main_app_grid .user-app-list { max-height: 400px; overflow-y: auto; }
#mag_main_app_grid .user-app-list .list-group-item { cursor: pointer; min-height: 42px; display: flex; align-items: center; justify-content: space-between; }
#mag_main_app_grid .user-app-list .list-group-item .app-img { max-width: 42px; vertical-align: middle; }
#mag_main_app_grid .user-app-list .list-group-item .app-name { padding-left: 8px; font-size: 1.2em; font-weight: bold; }

/* LOOKUP */
.lookupBtn.no-border { padding: 0; background-color: transparent; border: none; }
.lookupBtn.no-border:hover { color: var(--mag-primary-color); }

/*share - added while working on setup*/
.mag-sharing-module { padding: 0 10px; }

.tabSearchBox { margin-bottom: 10px; max-width: 400px }
.menuAction:hover, #pageQR, .tileView:hover, .hoverable:hover{ background-color: var(--mag-page-bg-300); transition: background-color 0.4s ease-in-out; }
.hoverable:hover a (:not .dropdown-menu>li>a) { color: var(--mag-primary-color); }

/* VIEW HEADER */
.tabHeader { padding: 0; margin-bottom: 15px; width: 100%; min-height: 10px; position: relative; } /*padding is fixed */
.tabHeader .thContents { float: left; vertical-align: middle; width: 95%; }
.tabHeader .contents .blank { clear: both; font-size: 0; }
.tabHeader .tabHeaderIcon { margin-top: 5px; display: inline; float: left; margin-right: 5px; width: 32px; height: 32px; }  
.tabHeader .mag-icon { float: left; font-size:3rem; }
.tabHeader .title { margin-left: 3.5rem; font-size: 1.2rem; font-weight: bold; text-transform: capitalize; }
.tabHeader .subTitle { margin-left: 3.5rem; font-size: 1.1rem; font-weight: normal; overflow-wrap: break-word; }
.tabHeader img.custom { background-image:none; }
/* used when subtitle is not present */
.tabHeader .mainItem { color: var(--mag-page-text-color); font-size: 1.6em; font-weight: normal; margin-bottom: 0; margin-top: 9px; white-space: nowrap; }
.tabHeader .noIcon { margin-left: 0px; }
.tabHeader .thLinks.thLinks-noReturn { position: absolute; right: 0; top: 0; text-align: right; vertical-align: middle; white-space: nowrap; }
.detail-tabHeader.tabHeader .thLinks { bottom:3px;top:unset;}
.tabHeader .thLinks .helpLink, .tabPanelReturn .thLinks .helpLink, .tabPanelReturn .backLink { color: var(--mag-page-text-color); text-decoration: none; }
.tabHeader .thLinks .helpLink:hover, .tabPanelReturn .thLinks .helpLink:hover, .tabPanelReturn .backLink:hover { color: var(--mag-primary-color); }
.tabHeader .thLinks .helpLink span { padding-right: 5px; }
.tabHeaderDescription { margin: 16px 0; padding: 0; font-size: 109%; text-align: left; padding-left: 5px; }
.personHeader .thContents img { width:60px; height:60px; border-radius:50%; border: 2px solid rgba(255, 255, 255, 0.5); }
.personHeader .thContents .title { margin-top:12px; }
.personHeader .title, .personHeader .subTitle { margin-left:70px; }

/*entity detail page - control if btn labels are long*/
.tabHeader.detail-tabHeader .thLinks .btns-block > .btn,
.tabHeader.detail-tabHeader .thLinks .btns-block > .btn-group .btn,
#mag_detail_panel .blockFooter > .btn,
#mag_detail_panel .blockFooter > .btn-group > .btn{ text-overflow: ellipsis; overflow: hidden; width: 170px; }

/*entity detail page - contorl if title/subtitle are long*/
.tabHeader.detail-tabHeader .thContents { width: 35%; white-space: nowrap; }
.tabHeader.detail-tabHeader .thContents .title, .tabHeader.detail-tabHeader .thContents .subTitle { overflow: hidden; text-overflow: ellipsis; }


/*only and only for Site Plus SideBar*/
.mag-page-plus-sidebar .tabHeader .thLinks { right: 0; top: 0; }

/* VIEW MESSAGES */
.tabMessages { margin-bottom:15px; margin-top:5px; }
.validation-summary-errors { margin-top:5px; margin-bottom:10px; text-align: left; }
.validation-summary-errors { border-radius: var(--mag-border-radius); background-color: var(--mag-page-bg-200); border: 1px solid var(--mag-element-border-color); margin-top: 3px; padding: 6px 3px; }
.validation-summary-errors ul { background-position: left center; background-image: url("../images/msg_error.png?v1"); background-repeat: no-repeat; padding-left:80px; min-height:48px; margin:5px;  }

.tabMessages .Error, .validation-summary-errors { border-color: #ebcccc; background-color:#f2dede;color:#990000;}
.tabMessages .Error .messageText h4 { color:#990000;text-align: left; font-size:1.1em;text-transform:uppercase; }
.tabMessages .Warning { border-color: #faf2cc; }
.tabMessages .Warning .messageText h4 { color: #A65300;text-align: left;font-size:1.1em;text-transform:uppercase; }
.tabMessages .Message { border-color: #bcdff1; background-color:#d9edf7; color:#31708f; }
.tabMessages .Message .messageText h4 { color: #1F3F5F; text-align:left; text-transform:uppercase;font-size:1.1em;}

.messageTable .messageCell { vertical-align:top; }
.messageTable .singleMsg { vertical-align:middle; }
.messageTable .messageCell .headCell { font-weight:bold; }
.Error .messageTable .messageCell .headCell { color:#CC3300; }
.messageTable .messageCell .contentsCell { background-color:transparent; padding:5px; padding-left:20px;}
.messageTable .messageCell .contentsCell ul { margin-top:2px 0 2px 0;padding-left:3px; }
.messageTable .messageCell .contentsCell li { font-size:12px; }
.messageText { font-size:1em; }
.singleMsg .messageText, .singleMsg .messageText span { font-size:1em; padding-left:10px; }
.messageTable .messageText { font-size: 1em; padding-left: 10px; }
.messageTable .message-items { padding-left:15px; padding-top:5px; }
.messageText h4 { margin: 0px; text-transform: capitalize; }


 /* MULTI-PICKLIST */
.picklistArrowLeft, .picklistArrowRight, .rightArrowIcon, .leftArrowIcon, .doubleArrowUp, .upArrowIcon, .downArrowIcon, .doubleArrowDwn { background: url("../images/arrows_sprite.gif") no-repeat scroll 0 0 transparent; height: 20px; margin: 0 2px; width: 24px; }
.picklistArrowRight, .rightArrowIcon { background-position: left top; }
.picklistArrowRight:hover { background-position: left -20px; }
.picklistArrowLeft, .leftArrowIcon { background-position: left -60px; }
.picklistArrowLeft:hover { background-position: left -80px; }
.multiSelectPicklistTable.disabled .picklistArrowRight, .multiSelectPicklistTable.disabled .rightArrowIcon { background-position: left -40px; }
.multiSelectPicklistTable.disabled .picklistArrowLeft, .multiSelectPicklistTable.disabled .leftArrowIcon { background-position: left -100px; }
.multiSelectPicklistTable .multiSelectPicklistCell { vertical-align: middle; }
.multiSelectPicklistRow { vertical-align: top; }
.multiSelectPicklistTable .multiSelectPicklistRow select { width: 100% !important; overflow-y: auto; }
.multiSelectPicklistTable .multiSelectPicklistRow select::-webkit-scrollbar { border-radius:var(--mag-border-radius);}


/* ALPHABETIC FILTER */
.filterBlock { padding-bottom:3px; }
.filterBlock .filterItems { float: none; font-size: 98%; margin-right: 0; padding: 8px 0; text-align: center; white-space: nowrap; }
.filterBlock .filterItem { border-right: 1px solid var(--mag-element-border-color); color: var(--mag-page-text-color); text-decoration: none; }
.filterBlock .filterItem:hover { text-decoration:underline; }
.filterBlock .lastItem { border-right:0; }
.filterBlock .filterItem .itemPad { padding: 0 5px; }
.filterBlock .filterItem .selected { background-color: var(--mag-page-bg-300); color: var(--mag-page-text-color); }

/* LiSTBOX */
.listBox td { text-align: center; vertical-align: top; }
.listBox td.buttonsCell { height: 100%; vertical-align: middle; padding-left: 5px; }
.listBox .text { padding: 0.1em 0; }
.listBox .arrowMoveTop, .listBox .arrowMoveUp, .listBox .arrowMoveDown, .listBox .arrowMoveBottom { background: url("../images/arrows_sprite.gif") no-repeat scroll 0 0 transparent; height: 20px; margin: 0 2px; width: 24px; }
.listBox select { min-width:110px; }
.listBox .arrowMoveTop { background-position: left -240px; }
.listBox .arrowMoveUp { background-position: left -120px; }
.listBox .arrowMoveDown { background-position: left -180px; }
.listBox .arrowMoveBottom { background-position: left -300px; }

 /* Misc. */
.public-company-logo { margin:0 auto; }
.nav-tabs, .nav-pills { position: relative; }
.relatedLists .nav-tabs .active { background-color:transparent; }
.loginBtn, .signupBtn, .public .registerLink { min-width: 150px; width:100%; margin:0; }
#loginPanel .username-input { border-bottom-left-radius:0; border-bottom-right-radius:0;  }
#loginPanel .password-input { border-top-left-radius:0; border-top-right-radius:0; }
.userBox { display: inline-block; }
.public .content { padding: 15px; }
.public .public-panel { padding-top:30px;padding-bottom:30px;} /*changed margin stop padding because of login panel*/

.slider { width: 8px; vertical-align: top; border-radius: var(--mag-border-radius); } 
.slider:hover { background-color:var(--mag-page-bg-200); }
.slider img { background-image:url("../images/sliderBtnLeft.png"); }
.slider img.closed { background-image:url("../images/sliderBtnRight.png"); }

/* bootstrap adjustments */
.form-group label { position:relative; font-weight:500; }
.form-group .form-control { background-color: var(--mag-page-bg-200); min-height: 40px; }
.form-group .form-control.checkbox { width:20px;max-width:100%;min-height:20px;height:20px;}
.form-group .form-control .btn.dropdown-toggle { min-height: 40px; }
.form-group .form-control:not(:focus) { box-shadow:none;}
.form-group .input-group-btn:last-child > .btn { padding: 9px 12px; }
.tooltip-inner { min-width: 50px; max-width: 300px; }
.sectionBody .input-required { border-left:3px solid #D74C3B !important; }
.form-group .control-label { padding-top:7px;padding-right:15px;}
.tabPanel .buttons *, .tabPanel .buttons * { font-size: 14px; }
.tab-panel-body { padding:15px; }
.magentrix-toolbar .btn-group, .magentrix-toolbar .btn, .tabPanel .buttons .btn, .tabPanel .buttons a, .tabPanel .buttons .btn-group, .btns-group .btn, 
.panel .panel-footer .btn, .btn-block .btn, .btns-block .btn, .btns-block .btn-group { margin-right:8px; }
.btns-block .btn:last-child, .btns-block .btn-group:last-child, .btns-block:last-child, 
.magentrix-toolbar .btns-block a:last-of-type, .tabPanel .buttons .dropdown-menu a { margin-right: 0 !important; }
.panel-group .panel-heading { background:transparent;}

/*.sitePage is removed, since for collateral the dropdown menu is added to the end of the body - Also this design is needed for lookup windows as well(lookup does not have sitepage)*/
/*.sitePage */.dropdown-menu, .mag-setup-menu .dropdown-menu { overflow: hidden; }
/*.sitePage */.dropdown-menu > li:first-child, .mag-setup-menu .dropdown-menu > li:first-child { margin-top: 15px; }
/*.sitePage */.dropdown-menu > li:last-child, .mag-setup-menu .dropdown-menu > li:last-child { margin-bottom: 15px; }

/* view section */
.sectionBody .dependent-picklist select { width: 95%; display: inline-block; }
.sectionBody .miniColors { width:89%; display:inline-block; }
.sectionBody .option-lookup select { width:40%; }
.sectionBody .option-lookup input[type='text'] { width:60%; }
.sectionBody .option-lookup .dropdown-menu { left:37%; }
.section .sectionHeader .hideBtn, .section .sectionHeader .showBtn { font-size: 1rem; margin-right: 4px; }
.detailBlock .form-group { border-top: 1px solid var(--mag-element-border-muted-color); }
.detailBlock .row:first-child .form-group:first-child { border-top:0; padding-top:0; }
.detailBlock .data-text, .detailBlock .data-textarea { overflow-wrap:break-word; }

/* new ui */
.list-group.grid h4 { margin: 0 0 8px 0; }
.list-group.grid p.ui-li-desc { margin-bottom:6px;  }
.list-group.grid .inline-actions { margin-top:8px; }
.list-group.grid .inline-actions a { margin-right:8px; }

/* BS list group css over write*/
.list-group-item-border-bottom {margin-bottom:0; border: none; border-bottom: 1px solid var(--mag-element-border-muted-color); }
.list-group-item-border-bottom:last-child { border-bottom: none; }

/**/
.input-group-search { position:relative;width:100%; }
.input-group-search input.form-control { padding-left:2.5em;padding-right:1.5em; }
.input-group-search i.glyphicon-search { position:absolute;top:32%;left:0.5em; }
.input-group-search .input-rest-search { position:absolute;right:0;top:0.7rem; }
.input-group-flush input.form-control { border-top:0; border-left:0; border-right:0; border-radius:0; }

/* to avoid conflict with viewpanel.css */
.no-border { border: 0; }
.active-border, .active-border-alt { border: 1px solid var(--mag-element-border-muted-color); }
.active-border-top { border-width:1px 0 0 0; }
.active-border-bottom { border-bottom:1px solid var(--mag-element-border-color); }
.active-border-right { border-right: 1px solid var(--mag-element-border-color); }
.active-border-left { border-left: 1px solid var(--mag-element-border-color); }
.not-rounded { border-radius:0 !important; }
.not-rounded-top { border-top-left-radius: 0; border-top-right-radius: 0; }
.not-rounded-bottom { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.rounded { border-radius: var(--mag-border-radius); -webkit-border-radius: var(--mag-border-radius); -moz-border-radius: var(--mag-border-radius); }
.rounded-bottom { border-bottom-left-radius: var(--mag-border-radius); border-bottom-right-radius: var(--mag-border-radius);
                   -webkit-border-bottom-left-radius: var(--mag-border-radius); -webkit-border-bottom-right-radius: var(--mag-border-radius); 
                   -moz-border-radius-bottomleft: var(--mag-border-radius); -moz-border-radius-bottomright: var(--mag-border-radius);
}
.rounded-top { border-top-left-radius: var(--mag-border-radius); border-top-right-radius: var(--mag-border-radius); 
               -webkit-border-top-left-radius: var(--mag-border-radius); -webkit-border-top-right-radius: var(--mag-border-radius); 
                   -moz-border-radius-topleft: var(--mag-border-radius); -moz-border-radius-topright: var(--mag-border-radius);
}
.rounded-left { border-top-left-radius: var(--mag-border-radius); border-bottom-left-radius: var(--mag-border-radius); 
                -webkit-border-top-left-radius: var(--mag-border-radius); -webkit-border-bottom-left-radius: var(--mag-border-radius); 
                   -moz-border-radius-topleft: var(--mag-border-radius); -moz-border-radius-bottomleft: var(--mag-border-radius);
}
.rounded-right { border-top-right-radius: var(--mag-border-radius); border-bottom-right-radius: var(--mag-border-radius);
                 -webkit-border-top-right-radius: var(--mag-border-radius); -webkit-border-bottom-right-radius: var(--mag-border-radius); 
                   -moz-border-radius-topright: var(--mag-border-radius); -moz-border-radius-bottomright: var(--mag-border-radius);
}

/*search box with only border-bottom*/
.searchbox-container .flex-item.searchbox { border-bottom: 1px solid var(--mag-element-border-color); }
.searchbox-container .searchbox .search-text, .searchbox-container .searchbox .search-text:focus { border: none; box-shadow: none; }
.searchbox-container .searchbox input.search-text { background-color: transparent; }


/*box-shadow*/
.block-box-shadow { box-shadow: 0 .375rem .75rem var(--mag-box-shadow); }

/*recent activities*/
.recent-activities .mag-icon { margin-right:15px; }

/* field-expiration-date */
.field-expiration-date > tbody > tr > td:first-child { padding-right:15px; }
.field-expiration-date { width:100%; }
.field-expiration-date td { width:50%; }

/*popup module*/
.mag-popup { background: var(--mag-page-bg-100); position: fixed; box-shadow: 0 6px 12px rgb(0 0 0 / 18%); z-index: 9999999; }
.mag-popup .mag-popup-title { font-size:2rem; margin-top:0; }
.mag-popup.size-small .mag-popup-title { font-size:1.5rem; }
.mag-popup.size-medium .mag-popup-title { font-size:1.7rem; }
.mag-popup.size-large .mag-popup-title { font-size:1.8rem; }
.mag-popup.mode-preview { position:absolute;z-index:1; }
.mag-popup-dialog { position:relative; }
.mag-popup-content { overflow-x: hidden; overflow-y: auto; padding:25px 15px; }
.mag-popup-dialog .mag-popup-close { float:none; position:relative;font-family: monospace; }
.mag-popup-close-wrapper { position: absolute; right: -10px; top: -10px; text-align: center; vertical-align: middle; background-color: var(--mag-page-bg-color);
                           border: 2px solid var(--mag-element-border-color); border-radius: 50%; height: 24px; width: 24px; z-index: 999; }
.mag-popup.size-medium { max-width:500px; min-width:320px; }
.mag-popup.size-small { max-width:320px; min-width:320px; }
.mag-popup.size-large { max-width:768px; min-width:320px; }
.mag-popup.size-extralarge { max-width:1170px; min-width:320px; }
.mag-popup.pos-topcenter { top:15px; left:50%;transform: translate(-50%, 0); }
.mag-popup.pos-bottomcenter { bottom:15px; left:50%;transform: translate(-50%, 0); }
.mag-popup.pos-middlecenter { top:50%; left:50%;transform: translate(-50%, -50%); }
.mag-popup.pos-topleft { top:15px; left:15px; }
.mag-popup.pos-topright { top:15px; right:15px; }
.mag-popup.pos-bottomleft { bottom:15px; left:15px; }
.mag-popup.pos-bottomright { bottom:15px; right:15px; }
.mag-popup.pos-middleleft { top:50%; left:15px;transform: translate(0, -50%); }
.mag-popup.pos-middleright { top:50%; right:15px;transform: translate(0, -50%); }
.mag-popup .mag-popup-img { object-fit:cover;width:100%;max-height:250px}
.mag-popup .img-container {background-size: cover; background-position: center center;}
.msie .mag-popup .mag-popup-img {opacity:0; }
.mag-popup.size-large .mag-popup-img { max-height:320px; }
.mag-popup.size-extralarge .mag-popup-img { max-height:360px; }

.mag-popup.size-fullwidth { width:100%; max-width:100%; min-height:150px; }
.mag-popup.size-fullwidth .mag-popup-title { font-size:1.7rem;}
.mag-popup.size-fullwidth .mag-popup-close-wrapper { right:5px;top:5px;border:none; }
.mag-popup.size-fullwidth.pos-topcenter { top:0; }
.mag-popup.size-fullwidth.pos-bottomcenter { bottom:0; }
.mag-popup .mag-popup-desc { margin-bottom:20px;}
.mag-popup .mag-popup-desc ul, .mag-popup .mag-popup-desc ol { text-align:left;}
    
/* Full Calendar 4 main.css over write */
.fc-view-container .fc-event { border: 1px solid var(--mag-primary-color); }
.fc-view-container .fc-event,
.fc-view-container .fc-event-dot { background-color: var(--mag-primary-color); }
.fc-view-container .fc-view .fc-body .fc-content-skeleton .fc-event { color: var(--mag-primary-text-color); }
.fc-unthemed .fc-view-container th,
.fc-unthemed .fc-view-container td,
.fc-unthemed .fc-view-container thead,
.fc-unthemed .fc-view-container tbody,
.fc-unthemed .fc-view-container .fc-divider,
.fc-unthemed .fc-view-container .fc-row,
.fc-unthemed .fc-view-container .fc-content,
.fc-unthemed .fc-view-container .fc-popover,
.fc-unthemed .fc-view-container .fc-list-view,
.fc-unthemed .fc-view-container .fc-list-heading td { border-color: var(--mag-element-border-color); }
.fc-unthemed .fc-view-container td.fc-today { background: var(--mag-base-500); }

/* CKEditor 4 css over write to have same background as site body*/
.cke_wysiwyg_div, .cke_inner { background-color: var(--mag-page-bg-color); }

@media(min-width:992px) { .mag-popup.size-extralarge { min-width:992px; }
    .mag-popup.size-large { min-width:768px;}
}

@media(max-width:991px) {
    /*page-layout when all fields are in one column*/
    .detailBlock .row:first-child .col-md-6:nth-child(2) .form-group:first-child { border-top: 1px solid var(--mag-element-border-muted-color); padding-top: 10px; }
}

@media(max-width:990px) {
    .tabHeader .thLinks, .tabPanelReturn .thLinks { display: none; }
    .detail-tabHeader.tabHeader .thLinks { display:inline-block;}
    /*entity detail page - control if btn labels are long*/
    .entity-detail-page .tabHeader.detail-tabHeader .thLinks .btns-block,
    .entity-detail-page #mag_detail_panel .blockFooter.btns-block { display: flex; justify-content: space-between; }
    .tabHeader.detail-tabHeader .thLinks .btns-block > * { margin-top: 15px; }
    .tabHeader.detail-tabHeader .thLinks { position: relative; bottom: unset; white-space: unset; width:100%; }
    .tabHeader.detail-tabHeader .thLinks .btns-block > .btn-group > .btn, #mag_detail_panel .blockFooter > .btn-group > .btn,
    .tabHeader.detail-tabHeader .thLinks .btns-block > *, #mag_detail_panel .blockFooter > * { max-width: 100% !important; width: 100% !important; }
    
    /*entity detail page - contorl if title/subtitle are long*/
    .tabHeader.detail-tabHeader .thContents { width: 100%; }

}

@media (max-width: 990px) {
    .form-horizontal .control-label { margin-bottom:5px; }
    .form-group .control-label { text-transform:uppercase; }
    .sectionBody .option-lookup select { width:27% !important; }
    .sectionBody .option-lookup input[type='text'] { width:73% !important; }
    .sectionBody .option-lookup .dropdown-menu { left:26%; }
    .sectionBody .dependent-picklist select { width:96% !important; }
    .pager-pageSize { display:none; }
}

@media(max-width:767px) {
    .btn-mag-lang-picker .selected-language-name { display:none;}
    .btn-mag-lang-picker .selected-language-no-flag, .btn-mag-lang-picker .selected-language-icon { margin-right: 0; }
    /*keep relatedlists button on the right side*/
    .tabPanel.genericBlock .flexbox-container > .right { margin-left:auto;}
    .index-home-page-box-body .filterBlock { display: none; }
}

@media(max-width:570px) {
    /*entity detail page - control if btn labels are long*/
    .entity-detail-page .tabHeader.detail-tabHeader .thLinks .btns-block,
    .entity-detail-page #mag_detail_panel .blockFooter.btns-block { display: block; }
    #mag_detail_panel .blockFooter > * { margin-top: 15px; }
    #mag_detail_panel .blockFooter > *:first-child { margin-top:0;}
}

@media (max-width:400px) {
    .filterBlock { display:none;}
    .m_app_overlay { width:380px; }
    .gridPager { text-align:right; }
    .magentrix-toolbar .actions *, .magentrix-toolbar .bootstrap-select button, .magentrix-toolbar .listViewBtn, .magentrix-toolbar .btn { font-size:11px; }  
    .magentrix-toolbar .select-rec-view-options { width: 170px; }
    .toolbar-back-btn .glyphicon-chevron-left { top: 2px; }
    .tabPanel .buttons .btn { margin-bottom:5px; }
    .std-theme #loginPanel .panel-default { border: none; padding:15px 0;}
}

.siteFooter { padding: 40px 0; }
.site-footer { text-align:center; }
.siteFooter .siteFooter-flexBox { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 1.25rem; }
.custom-footer-flexbox-container { display: flex; flex-wrap: nowrap; gap: 3.5rem; }
.custom-footer-flexbox-container:not(:empty) { margin-bottom:85px; }