.buttonP a {
	padding: 5px 20px 7px;
	border-radius: 20px;
	display: inline-block;
	margin:0 3px 5px 3px;
	border: solid 1px #4798e8;
}

.buttonP a span{color:#e8395b}

.buttonP a:hover{ background:#e8395b; color:#fff;border: solid 1px #e8395b;}
.buttonP a:hover span{color:#fff;}

.invalid-tooltip, .valid-tooltip{ top:auto!important;}
.select2-selection{height:36px!important; border-radius:0!important;}
.select2-selection span{height:36px!important;line-height:36px!important;}

/*.select2-selection{ height:auto!important;border-radius:0!important;}
*/
.wizard-content .wizard > .steps,#example-basic .steps {
	margin-bottom: 30px;
	background: #fff;
	padding: 1.25rem;
	border-radius: 10px;
	box-shadow: 0 4px 24px 0 rgba(34,41,47,.1);
}

body[data-theme="light"] #example-basic .steps a
{
	background: #fafafa!important;
	color: #3e5569!important;
	margin:0.5em 0.5em 0.5em;
}

body[data-theme="light"] #example-basic .steps .current a
{
	background: #7367f0!important;
	color: #fff!important;
}

.wizard > .content,.wizard, .tabcontrol,.wizard-content .wizard,.wizard-content .wizard > .content{ overflow:inherit; margin:0}
.wizard > .content > .body,.wizard-content .wizard > .content > .body{ padding:0;}

#step_form .actions{
	background: #fff;
	padding: 1.25rem;
	border-radius: 10px;
	box-shadow: 0 4px 24px 0 rgba(34,41,47,.1);
}

#step_form .actions a
{
	color: #fff!important;
	background-color: #2585e4!important;
	border-color: #1c7fe0!important;
	padding:7px 18px!important;
	border-radius:60px!important;
}

#step_form .actions .disabled a
{
	background-color: #23272b!important;
	border-color: #1d2124!important;
}

.steps .number{ display:none;}

body[data-theme="light"] .data-list .even {
  background: #f7f7f7;
}

body[data-theme="light"] .data-table thead tr{
	border-bottom: solid 3px #dee2e6!important;
}

.navbar-header .logo-text{color:#fff!important}
.navbar-header[data-logobg="skin6"] .logo-text{color:#212529!important}

.customizer .service-panel-toggle {
	background: #333d54;
}
.card{border-radius:10px;}

.errors ul {
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.data-list td{vertical-align:middle;padding-top:8px; padding-bottom:8px;}

body[data-theme="light"] .data-list th{ background:#f8f9f8;}

.cT{border-radius:10px 10px 0 0;padding:15px 1.25rem;}
.cT .card-title{ margin-bottom:0}
body[data-theme="light"] .cT{background:#f8f9f8;}

.cT2 .card-title{margin-bottom:0; float:left; margin-top:7px;}
.cT2 div{float:right}
.card{border:0; margin-bottom:30px;}
body[data-theme="light"] .card{box-shadow:0 4px 24px 0 rgba(34,41,47,.1);}
.page-wrapper > .container-fluid{ padding:30px;}

.stars-container {
  position: relative;
  display: inline-block;
  color: transparent;
  font-size:18px;
}

.stars-container:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: #ccc;
  font-size:18px;
}

.stars-container:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  color: #EAC448;
  overflow: hidden;
  font-size:18px;
}


.footable-page .active a, .footable-page-arrow a, .footable-page a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding: .5em 1em;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	color: #67757c;
	border: 1px solid #ddd;
}

.footable-page.active a, .footable-page-arrow a:hover, .footable-page a:hover {
	background-color: #4798e8;
	color: #fff;
}

body[data-theme="light"] #main-wrapper, body[data-theme="light"] .breadcrumb, body[data-theme="light"] .cke_toolbar_separator, body[data-theme="light"] .dropdown-menu, body[data-theme="light"] .jumbotron, body[data-theme="light"] .page-wrapper, body[data-theme="light"] .progress, body[data-theme="light"] .wizard-content .wizard > .steps .step, body[data-theme="light"] .wizard:not(.wizard-circle) > .actions .disabled a, body[data-theme="light"] .wizard:not(.wizard-circle) > .actions .disabled a:active, body[data-theme="light"] .wizard:not(.wizard-circle) > .actions .disabled a:hover, body[data-theme="light"] .wizard:not(.wizard-circle) > .content, body[data-theme="light"] .wizard:not(.wizard-circle) > .steps .disabled a, body[data-theme="light"] .wizard:not(.wizard-circle) > .steps .disabled a:active, body[data-theme="light"] .wizard:not(.wizard-circle) > .steps .disabled a:hover {
	background-color: #f6f6f6;
}

.card-body ul{ margin-left:30px;}
@media screen and (min-width:320px) and (max-width:767px){
	.page-wrapper > .container-fluid{ padding:20px!important;}
#example-basic li{ width:100%!important}
	.mobP{ padding:0!important}
}