@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
	/* font-family: 'Poppins', sans-serif; */
	font-family: "Open Sans", sans-serif;
	background: #ecf0f5;
}

a,
a:hover,
a:focus {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
}

th {
	font-weight: normal !important;
}

.navbar {
	padding: 0px 17px;
	border: none;
	border-radius: 0;
}

.navbar-btn {
	box-shadow: none;
	outline: none !important;
	border: none;
}

.line {
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #ccc;
	margin: 40px 0;
}

.border-round {
	border-radius: 10px;
}

i,
span {
	display: inline-block;
}

#sidebar.active ul li a svg {
	width: 100%;
	font-size: 24px;
}

/*** Register form end ***/

.register_all_forms {
	padding: 0px;
}

.bg_orange_content .row.mycolorbox {
	background-color: #3d9be9 !important;
	margin-top: 10px !important;
	min-height: 300px;
}

.bg_orange_content .row.mycolorbox .form-group {
	padding: 15px 20px 20px;
	width: 800px;
	float: none;
	margin: 0 auto;
	box-shadow: 0 2px 20px rgba(138, 105, 105, 0.2);
	background: #fff;
	text-align: center;
	position: absolute !important;
	left: 0%;
	top: 70px;
	z-index: 99;
	border-radius: 6px;
	margin-left: -200px !important;
	min-height: 250px;
}

.border-rightnewreg input, .border-rightnewreg select {
    border-right: 1px solid #efefef;
    margin-bottom: 8px;
    font-size: 14px;
}
.border-rightnewreg .btn {
	font-size: 14px;
}

.og_btn_reg {
	width: auto !important;
	border-radius: 5px !important;
	padding: 5px 15px !important;
}

.focus_new .form-control {
	font-size: 14px;
}

.content_area section.bg-primary {
	max-height: 40vh;
}

.container_fluid.content_area {
	height: 86.8vh;
}

.navbar-collapse.collapse.in.show {
	display: block;
}

.navbar-collapse.collapse {
	display: none;
}

/*** Register form end  ***/

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.top_header_btn {
	background-color: #15a6ee;
	padding: 3px 0;
	min-height: 51.94px;
}

.top_header_btn button {
	text-decoration: none !important;
}

.login_bg {
	background-image: url(../images/login_page.jpeg);
	background-repeat: no-repeat;
	background-position: center top;
	/* background-size: cover; */
}

.wrapper {
	display: flex;
	align-items: stretch;
}

#sidebar {
	min-width: 227px;
	max-width: 230px;
	background: #ffffff;
	color: #000000;
	transition: all 0.3s;
	height: calc(100% - 41px);
	/* min-height: 100vh!important; */
}

#sidebar.active {
	min-width: 140px;
	max-width: 140px;
	text-align: center;
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs {
	display: none;
}

#sidebar.active .sidebar-header strong {
	display: block;
}

#sidebar ul li a {
	text-align: left;
}

#sidebar.active ul li a {
	padding: 20px 2px;
	text-align: center;
	font-size: 0.85em;
}

#sidebar.active ul li a i {
	margin: 0 auto;
	display: block;
	font-size: 1.8em;
	margin-bottom: 5px;
	text-align: center;
}

table.instructions_area ul {
	padding: 14px 30px;
}

.col-sm-12.white_text.test_description.paddingleft_finish p {
	margin-top: 15px;
}

table.instructions_area h3 {
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#sidebar.active ul ul a {
	padding: 10px !important;
}

#sidebar.active .dropdown-toggle::after {
	top: auto;
	bottom: 10px;
	right: 50%;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
}

#sidebar .sidebar-header {
	padding: 3px 10px 0px 15px;
}

#sidebar .sidebar-header strong {
	display: none;
	font-size: 1.8em;
}

#sidebar ul.components {
	padding: 15px 0;
	min-height: 64.6vh;
}

#sidebar ul li a {
	padding:6px 8px;
	font-size: 1em;
	display: block;
	color: #000;
	background: #fff;
	border-top: 1px solid #ccc;
	font-weight: 700;
}

#sidebar ul li:first-child a i {
	background: #3629b7;
}

#sidebar ul li:nth-child(2) a i {
	background: #ff4269;
}

#sidebar ul li:nth-child(3) a i {
	background: #ffaf2a;
}

#sidebar  li:nth-child(4) a i {
	background: #0890fe;
}

#sidebar ul li:nth-child(5) a i {
	background: #52d5bb;
}

#sidebar ul li:nth-child(6) a i {
	background: #7113f2;
}

#sidebar ul li:nth-child(7) a i {
	background: #f21513;
}
#sidebar ul li:nth-child(8) a i {
	background: #e26b0a;
}
#sidebar ul li:nth-child(9) a i {
	background: #0f3037;
}
#sidebar ul li:nth-child(10) a i {
	background: #dc3545;
}

#sidebar ul li a i {
	color: #fff;
	background: #ccc;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 7px;
}

/* 
  #sidebar ul li.active a i {
	color: #f21511;
  }
  
  #sidebar ul li a:hover i {
	color: #f21511;
  } */

#sidebar ul.dropdown_menu li a {
	background: transparent;
	color: rgb(60 58 56) !important;
}

.ntificatin_dot {
	position: relative;
}

.ntificatin_dot span {
	width: 8px;
	height: 8px;
	background: red;
	border-radius: 50%;
	box-shadow: 0 0 7px #ff0000;
	margin-left: 5px;
	margin-top: -6px;
	display: inline-block;
	position: absolute;
	top: 16px;
}

#sidebar ul.dropdown_menu li.active a {
	background: #d9d2ca;
	color: #0047ab !important;
}

#sidebar ul li.active a {
	background: #8d8d8d;
}

#sidebar ul li.active a {
	background: #8d8d8d;
}

#sidebar ul li a span {
	font-size: 1em;
}
#sidebar ul li.active a {
    background: transparent !important;
    background: -moz-linear-gradient(
		left,
		rgba(57, 188, 253, 1) 0%,
		rgba(141, 217, 255, 1) 100%
	);
    background: -webkit-gradient(
		left top,
		right top,
		color-stop(0%, rgba(57, 188, 253, 1)),
		color-stop(100%, rgba(141, 217, 255, 1))
	);
    background: -webkit-linear-gradient(
		left,
		rgba(57, 188, 253, 1) 0%,
		rgba(141, 217, 255, 1) 100%
	);
    background: -o-linear-gradient(
		left,
		rgba(57, 188, 253, 1) 0%,
		rgba(141, 217, 255, 1) 100%
	);
    background: -ms-linear-gradient(
		left,
		rgba(57, 188, 253, 1) 0%,
		rgba(141, 217, 255, 1) 100%
	);
    background: linear-gradient(
		to right,
		rgba(57, 188, 253, 1) 0%,
		rgba(141, 217, 255, 1) 100%
	);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39bcfd', endColorstr='#8dd9ff', GradientType=1);
	color: #312c6a !important;
}
#sidebar ul li a:hover {
	background: transparent !important;
	background: -moz-linear-gradient(
		left,
		rgba(57, 188, 253, 1) 0%,
		rgba(141, 217, 255, 1) 100%
	);
	background: -webkit-gradient(
		left top,
		right top,
		color-stop(0%, rgba(57, 188, 253, 1)),
		color-stop(100%, rgba(141, 217, 255, 1))
	);
	background: -webkit-linear-gradient(
		left,
		rgba(57, 188, 253, 1) 0%,
		rgba(141, 217, 255, 1) 100%
	);
	background: -o-linear-gradient(
		left,
		rgba(57, 188, 253, 1) 0%,
		rgba(141, 217, 255, 1) 100%
	);
	background: -ms-linear-gradient(
		left,
		rgba(57, 188, 253, 1) 0%,
		rgba(141, 217, 255, 1) 100%
	);
	background: linear-gradient(
		to right,
		rgba(57, 188, 253, 1) 0%,
		rgba(141, 217, 255, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39bcfd', endColorstr='#8dd9ff', GradientType=1);
	color: #312c6a;
	cursor: pointer;
}

#sidebar ul li a i {
	margin-right: 10px;
}

a[data-toggle="collapse"] {
	position: relative;
}

.dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

ul ul a {
	font-size: 0.9em !important;
	padding-left: 30px !important;
	background: #f2f2f2;
}

ul.CTAs {
	padding: 20px;
}

ul.CTAs a {
	text-align: center;
	font-size: 0.9em !important;
	display: block;
	border-radius: 5px;
	margin-bottom: 5px;
}

a.download {
	background: #fff;
	color: #7386d5;
}
ul#view-result li a img {
	background: #0890fe;
	padding: 6px;
	border-radius: 8px;
	width: 30px;
	margin-right: 10px;
}
a.article,
a.article:hover {
	background: #da251d;
	color: #fff !important;
}

#sidebar {
	box-shadow: 2px 0px 5px #ccc;
	position: relative;
	background: #fff;
	padding: 10px 10px;
}

.btn_radius .btn {
	border-radius: 1.25rem !important;
	border: none;
}

.border_center {
	border-right: 4px solid #efefef;
}

.li_width li {
	width: 25%;
	display: inline-block;
	border-bottom: 1px solid #fff;
	height: 50px !important;
}

.common_color_class {
	background-color: #312c6a !important;
}

.common_color_class_text {
	color: #312c6a !important;
}

.custom_color {
	color: rgb(130, 170, 190)a093dd;
}

.container-fluid.footer {
	position: fixed;
	z-index: 2;
	bottom: 0;
}
.vh_height {
	height: 65vh !important;
}

.border_main {
	border-width: 3px !important;
}

.btn_create_own button {
	padding: 0px 10px 0 0;
}

.btn_create_own i {
	background-color: #5cb85c;
	padding: 10px 10px;
}

.text_login {
	font-size: 14px;
	line-height: 1.7;
}

.button_own {
	/*   margin-top:15px; */
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.reg_comments {
	height: 120px;
}

.line1 p input {
	vertical-align: sub;
}

.box-border {
	border-width: 5px !important;
}

.image-upload > input {
	display: none;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
	width: 100%;
	padding: 0 20px;
	transition: all 0.3s;
}

.padding-left-right-0 {
	padding: 0;
}

.magin_top_extra {
	margin-top: 40px;
}

.magin_bottom_extra {
	margin-bottom: 40px;
}

.new_paper_movie:nth-child(8) .someDav p {
	margin-bottom: 9px !important;
}

.new_paper_book:nth-child(8) .somebook {
	margin-bottom: 9px !important;
}

.new_paper_game:nth-child(5) .someDiv p {
	margin-bottom: 9px !important;
}

.image_area3 {
	min-height: 25vh;
}

.margin_top_max {
	margin-top: 15px !important;
}

.margin_top_full {
	margin-top: 30px !important;
}

.margin_bottom_full {
	margin-top: 30px !important;
}

.margin_bottom_max {
	margin-bottom: 15px !important;
}

.margin_top_min {
	margin-top: 5px !important;
}

.margin_bottom_min {
	margin-bottom: 5px !important;
}

.margin_left_max {
	margin-left: 15px !important;
}

.margin_right_max {
	margin-right: 15px !important;
}

.margin_left_min {
	margin-left: 10px !important;
}

.margin_right_min {
	margin-right: 5px !important;
}

.someDiv p {
	line-height: 1.5em;
	height: 4.5em;
	overflow: hidden;
}

.someDav p {
	line-height: 1.5em;
	height: 4.5em;
	overflow: hidden;
}

.somebook {
	line-height: 1.5em;
	height: 1.5em;
	overflow: hidden;
}

.navbar_pointer {
	cursor: pointer;
}

.border_inside_box {
	border: 1px solid #fff;
	min-height: 410px;
	margin-top: 20px;
	padding-top: 150px;
}

.border_inside_box_fill {
	border: 1px solid #fff;
	background-color: #fff;
	min-height: 230px;
	margin-top: 10px;
	padding-top: 25px;
	display: inline-block;
	padding-bottom: 20px;
}

/* .margin_equal {
    margin: 10px;
} */

.nav-tabs li {
	text-align: center;
}

.nav-tabs li i {
	color: #585858;
	font-size: 24px;
	display: block;
	margin-bottom: 10px;
}

.nav-tabs li.active i {
	margin-bottom: 10px;
	color: #fff;
	display: block;
}

.nav-tabs li a {
	color: #585858 !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
	background-color: #312c6a !important;
	color: #fff !important;
}

.nav-tabs > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
}

a:hover,
a:active,
a:focus {
	text-decoration: none !important;
}

