/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
.menu .app-brand.demo {height: 64px;margin-top: 12px;}
.app-brand-logo.demo svg {width: 22px;height: 38px;}
.app-brand-text.demo {font-size: 1.75rem;letter-spacing: -0.5px;text-transform: lowercase;}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {padding-top: 76px !important;}
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {padding-top: 64px !important;}
.content-wrapper .navbar {z-index: auto;}
.demo-blocks > * {display: block !important;}
.demo-inline-spacing > * {margin: 1rem 0.375rem 0 0 !important;}
.demo-vertical-spacing > * {margin-top: 1rem !important;margin-bottom: 0 !important;}
.demo-vertical-spacing.demo-only-element > :first-child {margin-top: 0 !important;}
.demo-vertical-spacing-lg > * {margin-top: 1.875rem !important;margin-bottom: 0 !important;}
.demo-vertical-spacing-lg.demo-only-element > :first-child {margin-top: 0 !important;}
.demo-vertical-spacing-xl > * {margin-top: 5rem !important;margin-bottom: 0 !important;}
.demo-vertical-spacing-xl.demo-only-element > :first-child {margin-top: 0 !important;}
.rtl-only {display: none !important;text-align: left !important;direction: ltr !important;}
[dir='rtl'] .rtl-only {display: block !important;}
.layout-demo-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-top: 1rem;}
.layout-demo-placeholder img {width: 900px;}
.layout-demo-info {text-align: center;margin-top: 1rem;}

.notification-drop{font-family:'Ubuntu', sans-serif;color:#444;list-style:none;padding-top:20px;margin-right:15px;}
.notification-drop .item{padding:10px;font-size:18px;position:relative;border-bottom:1px solid #ddd;}
.notification-drop .item:hover{cursor:pointer;}
.notification-drop .item i{margin-left:10px;}
.notification-drop .item ul{display:none;position:absolute;top:100%;background:#fff;left:-350px;z-index:1;border-top:1px solid #ddd;list-style:none;padding:0 10px;min-width:500px;}
.notification-drop .item ul li{font-size:16px;padding:15px;border-bottom:1px solid #000;}
.notification-drop .item ul li:hover{background:#ddd;color:rgba(0, 0, 0, 0.8);}
@media screen and (min-width:500px) {
	.notification-drop{display:flex;justify-content:flex-end;}
	.notification-drop .item{border:none;}
}
.notification-bell{font-size:24px;}
.btn__badge {background:#FF5D5D;color:white;font-size:12px;position:absolute;top:0;right:0px;padding:3px 10px;border-radius:50%;}
.pulse-button {box-shadow:0 0 0 0 rgba(255, 0, 0, 0.5);-webkit-animation:pulse 1.5s infinite;}
.pulse-button:hover {-webkit-animation:none;}
@-webkit-keyframes pulse {
	0% {-moz-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9);}
	70% {-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);box-shadow:0 0 0 50px rgba(255, 0, 0, 0);}
	100% {-moz-transform:scale(0.9);-ms-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9);box-shadow:0 0 0 0 rgba(255, 0, 0, 0);}
}
.notification-text{font-size:14px;font-weight:bold;}
.notification-text span{float:right;}