/* here you can put your own css to customize and override the theme */
html, body { margin: 0; padding: 0; }



/* Header */
.headerPane { background-color: #EDEDED; background-position: left top; background-repeat: no-repeat; font-family: Tahoma; }

.headerPane .headerTop { height: 45px; background-color: #062233; }

.templateTitle { float: left; margin-left: 15px; margin-top: 11px; }

.templateTitle a { text-decoration: none; font-size: x-large; color: black; }

.loginControl { float: right; margin-top: 17px; margin-right: 25px; font-size: 12px; }

.loginControl a { color: black; text-decoration: none; border-bottom: dashed 1px black; display: inline-block; }

.headerMenu { margin-top: 11px; }

.page-actions { width: 600px }
.page-actions .btn-group { margin-right: 20px; }
.page-actions .multiselect-container > li .checkbox { padding: 0 0 0 35px; }
.page-actions .multiselect-container > li.multiselect-group label { padding: 3px 20px 3px 0; }
.page-actions .multiselect-container > li.multiselect-all label { padding: 3px 20px 3px 20px !important; text-transform: uppercase; color: #e7505a }


/* Footer */
.footerPane { background-color: #EDEDED; height: 100%; }

.footerMenu { float: right; padding-top: 7px; }

.copyright { margin-left: 15px; margin-top: 100px; }

.content { padding: 5px; }


/* Account */
.accountHeader h2 { margin: 10px 0 7px 0; font-size: 16px; }

.accountHeader p { font-size: 12px; margin: 0; padding: 0; }

.accountHeader { margin-bottom: 20px; }

.form-field { margin-bottom: 8px; }


/* iOS */
.dxsplVSeparator_iOS,
.dxsplHSeparator_iOS { border-width: 0px !important; }

.dxsplPane_iOS.leftPane,
.dxsplPane_iOS.rightPane,
.dxsplPane_iOS.contentPane { border-width: 1px !important; }

.dxsplControl_iOS .templateTitle { margin-top: 3px; }

.dxsplControl_iOS .templateTitle a { color: #303030; font-size: 26px; line-height: 1em; font-weight: bold; }

.dxsplControl_iOS .headerTop,
.dxsplControl_iOS .content { font-family: HelveticaNeue,Helvetica,Verdana,sans-serif; }

.dxsplControl_iOS .loginControl { margin-top: 4px; }

.dxsplControl_iOS .loginControl a { color: #0160E7; text-decoration: underline; font-size: 20px; font-weight: bold; }

.dxsplControl_iOS .headerTop { height: 33px; }

.dxsplControl_iOS .headerMenu { margin-top: 0px; }

.dxsplPane_iOS.mainContentPane { border-width: 0px !important; box-shadow: initial; -webkit-box-shadow: initial; -moz-box-shadow: initial; }

.dxsplPane_iOS.footerPane { border-width: 1px !important; }

.dxsplControl_iOS .accountHeader p { color: #303030; font-size: 18px; }

.dxsplControl_iOS .accountHeader h2 { color: #303030; font-size: 26px; margin-bottom: 10px; }


/* Aqua */
.dxsplControl_Aqua { font-family: Tahoma; }

.dxsplControl_Aqua .headerPane,
.dxsplControl_Aqua .footerPane,
.dxsplControl_Aqua .footerMenu li { background-color: #BFDBFF; }

.dxsplControl_Aqua .headerPane { background-image: url('/assets/pages/img/background/AquaHeader.jpg'); }

.dxsplControl_Aqua .headerMenu li b { height: 25px !important; }

.dxsplControl_Aqua .accountHeader h2 { color: #5689C5; }

.dxsplControl_Aqua .loginControl a,
.dxsplControl_Aqua .templateTitle a { color: White; border-color: White; }


/* DevEx */
.dxgvDetailRow_Material td.dxgv, .dxgvPreviewRow_Material td.dxgv, .dxgvEmptyDataRow_Material td.dxgv { width: 100%; }
.dxsplControl_DevEx { font-family: Verdana; color: #201F35; }

.dxsplControl_DevEx .headerPane,
.dxsplControl_DevEx .footerPane,
.dxsplControl_DevEx .footerMenu li { background-color: #F2F3F4; }

.dxsplControl_DevEx .templateTitle a,
.dxsplControl_DevEx .loginControl,
.dxsplControl_DevEx .loginControl a { color: #4B4B57; }

.dxsplControl_DevEx .loginControl a { border-bottom-color: #4B4B57; }

.dxsplControl_DevEx .headerMenu { margin-top: 13px; }

.dxsplControl_DevEx .accountHeader p { font-size: 11px; }


/* BlackGlass */
.dxsplControl_BlackGlass { font-family: Tahoma; }

.dxsplControl_BlackGlass .headerPane,
.dxsplControl_BlackGlass .footerPane,
.dxsplControl_BlackGlass .footerMenu li { background-color: #2A2A2A; color: white; }

.dxsplControl_BlackGlass .headerPane { background-image: url('/assets/pages/img/background/BlackGlassHeader.jpg'); }

.dxsplControl_BlackGlass .leftPanel li[class$="dxnb-last"] ul { border-bottom: 1px solid black; }

.dxsplControl_BlackGlass .accountHeader p { color: #585858; }

.dxsplControl_BlackGlass .loginControl a,
.dxsplControl_BlackGlass .templateTitle a { color: White; border-color: White; }


/* Glass */
.dxsplControl_Glass { font-family: Tahoma; }

.dxsplControl_Glass .headerPane,
.dxsplControl_Glass .footerPane,
.dxsplControl_Glass .footerMenu li { background-color: #CFE0E7; }

.dxsplControl_Glass .headerPane { background-image: url('/assets/pages/img/background/GlassHeader.jpg'); }

.dxsplControl_Glass .footerMenu * { background-image: none !important; }

.dxsplControl_Glass .headerMenu li b { height: 25px !important; }

.dxsplControl_Glass .templateTitle a,
.dxsplControl_Glass .loginControl,
.dxsplControl_Glass .loginControl a { color: #4B4B57; }

.dxsplControl_Glass .loginControl a { border-bottom-color: #4B4B57; }

.dxsplControl_Glass .accountHeader h2 { color: #387FA4; }

.dxsplControl_Glass .accountHeader p { color: #575757; }



/* Office2003Blue */
.dxsplControl_Office2003Blue { font-family: Tahoma; }

.dxsplControl_Office2003Blue .headerPane,
.dxsplControl_Office2003Blue .footerPane,
.dxsplControl_Office2003Blue .footerMenu li { background-color: #BCD4F6; }

.dxsplControl_Office2003Blue .footerMenu div { background: transparent none; }

.dxsplControl_Office2003Blue .leftPanel > ul { background: transparent none; }

.dxsplControl_Office2003Blue .templateTitle a,
.dxsplControl_Office2003Blue .loginControl,
.dxsplControl_Office2003Blue .loginControl a { color: #4B4B57; }

.dxsplControl_Office2003Blue .loginControl a { border-bottom-color: #4B4B57; }

.dxsplControl_Office2003Blue .accountHeader p { color: #424242; }

.dxsplControl_Office2003Blue .headerMenu { margin-top: 5px; }


/* Office2003Olive */
.dxsplControl_Office2003Olive { font-family: Tahoma; }

.dxsplControl_Office2003Olive .headerPane,
.dxsplControl_Office2003Olive .footerPane,
.dxsplControl_Office2003Olive .footerMenu li { background-color: #D6DCBB; }

.dxsplControl_Office2003Olive .footerMenu div { background: transparent none; }

.dxsplControl_Office2003Olive .leftPanel > ul { background: transparent none; }

.dxsplControl_Office2003Olive .templateTitle a,
.dxsplControl_Office2003Olive .loginControl,
.dxsplControl_Office2003Olive .loginControl a { color: #4B4B57; }

.dxsplControl_Office2003Olive .loginControl a { border-bottom-color: #4B4B57; }

.dxsplControl_Office2003Olive .accountHeader p { color: #424242; }

.dxsplControl_Office2003Olive .headerMenu { margin-top: 5px; }

/* Office2003Silver */
.dxsplControl_Office2003Silver { font-family: Tahoma; }

.dxsplControl_Office2003Silver .headerPane,
.dxsplControl_Office2003Silver .footerPane,
.dxsplControl_Office2003Silver .footerMenu li { background-color: #D0D0DE; }

.dxsplControl_Office2003Silver .footerMenu div { background: transparent none; }

.dxsplControl_Office2003Silver .leftPanel > ul { background: transparent none; }

.dxsplControl_Office2003Silver .templateTitle a,
.dxsplControl_Office2003Silver .loginControl,
.dxsplControl_Office2003Silver .loginControl a { color: #4B4B57; }

.dxsplControl_Office2003Silver .loginControl a { border-bottom-color: #4B4B57; }

.dxsplControl_Office2003Silver .accountHeader p { color: #424242; }

.dxsplControl_Office2003Silver .headerMenu { margin-top: 5px; }


/* Office2010Black */
.dxsplControl_Office2010Black { font-family: Verdana; }

.dxsplControl_Office2010Black .headerPane,
.dxsplControl_Office2010Black .footerPane,
.dxsplControl_Office2010Black .footerMenu li { background-color: #393939; color: white; }

.dxsplControl_Office2010Black .footerMenu a { color: white !important; }

.dxsplControl_Office2010Black .accountHeader h2 { color: #3C3C3C; }

.dxsplControl_Office2010Black .accountHeader p { font-size: 11px; }

.dxsplControl_Office2010Black .headerMenu { margin-top: 13px; }

.dxsplControl_Office2010Black .loginControl a,
.dxsplControl_Office2010Black .templateTitle a { color: White; border-color: White; }


/* Office2010Blue */
.dxsplControl_Office2010Blue { font-family: Verdana; }

.dxsplControl_Office2010Blue .headerPane,
.dxsplControl_Office2010Blue .footerPane,
.dxsplControl_Office2010Blue .footerMenu li { background-color: #D3E4F6; }

.dxsplControl_Office2010Blue .templateTitle a,
.dxsplControl_Office2010Blue .loginControl,
.dxsplControl_Office2010Blue .loginControl a { color: Black; }

.dxsplControl_Office2010Blue .loginControl a { border-bottom-color: Black; }

.dxsplControl_Office2010Blue .accountHeader h2 { color: #498BC2; }

.dxsplControl_Office2010Blue .accountHeader p { font-size: 11px; }

.dxsplControl_Office2010Blue .headerMenu { margin-top: 13px; }


/* Office2010Silver */
.dxsplControl_Office2010Silver { font-family: Verdana; }

.dxsplControl_Office2010Silver .headerPane,
.dxsplControl_Office2010Silver .footerPane,
.dxsplControl_Office2010Silver .footerMenu li { background-color: #A9ACB4; color: white; }

.dxsplControl_Office2010Silver .accountHeader h2 { color: #3B3B3B; }

.dxsplControl_Office2010Silver .accountHeader p { font-size: 11px; }

.dxsplControl_Office2010Silver .headerMenu { margin-top: 13px; }

.dxsplControl_Office2010Silver .loginControl a,
.dxsplControl_Office2010Silver .templateTitle a { color: White; border-color: White; }



/* PlasticBlue */
.dxsplControl_PlasticBlue { font-family: Tahoma; }

.dxsplControl_PlasticBlue .headerPane,
.dxsplControl_PlasticBlue .footerPane,
.dxsplControl_PlasticBlue .footerMenu li { background-color: #3C4F8F; color: white; }

.dxsplControl_PlasticBlue .headerPane { background-image: url('/assets/pages/img/background/PlasticBlueHeader.jpg'); }

.dxsplControl_PlasticBlue .accountHeader h2 { color: #5A83D0; }

.dxsplControl_PlasticBlue .accountHeader p { color: #575757; }

.dxsplControl_PlasticBlue .headerMenu { margin-top: 12px; }

.dxsplControl_PlasticBlue .loginControl a,
.dxsplControl_PlasticBlue .templateTitle a { color: White; border-color: White; }


/* RedWine */
.dxsplControl_RedWine { font-family: Tahoma; }

.dxsplControl_RedWine .headerPane,
.dxsplControl_RedWine .footerPane,
.dxsplControl_RedWine .footerMenu li { background-color: #78002B; color: white; }

.dxsplControl_RedWine .headerPane { background-image: url('/assets/pages/img/background/RedWineHeader.jpg'); background-position: top right; }

.dxsplControl_RedWine .footerMenu div { background: transparent none; }

.dxsplControl_RedWine .accountHeader h2 { color: #8A0A37; }

.dxsplControl_RedWine .headerMenu { margin-top: 9px; }

.dxsplControl_RedWine .loginControl a,
.dxsplControl_RedWine .templateTitle a { color: White; border-color: White; }


/* SoftOrange */
.dxsplControl_SoftOrange { font-family: Tahoma; }

.dxsplControl_SoftOrange .headerPane,
.dxsplControl_SoftOrange .footerPane,
.dxsplControl_SoftOrange .footerMenu li { background-color: #F9F9F9 !important; background-image: none !important; }

.dxsplControl_SoftOrange .templateTitle a,
.dxsplControl_SoftOrange .loginControl,
.dxsplControl_SoftOrange .loginControl a { color: Black; }

.dxsplControl_SoftOrange .loginControl a { border-bottom-color: Black; }

.dxsplControl_SoftOrange .accountHeader h2 { color: Black; }

.dxsplControl_SoftOrange .accountHeader p { color: #707070; }

.dxsplControl_SoftOrange .headerMenu { margin-top: 8px; }


/* Youthful */
.dxsplControl_Youthful { font-family: Tahoma; }

.dxsplControl_Youthful .headerPane,
.dxsplControl_Youthful .footerPane,
.dxsplControl_Youthful .footerMenu li { background-color: #8AA150; color: white !important; }

.dxsplControl_Youthful .headerMenu li b { height: 35px !important; }

.dxsplControl_Youthful .accountHeader h2 { color: #80A70E; }

.dxsplControl_Youthful .headerMenu { margin-top: 1px; }

.dxsplControl_Youthful .loginControl a,
.dxsplControl_Youthful .templateTitle a { color: White; border-color: White; }

/* Metropolis */
.dxsplControl_Metropolis { font-family: Segoe UI; }

.dxsplControl_Metropolis .headerPane,
.dxsplControl_Metropolis .footerMenu li { background-color: White; color: Black; }

.dxsplControl_Metropolis .accountHeader h2 { color: #3B3B3B; }

.dxsplControl_Metropolis .accountHeader p { font-size: 11px; }

.dxsplControl_Metropolis .headerMenu { margin-top: 13px; }

.dxsplControl_Metropolis .loginControl a,
.dxsplControl_Metropolis .templateTitle a { color: Black; border-color: Black; }

.dxsplControl_Metropolis .templateTitle a { font-size: 28px; }

.dxsplControl_Metropolis .dxsplVSeparator_Metropolis { border-bottom: 0 !important; }

/* MetropolisBlue */
.dxsplControl_MetropolisBlue { font-family: Segoe UI; }

.dxsplControl_MetropolisBlue .headerPane,
.dxsplControl_MetropolisBlue .footerMenu li { background-color: White; color: Black; }

.dxsplControl_MetropolisBlue .accountHeader h2 { color: #3B3B3B; }

.dxsplControl_MetropolisBlue .accountHeader p { font-size: 11px; }

.dxsplControl_MetropolisBlue .headerMenu { margin-top: 13px; }

.dxsplControl_MetropolisBlue .loginControl a,
.dxsplControl_MetropolisBlue .templateTitle a { color: Black; border-color: Black; }

.dxsplControl_MetropolisBlue .templateTitle a { font-size: 28px; }

.dxsplControl_MetropolisBlue .dxsplVSeparator_MetropolisBlue { border-bottom: 0 !important; }

/* Moderno */
.dxsplControl_Moderno { font-family: Segoe UI; }

.dxsplControl_Moderno .headerPane,
.dxsplControl_Moderno .footerMenu li { background-color: White; color: Black; }

.dxsplControl_Moderno .accountHeader h2 { color: #3B3B3B; }

.dxsplControl_Moderno .accountHeader p { font-size: 11px; }

.dxsplControl_Moderno .headerMenu { margin-top: 13px; }

.dxsplControl_Moderno .loginControl a,
.dxsplControl_Moderno .templateTitle a { color: #0072c6; border-color: #0072c6; }

.dxsplControl_Moderno .templateTitle a { font-size: 28px; }

.dxsplControl_Moderno .dxsplVSeparator_Moderno { border-bottom: 0 !important; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; }

.dxsplControl_Moderno .footerPane { background: #EDEDED; }

/* Mulberry */
.dxsplControl_Mulberry { font-family: Segoe UI; }

.dxsplControl_Mulberry .footerMenu li { background-color: White; color: Black; }

.dxsplControl_Mulberry .accountHeader h2 { color: #3B3B3B; }

.dxsplControl_Mulberry .accountHeader p { font-size: 11px; }

.dxsplControl_Mulberry .headerMenu { margin-top: 10px; }

.dxsplControl_Mulberry .loginControl a,
.dxsplControl_Mulberry .templateTitle a { color: #BF4E6A; border-color: #BF4E6A; }

.dxsplControl_Mulberry .templateTitle a { font-size: 28px; }

.dxsplControl_Mulberry .dxsplVSeparator_Mulberry { border-width: 0px !important; }

.dxsplControl_Mulberry .headerPane,
.dxsplControl_Mulberry .footerPane { background: #F1F2F5; }


/*DevExpress*/
.dxgvTable_DevEx, .dxgvTable_Material { table-layout: unset !important }
.dxgvLoadingPanel_Material .dxlp-loadingImage { border: 4px solid #5b9bd1 !important }
.dxpLite_Material .dxp-current { background-color: #5b9bd1 !important; }
.dxpLite_Material:not(.dxpLiteDisabled_Material) .dxp-current.dxp-num:hover { background-color: #5b9bd1 !important; }
.dxeFocused_Material { border: 1px solid #5b9bd1 !important; }
.dxeButtonEditButtonHover_Material,
.dxeSpinIncButtonHover_Material,
.dxeSpinDecButtonHover_Material,
.dxeSpinLargeIncButtonHover_Material,
.dxeSpinLargeDecButtonHover_Material { background-color: #5b9bd1 !important; }
.dxgvGroupPanel_Material { color: #5b9bd1 !important; font-weight: bold; background-color: #f4f4f4 !important; text-align: center; }
.bars, .chart, .pie { height: 500px; }

.page-header.navbar .page-logo .logo-default { margin: 0; max-width: 200px }

/*FILTER CONTENT*/
.container-filterContent p.slim { margin: 2px 2px 2px 5px; }
.container-filterContent { padding-bottom: 50px; }
.container-filterContent div.category { float: left; height: 15px; line-height: 12px; margin: 9px; width: 210px; }
.container-filterContent #custom-setting { margin-top: 20px; }
.container-filterContent #custom-setting p { clear: both; }
.container-filterContent #never-block-container, .container-filterContent #always-block-container { width: 450px; }
.container-filterContent #delete-domains-div { width: 450px; float: none !important; }
.container-filterContent input[type="text"], .container-filterContent select { background-color: #fff; border: 1px solid #c2cad8; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; height: 34px; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.container-filterContent #delete-domains-message { clear: both; margin-top: 25px; }
.container-filterContent #custom-setting { display: inline-block; }
.container-filterContent #custom-setting p { display: none; }
.container-filterContent #add-domain-results ul { color: #333; list-style: outside none none; padding: 0; }

.container-filterContent .checkbox input[type="checkbox"],
.container-filterContent .checkbox-inline input[type="checkbox"],
.container-filterContent .radio input[type="radio"],
.container-filterContent .radio-inline input[type="radio"] { margin-left: -10px; }
.container-filterContent #domain-cats label { margin-left: 5px; }
.container-filterContent .levels ul { color: #333; list-style: outside none none; padding: 0; }

.container-filterContent .stats-table { margin-bottom: 20px; }
.container-filterContent .stats-table tbody tr td { padding: 5px; }
.container-filterContent .stats-table tbody > tr > th { background-color: #B2B2B2; padding: 5px; }
.container-filterContent .stats-table tbody tr:nth-child(odd) { background-color: #F2F6F9; }
.container-filterContent .stats-table tbody tr:nth-child(even) { background-color: #fff; }

/*ZABBIX*/
#triggers tbody tr:nth-child(odd) { background-color: #F2F6F9; }
#triggers tbody tr:nth-child(even) { background-color: #fff; }
#triggers tbody tr td .btn { padding: 1px 10px !important; }
.zabbix-content .bars, .chart, .pie { height: 500px; }
.zabbix-content #hosts { height: 380px; }
/*.portlet > .portlet-title > .tools > a.export { background-image: url("/assets/global/img/portlet-pdf-icon.png"); width: 13px; }*/

/*PRINT*/


/*GOOGLE*/
.scrollFix { line-height: 1.35; overflow: hidden; white-space: nowrap; }
.google-box .triggers { width: 100%; display: block; list-style-type: none; padding: 0; margin: 0; }
.google-box .triggers li { margin: 10px 0 10px 0; background-color: #f5f5f5; height: 18px; }
.google-box .triggers .status { width: 60px; text-align: center; float: left; }
.google-box .triggers .status { color: white; margin-right: 10px; font-weight: bold; }
.google-box .triggers .status.Disaster { background-color: #e7505a; }
.google-box .triggers .status.High { background-color: #c49f47; }
.google-box .triggers .status.Average { background-color: #32c5d2; }
.google-box .triggers .description { float: left; }

.sweet-alert h2 { font-size: 30px; }
.sweet-alert p { font-size: 21px; }

/*PORTLET*/
.portlet.portlet-fullscreen > .portlet-body { overflow: hidden; }
/*CHART*/
/*#ChartSummaryPieClients .amChartsLegend, #ChartSummaryPieTraffic .amChartsLegend { height: 350px !important;width: 450px !important; overflow-y: scroll !important; overflow-x: hidden !important; }*/
.no-data { text-align: center; }
.no-data i { color: #EEF1F5; font-size: 200pt; padding-top: 220px; }
.no-data h4 { padding-top: 30px; color: grey; }

.no-data-presence i { color: #EEF1F5; font-size: 70pt; padding-top: 65px; }
.no-data-presence h4 { padding-top: 15px; color: grey; }

/*FILTER BAR*/
.sticky { position: sticky; position: -webkit-sticky; top: 75px; z-index: 2000 }
.sticky .portlet { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.filter-shadow { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.amcharts-graph-column-front:hover { fill: gray !important; stroke: white !important; }
.chart-box { }
.widget-thumb-presence { }
.widget-thumb-loyalty { }

/*EFFECT BLUR*/
/*.ajax-loader { display: block; width: 100%; height: 100%; background: inherit; left: 0; position: fixed; top: 0; z-index: 99999; text-indent: -99999px; background-image: url('/assets/global/img/ajax-loading.gif'); background-position-x: center; background-position-y: center; background-repeat: no-repeat; }
.ajax-loader:before { filter: blur(8px); -webkit-filter: blur(8px); background: inherit; }*/

.ajax-loader { background-color: rgba(255, 255, 255, .15); backdrop-filter: blur(8px); width: 100%; height: 100%; position: fixed; top: 0; z-index: 99999; text-indent: -99999px; display: flex; justify-content: center; align-items: center; }
.loader,
.loader:before,
.loader:after { background: #ccc; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; }
.loader { color: #ccc; text-indent: -9999em; margin: 88px auto; position: relative; font-size: 11px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
.loader:before,
.loader:after { position: absolute; top: 0; content: ''; }
.loader:before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.loader:after { left: 1.5em; }
.modal-content .btn:not(.btn-sm):not(.btn-lg) { line-height: 1 !important; }

@-webkit-keyframes load1 {
    0%, 80%, 100% { box-shadow: 0 0; height: 4em; }
    40% { box-shadow: 0 -2em; height: 5em; }
}

@keyframes load1 {
    0%, 80%, 100% { box-shadow: 0 0; height: 4em; }
    40% { box-shadow: 0 -2em; height: 5em; }
}

/*PRESENCE FLOW*/
#dashboard_flow .flex { display: flex; justify-content: center; align-items: center; }
#dashboard_flow .flex.flex-column { flex-direction: column; }
#dashboard_flow .user { text-align: center; width: 270px; padding: 0; }
#dashboard_flow .user .fa-users, #dashboard_flow .user .fa-user { font-size: 70px; line-height: 70px; }
#dashboard_flow .user p { font-weight: bold; margin: 0; padding: 0; font-size: 16px; }
#dashboard_flow .user h2 { margin: 0; padding: 0; }
#dashboard_flow .col-xs-4, #dashboard_flow .col-xs-5, #dashboard_flow .col-xs-2 { margin: 0; padding: 0; }

#dashboard_flow .margin-left { margin-left: 50px }
#dashboard_flow .margin-right { margin-right: 50px }
#dashboard_flow .top { position: relative; top: -30px }
#dashboard_flow .animated-border { background: linear-gradient(90deg, black 50%, transparent 50%), linear-gradient(90deg, black 50%, transparent 50%), linear-gradient(0deg, black 50%, transparent 50%), linear-gradient(0deg, black 50%, transparent 50%); padding: 0px; animation: animated-border 4s infinite linear; }
#dashboard_flow .animated-border.horizontal-right { height: 1px; width: 100%; background-size: 8px 1px, 1px 1px, 1px 1px, 1px 1px; }
#dashboard_flow .animated-border.horizontal-left { height: 1px; width: 100%; background-size: 1px 1px, 8px 1px, 1px 1px, 1px 1px; }
#dashboard_flow .animated-border.vertical-down { min-height: 100px; width: 1px; background-size: 1px 1px, 1px 1px, 1px 1px, 1px 8px; }

#dashboard_flow { position: relative; padding-bottom: 170px; }
#dashboard_flow .blue-print { opacity: 0.5; position: absolute; width: 100%; background-color: #E5E5E5; height: 455px; top: 180px; margin: 0 auto; border: 5px solid #94A0B2; z-index: 0 }
#dashboard_flow .blue-print .container-flow { width: 100%; height: 100%; display: flex; justify-content: center; }
#dashboard_flow .blue-print .container-flow.column-flow { flex-direction: column; }
#dashboard_flow .blue-print .container-flow.row-flow { flex-direction: row; }

#dashboard_flow .blue-print .container-flow .item-flow { flex: 1; }

#dashboard_flow .blue-print .door { background-color: #E5E5E5; width: 60%; height: 5px; margin: 0 auto; position: relative; top: -5px; }
#dashboard_flow .blue-print .window { background-color: #5E738B; width: 30%; height: 5px; align-self: flex-end; top: 5px; position: relative; }

#dashboard_flow .flow { position: relative; z-index: 1 }
#dashboard_flow .tooltips, #dashboard_presence .tooltips, #dashboard_loyalty .tooltips { cursor: pointer; }
#dashboard_flow .tooltips:hover, #dashboard_presence .tooltips:hover, #dashboard_loyalty .tooltips:hover { color: #393939 !important; }

.dash .btn-icon-only { height: 26px !important; width: 40px !important; padding: 4px !important; }

.lead.text-muted { overflow: auto; max-height: 200px; }

/*NEW FEATURES*/
.new-features-swal .lead.text-muted { }
.new-features-swal li { font-size: 14px; text-align: left; padding-bottom: 8px; color: #062233 }

@keyframes animated-border {
    0% { background-position: 0px 0px, 300px 116px, 0px 150px, 216px 0px; }
    100% { background-position: 300px 0px, 0px 116px, 0px 0px, 216px 150px; }
}

@media (max-width: 460px) {
    #dashboard_flow .margin-left { margin-left: 0 }

    #dashboard_flow .margin-right { margin-right: 0 }

    #dashboard_flow .user p { font-size: 10px; }

    #dashboard_flow .user .fa-users, #dashboard_flow .user .fa-user { font-size: 50px; line-height: 50px; }

    #dashboard_flow .blue-print { height: 415px; }
}

@media (max-width: 990px) {
    .page-actions { margin: 15px 0 15px 0 !important; display: block; width: auto; clear: both; float: left !important }
}