/* div#queBookmark {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 190px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 35px;
} */

div#queBookmark a {
	display: inline-block;
	width: 34px;
	margin-right: 2px;
	text-align: center;
}

div#queBookmark a span {
	border: 1px solid #ccc;
	padding: 2px 8px;
	margin-right: 0px;
	width: 32px;
	display: inline-block;
	margin-bottom: 5px;
	background-color: #fff;
	border-radius: 5px;
}

div#queBookmark a span.text-success,
div#queBookmark a:hover span {
	background-color: green;
	color: #fff !important;
	cursor: pointer;
}

div#queBookmark a span.text-danger {
	color: #222d32;
}

ul.qa_answers {
	padding-left: 13px;
}

ul.qa_answers li {
	list-style: none;
	line-height: 30px;
}

.progress {
	margin: 0px;
	width: 100%;
}

.bg-title {
	background: white !important;
	overflow: hidden !important;
	padding: 15px 10px 9px;
	margin-left: -25.5px;
	margin-right: -25.5px;
}

.view_all {
	position: absolute;
	bottom: -42px;
	right: 0;
}

.pointer {
	cursor: pointer;
}

.header_fa {
	cursor: pointer;
}

.box_outline {
	border: 3px solid #ccc;
}

.center {
	margin: auto;
	padding: 10px;
}

body {
	font-size: 14px;
}

.logout_drop ul#logout {
	right: -21px !important;
	position: absolute !important;
	z-index: 999;
	width: 120px;
	margin-top: 5px;
	opacity: 1;
	/* border: 1px solid #ccc; */
	height: 90px;
	padding-bottom: 0px;
}

.increlineheight {
	line-height: 28px;
}

.bg_userphoto {
	background-color: transparent;
	width: 98%;
}

ul .logout_drop ul a {
	padding-left: 10px !important;
}

.logout_drop .dropdown-toggle::after {
	right: -15px !important;
	top: 55% !important;
	position: absolute !important;
}

.logout_drop ul {
	background: #0093dd !important;
	padding: 10px 5px;
}

.logout_drop ul li a {
	background: none !important;
	color: #ffffff;
}

.navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.logout_drop {
	margin-top: 8px;
	margin-left: 10px;
}

.career_listing.border.p-3 {
	border-radius: 12px;
}
.test_description h2,
h3 {
	font-size: 19px !important;
}
.border.col-12.col-md-5.col-sm-12.col-xl-5.mx-auto.py-3.text-center.h2 {
	font-size: 19px !important;
}

.word {
	word-wrap: break-word;
}

.canvasjs-chart-toolbar {
	display: none !important;
}

.canvasjs-chart-credit {
	display: none !important;
}

.btn-radius-custom {
	border-radius: 23px;
}



.custom-font {
	font-size: 26px;
}

.font-weight-custom {
	font-weight: 200 !important;
	font-size: 19px;
}

body b {
	font-weight: 600 !important;
}

.custom-font-color {
	color: #abb8bf;
}

.not-allowed {
	cursor: not-allowed !important;
}

.padding-custom {
	padding-right: 15px;
	padding-left: 15px;
}

.custom-not {
	padding-right: 13px;
	padding-left: 13px;
}

.dropdown-custom ul li a {
	padding-bottom: 5px !important;
	padding-top: 5px !important;
	padding-right: 5px !important;
	padding: left 5px !important;
	font-size: 16px !important;
	display: block !important;
	color: #54667a !important;
}

.tab-content > .tab-pane {
	height: 1px;
	overflow: hidden;
	display: block;
	visibility: hidden;
}

.tab-content > .active {
	height: auto;
	overflow: hidden;
	visibility: visible;
}
.careerchoice {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.careerchoice .item {
	display: inline-block;
	text-align: center;
	margin: 20px auto;
	float: none;
	vertical-align: top;
}
.careerchoice .item img {
	width: 60%;
}
.careerchoice .item div {
	min-height: 85px;
}
.careerchoice .item p {
	font-size: 14px;
}
.careerchoice.row .item p {
	font-size: 1.2em !important;
	margin-top: 10px;
}
.careerchoice.row .item img {
	width: 50%;
}
.item img[src="/img/icons/advertiser.svg"] {
	display: block !important;
}
.bg-primary,
.btn-primary {
	background-color: #312c6a !important;
	border-color: #312C6A;
}
.text-primary {
	color: #312C6A !important;
}
.text_size_read {
	font-size: 15px;
	cursor: pointer;
}
.tab-content > #skill.active,
.tab-content > #career.active {
	overflow: hidden;
}

.learning_styles li {
	list-style: none;
	display: inline-block;
	width: 23%;
	margin-right: 1%;
	margin-bottom: 15px;
}

.learning_styles li a {
	display: block;
}

/*** Radio Question area Start ***/

.qa_answers .radio {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 19px !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.progress {
	background-color: #d4d6d7 !important;
}

/* Hide the browser's default radio button */
.qa_answers .radio input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.qa_answers .checkround {
	position: absolute;
	top: 6px;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border-color: #3d9be9;
	border-style: solid;
	border-width: 2px;
	border-radius: 50%;
}

/* When the radio button is checked, add a blue background */
.qa_answers .radio input:checked ~ .checkround {
	background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.qa_answers .checkround:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.qa_answers .radio input:checked ~ .checkround:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.qa_answers .radio .checkround:after {
	left: 2px;
	top: 2px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #3d9be9;
}

#queBookmark {
	width: 100%;
	height: 110px;
	border: 0px solid #000;
	overflow: hidden;
}

.bookmarkLink {
	width: 26px;
	height: 26px;
	border: 1px solid #0000;
	display: inline-block;
	text-align: center;
	margin-bottom: 11px;
}

.bookmarkLink:hover {
	cursor: pointer;
}

#up {
	width: 103%;
	height: 30px;
	background: none;
	color: #000;
	cursor: pointer;
	display: block !important;
	text-align: center;
	margin-bottom: 2px;
}

#down {
	width: 103%;
	height: 40px;
	background: none;
	color: #000;
	cursor: pointer;
	text-align: center;
	margin-top: 10px;
}

.game img {
	width: 100%;
	height: 100%;
}

.movie img {
	width: 100%;
	height: 100%;
}
/*** Radio Question Area end ***/
.image_area3 img,
.login-panel123 img {
	width: 100%;
}

.book img {
	width: 100%;
	height: 212px !important;
}

.red_btn {
	background-color: #f258ac !important;
	color: #fff !important;
}

.red_btn:hover {
	background-color: #eb46a0;
}

.orange_btn {
	background-color: #e27600;
	color: #fff !important;
}

.orange_btn:hover {
	background-color: #d06d00;
}

.yellow_btn {
	background-color: #8879d4;
	color: #fff !important;
}

.yellow_btn:hover {
	background-color: #7969cd;
}

.green_btn {
	background-color: #96b239;
	color: #fff !important;
}

.green_btn:hover {
	background-color: #85a127;
}

.blue_btn {
	background-color: #5271ff;
	color: #fff !important;
}

.blue_btn:hover {
	background-color: #3c5ef8;
}

.purple_btn {
	background-color: #a83781;
	color: #fff !important;
}

.purple_btn:hover {
	background-color: #9b2873;
}

.pink_btn {
	background-color: #6c5f00;
	color: #fff !important;
}

.pink_btn:hover {
	background-color: #5d5200;
}

.grey_btn {
	background-color: #009a54;
	color: #fff !important;
}

.grey_btn:hover {
	background-color: #008448;
}

/* -------------- Custom Css for demo page -------------- */

.widget-content .status-box .dash-s-icon .dashboard-icon-circle {
	position: absolute;
	border: 1px solid #ccc;
	width: 36px;
	height: 36px;
	background: #fff;
	border-radius: 50%;
	z-index: 9;
	left: 50%;
	text-align: center;
	margin-top: -18px;
	top: 0px;
	margin-left: -18px;
}
.widget-content .status-box .dash-s-icon .icons {
	font-size: 20px;
	margin-top: 6px;
}
.widget-content.for-completed .status-box .dash-s-icon .dashboard-icon-circle {
	border-color: #3d9be9;
	color: #3d9be9;
}
.widget-content .status-box .dash-s-icon {
	font-size: 13px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	line-height: normal;
	max-width: 100%;
	text-transform: capitalize;
	padding: 20px 12px 8px 12px;
	text-align: center;
	border-radius: 2px 2px 0 0;
}
.widget-content.for-completed .dash-s-icon {
	background: #3d9be9;
}
.widget-content p {
	font-size: 15px !important;
}
.widget-content.for-completed .dash-s-icon {
	background: #3d9be9;
}
.widget-content .status-box .dash-s-icon4 {
	font-size: 13px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	line-height: normal;
	max-width: 100%;
	text-transform: capitalize;
	padding: 20px 12px 8px 12px;
	text-align: center;
	border-radius: 2px 2px 0 0;
}
.widget-content.for-start .dash-s-icon4 {
	background: #f7aa06;
}
.widget-content .status-box .dash-s-icon4 .dashboard-icon-circle4 .icons {
	color: #f7aa06;
}
.widget-content .status-box .dash-s-icon4 .icons {
	font-size: 20px;
	margin-top: 6px;
}
.dashboard-icon-circle4 .fa-tasks {
	background: #fff;
	color: #f7aa06;
}

.widget-content .status-box .dash-s-icon4 .dashboard-icon-circle4 {
	position: absolute;
	border: 1px solid #ccc;
	width: 36px;
	height: 36px;
	background: #fff;
	border-radius: 50%;
	z-index: 9;
	left: 50%;
	text-align: center;
	margin-top: -18px;
	top: 0px;
	margin-left: -18px;
}
.widget-content .status-box .dash-s-icon4 .icons {
	font-size: 20px;
	margin-top: 6px;
}

.widget-content.for-completed .dash-s-icon3 {
	background: #5cb85c;
}
.widget-content .status-box .dash-s-icon3 .icons {
	font-size: 20px;
	margin-top: 6px;
}
.widget-content .status-box .dash-s-icon3 .dashboard-icon-circle3 {
	position: absolute;
	border: 1px solid #ccc;
	width: 36px;
	height: 36px;
	background: #fff;
	border-radius: 50%;
	z-index: 9;
	left: 50%;
	text-align: center;
	margin-top: -18px;
	top: 0px;
	margin-left: -18px;
}
.widget-content .status-box .dash-s-icon3 .dashboard-icon-circle3 .icons {
	color: #5cb85c;
}
.widget-content .status-box .dash-s-icon3 {
	font-size: 13px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	line-height: normal;
	max-width: 100%;
	text-transform: capitalize;
	padding: 20px 12px 8px 12px;
	text-align: center;
	border-radius: 2px 2px 0 0;
}

.widget-content p {
	font-size: 14px !important;
}
h4.text-center-mobile {
	font-size: 21px;
}
.widget-content .status-box .dash-s-icon2 .dashboard-icon-circle2 .icons {
	color: #8a2be2 !important;
}
.widget-content .status-box .dash-s-icon2 {
	font-size: 13px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	line-height: normal;
	max-width: 100%;
	text-transform: capitalize;
	padding: 20px 12px 8px 12px;
	text-align: center;
	border-radius: 2px 2px 0 0;
}
.widget-content .status-box .dash-s-icon2 .dashboard-icon-circle2 {
	position: absolute;
	border: 1px solid #ccc;
	width: 36px;
	height: 36px;
	background: #fff;
	border-radius: 50%;
	z-index: 9;
	left: 50%;
	text-align: center;
	margin-top: -18px;
	top: 0px;
	margin-left: -18px;
}
.widget-content .status-box .dash-s-icon2 .icons {
	font-size: 20px;
	margin-top: 6px;
}
.widget-content.for-start .dash-s-icon2 {
	background: #8a2be2 !important;
}
.progress-xs {
	height: 5px !important;
}
.dashboard_style p {
	color: #585858;
}
.dashboard_style .box_height {
	height: 120px;
}
.schedule-your-call {
	border: 1px #f1f1d5 solid;
	border-left: 3px solid #3d9be9;
}
.cstm-border {
	border: 1px solid #e9e9e9;
	padding: 20px;
	min-height: 170px;
}
ul.border-left li::before {
	content: "";
	position: absolute;
	width: 15px;
	height: 15px;
	left: 13px;
	background-color: white;
	border: 2px solid #ddd;
	border-radius: 50%;
	z-index: 1;
	margin-top: 5px;
}
ul.border-left.offerslefttext {
	list-style: none;
}
li.qa_answerslist.two_col_images {
	display: inline-block;
	width: 40%;
}
.text-black {
	color: #000000;
}
.text-grey {
	color: #585858 !important;
}
.highlight_level {
	background-color: #fde9d9 !important;
	color: #222222;
}
.grey_bg {
	background-color: #dbeef3 !important;
	color: #222222;
}
body {
	color: #585858;
	line-height: 24px;
}
.pull-right {
	float: right !important;
}
/*** Crousal Css Start result ****/

