/*** common shared stuff */
body { --mag-navbar-height: 50px; }
html, body { height: 100%; font-size: 14px; }
img { border: 0 none; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center; }
.italic { font-style: italic; }
.b0 { border: 0; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 1rem; }
.mb-2 { margin-bottom: 2.5rem; }
.mb-3 { margin-bottom: 3.7rem; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 1.5rem; }
.mt-2 { margin-top: 2.5rem; }
.mt-3 { margin-top: 3.7rem; }
html body .no-padding { padding: 0; }
.hidden, .magentrix-link { display: none; }
.hidden-inline-xs, .hidden-inline-sm { display: inline-block !important; }
.relative { position: relative; }
.pos-top-right { position: absolute; top: 1rem; right: 1rem; }
.nopadding { padding: 0; }
.std-padding, .p1 { padding: 15px; }
.p2 { padding: 30px; }
.block { display: block; }
.inline-block { display: inline-block; }
.nomargin, .m-0 { margin: 0 !important; }
.std-v-padding { padding-top: 15px; padding-bottom: 15px; }
.std-h-padding { padding-left: 15px; padding-right: 15px; }
.std-margin-bottom { margin-bottom: 15px !important; }
.centered { margin: 0 auto; }
.siteBody { min-height: 450px; position: relative; }
.content-width { max-width: var(--mag-page-width); margin: 0 auto; }
.overflow-hidden { overflow: hidden; overflow: hidden !important; }
.alt-bg-color { background-color: var(--mag-page-bg-200) !important; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--mag-heading-font); }
:not(.emoji-menu .popover-content)::-webkit-scrollbar { width: 12px; background: var(--mag-page-bg-200); }
:not(.emoji-menu .popover-content)::-webkit-scrollbar-thumb { background: var(--mag-base-400); -webkit-border-radius: 1ex; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75); }
:not(.emoji-menu .popover-content)::-webkit-scrollbar-corner { background: var(--mag-page-bg-200); }

a:focus { outline-style: none; }

/*btn - to have margin-right inorder to have space if another btn is added*/
.btn { margin-right: 5px; }

