/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

 .pisol-pro-message{
     position: relative;
 }
 .pisol-pro-message-content{
     width:100%;
     height:100%;
     display:flex;
     position: absolute;
     top:0;
     left:0;
     align-items: center;
     justify-content: center;
     background:rgba(255,0,0,0.4);
     color:#fff
 }

 .pisol-pro-message-content span{
     font-size:24px;
     font-weight:bold;
     text-transform: uppercase;
 }


.pisol-pro-feature-list li{
    padding:5px 15px;
    font-size:1rem;
}

.pisol-pro-feature-list li:first-child{
    border-top:0px !important;
}

#pi-buy-now-menu{
    align-self: center;
    margin-right: 60px;
    margin-left: auto;
}

.pi-selectable {
    -webkit-touch-callout: all;
    /* iOS Safari */
    -webkit-user-select: all;
    /* Safari */
    -khtml-user-select: all;
    /* Konqueror HTML */
    -moz-user-select: all;
    /* Firefox */
    -ms-user-select: all;
    /* Internet Explorer/Edge */
    user-select: all;
    /* Chrome and Opera */

}

/* side menu */
.bootstrap-wrapper #pisol-side-menu{
	background: linear-gradient(135deg, #1a4562, #2f6c8c, #1a4562);
	color:#fff;
	padding:10px;
	border-radius:10px;
	margin-top:20px;
	display:flex;
	flex-direction: column;
	color:#fff;
	gap:0.5rem;
}

.bootstrap-wrapper .pi-sticky{
	position: sticky;
	top: 60px;
}


.bootstrap-wrapper #pisol-side-menu a{
	color:#fff !important;
	padding:5px 5px !important;
	transition:all 0.3s ease;
	letter-spacing: 1.2px;
}

.bootstrap-wrapper #pisol-side-menu a .dashicons{
	margin-right:5px;
}

.bootstrap-wrapper #pisol-side-menu a:hover, .bootstrap-wrapper #pisol-side-menu a.active{
	text-decoration: none;
	color: #ccc !important;
	font-weight:bold;
}

.bootstrap-wrapper #pisol-side-menu a.bg-primary,.bootstrap-wrapper #pisol-side-menu a.bg-secondary{
	background: transparent !important;
	border:0 !important
}

.bootstrap-wrapper #pisol-side-menu a.bg-primary .dashicons{
	color: var(--primary) !important;
}

.bootstrap-wrapper #pisol-side-menu .pi-sub-menu{
    margin-left:20px;
}

.bootstrap-wrapper #pisol-side-menu .pi-sub-menu a{
		margin:0px !important;
		padding:5px 0 5px 10px !important;
		text-align:left !important;
		border:0 !important;
        justify-content: flex-start !important;

    & .pi-icon{
        margin-right:10px;
    }

    &.bg-primary .pi-icon{
		color: var(--primary) !important;
        font-weight:bold;
        font-size:1rem;
	}
}

/* menu done */

/* form */
.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.pisol-form-element-row small{
	color:#1a4562;
	margin-top:10px;
	display:block;
  font-style: italic;
  font-size:0.8rem;
}
/* end form */

/* side banner */
.bootstrap-wrapper .pi-shadow{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	position:relative;
	background: linear-gradient(135deg, #1a4562 0%, #2c6a89 50%, #163f59 100%);
	z-index:1;
}

.bootstrap-wrapper .pi-shadow li, .bootstrap-wrapper .pi-shadow h6, .bootstrap-wrapper .pi-shadow h4{
	color:#fff !important;
}

.bootstrap-wrapper .pi-shadow hr{
	border-color:#1a4562 !important;
}

h2#pi-banner-tagline{
	color:#fff !important;
	font-size:1.1rem !important;
	text-align:center;
}

h4.pi-bottom-banner{
	font-size: 18px;
	margin-bottom:15px;
	text-align: center;
}