.slick-slider {
	display: grid !important;
}

.slider {
	width: 90%;
	margin: 50px auto 50px;
}

.slick-slide {
	margin: 0px 40px !important;
}

.slick-slide img {
	width: 90%;
	margin: 0 auto 20px !important;
}

.slick-initialized .slick-slide {
	text-align: center;
}

.slick-prev:before,
.slick-next:before {
	color: #0093dd !important;
}

.slick-slide {
	transition: all ease-in-out 0.3s;
	opacity: 1;
}

.slick-active {
	opacity: 1;
}

.slick-current {
	opacity: 1;
}

.slick-slider .slick-list {
	margin: 0 50px !important;
	padding: 0 30px !important;
}

/*** Crausal Css End ****/

/*** craousal psycat dashboard ***/

.centercongindex.slick-slide {
	margin: 0px 20px !important;
}
.centercongindex.slick-slide img {
	width: 0% !important;
	margin: 0 auto 20px !important;
}
.centercongindex.slider {
	width: 100%;
	margin: 100px auto;
}
.centercongindex.slick-dotted.slick-slider {
	margin-bottom: 70px !important;
}
.centercongindex.slick-track {
	width: 100% !important;
}
.centercongindex.slick-slider .slick-list {
	margin: 0 0px !important;
	padding: 55px 0px !important;
}
.centercongindex.slick-slider img {
	width: auto !important;
}
.slick-dotted.slick-slider {
	margin-bottom: 30px !important;
}
.centercongindex.slider.slick-initialized.slick-slider.slick-dotted {
	margin-top: 20px !important;
}
strong.font-cstm {
	font-size: 17px !important;
}
/*** craousal pyscat dashboard ***/

#chart_div {
	width: 100% !important;
}

.alert_marginbtm_zero .alert {
	margin-bottom: 0px !important;
}
.offerslefttext2 li {
	list-style: none;
}

/* ---------- Dashboard icons CSS START PSYCAT ----------- */
.border_obsessive {
	border: 1px solid #4563c3 !important;
}

.main_part {
	border-radius: 35px;
}

.icon_part {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	padding: 15px 0px;
	margin: 0 auto;
	position: relative;
	top: -50px;
	left: 0;
	right: auto;
	background-color: #fff !important;
}

.border_obsessive.main_part h5,
.border_obsessive.main_part p {
	position: relative;
	top: -28px;
}

.border_obsessive.main_part button {
	border-radius: 30px;
	position: relative;
	right: -38px;
	top: -15px;
	background-color: #4563c3 !important;
	border: 1px solid #4563c3 !important;
	width: 80%;
	text-align: center;
}

.border_obsessive:hover {
	background-color: #4563c3 !important;
	color: #fff !important;
}

.border_obsessive:hover h5,
.border_obsessive:hover p {
	color: #fff !important;
}

.border_obsessive:hover button {
	background-color: #fff !important;
	color: #4563c3 !important;
	border: 1px solid;
}

.icon_part.border_obsessive:hover {
	background-color: #fff !important;
}

.border_social {
	border: 1px solid #f18838 !important;
}

.border_social.main_part h5,
.border_social.main_part p {
	position: relative;
	top: -28px;
}

.border_social.main_part button {
	border-radius: 30px;
	position: relative;
	right: -53px;
	top: -15px;
	background-color: #f18838 !important;
	border: 1px solid #f18838 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_social:hover {
	background-color: #f18838 !important;
	color: #fff !important;
}

.border_social:hover h5,
.border_social:hover p {
	color: #fff !important;
}

.border_social:hover button {
	background-color: #fff !important;
	color: #f18838 !important;
	border: 1px solid;
}

.icon_part.border_social:hover {
	background-color: #fff !important;
}

.border_attitude {
	border: 1px solid #45c3aa !important;
}

.border_attitude.main_part h5,
.border_attitude.main_part p {
	position: relative;
	top: -28px;
}

.border_attitude.main_part button {
	border-radius: 30px;
	position: relative;
	right: -53px;
	top: -15px;
	background-color: #45c3aa !important;
	border: 1px solid #45c3aa !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_attitude img {
	padding: 13px;
}

.border_attitude:hover {
	background-color: #45c3aa !important;
	color: #fff !important;
}

.border_attitude:hover h5,
.border_attitude:hover p {
	color: #fff !important;
}

.border_attitude:hover button {
	background-color: #fff !important;
	color: #45c3aa !important;
	border: 1px solid;
}

.icon_part.border_attitude:hover {
	background-color: #fff !important;
}

.border_tactful {
	border: 1px solid #f57373 !important;
}

.border_tactful.main_part h5,
.border_tactful.main_part p {
	position: relative;
	top: -28px;
}

.border_tactful.main_part button {
	border-radius: 30px;
	position: relative;
	right: -53px;
	top: -15px;
	background-color: #f57373 !important;
	border: 1px solid #f57373 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_tactful:hover {
	background-color: #f57373 !important;
	color: #fff !important;
}

.border_tactful:hover h5,
.border_tactful:hover p {
	color: #fff !important;
}

.border_tactful:hover button {
	background-color: #fff !important;
	color: #f57373 !important;
	border: 1px solid;
}

.icon_part.border_tactful:hover {
	background-color: #fff !important;
}

.border_emotional {
	border: 1px solid #fccc38 !important;
}

.border_emotional.main_part h5,
.border_emotional.main_part p {
	position: relative;
	top: -28px;
}

.border_emotional.main_part button {
	border-radius: 30px;
	position: relative;
	right: -53px;
	top: -15px;
	background-color: #fccc38 !important;
	border: 1px solid #fccc38 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_emotional:hover {
	background-color: #fccc38 !important;
	color: #fff !important;
}

.border_emotional:hover h5,
.border_emotional:hover p {
	color: #fff !important;
}

.border_emotional:hover button {
	background-color: #fff !important;
	color: #fccc38 !important;
	border: 1px solid;
}

.icon_part.border_emotional:hover {
	background-color: #fff !important;
}

.border_planning {
	border: 1px solid #ad6beb !important;
}

.border_planning.main_part h5,
.border_planning.main_part p {
	position: relative;
	top: -28px;
}

.border_planning.main_part button {
	border-radius: 30px;
	position: relative;
	right: -40px;
	top: -15px;
	background-color: #ad6beb !important;
	border: 1px solid #ad6beb !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_planning:hover {
	background-color: #ad6beb !important;
	color: #fff !important;
}

.border_planning:hover h5,
.border_planning:hover p {
	color: #fff !important;
}

.border_planning:hover button {
	background-color: #fff !important;
	color: #ad6beb !important;
	border: 1px solid;
}

/*** Careerfit *****/

.border_thinking {
	border: 1px solid #f28838 !important;
}

.border_thinking.main_part h5,
.border_thinking.main_part p {
	position: relative;
	top: -28px;
}

.border_thinking.main_part button {
	border-radius: 30px;
	position: relative;
	right: -40px;
	top: -15px;
	background-color: #f28838 !important;
	border: 1px solid #f28838 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
	white-space: normal;
}

.border_thinking:hover {
	background-color: #f28838 !important;
	color: #fff !important;
}

.border_thinking:hover h5,
.border_thinking:hover p {
	color: #fff !important;
}

.border_thinking:hover button {
	background-color: #fff !important;
	color: #f28838 !important;
	border: 1px solid;
}

.icon_part.border_thinking:hover {
	background-color: #fff !important;
}

.border_nature {
	border: 1px solid #45c3aa !important;
}

.border_nature.main_part h5,
.border_nature.main_part p {
	position: relative;
	top: -28px;
}

.border_nature.main_part button {
	border-radius: 30px;
	position: relative;
	right: -40px;
	top: -15px;
	background-color: #45c3aa !important;
	border: 1px solid #45c3aa !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
	white-space: normal;
}

.border_nature:hover {
	background-color: #45c3aa !important;
	color: #fff !important;
}

.border_nature:hover h5,
.border_nature:hover p {
	color: #fff !important;
}

.border_nature:hover button {
	background-color: #fff !important;
	color: #45c3aa !important;
	border: 1px solid;
}

.icon_part.border_nature:hover {
	background-color: #fff !important;
}

.border_language {
	border: 1px solid #5bc345 !important;
}

.border_language.main_part h5,
.border_language.main_part p {
	position: relative;
	top: -28px;
}

.border_language.main_part button {
	border-radius: 30px;
	position: relative;
	right: -40px;
	top: -15px;
	background-color: #5bc345 !important;
	border: 1px solid #5bc345 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
	white-space: normal;
}

.border_language:hover {
	background-color: #5bc345 !important;
	color: #fff !important;
}

.border_language:hover h5,
.border_language:hover p {
	color: #fff !important;
}

.border_language:hover button {
	background-color: #fff !important;
	color: #5bc345 !important;
	border: 1px solid;
}

.icon_part.border_language:hover {
	background-color: #fff !important;
}

.border_physical {
	border: 1px solid #00bcf6 !important;
}

.border_physical.main_part h5,
.border_physical.main_part p {
	position: relative;
	top: -28px;
}

.border_physical.main_part button {
	border-radius: 30px;
	position: relative;
	right: -40px;
	top: -15px;
	background-color: #00bcf6 !important;
	border: 1px solid #00bcf6 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
	white-space: normal;
}

.border_physical:hover {
	background-color: #00bcf6 !important;
	color: #fff !important;
}

.border_physical:hover h5,
.border_physical:hover p {
	color: #fff !important;
}

.border_physical:hover button {
	background-color: #fff !important;
	color: #00bcf6 !important;
	border: 1px solid;
}

.icon_part.border_physical:hover {
	background-color: #fff !important;
}

.border_leadership {
	border: 1px solid #fdd039 !important;
}

.border_leadership.main_part h5,
.border_leadership.main_part p {
	position: relative;
	top: -28px;
}

.border_leadership.main_part button {
	border-radius: 30px;
	position: relative;
	right: -40px;
	top: -15px;
	background-color: #fdd039 !important;
	border: 1px solid #fdd039 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
	white-space: normal;
}

.border_leadership:hover {
	background-color: #fdd039 !important;
	color: #fff !important;
}

.border_leadership:hover h5,
.border_leadership:hover p {
	color: #fff !important;
}

.border_leadership:hover button {
	background-color: #fff !important;
	color: #fdd039 !important;
	border: 1px solid;
}

.icon_part.border_leadership:hover {
	background-color: #fff !important;
}

.border_logical.skills {
	border: 1px solid #fdd039 !important;
}

.border_logical.skills.main_part h5,
.border_logical.skills.main_part p {
	position: relative;
	top: -28px;
}

.border_logical.skills.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: 0px;
	background-color: #fdd039 !important;
	border: 1px solid #fdd039 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
	white-space: normal;
	margin-bottom: 25px;
}

.border_logical.skills:hover {
	background-color: #fdd039 !important;
	color: #fff !important;
}

.border_logical.skills:hover h5,
.border_logical.skills:hover p {
	color: #fff !important;
}

.border_logical.skills:hover button {
	background-color: #fff !important;
	color: #fdd039 !important;
	border: 1px solid;
}

.icon_part.border_logical.skills:hover {
	background-color: #fff !important;
}

.border_visual.creative.skills {
	border: 1px solid #4563c4 !important;
}

.border_visual.creative.skills.main_part h5,
.border_visual.creative.skills.main_part p {
	position: relative;
	top: -28px;
}

.border_visual.creative.skills.main_part button {
	border-radius: 30px;
	position: relative;
	right: -40px;
	top: -15px;
	background-color: #4563c4 !important;
	border: 1px solid #4563c4 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
	white-space: normal;
}

.border_visual.creative.skills:hover {
	background-color: #4563c4 !important;
	color: #fff !important;
}

.border_visual.creative.skills:hover h5,
.border_visual.creative.skills:hover p {
	color: #fff !important;
}

.border_visual.creative.skills:hover button {
	background-color: #fff !important;
	color: #4563c4 !important;
	border: 1px solid;
}

