.demos-show-btn{ display:none!important;}
body[data-layout=horizontal][data-topbar=light] #topnav {
    background: #FFF;
	box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.25),
                0 10px 20px -5px rgba(115,115,115,0.25);
	
}
body[data-layout=horizontal][data-topbar=light] .navbar-custom {
    box-shadow: 0 10px 20px -5px rgba(115,115,115,0.1);
	border-bottom: 1px solid rgba(115,115,115,0.15);
	background: rgba(220,220,220,0.15);
}

.content-page {
    min-height: 92vh;
}
body[data-layout=horizontal][data-topbar=light] .navigation-menu>li>a {
    color: #6c757d;
}
body[data-layout-size=boxed] {
    background-color: #ebeff2;
}
.color-orange-sdw{color:#F49739!important;}
.btn-orange-sdw{background-color:#F49739;}

.color-red-sdw{color:#E53835!important;}
.btn-red-sdw{background-color:#E53835;}

.color-green-sdw{color:#46A34A!important;}
.btn-green-sdw{background-color:#46A34A;}
.btn-success {
    background-color: #46A34A;
    border-color: #46A34A;
}

div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
    border-bottom: 19px solid #46A34A!important;
}
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
    border-top: 19px solid #46A34A!important;
}
div.hopscotch-bubble {
    border: 3px solid #46A34A!important;
}	
div.hopscotch-bubble .hopscotch-nav-button.next {
    border-color: #46A34A;
    text-shadow: none;
    background-color: #46A34A!important;
}
div.hopscotch-bubble .hopscotch-bubble-number {
    background: #F49739;
}	
.sdw-badge-right {position: absolute; top: 0; right: 12px;}
.list-group-item:hover {
    background: #e2e6ea;
}
.btn-outline-warning {
    color: #F49739;
    border-color: #F49739;
}
.btn-outline-warning:hover {
    color: #FFF;
    background-color: #F49739;
    border-color: #F49739;
}
.avatar-xxxl {
    height: 10rem;
    width: 10rem;
}
.ml-8 {
    margin-left: 2.75rem!important;
}
.ml-12 {
    margin-left: 3.75rem!important;
}
.ml-14 {
    margin-left: 4.75rem!important;
}
.ml-16 {
    margin-left: 5.75rem!important;
}
.mymarker {font-size:40px; font-weight:700; color: #F49739;}
.small-select {width: 100%!important;}
@media only screen and (min-width: 576px) {
	.small-select {width: 150px!important;}
}
@media only screen and (max-width: 600px) {
	.hide-if-mobile{display:none;}
	.profile-info-detail{width:100%}
	.center-if-mobile{
		float: none!important;
		text-align: center!important;
	}
}