.d-none{
  display: none;
}
.wrp-dashboard{
  padding: 30px 30px 30px 15px;
}
.dashboard-box{
	background: #fff;
	border: 1px solid #e7e7e7;
	border-radius: 4px;
	box-shadow: 1px 2px 2px rgba(0,0,0,.06);
	margin-bottom: 30px;
}
.dashboard-box:before, .dashboard-box:after, .table-wrp-inner:before, .table-wrp-inner:after{
  display: table;
  content: " ";
}
.dashboard-box:after, .table-wrp-inner:after{
  clear: both;
} 
.table-wrp-inner{
	padding: 15px;
}
.brand-card-header-container{
  border-bottom: 1px solid #e2e2e2;
  padding: 15px;
	position: relative;
}
.brand-card-footer-container{
	border-top: 1px solid #e2e2e2;
  padding: 15px 30px;
	position: relative;
}
.brand-card-footer-container .button-primary{
	background: #F06392;
	border-color: #F06392;
	border-radius: 0;
	border: none;
	box-shadow: none;
	text-shadow: none;
	padding: 0 30px;
	line-height: 42px;
	height: inherit;
	text-transform: uppercase;
	font-weight: 600;
}
.brand-card-footer-container .button-primary:hover, .brand-card-footer-container .button-primary:focus{
	background: #d24272;
	border-color: #d24272;
	outline: none;
	box-shadow: none;
}
.portlet-new .dashboard-boxes{
	background: #e7ffe7;
	border-color: #e7ffe7;
}
.brand-card-footer-container p{
	margin: 0;
	padding: 0;
}
.brand-card-header-container a{
  position: absolute;
	width: 39px;
	height: 39px;
	background: #008ec2;
	display: block;
	top: 5px;
	right: 5px;
  border-radius: 4px;
	color: #fff;
	line-height: 39px;
	text-align: center;
	text-decoration: none;
	font-size: 21px;
}
.brand-card-header-container h4 {
	margin: 0;
	font-size: 21px;
	color: #aaa;
	text-transform: capitalize;
	font-weight: 600;
}
table{ 
	width: 100%;
}
.form-control{
	display: block;
	 width: 100%;  
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	padding: 0 18px 3px;
	border: 2px solid #eaeaea;
	border-radius: 4px;
	background-color: #fff;
	color: #606060;
	font-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 45px !important;
}
textarea.form-control{
	min-height: 130px;
	padding: 18px;
}
select.form-control{
  padding-left: 10px;
}

.table-wrp .attachment input{
	display: none;
}
.table-wrp thead th{
	font-size: 18px;
	padding: 5px;
}
.table-wrp .remove-img{
	position: absolute;
	right: -15px;
	top: -15px;
	z-index: 9;
	background: #0085ba;
	width: 30px;
	height: 30px;
	line-height: 24px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	border-radius: 100%;
}
.table-wrp .attachments:before{
	display: table;
	content: " ";
}
.table-wrp .attachments:after{
	display: table;
	content: " ";
	clear: both;
}
.tstatus{
  padding: 2px 10px;
	font-style: normal;
	color: #fff;
	background: #f00;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 5px;
	font-weight: 600;
}
.tstatus.eligible{
  background: green;
}
.row, .dsj {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	box-sizing: border-box;
}
.col, .icon-box-in {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding: 15px;
	-ms-flex: 0 0 16.66666666666667%;
	flex: 0 0 16.66666666666667%;
	max-width: 16.66666666666667%; 
	box-sizing: border-box;
} 
.dashboard-boxes{
	position: relative;
	min-height: 180px;
	border: 1px solid #e2e2e2; 
	background: #fbfbfb; 
	-webkit-transition: .5s;
	transition: .5s; 
}
.dashboard-boxes:hover{
	-webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}