.icon_part.border_visual.creative.skills:hover {
	background-color: #fff !important;
}

.border_musical.skills {
	border: 1px solid #f57373 !important;
}

.border_musical.skills.main_part h5,
.border_musical.skills.main_part p {
	position: relative;
	top: -28px;
}

.border_musical.skills.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: 0px;
	background-color: #f57373 !important;
	border: 1px solid #f57373 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
	white-space: normal;
	margin-bottom: 25px;
}

.border_musical.skills:hover {
	background-color: #f57373 !important;
	color: #fff !important;
}

.border_musical.skills:hover h5,
.border_musical.skills:hover p {
	color: #fff !important;
}

.border_musical.skills:hover button {
	background-color: #fff !important;
	color: #f57373 !important;
	border: 1px solid;
}

.icon_part.border_musical.skills:hover {
	background-color: #fff !important;
}

/**** Careerfit end ******/

.icon_part.border_planning:hover {
	background-color: #fff !important;
}

.nav-tabs .nav-link {
	border: 0px !important;
}

/*********** Cog js icons **************/

.border_linguistic {
	border: 1px solid #5bc345 !important;
}

.border_linguistic.main_part h5,
.border_linguistic.main_part p {
	position: relative;
	top: -28px;
}

.border_linguistic.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #5bc345 !important;
	border: 1px solid #5bc345 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_linguistic:hover {
	background-color: #5bc345 !important;
	color: #fff !important;
}

.border_linguistic:hover h5,
.border_linguistic:hover p {
	color: #fff !important;
}

.border_linguistic:hover button {
	background-color: #fff !important;
	color: #5bc345 !important;
	border: 1px solid;
}

.icon_part.border_linguistic:hover {
	background-color: #fff !important;
}

.border_naturalistic {
	border: 1px solid #45c3aa !important;
}

.border_naturalistic.main_part h5,
.border_naturalistic.main_part p {
	position: relative;
	top: -28px;
}

.border_naturalistic.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #45c3aa !important;
	border: 1px solid #45c3aa !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_naturalistic:hover {
	background-color: #45c3aa !important;
	color: #fff !important;
}

.border_naturalistic:hover h5,
.border_naturalistic:hover p {
	color: #fff !important;
}

.border_naturalistic:hover button {
	background-color: #fff !important;
	color: #45c3aa !important;
	border: 1px solid;
}

.icon_part.border_naturalistic:hover {
	background-color: #fff !important;
}

.border_logical {
	border: 1px solid #fdd039 !important;
}

.border_logical.main_part h5,
.border_logical.main_part p {
	position: relative;
	top: -28px;
}

.border_logical.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #fdd039 !important;
	border: 1px solid #fdd039 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_logical:hover {
	background-color: #fdd039 !important;
	color: #fff !important;
}

.border_logical:hover h5,
.border_logical:hover p {
	color: #fff !important;
}

.border_logical:hover button {
	background-color: #fff !important;
	color: #fdd039 !important;
	border: 1px solid;
}

.icon_part.border_logical:hover {
	background-color: #fff !important;
}

.border_musical {
	border: 1px solid #f57373 !important;
}

.border_musical.main_part h5,
.border_musical.main_part p {
	position: relative;
	top: -28px;
}

.border_musical.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #f57373 !important;
	border: 1px solid #f57373 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_musical:hover {
	background-color: #f57373 !important;
	color: #fff !important;
}

.border_musical:hover h5,
.border_musical:hover p {
	color: #fff !important;
}

.border_musical:hover button {
	background-color: #fff !important;
	color: #f57373 !important;
	border: 1px solid;
}

.icon_part.border_musical:hover {
	background-color: #fff !important;
}

.border_visual {
	border: 1px solid #4563c4 !important;
}

.border_visual.main_part h5,
.border_visual.main_part p {
	position: relative;
	top: -28px;
}

.border_visual.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #4563c4 !important;
	border: 1px solid #4563c4 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_visual:hover {
	background-color: #4563c4 !important;
	color: #fff !important;
}

.border_visual:hover h5,
.border_visual:hover p {
	color: #fff !important;
}

.border_visual:hover button {
	background-color: #fff !important;
	color: #4563c4 !important;
	border: 1px solid;
}

.icon_part.border_visual:hover {
	background-color: #fff !important;
}

.border_intrapersonal {
	border: 1px solid #f28838 !important;
}

.border_intrapersonal.main_part h5,
.border_intrapersonal.main_part p {
	position: relative;
	top: -28px;
}

.border_intrapersonal.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #f28838 !important;
	border: 1px solid #f28838 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_intrapersonal:hover {
	background-color: #f28838 !important;
	color: #fff !important;
}

.border_intrapersonal:hover h5,
.border_intrapersonal:hover p {
	color: #fff !important;
}

.border_intrapersonal:hover button {
	background-color: #fff !important;
	color: #f28838 !important;
	border: 1px solid;
}

.icon_part.border_intrapersonal:hover {
	background-color: #fff !important;
}

.border_kinesthetic {
	border: 1px solid #00bcf6 !important;
}

.border_kinesthetic.main_part h5,
.border_kinesthetic.main_part p {
	position: relative;
	top: -28px;
}

.border_kinesthetic.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #00bcf6 !important;
	border: 1px solid #00bcf6 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_kinesthetic:hover {
	background-color: #00bcf6 !important;
	color: #fff !important;
}

.border_kinesthetic:hover h5,
.border_kinesthetic:hover p {
	color: #fff !important;
}

.border_kinesthetic:hover button {
	background-color: #fff !important;
	color: #00bcf6 !important;
	border: 1px solid;
}

.icon_part.border_kinesthetic:hover {
	background-color: #fff !important;
}

.border_interpersonal {
	border: 1px solid #8e52b5 !important;
}

.border_interpersonal.main_part h5,
.border_interpersonal.main_part p {
	position: relative;
	top: -28px;
}

.border_interpersonal.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #8e52b5 !important;
	border: 1px solid #8e52b5 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_interpersonal:hover {
	background-color: #8e52b5 !important;
	color: #fff !important;
}

.border_interpersonal:hover h5,
.border_interpersonal:hover p {
	color: #fff !important;
}

.border_interpersonal:hover button {
	background-color: #fff !important;
	color: #8e52b5 !important;
	border: 1px solid;
}

.icon_part.border_interpersonal:hover {
	background-color: #fff !important;
}

/************** Cog jr icons end ***********/

/* ---------- Dashboard icons CSS END ------------ */

/* ----------  Main Dashboard icons CSS START  ----------- */
.color1 {
	color: #f18838;
}
.border_obsessive {
	border: 1px solid #f18838 !important;
}

.main_part {
	border-radius: 35px;
}

.icon_part {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	padding: 15px 0px;
	margin: 0 auto;
	position: relative;
	top: -50px;
	left: 0;
	right: auto;
	background-color: #fff !important;
}

.border_obsessive.main_part h5,
.border_obsessive.main_part p {
	position: relative;
	top: -28px;
}

.border_obsessive.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #f18838 !important;
	border: 1px solid #f18838 !important;
	width: 80%;
	text-align: center;
}

.border_obsessive:hover {
	background-color: #f18838 !important;
	color: #fff !important;
}

.border_obsessive:hover h5,
.border_obsessive:hover p {
	color: #fff !important;
}

.border_obsessive:hover button {
	background-color: #fff !important;
	color: #f18838 !important;
	border: 1px solid;
}

.icon_part.border_obsessive:hover {
	background-color: #fff !important;
}

.border_social {
	border: 1px solid #5bc345 !important;
}

.border_social.main_part h5,
.border_social.main_part p {
	position: relative;
	top: -28px;
}

.border_social.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #5bc345 !important;
	border: 1px solid #5bc345 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_social:hover {
	background-color: #5bc345 !important;
	color: #fff !important;
}
.cc {
	color: #5bc345;
}

.border_social:hover h5,
.border_social:hover p {
	color: #fff !important;
}

.border_social:hover button {
	background-color: #fff !important;
	color: #5bc345 !important;
	border: 1px solid;
}

.icon_part.border_social:hover {
	background-color: #fff !important;
}

.border_attitude {
	border: 1px solid #f57373 !important;
}

.border_attitude.main_part h5,
.border_attitude.main_part p {
	position: relative;
	top: -28px;
}

.border_attitude.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #f57373 !important;
	border: 1px solid #f57373 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}
.color3 {
	color: #f57373;
}

.border_attitude img {
	padding: 13px;
}

.border_attitude:hover {
	background-color: #f57373 !important;
	color: #fff !important;
}

.border_attitude:hover h5,
.border_attitude:hover p {
	color: #fff !important;
}

.border_attitude:hover button {
	background-color: #fff !important;
	color: #f57373 !important;
	border: 1px solid;
}

.icon_part.border_attitude:hover {
	background-color: #fff !important;
}

.border_tactful {
	border: 1px solid #45c3aa !important;
}

.border_tactful.main_part h5,
.border_tactful.main_part p {
	position: relative;
	top: -28px;
}

.border_tactful.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #45c3aa !important;
	border: 1px solid #45c3aa !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_tactful:hover {
	background-color: #45c3aa !important;
	color: #fff !important;
}

.border_tactful:hover h5,
.border_tactful:hover p {
	color: #fff !important;
}

.border_tactful:hover button {
	background-color: #fff !important;
	color: #45c3aa !important;
	border: 1px solid;
}

.icon_part.border_tactful:hover {
	background-color: #fff !important;
}

.border_emotional {
	border: 1px solid #4563c3 !important;
}

.border_emotional.main_part h5,
.border_emotional.main_part p {
	position: relative;
	top: -28px;
}

.border_emotional.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #4563c3 !important;
	border: 1px solid #4563c3 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_emotional:hover {
	background-color: #4563c3 !important;
	color: #fff !important;
}

.border_emotional:hover h5,
.border_emotional:hover p {
	color: #fff !important;
}

.border_emotional:hover button {
	background-color: #fff !important;
	color: #4563c3 !important;
	border: 1px solid;
}

.icon_part.border_emotional:hover {
	background-color: #fff !important;
}

.border_planning {
	border: 1px solid #fccc38 !important;
}

.border_planning.main_part h5,
.border_planning.main_part p {
	position: relative;
	top: -28px;
}

.border_planning.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #fccc38 !important;
	border: 1px solid #fccc38 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_planning:hover {
	background-color: #fccc38 !important;
	color: #fff !important;
}

.border_planning:hover h5,
.border_planning:hover p {
	color: #fff !important;
}

.border_planning:hover button {
	background-color: #fff !important;
	color: #fccc38 !important;
	border: 1px solid;
}

.icon_part.border_planning:hover {
	background-color: #fff !important;
}

.border_patience {
	border: 1px solid #7cdf56 !important;
}

.border_patience.main_part h5,
.border_patience.main_part p {
	position: relative;
	top: -28px;
}

.border_patience.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #7cdf56 !important;
	border: 1px solid #7cdf56 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_patience:hover {
	background-color: #7cdf56 !important;
	color: #fff !important;
}

.border_patience:hover h5,
.border_patience:hover p {
	color: #fff !important;
}

.border_patience:hover button {
	background-color: #fff !important;
	color: #7cdf56 !important;
	border: 1px solid;
}

.icon_part.border_patience:hover {
	background-color: #fff !important;
}

.border_diq {
	border: 1px solid #c38345 !important;
}

.border_diq.main_part h5,
.border_diq.main_part p {
	position: relative;
	top: -28px;
}

.border_diq.main_part button {
	border-radius: 30px;
	position: relative;
	right: -35px;
	top: -15px;
	background-color: #c38345 !important;
	border: 1px solid #c38345 !important;
	color: #fff !important;
	width: 80%;
	text-align: center;
}

.border_diq:hover {
	background-color: #c38345 !important;
	color: #fff !important;
}

.border_diq:hover h5,
.border_diq:hover p {
	color: #fff !important;
}

.border_diq:hover button {
	background-color: #fff !important;
	color: #c38345 !important;
	border: 1px solid;
}

.icon_part.border_diq:hover {
	background-color: #fff !important;
}

.nav-tabs .nav-link {
	border: 0px !important;
}

.purple_btn {
	background-color: #8e2fd1;
}

.green_btn {
	background-color: #198c3f;
}

.orange_btn {
	background-color: #ee741a;
}

.slick-dots {
	bottom: 95px !important;
}

div#indicators a {
	cursor: pointer;
}

