/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/


.primary-color, .copyright-text a.primary-color{
	color: #662D91 !important;
}

.heading-text.heading-gradient h2 > *{
	background: radial-gradient(circle at left top, #662D91 9%, #662D91 48%, #662D91 91%);
}

.secondary-color{
	color: #8cc640 !important;
}

.copyright-content.text-dark a:not(.btn):hover:not(.btn-light){
	color: #8cc640 !important;
}

.secondary-bgcolor{
	background-color: #8cc640 !important;
	color: #fff;
}
.primary-bgcolor{
	background-color: #662D91 !important;
	color: #fff;
}

#mainMenu nav > ul > li > a{
	color: #662D91;
	padding: 10px 10px;
	font-size: 14px;
	text-transform: none;
}

#mainMenu.menu-outline nav > ul > li.current > a, 
#mainMenu.menu-outline nav > ul > li:hover > a, 
#mainMenu.menu-outline nav > ul > li:focus > a{
	border-color: #8cc640;
	color: #8cc640;
}

a:not(.btn):not(.badge):hover, 
a:not(.btn):not(.badge):focus, 
a:not(.btn):not(.badge):active{
	color: #662D91;
}

button.btn.btn-primary, 
.btn:not(.close):not(.mfp-close).btn-primary, 
a.btn:not([href]):not([tabindex]).btn-primary{
	background-color: #662D91;
	border-color: #662D91;
}
button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:not(:disabled):not(.disabled):active, button.btn.btn-primary:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close).btn-primary:hover, .btn:not(.close):not(.mfp-close).btn-primary:focus, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]).btn-primary:hover, a.btn:not([href]):not([tabindex]).btn-primary:focus, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active{
	background-color: #8cc640;
	border-color: #8cc640;
}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]){
	background-color: #662D91;
	border-color: #662D91;
}

section{
	padding: 40px 0;
}

.table-striped tbody tr:nth-of-type(2n+1){
	background-color: #f9f9f9;
}

body{
	font-size: 0.9rem;
}

button.btn.btn-outline, .btn:not(.close):not(.mfp-close).btn-outline, a.btn:not([href]):not([tabindex]).btn-outline{
	border-color: #662D91;
	color: #662D91;
}

button.btn.btn-outline:hover, button.btn.btn-outline:focus, button.btn.btn-outline:active, button.btn.btn-outline.active, .btn:not(.close):not(.mfp-close).btn-outline:hover, .btn:not(.close):not(.mfp-close).btn-outline:focus, .btn:not(.close):not(.mfp-close).btn-outline:active, .btn:not(.close):not(.mfp-close).btn-outline.active, a.btn:not([href]):not([tabindex]).btn-outline:hover, a.btn:not([href]):not([tabindex]).btn-outline:focus, a.btn:not([href]):not([tabindex]).btn-outline:active, a.btn:not([href]):not([tabindex]).btn-outline.active{
	color: #8cc640;
	border-color: #8cc640;
	background-color: #fff;
}

.table > thead, table.dataTable thead th{
	background-color: #662D91;
	color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button{
	background: none;
	background-color: #662D91;
	border-color: #662D91;
	color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background: none;
	background-color: #8cc640;
	border-color: #8cc640;
	color: #fff !important;
}

.action-button a i{
	opacity: 0.5;
	color: #000;
}

.action-button a:hover i{
	opacity: 1;
}

.card .card-header.padding-custom{
	padding: 0.8rem 2rem;
	background-color: #8cc640;
}
.card .card-header.padding-custom .card-title{
	color: #fff;
}

.table{
	color: #111;
}

.checkbox::after {
  border-color: #D7B1D7;
  background-color: #D7B1D7;
}

.inspiro-slider .slide .slide-captions h2{
	font-size: 50px;
}

.heading-text h2{
	font-size: 40px;
}

p{
	color: #000;
}

.heading-text.heading-section h2::before{
	background-color: #8cc640;
}

section{
	padding: 60px 0;
}

.dark .form-control, .dark input{
	background-color: #fff;
}

.text-dark a:not(.btn):hover:not(.btn-dark){
	color: #8cc640 !important;
}

.text-light a:not(.btn):hover:not(.btn-light){
	color: #8cc640 !important;
}

h4{
	font-weight: 400;
}

.call-to-action  h3{
	font-weight: 400;
}

#scrollTop i{
	background-color: #662D91 !important;
}

