.w3-sidebar {
	height: 100%;
	width: 245px;
    top: 100px;
	background-color: #ececec;
	position: fixed!important;
	z-index: 1;
	overflow: auto;
	
}
.w3-button{
	border: 1px solid #07bae5;
    background: #07bae5;
    color: #eb4e3f !important;
    font-size: 20px;
    font-weight: 500;
    padding: 0px 4px 4px 4px;
    cursor: pointer;
    float: right;
}

.w3-bar-block .w3-dropdown-hover,
.w3-bar-block .w3-dropdown-click {
	width: 100%
}

.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,
.w3-bar-block .w3-dropdown-click .w3-dropdown-content {
	min-width: 100%
}

.w3-bar-block .w3-dropdown-hover .w3-button,
.w3-bar-block .w3-dropdown-click .w3-button {
	width: 100%;
	text-align: left;
	padding: 8px 16px
}
.w3-card,
.w3-card-2 {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.w3-card-4,
.w3-hover-shadow:hover {
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
}

.w3-animate-right {
	position: relative;
	animation: animateright 0.4s
}

@keyframes animateright {
	from {
		right: -300px;
		opacity: 0
	}
	to {
		right: 0;
		opacity: 1
	}
}
.sidemodaltitle {
    padding-top: 10px;
    padding-left: 12px;
	font-weight: 500;
}
.props{
	padding: 15px;
}
.plr8{
	padding-right: 6px;
    padding-left: 6px;
}
.pr2{
	padding-right: 2px;
}
.pl2{
	padding-left:2px;

}
.propbox {
	/* border: 1px solid #dedede;
    text-align: center;
    background: #ececec;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 0px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px; */
	cursor: pointer;
	text-align: center;
}
.propbox i {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    color: #07bae5;
}
.propbox p {
    font-size: 13px;
    margin-bottom: 8px;
}
.propbox.active {
    /* background: #eb4e3f;
    border: 1px solid #fdd23e;
	color: #07bae5; */
	background: #eb4e3f;
}
.propbox.active i {
    /* color: #07bae5; */
}
.propbox:hover{
	/* background: #eb4e3f;
    border: 1px solid #fdd23e;
    color: #07bae5; */
}
.prpbox:hover .propbox i{
	/* color: #07bae5; */
}
.iconimgsection,.titlesection,.datasection,.descriptionsection,.backgroundsection,.themesection{
	background: transparent;
    margin: -1px -5px;
    padding: 8px;
}
.attrname {
	font-size: 13px;
}
.mt20{
	margin-top: 20px;
}
.md-radio label{
	font-size: 14px;
}
.mtb10{
	margin-top: 10px;
	margin-bottom: 10px;
}
.mb10{
	margin-bottom: 10px;
}
.mt10{
	margin-top: 10px;
}
.innerborder{
	background: #fff;
    padding: 8px;
    margin: 8px;
}
.boldsize{
	font-weight: 900;
}