.diqdiv p {
	line-height: 1.5em;
	height: 7.5em;
	overflow: hidden;
}

/****** Loader Start ********/

.content {
	display: flex;
	justify-content: top;
	align-items: top;
	width: 100%;
	height: 100%;
}

.loader-wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.loader {
	display: inline-block;
	width: 64px;
	height: 71px;
	position: relative;
	/* border: 4px solid #242f3f; */
	animation: loader 2s infinite ease;
}
.loader-inner {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	/* background-color: #242f3f; */
	background-image: url(/img/logo.png) !important;
	animation: loader-inner 2s infinite ease-in;
}
@keyframes loader {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(180deg);
	}
	50% {
		transform: rotate(180deg);
	}
	75% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes loader-inner {
	0% {
		height: 0%;
	}
	25% {
		height: 0%;
	}
	50% {
		height: 100%;
	}
	75% {
		height: 100%;
	}
	100% {
		height: 0%;
	}
}

/****** Loader End *********/

/* ---------- Main Dashboard icons CSS END ------------ */

/* Dashboard Recommendations Start */

.reco-cstm-btm-movies {
	background-color: #4563c3;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 6px #ddd;
}

.reco-cstm-btm-books {
	background-color: #45c3aa;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 6px #ddd;
}

.reco-cstm-btm-games {
	background-color: #f18838;
	border-radius: 5px;
	box-shadow: 0px 0px 5px 6px #ddd;
}

/* Dashboard Recommendations END */

/*** craousal Main dashboard ***/

.dashboardmain.slick-slide {
	margin: 0px 20px !important;
}
.dashboardmain.slick-slide img {
	width: 0% !important;
	margin: 0 auto 20px !important;
}
.dashboardmain.slider {
	width: 100%;
	margin: 100px auto;
}
.dashboardmain.slick-dotted.slick-slider {
	margin-bottom: 70px !important;
}
.dashboardmain.slick-track {
	width: 100% !important;
}
.dashboardmain.slick-slider .slick-list {
	margin: 0 0px !important;
	padding: 55px 0px 20px !important;
}
.dashboardmain.slick-slider img {
	width: 90% !important;
}
.slick-dotted.slick-slider {
	margin-bottom: 30px !important;
}
.dashboardmain.slider.slick-initialized.slick-slider.slick-dotted {
	margin-top: 20px !important;
}
.dashboardmain div.slick-slide:focus {
	border: 0px !important;
	box-shadow: 11px !important;
	outline: none;
}

.min-height {
	min-height: 40vh;
}
/*** craousal pyscat dashboard ***/

.slick-slide .col_badge img {
	width: auto !important;
	position: absolute;
	right: 0;
	top: -16px;
}

.reco-cstm-btm-movies h3,
.reco-cstm-btm-books h3,
.reco-cstm-btm-games h3 {
	font-size: 1.55rem !important;
}

.col-md-12.col-sm-12.col-xs-12.col-lg-12 th h3 {
	padding-left: 22px !important;
	padding-top: 5px !important;
}

.col-md-12.col-sm-12.col-xs-12.col-lg-12 p {
	font-size: 14px !important;
}
h4.text-primary.text-center-mobile.font-cstm-size {
	font-size: 25px;
}
.col-12.col-md-6.col-sm-12.col-xl-6.left_section_activity img {
	margin-bottom: 10px;
}
.col-12.col-md-6.col-sm-12.col-xl-6.right_section_activity img {
	margin-bottom: 10px;
}
.btn.btn-w {
	width: 69%;
}
h5.modal-title {
	text-align: left !important;
}

.subs_imgtopban,
.subs_imgtopban2 {
	padding-right: 0px;
}

.subs_imgtopban2 img {
	width: 77%;
	float: right;
}

.subs_imgtopban img {
	float: right;
}
a.btn.btn-primary.btn_custom {
	margin-bottom: 15px;
}

/* Rajat css for Result */

.progress.cstm.mb-1 {
	display: -ms-flexbox;
	display: flex;
	height: 20px !important;
	overflow: hidden;
	font-size: 0.75rem;
	background-color: #e9ecef;
	border-radius: 10px !important;
}

button.btn.btn-outline-primary.btn-sm {
	border-radius: 18px;
}

.progress-bar.nature {
	background-color: #83cca7;
	border-radius: 12px;
}

.progress-bar.physical {
	background-color: #86b0d3;
	border-radius: 12px;
}

.progress-bar.musical {
	background-color: #dd8f8e;
	border-radius: 12px;
}

.progress-bar.visual {
	background-color: #86d7e0;
	border-radius: 12px;
}

.progress-bar.logical {
	background-color: #d8ea87;
	border-radius: 12px;
}

.progress-bar.language {
	background-color: #7ac4e6;
	border-radius: 12px;
}

.progress-bar.thinking {
	background-color: #e89c76;
	border-radius: 12px;
}

.progress-bar.leadership {
	background-color: #e4d87f;
	border-radius: 12px;
}

.progress-bar.linguistic {
	background-color: #7ac4e6;
	border-radius: 12px;
}

.progress-bar.interpersonal {
	background-color: #e4d87f;
	border-radius: 12px;
}

.progress-bar.intrapersonal {
	background-color: #e89c76;
	border-radius: 12px;
}

.progress-bar.kinesthetic {
	background-color: #86b0d3;
	border-radius: 12px;
}
.progress-bar.naturalistic {
	background-color: #83cca7;
	border-radius: 12px;
}

.bg-custom {
	background-color: #f2f2f2 !important;
}
.bg-linguistic {
	background-color: #71c8ff !important;
}
.bg-visual {
	background-color: #68e8f0 !important;
}
.bg-musical {
	background-color: #ff7575 !important;
}
.bg-logical {
	background-color: #fcca37 !important;
}
.bg-physical {
	background-color: #92aaff !important;
}
.bg-thinking {
	background-color: #ffa024 !important;
}
.bg-social {
	background-color: #ffee53 !important;
}
.bg-nature {
	background-color: #a5f450 !important;
}
ul.tick-content li:before {
	content: "✓";
	font-weight: bold;
	padding-right: 3px;
}
.border-radius {
	border-radius: 10px;
}
.border-radius-top {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
ul.list-unstyled.tick-content li {
	padding: 5px;
}
.bg-textarea {
	background-color: #f3f3f3;
	border-radius: 6px;
}
.border-cstm {
	border-color: #000000 !important;
	border-radius: 6px;
}

.vertical-text {
	transform: rotate(-90deg);
	position: absolute;
	right: -38px;
	top: -111px;
	background-color: #ff0;
	padding: 2px 12px;
	border-radius: 5px 5px 0 0;
}
.cstm-btn {
	position: absolute;
	bottom: -20px;
	margin: 0 auto;
	left: 41%;
}
.cstm-line-height {
	line-height: 28px;
}
.text-muted-color {
	color: #cccccc;
}
.h5.strong {
	font-weight: 600;
}
.fixed-mh {
	min-height: 90px;
}
svg {
	overflow: hidden;
	vertical-align: baseline;
}
li.nav-item.border {
	border-radius: 5px;
}

strong .pl-2 {
	text-transform: uppercase !important;
}

button.close {
	opacity: 1 !important;
}

.modal-footer {
	border: none;
}

.modal-body.cstm-f-weight {
	font-weight: 500;
}

.modal-header {
	border-radius: 15px 15px 0 0;
	background-color: #0093dd !important;
	color: #ffffff !important;
}

.modal-content {
	border-radius: 15px;
}

.mlable{
	margin: 6px 25px
}

.mbutton{
	float: right; margin: 0px 25px;
}

button.close {
	color: #fff !important;
}
.close:not(:disabled):not(.disabled):hover {
	color: #fff !important;
	text-decoration: none;
	opacity: 1;
}

/* rajat css End */

/*** New Cog Result Start ****/

.dynamiciq .title_area {
	color: #fff;
	background-color: #ef870d;
	padding: 10px 0px;
	border-radius: 10px;
	position: relative;
	width: 80%;
	margin: 0 auto;
	top: 20px;
	z-index: 999;
}

.focusfactor .title_area {
	color: #fff;
	background-color: #cf2224;
	padding: 10px 0px;
	border-radius: 10px;
	position: relative;
	width: 80%;
	margin: 0 auto;
	top: 20px;
	z-index: 999;
}

.decisionmakingability .title_area {
	color: #fff;
	background-color: #004aad;
	padding: 10px 0px;
	border-radius: 10px;
	position: relative;
	width: 80%;
	margin: 0 auto;
	top: 20px;
	z-index: 999;
}

.creativequotient .title_area {
	color: #fff;
	background-color: #388400;
	padding: 10px 0px;
	border-radius: 10px;
	position: relative;
	width: 80%;
	margin: 0 auto;
	top: 20px;
	z-index: 999;
}

.dynamiciq .border-round,
.focusfactor .border-round,
.decisionmakingability .border-round,
.creativequotient .border-round {
	border-radius: 10px;
	box-shadow: 0px 0px 8px #dddddd;
}

.barstatus {
	font-weight: bold;
	color: #464646;
}

.dynamiciq .prog_bar .progress,
.focusfactor .prog_bar .progress,
.decisionmakingability .prog_bar .progress,
.creativequotient .prog_bar .progress {
	height: 1.6rem !important;
	border-radius: 0.65rem !important;
	box-shadow: inset 0px 2px 5px #878787;
}

.dynamiciq .progress-bar {
	background: #ef870d;
	border-radius: 0.65rem;
	box-shadow: inset 0px -2px 4px #6e6e6e;
}

.focusfactor .progress-bar {
	background: #cf2224;
	border-radius: 0.65rem;
	box-shadow: inset 0px -2px 4px #6e6e6e;
}

.decisionmakingability .progress-bar {
	background: #004aad;
	border-radius: 0.65rem;
	box-shadow: inset 0px -2px 4px #6e6e6e;
}

.creativequotient .progress-bar {
	background: #388400;
	border-radius: 0.65rem;
	box-shadow: inset 0px -2px 4px #6e6e6e;
}

.dynamiciq .progress-bar-striped,
.focusfactor .progress-bar-striped,
.decisionmakingability .progress-bar-striped,
.creativequotient .progress-bar-striped {
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.15) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%,
		transparent 75%,
		transparent
	);
	background-size: 1rem 1rem;
}

.progresstext {
	font-size: 14px;
}

.progresstext_readmore a {
	font-size: 14px;
	color: #464646;
	border-radius: 20px;
	text-decoration: none;
}

.cognitivecapacity .bg_colored {
	background-color: #7be7fa;
	box-shadow: 5px 5px 33px -17px #585858;
	border-radius: 20px 0px 0px 20px;
}

.light_bgarea {
	background-color: #fafafa;
	border-radius: 0px 20px 20px 0px;
}

.cognitivecapacity,
.learningpace,
.thinkingpattern,
.estimationlevel {
	border-radius: 20px;
	box-shadow: 0px 0px 8px #dddddd;
}

.cognitivecapacity p,
.learningpace p,
.thinkingpattern p,
.estimationlevel p {
	font-size: 14px;
}

.border_radd {
	border-radius: 15px;
	border-color: #000;
	background-color: #fff;
	font-size: 14px;
}

.learningpace .bg_colored {
	background-color: #fae77b;
	box-shadow: 5px 5px 33px -17px #585858;
	border-radius: 20px 0px 0px 20px;
}

.thinkingpattern .bg_colored {
	background-color: #ff9bab;
	box-shadow: 5px 5px 33px -17px #585858;
	border-radius: 20px 0px 0px 20px;
}

.estimationlevel .bg_colored {
	background-color: #84f08b;
	box-shadow: 5px 5px 33px -17px #585858;
	border-radius: 20px 0px 0px 20px;
}

/**** New Cog Result End ****/

/**** Zoomer Start *****/

figure.zoom {
	background-position: 50% 50%;
	position: relative;
	width: 100%;
	overflow: hidden;
	cursor: zoom-in;
}
figure.zoom:hover {
	opacity: 1;
	background-image: url(/img/learningnature_newimg.svg);
	background-repeat: no-repeat;
	background-size: 130%;
}
figure.zoom img:hover {
	opacity: 0 !important;
}
figure.zoom img {
	transition: opacity 0.5s;
	display: block;
	width: 100%;
}

.numbering_area {
	position: absolute;
	top: -35px;
	right: -15px;
	font-size: 20px;
	font-weight: bold;
}

.numbering_area .greennum {
	border: 1px solid #008448;
	color: #008448;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	padding-top: 6px;
	background-color: #fff;
}