#scrollTop i:hover{
	background-color: #8cc640 !important;
}

section ul {
  list-style: none;
}
section ul li::before {
  content: "\2713";
  color: white;
  font-weight: bold;
  display: inline-block; 
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  margin-left: -2em;
  background-color:#8cc640;
  border-radius: 50%;
  text-align: center;
}

#footer.dark{
	background-color: #333;
}
#footer .copyright-content{
	min-height: 40px;
	padding: 10px 0;
}

.p-radio.p-radio-xl{
	font-size: 300% !important;
}

.yes_tick.p-radio > input[type="radio"]:checked + .p-radio-style::before{
	border: 0;
	color: green;
	background-color: transparent;
	content: "✔";
	font-size: 50px;
	line-height: 50px;
	text-align:left;
	
}

.no_tick.p-radio > input[type="radio"]:checked + .p-radio-style::before{
	border: 0;
	color: red;
	background-color: transparent;
	content: "✔";
	font-size: 50px;
	line-height: 50px;
	text-align:left;
	
}

.na_tick.p-radio > input[type="radio"]:checked + .p-radio-style::before{
	border: 0;
	color: orange;
	background-color: transparent;
	content: "✔";
	font-size: 50px;
	line-height: 50px;
	text-align:left;
	
}

.p-radio > input[type="radio"] + .p-radio-style::before{
	border: 1px solid #ccc;
}

.p-radio > input[type="radio"] + .p-radio-style::after{
	border:0;
}
.p-radio > input[type="radio"] + .p-radio-style{
	float: none ;
}

.table-success, .table-success > td{
	background-color: beige;
}

.yes_dark_background{
	background-color: rgb(144,238,114);
}

.yes_light_background{
	background-color: rgba(144,238,114,0.2)
}

._dark_background{
	background-color: rgb(144,238,114);
}

.yes_light_background{
	background-color: rgba(144,238,114,0.2)
}

.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
	background-color: #eee;
	font-weight: bold;
	color: #fff;
}

.wizard > .steps ul li.current a, .wizard > .steps ul li.current a:hover, .wizard > .steps ul li.current a:active, .wizard > .steps ul li > a:hover, .wizard > .steps ul li > a:active{
	background-color: #662D91;
	color:#fff;
}

.wizard > .steps ul li > a{
	background-color: #ddd;
	color: #333;
}

.form-control{
	border-color: #333;
}

.form-group label:not(.error) {
	color: #333;
}

.form-control:focus{
	border-color: #333;
	box-shadow: none;
}

.tabs.tabs-folder .nav-tabs .nav-link.active{
	background-color:#662D91;
	color: #fff;
	border-color: #662D91;
}

.tabs.tabs-folder .nav-tabs .nav-item{
	width:20%;
	text-align: center;
	border-color: #662D91;
	color: #333;
}

.timepicker, .datetimepicker{
	width: 100%;
}

.p-checkbox > input[type="checkbox"]:checked + .p-checkbox-style::before{
	border: #662D91;
	background: #662D91;
}
#tableWrapper {
	font-size: 14px;
	overflow-x: auto;
	min-width: 100%;
	table-layout: fixed;
}

input:not([type="checkbox"]):not([type="radio"]), select{
	border: 1px solid #333;
}

a{
	color: #8cc640;
}
.tabs.tabs-clean .nav-tabs .nav-link{
	font-size: 16px;
}
.tabs .nav-tabs .nav-link.active{
	color: #662D91;
	
}
.tabs.tabs-clean .nav-tabs .nav-link.active{
	border: 1px solid #662D91;
}

#datatable_paginate{
	margin-top:0;
}


.max{
	border:1px #662D91 solid; 
	border-radius: 15px; 
	background: rgba(102, 45, 145, 0.2); 
	box-shadow: 2px 2px 10px 10px #ddd;
}

.bg-overlay{
	opacity: 0.6;
	background: #000;
}