.dashboard-boxes a{
  display: block; 
}
.dashboard-boxes-inner{ 
	display: block;
	padding: 10px;
  text-align: center; 
  position: absolute;
	top: 50%;
	width: 100%;
	transform: translate(0, -50%);
	left: 0;
	text-decoration: none;
	box-sizing: border-box;
}
.dashboard-boxes-inner i{
	font-size: 54px;
	display: block;
	margin-bottom: 10px;
	cursor: pointer;
}
.dashboard-boxes h5{
	margin: 0;
	font-size: 18px;
	color: #000;
	text-transform: capitalize;
	font-weight: 500;
	white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
	line-height: 23px;
}
.dashboard-boxes h6{
  margin: 0;
  color: #000; 
  font-size: 16px;
	font-weight: 500;
  margin-top: 10px;
	white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
	line-height: 20px;
}
.removeRow{
	width: 45px;
	height: 45px;
	background: #f00;
	display: block;
	top: 5px;
	right: 5px;
  border-radius: 4px;
	color: #fff;
	line-height: 45px;
	text-align: center;
	text-decoration: none;
	font-size: 21px;
}
.removeRow:hover,.removeRow:focus{
	color: #fff;
}
.ui-purple-icon-chooser{ 
  background: #23282d;
	display: block;
	margin: 0 auto;
	width: 40px;
	height: 40px;
	position: relative;
	border-radius: 100%;
	color: #ffff;
	font-size: 21px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
#externalImgWrp{
  border-spacing: 0;
}
#externalImgWrp tr.externalImgWrp{
  border: 1px solid #e2e2e2;
  background: #fbfbfb;
}
#externalImgWrp tr.externalImgWrp td{
  padding: 5px;
}
#externalImgWrp tr.externalImgWrp.ui-sortable-helper{
  display: table;
}
.sortable-ui-m{
  text-align: center;
}
.removeDashboard, .editDashboard{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 25px;
	height: 25px;
	background: #f00;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	text-align: center;
	line-height: 25px;
	font-size: 16px;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0;
  z-index: 99;
}
.dashboard-boxes:hover .removeDashboard, .dashboard-boxes:hover .editDashboard{
  opacity: 1;
}
.editDashboard{
  right: 35px;
  background: green;
}
.removeDashboard:hover, .editDashboard:hover{
  color: #fff;
  border-radius: 100%;
}
.ui-purple-modal-overlay{
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  display: none;
}
.ui-purple-modal{
  position: fixed;
  background: #fbfbfb;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  box-shadow: 1px 2px 2px rgba(0,0,0,.06);
  z-index: 9999999;
  width: 500px;
  max-width: 95%;
  height: 300px;
  max-height: 95%; 
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none; 
}
.searhIcons input{
	border: none;
	margin: 0;
	width: 100%;
	border-radius: 0;
	line-height: 45px;
	padding: 0 15px;
  border-bottom: 1px solid #e2e2e2;
}
.searhIcons input:hover, .searhIcons input:focus{
	outline: none;
	box-shadow: none;
}
.icon-container-wp{
  height: calc(100% - 76px);
	padding: 15px;
	overflow: auto;
}
.ui-purple-modal-overlay.active, .ui-purple-modal.active{
  display: block;
}
input.path-box, input.name-box{
	text-align: center;
	padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
	margin: 0;
	font-size: inherit;
}
.icon-box-in{
	padding: 5px;
	position: relative;
}
input[name="icon-chooser"]{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0;
	cursor: pointer;
	opacity: 0;
	z-index: 9; 
}
.icon-box-in-pl{
  background: #eeeef3;
	text-align: center;
	padding: 15px;
	font-size: 31px;
	border-radius: 3px;
}
input[name="icon-chooser"]:checked ~ .icon-box-in-pl{
  background: #00c3da;
	color: #fff;
}
.dashboard-boxes.add-new{
	background: #00c3da; 
	border-color: #00c3da;
}
.add-new-item{
  color: #ffff;
  text-decoration: none;	
}
.add-new-item:hover, .add-new-item:focus{
	text-decoration: none;
	color: #fff;
	outline: none;
	box-shadow: none;
}
@media screen and (max-width: 480px){
	.wrp-dashboard{
		padding: 15px 15px 15px 0px
	}
	.col{
		-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
		padding: 5px;
	}
	.dashboard-boxes{
		min-height: 140px;
	}
	.dashboard-boxes h5{
	  font-size: 15px;
	}
	.dashboard-boxes-inner i{
	  font-size: 40px;
	}
	.icon-box-in { 
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%; 
  }
}
@media screen and (min-width: 481px) and (max-width: 782px){
	.col{
		-ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
		padding: 5px;
	}
	.dashboard-boxes{
		min-height: 140px;
	}
	.dashboard-boxes h5{
	  font-size: 15px;
	}
	.dashboard-boxes-inner i{
	  font-size: 40px;
	}
}
@media screen and (min-width: 783px) and (max-width: 1199px){
	.col{
		-ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
		padding: 5px;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1440px){
	.col{
		-ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
		padding: 5px;
	}
}