.numbering_area .yellownum {
	border: 1px solid #f9bb00;
	color: #f9bb00;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	padding-top: 6px;
	background-color: #fff;
}

.numbering_area .rednum {
	border: 1px solid #e9653d;
	color: #e9653d;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	padding-top: 6px;
	background-color: #fff;
}

.shadow_btm_tracker {
	box-shadow: 0px 17px 33px -20px #000;
}

.tracker_date h6 {
	font-size: 16px;
}

/**** Zoomer end *****/

.alert_pop {
	position: absolute;
	top: 7%;
	left: 25%;
	z-index: 9999;
}

.slick-next:before {
	/* content: '>'!important; */
	font-size: 30px !important;
}

.slick-prev:before {
	/* content: '<' !important; */
	font-size: 30px !important;
}

#linguistic .border_linguistic,
#intrapersonal .border_intrapersonal,
#naturalistic .border_naturalistic,
#interpersonal .border_interpersonal,
#visual .border_visual,
#kinesthetic .border_kinesthetic,
#musical .border_musical,
#logical .border_logical {
	border-radius: 50%;
	text-align: center;
	height: 134px;
	padding-top: 15px;
}

#linguistic .border_linguistic:hover,
#intrapersonal .border_intrapersonal:hover,
#naturalistic .border_naturalistic:hover,
#interpersonal .border_interpersonal:hover,
#visual .border_visual:hover,
#kinesthetic .border_kinesthetic:hover,
#musical .border_musical:hover,
#logical .border_logical:hover {
	background: none !important;
}

div#career,
div#ability,
div#skill,
div#recommendations {
	color: #000;
}

.color-green {
	background-color: #aed581;
}
.color-orange {
	background-color: #ffb74d;
}
.color-blue {
	background-color: #64b5f6;
}
.color-pink {
    background-color: #f06292;
}
.color-voilet {
	background-color: #ba68c8;
}
.color-red {
	background-color: #e57373;
}
.color-indigo {
	background-color: #7986cb;
}
.color-gray {
	background-color: #90a4ae;
}

.pesp_1366 .count-n {
	display: inline-block;
	width: 36%;
	padding-left: 1%;
	vertical-align: top;
}
.pesp_1366 h5 {
	display: inline-block;
	width: 60%;
	min-height: 80px;
	font-size: 0.99rem;
}
.pesp_1366-1 h5 {
	display: inline-block;
	width: 88%;
	min-height: 80px;
	font-size: 18px;
	line-height: 1.4;
	padding-left: 10px;
}
.number {
	font-size: 40px;
	color: #ffff;
}

.bg-gradientasses {
	background: rgba(37, 191, 181, 1);
	background: -moz-linear-gradient(
		-45deg,
		rgba(37, 191, 181, 1) 0%,
		rgba(66, 229, 150, 1) 100%
	);
	background: -webkit-gradient(
		left top,
		right bottom,
		color-stop(0%, rgba(37, 191, 181, 1)),
		color-stop(100%, rgba(66, 229, 150, 1))
	);
	background: -webkit-linear-gradient(
		-45deg,
		rgba(37, 191, 181, 1) 0%,
		rgba(66, 229, 150, 1) 100%
	);
	background: -o-linear-gradient(
		-45deg,
		rgba(37, 191, 181, 1) 0%,
		rgba(66, 229, 150, 1) 100%
	);
	background: -ms-linear-gradient(
		-45deg,
		rgba(37, 191, 181, 1) 0%,
		rgba(66, 229, 150, 1) 100%
	);
	background: linear-gradient(
		135deg,
		rgba(37, 191, 181, 1) 0%,
		rgba(66, 229, 150, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25bfb5', endColorstr='#42e596', GradientType=1 );
}

.bg-gradientability {
	background: rgba(244, 136, 100, 1);
	background: -moz-linear-gradient(
		-45deg,
		rgba(244, 136, 100, 1) 0%,
		rgba(253, 162, 65, 1) 100%
	);
	background: -webkit-gradient(
		left top,
		right bottom,
		color-stop(0%, rgba(244, 136, 100, 1)),
		color-stop(100%, rgba(253, 162, 65, 1))
	);
	background: -webkit-linear-gradient(
		-45deg,
		rgba(244, 136, 100, 1) 0%,
		rgba(253, 162, 65, 1) 100%
	);
	background: -o-linear-gradient(
		-45deg,
		rgba(244, 136, 100, 1) 0%,
		rgba(253, 162, 65, 1) 100%
	);
	background: -ms-linear-gradient(
		-45deg,
		rgba(244, 136, 100, 1) 0%,
		rgba(253, 162, 65, 1) 100%
	);
	background: linear-gradient(
		135deg,
		rgba(244, 136, 100, 1) 0%,
		rgba(253, 162, 65, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48864', endColorstr='#fda241', GradientType=1 );
}

.bg-gradientthinking {
	background: rgba(61, 156, 233, 1);
	background: -moz-linear-gradient(
		-45deg,
		rgba(61, 156, 233, 1) 0%,
		rgba(54, 204, 246, 1) 100%
	);
	background: -webkit-gradient(
		left top,
		right bottom,
		color-stop(0%, rgba(61, 156, 233, 1)),
		color-stop(100%, rgba(54, 204, 246, 1))
	);
	background: -webkit-linear-gradient(
		-45deg,
		rgba(61, 156, 233, 1) 0%,
		rgba(54, 204, 246, 1) 100%
	);
	background: -o-linear-gradient(
		-45deg,
		rgba(61, 156, 233, 1) 0%,
		rgba(54, 204, 246, 1) 100%
	);
	background: -ms-linear-gradient(
		-45deg,
		rgba(61, 156, 233, 1) 0%,
		rgba(54, 204, 246, 1) 100%
	);
	background: linear-gradient(
		135deg,
		rgba(61, 156, 233, 1) 0%,
		rgba(54, 204, 246, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d9ce9', endColorstr='#36ccf6', GradientType=1 );
}

.bg-gradientrefer {
	background: rgba(228, 108, 216, 1);
	background: -moz-linear-gradient(
		-45deg,
		rgba(228, 108, 216, 1) 0%,
		rgba(253, 97, 175, 1) 100%
	);
	background: -webkit-gradient(
		left top,
		right bottom,
		color-stop(0%, rgba(228, 108, 216, 1)),
		color-stop(100%, rgba(253, 97, 175, 1))
	);
	background: -webkit-linear-gradient(
		-45deg,
		rgba(228, 108, 216, 1) 0%,
		rgba(253, 97, 175, 1) 100%
	);
	background: -o-linear-gradient(
		-45deg,
		rgba(228, 108, 216, 1) 0%,
		rgba(253, 97, 175, 1) 100%
	);
	background: -ms-linear-gradient(
		-45deg,
		rgba(228, 108, 216, 1) 0%,
		rgba(253, 97, 175, 1) 100%
	);
	background: linear-gradient(
		135deg,
		rgba(228, 108, 216, 1) 0%,
		rgba(253, 97, 175, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e46cd8', endColorstr='#fd61af', GradientType=1 );
}

.btn-outline-lightdash,
.btn-outline-lightdash:hover {
	border: 0px solid #fff !important;
	color: #fff;
	background: none !important;
	font-size: 1rem;
	padding: 0px 0px;
}

#visual .modal-header {
	background-color: #4563c4 !important;
}

#naturalistic .modal-header {
	background-color: #45c3aa !important;
}

#linguistic .modal-header {
	background-color: #5bc345 !important;
}

#kinesthetic .modal-header {
	background-color: #00bcf6 !important;
}

#intrapersonal .modal-header {
	background-color: #f28838 !important;
}

#interpersonal .modal-header {
	background-color: #8e52b5 !important;
}

#musical .modal-header {
	background-color: #f57373 !important;
}

#logical .modal-header {
	background-color: #fdd039 !important;
}

#physical .modal-header {
	background-color: #00bcf6 !important;
}

#leadership .modal-header {
	background-color: #fdd039 !important;
}

#nature .modal-header {
	background-color: #45c3aa !important;
}

#thinking .modal-header {
	background-color: #f28838 !important;
}

#language .modal-header {
	background-color: #5bc345 !important;
}

.media_margin:hover {
	cursor: pointer;
}

.profile_pic {
	border-radius: 50%;
	width: 200px !important;
	height: 225px;
}

.Profile-input-file {
	height: 180px;
	width: 180px;
	left: 33%;
	position: absolute;
	top: 0px;
	z-index: 999;
	opacity: 0 !important;
}

#PicUpload {
	color: #ffffff;
	width: 180px;
	height: 180px;
	background: rgba(0, 0, 0, 0.4);
	padding: 100px;
	position: absolute;
	left: 33px;
	border-radius: 50%;
	display: none;
	top: 0px;
}

#PicUpload i {
	font-size: 30px;
}

.slim-area {
	background-color: rgba(0, 0, 0, 0.6);
}

.bg_userphoto img {
	border-radius: 50%;
	border: 3px solid #ffe7d2;
	max-width: 50px;
}
#sidebar.active .bg_userphoto img {
	max-width: 36px;
	border: 2px solid #ffe7d2;
}

.tracketTestFixed {
	position: fixed;
}

.font-14add {
	font-size: 14px !important;
	color: #3d9be9 !important;
	cursor: pointer !important;
}

.slick-initialized .slick-slide:focus {
	outline: -webkit-focus-ring-color auto 0px !important;
}

.color_white {
	background-color: #fff;
}
.col-xl-12.col-md-12.col-sm-12.col-12.border.border-radius {
	min-height: 330px !important;
}

.media_margin {
	margin-bottom: 10px;
}
.top-ico {
	padding: 0px !important;
}
.top-ico img {
    filter: invert(1) brightness(1);
}
.box_icon {
    padding: 11px;
    border-radius: 19px;
    background: #fff;
    display: inline-block;
}
.bgcolor1{
   background-color: #50C3EF;
}
.bgcolor2{
   background-color: #F472C8;
}
.bgcolor3{
   background-color: #9177F6;
}
.bgcolor4{
   background-color: #95D259;
}
.new_paper_book .color_class,#passResetModal .btn-warning{
    background: #312C6A;
	border: #312C6A;
}
.btn-success {
    background-color: #388400;
    border-color: #388400#388400;
}
.modal-header{
	background-color: #171717 !important;
}
/***** RESPONSIVE *****/

@media screen and (max-width: 3200px) {
	#sidebar ul.components {
		min-height: 63vh;
	}
}

@media screen and (max-width: 1920px) {
	#sidebar ul.components {
		min-height: 64.6vh;
	}
}

@media screen and (max-width: 1900px) {
	#sidebar ul.components {
		min-height: 63.7vh;
	}
}
@media screen and (max-width: 1450px) {
	.col-xl-6.col-6.col-md-6.col-6.px-xl-1.px-md-3.px-sm-1.px-3 li {
		font-size: 11px;
	}
}

@media screen and (max-width: 1440px) {
	.reco-cstm-btm-movies h3,
	.reco-cstm-btm-books h3,
	.reco-cstm-btm-games h3 {
		font-size: 20px !important;
	}
	#sidebar ul.components {
		min-height: 63vh;
	}
}

@media screen and (max-width: 1366px) {
	.text_size {
		font-size: 12px !important;
	}

	.slider.slick-slider {
		margin: 20px auto 0 !important;
	}
	.centercongindex.slick-slider .slick-list {
		margin: 0 0px !important;
		padding: 55px 0px !important;
	}
	.btn.btn-w {
		width: 80% !important;
		font-size: 12px;
	}
	h5 {
		font-size: 1.25rem;
	}

	.question_text {
		font-size: 20px !important;
	}
	ul.list-unstyled.tick-content li {
		padding: 1px;
		font-size: 11px;
	}
	.vertical-text {
		transform: rotate(-90deg);
		position: absolute;
		right: -29px;
		top: -111px;
		padding: 0px 12px;
		border-radius: 5px 5px 0 0;
		font-size: 10px;
	}
	ul.tick-content li {
		display: flex;
	}
	.cstm-padding {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	ul.list-unstyled.tick-content {
		font-size: 12px;
	}
	ul.list-unstyled.tick-content ::before {
		padding-right: 4px;
	}
	.fixed-mh {
		min-height: 65px;
	}
	.text-center b {
		font-size: 13px;
	}

	.border_radd {
		font-size: 12px;
	}
	.tracker_date h6 {
		font-size: 14px;
	}

	#sidebar ul.components {
		min-height: 48.2vh;
	}

	.pesp_1366 {
		padding-left: 10px !important;
	}
}