.clearfix:after { content: ""; display: block; clear: both; }
.lighter, .lighter a, .lighter a:visited { color: var(--mag-base-400); }
.readonly-checkbox label { padding-left: 0; }
.max200 { max-width: 200px; margin-left: auto; margin-right: auto; }
.max300 { max-width: 300px; margin-left: auto; margin-right: auto; }
.max400 { max-width: 400px; margin-left: auto; margin-right: auto; }
.max500 { max-width: 500px; margin-left: auto; margin-right: auto; }
.max600 { max-width: 600px; margin-left: auto; margin-right: auto; }
.max700 { max-width: 700px; margin-left: auto; margin-right: auto; }
.max800 { max-width: 800px; margin-left: auto; margin-right: auto; }
.max900 { max-width: 900px; margin-left: auto; margin-right: auto; }
.mag-container { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
.horizontalLine { border-top: 1px solid var(--mag-element-border-muted-color); height: 0; padding: 0; margin-top: 15px; margin-bottom: 15px; }

.text-muted2 { color: var(--mag-base-400); }
.text-responsive { overflow: hidden; max-width: 100%; display: block; text-overflow: ellipsis; white-space: nowrap; }
.txt-responsive { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.rotate-180 { -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.error { color: red; }
a.bg-primary:hover, a.bg-primary:focus { color: var(--mag-primary-text-color) }
.bg-gradient-primary { background-image: linear-gradient(310deg,var(--mag-secondary-color),var(--mag-primary-color)); }
.divider-border-bottom { border-bottom: 1px solid var(--mag-element-border-color); }
.divider-border-top { border-top: 1px solid var(--mag-element-border-color); }

.picklist-val-color { padding: 2px 4px; color: white; border-radius: var(--mag-border-radius); }
.userinfo { display: inline-block; }
.mag-confirm-dialog img { max-width: 48px; max-height: 48px; vertical-align: middle; }
.mag-confirm-dialog .mag-confirm-q { display: block; min-height: 35px; padding: 20px; text-align: center; }

.doc64 { text-align: center; width: 86px; float: left; padding: 3px; cursor: pointer; min-height: 102px; }
    .doc64 .mag-file-v2 { display: none; }
.docIcon { background-image: url('../docTypes/document_sprite.png?v=5'); background-repeat: no-repeat; width: 40px; height: 38px; }
.doc-home-ico { background-position: left -120px; }
.doc-more-ico { background-position: left -160px; }
.doc64 img, .mag-docImg { background-image: url('../docTypes/document_sprite.png?v=5'); background-repeat: no-repeat; width: 40px; height: 40px; background-position: left -200px; margin-left: 4px; }
.folder64 img { width: 40px; height: 40px; background-position: left top; }
.doc64 .file-name { display: inline-block; overflow: hidden; width: 84px; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; white-space: nowrap; }
.txtFileType img { background-position: left -240px; }
.URLFileType img, .urlFileType img, .marketinglinkFileType img, .MarketingLinkFileType img { background-position: left -280px; }
.xslFileType img, .xlsFileType img, .xlsxFileType img, .xlsmFileType img { background-position: left -320px; }
.docFileType img, .docxFileType img { background-position: left -360px; }
.pptFileType img, .pptxFileType img { background-position: left -400px; }
.vsdFileType img { background-position: left -440px; }
.pdfFileType img { background-position: left -480px; }
.htmFileType img, .htmlFileType img { background-position: left -520px; }
.zipFileType img, .rarFileType img { background-position: left -560px; }
.dllFileType img { background-position: left -600px; }
.exeFileType img { background-position: left -640px; }
.pngFileType img, .bmpFileType img { background-image: none; }
.gifFileType img, .jpgFileType img, .jpegFileType img, .tiffFileType img, .aiFileType img, .psdFileType img { background-position: left -680px; }
.mp3FileType img, .wmvFileType img, .wmaFileType img { background-position: left -720px; }
.VideoFileType img, .videoFileType img, .movFileType img, .aviFileType img, .mp4FileType img { background-position: left -760px; }
.folder-Limited-Access img { background-position: left -40px; }
.folder-Public img { background-position: left -80px; }
.noteFileType img { background-position: left -880px; }
.xmlFileType img { background-position: left -920px; }
.csFileType img, .javaFileType img, .phpFileType img, .vbFileType img, .cppFileType img, .jsFileType img { background-position: left -960px; }
.magdocFileType img { background-position: left -1000px; }
.snippetFileType img, .SnippetFileType img { background-position: left -1120px; }
.marketinglinkFileType img, .MarketingLinkFileType img { background-position: left -1160px; }
.emailtemplateFileType img, .EmailTemplateFileType img { background-position: left -1200px; }
.doc64 .inline-actions { display: none; position: absolute; bottom: -2px; right: 10px; }
    .doc64 .inline-actions .actionLink, .gallery-item .inline-actions .disbled-actionLink { margin-right: 10px; font-size: 0.9em; }
    .doc64 .inline-actions .disbled-actionLink { color: #888; }
.list-mode .doc64 .file-name { position: relative; width: auto; max-width: 90%; padding: 0 10px; cursor: pointer; font-size: 1.2em; }
.list-mode .doc64 { width: auto; float: none; min-height: 40px; text-align: left; padding: 1.2em 0.5em; position: relative; cursor: auto; border-bottom: 1px solid var(--mag-element-border-muted-color); }
    .list-mode .doc64.no-border-bottom { border-bottom: none; }
    .list-mode .doc64 img { cursor: pointer; position: absolute; left: 4px; top: 20px; border-radius: 4px; }
    .list-mode .doc64 .size, .list-mode .doc64 .time, .list-mode .doc64 .owner { padding: 0 10px; display: inline-block; }
    .list-mode .doc64 .owner { font-size: smaller; }
    .list-mode .doc64 .time { position: absolute; right: 10px; top: -1px; }
.doc-list-component.list-mode .doc64 .time { position: relative; right: unset; top: unset; }
.list-mode .metadata { display: block; position: relative; margin-left: 40px; }
.list-mode .metdata .additional-data { display: block; }
.attch-grid-compact .list-mode .doc64 { border: 0; }
.gridPager { padding-top: 10px; }
.doc64.flex-item { flex: 50%; width: 1px; }

.page-breadcrumb { padding-top: 6px; padding-bottom: 6px; }
    .page-breadcrumb .col-md-9 { padding-left: 0; }
    .page-breadcrumb .col-md-3 { padding-right: 0; }
    .page-breadcrumb h3 { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 82%; vertical-align: middle; }
.breadcrumb-seperator { margin: 0 6px; font-size: 1.2em; vertical-align: middle; }

.tabStyleField { line-height: 24px; color: #ffffff; padding: 4px 8px; border-radius: 3px; white-space: nowrap; }
.external-link { margin-left: 5px; }

ul.list-table, ul.data-list { list-style-type: none; margin: auto; padding: 0; }
    ul.data-list li.data-list-item { position: relative; min-height: 126px; margin-bottom: 15px; }
        ul.data-list li.data-list-item .data-list-metadata { display: inline-block; padding-left: 152px; }
        ul.data-list li.data-list-item .data-list-thumbnail-link { position: absolute; left: 3px; top: 0px; }
    ul.list-table:after { content: ""; display: block; clear: both; visibility: hidden; }
    ul.list-table li.list-item { float: left; position: relative; }

/* Richtext field display */
.field-html-content img { max-width: 100%; }
.field-html-content h1 { font-size: 26px; }
.field-html-content h2 { font-size: 24px; }
.field-html-content h3 { font-size: 20px; }
.field-html-content h4, .field-html-content h5, .field-html-content h6 { font-size: 18px; }

/* CKEditor 5*/
.mag-richtext.document-editor { background-color: var(--mag-page-bg-200); }
    .mag-richtext.document-editor .ck.ck-editor__main { padding-top: 30px; max-width: 800px; margin: 0 auto !important; }
    .mag-richtext.document-editor .ck.ck-editor__editable { border-radius: var(--ck-border-radius); box-shadow: 0 0 5px var(--mag-element-border-color); padding: 30px; }
        .mag-richtext.document-editor .ck.ck-editor__editable > :first-child { margin-top: 0; }
.field-html-content.ck-content .custom-layout .grid-row { display: flex; gap: 2rem; flex-direction: row; }
    .field-html-content.ck-content .custom-layout .grid-row > * { flex: 1; }
.field-html-content.ck-content { overflow-x: auto; }
    .field-html-content.ck-content pre { position: relative; padding: 1rem 3rem 1rem .3rem; }
        .field-html-content.ck-content pre[data-language]:after { background: #757575; color: #fff; content: attr(data-language); font-family: Helvetica,Arial,Tahoma,Verdana,Sans-Serif; font-size: 10px; line-height: 16px; padding: 1.8px 4.8px; position: absolute; left: 10px; top: -1px; white-space: nowrap; }
    .field-html-content.ck-content .code-toolbar { position: absolute; top: 5px; right: 0px; }
        .field-html-content.ck-content .code-toolbar button { opacity: .5; background-color: transparent; }
            .field-html-content.ck-content .code-toolbar button:hover { opacity: 1; }
    .field-html-content.ck-content .copied-message { display: none; position: absolute; right: 5px; top: 30px; }
    .field-html-content.ck-content .hljs { background-color: transparent; }
    .field-html-content.ck-content img { display: inline-flex; max-width: 100%; height: auto; }
    .field-html-content.ck-content .image { clear: both; display: table; min-width: 50px; text-align: center; }
    .field-html-content.ck-content .image-style-align-left, .field-html-content.ck-content .image-style-align-right { clear: none; }
    .field-html-content.ck-content .image-style-side { float: right; max-width: 50%; }
    .field-html-content.ck-content .image-style-align-left { float: left; margin-right: 15px; }
    .field-html-content.ck-content .image-style-align-center { margin-left: auto; margin-right: auto; }
    .field-html-content.ck-content .image-style-align-right { float: right; margin-left: 15px }
    .field-html-content.ck-content .image-style-block-align-right { margin-right: 0; margin-left: auto; }
    .field-html-content.ck-content .image-style-block-align-left { margin-left: 0; margin-right: auto; }
    .field-html-content.ck-content p + .image-style-align-left,
    .field-html-content.ck-content p + .image-style-align-right,
    .field-html-content.ck-content p + .image-style-side { margin-top: 0; }
    .field-html-content.ck-content img.img-inline { display: inline-block; }
    .field-html-content.ck-content figure.table { margin-bottom: 0px; }
        .field-html-content.ck-content figure.table figure.table { background-color: initial; }
    .field-html-content.ck-content .table table { width: 100%; max-width: 100%; }
        .field-html-content.ck-content .table table > thead > tr > th { background: var(--mag-page-bg-200); }
        .field-html-content.ck-content .table table > thead > tr > th,
        .field-html-content.ck-content .table table > tbody > tr > th,
        .field-html-content.ck-content .table table > tfoot > tr > th,
        .field-html-content.ck-content .table table > thead > tr > td,
        .field-html-content.ck-content .table table > tbody > tr > td,
        .field-html-content.ck-content .table table > tfoot > tr > td { padding: 12px; }
    .field-html-content.ck-content table.table { border-top: 1px solid var(--mag-element-border-color); }

.dropdown-menu .glyphicon, .nav-pills .glyphicon { width: 1.5rem; }
.glyphicon { font-size: 1.1em; margin-left: 3px; margin-right: 3px; }
.glyphicon-solid { font-size: 1.1em; margin-left: 3px; margin-right: 3px; }
.qq-uploader-selector .qq-upload-button-selector .glyphicon-cloud-upload { margin-right: 5px; }
.btn .social-icon { margin-right: 5px; }
.dependent-picklist { white-space: nowrap; position: relative; }
.row .dataCol .dependent-picklist select { width: 99% !important; }
.hint-dependent-picklist { background-image: url('../images/info16-2.png'); width: 16px; height: 16px; vertical-align: middle; position: absolute; top: 8px; right: -5px; }
.input-group .btn { margin-left: 0; }
.like-box-state i { font-size: 0.9em; }
.mini-btn { padding: 1px 8px; }
.siteFooter .copyright { margin-top: 10px; }
.siteFooter .poweredby { margin-top: 6px; }
.tab-pane-body { padding: 15px; }
.nav-tabs-panel { padding-top: 15px; }

.terms-panel { height: 60px; overflow-y: auto; overflow-x: hidden; background-color: rgba(0,0,0,0.1); padding: 8px; border-radius: var(--mag-border-radius); font-size: smaller; }
.terms-panel-expanded { height: 300px; }
.input-rest-btn { position: absolute; top: 30%; left: -25px; font-size: 12px; z-index: 3; }
.magentrix-toolbar { padding-top: 8px; padding-bottom: 8px; margin-bottom: 15px; background-color: var(--mag-page-bg-color); border: 1px solid var(--mag-element-border-muted-color); }
    .magentrix-toolbar h5, .toolbar-back-btn { margin: 0; padding: 10px; padding-left: 0; font-size: 1.2em; line-height: 1; display: inline-block; }
    .magentrix-toolbar h5 { padding-bottom: 0; }
    .magentrix-toolbar .toolbar-back-btn { padding: 0; line-height: 32px; }
.toolbar-back-btn .glyphicon-chevron-left { top: 2px; }
.magentrix-toolbar .separator { line-height: 24px; height: 30px; display: inline-block; font-size: 14px; vertical-align: middle; border-left: 1px solid #ccc; margin-left: 13px; margin-right: 10px; }
.mag-banner-box p { margin: auto; }
.right-md-center-xs { text-align: right !important; }

.no-records-to-display { text-align: center; }

/*mag-cards*/
.mag-card-grid { display: flex; flex-wrap: wrap; align-items: flex-start; margin-left: -.75rem; margin-right: -.75rem; }
.mag-card { width: 100%; padding: .75rem; }
.mag-card-body { padding: .75rem; }
.mag-card .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 1rem; line-height: 1.2rem; height: 3.6rem; }
.mag-card .clamp-area-3 { height: 8em; overflow: hidden; }
.pre-overlay, .mag-pre-overlay-2345 { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--mag-page-bg-color); z-index: 1030; }

/* social links based on preferences  */
.social-media-links { padding: 0; }
.social-media-links li.social-media-links-list-item { display: inline-block; font-size: 2rem; margin-right: 0.6rem; text-align: center; width: 4rem; height: 4rem; line-height: 4rem; margin-bottom:1rem; }
.social-media-links li.social-media-links-list-item a { border: 1px solid transparent; background: var(--mag-page-bg-300); border-radius: 50%; color: var(--mag-primary-color); display: block; }
.social-media-links li.social-media-links-list-item a:hover { border-color: var(--mag-page-bg-300); color: var(--mag-primary-hover-color); }


/* table */
.table > thead > tr > th { background: var(--mag-page-bg-200); }
    .table > thead > tr > th.nobgcolor { background: none; }
.table-border-outer { border: 1px solid var(--mag-element-border-muted-color); border-top-color: var(--mag-element-border-color); margin: 0; width: 100%; }
    .table-border-outer .actionCol { min-width: 70px; max-width: 135px; }
    .table-border-outer .grid-single-action { display: block !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .table-border-outer .radio, .table-border-outer .checkbox { margin: 0; }
.table td.numCol, .table th.numCol { text-align: right; }
.btn-table { padding: 2px 4px !important; line-height: 15px; }
.table-border-outer .ingrid-doc { padding: 0; border: 0; white-space: nowrap; }
    .table-border-outer .ingrid-doc img { position: relative; top: -2px; left: -2px; }
    .table-border-outer .ingrid-doc .file-name { font-size: 1em; margin: 0; margin-bottom: 4px; }
.table-border-outer th, .table-border-outer th:not(.selected) a { color: var(--mag-page-text-color); }
.table-border-outer .table > tbody > tr > td { vertical-align: middle; }
.table td .requiredBlock { height: 100%; position: relative; text-align: left; }
    .table td .requiredBlock .required { display: none; }
.table th { white-space: nowrap; }
.table-col-bounded { max-width: 300px; min-width: 100px; word-break: break-word; white-space: break-spaces; }

.pagination-control .pagination { margin: 0; }
.pagination-control .pag-numbers { font-size: 1.2em; }
.pagination-control .pagination-side-cols, .pagination-control .pagination-arrows, .pagination-arrows nav { flex: 1; display: flex; justify-content: center; }
.pagination-control .pagination-side-col .pag-numbers { margin-right: auto; }
.pagination-control .pagination-side-col .pag-pageSize { margin-left: auto; }

/* code sample box */
.code-sample-container { position: relative; display: flex; margin-bottom: 1em; }
.code-sample-container.lined pre { border-top-left-radius:0; border-bottom-left-radius:0; border-left-color:transparent; }
.code-sample-container .code-copy-box { position: absolute; top: 0.5rem; right: 0.5rem; }
.code-sample-container .line-numbers { white-space: nowrap; user-select: none; text-align: right; padding: 0.5rem; color: var(--mag-base-400); background-color: var(--mag-page-bg-200); border: 1px solid var(--mag-element-border-color); }
.code-sample-container .line-numbers > div { line-height: 1.42857143; font-size: 1rem; }
.code-sample-container pre { margin: 0; padding: 0.5rem; overflow: auto; flex: auto; font-size:1rem; border-color:var(--mag-element-border-color); }

/* modal */
.modal-dialog.modal-full { width: 98%; height: 95%; margin: 15px auto; padding: 0; }
.modal .modal-dialog .modal-content .modal-header-no-title { border-bottom: 0; padding-bottom: 0; }

/* modal - bootstrap override*/
@media (min-width: 768px) {
    .modal-sm { width: 400px; }
}

.navbar-show-logo { min-height: var(--mag-navbar-height); }

/* flexbox styles used in playbook and groups*/
.flexbox-container { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 0; align-items: center; }
.flexbox-align-stretch { align-items: normal; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.flex-direction-column { flex-direction: column; }
.flexbox-item .asset-div-img { overflow: hidden; }
.flexbox-container.align-start { align-items: start; }
.flexbox-container.align-stretch { align-items: stretch; }
.flexbox-container.no-wrap { flex-wrap: nowrap; }
.flexbox-container.align-end { align-items: flex-end; }

/* moved to core css since this is shared in many places*/
.box-bg-box { background-color: var(--mag-page-bg-200); }

/*select background color should be set, if not it will use user agent*/
select { background: var(--mag-page-bg-200); background-color: var(--mag-page-bg-200); }

.amChartsLegend { border: 1px solid var(--mag-element-border-color); border-radius: var(--mag-border-radius); }
    .amChartsLegend text { fill: var(--mag-page-text-color); }

/* site footer tabs separator*/
.sitefooter-link-item + .sitefooter-link-item:before { padding: 0 7px; color: var(--mag-base-400); content: "\2022"; text-decoration: none; text-decoration: none !important; display: inline-block; }

/*Admin quick links - floating button*/
.admin-floating-button { z-index: 1010; transition: all 0.4s ease 0s; cursor: pointer; position: fixed; top: 19%; right: 1px; padding: 5px; border-width: 1px; }
    .admin-floating-button:hover { text-decoration: none; }
.icon-spin { -webkit-animation: cog 5s infinite; -moz-animation: cog 5s infinite; -ms-animation: cog 5s infinite; animation: cog 5s infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; animation-timing-function: linear }

@-webkit-keyframes cog {
    100% { -webkit-transform: rotate(360deg) }
}

@-moz-keyframes cog {
    100% { -webkit-transform: rotate(360deg) }
}

@-ms-keyframes cog {
    100% { -webkit-transform: rotate(360deg) }
}

@keyframes cog {
    100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg) }
}

.admin-floating-button-menu-links { width: 0; height: 0; overflow: hidden; opacity: 0; }
    .admin-floating-button-menu-links a { position: relative; text-decoration: none; line-height: 50px; display: block; display: block; border-bottom: 1px solid var(--mag-element-border-color); width: 100%; height: 50px; padding: 0 20px; }
        .admin-floating-button-menu-links a .mag-icon { font-size: 1.5em; width: 1.5rem; }
        .admin-floating-button-menu-links a:hover { background: rgba(0,0,0,.1) }
    .admin-floating-button-menu-links .admin-menu-links a:last-child { border-bottom: none; }
.admin-quick-links-access.admin-menu-on { width: 200px; opacity: 1; position: fixed; right: 0; top: calc(19% + 32px); z-index: 1020; }

    .admin-quick-links-access.admin-menu-on .admin-floating-button-menu-links { width: 100%; height: 100%; opacity: 1; background: var(--mag-page-bg-100); border: 1px solid var(--mag-element-border-color); }


@media(min-width:992px) {
    .modal-dialog.modal-xl { width: 900px; height: 95%; padding: 0; }
}

@media(min-width:1200px) {
    .modal-dialog.modal-xl { width: 1170px; height: 95%; padding: 0; }
}

.modal-dialog.modal-full .modal-content { height: auto; min-height: 100%; border-radius: 0; display: flex; flex-direction: column; }
    .modal-dialog.modal-full .modal-content .modal-body { flex: 1 1 auto; }

@media(max-width:992px) {
    .hidden-inline-sm { display: none !important; }
}

@media(max-width: 840px) {
    .hidden-inline-xs { display: none !important; }
    .right-md-center-xs { text-align: center !important; }
    .margin-v-sm { margin-top: 10px; margin-bottom: 10px; }
    .list-mode .doc64 .owner { display: none; }
    .list-mode .doc64 .time { position: relative; }
    .magentrix-toolbar { height: auto; }
    .doc64 .mag-file-v2 { display: block; position: absolute; right: 0px; top: 2px; }
    .list-mode .doc64 .mag-file-v { display: none; }
}

@media(max-width:460px) {
    .margin-v-xs { margin-top: 10px; margin-bottom: 10px; }
    .hidden-xxs { display: none; }
    .btn-xxs-block { display: block; width: 100%; }
    h1.heading-responsive, .h1.heading-responsive { font-size: 30px; }
    h2.heading-responsive, .h2.heading-responsive { font-size: 24px; }
    h3.heading-responsive, .h3.heading-responsive { font-size: 20px; }
    h4.heading-responsive, .h4.heading-responsive { font-size: 16px; }
}

@media (min-width:768px) {
    .mag-card { width: 33.33%; }
    /* right align BS3 navbar */
    .mag-site-main-menu .navbar-nav.navbar-nav-right { float: right; margin-left: auto !important; }
    .mag-site-main-menu .navbar-collapse { display: flex !important; padding-right: 0; padding-left: 0; }
    .mag-site-main-menu .navbar-nav { display: flex; flex-wrap: nowrap; list-style: none; flex-direction: row; }
        .mag-site-main-menu .navbar-nav.navbar-stacked { flex-direction: column; }
    .text-sm-end { text-align: right; }
    .navbar-show-logo { padding-left: 230px; display: flex; align-items: center; height: var(--mag-navbar-height); }
    .mag-site-main-menu.navbar-menu .navbar-nav > li > a { height: var(--mag-navbar-height); display: flex; align-items: center; }
}

@media (min-width:992px) {
    .list-mode .doc64.first-col-no-border-bottom { border-bottom: none; }
}

@media (min-width:1320px) {
    .mag-card { width: 25%; }
}

/* Tab with underline */
.mag-tab-underline .nav-tabs { border-bottom: 2px solid var(--mag-element-border-color); }
    .mag-tab-underline .nav-tabs > li.active { font-weight: 600; margin-bottom: -2px; border-bottom: 2px solid var(--mag-primary-color); }
    .mag-tab-underline .nav-tabs > li > a { border: none; font-size: 14px; }
    .mag-tab-underline .nav-tabs > li.active > a, .mag-tab-underline .nav-tabs > li.active > a:hover { border-width: 0; }
    .mag-tab-underline .nav-tabs > li.active > a, .mag-tab-underline .nav-tabs > li > a:hover { border: none; background: transparent; }
    .mag-tab-underline .nav-tabs > li > a::after { content: ""; background: var(--mag-primary-color); height: 2px; position: absolute; width: 100%; left: 0px; bottom: -2px; transition: all 250ms ease 0s; transform: scale(0); }
    .mag-tab-underline .nav-tabs > li.active > a::after, .mag-tab-underline .nav-tabs > li:hover > a::after { transform: scale(1); }
.mag-tab-underline .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.mag-tab-underline .tab-content { border: 0; padding: 0; }
.mag-tab-underline .tab-pane { padding: 15px 0; }

.countrystate-dropdown-menu { max-height: 200px; overflow-y: auto !important; }
.mag-countrystate-dropdown span.countrystate-caret { position: absolute; top: 0.8rem; right: -4px; height: 20px; width: 20px; font-size: 26px; cursor: default; }
.mag-countrystate-control { padding-right: 25px; }

/* BS - release patch */
.media .media-body { width: 100%; overflow: inherit; }
.mag-navbarmenu { position: relative; background: var(--mag-nav-bg-color); }
    .mag-navbarmenu .navbar-menu .overflow-navbar .dropdown-menu { background: var(--mag-nav-bg-color); }
.navbar-nav .mag-icon { font-size: 2rem; margin-right: 5px; }
.badge-primary { background-color: var(--mag-primary-color); color: var(--mag-primary-text-color); }
.badge-success { background-color: #5cb85c; }
.badge-info { background-color: #5bc0de; }
.badge-warning { background-color: #f0ad4e; }
.badge-danger { background-color: #d9534f; }
.btn-group .btn, .input-group .btn { margin-right: 0 !important; }
.input-group .btn { box-shadow: none; }
.btn-sm, a.btn-sm, a.btn-sm:visited { padding: 3px 8px; }
.form-control-static > p.form-control-static { padding: 0; margin-bottom: 0; min-height: initial; }
.btn-small { padding: 2px; line-height: 15px; }
.btn-lg, .btn-group-lg > .btn { font-size: 16px; padding: 12px 18px; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 12px; }
.badge.badge-light, .alert.alert-light { background-color: var(--mag-page-bg-300); color: var(--mag-page-text-color); }

/*defining alert-default*/
.alert-default { color: var(--mag-page-text-color); background-color: var(--mag-page-bg-200); border-color: var(--mag-element-border-muted-color); }

/*datepicker button border removal*/
.bootstrap-datetimepicker-widget .btn { border-color: transparent !important; }
/*datetimepicker button background removal*/
.mgdatetimepicker button { background: transparent; }
    .mgdatetimepicker button:hover { color: var(--mag-primary-color); }
.mag-site-main-menu .nav > li > a:hover, .mag-site-main-menu .nav > li > a:focus,
.mag-site-main-menu .nav .open > a { background: transparent; }
.mag-site-main-menu { margin-bottom: 0; }
    .mag-site-main-menu .navbar-toggle.navbar-burger-icon { height: 40px; margin-left: auto; margin-right: 5px; }
        .mag-site-main-menu .navbar-toggle.navbar-burger-icon .icon-bar { height: auto; position: relative; }
    .mag-site-main-menu .navbar-toggle .icon-bar { -webkit-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
    .mag-site-main-menu.navbar-menu .navbar-toggle .icon-bar { border-bottom: 1px solid var(--mag-nav-text-color); }
    .mag-site-main-menu.navbar-menu .navbar-toggle:hover .icon-bar { border-color: var(--mag-nav-text-hover-color); }
    .mag-site-main-menu .nav > li > a:hover, .mag-site-main-menu .nav > li > a:focus,
    .mag-site-main-menu .nav .open > a { background: transparent; }
    .mag-site-main-menu.navbar-menu .navbar-nav a { color: var(--mag-nav-text-color); }
    .mag-site-main-menu.navbar-menu.nav-bg-hover-effect .navbar-nav a:hover,
    .mag-site-main-menu.navbar-menu.nav-bg-hover-effect .navbar-nav a:focus,
    .mag-site-main-menu.navbar-menu.nav-bg-hover-effect .navbar-nav .active > a:hover,
    .mag-site-main-menu.nav-bg-hover-effect .nav .open > a { background: var(--mag-nav-hover-bg-color); }
    .mag-site-main-menu.navbar-menu.nav-bg-hover-effect .navbar-nav .active > a { background: var(--mag-nav-active-bg-color); }
    .mag-site-main-menu.navbar-menu.nav-text-hover-effect .navbar-nav a:hover,
    .mag-site-main-menu.navbar-menu.nav-text-hover-effect .navbar-nav a:focus,
    .mag-site-main-menu.navbar-menu.nav-text-hover-effect .navbar-nav .active > a,
    .mag-site-main-menu.navbar-menu.nav-text-hover-effect .navbar-nav .active > a:hover,
    .mag-site-main-menu.nav-text-hover-effect .nav .open > a { color: var(--mag-nav-text-hover-color); background: transparent; }
    .mag-site-main-menu .navbar-toggle[aria-expanded=true] .icon-bar-1, .mag-site-main-menu .navbar-toggle[aria-expanded=true] .icon-bar-4 { display: none; }
    .mag-site-main-menu .navbar-toggle[aria-expanded=true] .icon-bar-2 { transform: rotate(45deg); top: 6px; border-width: 2px; }
    .mag-site-main-menu .navbar-toggle[aria-expanded=true] .icon-bar-3 { transform: rotate(-45deg); border-width: 2px; }
    .mag-site-main-menu .navbar-toggle[aria-expanded=true] .icon-bar-3 { margin-bottom: 14px; }
.site-logo-img img { max-width: 200px; max-height: 100px; }
.site-logo-img.navbar-inline-logo img { max-height: 100%; }
.site-logo-img.navbar-inline-logo { display: flex; align-items: center; position: absolute; top: 50%; transform: translateY(-50%); left: 15px; vertical-align: middle; padding-left: 0; height: calc(var(--mag-navbar-height) - 20px); z-index: 2; }

/*floating menu*/
.site-page-header.navbar-fixed { position: fixed; z-index: 1000; width: 100%; }

/*** MAG-004122 - ckeditor 4 ***/
.cke_dialog_body a.cke_dialog_tab:hover, .cke_dialog_body a.cke_dialog_tab:focus,
.cke_dialog_body a.cke_dialog_ui_button:hover, .cke_dialog_body a.cke_dialog_ui_button:focus { color: unset; }
a.cke_dialog_ui_button_ok { background-color: var(--mag-primary-color) !important; border-color: var(--mag-primary-color) !important; color: var(--mag-primary-text-color) !important; }
a.cke_dialog_ui_button_ok:hover { background-color: var(--mag-primary-hover-color); color: var(--mag-primary-text-color) !important; }
.formula-toolbar {flex-wrap:nowrap;gap:0.3rem; padding:3px 0 !important; }
.formula-toolbar .bootstrap-select { flex-grow: 1; }
/******/
@media(max-width:768px) { .site-logo-img.navbar-inline-logo { top: 4px; transform: unset; }
    .mag-site-main-menu.navbar-show-logo .navbar-header { height: calc(var(--mag-navbar-height) - 2px); display: flex; align-items: center; }
    .admin-floating-button, .admin-quick-links-access { display: none; }
    .doc64.flex-item { flex: 100%; }
}

@media(max-width:460px) {
    .site-logo-img img { max-width: 120px; }
}

/*picklist colors*/
.field-color { border: 1px solid #666; width: 36px; height: 18px; display: inline-block; }
.pkl-val { display: inline-block; border: 1px solid transparent; padding: 2px 6px; border-radius: var(--mag-border-radius); }
.pkl-val-light { color: #fff; padding: 2px 6px; border-radius: var(--mag-border-radius); }
.pkl-val-dark { color: #000; padding: 2px 6px; border-radius: var(--mag-border-radius); }
.multi-pkl .pkl-val { margin-right: 4px; margin-bottom: 2px; display: inline-block; }
.pkl-def-color { padding: 2px 6px; border-radius: var(--mag-border-radius); border-color: var(--mag-base-400); background-color: var(--mag-page-bg-200); color: var(--mag-page-text-color); }

/*mobile list view*/
.list-group-selectable { padding-left: 38px }
    .list-group-selectable .selectCol { position: absolute; left: 10px; top: 12px; }
        .list-group-selectable .selectCol input[type='checkbox'] { width: 15px; height: 15px; }
.mag-iframe-loading { background: url(/_assets/images/loading_black.svg) center center no-repeat; }
.mag-show-busy .animate-spin { color: var(--mag-primary-color); }
.mag-show-busy * { line-height: 44px; height: 44px; vertical-align: middle; font-size: 30px; }
#fountainG { position: relative; width: 228px; height: 28px; margin: auto }
.fountainG { position: absolute; top: 0; background-color: #000; width: 28px; height: 28px; animation-name: bounce_fountainG; -o-animation-name: bounce_fountainG; -ms-animation-name: bounce_fountainG; -webkit-animation-name: bounce_fountainG; -moz-animation-name: bounce_fountainG; animation-duration: 905ms; -o-animation-duration: 905ms; -ms-animation-duration: 905ms; -webkit-animation-duration: 905ms; -moz-animation-duration: 905ms; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-direction: normal; -o-animation-direction: normal; -ms-animation-direction: normal; -webkit-animation-direction: normal; -moz-animation-direction: normal; transform: scale(.3); -o-transform: scale(.3); -ms-transform: scale(.3); -webkit-transform: scale(.3); -moz-transform: scale(.3); border-radius: 18px; -o-border-radius: 18px; -ms-border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px }
#fountainG_1 { left: 0; animation-delay: 366ms; -o-animation-delay: 366ms; -ms-animation-delay: 366ms; -webkit-animation-delay: 366ms; -moz-animation-delay: 366ms }
#fountainG_2 { left: 28px; animation-delay: .4525s; -o-animation-delay: .4525s; -ms-animation-delay: .4525s; -webkit-animation-delay: .4525s; -moz-animation-delay: .4525s }
#fountainG_3 { left: 57px; animation-delay: 549ms; -o-animation-delay: 549ms; -ms-animation-delay: 549ms; -webkit-animation-delay: 549ms; -moz-animation-delay: 549ms }
#fountainG_4 { left: 85px; animation-delay: .6355s; -o-animation-delay: .6355s; -ms-animation-delay: .6355s; -webkit-animation-delay: .6355s; -moz-animation-delay: .6355s }
#fountainG_5 { left: 114px; animation-delay: 732ms; -o-animation-delay: 732ms; -ms-animation-delay: 732ms; -webkit-animation-delay: 732ms; -moz-animation-delay: 732ms }
#fountainG_6 { left: 142px; animation-delay: .8185s; -o-animation-delay: .8185s; -ms-animation-delay: .8185s; -webkit-animation-delay: .8185s; -moz-animation-delay: .8185s }
#fountainG_7 { left: 171px; animation-delay: 905ms; -o-animation-delay: 905ms; -ms-animation-delay: 905ms; -webkit-animation-delay: 905ms; -moz-animation-delay: 905ms }
#fountainG_8 { left: 199px; animation-delay: 1.0015s; -o-animation-delay: 1.0015s; -ms-animation-delay: 1.0015s; -webkit-animation-delay: 1.0015s; -moz-animation-delay: 1.0015s }

@keyframes bounce_fountainG {
    0% { transform: scale(1); background-color: var(--mag-primary-color) }
    100% { transform: scale(.3); background-color: var(--mag-secondary-color) }
}

@-o-keyframes bounce_fountainG {
    0% { -o-transform: scale(1); background-color: var(--mag-primary-color) }
    100% { -o-transform: scale(.3); background-color: var(--mag-secondary-color) }
}

@-ms-keyframes bounce_fountainG {
    0% { -ms-transform: scale(1); background-color: var(--mag-primary-color) }
    100% { -ms-transform: scale(.3); background-color: var(--mag-secondary-color) }
}

@-webkit-keyframes bounce_fountainG {
    0% { -webkit-transform: scale(1); background-color: var(--mag-primary-color) }
    100% { -webkit-transform: scale(.3); background-color: var(--mag-secondary-color) }
}

@-moz-keyframes bounce_fountainG {
    0% { -moz-transform: scale(1); background-color: var(--mag-primary-color) }
    100% { -moz-transform: scale(.3); background-color: var(--mag-secondary-color) }
}