.font-weight-semi-bold {
	font-weight: 600;
}

.navbar-light .navbar-brand {}

.navbar-brand img {
	width: 150px;
}

.parsley-errors-list {
	padding: 0;
	margin: 0;
}

.parsley-errors-list li {
	color: red;
	list-style: none;
}

.present-img img {
	width: 100px;
	height: auto;
    padding: 5px;
    border: 1px solid #ced4da;
}

.delete-img {
	cursor: pointer;
}

.form-wrap.form-builder .frmb {
	min-height: 300px !important;
	border: 3px dashed #ccc;
}

.btn {
	border-radius: 0;

}

[class*="sidebar-dark-"] {
	background-color: #30333a;
}
.view-header {
    font-size: 22px;
    font-weight: 600;
}
.card,
.card-header {
	border-radius: 0;
}

.btn-group-sm>.btn,
.btn-sm {
	border-radius: 0;
}

.green-text {
	color: #4ef9c8;
}

.submit-btn {
	background-color: #4ef9c8;
	border: #4ef9c8;
	color: #000;
	min-width: 120px;
}

.submit-btn:focus,
.submit-btn:active {
	background-color: #4ef9c8 !important;
    color: #000 !important;
}

.submit-btn:hover {
	background-color: #4ef9c8;
	border: #4ef9c8;
	color: #000;
}

.link-text {
	color: initial;
}

.link-text:hover {
	color: initial;
}

.underline {
	text-decoration: underline;
}

.underline:hover {
	text-decoration: underline;
}

.border-left-green {
	border-left: 2px solid #4ef9c8;
}

.border-left-grey {
	border-left: 2px solid #c6d2dd;
}

.border-left-black {
	border-left: 2px solid #30333a;
}

/* navbar */
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
	background-color: #4ef9c8;
	color: black;
	border-left: 5px solid #fff;
	border-radius: 0;
}

.sidebar-mini .main-sidebar .nav-link,
.sidebar-mini-md .main-sidebar .nav-link,
.sidebar-mini-xs .main-sidebar .nav-link {
	width: 100%;
}

.sidebar {
	padding: 0;
}

.sidebar .nav-pills .nav-link {
	border-radius: 0;
	border-left: 5px solid #30333a;
}

.nav-pills .nav-link {}

.sidebar .nav-pills .nav-link:not(.active):hover {
	border-left: 5px solid #fff;
}

/* setting */
.bg-gray-color {
	background-color: #bac9d7 !important;
}

.setting-tabs.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background-color: #30333a;
	border-left: 5px solid #4ef9c8;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background-color: #30333a;
}

.nav-pills .nav-link:not(.active):hover {
	color: #ffff;
}

.nav-pills .nav-link {
	color: #30333a;
}

.bg-light-black:hover {
	background-color: #30333a;
}

.bg-light-gray {
	background-color: #eaeef1;
}

.border-green {
	border: 1px solid #4ef9c8;
	box-shadow: 0 1px rgba(78, 249, 200, .125), 0 1px 3px rgba(78, 249, 200, 0.5)
}

.bt-0 {
	border-top: none;
}

.bg-black {
	background-color: #30333a !important;
}

.border-grey {
	border: 1px solid #bac9d7;
}

.border-left-grey {
	border-left: 1px solid #bac9d7;
}

.text-black {
	color: #000;
}

/* subscriptions */
.orange-btn {
	background-color: #ffa182;
	border: #ffa182;
	min-width: 120px;
	color: white;
}

.orange-btn:active {
	background-color: #ffa182 !important;
}

.orange-btn:hover, .orange-btn:focus {
	background-color: #ffa182;
	border: #ffa182;
	color: white;
}


/* survey */
.tab-pane-survey ul li a {
	border: 1px solid #bac9d7;

}

.tab-pane-survey ul li:not(:first-child) a {
	border-left: 0;
}

.add-new-page {
	line-height: 30px;
}

.ekko-lightbox {
	margin: 0;
	padding-top: calc(5vh - 1rem);
	padding-bottom: calc(5vh - 1rem);
	padding-left: 20px;
	padding-right: 20px;
}

.ekko-lightbox .modal-dialog {
	margin: 0;
	max-width: 100% !important;
}

.ekko-lightbox .modal-header {
	position: absolute;
	top: 0;
	z-index: 9;
	border: none;
	width: 100%;
	padding: 0;

}

.ekko-lightbox .modal-header h4 {
	display: none;
}

.ekko-lightbox .modal-header .close {
	margin: 10px 10px 10px auto;
	padding: 5px;
	background-color: gray;
	opacity: 1;
	border-radius: 5px;
}

.ekko-lightbox-item:last-child {
	height: 100%;
}

.ekko-lightbox iframe {
	width: 100%;
	height: 100%;
}

.icon-dark-gray::before {
	color: #595c61;
}

.icon-light-gray::before {
	color: #9eabb8;
}

#faq-section .card-title {
	padding: 1.25rem;
	display: flex;
}

/* Custom styles for flat radio buttons */
.filter .radio-group input[type="radio"] {
	display: none;
	/* Hide the default radio button */
}

.filter .radio-group {
	width: 50px;
}

.filter .radio-group label,
.filter .col-form-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 5px 10px;
	border: 1px solid #bac9d7;
	background-color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
}

.filter .col-form-label {
	background-color: #30333a;
	color: white;
	border: 1px solid #30333a;
}

.radio-group input[type="radio"]:checked+label {
	background-color: #30333a;
	color: #fff;
	border-color: #30333a;
}

.filter .form-control,
.filter .btn {
	height: 100%;
}

.border-top-gray {
	border-top: 1px solid #bac9d7;
}

.qn-an-wrap {
    background-image: url('../images/bg-percent.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 35px auto;
}
.ans-list {}
.ans-list .opt-label {
    text-align: center;
}
.ans-list .opt-answer{
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin: 0 auto;
    color: #000;
    text-align: center;
    line-height: 50px;
    font-weight: 600;
}
.ans-list .opt-answer.bg-class-0 {
    background-color: rgba(248,142,116,1);
}
.ans-list .opt-answer.bg-class-1 {
    background-color: rgba(248,142,116,0.8);
}

.ans-list .opt-answer.bg-class-2 {
    background-color: rgba(248,142,116,0.6);
}

.ans-list .opt-answer.bg-class-3 {
    background-color: rgba(248,142,116,0.4);
}
.ans-list .opt-answer.bg-class-4 {
    background-color: rgba(248,142,116,0.2);
}
.ans-list .opt-answer.bg-class-5 {
    background-color: rgba(78,249,200,0.2);
}
.ans-list .opt-answer.bg-class-6 {
    background-color: rgba(78,249,200,0.4);
}
.ans-list .opt-answer.bg-class-7 {
    background-color: rgba(78,249,200,0.6);
}
.ans-list .opt-answer.bg-class-8 {
    background-color: rgba(78,249,200,0.8);
}
.ans-list .opt-answer.bg-class-9 {
    background-color: rgba(78,249,200,0.9);
}
.ans-list .opt-answer.bg-class-10 {
    background-color: rgba(78,249,200,1);
}


.lang-bar{
    
}
.lang-bar div{
    width: 2px;
    height: calc(100% - 6px);
    margin: 3px 0px;
}


.btn-minWidth {
    min-width: 110px;
}

.card-primary.card-outline {
  border-top: 3px solid #4ef9c8;
}
.font-normal {
	font-weight: normal !important;
}
.login-page .link-text:hover {
	text-decoration: underline;
}
.btn-tooltip {
    cursor: pointer;
}