@media screen and (max-width: 1240px) {
	#chart_div {
		width: 100% !important;
	}
}

@media screen and (max-width: 1199px) {
	/* .media_text .text-right {
        text-align: center !important;
    } */
	.media_margin {
		margin-bottom: 10px;
	}
	.margin_m {
		margin-bottom: 15px;
	}
	.border_center {
		border-right: 0 !important;
	}
	.learning_styles li {
		width: 48%;
	}
	.border_obsessive.main_part button,
	.border_social.main_part button,
	.border_attitude.main_part button,
	.border_tactful.main_part button,
	.border_emotional.main_part button,
	.border_planning.main_part button {
		right: -94px;
	}
	.btn.btn-w {
		width: 80%;
	}
	.fixed-mh {
		min-height: 90px;
	}
	.col-xl-6.col-6.col-md-6.col-6.px-xl-1.px-md-3.px-sm-1.px-3 li {
		font-size: 14px;
	}
	.fixed-mh img {
		height: 70px;
	}
	.tracketTestFixed {
		position: relative;
	}
}

@media screen and (max-width: 1025px) {
	.text_size {
		font-size: 12px !important;
	}
}

@media screen and (max-width: 991px) {
	.media_text {
		text-align: center;
	}
	.vh_height .col {
		width: 100%;
		flex: auto !important;
	}
	.vh_height {
		height: auto !important;
	}
	.media_margin_1 {
		margin-bottom: 10px !important;
	}
	.img_media img {
		text-align: center;
		margin: 0 auto;
	}
	.border_obsessive.main_part button,
	.border_social.main_part button,
	.border_attitude.main_part button,
	.border_tactful.main_part button,
	.border_emotional.main_part button,
	.border_planning.main_part button {
		right: -54px;
	}
	p.cstm-line-height {
		text-align: justify;
	}
	.cstm-padding {
		padding: 0px;
	}
	h1.text-muted-color {
		font-size: medium;
	}
	ul.list-unstyled.tick-content ::before {
		padding-right: 5px;
	}
}

@media (max-width: 768px) {

	.p-3{
		margin: 0px 0px 50px 0px;
	}
	
	#sidebar {
		min-width: 80px;
		max-width: 80px;
		text-align: center;
		margin-left: -80px !important;
	}
	.dropdown-toggle::after {
		top: auto;
		bottom: 10px;
		right: 50%;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%);
	}
	#sidebar.active {
		margin-left: 0 !important;
	}
	#sidebar .sidebar-header h3,
	#sidebar .CTAs {
		display: none;
	}
	#sidebar .sidebar-header strong {
		display: block;
	}
	#sidebar ul li a {
		padding: 20px 0px;
	}
	#sidebar ul li a span {
		font-size: 0.85em;
	}
	#sidebar ul li a i {
		margin-right: 0;
		display: block;
	}
	#sidebar ul ul a {
		padding: 10px !important;
	}
	#sidebar ul li a i {
		font-size: 1.3em;
	}
	#sidebar {
		margin-left: 0;
	}
	#sidebarCollapse span {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.tableworkouts td {
		min-height: 40px;
	}
	#sidebar ul li a {
		font-size: 7px;
	}
	#sidebar.active ul li a {
		font-size: 13px;
	}
	div#queBookmark {
		width: 100%;
	}
	.img_sm {
		width: 40%;
	}
	.text_sm_media {
		font-size: 20px;
	}
	.text_sm_button {
		font-size: 19px;
	}
	.careerchoice.row .item p {
		font-size: 2em !important;
	}
	.schedule-your-call {
		border: 0px;
		border-left: 0px;
	}
	li.qa_answerslist.two_col_images {
		display: inline-block;
		width: auto;
	}
	.border_obsessive.main_part button,
	.border_social.main_part button,
	.border_attitude.main_part button,
	.border_tactful.main_part button,
	.border_emotional.main_part button,
	.border_planning.main_part button {
		right: -68px;
	}
	.reco-cstm-btm-movies h3,
	.reco-cstm-btm-books h3,
	.reco-cstm-btm-games h3 {
		font-size: 30px !important;
	}
	.bg_userphoto {
		width: 94%;
	}

	#sidebar.active .bg_userphoto {
		width: 97%;
	}

	.alert_pop {
		position: absolute;
		top: 0%;
		left: 0%;
		z-index: 9999;
	}

	.brfinish br {
		display: none;
	}

	.content_area section.bg-primary {
		max-height: max-content !important;
	}
}

@media screen and (max-width: 640px) {
	.learning_styles ul {
		padding-left: 0px;
	}
	.learning_styles li {
		width: 100%;
	}
	.nav-tabs li {
		width: 100%;
		text-align: left;
	}
	.slick-prev {
		left: -10px !important;
	}
	.slick-next {
		right: -15px !important;
	}
	.container-fluid {
		padding: 0 !important;
		overflow-x: hidden;
	}
	.mobile-table {
		padding: 0 !important;
	}
}

@media screen and (max-width: 575px) {
	.border.col-12.col-md-5.col-sm-12.col-xl-5.mx-auto.py-3.text-center {
		border: 0px !important;
	}
	.row.space_top .border {
		border: 0px !important;
	}
	a.btn.btn-primary.btn_custom {
		margin-bottom: 30px !important;
	}
	.col-12.col-md-6.col-sm-12.col-xl-6.left_section_activity img {
		margin-bottom: 17px;
	}
	.col-12.col-md-6.col-sm-12.col-xl-6.right_section_activity img {
		margin-bottom: 17px;
	}

	/*** New Cog Result Start ****/
	.cognitivecapacity .bg_colored {
		border-radius: 20px 20px 0px 0px;
	}

	.learningpace .bg_colored {
		border-radius: 20px 20px 0px 0px;
	}

	.thinkingpattern .bg_colored {
		border-radius: 20px 20px 0px 0px;
	}

	.estimationlevel .bg_colored {
		border-radius: 20px 20px 0px 0px;
	}

	.light_bgarea {
		border-radius: 0px 0px 20px 20px;
	}
	/**** New Cog Result End ****/

	#linguistic .border_linguistic,
	#intrapersonal .border_intrapersonal,
	#naturalistic .border_naturalistic,
	#interpersonal .border_interpersonal,
	#visual .border_visual,
	#kinesthetic .border_kinesthetic,
	#musical .border_musical,
	#logical .border_logical {
		border-radius: 50%;
		text-align: center;
		height: 134px;
		padding-top: 15px;
		width: 140px;
		margin: 0 auto;
	}

	.border_linguistic.main_part button,
	.border_intrapersonal.main_part button,
	.border_naturalistic.main_part button,
	.border_interpersonal.main_part button,
	.border_visual.main_part button,
	.border_kinesthetic.main_part button,
	.border_musical.main_part button,
	.border_logical.main_part button {
		width: 90% !important;
		right: 0px !important;
	}
	.youtube-responsive-container iframe,
	.youtube-responsive-container object,
	.youtube-responsive-container embed {
		width: 100%;
		height: 100%;
	}
}

@media screen and (max-width: 576px) {
	.text_align {
		text-align: center !important;
		padding: 10px;
	}
	.input_col .pr-1 {
		padding-right: 20px;
	}

	.border_obsessive.main_part button,
	.border_social.main_part button,
	.border_attitude.main_part button,
	.border_tactful.main_part button,
	.border_emotional.main_part button,
	.border_planning.main_part button {
		right: 0px;
	}
	.slick-slider .slick-list {
		margin: 0 30px !important;
		padding: 0 0px !important;
	}
	.border.col-12.col-md-5.col-sm-12.col-xl-5.mx-auto.py-3.text-center {
		border: 0px !important;
	}
	.row.space_top .border {
		border: 0px !important;
	}
	.btn.btn-w {
		width: 80%;
	}
	img.img-responsive.img-cstm {
		max-width: 100% !important;
		height: auto !important;
	}
	h1.text-muted-color {
		font-size: medium;
	}
	ol.result_recommend {
		padding-left: 1rem;
	}
	.fixed-mh img {
		height: 45px;
	}
	span.mt-3.ml-3 {
		font-size: 11px !important;
	}
	.container_fluid.content_area {
		height: auto !important;
	}
	.col-xl-12.col-md-12.col-sm-12.col-12.border.border-radius {
		min-height: 280px !important;
	}
	.vertical-text {
		right: -37px;
	}
}

@media screen and (max-width: 440px) {
	.vertical-text {
		right: -37px;
	}
}

@media screen and (max-width: 415px) {
	.gradetype {
		display: inline-block;
	}
}

@media screen and (max-width: 340px) {
	.text-sm {
		font-size: 10px;
	}
	span.mt-3.ml-3 {
		font-size: 10px !important;
	}
}

/***** RESPONSIVE END ****/

/*** Table Responsive CSS START ***/

@media only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px) {
	.tableworkouts tbody,
	.tableworkouts td,
	.tableworkouts th,
	.tableworkouts thead,
	.tableworkouts tr,
	table.tableworkouts {
		display: block;
	}
	.tableworkouts thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.tableworkouts tr {
		border: 1px solid #ccc;
	}
	.tableworkouts td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}
	.tableworkouts td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	.tableworkouts td:nth-of-type(1):before {
		content: "#";
	}
	.tableworkouts td:nth-of-type(2):before {
		content: "Month";
	}
	.tableworkouts td:nth-of-type(3):before {
		content: "Available On";
	}
	.tableworkouts td:nth-of-type(4):before {
		content: "Worksheets";
	}
	.tableworkouts td:nth-of-type(5):before {
		content: "Instructions";
	}
	.tableworkouts td:nth-of-type(6):before {
		content: "Status";
	}
	.tableworkouts td:nth-of-type(7):before {
		content: "Upload Workbook";
	}

	.tblIntellithon .tableworkouts td:nth-of-type(1):before {
		content: "#";
	}
	.tblIntellithon.tableworkouts td:nth-of-type(2):before {
		content: "Topic Name";
	}
	.tblIntellithon.tableworkouts td:nth-of-type(3):before {
		content: "Rewards Point";
	}
	.tblIntellithon.tableworkouts td:nth-of-type(4):before {
		content: "Format";
	}
	.tblIntellithon.tableworkouts td:nth-of-type(5):before {
		content: "Instructions";
	}
	.tblIntellithon.tableworkouts td:nth-of-type(6):before {
		content: "Action";
	}

	.tableactivity tbody,
	.tableactivity td,
	.tableactivity th,
	.tableactivity thead,
	.tableactivity tr,
	table.tableactivity {
		display: block;
	}
	.tableactivity thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.tableactivity tr {
		border: 1px solid #ccc;
	}
	.tableactivity td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}
	.tableactivity td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	.tableactivity td:nth-of-type(1):before {
		content: "#";
	}
	.tableactivity td:nth-of-type(2):before {
		content: "Activity Name";
	}
	/* .tableactivity td:nth-of-type(3):before {
        content: "Date"
    } */
	.tableactivity td:nth-of-type(3):before {
		content: "Type of Activity";
	}
	.tableactivity td:nth-of-type(4):before {
		content: "Action";
	}
	.tableactivity td:nth-of-type(5):before {
		content: "Status";
	}
}

@media only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px) {
	.tableralert tbody,
	.tableralert td,
	.tableralert th,
	.tableralert thead,
	.tableralert tr,
	table.tableralert {
		display: block;
	}
	.tableralert thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.tableralert tr {
		border: 1px solid #ccc;
	}
	.tableralert td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}
	.tableralert td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	.tableralert td:nth-of-type(1):before {
		content: "#";
	}
	.tableralert td:nth-of-type(2):before {
		content: "Date & Time";
	}
	.tableralert td:nth-of-type(3):before {
		content: "Subject";
	}
	.tableralert td:nth-of-type(4):before {
		content: "Action";
	}
}

.youtube-responsive-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.youtube-responsive-container iframe,
.youtube-responsive-container object,
.youtube-responsive-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border: 4px rgba(85, 117, 146, 0.034) solid;
}

/* ---------------Table Responsive CSS END-------------------- */

body {
	padding-right: 0px !important;
}

.whitebg {
	background-color: #f7f7f7;
}
.disclamer {
	font-size: 11px;
	line-height: 16px;
}

.spl-btn input {
	margin: 0 10px;
	padding: 0.4rem 1rem !important;
	border-radius: 1.5rem !important;
}

.input_mobile {
	display: none;
	font-size: 25px;
	color: #3d9be9;
}
@media screen and (max-width: 760px) {
	.input_desktop {
		display: none;
	}
	.input_mobile {
		display: inline-block;
	}
}
@media screen and (max-width: 1024px) {
	.tblIntellithon td:before {
		text-align: left;
	}
	.tblIntellithon td {
		text-align: left !important;
		overflow: hidden;
	}
}

/******* Nav Menu Style **************/

.navbar-brand {
	padding: 3px 15px !important;
}

.nav.navbar-nav.navbar-right {
	padding-top: 15px;
	margin-right: 15px !important;
}

.navbar-inverse {
	background-color: #fff !important;
	border: 0px !important;
}

.navbar-inverse .navbar-nav > li > a {
	color: #3d9be9 !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
	background-color: #3d9be9;
	color: #fff !important;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
	background-color: #3d9be9;
	color: #fff !important;
}

.caret {
	background: #3d9be9 none repeat scroll 0 0;
	height: 11px;
	left: 1px;
	position: relative;
	width: 3px;
	border: 0px !important;
}

.caret::after {
	background: #3d9be9 none repeat scroll 0 0;
	content: "";
	height: 3px;
	left: -4px;
	position: absolute;
	top: 4px;
	width: 11px;
}

.dropdown.open .caret,
.dropdown.open .caret::after {
	background: #fff !important;
}

nav.navbar.navbar-inverse {
	background-color: #ffffff !important;
	border-bottom: 2px solid #585858 !important;
	padding-bottom: 10px;
}

/******** Nav Menu Style End ***************/

.userphoto_wrapper {
	display: flex;
	align-items: center; 
}
.userphoto_wrapper h6 {
	margin: 0px;
	font-size: 12px;
}
/* #sidebar.active .userphoto_wrapper h6 {
	margin-left: 5px;
	font-size: 14px;
} */

.top-fixed-navbar {
	position: fixed;
	top: 0;
	z-index: 2;
	width: 100%;
	-webkit-transition: margin-left 0.3s ease;
	-o-transition: margin-left 0.3s ease;
	transition: margin-left 0.3s ease;
}

#sidebar {
	position: fixed;
	left: 0;
	z-index: 2;
	overflow: auto;
	height: calc(100% - 56px);
	bottom: 0px;
	-webkit-transition: margin-left 0.3s ease;
	-o-transition: margin-left 0.3s ease;
	transition: margin-left 0.3s ease;
	margin-bottom: 56px;
}
#sidebar:-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #f5f5f5;
}
#sidebar::-webkit-scrollbar {
	width: 6px;
	background-color: #f5f5f5;
}
#sidebar::-webkit-scrollbar-thumb {
	background-color: #312c6a ;
}

.app-content {
	height: calc(100vh - 99px);
	padding: 20px;
	margin-top: 43px;
	margin-bottom: 56px;
	-webkit-transition: margin-left 0.3s ease;
	-o-transition: margin-left 0.3s ease;
	transition: margin-left 0.3s ease;
	overflow: auto;
	width: 100%;
}

.app-content:-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #f5f5f5;
}
.app-content::-webkit-scrollbar {
	width: 6px;
	background-color: #f5f5f5;
}
.app-content::-webkit-scrollbar-thumb {
	background-color: #312c6a;
}

.main-dashboad.active .top-fixed-navbar {
	width: calc(100% - 140px) !important;
	left: 140px !important;
	-webkit-transition: margin-left 0.3s ease;
	-o-transition: margin-left 0.3s ease;
	transition: margin-left 0.3s ease;
	padding: 0 15px;
}

.main-dashboad {
	width: 100%;
}

/** results-dashborad **/
.active .app-content {
	width: calc(100% - 140px);
	/* width: calc(100vw - 8.9rem); */
	transition: 0.2s;
}
::-webkit-scrollbar {
	width: 10px;
}

@media (min-width: 768px) {
	.app-content {
		margin-left: 230px;
		-webkit-transition: margin-left 0.3s ease;
		-o-transition: margin-left 0.3s ease;
		transition: margin-left 0.3s ease;
		width: calc(100% - 230px);
	}
	.main-dashboad.active .app-content {
		margin-left: 140px;
		-webkit-transition: margin-left 0.3s ease;
		-o-transition: margin-left 0.3s ease;
		transition: margin-left 0.3s ease;
	}
	.top-fixed-navbar {
		width: calc(100% - 230px);
		left: 245px;
	}
}
.topbar-logo {
	max-width: 124px;
}
.userphoto_wrapper {
	display: flex;
	align-items: center;
}

#sidebar.active .userphoto_wrapper h6 {
	margin-left: 0px;
	font-size: 12px;
}
.form_test,
.recommendation_forms {
	width: 20%;
	padding-left: 12px;
	padding-right: 12px;
}
.top-fixed-navbar .navbar {
	padding: 0;
    background-color: #fff !important;
}
nav.navbar {
	/* background-color: #ffffff !important; */
	background-color: #171717 !important;
	border-bottom: 1px solid #dee2e6;
}
.bg1 {
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		from(#0859c7),
		to(#2a67b9ba)
	);
	background: linear-gradient(to right, #0859c7, #2a67b9ba);
}

.bg2 {
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		from(#2da2ff),
		to(#218aff)
	);
	background: linear-gradient(to right, #2da2ff, #218aff);
}

.bg3 {
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		from(#d02357),
		to(#ff497f)
	);
	background: linear-gradient(to right, #d02357, #ff497f);
}

.bg4 {
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		from(#c10c81),
		to(#ff5289)
	);
	background: linear-gradient(to right, #c10c81, #ff5289);
	color: #fff;
}

div#headingOne {
	border-top: 0;
}

.demo .card-header {
	background: #fff;
	border-radius: 0px !important;
	border-bottom: 0;
	border-top: 1px solid #000;
}

.demo .card {
	border-radius: 0;
	border: none;
}

.demo .card-header h5 {
	position: relative;
}

.demo .card-header h5 button {
	position: relative;
	padding: 7px 0;
	text-decoration: none;
	color: #333;
	z-index: 999;
	font-size: 20px;
	white-space: normal;
	max-width: 100%;
	padding-right: 40px;
}

.demo .card-header h5 i {
	position: absolute;
	right: 0;
	top: 11px;
	color: goldenrod;
	transition: all 0.7s;
	transform: rotate(0deg);
}

.demo .card-header h5 button.highlight + i {
	transform: rotate(45deg);
}

.accordian_heading h4 {
	font-size: 30px;
	font-weight: 500;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgb(200 200 196 / 50%);
	margin-top: 20px;
	text-transform: uppercase;
	margin-bottom: 30px;
	color: #000;
}

.bar-main-container {
	margin: 10px auto;
	width: 100%;
	height: 55px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	color: #fff;
}

.wrap {
	padding: 8px 15px;
}

.bar-percentage {
	float: left;
	background: rgba(0, 0, 0, 0.13);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* padding: 9px 0px; */
	width: 70px;
	height: 39px;
	width: 70px;
	height: 39px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}

.bar-container {
	float: right;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 12px;
	background: rgba(0, 0, 0, 0.13);
	width: calc(100% - 90px);
	margin: 13px 0px;
	overflow: hidden;
}

.bar {
	float: left;
	background: #fff;
	height: 100%;
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

/* COLORS */
.azure {
	background: #146ee6;
}

.piestyle:after {
	content: "Thinking Pattern";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #eee;
	font-size: 10px;
	word-break: break-word;
	text-align: center;
	padding: 0;
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	border-radius: 50%;
	border: 3px solid #b0b0b0;
	font-weight: 600;
	color: #330b71;
}

.piestyle {
	transform: scale(1.4);
	position: relative;
}

.chart-color {
	margin-top: 20px;
	font-weight: 500;
	position: absolute;
	top: 0;
	right: 25px;
	text-align: left;
}

.chart-color .logical span {
	background-color: #1f75e7;
}

.chart-color .creative span {
	background-color: #d42f61;
}

.chart-color span {
	width: 18px;
	height: 18px;
	background: #dc6d4f;
	display: inline-block;
	border-radius: 50%;
	margin-right: 10px;
	vertical-align: middle;
}

.chart-circle {
	position: relative;
}

.chart-circle .chart-color {
	top: auto;
	bottom: -50px;
}

.common_color_class_sooperguide {
	background-color: #312c6a !important;
}

img.svg-icon {
	max-width: 70px;
  }
  
  .careers-section ul {
	background: #ecebeb !important;
	padding: 10px;
  }

  .careers-section .list-group-item {
    padding: 0;
    padding-top: 10px;
    background-color: transparent;
    border: none;
    line-height: normal;
}

#msform fieldset {
	min-width: 100%;
}
.grade_tabs .btn {
	border-radius: 0;
	padding: 12px 0;
}
.grade_tabs .grey_bg:hover {
    background: #312C6A !important;
    color: #fff;
}
.grade_tabs .green_btn {
	background-color: #312C6A;
}

.coupon-message{
	margin-top: 5px;
}
 .coupon-message mark{
	background-color: #cf2224;
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	font-weight: bold;
	letter-spacing: 1px;
}

.grade {
	font-size: 12px;
	line-height: 15px;
	margin-top: 4px;
}

.username{
	margin-top: -10px;
}

.offer-sidebar-image{
	margin-top: 20px;
}
.user-phone{
	margin-top: 0.25rem !important;
	margin-bottom: 5px;
}

.list-bt img {
	height: 75px;
	width: auto;
}

.container-fluid.footer .common_color_class{
    background-color: #002D92 !important;
}
.container-fluid.footer .common_color_class p{
	margin-bottom: 0;
	color: #fff;
}
.container-fluid.footer .common_color_class a{
	text-decoration: underline !important;
}
.container-fluid.footer .text-white {
    color: #000 !important;
}

.logo_section {
	font-weight: 900;
	color: #004aad;
}
.logo_section a {
    font-size: 32px;
    color: #000;
    padding: 0 !important;
}
.logo_section a span {
    font-size: 24px;
    position: relative;
    left: 3px;
}
.register-page form {
    border-radius: 0px 0px 8px 8px;
    background-color: #fff;
}
.register-page {
    position: absolute;
    left: 50%;
    top: 48%;
    width: 100%;
    transform: translate(-50%, -44%);
}
.register-form {
    border-radius: 8px !important;
}
.register-form .grade_tabs a:first-child, .grade_tabs .btn:first-child {
    border-radius: 8px 0px 0px 0px;
}
.register-form .grade_tabs a:last-child, .grade_tabs .btn:first-child {
    border-radius: 0px 8px 0px 0px;
}
.grade_tabs .btn:first-child {
       border-radius: 8px 0px 0px 0px;
}
.grade_tabs .btn:last-child {
  border-radius: 0px 8px 0px 0px;
}
.register-form .grade_tabs .border-rightnewreg input, .register-form .grade_tabs .border-rightnewreg select{
	margin-bottom: 8px !important;
}
.logo-section-outer .logo_section a {
    font-size: 28px;
    margin-left: 10px;
}
.logo-section-outer {
    padding: 3px 0px;
}
a#applyCoupon {
    white-space: nowrap;
}
.navbar-light .navbar-brand,.navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus{
	color: #fff;
}
#navbarSupportedContent .btn-primary {
    background: #fff !important;
    color: #171717 !important;
    border-color: #171717;
}
form.omb_loginForm .login_btn {
    background: #312C6A !important;
    border-color: #312C6A !important;
}
#exampleModal .modal-header {
    background: #171717 !important;
}
#applyCoupon,#payNowBtn{
    background: #312C6A !important;
    border-color: #312C6A;
}
.disabled#applyCoupon, .disabled#applyCoupon{
    opacity: 0.6;
}

@media screen and (max-width:991px){
.app-content {
    height: calc(100vh - 83px);
    margin-top: 43px;
    margin-bottom: 40px;
}
#sidebar{
	height: calc(100vh - 40px);
    margin-bottom: 40px;
}
}

@media screen and (max-width: 767px) {
.register-page {
    position: relative;
    left: 0;
    top: 0;
    transform: initial;
    margin: auto;
    padding: 24px 18px;
}
.container-fluid.footer {
    position: relative;
}
.app-content {
    height: calc(100vh - 120px);
    margin-top: 58px;
    margin-bottom: 0;
}
#sidebar {
    height: calc(100% - 0px);
    bottom: 0px;
	margin-bottom: 0;
}
.active .app-content {
    width: 100%;
}
}