/*Application style sheet goes here*/

/*!
 * (c) Mimin Admin Page v1.0
 */

 body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	background-color: #f0f3f4;
	line-height: 1.42857143 !important;
	color: #58666e !important;
}

a,
a:hover {
	-webkit-text-decoration: none;
	-moz-text-decoration: none;
	-ms-text-decoration: none;
	-o-text-decoration: none;
	text-decoration: none;
	color: #2196F3;
	font-weight: bold;
}

input:focus,
textarea:focus {
	outline: none !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
	-ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
	-o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
	border: 1px solid #ddd !important;
}

video,
audio {
	width: 100% !important;
	height: auto !important;
}

code {
	text-align: left !important;
}

input[type='text'] {
	border: 1px solid #ddd;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	padding: 10px;
	border-radius: 0px !important;
  }

.enkiModule input[type='text'], input[type='password'], input[type='email'] {
	border: 1px solid #ddd;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	padding: 6px !important;
	border-radius: 0px !important;
}

select {
	border-radius: 0px !important;
	border: 1px solid #ddd;
	padding: 7px;
	padding-left: 20px;
	padding-right: 20px;
}

label {
	font-weight: 400;
}


th {
	border-bottom: none !important;
}

td {
	padding: 5px;
	/* border: 1px solid #f4f4f4 !important; */
}

ul li {
	list-style: none;
}

p.quote {
	font-size: 18px;
	padding: 10px;
}

p.quote:before {
	color: #fff;
	font-family: "times new roman";
	content: open-quote;
	font-size: 4em;
	line-height: .1em;
	margin-right: .25em;
	vertical-align: -.4em;
}


.content-header .content-header-tab .active a {
	background: none !important;
}

.right-option-v1 {
	position: absolute;
	right: 0;
}

.right-option-v1 .right-option-v1-icon {
	font-size: 1.4em !important;
	margin-top: 20px;
	cursor: pointer;
}

.content-header {
	background: #f6f8f8;
	border-bottom: 1px solid #ddd !important;
}

.thumbnail {
	border: none !important;
}


/*start: font color*/
.text-white {
	color: #fff !important;
}

/*end: font color*/

/*background*/
.bg-none {
	background: none !important;
}

.bg-primary {
	background-color: #1c84c6 !important;
}

.bg-success {
	background-color: #27C24C !important;
}

.bg-info {
	background-color: #73CAEF !important;
}

.bg-danger {
	background-color: #FEC8C3 !important;
}

.bg-warning {
	background-color: #F0AD4E !important;
}

.bg-default {
	background-color: #857E7E !important;
}

.bg-white {
	background-color: #FFF !important;
}

.bg-red {
	background-color: #F44336 !important;
}

.bg-pink {
	background-color: #E91E63 !important;
}

.bg-purple {
	background-color: #9C27B0 !important;
}

.bg-deep-purple {
	background-color: #673AB7 !important;
}

.bg-indigo {
	background-color: #3F51B5 !important;
}

.bg-blue {
	background-color: #2196F3 !important;
}

.bg-light-blue {
	background-color: #03A9F4 !important;
}

.bg-cyan {
	background-color: #00BCD4 !important;
}

.bg-teal {
	background-color: #009688 !important;
}

.bg-green {
	background-color: #4CAF50 !important;
}

.bg-light-green {
	background-color: #8BC34A !important;
}

.bg-lime {
	background-color: #CDDC39 !important;
}

.bg-yellow {
	background-color: #FFEB3B !important;
}

.bg-amber {
	background-color: #FFC107 !important;
}

.bg-orange {
	background-color: #FF9800 !important;
}

.bg-deep-orange {
	background-color: #FF5722 !important;
}

.bg-brown {
	background-color: #795548 !important;
}

.bg-grey {
	background-color: #9E9E9E !important;
}

.bg-light-grey {
	background-color: #f0f3f4 !important;
}

.bg-blue-grey {
	background-color: #607D8B !important;
}

.bg-dark-red {
	background-color: #d32f2f !important;
}

.bg-dark-pink {
	background-color: #c2185b !important;
}

.bg-dark-purple {
	background-color: #7b1fa2 !important;
}

.bg-dark-deep-purple {
	background-color: #512da8 !important;
}

.bg-dark-indigo {
	background-color: #303f9f !important;
}

.bg-dark-blue {
	background-color: #1976d2 !important;
}

.bg-dark-light-blue {
	background-color: #0288d1 !important;
}

.bg-dark-cyan {
	background-color: #0097a7 !important;
}

.bg-dark-teal {
	background-color: #00796b !important;
}

.bg-dark-green {
	background-color: #388e3c !important;
}

.bg-dark-light-green {
	background-color: #689f38 !important;
}

.bg-dark-lime {
	background-color: #afb42b !important;
}

.bg-dark-yellow {
	background-color: #fbc02d !important;
}

.bg-dark-amber {
	background-color: #ffa000 !important;
}

.bg-dark-orange {
	background-color: #f57c00 !important;
}

.bg-dark-deep-orange {
	background-color: #e64a19 !important;
}

.bg-dark-brown {
	background-color: #5d4037 !important;
}

.bg-dark-grey {
	background-color: #616161 !important;
}

.bg-dark-blue-grey {
	background-color: #455a64 !important;
}

/*end background*/

/*start: Mega Menu*/

.menu-large {
	position: static !important;
	color: #918C8C !important;
}

.menu-large .sub-megamenu {
	border-right: 1px solid #ddd;
}

.megamenu {
	padding: 20px 0px;
	width: 100%;
	border: none;
	margin-top: -5px !important;
}

.megamenu>li>ul {
	padding: 0;
	margin: 0;
}

.megamenu>li>ul>li {
	list-style: none;
}

.megamenu>li>ul>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 500;
	line-height: 1.428571429;
	color: #333333;
	white-space: normal;
}

.megamenu>li ul>li>a:hover,
.megamenu>li ul>li>a:focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}

.megamenu.disabled>a,
.megamenu.disabled>a:hover,
.megamenu.disabled>a:focus {
	color: #999999;
}

.megamenu.disabled>a:hover,
.megamenu.disabled>a:focus {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	cursor: not-allowed;
}

.megamenu.dropdown-header {
	color: #428bca;
	font-size: 18px;
}

/*end: Mega Menu*/


/*start: Lock Screen*/
.lock-screen-v1 img {
	margin: 0 auto;
	margin-bottom: 20px;
	width: 200px;
	border: 4px solid #fff;
}

/*end: Lock Screen*/

/*start: page 404*/
.page-404 {
	padding-top: 10%;
	font-size: 20px;
}

.page-404 img {
	margin-bottom: 2px;
	width: 350px;
}

.page-404 a {
	margin-left: 30px;
}

.page-404 a span {
	margin-left: 20px;
}

/*end: page 404*/

/*start: price*/
.price .panel-header {
	padding: 10px;
}

.price sub {
	font-size: 17px;
	font-weight: bold;
}

.price .price-money {
	padding: 30px;
}

.price .list-group-item {
	border-color: #eee !important;
	font-size: 13px;
	padding: 10px;
}

.price sup {
	top: -20px;
	font-size: 20px;
}

.price .panel-header span {
	font-size: 5em;
	font-weight: 600;
}

/*end: price*/

/*start:product grid*/
.product-location {
	position: absolute;
	z-index: 9;
	padding: 10px;
	font-size: 17px;
}

.product-grid .rate {
	color: #F0AD4E !important;
	font-size: 15px;
}

.product-grid img {
	width: 100% !important;
}

.product-location .pull-right {
	margin-right: 40px;
}

.product-price {
	background-color: #fff;
	height: 40px;
	width: 80px;
	z-index: 9;
	padding-left: 10px;
	position: absolute;
}

.product-price-bottom {
	top: 49%;
}

/*end: product grid*/

/*start: Login*/
.form-signin-wrapper {
	background: url('../img/login_background.png') !important;	
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.form-signin-wrapper .forgot-password{
	color: #474CD8 !important;
}

.form-signin-wrapper .loginPage .forgot-password{
	color: #000000 !important;
	text-decoration: underline;
}

.form-signin-wrapper .panel-body h5, .login-container .panel-body h5, .changepassword h5
{
	font-weight: 700;
	color: #474CD8;
}

.form-signin-wrapper .forgot-password:hover,.back-to-login:hover{
	text-decoration: underline !important;
}

.form-signin-wrapper .input:-webkit-autofill{
	border: 1px solid #474CD8 !important;
}

.login-welcome-text{
    text-align: right;
    color: white !important;
    font-size: 40px;
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.login-welcome-text span{
	color: #474CD8;
}

#upreachEnkiLogin input,
#upreachEnkiEmaillogin input,
#upreachEnkiResetPasswordLogin input,
#upreachEnkiOtpLogin input,
#upreachEnkiLogin input:-webkit-autofill,
#upreachEnkiLogin input:-webkit-autofill:hover,
#upreachEnkiChangePassword input:-webkit-autofill,
#upreachEnkiLogin input:-webkit-autofill:focus input:-webkit-autofill{
	color: #5a666e !important;
	-webkit-box-shadow: unset;
	border: 1px solid #ced4da !important;
}

#upreachEnkiEmaillogin .inputtextfont, #upreachEnkiResetPasswordLogin .inputtextfont
{
	font-family: "NunitoSans-Regular" !important;
	font-size: 14px !important;
}

#upreachEnkiLogin .loginErrorsSection .text-danger .error-text
{
	line-height: 1.4;
}

#upreachEnkiLogin .loginErrorsSection .text-danger .error-text,
#upreachEnkiLogin .loginErrorsSection .text-danger .success-text
{
    font-family: Helvetica !important;
}

.form-signin-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)) !important;
  }

.login-main-logo{
	position: relative !important;
}
  
.form-signin {
	position: relative;
	max-width: 320px;
	padding: 0 15px;
	margin: 0 auto;
}

.form-signin .login-input, .form-signin .p-password-input, .form-signin .email-input,
.changepassword .p-password-input{
	width: 100% !important;
	border-radius: 0px;
	height: 38px;
}

.form-signin .email-input{
	padding: 0.75rem 0.75rem;
}

.form-signin .login-label, .changepassword .login-label{
	color: #58666e !important;	
	font-weight: 600;
	font-size: 14px;
}

#upreachEnkiChangePassword .changeWidth {
	width: 43% !important;
	margin-left: 44%;
	border-radius: 8px !important;
}

.login-container .btn-primary {
	background-color: #474CD8 !important;
	text-wrap: wrap;
	border: 1px solid #474CD8 !important;
}

.login-container .btn-primary:focus,
.login-container .btn-primary:active{
	box-shadow: unset;
	border: 1px solid #474CD8 !important;
}

.login-container .btn-primary:hover {
	color: #474CD8 !important;
	background-color: white !important;
	outline: none !important;
	border: 1px solid #474CD8 !important;
}

.login-container .alertMsgPadding
{
	padding-top: 25px;
}

.form-signin .emailinputbutton
{
	width: 100% !important;
    border-radius: 0px;
    height: 38px
}

.form-signin .panel-body {
    padding-bottom: 20px;
    /* padding-top: 10px; */
}

.form-signin #emailheading
{
	margin-top: 2px !important;
}

.form-signin .form-signin .btn {
	margin-top: 30px;
}

.form-signin .email-submitbtn{
	margin-top: 17px !important;
	width: 100%;
}

.login-container .passwordconditions ul
{
	padding-left: 15px !important;
}

.login-container .passwordconditions ul li
{
	list-style: unset !important;
}

.form-signin .otp-submitbtn,
.form-signin .reset-submitbtn
{
	width: 100%;
}

.form-signin .otp-resendbtn{
	padding-left: 28%;
}

.changepassword .panel-body .p-password-input
{
	width: 100%;
}

.panel-body .passwordconditions
{
	font-size: 12px !important;
	color: #474cd8;
}

.changepassword .panel-body .center-button
{
	padding-left: 28%;
}

.changepassword h2{
	color:white;
}

@media (max-width: 960px) {
	.form-signin .btn-otp {
		width: 100%;
	}

	.form-signin .btn-gen {
		margin-top: 0px;
		width: 100%;
	}
}

.form-signin .form-group {
	margin-bottom: 20px !important;
}

.form-signin .panel, .upreachEnkiChangePassword .panel {
	border: none !important;
	border-radius: 8px;
	box-shadow: 0 7px 16px rgba(0, 0, 0, .075), 0 4px 5px rgba(0, 0, 0, .075);
}

.form-signin .panel-body {
	padding-bottom: 20px;
	padding-top: 20px;
}

.form-signin .atomic-number {
	font-size: 20px;
}

.form-signin .atomic-symbol {
	font-size: 10em !important;
	font-weight: 500;
	padding-bottom: 20spx;
}

.form-signin .element-name,
.form-signin .atomic-mass {
	font-size: 18px;
	margin-top: -10px;
	font-weight: 600;
	line-height: 1.2;
}

.form-signin label {
	color: #fff !important;
}

.form-signin .bar:before,
.form-signin .bar:after {
	background-color: #fff !important;
}

/*end: login*/

/*start:profile v1*/
.profile-v1 {}

.profile-v1 .profile-v1-cover {
	top: 0;
	max-height: 300px;
	min-height: 300px;
	padding: 0px;
	margin-bottom: 20px;
	overflow: hidden;
}

.profile-v1 .profile-v1-body {
	padding-right: 0px;
}

.profile-v1 .profile-v1-name h2 {
	font-weight: bold;
	color: #fff;
	text-shadow: -1px -1px 1px #111111, 2px 2px 1px #363636;
}

.profile-v1 .profile-v1-cover img {
	min-width: 100%;
}

.profile-v1 .profile-v1-pp {
	z-index: 9;
	position: absolute;
	margin: 20px;
}

.profile-v1 .profile-v1-pp h2 {
	padding-left: 20px;
	color: #fff;
}

.profile-v1 .profile-v1-pp .btn {
	margin-left: 20px;
}

.profile-v1 .profile-v1-pp img {
	border: 2px solid #fff;
	margin-left: 20px;
	width: 100px;
	height: 100px;
}

.profile-v1 .profile-v1-right {
	padding-left: 0px;
}

.profile-v1 .profile-v1-right .sub-profile-v1-right {
	min-height: 150px;
	background: #fff;
}

.profile-v1 .profile-v1-right .sub-profile-v1-right h1 {
	font-size: 4em;
}

.profile-v1 .profile-v1-right .sub-profile-v1-right p {
	margin-top: -10px;
}

.profile-v1 .profile-v1-right .sub-profile-v1-right1 {
	padding: 20px;
}

.profile-v1 .profile-v1-right .sub-profile-v1-right2 {
	color: #fff;
	background: #6254b2;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
	padding: 20px;
}

.profile-v1 .profile-v1-right .sub-profile-v1-right3 {
	color: #fff;
	background: #2196f3;
	padding: 20px;
}

.profile-v1 .profile-v1-right .sub-profile-v1-right3:after {
	position: absolute;
	top: -10px;
	left: 132px;
	display: inline-block;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #2196f3;
	border-left: 10px solid transparent;
	content: '';
}

/*end: profile*/

/*start: search v1*/
.search-v1 {}

.search-v1 .panel,
.search-v1 .panel-body {
	background: #fbfbfb;
}

.search-v1 .tabs-area {
	border: none !important;
	margin-top: -18px;
	background: #fff;
}

.search-v1 #tabs-demo6 li {
	padding: 5px !important;
}

.search-v1 #tabs-demo6 li.active:after {
	border-color: rgba(185, 9, 8, 0);
	border-top-color: #fbfbfb;
	margin-top: 18px;
	z-index: 9
}

.search-v1 .search-v1-avatar {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	margin-right: 10px;
}

.search-v1 #tabs-demo6,
.search-v1 #tabs-demo6 a {
	background-color: #fbfbfb !important;
}

.search-v1 .tab-pane {
	padding: 20px;
}

.search-v1 .search-v1-menu1 .media-left {
	font-size: 2em;
	line-height: 0.7;
	font-weight: bold;
	padding-top: 10px;
}

.search-v1 .search-v1-menu1 .media-heading {
	font-size: 17px;
	color: #2196F3 !important;
	font-weight: 600 !important;
}

.search-v1 .media {
	padding: 20px;
}

.search-v1 .media:nth-child(2n+2) {
	background-color: rgba(0, 0, 0, 0.02) !important;
}

.search-v1 .panel {
	border: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
}

.search-v1 #search-v1-images {
	position: absolute;
}

.search-v1 #search-v1-images .post {
	height: 100px;
	background: cyan;
	margin-bottom: 20px;
}

.search-v1 #search-v1-images .tall {
	height: 200px;
}

/*end: search v1*/


/*start: article v1*/
.article-v1 {}

.article-v1 .article-v1-body {
	padding: 100px;
	padding-top: 0px;
}

.article-v1 .article-v1-body p {
	margin: auto auto 1.5em;
	font-weight: 400;
	font-family: serif;
	font-size: 18px;
	text-indent: 2em;
}

.article-v1 .article-v1-title h2 {
	color: #777272;
	padding: 0px;
	padding-top: 30px;
	font-weight: bold !important;
}

.article-v1 .article-v1-footer {
	padding: 100px;
	padding-top: 0px;
}

.article-v1 .article-v1-footer img {
	height: 100px;
	height: 100px;
}

.article-v1 .article-v1-footer .article-v1-comment {
	padding: 20px;
	margin-top: 50px;
	background-color: rgba(0, 0, 0, 0.02) !important;
}

.article-v1 .article-v1-footer .article-v1-comment:after {
	position: absolute;
	top: -10px;
	left: 4px;
	display: inline-block;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(0, 0, 0, 0.02);
	border-left: 10px solid transparent;
	content: '';
}

.article-v1 .article-v1-time {
	padding: 20px;
	font-size: 18px;
}

/*end: article v1*/


/*start: invoice*/
.invoice .invoice-logo {
	width: 70px;
	float: left;
	margin-top: -20px;
	margin-right: 10px;
}

.invoice .invoice-v1-content {
	padding: 20px;
	padding-top: 50px;
	margin-top: 80px;
	color: #5C5757;
}

.invoice .invoice-v1-content table td,
.invoice .invoice-v1-content table th {
	padding: 20px !important;
}

/*end: invoice*/


.box-shadow-none,
.box-shadow-none:focus {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
}

.border-none,
.border-none:focus {
	border: none !important;
}

.mimin-wrapper {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.search-nav .form-animate-text {
	margin-bottom: 0px !important;
}

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

.panel-heading {
	line-height: 1.42857143 !important;
	color: #58666e !important;
}

.panel-heading,
.fc-head {
	padding: 0px;
	background: #F9F9F9;
	padding: 5px;
	padding-left: 20px;
	border-bottom: 1px solid #ddd;
}

/*dashboard boxed*/
.boxed {
	background: #ECECEC;
}

.boxed #left-menu .sub-left-menu {
	position: relative !important;
	float: left;
	padding-bottom: 100%;
}

.boxed .mimin-wrapper {
	-webkit-box-shadow: 0 2px 5px 0 rgba(239, 235, 235, 0.16), 0 2px 10px 0 rgba(72, 70, 70, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(239, 235, 235, 0.16), 0 2px 10px 0 rgba(72, 70, 70, 0.12);
	-ms-box-shadow: 0 2px 5px 0 rgba(239, 235, 235, 0.16), 0 2px 10px 0 rgba(72, 70, 70, 0.12);
	-o-box-shadow: 0 2px 5px 0 rgba(239, 235, 235, 0.16), 0 2px 10px 0 rgba(72, 70, 70, 0.12);
	box-shadow: 0 2px 5px 0 rgba(239, 235, 235, 0.16), 0 2px 10px 0 rgba(72, 70, 70, 0.12);
}

.boxed #content .col-md-12 {
	padding-right: 0px !important;
}

.boxed #content .panel {
	display: table;
	width: 100%;
}

.boxed .panel {
	box-shadow: none !important;
}

/*dashboard top navigation*/

.topnav #content {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.topnav .navbar-header .navbar-right {
	margin-right: 5px;
}

.topnav .navbar-header li.active {
	border-bottom: 3px solid #fff;
	background: none !important;
	padding-bottom: 3px;
}

.topnav .navbar-header li.active a {
	background: none !important;
}

.topnav .dropdown-menu {
	margin-top: 5px;
}

.topnav .navbar-header li.active:after,
.user-name:after,
.avatar-dropdown:after,
.navbar-header .dropdown-menu li:after {
	background: none !important;
}

.topnav .navbar-header li:after {
	position: absolute;
	bottom: -6px;
	left: 50%;
	height: 3px;
	width: 0%;
	background-color: #fff;
	display: block;
	content: '';
	transition: 0.3s;
	top: 52px !important;
}

.topnav .navbar-header li:hover:after {
	left: 0;
	width: 100%;
}



.navbar-header a {
	color: #fff !important;
	font-size: 16px;
}

.dropdown a {
	font-size: 16px !important;
}

.dropdown.open a {
	background: none !important;
}

.navbar-header .dropdown-menu a {
	color: #716767 !important;
	font-size: 14px !important;
}

.input-group-addon {
	background-color: #fff;
	font-weight: 100;
	padding: 9px !important;
	border: 0px !important;
}

.form-control[type='text']:focus,
.form-control[type='password']:focus {
	border: 1px solid #BBB1B1;
}

.top-20 {
	margin-top: 20px;
}

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

.m-imp-10 {
	margin: 10px !important
}

.form-control.border-bottom[type='text'],
.form-control.border-bottom[type='password'] {
	border: none !important;
	border-bottom: 1px solid #ddd !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.form-control.border-left[type='text'],
.form-control.border-left[type='password'] {
	border: none !important;
	border-left: 3px solid #ddd !important;
	background-color: #f4f4f4;
	color: #BBB1B1;
}

.form-control.android[type='text'],
.form-control.android[type='password'] {
	width: 100%;
	font-family: "Roboto", "Droid Sans", sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 8px 8px 6px 8px;
	position: relative;
	display: block;
	outline: none;
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	background: bottom left linear-gradient(#a9a9a9, #a9a9a9) no-repeat, bottom center linear-gradient(#a9a9a9, #a9a9a9) repeat-x, bottom right linear-gradient(#a9a9a9, #a9a9a9) no-repeat;
	-webkit-background-size: 1px 6px, 1px 1px, 1px 6px;
	-moz-background-size: 1px 6px, 1px 1px, 1px 6px;
	-ms-background-size: 1px 6px, 1px 1px, 1px 6px;
	-o-background-size: 1px 6px, 1px 1px, 1px 6px;
	background-size: 1px 6px, 1px 1px, 1px 6px;
}

.form-control.android[type='text']:hover,
.form-control.android[type='password']:hover,
.form-control.android[type='text']:focus,
.form-control.android[type='password']:focus {
	background: bottom left linear-gradient(#0099cc, #0099cc) no-repeat, bottom center linear-gradient(#0099cc, #0099cc) repeat-x, bottom right linear-gradient(#0099cc, #0099cc) no-repeat;
	-webkit-background-size: 1px 6px, 1px 1px, 1px 6px;
	-moz-background-size: 1px 6px, 1px 1px, 1px 6px;
	-ms-background-size: 1px 6px, 1px 1px, 1px 6px;
	-o-background-size: 1px 6px, 1px 1px, 1px 6px;
	background-size: 1px 6px, 1px 1px, 1px 6px;
}

.form-control.primary {
	border-color: #1c84c6;
	border-left: 4px solid #1c84c6 !important;
}

.form-control.success {
	border-color: #27C24C;
	border-left: 4px solid #27C24C !important;
}

.form-control.info {
	border-color: #73CAEF;
	border-left: 4px solid #73CAEF !important;
}

.form-control.danger {
	border-color: #FEC8C3;
	border-left: 4px solid #FF968B !important;
}

.form-control.warning {
	border-color: #F0AD4E;
	border-left: 4px solid #F0AD4E !important;
}

.form-control.default {
	border-color: #857E7E;
	border-left: 4px solid #857E7E !important;
}

.modal-example .modal {
	margin-top: 100px;
	position: relative !important;
	top: auto !important;
	overflow: inherit;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	z-index: 1 !important;
	display: block !important;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}

.ripple {
	width: 100%;
	/* height: 100%; */
}

.ripple {
	position: relative;
	overflow: hidden;
}

.ripple a {
	cursor: pointer;
	user-select: none;
	-webkit-text-decoration: none;
	-moz-text-decoration: none;
	-ms-text-decoration: none;
	-o-text-decoration: none;
	text-decoration: none;
	position: relative;
}

ul li a:focus {
	-webkit-text-decoration: none;
	-moz-text-decoration: none;
	-ms-text-decoration: none;
	-o-text-decoration: none;
	text-decoration: none;
}

.ink {
	display: block;
	position: absolute;
	background: #ddd;
	z-index: 228;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.dtp-date-view-ripple .ink.animate {
	-webkit-animation: rippleDate 0.75s linear;
	-moz-animation: rippleDate 0.75s linear;
	-ms-animation: rippleDate 0.75s linear;
	-o-animation: rippleDate 0.75s linear;
	animation: rippleDate 0.75s linear;
	background: #2196F3;
}

/*animation effect*/

.ink.animate {
	-webkit-animation: ripple 0.75s linear;
	-moz-animation: ripple 0.75s linear;
	-ms-animation: ripple 0.75s linear;
	-o-animation: ripple 0.75s linear;
	animation: ripple 0.75s linear;
	cursor: pointer;
}

@keyframes ripple {
	from {
		-webkit-opacity: 0.8;
		-moz-opacity: 0.8;
		-ms-opacity: 0.8;
		-o-opacity: 0.8;
		opacity: 0.8;
		filter: alpha(opacity=80);
	}

	to {
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
		transform: scale(2.5);
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
		transform: scale(2.5);
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes rippleDate {
	from {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	to {
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
		transform: scale(2.5);
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
		transform: scale(2.5);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

.padding-0 {
	padding: 0px;
}

.fc {
	color: #444;
}

.fc h2 {
	font-weight: 200;
	color: #918C8C;
}



.fc .fc-event {
	padding: 10px;
	background-color: #02A8F3;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
}

.fc td {
	border: 1px solid #F9F9F9;
	font-weight: 200;
}

.fc .fc-bgevent {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}

.fc .fc-nonbusiness {
	background-color: #F4F4F4 !important;
}

.fc-state-default {
	background-color: #ddd !important;
	background-image: none !important;
	border: none !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
	color: #868181 !important;
	text-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
	height: 40px !important;
	width: 60px !important;
}

.fc-state-default:focus {
	outline: none;
	background-color: #B9B0ED;
}

.progress {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
	margin-top: 13px;
	padding: 0px;
	margin-left: 10px;
	height: 20px;
}

.career-accordion .progress {
	width: 201px;
}

.progress.progress-mini {
	height: 5px !important;
}

.progress.progress-small {
	height: 13px !important;
}

.text-primary {
	color: #1c84c6;
}

.text-success {
	color: #27C24C;
}

.text-info {
	color: #73CAEF;
}

.text-danger {
	color: #FF6656;
}

.text-warning {
	color: #F0AD4E;
}

.text-default {
	color: #857E7E;
}

.bg-primary {
	background-color: #1c84c6 !important;
}

.bg-success {
	background-color: #27C24C !important;
}

.bg-info {
	background-color: #73CAEF !important;
}

.bg-danger {
	background-color: #FF6656 !important;
}

.bg-warning {
	background-color: #F0AD4E !important;
}

.bg-default {
	background-color: #857E7E !important;
}

.label {
	padding: 5px;
}

.btn {
	-webkit-border-radius: 1px !important;
	-moz-border-radius: 1px !important;
	-ms-border-radius: 1px !important;
	-o-border-radius: 1px !important;
	border-radius: 1px !important;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #2196F3;
	color: #ffffff;
	border: 1px solid #2196F3;
}

.btn-primary:hover {
	color: #fff;
	background-color: #2196F3;
	border-color: #2196F3;
}

.btn:focus {
	outline: none;
}

.btn-round {
	-webkit-border-radius: 24px !important;
	-moz-border-radius: 24px !important;
	-ms-border-radius: 24px !important;
	-o-border-radius: 24px !important;
	border-radius: 24px !important;
}

.btn.ripple-infinite {
	position: relative;
	overflow: hidden;
}

.btn.btn-circle {
	-webkit-border-radius: 200% !important;
	-moz-border-radius: 200% !important;
	-ms-border-radius: 200% !important;
	-o-border-radius: 200% !important;
	border-radius: 200% !important;
	width: 50px;
	height: 50px;
	padding: 7px;
	font-size: 2em;
}

.btn.btn-circle.btn-lg {
	width: 100px;
	height: 100px;
	font-size: 3em;
}

.btn.btn-circle.btn-sm {
	width: 50px;
	height: 50px;
	font-size: 1em;
}

.btn.btn-circle.btn-mn {
	width: 30px;
	height: 30px;
	padding: 0px;
	font-size: 1em;
}

.btn.btn-circle.btn-feedback {
	width: 30px;
	height: 30px;
	padding: 3px;
	font-size: 1em;
}

.btn.ripple-infinite div:hover:before,
.btn.ripple-infinite div:hover:after {
	background: none !important;
}

.btn.ripple-infinite div:before,
.btn.ripple-infinite div:after {
	-webkit-transition: all 0.7s ease !important;
	-moz-transition: all 0.7s ease !important;
	-ms-transition: all 0.7s ease !important;
	-o-transition: all 0.7s ease !important;
	transition: all 0.7s ease !important;
	content: "" !important;
	position: absolute !important;
	background: rgba(255, 255, 255, 0.2) !important;
	z-index: 99 !important;
	left: 15% !important;
	right: 15% !important;
	top: -50% !important;
	bottom: -50% !important;
	-webkit-border-radius: 200% !important;
	-moz-border-radius: 200% !important;
	-ms-border-radius: 200% !important;
	-o-border-radius: 200% !important;
	border-radius: 200% !important;
	-webkit-animation: pulseA ease 1.4s infinite !important;
	-moz-animation: pulseA ease 1.4s infinite !important;
	-ms-animation: pulseA ease 1.4s infinite !important;
	-o-animation: pulseA ease 1.4s infinite !important;
	animation: pulseA ease 1.4s infinite !important;
}

@-webkit-keyframes pulseA {
	from {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	to {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

.btn-primary,
.label-primary,
.alert-primary,
.badge-primary {
	color: #fff !important;
}

.btn-success,
.label-success,
.alert-success,
.badge-success {
	color: #fff !important;
	border: none !important;
	background-color: #27C24C !important;
}

.btn-info,
.label-info,
.alert-info,
.badge-info {
	color: #fff !important;
	border: none !important;
	background-color: #73CAEF !important;
}

.btn-link{
	color: #fff !important;
	border: none !important;
	background-color: #9DA4F4 !important;
}

.btn-link:hover{
	background: none !important;
	color: #918C8C !important;
	border: 1px solid #918C8C !important;
}

.btn-danger,
.label-danger,
.alert-danger,
.badge-danger {
	color: #fff !important;
	border: none !important;
	background-color: #FF6656 !important;
}

.btn-warning,
.label-warning,
.alert-warning,
.badge-warning {
	color: #fff !important;
	border: none !important;
	background-color: #F0AD4E !important;
}

.btn-default,
.label-default,
.alert-default,
.badge-default {
	color: #857E7E !important;
	border: none !important;
	background-color: #fff !important;
}

.badges-v1 {
	margin: 10px auto;
	width: 280px;
	height: 370px;
	background: white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	position: relative;
	z-index: 90;
}

.badges-ribbon {
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: -3px;
	right: -3px;
}

.badges-ribbon-content {
	font: bold 15px Sans-Serif;
	color: #333;
	text-align: center;
	padding: 7px 0;
	left: -5px;
	top: 15px;
	width: 120px;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
	text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: relative;
}

.badges-ribbon-content:before,
.badges-ribbon-contentribbon-green:after {
	content: "";
	border-top: 3px solid #6e8900;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	position: absolute;
	bottom: -3px;
}

.badges-ribbon-content:before {
	left: 0;
}

.badges-ribbon-content:after {
	right: 0;
}

.btn-outline {
	padding: 10px;
	-webkit-border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	-ms-border-radius: 2px !important;
	-o-border-radius: 2px !important;
	border-radius: 2px !important;
	background: transparent !important;
	-webkit-transition-property: background;
	-moz-transition-property: background;
	-ms-transition-property: background;
	-o-transition-property: background;
	transition-property: background;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
}

.btn-primary.btn-outline,
.label-outline.label-primary,
.alert-outline.alert-primary {
	border: 1px solid #1c84c6 !important;
	background: none !important;
	color: #1c84c6 !important;
}

.btn-outline.btn-success,
.label-outline.label-success,
.alert-outline.alert-success {
	border: 1px solid #27C24C !important;
	background: none !important;
	color: #27C24C !important;
}

.btn-outline.btn-info,
.label-outline.label-info,
.alert-outline.alert-info {
	border: 1px solid #73CAEF !important;
	background: none !important;
	color: #73CAEF !important;
}

.btn-outline.btn-danger,
.label-outline.label-danger,
.alert-outline.alert-danger {
	border: 1px solid #FF6656 !important;
	background: none !important;
	color: #FF6656 !important;
}

.btn-outline.btn-warning,
.label-outline.label-warning,
.alert-outline.alert-warning {
	border: 1px solid #F0AD4E !important;
	background: none !important;
	color: #F0AD4E !important;
}

.btn-outline.btn-default,
.label-outline.label-default,
.alert-outline.alert-default {
	border: 1px solid #ddd !important;
	background: none !important;
	color: #857E7E !important;
}

.btn-primary.btn-outline:hover,
.btn-primary.btn-outline:active,
.btn-primary.btn-outline:focus,
.label-outline.label-primary:hover,
.alert-outline.alert-primary:hover {
	background: none !important;
	color: #918C8C !important;
	border: 1px solid #918C8C !important;
}

.btn-outline.btn-success:hover,
.btn-outline.btn-success:active,
.btn-outline.btn-success:focus,
.label-outline.label-success:hover,
.alert-outline.alert-success:hover {
	background: none !important;
	color: #918C8C !important;
	border: 1px solid #918C8C !important;
}

.btn-outline.btn-info:hover,
.btn-outline.btn-info:active,
.btn-outline.btn-info:focus,
.label-outline.label-info:hover,
.alert-outline.alert-info:hover {
	background: none !important;
	color: #918C8C !important;
	border: 1px solid #918C8C !important;
}

.btn-outline.btn-danger:hover,
.btn-outline.btn-danger:active,
.btn-outline.btn-danger:focus,
.label-outline.label-danger:hover,
.alert-outline.alert-danger:hover {
	background: none !important;
	color: #918C8C !important;
	border: 1px solid #918C8C !important;
}

.btn-outline.btn-warning:hover,
.btn-outline.btn-warning:active,
.btn-outline.btn-warning:focus,
.label-outline.label-warning:hover,
.alert-outline.alert-warning:hover {
	background: none !important;
	color: #918C8C !important;
	border: 1px solid #918C8C !important;
}

.btn-outline.btn-default:hover,
.btn-outline.btn-default:active,
.btn-outline.btn-default:focus,
.label-outline.label-default:hover,
.alert-outline.alert-default:hover {
	background: none !important;
	color: #918C8C !important;
	border: 1px solid #918C8C !important;
}

.btn-gradient {
	color: #fff !important;
	font-weight: bold;
}

.btn-gradient.btn-primary,
.label-gradient.label-primary,
.alert-gradient.alert-primary {
	background: -moz-linear-gradient(top, #33a6cc 50%, #1c84c6 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #33a6cc), color-stop(50%, #1c84c6));
	background: -webkit-linear-gradient(top, #33a6cc 50%, #1c84c6 50%);
	background: -o-linear-gradient(top, #33a6cc 50%, #1c84c6 50%);
	background: -ms-linear-gradient(top, #33a6cc 50%, #1c84c6 50%);
	background: linear-gradient(to bottom, #33a6cc 50%, #1c84c6 50%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#33a6cc', endColorstr='#1c84c6', GradientType=0);
}

.btn-gradient.btn-success,
.label-gradient.label-success,
.alert-gradient.alert-success {
	background: -moz-linear-gradient(top, #27C24C 50%, #1DAA3F 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #27C24C), color-stop(50%, #1DAA3F));
	background: -webkit-linear-gradient(top, #27C24C 50%, #1DAA3F 50%);
	background: -o-linear-gradient(top, #27C24C 50%, #1DAA3F 50%);
	background: -ms-linear-gradient(top, #27C24C 50%, #1DAA3F 50%);
	background: linear-gradient(to bottom, #27C24C 50%, #1DAA3F 50%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#27C24C', endColorstr='#1DAA3F', GradientType=0);
}

.btn-gradient.btn-info,
.label-gradient.label-info,
.alert-gradient.alert-info {
	background: -moz-linear-gradient(top, #73CAEF 50%, #47B4E2 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #73CAEF), color-stop(50%, #47B4E2));
	background: -webkit-linear-gradient(top, #73CAEF 50%, #47B4E2 50%);
	background: -o-linear-gradient(top, #73CAEF 50%, #47B4E2 50%);
	background: -ms-linear-gradient(top, #73CAEF 50%, #47B4E2 50%);
	background: linear-gradient(to bottom, #73CAEF 50%, #47B4E2 50%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#73CAEF', endColorstr='#47B4E2', GradientType=0);
}

.btn-gradient.btn-danger,
.label-gradient.label-danger,
.alert-gradient.alert-danger {
	background: -moz-linear-gradient(top, #FF6656 50%, #E43927 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #FF6656), color-stop(50%, #E43927));
	background: -webkit-linear-gradient(top, #FF6656 50%, #E43927 50%);
	background: -o-linear-gradient(top, #FF6656 50%, #E43927 50%);
	background: -ms-linear-gradient(top, #FF6656 50%, #E43927 50%);
	background: linear-gradient(to bottom, #FF6656 50%, #E43927 50%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FF6656', endColorstr='#E43927', GradientType=0);
}

.btn-gradient.btn-warning,
.label-gradient.label-warning,
.alert-gradient.alert-warning {
	background: -moz-linear-gradient(top, #F0AD4E 50%, #D49236 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #F0AD4E), color-stop(50%, #D49236));
	background: -webkit-linear-gradient(top, #F0AD4E 50%, #D49236 50%);
	background: -o-linear-gradient(top, #F0AD4E 50%, #D49236 50%);
	background: -ms-linear-gradient(top, #F0AD4E 50%, #D49236 50%);
	background: linear-gradient(to bottom, #F0AD4E 50%, #D49236 50%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#F0AD4E', endColorstr='#D49236', GradientType=0);
}

.btn-gradient.btn-default,
.label-gradien.label-default,
.alert-gradient.alert-default {
	background: -moz-linear-gradient(top, #857E7E 50%, #7B7474 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #857E7E), color-stop(50%, #7B7474));
	background: -webkit-linear-gradient(top, #857E7E 50%, #7B7474 50%);
	background: -o-linear-gradient(top, #857E7E 50%, #7B7474 50%);
	background: -ms-linear-gradient(top, #857E7E 50%, #7B7474 50%);
	background: linear-gradient(to bottom, #857E7E 50%, #7B7474 50%);
	color: #fff !important;
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#857E7E', endColorstr='#7B7474', GradientType=0);
}

.btn-raised.btn-primary,
.label-raised.label-primary,
.alert-raised.alert-primary {
	-webkit-box-shadow: 0 3px 0 0 #007299 !important;
	-moz-box-shadow: 0 3px 0 0 #007299 !important;
	-ms-box-shadow: 0 3px 0 0 #007299 !important;
	-o-box-shadow: 0 3px 0 0 #007299 !important;
	box-shadow: 0 3px 0 0 #007299 !important;
}

.btn-raised.btn-success,
.label-raised.label-success,
.alert-raised.alert-success {
	-webkit-box-shadow: 0 3px 0 0 #1DAA3F !important;
	-moz-box-shadow: 0 3px 0 0 #1DAA3F !important;
	-ms-box-shadow: 0 3px 0 0 #1DAA3F !important;
	-o-box-shadow: 0 3px 0 0 #1DAA3F !important;
	box-shadow: 0 3px 0 0 #1DAA3F !important;
}

.btn-raised.btn-info,
.label-raised.label-info,
.alert-raised.alert-info {
	-webkit-box-shadow: 0 3px 0 0 #47B4E2 !important;
	-moz-box-shadow: 0 3px 0 0 #47B4E2 !important;
	-ms-box-shadow: 0 3px 0 0 #47B4E2 !important;
	-o-box-shadow: 0 3px 0 0 #47B4E2 !important;
	box-shadow: 0 3px 0 0 #47B4E2 !important;
}

.btn-raised.btn-danger,
.label-raised.label-danger,
.alert-raised.alert-danger {
	-webkit-box-shadow: 0 3px 0 0 #E43927 !important;
	-moz-box-shadow: 0 3px 0 0 #E43927 !important;
	-ms-box-shadow: 0 3px 0 0 #E43927 !important;
	-o-box-shadow: 0 3px 0 0 #E43927 !important;
	box-shadow: 0 3px 0 0 #E43927 !important;
}

.btn-raised.btn-warning,
.label-raised.label-warning,
.alert-raised.alert-warning {
	-webkit-box-shadow: 0 3px 0 0 #D49236 !important;
	-moz-box-shadow: 0 3px 0 0 #D49236 !important;
	-ms-box-shadow: 0 3px 0 0 #D49236 !important;
	-o-box-shadow: 0 3px 0 0 #D49236 !important;
	box-shadow: 0 3px 0 0 #D49236 !important;
}

.btn-raised.btn-default,
.label-raised.label-default,
.alert-raised.alert-default {
	-webkit-box-shadow: 0 3px 0 0 #7B7474 !important;
	-moz-box-shadow: 0 3px 0 0 #7B7474 !important;
	-ms-box-shadow: 0 3px 0 0 #7B7474 !important;
	-o-box-shadow: 0 3px 0 0 #7B7474 !important;
	box-shadow: 0 3px 0 0 #7B7474 !important;
}

.btn-3d {
	font-weight: bold !important;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-ms-border-radius: 10px !important;
	-o-border-radius: 10px !important;
	border-radius: 10px !important;
}

.btn-3d:active {
	outline: none !important;
	position: relative;
	top: 2px;
}

.btn-3d.btn-primary,
.label-3d.label-primary,
.alert-3d.alert-primary {
	-webkit-box-shadow: inset 0px 0px 0px #007299, 0px 5px 0px 0px #007299, 0px 10px 5px #999 !important;
	-moz-box-shadow: inset 0px 0px 0px #007299, 0px 5px 0px 0px #007299, 0px 10px 5px #999 !important;
	-ms-box-shadow: inset 0px 0px 0px #007299, 0px 5px 0px 0px #007299, 0px 10px 5px #999 !important;
	-o-box-shadow: inset 0px 0px 0px #007299, 0px 5px 0px 0px #007299, 0px 10px 5px #999 !important;
	box-shadow: inset 0px 0px 0px #007299, 0px 5px 0px 0px #007299, 0px 10px 5px #999 !important;
}

.btn-3d.btn-primary:active,
.label-3d.label-primary:active,
.alert-3d.alert-primary:active {
	-webkit-box-shadow: inset 0px 0px 0px #007299, 0px 2px 0px 0px #007299, 0px 4px 2px #999 !important;
	-moz-box-shadow: inset 0px 0px 0px #007299, 0px 2px 0px 0px #007299, 0px 4px 2px #999 !important;
	-ms-box-shadow: inset 0px 0px 0px #007299, 0px 2px 0px 0px #007299, 0px 4px 2px #999 !important;
	-o-box-shadow: inset 0px 0px 0px #007299, 0px 2px 0px 0px #007299, 0px 4px 2px #999 !important;
	box-shadow: inset 0px 0px 0px #007299, 0px 2px 0px 0px #007299, 0px 4px 2px #999 !important;
}

.btn-3d.btn-success,
.label-3d.label-success,
.alert-3d.alert-success {
	-webkit-box-shadow: inset 0px 0px 0px #1DAA3F, 0px 5px 0px 0px #1DAA3F, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 0px 0px #1DAA3F, 0px 5px 0px 0px #1DAA3F, 0px 10px 5px #999;
	-ms-box-shadow: inset 0px 0px 0px #1DAA3F, 0px 5px 0px 0px #1DAA3F, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 0px 0px #1DAA3F, 0px 5px 0px 0px #1DAA3F, 0px 10px 5px #999;
	box-shadow: inset 0px 0px 0px #1DAA3F, 0px 5px 0px 0px #1DAA3F, 0px 10px 5px #999;
}

.btn-3d.btn-success:active,
.label-3d.label-success:active,
.alert-3d.alert-success:active {
	-webkit-box-shadow: inset 0px 0px 0px #1DAA3F, 0px 2px 0px 0px #1DAA3F, 0px 4px 2px #999 !important;
	-moz-box-shadow: inset 0px 0px 0px #1DAA3F, 0px 2px 0px 0px #1DAA3F, 0px 4px 2px #999 !important;
	-ms-box-shadow: inset 0px 0px 0px #1DAA3F, 0px 2px 0px 0px #1DAA3F, 0px 4px 2px #999 !important;
	-o-box-shadow: inset 0px 0px 0px #1DAA3F, 0px 2px 0px 0px #1DAA3F, 0px 4px 2px #999 !important;
	box-shadow: inset 0px 0px 0px #1DAA3F, 0px 2px 0px 0px #1DAA3F, 0px 4px 2px #999 !important;
}

.btn-3d.btn-info,
.label-3d.label-info,
.alert-3d.alert-info {
	-webkit-box-shadow: inset 0px 0px 0px #47B4E2, 0px 5px 0px 0px #47B4E2, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 0px 0px #47B4E2, 0px 5px 0px 0px #47B4E2, 0px 10px 5px #999;
	-ms-box-shadow: inset 0px 0px 0px #47B4E2, 0px 5px 0px 0px #47B4E2, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 0px 0px #47B4E2, 0px 5px 0px 0px #47B4E2, 0px 10px 5px #999;
	box-shadow: inset 0px 0px 0px #47B4E2, 0px 5px 0px 0px #47B4E2, 0px 10px 5px #999;
}

.btn-3d.btn-info:active,
.label-3d.label-info:active,
.alert-3d.alert-info:active {
	-webkit-box-shadow: inset 0px 0px 0px #47B4E2, 0px 2px 0px 0px #47B4E2, 0px 4px 2px #999 !important;
	-moz-box-shadow: inset 0px 0px 0px #47B4E2, 0px 2px 0px 0px #47B4E2, 0px 4px 2px #999 !important;
	-ms-box-shadow: inset 0px 0px 0px #47B4E2, 0px 2px 0px 0px #47B4E2, 0px 4px 2px #999 !important;
	-o-box-shadow: inset 0px 0px 0px #47B4E2, 0px 2px 0px 0px #47B4E2, 0px 4px 2px #999 !important;
	box-shadow: inset 0px 0px 0px #47B4E2, 0px 2px 0px 0px #47B4E2, 0px 4px 2px #999 !important;
}

.btn-3d.btn-danger,
.label-3d.label-danger,
.alert-3d.alert-danger {
	-webkit-box-shadow: inset 0px 0px 0px #E43927, 0px 5px 0px 0px #E43927, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 0px 0px #E43927, 0px 5px 0px 0px #E43927, 0px 10px 5px #999;
	-ms-box-shadow: inset 0px 0px 0px #E43927, 0px 5px 0px 0px #E43927, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 0px 0px #E43927, 0px 5px 0px 0px #E43927, 0px 10px 5px #999;
	box-shadow: inset 0px 0px 0px #E43927, 0px 5px 0px 0px #E43927, 0px 10px 5px #999;
}

.btn-3d.btn-danger:active,
.label-3d.label-danger:active,
.alert-3d.alert-danger:active {
	-webkit-box-shadow: inset 0px 0px 0px #E43927, 0px 2px 0px 0px #E43927, 0px 4px 2px #999 !important;
	-moz-box-shadow: inset 0px 0px 0px #E43927, 0px 2px 0px 0px #E43927, 0px 4px 2px #999 !important;
	-ms-box-shadow: inset 0px 0px 0px #E43927, 0px 2px 0px 0px #E43927, 0px 4px 2px #999 !important;
	-o-box-shadow: inset 0px 0px 0px #E43927, 0px 2px 0px 0px #E43927, 0px 4px 2px #999 !important;
	box-shadow: inset 0px 0px 0px #E43927, 0px 2px 0px 0px #E43927, 0px 4px 2px #999 !important;
}

.btn-3d.btn-warning,
.label-3d.label-warning,
.alert-3d.alert-warning {
	-webkit-box-shadow: inset 0px 0px 0px #D49236, 0px 5px 0px 0px #D49236, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 0px 0px #D49236, 0px 5px 0px 0px #D49236, 0px 10px 5px #999;
	-ms-box-shadow: inset 0px 0px 0px #D49236, 0px 5px 0px 0px #D49236, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 0px 0px #D49236, 0px 5px 0px 0px #D49236, 0px 10px 5px #999;
	box-shadow: inset 0px 0px 0px #D49236, 0px 5px 0px 0px #D49236, 0px 10px 5px #999;
}

.btn-3d.btn-warning:active,
.label-3d.label-warning:active,
.alert-3d.alert-warning:active {
	-webkit-box-shadow: inset 0px 0px 0px #D49236, 0px 2px 0px 0px #D49236, 0px 4px 2px #999 !important;
	-moz-box-shadow: inset 0px 0px 0px #D49236, 0px 2px 0px 0px #D49236, 0px 4px 2px #999 !important;
	-ms-box-shadow: inset 0px 0px 0px #D49236, 0px 2px 0px 0px #D49236, 0px 4px 2px #999 !important;
	-o-box-shadow: inset 0px 0px 0px #D49236, 0px 2px 0px 0px #D49236, 0px 4px 2px #999 !important;
	box-shadow: inset 0px 0px 0px #D49236, 0px 2px 0px 0px #D49236, 0px 4px 2px #999 !important;
}

.btn-3d.btn-default,
.label-3d.label-default,
.alert-3d.alert-default {
	-webkit-box-shadow: inset 0px 0px 0px #7B7474, 0px 5px 0px 0px #7B7474, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 0px 0px #7B7474, 0px 5px 0px 0px #7B7474, 0px 10px 5px #999;
	-ms-box-shadow: inset 0px 0px 0px #7B7474, 0px 5px 0px 0px #7B7474, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 0px 0px #7B7474, 0px 5px 0px 0px #7B7474, 0px 10px 5px #999;
	box-shadow: inset 0px 0px 0px #7B7474, 0px 5px 0px 0px #7B7474, 0px 10px 5px #999;
}

.btn-3d.btn-default:active,
.label-3d.label-default:active,
.alert-3d.alert-default:active {
	-webkit-box-shadow: inset 0px 0px 0px #7B7474, 0px 2px 0px 0px #7B7474, 0px 4px 2px #999 !important;
	-moz-box-shadow: inset 0px 0px 0px #7B7474, 0px 2px 0px 0px #7B7474, 0px 4px 2px #999 !important;
	-ms-box-shadow: inset 0px 0px 0px #7B7474, 0px 2px 0px 0px #7B7474, 0px 4px 2px #999 !important;
	-o-box-shadow: inset 0px 0px 0px #7B7474, 0px 2px 0px 0px #7B7474, 0px 4px 2px #999 !important;
	box-shadow: inset 0px 0px 0px #7B7474, 0px 2px 0px 0px #7B7474, 0px 4px 2px #999 !important;
}

.btn-flip {
	height: 50px !important;
	padding: 0px !important;
	-webkit-perspective: 600;
	-moz-perspective: 600;
	-ms-perspective: 600;
	-o-perspective: 600;
	perspective: 600;
	position: relative;
	width: 350px !important;
}

.btn-flip .flip {
	height: 100%;
	position: absolute;
	margin-top: -10px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	width: 100%;
}

.btn-flip .flip:hover {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.btn-flip .flip .side {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	height: 100%;
	position: absolute;
	width: 100%;
}

.btn-flip .flip .back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}


.avatar {
	height: 40px;
	width: 40px;
	border: 4px solid #108DB6 !important;
	margin-top: 6px;
	/* 100 108  */
}

.panel-primary .panel-heading,
.progress-bar.progress-bar-primary {
	background-color: #1c84c6 !important;
}

.panel-success .panel-heading,
.progress-bar.progress-bar-success {
	background-color: #27C24C !important;
}

.panel-info .panel-heading,
.progress-bar.progress-bar-info {
	background-color: #73CAEF !important;
}

.panel-danger .panel-heading,
.progress-bar.progress-bar-danger {
	background-color: #FF6656 !important;
}

.panel-warning .panel-heading,
.progress-bar.progress-bar-warning {
	background-color: #F0AD4E !important;
}

.panel-default.panel-heading,
.progress-bar.progress-bar-default {
	background-color: #857E7E !important;
}

.progress.progress-rounded,
.progress.progress-rounded .progress-bar {
	-webkit-border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	-ms-border-radius: 20px !important;
	-o-border-radius: 20px !important;
	border-radius: 20px !important;
}

.alert.alert-icon {
	padding: 10px;
	padding-top: 20px;
	padding-right: 20px;
	text-align: left;
}

.alert.alert-icon p {
	font-size: 14px;
}

.alert-default.alert-icon .icon-wrapper {
	color: #918C8C !important;
	border-right: 1px solid #918C8C !important;
}

.alert.alert-icon .icon-wrapper {
	font-size: 1.4em !important;
	padding: 0px;
	color: #fff;
	border-right: 1px solid #fff;
}

.alert-border {
	text-align: left !important;
	padding: 20px;
	padding-top: 10px;
	color: #655E5E !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
}

.alert-border .close {
	position: absolute;
	margin-right: 40px;
	margin-top: 10px;
	color: #090808 !important;
}

.alert.alert-primary.alert-border {
	border-left: 8px solid #1c84c6 !important;
	background-color: #84B6D6 !important;
}

.alert.alert-success.alert-border {
	border-left: 8px solid #27C24C !important;
	background-color: #9CCFA8 !important;
}

.alert.alert-info.alert-border {
	border-left: 8px solid #73CAEF !important;
	background-color: #A6E2FB !important;
}

.alert.alert-danger.alert-border {
	border-left: 8px solid #FF6656 !important;
	background-color: #FFC1C1 !important;
}

.alert.alert-warning.alert-border {
	border-left: 8px solid #F0AD4E !important;
	background-color: #FFD08D !important;
}

.alert.alert-default.alert-border {
	border-left: 8px solid #857E7E !important;
	background-color: #BBBBBB !important;
}

#spinners li {
	float: left;
	padding: 20px;
	list-style: none;
}

.navbar {
	height: 52px;
	background-color: #2196F3;
	color: #fff;
	border: none;
}

/*.navbar .navbar-brand {
    text-shadow: 0px 1px 5px #918C8C;
    padding: 15px;
    margin-left: 20px;
    font-size: 2.3em;
    color: #FFFFFF !important;
  }                                            100 108 */

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


.navbar .active a {
	background: none;
}

.opener-right-menu span {
	font-size: 25px;
	color: #0c66ae;
}

.opener-right-menu {
	color: #fff !important;
}

.navbar-nav {
	padding-left: 10px;
}

.navbar li {
	background: none;
}

.dropdown a {
	font-size: 1em;
}

.navbar .search {
	padding-top: 15px;
	padding-left: 10px;
	color: #0c66ae;
}

.navbar .search .form-animate-text {
	float: right;
	margin-top: -10px;
	margin-left: 5px;
	width: 200px;
}


.navbar-header .search .form-animate-text .form-text:focus~.label-search,
.form-text:valid~.label-search {
	top: -50px !important;
	font-size: 14px;
	color: #0c66ae !important;
}

.navbar .search .form-animate-text .form-text {
	border: none !important;
}

.navbar .search .form-animate-text .bar:before,
.navbar .search .form-animate-text .bar:after {
	height: 1px;
	background: #0c66ae !important;
}


.navbar .search .form-animate-text label {
	color: #0c66ae;
	font-size: 15px !important;
}



.user-dropdown {
	margin-top: 20px;
	border: 1px solid #EAE8E8;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1) !important;
	-moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1) !important;
	-ms-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1) !important;
	-o-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1) !important;
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1) !important;
}

.user-dropdown li {
	overflow: inherit;
}

.user-dropdown li a {
	color: #9E9E9E;
	font-weight: 10;
}

.user-dropdown:before {
	position: absolute;
	top: -7px;
	left: 134px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}

.user-dropdown:after {
	position: absolute;
	top: -6px;
	left: 135px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}

.user-dropdown .more {
	background-color: #F9F9F9;
	padding: 0px;
	width: 100%;
	height: 40px;
	border-top: 1px solid #ddd;
}

.user-dropdown .more ul {
	padding: 0px;
	padding-left: 10px;
}

.user-dropdown .more li {
	float: left;
	list-style: none;
	padding: 15px;
	padding-top: 5px;
}

.user-dropdown .more a {
	font-size: 18px;
	color: #ddd;
}

.user-name {
	padding-top: 13px;
	/* 100 108 */
	padding-right: 10px;
}

.user-name span {
	font-size: 16px;
	font-weight: bold;
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*-----Left menu-------*/
#left-menu .left-bg {
	background: url('../img/left-bg.png');
	background-repeat: repeat-x;
	height: 100px;
	left: 0;
	position: relative;
	margin-left: -2px;
}


#left-menu .sub-left-menu {
	background-color: #fff;
	left: 0;
	top: 0;
	z-index: 222;
	height: 100%;
	position: fixed;
	overflow-y: hidden;
	-webkit-box-shadow: 0 2px 5px 0 rgba(239, 235, 235, 0.16), 0 2px 10px 0 rgba(72, 70, 70, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(239, 235, 235, 0.16), 0 2px 10px 0 rgba(72, 70, 70, 0.12);
	-ms-box-shadow: 0 2px 5px 0 rgba(239, 235, 235, 0.16), 0 2px 10px 0 rgba(72, 70, 70, 0.12);
	-o-box-shadow: 0 2px 5px 0 rgba(239, 235, 235, 0.16), 0 2px 10px 0 rgba(72, 70, 70, 0.12);
	box-shadow: 0 2px 5px 0 rgba(239, 235, 235, 0.16), 0 2px 10px 0 rgba(72, 70, 70, 0.12);
}

.my-upreach-app #left-menu .sub-left-menu {
	width: 251px;
}

#left-menu .sub-left-menu a {
	color: #918C8C;
	font-size: 15px;
	font-weight: 400;
	line-height: 42px;
}

#left-menu .sub-left-menu .right-arrow {
	float: right;
	padding-top: 13px;
}

#left-menu .sub-left-menu a:hover {
	background: rgba(33, 150, 243, 1);
	border-left: solid 5px rgba(12, 99, 168, .5);
	padding-left: 15px;
	color: #ffffff !important;
	-webkit-text-decoration: none;
	-moz-text-decoration: none;
	-ms-text-decoration: none;
	-o-text-decoration: none;
	text-decoration: none;
}

#left-menu .sub-left-menu span {
	padding-right: 10px;
}

#left-menu .sub-left-menu li {
	line-height: 44px;
}

#left-menu .sub-left-menu .active {
	border-left: 0px solid #C1B8B8;
}

#left-menu .sub-left-menu .active {
	width: 100%;
}



#left-menu .sub-left-menu .time h1 {
	font-weight: 500;
	font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 70px;
	text-align: center;
	color: #918C8C;
}

#left-menu .sub-left-menu .time p {
	margin-top: 0px;
	margin-left: 15px;
	font-size: 12px;
	color: #918C8C;
}

#left-menu .sub-left-menu .tree {
	background-color: #F6F8F8;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

ul.tree-open {
	background-color: #F6F8F8;
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}


#left-menu .sub-left-menu .tree li {
	padding: 0px;
	padding-left: 0;
}

.opener-left-menu {
	float: left;
	padding: 20px;
	padding-top: 30px;
	/* 100 108 */
	background-color: #2196F3;
	padding-bottom: 11px;
	color: #C62828;
	cursor: pointer;
	-webkit-box-shadow: 0px 9px 0px 0px #2196F3, 0 -9px 0px 0px #2196F3, 4px 0 15px -4px rgba(0, 0, 0, 0.16), -4px 0 15px -4px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 9px 0px 0px #2196F3, 0 -9px 0px 0px #2196F3, 4px 0 15px -4px rgba(0, 0, 0, 0.16), -4px 0 15px -4px rgba(0, 0, 0, 0.12);
	-ms-box-shadow: 0px 9px 0px 0px #2196F3, 0 -9px 0px 0px #2196F3, 4px 0 15px -4px rgba(0, 0, 0, 0.16), -4px 0 15px -4px rgba(0, 0, 0, 0.12);
	-o-box-shadow: 0px 9px 0px 0px #2196F3, 0 -9px 0px 0px #2196F3, 4px 0 15px -4px rgba(0, 0, 0, 0.16), -4px 0 15px -4px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 9px 0px 0px #2196F3, 0 -9px 0px 0px #2196F3, 4px 0 15px -4px rgba(0, 0, 0, 0.16), -4px 0 15px -4px rgba(0, 0, 0, 0.12);
}


.opener-left-menu.is-open {
	padding-top: 25px;
	/* 100 108 */
	padding-bottom: 17px;
}

.opener-left-menu:hover,
.opener-left-menu:focus,
.opener-left-menu:active {
	outline: none;
}

.opener-left-menu.is-closed:before {
	content: '';
	display: block;
	width: 30px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.opener-left-menu.is-closed:hover:before {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	display: block;
	-webkit-transform: translate3d(-100px, 0, 0);
	-moz-transform: translate3d(-100px, 0, 0);
	-ms-transform: translate3d(-100px, 0, 0);
	-o-transform: translate3d(-100px, 0, 0);
	transform: translate3d(-100px, 0, 0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.opener-left-menu.is-closed .top,
.opener-left-menu.is-closed .middle,
.opener-left-menu.is-closed .bottom,
.opener-left-menu.is-open .top,
.opener-left-menu.is-open .middle,
.opener-left-menu.is-open .bottom {
	position: absolute;
	height: 4px;
	width: 30px;
}

.opener-left-menu.is-closed .top,
.opener-left-menu.is-closed .middle,
.opener-left-menu.is-closed .bottom {
	background-color: #fff;
}

.opener-left-menu.is-closed .top {
	top: 15px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.opener-left-menu.is-closed .middle {
	top: 24px;
}

.opener-left-menu.is-closed .bottom {
	top: 32px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.opener-left-menu.is-closed:hover .top {
	top: 10px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.opener-left-menu.is-closed:hover .bottom {
	bottom: 10px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.opener-left-menu.is-open .top,
.opener-left-menu.is-open .middle,
.opener-left-menu.is-open .bottom {
	background-color: #fff;
}

.opener-left-menu.is-open .top,
.opener-left-menu.is-open .bottom {
	margin-top: -2px;
}

.opener-left-menu.is-open .top {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
	-moz-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
	-ms-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
	-o-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
	transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
}

.opener-left-menu.is-open .middle {
	display: none;
}

.opener-left-menu.is-open .bottom {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
	-moz-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
	-ms-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
	-o-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
	transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
}

.opener-left-menu.is-open:before {
	content: '';
	display: block;
	width: 30px;
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	text-align: center;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.opener-left-menu.is-open:hover:before {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	display: block;
	-webkit-transform: translate3d(-100px, 0, 0);
	-moz-transform: translate3d(-100px, 0, 0);
	-ms-transform: translate3d(-100px, 0, 0);
	-o-transform: translate3d(-100px, 0, 0);
	transform: translate3d(-100px, 0, 0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

/*----right menu-------*/

#right-menu {
	position: fixed;
	right: 0;
	top: 50px;
	display: none;
	z-index: 222;
	width: 230px;
	background-color: #fff;
	height: 100%;
	border-left: 1px solid #dee5e7;
	-webkit-box-shadow: 0px 9px 0px 0px white, 0 -9px 0px 0px white, 4px 0 15px -4px rgba(0, 0, 0, 0.16), -4px 0 15px -4px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 9px 0px 0px white, 0 -9px 0px 0px white, 4px 0 15px -4px rgba(0, 0, 0, 0.16), -4px 0 15px -4px rgba(0, 0, 0, 0.12);
	-ms-box-shadow: 0px 9px 0px 0px white, 0 -9px 0px 0px white, 4px 0 15px -4px rgba(0, 0, 0, 0.16), -4px 0 15px -4px rgba(0, 0, 0, 0.12);
	-o-box-shadow: 0px 9px 0px 0px white, 0 -9px 0px 0px white, 4px 0 15px -4px rgba(0, 0, 0, 0.16), -4px 0 15px -4px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 9px 0px 0px white, 0 -9px 0px 0px white, 4px 0 15px -4px rgba(0, 0, 0, 0.16), -4px 0 15px -4px rgba(0, 0, 0, 0.12);
}

#right-menu .tab-content {
	background-color: #fff;
	height: 100%;
	width: 100%;
}

#right-menu .nav-tabs {
	width: 100%;
	border-bottom: 1px solid #dee5e7;
}

#right-menu .nav-tabs span {
	color: #98a6ad;
}

#right-menu .nav-tabs li {
	padding: 0px;
	padding-left: 4px;
	width: 32.666666667%;
}

#right-menu .nav-tabs li a {
	padding: 15px;
}

#right-menu .nav-tabs .active a {
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #23b7e5;
}

#right-menu .nav-tabs .active span {
	color: #98a6ad;
}

#right-menu .nav-tabs li:hover {
	background: #fff;
	border: none;
	border-bottom: 1px solid #23b7e5;
}

#right-menu .nav-tabs li a:hover {
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #23b7e5;
}

#right-menu .search {
	padding: 10px;
	background-color: #fff;
}

#right-menu .search input {
	width: 100%;
	padding-left: 10px;
	border: none;
	height: 40px;
	background: #fff;
}

#right-menu .search input:focus {
	outline: none;
}

#right-menu .user {
	padding-top: 10px;
	padding-bottom: 5px;
	height: 600px;
	width: 100%;
}

#right-menu .gadget {
	position: absolute;
	margin-top: -36px;
	margin-left: -7px;
}

#right-menu .online .gadget {
	color: #98a6ad;
}

#right-menu .away .gadget {
	color: #98a6ad;
}

#right-menu .online h5 {
	color: #98a6ad !important;
}

#right-menu .away h5 {
	color: #98a6ad !important;
}

#right-menu .user .online {
	background-color: #fff;
}

#right-menu .user ul {
	padding: 0px;
	max-height: 100%;
}

#right-menu .user li {
	list-style: none;
	padding: 10px;
	float: left;
	padding-left: 15px;
	cursor: pointer;
	width: 100%;
}

#right-menu .user .dot {
	width: 15px;
	height: 15px;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	margin-left: 150px;
	margin-top: -10px;
}

#right-menu .user .online .dot {
	background-color: #27C24C !important;
}

#right-menu .user .away .dot {
	background-color: #FB5A3D !important;
}

#right-menu .user .offline .dot {
	background-color: #6F767A !important;
}

#right-menu .user img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	float: right;
	margin-right: 10px;
}

#right-menu .name {
	font-size: 1em;
	padding-left: 10px;
	color: #ddd !important;
}

#right-menu .name h1 {
	margin-top: -10px;
}

#right-menu .name p {
	margin-top: -14px;
}

#right-menu .chatbox {
	width: 100%;
	padding: 0px;
	color: #98A6AD;
	display: none;
}

#right-menu .chatbox .close-chat {
	font-size: 20px;
	font-weight: 300;
	position: absolute;
	right: 10px;
	-webkit-text-decoration: none;
	-moz-text-decoration: none;
	-ms-text-decoration: none;
	-o-text-decoration: none;
	text-decoration: none;
	color: #474747;
}

#right-menu .chatbox .chat-input {
	width: 100%;
	height: 60px;
	background-color: #fff;
	bottom: 80px;
	position: fixed;
	z-index: 230;
}

#right-menu .chatbox .chat-input textarea {
	height: 50px;
	width: 220px;
	margin: 0 auto;
	border: none;
	margin-top: 10px;
	resize: none;
	padding: 10px;
}

#right-menu .chatbox .chat-input textarea:focus {
	outline: none;
}

#right-menu .chatbox .chat-area {
	width: 100%;
	height: 700px;
}

#right-menu .chatbox .user-list .dot {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	margin-top: -15px;
	width: 15px;
	height: 15px;
	border: 2px solid #fff;
}

#right-menu .chatbox .user-list .online .dot {
	background-color: #27C24C !important;
}

#right-menu .chatbox .user-list .offline .dot {
	background-color: #6F767A !important;
}

#right-menu .chatbox .user-list .away .dot {
	background-color: #FB5A3D !important;
}

.msg_container_base {
	background: #FFF;
	margin: 0;
	padding: 0 10px 10px;
	overflow-x: hidden;
	max-height: 400px;
}

.top-bar {
	background: #666;
	color: white;
	padding: 10px;
	position: relative;
	overflow: hidden;
}

.msg_receive {
	padding-left: 0;
	margin-left: 0;
}

.msg_sent {
	padding-bottom: 20px !important;
	margin-right: 0;
}

.messages {
	background: white;
	padding: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	max-width: 100%;
}

.messages>p {
	font-size: 13px;
	margin: 0 0 0.2rem 0;
}

.messages>time {
	font-size: 11px;
	color: #ccc;
}

.msg_container {
	padding: 10px;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.avatar {
	position: relative;
	padding: 0px;
}



.receive>.avatar:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border: 5px solid #FFF;
	border-left-color: rgba(0, 0, 0, 0);
	border-bottom-color: rgba(0, 0, 0, 0);
}

.bubble {
	padding: 0px;
}

.send {
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	-ms-align-items: flex-end;
	-o-align-items: flex-end;
	align-items: flex-end;
}

.send>.avatar:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	border: 5px solid white;
	border-right-color: transparent;
	border-top-color: transparent;
	-webkit-box-shadow: 1px 1px 2px rgba(black, 0.2);
	-moz-box-shadow: 1px 1px 2px rgba(black, 0.2);
	-ms-box-shadow: 1px 1px 2px rgba(black, 0.2);
	-o-box-shadow: 1px 1px 2px rgba(black, 0.2);
	box-shadow: 1px 1px 2px rgba(black, 0.2);
}

.msg_sent>time {
	float: right;
}

.msg_container_base::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
}

.msg_container_base::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}

.msg_container_base::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	-ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	-o-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #555;
}

#right-menu .chatbox .user-list {
	height: 80px;
	bottom: 0;
	position: fixed;
	padding-left: 0px;
	border-top: 1px solid #ddd;
	float: left;
	width: 100%;
	z-index: 230;
	background-color: #F4F4F4;
	overflow: hidden;
	-webkit-box-shadow: inset 0 8px 8px -8px #BFBFBF, inset 0 -8px 8px -8px #BFBFBF;
	-moz-box-shadow: inset 0 8px 8px -8px #BFBFBF, inset 0 -8px 8px -8px #BFBFBF;
	-ms-box-shadow: inset 0 8px 8px -8px #BFBFBF, inset 0 -8px 8px -8px #BFBFBF;
	-o-box-shadow: inset 0 8px 8px -8px #BFBFBF, inset 0 -8px 8px -8px #BFBFBF;
	box-shadow: inset 0 8px 8px -8px #BFBFBF, inset 0 -8px 8px -8px #BFBFBF;
}

#right-menu .chatbox .user-list img {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	border: 2px solid #98a6ad;
}

#right-menu .user-list>ul {
	padding: 0px;
	padding-left: 5px;
	width: 228px;
	height: 80px;
	display: block;
	white-space: nowrap;
	overflow: auto;
}

#right-menu .user-list li {
	width: 55px;
	padding-top: 14px;
	display: inline-block;
}

#content {
	margin-top: 51px;
	padding: 0px;
	padding-bottom: 10px;
	padding-left: 230px;
	/* width: 100%; */
	color: #918C8C;
}

.my-upreach-app #content {
	margin-top: -20px;
	padding-left: 248px;
}


.input-group-addon,
.user-photo,
.btn,
.cover-v1,
.nav-tabs.nav-tabs-v2,
/* .tabs-area, */
.mail-wrapper,
.mail-reply,
.thumbnail,
.navbar {
	/* -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); */
	-moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
	-ms-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
	-o-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
	/* box-shadow: 0 1px 0px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); */
}

/*start: box v-1*/
.box-v1 {}

.box-v1 .panel-body {
	padding-top: 40px;
}

.box-v1 .panel-body h1 {
	line-height: .5;
}

.box-v1 .panel-body hr {
	width: 60%;
}

/*start: box v-2*/
.box-v2 {}

.box-v2 .panel-heading {}

.box-v2 .panel-heading .box-v2-cover {
	width: 100%;
}

.box-v2 .panel-heading .box-v2-detail {
	position: absolute;
	z-index: 9;
	margin-top: -100px;
	margin-left: 10px;
	color: #fff;
	font-weight: 400;
}

.box-v2 .panel-heading .box-v2-detail img {
	width: 60px;
	height: 60px;
	border: 3px solid #fff;
}

.box-v2 .panel-body {
	background: #E30049;
	color: #fff;
	line-height: 0;
	padding-bottom: 30px;
}

/*start: box v-3*/
.box-v3 {
	padding: 30px;
}

/*start: box v-4*/
.box-v4 {}

.box-v4 .panel-heading {
	padding: 20px;
}

.box-v4 .panel-body {}

.box-v4 .panel-body .box-v4-alert {
	width: 100%;
	padding: 30px;
	background-color: #F9F9F9;
	border-top: 1px solid #e7eaec;
	border-bottom: 1px solid #e7eaec;
	margin-bottom: 10px;
}

/*start: box v-5*/
.box-v5 {}

.box-v5 .panel-heading textarea {
	height: 150px;
	width: 100%;
	border: 1px solid #ddd;
	padding: 10px;
}

.box-v5 .tool a {
	padding: 10px;
}


/*start: box v-6*/
.box-v6 img {
	width: 30px;
	height: 30px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
}

.box-v6 p {
	margin-top: -10px;
}

.box-v6 .box-v6-content-bg {
	position: absolute;
	background-color: #FBF9F9;
	height: 127px;
}

.box-v6 .box-v6-content {
	padding-top: 20px;
}

.box-v6 .box-v6-progress {
	padding: 20px;
}

/*start box v7*/

.box-v7 {
	color: #747373;
}

.box-v7 .box-v7-avatar {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	border-radius: 100%;
}

.box-v7 .box-v7-header {
	padding: 10px
}

.box-v7 .box-v7-header p {
	line-height: 1px;
}

.box-v7 .box-v7-text {
	padding: 10px;
}

.box-v7 .box-v7-header .box-v7-menu {
	font-size: 20px;
	cursor: pointer;
	color: #747373 !important;
}

.box-v7 .box-v7-comment {
	background: #f4f4f4;
	margin-top: 20px;
	padding: 20px;
}

.box-v7 .box-v7-comment:after {
	position: absolute;
	top: -10px;
	left: 4px;
	display: inline-block;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f4f4f4;
	border-left: 10px solid transparent;
	content: '';
}

.box-v7 .box-v7-comment .media-left {
	padding-right: 0px;
}

.box-v7 .box-v7-comment .box-v7-avatar {
	width: 40px !important;
	height: 40px !important;
}

.box-v7 .box-v7-commenttextbox {
	height: 60px;
	width: 100% !important;
	padding: 10px;
	border-radius: 0px !important;
	border: 1px solid #ddd;
}

/*======================== Wheather ===========================*/

.wheather {
	padding-right: 10%;
}

.sub-wheather {
	width: 100px;
	height: 100px;
}

/*---cloudy----*/

.cloudy {
	height: 40px;
	width: 100px;
	background: #fff;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
	border: 2px solid #ddd;
	position: relative;
	margin-top: 20px;
}

.cloudy:before {
	content: "";
	position: absolute;
	top: -10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	width: 30px;
	left: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 2px solid #ddd;
	border-bottom-color: transparent;
	border-right-color: transparent;
	background: #fff;
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg);
}

.cloudy:after {
	content: "";
	position: absolute;
	height: 50px;
	width: 50px;
	top: -20px;
	left: 32px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid #ddd;
	border-bottom-color: transparent;
	background: #fff;
	border-right-color: transparent;
	-webkit-transform: rotate(55deg);
	-moz-transform: rotate(55deg);
	-ms-transform: rotate(55deg);
	-o-transform: rotate(55deg);
	transform: rotate(55deg);
}

.cloudy .shadow {
	background-color: #F7F7F7;
	height: 20px;
	width: 100px;
	position: absolute;
	margin-top: 80px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
}

/*---rainy----*/

.rainy {
	height: 40px;
	width: 100px;
	background: #F9F9F9;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
	border: 2px solid #F7F5F5;
	position: relative;
	margin-top: 20px;
}

.rainy:before {
	content: "";
	position: absolute;
	top: -10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	width: 30px;
	left: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #F3ECEC;
	border-bottom-color: transparent;
	border-right-color: transparent;
	background: #F9F9F9;
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg);
}

.rainy:after {
	content: "";
	position: absolute;
	height: 50px;
	width: 50px;
	top: -20px;
	left: 32px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #F5F3F3;
	border-bottom-color: transparent;
	background: #F9F9F9;
	border-right-color: transparent;
	-webkit-transform: rotate(55deg);
	-moz-transform: rotate(55deg);
	-ms-transform: rotate(55deg);
	-o-transform: rotate(55deg);
	transform: rotate(55deg);
}

.rainy .shadow {
	height: 10px;
	width: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color: #C4EDFF;
	-webkit-transition: height .25s ease, width .25s ease;
	-moz-transition: height .25s ease, width .25s ease;
	-ms-transition: height .25s ease, width .25s ease;
	-o-transition: height .25s ease, width .25s ease;
	transition: height .25s ease, width .25s ease;
	-webkit-transition: height .25s ease, width .25s ease;
	-moz-transition: height .25s ease, width .25s ease;
	-ms-transition: height .25s ease, width .25s ease;
	-o-transition: height .25s ease, width .25s ease;
	transition: height .25s ease, width .25s ease;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: 90px;
	margin-left: 50px;
}

.rainy .shadow:before,
.rainy .shadow:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	border: 1px solid #F1F9FD;
}

.rainy .shadow:before {
	-webkit-animation: rippleX 2s linear infinite;
	-moz-animation: rippleX 2s linear infinite;
	-ms-animation: rippleX 2s linear infinite;
	-o-animation: rippleX 2s linear infinite;
	animation: rippleX 2s linear infinite;
	-webkit-animation: rippleX 2s linear infinite;
	-moz-animation: rippleX 2s linear infinite;
	-ms-animation: rippleX 2s linear infinite;
	-o-animation: rippleX 2s linear infinite;
	animation: rippleX 2s linear infinite;
}

.rainy .shadow:after {
	-webkit-animation: ripple 2s linear 1s infinite;
	-moz-animation: ripple 2s linear 1s infinite;
	-ms-animation: ripple 2s linear 1s infinite;
	-o-animation: ripple 2s linear 1s infinite;
	animation: ripple 2s linear 1s infinite;
	-webkit-animation: rippleX 2s linear 1s infinite;
	-moz-animation: rippleX 2s linear 1s infinite;
	-ms-animation: rippleX 2s linear 1s infinite;
	-o-animation: rippleX 2s linear 1s infinite;
	animation: rippleX 2s linear 1s infinite;
}

@-webkit-keyframes rippleX {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	75% {
		-webkit-transform: scale(1.75);
		-moz-transform: scale(1.75);
		-ms-transform: scale(1.75);
		-o-transform: scale(1.75);
		transform: scale(1.75);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2);
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes rippleX {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}

	75% {
		-webkit-transform: scale(1.75);
		-moz-transform: scale(1.75);
		-ms-transform: scale(1.75);
		-o-transform: scale(1.75);
		transform: scale(1.75);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-ms-transform: scale(2);
		-o-transform: scale(2);
		transform: scale(2);
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

.rain {
	padding-left: 30px;
	margin-top: -10px;
}

.droplet {
	width: 2px;
	height: 10px;
	margin-top: 0px;
	background: -webkit-radial-gradient(center, farthest-corner, #C4EDFF, #C4EDFF);
	background: -moz-radial-gradient(center, farthest-corner, #C4EDFF, #C4EDFF);
	background: -ms-radial-gradient(center, farthest-corner, #C4EDFF, #C4EDFF);
	background: -o-radial-gradient(center, farthest-corner, #C4EDFF, #C4EDFF);
	background: radial-gradient(center, farthest-corner, #C4EDFF, #C4EDFF);
	background: -webkit-radial-gradient(center, farthest-corner, #A4DDF5, #76CBF1);
	background: -moz-radial-gradient(center, farthest-corner, #A4DDF5, #76CBF1);
	background: -ms-radial-gradient(center, farthest-corner, #A4DDF5, #76CBF1);
	background: -o-radial-gradient(center, farthest-corner, #A4DDF5, #76CBF1);
	background: radial-gradient(center, farthest-corner, #A4DDF5, #76CBF1);
	background: -webkit-radial-gradient(center, farthest-corner, #A4DDF5, #76CBF1);
	background: -moz-radial-gradient(center, farthest-corner, #A4DDF5, #76CBF1);
	background: -ms-radial-gradient(center, farthest-corner, #A4DDF5, #76CBF1);
	background: -o-radial-gradient(center, farthest-corner, #A4DDF5, #76CBF1);
	background: radial-gradient(center, farthest-corner, #A4DDF5, #76CBF1);
	position: absolute;
	-webkit-border-radius: 10px 10px 10px 10px / 30px 30px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px / 30px 30px 10px 10px;
	-ms-border-radius: 10px 10px 10px 10px / 30px 30px 10px 10px;
	-o-border-radius: 10px 10px 10px 10px / 30px 30px 10px 10px;
	border-radius: 10px 10px 10px 10px / 30px 30px 10px 10px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.droplet2,
.droplet5 {
	margin-left: 20px;
}

.droplet3,
.droplet6 {
	margin-left: 40px;
}

.droplet1,
.droplet2,
.droplet3 {
	-webkit-animation: rain2 linear 1.5s infinite .75s;
	-moz-animation: rain2 linear 1.5s infinite .75s;
	-ms-animation: rain2 linear 1.5s infinite .75s;
	-o-animation: rain2 linear 1.5s infinite .75s;
	animation: rain2 linear 1.5s infinite .75s;
	-webkit-animation: rain2 linear 1.5s infinite .75s;
	-moz-animation: rain2 linear 1.5s infinite .75s;
	-ms-animation: rain2 linear 1.5s infinite .75s;
	-o-animation: rain2 linear 1.5s infinite .75s;
	animation: rain2 linear 1.5s infinite .75s;
	-webkit-animation: rain2 linear 1.5s infinite .75s;
	-moz-animation: rain2 linear 1.5s infinite .75s;
	-ms-animation: rain2 linear 1.5s infinite .75s;
	-o-animation: rain2 linear 1.5s infinite .75s;
	animation: rain2 linear 1.5s infinite .75s;
}

.droplet4,
.droplet5,
.droplet6 {
	-webkit-animation: rain linear 1.5s infinite;
	-moz-animation: rain linear 1.5s infinite;
	-ms-animation: rain linear 1.5s infinite;
	-o-animation: rain linear 1.5s infinite;
	animation: rain linear 1.5s infinite;
	-webkit-animation: rain linear 1.5s infinite;
	-moz-animation: rain linear 1.5s infinite;
	-ms-animation: rain linear 1.5s infinite;
	-o-animation: rain linear 1.5s infinite;
	animation: rain linear 1.5s infinite;
	-webkit-animation: rain linear 1.5s infinite;
	-moz-animation: rain linear 1.5s infinite;
	-ms-animation: rain linear 1.5s infinite;
	-o-animation: rain linear 1.5s infinite;
	animation: rain linear 1.5s infinite;
}

@-webkit-keyframes rain {
	0% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	90% {
		-webkit-transform: translate(0, 40px);
		-moz-transform: translate(0, 40px);
		-ms-transform: translate(0, 40px);
		-o-transform: translate(0, 40px);
		transform: translate(0, 40px);
		-webkit-transform: translate(0, 40px);
		-moz-transform: translate(0, 40px);
		-ms-transform: translate(0, 40px);
		-o-transform: translate(0, 40px);
		transform: translate(0, 40px);
		-webkit-transform: translate(0, 40px);
		-moz-transform: translate(0, 40px);
		-ms-transform: translate(0, 40px);
		-o-transform: translate(0, 40px);
		transform: translate(0, 40px);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);

	}

	100% {
		-webkit-transform: translate(0, 60px);
		-moz-transform: translate(0, 60px);
		-ms-transform: translate(0, 60px);
		-o-transform: translate(0, 60px);
		transform: translate(0, 60px);
		-webkit-transform: translate(0, 60px);
		-moz-transform: translate(0, 60px);
		-ms-transform: translate(0, 60px);
		-o-transform: translate(0, 60px);
		transform: translate(0, 60px);
		-webkit-transform: translate(0, 60px);
		-moz-transform: translate(0, 60px);
		-ms-transform: translate(0, 60px);
		-o-transform: translate(0, 60px);
		transform: translate(0, 60px);
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);

	}
}

@-moz-keyframes rain {
	0% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	90% {
		-webkit-transform: translate(0, 40px);
		-moz-transform: translate(0, 40px);
		-ms-transform: translate(0, 40px);
		-o-transform: translate(0, 40px);
		transform: translate(0, 40px);
		-webkit-transform: translate(0, 40px);
		-moz-transform: translate(0, 40px);
		-ms-transform: translate(0, 40px);
		-o-transform: translate(0, 40px);
		transform: translate(0, 40px);
		-webkit-transform: translate(0, 40px);
		-moz-transform: translate(0, 40px);
		-ms-transform: translate(0, 40px);
		-o-transform: translate(0, 40px);
		transform: translate(0, 40px);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-webkit-transform: translate(0, 60px);
		-moz-transform: translate(0, 60px);
		-ms-transform: translate(0, 60px);
		-o-transform: translate(0, 60px);
		transform: translate(0, 60px);
		-webkit-transform: translate(0, 60px);
		-moz-transform: translate(0, 60px);
		-ms-transform: translate(0, 60px);
		-o-transform: translate(0, 60px);
		transform: translate(0, 60px);
		-webkit-transform: translate(0, 60px);
		-moz-transform: translate(0, 60px);
		-ms-transform: translate(0, 60px);
		-o-transform: translate(0, 60px);
		transform: translate(0, 60px);
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@-webkit-keyframes rain2 {
	0% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);

	}

	90% {
		-webkit-transform: translate(0, 40px);
		-moz-transform: translate(0, 40px);
		-ms-transform: translate(0, 40px);
		-o-transform: translate(0, 40px);
		transform: translate(0, 40px);
		-webkit-transform: translate(0, 40px);
		-moz-transform: translate(0, 40px);
		-ms-transform: translate(0, 40px);
		-o-transform: translate(0, 40px);
		transform: translate(0, 40px);
		-webkit-transform: translate(0, 40px);
		-moz-transform: translate(0, 40px);
		-ms-transform: translate(0, 40px);
		-o-transform: translate(0, 40px);
		transform: translate(0, 40px);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-webkit-transform: translate(0, 60px);
		-moz-transform: translate(0, 60px);
		-ms-transform: translate(0, 60px);
		-o-transform: translate(0, 60px);
		transform: translate(0, 60px);
		-webkit-transform: translate(0, 60px);
		-moz-transform: translate(0, 60px);
		-ms-transform: translate(0, 60px);
		-o-transform: translate(0, 60px);
		transform: translate(0, 60px);
		-webkit-transform: translate(0, 60px);
		-moz-transform: translate(0, 60px);
		-ms-transform: translate(0, 60px);
		-o-transform: translate(0, 60px);
		transform: translate(0, 60px);
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);

	}
}

@-moz-keyframes rain2 {
	0% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	90% {
		-webkit-transform: translate(0, 40px);
		-moz-transform: translate(0, 40px);
		-ms-transform: translate(0, 40px);
		-o-transform: translate(0, 40px);
		transform: translate(0, 40px);
		-webkit-transform: translate(0, 40px);
		-moz-transform: translate(0, 40px);
		-ms-transform: translate(0, 40px);
		-o-transform: translate(0, 40px);
		transform: translate(0, 40px);
		-webkit-transform: translate(0, 40px);
		-moz-transform: translate(0, 40px);
		-ms-transform: translate(0, 40px);
		-o-transform: translate(0, 40px);
		transform: translate(0, 40px);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	100% {
		-webkit-transform: translate(0, 60px);
		-moz-transform: translate(0, 60px);
		-ms-transform: translate(0, 60px);
		-o-transform: translate(0, 60px);
		transform: translate(0, 60px);
		-webkit-transform: translate(0, 60px);
		-moz-transform: translate(0, 60px);
		-ms-transform: translate(0, 60px);
		-o-transform: translate(0, 60px);
		transform: translate(0, 60px);
		-webkit-transform: translate(0, 60px);
		-moz-transform: translate(0, 60px);
		-ms-transform: translate(0, 60px);
		-o-transform: translate(0, 60px);
		transform: translate(0, 60px);
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

/*================== Stormy ========================*/
.stormy {
	background-color: #989898;
	z-index: 10;
}

.stormy:after {
	background-color: #989898;
}

.stormy:before {
	background-color: #989898;
}

.thunder {
	position: absolute;
	position: absolute;
	height: 50px;
	width: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	margin-left: 30px;
	margin-top: 0px;
	-webkit-animation: stormy_thunder 2s steps(1, end) infinite;
	-moz-animation: stormy_thunder 2s steps(1, end) infinite;
	-ms-animation: stormy_thunder 2s steps(1, end) infinite;
	-o-animation: stormy_thunder 2s steps(1, end) infinite;
	animation: stormy_thunder 2s steps(1, end) infinite;
}

.thunder:after,
.thunder:before {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	top: 0%;
	left: 0%;
}

.thunder:before {
	background: -webkit-linear-gradient(transparent 0%, yellow 0%), linear-gradient(to top left, #ffff00 43%, #ffff00 43%, #ffff00 44%, transparent 44%), linear-gradient(to top left, transparent 56%, #ffff00 56%, #ffff00 57%, #ffff00 57%), linear-gradient(transparent 0%, #ffff00 0%), linear-gradient(to top left, #ffff00 51%, transparent 51%), linear-gradient(to top left, transparent 49%, #ffff00 49%);
	background: -moz-linear-gradient(transparent 0%, yellow 0%), linear-gradient(to top left, #ffff00 43%, #ffff00 43%, #ffff00 44%, transparent 44%), linear-gradient(to top left, transparent 56%, #ffff00 56%, #ffff00 57%, #ffff00 57%), linear-gradient(transparent 0%, #ffff00 0%), linear-gradient(to top left, #ffff00 51%, transparent 51%), linear-gradient(to top left, transparent 49%, #ffff00 49%);
	background: -ms-linear-gradient(transparent 0%, yellow 0%), linear-gradient(to top left, #ffff00 43%, #ffff00 43%, #ffff00 44%, transparent 44%), linear-gradient(to top left, transparent 56%, #ffff00 56%, #ffff00 57%, #ffff00 57%), linear-gradient(transparent 0%, #ffff00 0%), linear-gradient(to top left, #ffff00 51%, transparent 51%), linear-gradient(to top left, transparent 49%, #ffff00 49%);
	background: -o-linear-gradient(transparent 0%, yellow 0%), linear-gradient(to top left, #ffff00 43%, #ffff00 43%, #ffff00 44%, transparent 44%), linear-gradient(to top left, transparent 56%, #ffff00 56%, #ffff00 57%, #ffff00 57%), linear-gradient(transparent 0%, #ffff00 0%), linear-gradient(to top left, #ffff00 51%, transparent 51%), linear-gradient(to top left, transparent 49%, #ffff00 49%);
	background: linear-gradient(transparent 0%, yellow 0%), linear-gradient(to top left, #ffff00 43%, #ffff00 43%, #ffff00 44%, transparent 44%), linear-gradient(to top left, transparent 56%, #ffff00 56%, #ffff00 57%, #ffff00 57%), linear-gradient(transparent 0%, #ffff00 0%), linear-gradient(to top left, #ffff00 51%, transparent 51%), linear-gradient(to top left, transparent 49%, #ffff00 49%);
	-webkit-background-size: 20% 40%, 22% 42%, 22% 42%, 23% 42%, 23% 42%, 23% 42%;
	-moz-background-size: 20% 40%, 22% 42%, 22% 42%, 23% 42%, 23% 42%, 23% 42%;
	-ms-background-size: 20% 40%, 22% 42%, 22% 42%, 23% 42%, 23% 42%, 23% 42%;
	-o-background-size: 20% 40%, 22% 42%, 22% 42%, 23% 42%, 23% 42%, 23% 42%;
	background-size: 20% 40%, 22% 42%, 22% 42%, 23% 42%, 23% 42%, 23% 42%;
	background-position: 50% 50%, 32% 5%, 70% 100%, 50% 50%, 33% 7%, 69% 98%;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: skewY(-30deg) skewX(-30deg);
	-moz-transform: skewY(-30deg) skewX(-30deg);
	-ms-transform: skewY(-30deg) skewX(-30deg);
	-o-transform: skewY(-30deg) skewX(-30deg);
	transform: skewY(-30deg) skewX(-30deg);
	z-index: 2;
}

@keyframes stormy_thunder {
	0% {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);

	}

	5% {
		-webkit-transform: rotate(-3deg);
		-moz-transform: rotate(-3deg);
		-ms-transform: rotate(-3deg);
		-o-transform: rotate(-3deg);
		transform: rotate(-3deg);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	10% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-opacity: 0.5;
		-moz-opacity: 0.5;
		-ms-opacity: 0.5;
		-o-opacity: 0.5;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}

	15% {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

/*============== Snowy ===================*/
.snowy {
	z-index: 10;
	background-color: #fff;
}

.snowy:after {
	background-color: #fff;
}

.snowy:before {
	background-color: #fff;
}

.snowy .shadow {
	background-color: #F7F7F7;
	height: 20px;
	width: 100px;
	position: absolute;
	margin-top: 80px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	z-index: -10;
}

.snowy .shadow:after {
	display: none;
}

.snowy .shadow:before {
	display: none;
}

.snowy-sub-wheather .droplet {
	width: 8px;
	height: 8px;
	margin-top: 0px;
	background: #fff !important;
	border: 1px solid #F4F4F4;
}

/*=========== Suny ================*/

.suny {
	margin-top: 20px;
	margin-left: 30px;
}

.sun {
	width: 60px;
	height: 60px;
	-webkit-box-shadow: 0px 0px 113px 23px #fcfc14;
	-moz-box-shadow: 0px 0px 113px 23px #fcfc14;
	-ms-box-shadow: 0px 0px 113px 23px #fcfc14;
	-o-box-shadow: 0px 0px 113px 23px #fcfc14;
	box-shadow: 0px 0px 113px 23px #fcfc14;
	background: #f9db62;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	margin-left: 20px;
}

.mount {
	width: 0;
	height: 0;
	height: 0;
	position: absolute;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 60px solid #12CC5C;
}

.mount1 {
	margin-left: 30px;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 40px solid #08BF51;
	margin-top: 20px;
}

.mount2 {
	margin-left: 60px;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 40px solid #2BA01C;
	margin-top: 20px;
}

/*======== Mostly Suny ============*/

.mostly-suny .cloudy {
	position: absolute;
	margin-top: -20px;
	-webkit-animation: moveclouds 10s linear infinite;
	-moz-animation: moveclouds 10s linear infinite;
	-ms-animation: moveclouds 10s linear infinite;
	-o-animation: moveclouds 10s linear infinite;
	animation: moveclouds 10s linear infinite;
	-webkit-animation: moveclouds 10s linear infinite;
	-moz-animation: moveclouds 10s linear infinite;
	-ms-animation: moveclouds 10s linear infinite;
	-o-animation: moveclouds 10s linear infinite;
	animation: moveclouds 10s linear infinite;
	-webkit-animation: moveclouds 10s linear infinite;
	-moz-animation: moveclouds 10s linear infinite;
	-ms-animation: moveclouds 10s linear infinite;
	-o-animation: moveclouds 10s linear infinite;
	animation: moveclouds 10s linear infinite;
}

@-webkit-keyframes moveclouds {
	0% {
		margin-left: 50px;
	}

	100% {
		margin-left: -50px;
	}
}

@-moz-keyframes moveclouds {
	0% {
		margin-left: 50px;
	}

	100% {
		margin-left: -50px;
	}
}

@-o-keyframes moveclouds {
	0% {
		margin-left: 50px;
	}

	100% {
		margin-left: -50px;
	}
}

/*============ Hazy ================*/

.hazy {
	-webkit-animation: moveclouds 10s linear infinite;
	-moz-animation: moveclouds 10s linear infinite;
	-ms-animation: moveclouds 10s linear infinite;
	-o-animation: moveclouds 10s linear infinite;
	animation: moveclouds 10s linear infinite;
	-webkit-animation: moveclouds 10s linear infinite;
	-moz-animation: moveclouds 10s linear infinite;
	-ms-animation: moveclouds 10s linear infinite;
	-o-animation: moveclouds 10s linear infinite;
	animation: moveclouds 10s linear infinite;
	-webkit-animation: moveclouds 10s linear infinite;
	-moz-animation: moveclouds 10s linear infinite;
	-ms-animation: moveclouds 10s linear infinite;
	-o-animation: moveclouds 10s linear infinite;
	animation: moveclouds 10s linear infinite;
}

.hazy,
.hazy:after,
.hazy:before {
	background-color: #ddd;
	-webkit-box-shadow: 0px 0px 80px 23px #ddd;
	-moz-box-shadow: 0px 0px 80px 23px #ddd;
	-ms-box-shadow: 0px 0px 80px 23px #ddd;
	-o-box-shadow: 0px 0px 80px 23px #ddd;
	box-shadow: 0px 0px 80px 23px #ddd;
}

/*============= Tornado ================*/



.tornado .cloudy {
	background-color: #ddd;
}

.tornado .cloudy:after {
	background-color: #ddd;
}

.tornado .cloudy:before {
	background-color: #ddd;
}

.tornado .wind {
	margin-top: 5px;
	margin-left: 10px;
	background-color: #ddd;
	width: 80px;
	height: 2px;
	-webkit-border-radius: 20%;
	-moz-border-radius: 20%;
	-ms-border-radius: 20%;
	-o-border-radius: 20%;
	border-radius: 20%;
	-webkit-animation-name: spinner;
	-moz-animation-name: spinner;
	-ms-animation-name: spinner;
	-o-animation-name: spinner;
	animation-name: spinner;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: spinner;
	-moz-animation-name: spinner;
	-ms-animation-name: spinner;
	-o-animation-name: spinner;
	animation-name: spinner;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.tornado .wind2 {
	width: 60px;
	margin-left: 10px;
}

.tornado .wind3 {
	width: 40px;
	margin-left: 30px;
}

.tornado .wind4 {
	width: 20px;
	margin-left: 30px;
}

@-webkit-keyframes spinner {
	from {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}

	to {
		-webkit-transform: rotateY(-360deg);
		-moz-transform: rotateY(-360deg);
		-ms-transform: rotateY(-360deg);
		-o-transform: rotateY(-360deg);
		transform: rotateY(-360deg);
	}
}

@keyframes spinner {
	from {
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		transform: rotateY(0deg);
		-webkit-transform: rotateY(0deg);
		-moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		-o-transform: rotateY(0deg);
		transform: rotateY(0deg);
	}

	to {
		-webkit-transform: rotateY(-360deg);
		-moz-transform: rotateY(-360deg);
		-ms-transform: rotateY(-360deg);
		-o-transform: rotateY(-360deg);
		transform: rotateY(-360deg);
		-webkit-transform: rotateY(-360deg);
		-moz-transform: rotateY(-360deg);
		-ms-transform: rotateY(-360deg);
		-o-transform: rotateY(-360deg);
		transform: rotateY(-360deg);
		-webkit-transform: rotateY(-360deg);
		-moz-transform: rotateY(-360deg);
		-ms-transform: rotateY(-360deg);
		-o-transform: rotateY(-360deg);
		transform: rotateY(-360deg);
	}
}

/*==================== Toggle On Off ======================*/

.onoffswitch {
	position: relative;
	width: 99px;
	user-select: none;
	user-select: none;
	user-select: none;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	height: 36px;
	padding: 0;
	line-height: 36px;
	border: 2px solid #CCCCCC;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	-ms-border-radius: 36px;
	-o-border-radius: 36px;
	border-radius: 36px;
	background-color: #FFFFFF;
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-ms-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
}

.onoffswitch-label:before {
	content: "";
	display: block;
	width: 36px;
	margin: 0px;
	background: #FFFFFF;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 61px;
	border: 2px solid #CCCCCC;
	-webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	-ms-border-radius: 36px;
	-o-border-radius: 36px;
	border-radius: 36px;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label {
	background-color: #FBFBFB;
}

.onoffswitch-checkbox:checked+.onoffswitch-label,
.onoffswitch-checkbox:checked+.onoffswitch-label:before {
	border-color: #F4F4F4;
}

.onoffswitch-checkbox:checked+.onoffswitch-label:before {
	right: 0px;
}

/*=========== on off switch default ==============*/

.mini-onoffswitch {
	position: relative;
	width: 60px;
	user-select: none;
	user-select: none;
	user-select: none;
}

.mini-onoffswitch .onoffswitch-checkbox {
	display: none;
}

.mini-onoffswitch .onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	height: 20px;
	padding: 0;
	line-height: 36px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	background-color: #FFFFFF;
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-ms-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
}

.mini-onoffswitch .onoffswitch-label:before {
	content: "";
	display: block;
	width: 30px;
	margin: 0px;
	background: #FFFFFF;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 31px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-ms-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.mini-onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label {
	background-color: #FBFBFB;
}

.mini-onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label,
.onoffswitch-checkbox:checked+.onoffswitch-label:before {
	border-color: #F4F4F4;
}

.mini-onoffswitch .onoffswitch-checkbox:checked+.onoffswitch-label:before {
	right: 0px;
}

.onoffswitch-primary .onoffswitch-checkbox:checked+.onoffswitch-label {
	background-color: #1c84c6;
}

.onoffswitch-info .onoffswitch-checkbox:checked+.onoffswitch-label {
	background-color: #73CAEF;
}

.onoffswitch-warning .onoffswitch-checkbox:checked+.onoffswitch-label {
	background-color: #f0ad4e;
}

.onoffswitch-success .onoffswitch-checkbox:checked+.onoffswitch-label {
	background-color: #20C572;
}

.onoffswitch-danger .onoffswitch-checkbox:checked+.onoffswitch-label {
	background-color: #FF6656;
}



/*=============== mini-TimeLine ==================*/

.mini-timeline {
	list-style: none;
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 20px;
	margin-top: 10px;
}

.mini-timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #eeeeee;
	margin-left: -21px;
}

.mini-timeline>li {
	margin-bottom: 20px;
	position: relative;
}

.mini-timeline>li:before,
.mini-timeline>li:after {
	content: " ";
	display: table;
}

.mini-timeline>li:after {
	clear: both;
}

.mini-timeline>li:before,
.mini-timeline>li:after {
	content: " ";
	display: table;
}

.mini-timeline>li:after {
	clear: both;
}

.mini-timeline .mini-timeline-highlight {
	height: 50px;
	margin-left: -21px;
}

.mini-timeline .mini-timeline-info {
	border-left: 3px solid #73CAEF;
}

.mini-timeline .mini-timeline-info:before {
	margin-left: -10px !important;
	border: 2px solid #73CAEF !important;
}

.mini-timeline .mini-timeline-success {
	border-left: 3px solid #20C572;
}

.mini-timeline .mini-timeline-success:before {
	margin-left: -10px !important;
	border: 2px solid #20C572 !important;
}

.mini-timeline .mini-timeline-warning {
	border-left: 3px solid #f0ad4e;
}

.mini-timeline .mini-timeline-warning:before {
	margin-left: -10px !important;
	border: 2px solid #f0ad4e !important;
}

.mini-timeline .mini-timeline-danger {
	border-left: 3px solid #FF6656;
}

.mini-timeline .mini-timeline-danger:before {
	margin-left: -10px !important;
	border: 2px solid #FF6656 !important;
}

.mini-timeline .mini-timeline-panel {
	position: absolute;
	padding-left: 10px;
	width: 200px;
}

.mini-timeline .mini-timeline-panel .time {
	color: #98a6ad;
}

.mini-timeline .mini-timeline-panel p {
	margin-top: -10px;
	color: #58666e;
}

.mini-timeline .mini-timeline-highlight:before {
	width: 15px;
	height: 15px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	content: " ";
	margin-left: -6px;
	border: 2px solid #ddd;
	background-color: #F4F4F4;
}

/*========== list Timeline ===========*/



.list-timeline .list-timeline-section {
	background-color: #FFF;
	color: #7a6b6b;
	padding: 10px;
}

.list-timeline-icon {
	font-size: 2em;
}

.list-timeline-detail {}

.list-timeline-detail p {
	border-left: 2px solid #ddd;
	padding-left: 10px;
}

/*=========Iconic Timeline===========*/



.iconic-timeline .iconic-timeline-icon i {
	background-color: #F4F4F4;
	border: 1px solid #ddd;
	padding: 10px;
	margin-right: -2px;
	color: #676A6C;
}

.iconic-timeline .iconic-timeline-icon {
	padding: 0px;
	padding-top: 9px;
	text-align: right;
	float: left;
	z-index: 9;
}

.iconic-timeline .iconic-timeline-detail {
	border-left: 1px solid #ddd;
	background-color: #fff;
}

.iconic-timeline .iconic-timeline-detail:hover {
	background-color: #F4F4F4;
}

.iconic-timeline .iconic-timeline-detail p {
	margin-top: -10px;
}

.iconic-timeline .icon-primary {
	background-color: #1c84c6 !important;
	color: #fff !important;
}

.iconic-timeline .icon-success {
	background-color: #27C24C !important;
	color: #fff !important;
}

.iconic-timeline .icon-info {
	background-color: #73CAEF !important;
	color: #fff !important;
}

.iconic-timeline .icon-danger {
	background-color: #FF6656 !important;
	color: #fff !important;
}

.iconic-timeline .icon-warning {
	background-color: #F0AD4E !important;
	color: #fff !important;
}

.iconic-timeline .icon-default {
	background-color: #857E7E !important;
	color: #fff !important;
}

/*=============== Default TimeLine =================*/

.timeline {
	list-style: none;
	padding: 20px 0 20px;
	position: relative;
}

.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: #eeeeee;
	left: 50%;
	margin-left: -1.5px;
}

.timeline>li {
	margin-bottom: 20px;
	position: relative;
}

.timeline>li:before,
.timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li:before,
.timeline>li:after {
	content: " ";
	display: table;
}

.timeline>li:after {
	clear: both;
}

.timeline>li>.timeline-panel {
	width: 46%;
	float: left;
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	padding: 20px;
	position: relative;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	-ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	-o-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline>li>.timeline-panel:before {
	position: absolute;
	top: 26px;
	right: -15px;
	display: inline-block;
	border-top: 15px solid transparent;
	border-left: 15px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	content: " ";
}

.timeline>li>.timeline-panel:after {
	position: absolute;
	top: 27px;
	right: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-left: 14px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " ";
}

.timeline>li>.timeline-badge {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	left: 50%;
	margin-left: -25px;
	background-color: #999999;
	z-index: 100;
	-webkit-border-top-right-radius: 50%;
	-moz-border-top-right-radius: 50%;
	-ms-border-top-right-radius: 50%;
	-o-border-top-right-radius: 50%;
	border-top-right-radius: 50%;
	-webkit-border-top-left-radius: 50%;
	-moz-border-top-left-radius: 50%;
	-ms-border-top-left-radius: 50%;
	-o-border-top-left-radius: 50%;
	border-top-left-radius: 50%;
	-webkit-border-bottom-right-radius: 50%;
	-moz-border-bottom-right-radius: 50%;
	-ms-border-bottom-right-radius: 50%;
	-o-border-bottom-right-radius: 50%;
	border-bottom-right-radius: 50%;
	-webkit-border-bottom-left-radius: 50%;
	-moz-border-bottom-left-radius: 50%;
	-ms-border-bottom-left-radius: 50%;
	-o-border-bottom-left-radius: 50%;
	border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
	border-left-width: 0;
	border-right-width: 15px;
	left: -15px;
	right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
	border-left-width: 0;
	border-right-width: 14px;
	left: -14px;
	right: auto;
}

.timeline-badge.primary {
	background-color: #2e6da4 !important;
}

.timeline-badge.success {
	background-color: #3f903f !important;
}

.timeline-badge.warning {
	background-color: #f0ad4e !important;
}

.timeline-badge.danger {
	background-color: #d9534f !important;
}

.timeline-badge.info {
	background-color: #0098EE !important;
}

.timeline-title {
	margin-top: 0;
	color: inherit;
}

.timeline-body>p,
.timeline-body>ul {
	margin-bottom: 0;
}

.timeline-body>p+p {
	margin-top: 5px;
}



@media (max-width: 767px) {
	ul.timeline:before {
		left: 40px;
	}

	ul.timeline>li>.timeline-panel {
		width: calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
	}

	ul.timeline>li>.timeline-badge {
		left: 15px;
		margin-left: 0;
		top: 16px;
	}

	ul.timeline>li>.timeline-panel {
		float: right;
	}

	ul.timeline>li>.timeline-panel:before {
		border-left-width: 0;
		border-right-width: 15px;
		left: -15px;
		right: auto;
	}

	ul.timeline>li>.timeline-panel:after {
		border-left-width: 0;
		border-right-width: 14px;
		left: -14px;
		right: auto;
	}
}

/*carousel*/

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	display: block;
	width: 100%;
	height: auto;
}

.carousel-thumb-img li {
	float: left;
	list-style: none;
	margin: 10px;
	cursor: pointer;
}

.carousel-thumb-img-li.active img {
	border: 5px solid #ddd;
}

.carousel-thumb-img-li img {
	width: 80px;
	height: 80px;
}

/* carousel */

#quote-carousel {
	padding: 0 10px 30px 10px;
	margin-top: 30px;
}

/* Control buttons  */

#quote-carousel .carousel-control {
	background: none;
	color: #222;
	font-size: 2.3em;
	text-shadow: none;
	margin-top: 30px;
}

/* Previous button  */

#quote-carousel .carousel-control.left {
	left: -12px;
}

/* Next button  */

#quote-carousel .carousel-control.right {
	right: -12px !important;
}

/* Changes the position of the indicators */

#quote-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}

/* Changes the color of the indicators */

#quote-carousel .carousel-indicators li {
	background: #c0c0c0;
}

#quote-carousel .carousel-indicators .active {
	background: #333333;
}

#quote-carousel img {
	width: 250px;
	height: 100px;
}

/* End carousel */

.item blockquote {
	border-left: none;
	margin: 0;
}

.item blockquote img {
	margin-bottom: 10px;
}

.item blockquote p:before {
	content: "\f10d";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
}

/*============ Menu 2 (Right Menu) ==========*/

#right-menu-config {
	color: #918C8C;
	/*padding: 20px;*/
}

#right-menu-config .btnmore {
	background-color: #ddd;
	border: none;
	width: 100%;
	height: 40px;
	margin-top: 20px;
	color: #444;
}

#right-menu-config .mini-onoffswitch {
	margin-top: 10px;
}


/*====*/

.chart-title {
	height: 90px;
	padding: 10px;
	padding-left: 20px;
}

.chart-title h3 {
	font-weight: 100;
	color: #918C8C;
}

/*=========== Email ===========*/

.mail-wrapper {
	background-color: #fff;
	padding: 0px;
}

.mail-wrapper .mail-left {
	padding-bottom: 50px;
}

.mail-wrapper .mail-left .mail-left-header {
	height: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 2em;
}

.mail-wrapper .mail-left .mail-left-header .btncompose-mail {
	width: 100% !important;
}

.mail-wrapper .mail-left .mail-left-content {
	padding-top: 20px;
}

.mail-wrapper .mail-left .mail-left-content h5 {
	color: #928A8A;
}

.mail-wrapper .mail-left .mail-left-content span {
	padding-right: 5px;
}

.mail-wrapper .mail-left .mail-left-content hr {
	color: #918C8C;
	width: 80%;
}

.mail-wrapper .mail-left .mail-left-content li {
	padding: 2px;
}

.mail-wrapper .mail-left .mail-left-content li a {
	color: #918C8C;
	font-weight: 100;
	font-size: 18px;
}

.mail-wrapper .mail-left .mail-left-content li .active {
	font-weight: bold;
}

.mail-wrapper .mail-left .mail-left-content li a:hover {
	background: #fff;
	border-left: 2px solid #918C8C;
}

.mail-wrapper .mail-right {
	padding: 25px;
}

.mail-wrapper .mail-right-header {
	margin-bottom: 30px;
}

.mail-wrapper .mail-right .mail-right-options {
	padding: 20px;
	font-size: 20px;
	color: #918C8C;
	padding-right: 0px;
}

.mail-wrapper .mail-right .mail-right-tool {
	color: #918C8C;
	font-weight: 300;
	padding: 20px;
}

.mail-wrapper .mail-right .mail-right-tool .txtinput {
	width: 100%;
	height: 40px;
	border: none;
	font-size: 15px;
	color: #918C8C;
	font-weight: 200;
	padding: 10px;
}

.mail-wrapper .mail-right .mail-right-tool li {
	float: left;
}

.mail-wrapper .mail-right .mail-right-tool .icheckbox_flat-red {
	margin-top: 15px;
	margin-right: 10px;
}

.mail-wrapper .mail-right .mail-right-tool li a {
	font-size: 18px;
	color: #918C8C;
	font-weight: 500;
	border: 1px solid #E8E8E8;
	margin-right: 5px;
}

.mail-wrapper .mail-right .mail-right-tool li a:hover {
	background: none;
}

.mail-wrapper .mail-right .mail-right-content {
	padding: 10px;
	line-height: 2;
	color: #918C8C;
}

.mail-wrapper .mail-right .mail-right-content .mail-reply {
	padding: 4px;
	border: 1px solid #F4F4F4;
	padding-bottom: 20px;
	margin-top: 200px;
}

.mail-wrapper .mail-right .mail-right-content .mail-attachment {
	padding: 10px;
}

.mail-wrapper .mail-right .mail-right-content .mail-attachment-icon .type-icon {
	font-size: 7em;
}

.mail-wrapper .mail-right .mail-right-content hr {
	color: #918C8C;
	width: 90%;
	margin-top: 20px;
}

.mail-wrapper .mail-right .mail-right-text {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.mail-wrapper .mail-right .mail-right-content .note-toolbar {
	background: #fff !important;
	border: none;
}

.mail-wrapper .mail-right .mail-right-content .btn {
	background: #F4F4F4;
}

.mail-wrapper .mail-right .mail-right-content .note-editable {
	color: #918C8C;
	font-size: 18px;
	font-weight: 400;
}

.mail-wrapper .mail-right .mail-right-content .note-editor {
	border: none;
	box-shadow: none !important;
}

.mail-wrapper .mail-right .mail-right-content a {
	color: #918C8C;
}

.mail-wrapper .mail-right .mail-right-content tr td {
	padding: 10px;
	padding-top: 20px;
	padding-left: 20px;
	border-top: 1px solid 1px solid #E7E7E7;
}

.mail-wrapper .mail-right .searchbox-v1 {
	padding-left: 0px;
}

.mail-wrapper .mail-right .mail-right-content .unread {
	font-weight: bold;
	background-color: #F4F4F4;
}

/*===================== Searchbox V1 ===================*/

.searchbox-v1 {
	padding: 20px;
}

.searchbox-v1 span {
	color: #918C8C;
	font-size: 17px;
}

.searchbox-v1 .txtsearch {
	width: 100%;
	border: none;
	height: 40px;
	padding: 5px;
	padding-left: 10px;
	color: #918C8C;
	font-size: 18px;
	font-weight: 100;
}

.searchbox-v1 .txtsearch:focus {
	outline: none;

}

.searchbox-v1 .input-group-addon {
	background: none;
	border: none;
	padding-right: 5px !important;
}

/*================ TAGS =====================*/

.tags {
	width: 100%;
	padding: 0px;
	padding-top: 20px;
}

.tags li {
	float: left;
	list-style: none;
}

.tags li a {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #ddd;
	font-size: 15px !important;
	display: block;
}

.tags li a:hover {
	-webkit-text-decoration: none;
	-moz-text-decoration: none;
	-ms-text-decoration: none;
	-o-text-decoration: none;
	text-decoration: none;
}

/*========= TYpography =============*/



.typography .windows {
	padding: 20px !important;
	color: #958E8E;
	padding-bottom: 5px !important;
}

/*======== iCOns ========*/

.icon-wrapper,
.icon-wrapper h3,
.icon-wrapper a {
	color: #918C8C;
	font-weight: 300;
}

.icon-wrapper .windows {
	padding: 50px;
}

.icon-wrapper .windows-header {
	padding-left: 5px !important;
}

.icon-wrapper .icon-box,
.icon-wrapper a {
	font-size: 15px;
	padding: 10px;
}

.icon-wrapper .icon-box:hover {
	font-weight: bold;
}

.icon-wrapper .icons,
.icon-wrapper .fa {
	padding: 10px;
	font-size: 2em;
}

/*======= Button Page========*/



.btn-wrapper .btn-3d {
	margin-top: 10px !important;
}

.btn-wrapper .btn {
	margin-bottom: 10px;
}

/*========= Video Page ========*/



.video-v1 .windows {
	text-align: left;
	border-bottom: 4px solid #ddd;
}

.video-v1-time {
	margin-top: -6px;
}

.video-v1 .video-v1-rate,
.video-v2 .video-v2-rate {
	padding-top: 10px;
	float: right;
	color: #FF6656;
	text-align: right;
}

.video-v1 .video-v1-content {
	padding: 20px;
	padding-bottom: 15px;
}

.video-v1 .video-v1-footer {
	padding: 0px;
}

.video-v1 .video-v1-footer span {
	padding: 10px;
	font-size: 15px;
}

.video-v2 .windows {
	text-align: left;
}

.video-v1 .windows .windows-content .video-v2 .video-v2-rate {
	color: #918C8C;
	font-weight: bold;
	font-size: 18px;
}

.video-v2 .video-v2-time {
	padding-bottom: 10px;
}

.video-v2 .video-v2-time:before {
	content: ' ';
	width: 20px;
	height: 20px;
	background-color: #F0F3F4;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	left: -8px;
}

.video-v2 .video-v2-footer {
	font-size: 13px;
}

/*=============== Tabs Page ==================*/

.tabs-wrapper .windows {
	padding: 0px !important;
}

.tabs-wrapper .windows-content {
	padding: 0px !important;
	height: 235px;
}

.tabs-wrapper #tabs-demo {
	border: none !important;
}

.tabs-wrapper #tabs-demo li,
.tabs-wrapper #tabs-demo li a {
	border: none !important;
}

.tabs-wrapper #tabs-demo .active a {
	border-bottom: 2px solid #918C8C !important;
}

.tabs-wrapper #tabs-content-demo {
	padding: 20px;
}

.tabs-wrapper .tab-content {
	padding: 20px !important;
	text-align: left;
	color: #8F8686 !important;
}

.tabs-area {
	background-color: #fff;
	padding: 0px;
	margin-top: 20px;
}

.tab-content-v1 {
	border-left: 2px solid #918C8C;
}

.nav-tabs.nav-tabs-v1 {
	border: none !important;
	padding: 10px !important;
}

.nav-tabs.nav-tabs-v1 a {
	color: #918C8C;
	font-weight: bold;
}

.nav-tabs.nav-tabs-v1 .active a {
	border: none !important;
	color: #ddd !important;
}

.nav-tabs.nav-tabs-v1 li a:before {
	content: '';
	position: absolute;
	width: 80%;
	border-bottom: 2px solid #918C8C;
	bottom: 1px;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.2s ease-in;
	-moz-transition: -webkit-transform 0.2s ease-in;
	-ms-transition: -webkit-transform 0.2s ease-in;
	-o-transition: -webkit-transform 0.2s ease-in;
	transition: -webkit-transform 0.2s ease-in;
	-webkit-transition: 0.2s ease-in;
	-moz-transition: 0.2s ease-in;
	-ms-transition: 0.2s ease-in;
	-o-transition: 0.2s ease-in;
	transition: 0.2s ease-in;
}

.nav-tabs.nav-tabs-v1 li a:focus {
	color: #ddd;
}

.nav-tabs.nav-tabs-v1 li a:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}

.nav-tabs.nav-tabs-v1 li a:hover {
	background: none !important;
	color: #A19C9C !important;
	border: none;
}

/*tabs v2*/

.nav-tabs.nav-tabs-v2 {
	border-bottom: 1px solid #ddd !important;
	padding-top: 20px;
}





.nav-tabs.nav-tabs-v2 .active a {
	background-color: #f4f4f4 !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
}

.tabs-content-v2 {
	background-color: #F4F4F4;
}

/*tabs v3*/

.nav-tabs.nav-tabs-v3 {
	border-bottom: 2px solid #DDD;
	padding-top: 20px;
}

.nav-tabs.nav-tabs-v3>li.active>a,
.nav-tabs.nav-tabs-v3>li.active>a:focus,
.nav-tabs.nav-tabs-v3>li.active>a:hover {
	border-width: 0;
}

.nav-tabs.nav-tabs-v3>li>a {
	border: none;
	color: #666;
}

.nav-tabs.nav-tabs-v3>li.active>a,
.nav-tabs.nav-tabs-v3>li>a:hover {
	border: none;
	color: #4285F4 !important;
	background: transparent;
}

.nav-tabs.nav-tabs-v3>li>a::after {
	content: "";
	background: #4285F4;
	height: 2px;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -1px;
	-webkit-transition: all 250ms ease 0s;
	-moz-transition: all 250ms ease 0s;
	-ms-transition: all 250ms ease 0s;
	-o-transition: all 250ms ease 0s;
	transition: all 250ms ease 0s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.nav-tabs.nav-tabs-v3>li.active>a::after,
.nav-tabs.nav-tabs-v3>li:hover>a::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.tab-nav.nav-tabs-v3>li>a::after {
	background: #21527d none repeat scroll 0% 0%;
	color: #fff;
}

/*tabs4*/

.nav-tabs.nav-tabs-v4 {
	width: 70%;
	margin: auto;
	border: none !important;
	padding-top: 0px !important;
}

.nav-tabs.nav-tabs-v4 li.active a {
	background: #2196f3;
	color: #fff;
	border: none !important;
}

.nav-tabs.nav-tabs-v4 li {
	font-size: 2em;
	width: 25%;
	padding-top: 20px;
}

.nav-tabs.nav-tabs-v4 li a {
	border: 1px solid #1c84c6 !important;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	margin: 10px;
	width: 60px;
	height: 60px;
	text-align: center;
}



/*tabs5*/

.tab-content-v5 p.narrow {
	width: 60%;
	margin: 0px auto;
}

.nav-tabs.nav-tabs-v5 {
	background-color: #f4f4f4;
}

.nav-tabs.nav-tabs-v5 .liner {
	height: 2px;
	background: #ddd;
	position: absolute;
	width: 80%;
	margin: 0 auto;
	left: 0;
	right: 0;
	margin-top: 55px;
	z-index: 1;
}

.nav-tabs.nav-tabs-v5>li.active>a,
.nav-tabs.nav-tabs-v5>li.active>a:hover,
.nav-tabs.nav-tabs-v5>li.active>a:focus {
	color: #555555;
	cursor: default;
	/* background-color: #ffffff; */
	border: 0;
	border-bottom-color: transparent;
}

.nav-tabs.nav-tabs-v5 span.round-tabs {
	width: 70px;
	height: 70px;
	line-height: 70px;
	display: inline-block;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
	background: white;
	z-index: 2;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 25px;
}

.nav-tabs.nav-tabs-v5 span.round-tabs.one {
	color: rgb(34, 194, 34);
	border: 2px solid rgb(34, 194, 34);
}

.nav-tabs.nav-tabs-v5 li.active span.round-tabs.one {
	background: #fff !important;
	border: 2px solid #ddd;
	color: rgb(34, 194, 34);
}

.nav-tabs.nav-tabs-v5 span.round-tabs.two {
	color: #febe29;
	border: 2px solid #febe29;
}

.nav-tabs.nav-tabs-v5 li.active span.round-tabs.two {
	background: #fff !important;
	border: 2px solid #ddd;
	color: #febe29;
}

.nav-tabs.nav-tabs-v5 span.round-tabs.three {
	color: #3e5e9a;
	border: 2px solid #3e5e9a;
}

.nav-tabs.nav-tabs-v5 li.active span.round-tabs.three {
	background: #fff !important;
	border: 2px solid #ddd;
	color: #3e5e9a;
}

.nav-tabs.nav-tabs-v5 span.round-tabs.four {
	color: #f1685e;
	border: 2px solid #f1685e;
}

.nav-tabs.nav-tabs-v5 li.active span.round-tabs.four {
	background: #fff !important;
	border: 2px solid #ddd;
	color: #f1685e;
}

.nav-tabs.nav-tabs-v5 span.round-tabs.five {
	color: #999;
	border: 2px solid #999;
}

.nav-tabs.nav-tabs-v5 li.active span.round-tabs.five {
	background: #fff !important;
	border: 2px solid #ddd;
	color: #999;
}

.nav-tabs.nav-tabs-v5>li.active>a span.round-tabs {
	background: #fafafa;
}

.nav-tabs.nav-tabs-v5>li {
	width: 20%;
}

.nav-tabs.nav-tabs-v5 li.active:before {
	content: " ";
	position: absolute;
	left: 45%;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	margin: 0 auto;
	bottom: -2px;
	border: 10px solid transparent;
	border-bottom-color: #fff;
	z-index: 1;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.nav-tabs.nav-tabs-v5 li:after {
	content: " ";
	position: absolute;
	left: 45%;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	margin: 0 auto;
	bottom: 0px;
	border: 5px solid transparent;
	border-bottom-color: #ddd;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-ms-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}

.nav-tabs.nav-tabs-v5 li.active:after {
	content: " ";
	position: absolute;
	left: 45%;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	margin: 0 auto;
	bottom: 0px;
	border: 10px solid transparent;
	border-bottom-color: #ddd;
}

.nav-tabs.nav-tabs-v5>li a {
	width: 70px;
	height: 70px;
	margin: 20px auto;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	padding: 0;
}

.tab-content-v5 .btn {
	padding: 12px 20px;
	margin: 20px;
}

/*tabs 6*/

.nav-tabs.nav-tabs-v6>li.active:after {
	top: 90%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(185, 9, 8, 0);
	border-top-color: #F4F4F4;
	border-width: 30px;
	margin-left: -30px;
}

.nav-tabs.nav-tabs-v6 {
	background-color: #F4F4F4 !important;
	border-bottom: none !important;
}

.nav-tabs.nav-tabs-v6 li {
	padding: 40px;
	padding-bottom: 10px;
}

.nav-tabs.nav-tabs-v6 li a {
	background-color: #F4F4F4 !important;
	border: none !important;
}

.tab-content.tab-content-v6 {
	padding: 30px !important;
}

/*tabs 6*/



.tab-pane {
	position: relative;
}

.tab-content .head {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 25px;
	text-transform: uppercase;
	padding-bottom: 10px;
}


/*Money exchanger*/

.money-ex {
	background-color: #F9F9F9;
}

.money-ex .money-ex-left {
	background-color: #02A8F3;
	padding: 0px;
	padding-bottom: 10px;
	color: #fff;
}

.money-ex .money-ex-right {
	background-color: #B5B5B5;
	padding: 0px;
	color: #fff;
	padding-bottom: 10px;
}

/*===========Modal============*/

.modal-v1 .modal-header,
.modal-v1 .modal-footer,
.modal-v2 .modal-header,
.modal-v2 .modal-footer {
	border: none !important;
}

.modal-v1 .modal-body {
	text-align: center;
	padding: 50px;
	padding-top: 20px;
}

.modal-v1 .modal-body .btn {
	width: 100%;
	height: 50px;
	margin-top: 10px;
	text-align: right;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
}

.modal-v1 .modal-body .btn-default {
	background-color: #ddd !important;
	font-weight: bold;
}

.modal-v2 {
	border: none;
}

.modal-v2 .modal-content {
	height: 180px;
	background-color: #F4F4F4;
	border: none;
}

.modal-v2 .modal-content-left {
	background-color: #252424;
	height: 100%;
	padding: 20px;
}

.modal-v2 .modal-content-left .modal-content-left-text-1 {
	position: absolute;
	color: #BCC635;
	font-weight: bold;
}

.modal-v2 .modal-content-left .modal-content-left-percent {
	font-size: 5em;
	color: #fff;
}

.modal-v2 .modal-content-left .modal-content-left-icon {
	font-size: 4em;
}

.modal-v2 .modal-content-right {
	font-size: 18px;
	padding: 20px;
	font-weight: 100;
}

.modal-v2 .modal-content-right .btn {
	width: 50%;
	height: 40px;
	margin-top: 5px;
}

.modal-v2 .modal-content-right .modal-content-right-text-mail {
	width: 100%;
	height: 40px;
	border: none;
	background-color: #EBE8E8;
	padding: 10px;
}

/*mobile================================*/

#mimin-mobile {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: -1;
	width: 100%;
	height: 100%;
	display: none;
	background-color: #2196F3;
}

#mimin-mobile-menu-opener {
	right: none;
	float: left !important;
	bottom: 0px;
	position: absolute;
	outline: none !important;
	display: none;
}

#mimin-mobile a {
	color: #fff;
	padding-right: 0px;
}

#mimin-mobile a:hover {
	background: none !important;
}

#mimin-mobile .tree {
	padding-left: 10px;
	background: #2196F3 !important;
	;
}

.sub-mimin-mobile-menu-list {
	display: none;
	padding: 0;
	height: 300px;
	font-weight: 100;
	overflow: auto;
	font-size: 2em;
}

.sub-mimin-mobile-menu-list .fa {
	margin-right: 10px;
}

#mimin-mobile.animate {
	-webkit-animation: mobile-menubg 0.75s linear;
	-moz-animation: mobile-menubg 0.75s linear;
	-ms-animation: mobile-menubg 0.75s linear;
	-o-animation: mobile-menubg 0.75s linear;
	animation: mobile-menubg 0.75s linear;
}

#mimin-mobile .ink {
	background: #fff;
}

#mimin-mobile .ink.animate {
	-webkit-animation: ripple-mobile 0.75s linear;
	-moz-animation: ripple-mobile 0.75s linear;
	-ms-animation: ripple-mobile 0.75s linear;
	-o-animation: ripple-mobile 0.75s linear;
	animation: ripple-mobile 0.75s linear;
}

#mimin-mobile.reverse.animate {
	-webkit-animation: mobile-menubg-reverse 0.75s linear !important;
	-moz-animation: mobile-menubg-reverse 0.75s linear !important;
	-ms-animation: mobile-menubg-reverse 0.75s linear !important;
	-o-animation: mobile-menubg-reverse 0.75s linear !important;
	animation: mobile-menubg-reverse 0.75s linear !important;
}

#mimin-mobile.reverse .ink.animate {
	-webkit-animation: ripple-mobile-reverse 0.75s linear !important;
	-moz-animation: ripple-mobile-reverse 0.75s linear !important;
	-ms-animation: ripple-mobile-reverse 0.75s linear !important;
	-o-animation: ripple-mobile-reverse 0.75s linear !important;
	animation: ripple-mobile-reverse 0.75s linear !important;
}

@keyframes ripple-mobile-reverse {
	from {
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
		transform: scale(2.5);
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
		transform: scale(2.5);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	to {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@keyframes mobile-menubg-reverse {
	from {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
		background: #FF6656;
	}

	to {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}



@keyframes ripple-mobile {
	from {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}

	to {
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
		transform: scale(2.5);
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
		transform: scale(2.5);
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@keyframes mobile-menubg {
	from {
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);

	}

	to {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		-ms-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		filter: alpha(opacity=100);
		background: #FF6656;
	}
}


/*=================Form===============*/

.form-element .form-element-padding .form-group,
.form-element .form-element-padding .input-group {
	padding: 15px;
}

.form-element .form-element-padding select,
.form-element .form-element-padding .select2 {
	margin-top: 30px;
}


.form-animate-radio .radio {
	display: inline-block;
	padding-right: 20px;
	font-size: 18px;
	font-weight: 100;
	padding-bottom: 10px;
	cursor: pointer;
	margin-top: 0px;
}

.form-animate-radio .radio:hover .inner {
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-opacity: .5;
	-moz-opacity: .5;
	-ms-opacity: .5;
	-o-opacity: .5;
	opacity: .5;
}

.form-animate-radio .radio input {
	width: 1px;
	height: 1px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
}

.form-animate-radio .radio input:checked+.outer .inner {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	-webkit-animation: ripple 0.2s;
	-moz-animation: ripple 0.2s;
	-ms-animation: ripple 0.2s;
	-o-animation: ripple 0.2s;
	animation: ripple 0.2s;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}

.form-animate-radio .radio input:checked+.outer {
	border: 3px solid #FF6656;
}

.form-animate-radio .radio input:focus+.outer .inner {
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	-webkit-animation: ripple 0.2s;
	-moz-animation: ripple 0.2s;
	-ms-animation: ripple 0.2s;
	-o-animation: ripple 0.2s;
	animation: ripple 0.2s;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	background-color: #FF6656;
}

.form-animate-radio .radio .outer {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	border: 2px solid #ddd;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	margin-right: 5px;
	background-color: #fff;
}

.form-animate-radio .radio .inner {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	width: 10px;
	height: 10px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	display: block;
	margin: 2px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color: #FF6656;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
}

.form-animate-checkbox label {
	font-weight: 100;
	font-size: 15px;
}

.form-animate-checkbox .checkbox {
	position: relative;
	top: -0.375rem;
	float: left;
	margin: 0 1rem 0 0;
	margin-top: 5px;
	cursor: pointer;
}

.form-animate-checkbox .checkbox:before {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	content: "";
	position: absolute;
	left: 0;
	z-index: 1;
	width: 2rem;
	height: 2rem;
	border: 2px solid #ddd;
}

.form-animate-checkbox .checkbox:checked:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	height: 1rem;
	border-color: #009688;
	border-top-style: none;
	border-right-style: none;
}

.form-animate-checkbox .checkbox:after {
	content: "";
	position: absolute;
	top: -0.125rem;
	left: 0;
	width: 2rem;
	height: 2rem;
	background: #fff;
	cursor: pointer;
}

.form-animate-text .form-text,
.form-animate-text .form-text:focus,
.form-text.p-inputwrapper-focus {
	width: 100%;
	border: none !important;
	border-bottom: 1px solid #ddd !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-ms-box-shadow: none !important;
	-o-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
	padding: 10px;
}

.ripple-form {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0px;
	z-index: 99;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	-webkit-animation: rippleForm 0.5s linear;
	-moz-animation: rippleForm 0.5s linear;
	-ms-animation: rippleForm 0.5s linear;
	-o-animation: rippleForm 0.5s linear;
	animation: rippleForm 0.5s linear;
	color: red;
}

.form-group.form-animate-text {
	position: relative;
	margin-bottom: 45px;
	font-family: "NunitoSans-Regular" !important;
}


.form-group.form-animate-text.active {
	border-bottom: red !important;
}

.form-group.form-animate-text .form-text {
	font-size: 15px;
	padding: 10px 10px 10px 5px;
	display: block;
	width: 100%;
	border: none;
	background: none;
	border-bottom: 1px solid #757575;
}

.form-group.form-animate-text .form-text:focus {
	outline: none;
}

.form-group.form-animate-text label {
	color: #999;
	font-size: 15px !important;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 5px;
	top: 10px;
	-webkit-transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-ms-transition: 0.2s ease all;
	-o-transition: 0.2s ease all;
	transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-ms-transition: 0.2s ease all;
	-o-transition: 0.2s ease all;
	transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-ms-transition: 0.2s ease all;
	-o-transition: 0.2s ease all;
	transition: 0.2s ease all;
}

.form-group.form-animate-text.form-animate-error label {
	color: #FF968B !important;
}


.form-group.form-animate-text.form-animate-error .bar:before,
.form-group.form-animate-text.form-animate-error .bar:after {
	background-color: #FF968B !important;
	width: 50%;
}

.form-group.form-animate-text.form-animate-error .form-animate-error-msg {
	color: #FF968B !important;
	font-size: 16px;
	display: none;
}

.form-group.form-animate-text .form-text:focus~label,
.form-text:valid~label {
	top: -10px;
	font-size: 14px;
	color: #2196F3;
}

.form-group.form-animate-text .bar {
	position: relative;
	display: block;
	width: 100%;
}

.form-group.form-animate-text .bar:before,
.bar:after {
	content: '';
	height: 2px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background: #2196F3;
	-webkit-transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-ms-transition: 0.2s ease all;
	-o-transition: 0.2s ease all;
	transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-ms-transition: 0.2s ease all;
	-o-transition: 0.2s ease all;
	transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-ms-transition: 0.2s ease all;
	-o-transition: 0.2s ease all;
	transition: 0.2s ease all;
}

.form-group.form-animate-text .bar:before {
	left: 50%;
}

.form-group.form-animate-text .bar:after {
	right: 50%;
}

.form-group.form-animate-text .form-text:focus~.bar:before,
.form-text:focus~.bar:after,
.form-group.form-animate-text .form-text.p-inputwrapper-focus~.bar:before,
.form-group.form-animate-text .form-text.p-inputwrapper-focus~.bar:after {
	width: 50%;
}

.form-group.form-animate-text .form-text:focus~.highlight {
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	-ms-animation: inputHighlighter 0.3s ease;
	-o-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	-ms-animation: inputHighlighter 0.3s ease;
	-o-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
	-webkit-animation: inputHighlighter 0.3s ease;
	-moz-animation: inputHighlighter 0.3s ease;
	-ms-animation: inputHighlighter 0.3s ease;
	-o-animation: inputHighlighter 0.3s ease;
	animation: inputHighlighter 0.3s ease;
}

@keyframes rippleForm {
	from {
		-webkit-opacity: 0.8;
		-moz-opacity: 0.8;
		-ms-opacity: 0.8;
		-o-opacity: 0.8;
		opacity: 0.8;
		filter: alpha(opacity=80);
		background-color: #ddd;

	}

	to {
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
		transform: scale(2.5);
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
		transform: scale(2.5);
		-webkit-opacity: 0;
		-moz-opacity: 0;
		-ms-opacity: 0;
		-o-opacity: 0;
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@-webkit-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@-moz-keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}

@keyframes inputHighlighter {
	from {
		background: #5264AE;
	}

	to {
		width: 0;
		background: transparent;
	}
}


/*========Responsive========*/
@media (max-width: 1200px) {
	#content {
		padding-left: 230px;
		padding-right: 0px
	}

	.enkiModule #content {
		padding-left: 0px !important;
		padding-right: 0px
	}

	.profile-v1 .profile-v1-cover {
		margin-bottom: 0px !important;
		min-height: inherit !important;
		max-height: inherit !important;
	}

	.profile-v1 .profile-v1-cover-wrap {
		padding: 0px !important;
	}

	.profile-v1 .profile-v1-right-wrap,
	.profile-v1 .profile-v1-body {
		padding-left: inherit !important;
		padding: 0px !important;
	}

	.sub-left-menu {
		padding-top: 0px !important;
		top: 50px;
	}

	/*profile-v1*/
	.profile-v1 .profile-v1-right .sub-profile-v1-right3:after {
		display: none !important;
	}

	.menu-large .dropdown-menu {
		margin-top: 52px !important;
	}

	.megamenu {
		margin-left: 0;
		margin-right: 0;
	}

	.megamenu>li {
		margin-bottom: 30px;
	}

	.megamenu>li:last-child {
		margin-bottom: 0;
	}

	.megamenu.dropdown-header {
		padding: 3px 15px !important;

	}

	.navbar-nav .open .dropdown-menu .dropdown-header {
		color: #fff;
	}
}

@media (min-width: 991px) {
    .event-filters{
		display: block !important;
	}

	.mob-filters{
		display: none !important;
	}
}

@media (max-width: 991px) {
	.iconic-timeline .iconic-timeline-detail {
		padding-left: 50px !important;
	}

	.article-v1-body {
		padding: 20px !important;
	}

	.article-v1-footer {
		padding: 0px !important;
	}

	.event, .events-heading{
		width: 100% !important;
		display: block !important;
		height: unset !important;
		padding: 10px;
	}

	.join-video-call{
		display: inline-block;
		width: 100% !important;
		margin-top: 10px;
		text-align: center;
	}

	.join-video-button{
		width: 100% !important;
		justify-content: center !important;
		gap: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	/* .event p {
		margin-bottom: 10 !important;
	} */

	.waiting-or-joining {
		width: 100%;
		max-width: 100% !important;
		margin-top: 10px !important;
		padding: 10px 10px !important;
		margin-bottom: 10px !important;
	}

	.event-w-120{
		width: 100% !important;
	}

	.event-booked-buttons{
		display: block !important;
	}

	.cancel-booking{
		text-align: center !important;
	}

	.button-container{
		display: block !important;
	}

	.cancel-button{
		display: block !important;
	}

	.event-w-120-mob{
		display: none !important;
	}

	.events-intro-para{
		display: none !important;
	}
	.space-text {
		display: flex;
		justify-content: center !important;
		align-items: center !important;
		margin-top:10px;
		padding: 0 !important;
	}

	.upcoming-event-button{
		margin-top :12px !important;
	}

	.mob-filters .p-accordion .p-accordion-content, .mob-filters .p-accordion .p-accordion-header .p-accordion-header-link{
		background: #394B61 !important;
	}

	.mob-filters .p-accordion-header{
		background:#394B61 !important;
	}
	.mob-filters .p-accordion-header-text{
		 color: #fff !important;
	}

	.mob-filters .p-accordion-toggle-icon{
		color:#fff !important;
	}

	.mob-filters .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
		border-top-right-radius: 0 !important;
		border-top-left-radius: 0 !important;
	} 

	.mob-filters .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
		border-bottom-right-radius: 0 !important; 
        border-bottom-left-radius: 0 !important;
	}
	
	.mob-filters .p-accordion .p-accordion-header .p-accordion-header-link{
		border : none !important;
	}

	.mob-filters .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus{
		box-shadow: none !important;
	}

	.upReach-events .events-intro{
		margin:0 !important;
	}
	.events-intro h2{
		text-align: center;
	}

	.events-heading{
        margin-top: 0 !important;
	}

	.event-date{
		font-size: 2rem !important;
	}

	.event-icon, .event-filters{
		display: none !important;
	}

	.mob-filters{
		display: block !important;
	}

	.no-events .card{
		width: 100% !important;
	}

	.event-title{
		display: block;
		-webkit-line-clamp: none !important; 
		-webkit-box-orient: initial !important;
		font-size: 1.5rem !important;
		white-space: normal !important;
		font-weight: bold !important;
	}


}

@media (max-width: 1252px) and (min-width: 991px){
	 .event-w-120{
		width: 100px !important;
		font-size: 12px !important;
	 }

	 .cancel-booking,.space-text{
		font-size: 12px !important;
	 }

	 .join-video-button {
		padding: 4px 5px !important;
		font-size: 10px !important;
		width: 100px !important;
		text-align: center !important;
	 }

	 .event-booked-buttons{
		line-height: unset !important;
	 }

}


@media (min-width: 768px) {
	#quote-carousel {
		margin-bottom: 0;
		padding: 0 40px 30px 40px;
	}
}



@media (min-width : 992px) {}



@media (min-width : 768px) and (max-width: 991px) {}

@media (max-width : 768px) and (min-width: 479px) {
	.navbar-header{
		display: none !important;
	}
	.navbar{
		height: unset !important;
		min-height: unset !important;
	}
}

@media only screen and (max-width: 800px) {
	.profile-v1 .profile-v1-wrapper {
		padding: 0px !important;
	}

	.responsive-table table,
	.responsive-table thead,
	.responsive-table tbody,
	.responsive-table th,
	.responsive-table td,
	.responsive-table tr {
		display: block !important;
	}

	.responsive-table thead tr {
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
	}

	.responsive-table tr {
		border: 1px solid #ccc !important;
	}

	.responsive-table td {
		border: none !important;
		border-bottom: 1px solid #eee !important;
		position: relative !important;
		padding-left: 10% !important;
		white-space: normal !important;
		text-align: left !important;
	}

	.responsive-table td:before {
		position: absolute !important;
		top: 6px !important;
		left: 6px !important;
		width: 45% !important;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}

	.responsive-table td:before {
		content: attr(data-title);
	}

	.search-nav {
		display: none !important;
	}

	#quote-carousel .carousel-indicators {
		bottom: -20px !important;
	}


	#quote-carousel .carousel-indicators li {
		display: inline-block;
		margin: 0px 5px;
		width: 15px;
		height: 15px;
	}

	#quote-carousel .carousel-indicators li.active {
		margin: 0px 5px;
		width: 20px;
		height: 20px;
	}

	.topnav #mimin-mobile,
	.topnav #mimin-mobile-menu-opener {
		display: block !important;
	}

	.user-nav {
		float: right;
	}

	.user-nav li {
		float: left;
	}

	.user-nav .dropdown {
		margin-top: -4px !important;
	}

	.user-nav .user-dropdown {
		position: absolute !important;
		left: -120px !important;
	}
}



@media(max-width: 585px) {
	.nav-tabs.nav-tabs-v5 span.round-tabs {
		font-size: 16px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.tab-content .head {
		font-size: 20px;
	}

	.nav-tabs.nav-tabs-v5>li a {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.nav-tabs.nav-tabs-v5 li.active:after {
		content: " ";
		position: absolute;
		left: 35%;
	}
}


@media only screen and (max-width: 479px) {
	.mail-right-tool li {
		padding: 5px !important;
	}

	.fc-right {
		display: none;
	}

	.fc-left {
		margin-bottom: 20px;
		float: right !important;
	}

	.search-v1 #tabs-demo6 li.active:after {
		display: none !important;
	}

	.search-v1 .search-v1-result-wrapper {
		padding: 0px !important;
	}

	#content {
		padding-left: 0px !important;
		padding-right: 0px;
	}

	.user-nav {
		margin-right: 10px;
	}

	.user-dropdown {
		background-color: #fff !important;
	}

	.nav-wrapper .navbar-header,
	.nav-wrapper,
	.navbar-brand {
		padding-left: 0px !important;
	}

	/* .user-nav .user-name,
  .user-nav .opener-right-menu,
  #left-menu,
  .opener-left-menu,
  #right-menu{
    display: none !important;
  } */

	#mimin-mobile,
	#mimin-mobile-menu-opener {
		display: block !important;
	}

	.search-nav {
		display: none;
	}

	.join-video-call{
		display: inline-block;
		width: 100% !important;
		margin-top: 10px;
		text-align: center;
	}

	/* .event p {
		margin-bottom: 10 !important;
	} */

	.waiting-or-joining {
		width: 100%;
		max-width: 100% !important;
		margin-top: 10px !important;
		padding: 5px 10px !important;
	}

	.sidebar-title{
		font-size: 20px !important;
		margin-top: 20px !important;
		line-height: 30px !important;
	}

	.event-w-120-mob{
		display: none !important;
	}

	.sidebar-address{
		display: inline-block;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		width: 200px !important;
	}

	  

}

.card {
	background: #fff;
	border-radius: 2px;
	display: inline-block;
	position: relative;
	width: 100%;
}

.card-1 {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

/*.card-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}*/

.card-2 {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.card-3 {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.card-4 {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.card-5 {
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.padding-3 {
	padding: 24px;
}

.twitter-blue {
	background-color: #4099FF;
}

.facebook-blue {
	color: #3b5999;
}

.linkedin-blue {
	color: #0077B5;
}

.pl-0 {
	padding-left: 0px;
}

.pr-0 {
	padding-right: 0px;
}

.pt-0 {
	padding-top: 0px !important;
}

.pt-1 {
	padding-top: 1px !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}

.pt-15 {
	padding-top: 15px;
}

.pl-13 {
	padding-left: 13px;
}

.pl-10 {
	padding-left: 10px;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border: 1px solid green;
	-webkit-text-fill-color: #999 !important;
	-webkit-box-shadow: 0 0 0px 1000px #000 inset;
	transition: background-color 5000s ease-in-out 0s;
	background-color: red !important;
}

.bg-bubbles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 85%;
	z-index: -11;
	overflow: hidden;
}

.bg-bubbles li {
	position: absolute;
	list-style: none;
	display: block;
	width: 40px;
	height: 40px;
	background-color: rgba(255, 255, 255, 0.15);
	bottom: -160px;
	-webkit-animation: square 25s infinite;
	animation: square 25s infinite;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}

.bg-bubbles li:nth-child(1) {
	left: 10%;
}

.bg-bubbles li:nth-child(2) {
	left: 20%;
	width: 80px;
	height: 80px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 17s;
	animation-duration: 17s;
}

.bg-bubbles li:nth-child(3) {
	left: 25%;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}

.bg-bubbles li:nth-child(4) {
	left: 40%;
	width: 60px;
	height: 60px;
	-webkit-animation-duration: 22s;
	animation-duration: 22s;
	background-color: rgba(255, 255, 255, 0.25);
}

.bg-bubbles li:nth-child(5) {
	left: 70%;
}

.bg-bubbles li:nth-child(6) {
	left: 80%;
	width: 120px;
	height: 120px;
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
	background-color: rgba(255, 255, 255, 0.2);
}

.bg-bubbles li:nth-child(7) {
	left: 32%;
	width: 160px;
	height: 160px;
	-webkit-animation-delay: 7s;
	animation-delay: 7s;
}

.bg-bubbles li:nth-child(8) {
	left: 55%;
	width: 20px;
	height: 20px;
	-webkit-animation-delay: 15s;
	animation-delay: 15s;
	-webkit-animation-duration: 40s;
	animation-duration: 40s;
}

.bg-bubbles li:nth-child(9) {
	left: 25%;
	width: 10px;
	height: 10px;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
	-webkit-animation-duration: 40s;
	animation-duration: 40s;
	background-color: rgba(255, 255, 255, 0.3);
}

.bg-bubbles li:nth-child(10) {
	left: 90%;
	width: 160px;
	height: 160px;
	-webkit-animation-delay: 11s;
	animation-delay: 11s;
}

@-webkit-keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-700px) rotate(600deg);
		transform: translateY(-700px) rotate(600deg);
	}
}

@keyframes square {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-700px) rotate(600deg);
		transform: translateY(-700px) rotate(600deg);
	}
}

.ui-autocomplete {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	_width: 160px;
	padding: 4px 2px;
	margin: 2px 0 0 0;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.2);
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	border-right-width: 2px;
	border-bottom-width: 2px
}

.ui-autocomplete .ui-menu-item>a.ui-corner-all {
	display: block;
	padding: 3px 15px;
	clear: both;
	font-weight: normal;
	line-height: 18px;
	color: #555555;
	white-space: nowrap
}

.ui-autocomplete .ui-menu-item>a.ui-corner-all.ui-state-hover,
.ui-autocomplete .ui-menu-item>a.ui-corner-all.ui-state-active {
	color: #ffffff;
	text-decoration: none;
	background-color: #0088cc;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-image: none
}

.ui-autocomplete li {
	padding: 8px 16px;
}

.ui-autocomplete li:hover {
	cursor: pointer;
	color: #FFF;
	background-color: #42A5F5;
}

.ui-helper-hidden-accessible {
	display: none !important;
}

.dtp .p10>a {
	color: #fff !important;
}




/* 100 108 */

.navbar-default .navbar-nav>li>a {
	font-size: 1em !important;
}

.navbar-right {
	margin-right: 0px !important;
}

.thumbnail {
	border-radius: 0px !important;
}

/* .panel-body {
	padding-top: 29px !important;
} */

.thumbnail .caption {
	padding: 10px 2px 0px 2px !important;
}

.circle {
	margin-left: 65px;
	display: inline-block;
	padding: 14px;
	text-align: center;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	border: 2px solid #2196F3;
	text-align: center !important;
}

.circle::before,
.circle::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.circle,
.circle::before,
.circle::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.circle {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #2196F3;
	color: #5c5eae;
	line-height: 50px;
	overflow: hidden;
}

.circle:hover {
	color: #fff;
}

.circle::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}

.circle:hover::after {
	background: rgba(33, 150, 243, .5);
	border-radius: 50%;
	-webkit-transform: scale(.9);
	transform: scale(.9);
}

.circle1 {
	opacity: 0.4;
}

.circle2 {
	opacity: 0.6;
}

.circle3 {
	opacity: 0.8;
}

.circle a {
	text-decoration: none;
	color: #2196F3;
}

.circle h2 {
	font-size: 60px;
}

.circle h2 small {
	color: #2196F3;
}

.circle p {
	font-size: 24px;
	line-height: 26px;
}

.article-v1 .article-v1-body p {
	font-weight: 100 !important;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-indent: 2em;
	line-height: 1.8;
}

#left-menu .sub-left-menu a .hover {
	background: red;
}

#left-menu .sub-left-menu a {
	color: #918C8C !important;
}

.col-md-15-neg {
	padding: 5px !important;
	margin-bottom: -15px !important;
}

.name-fix {
	padding-top: 13px;
}

@media (min-width : 768px) and (max-width: 1024px) {

	.name-fix {
		padding-top: 15px !important;
	}

	.user-nav .dropdown {
		margin-top: 0px !important;
	}

	.navbar-nav>li>a {
		padding-top: 13px;
		padding-bottom: 15px;
		font-weight: 500 !important;
	}

}

.nav>li>a {
	position: relative;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {
	iframe {
		width: 100% !important;
		/* height: 100% !important; */
	}

	.cvText {
		font-weight: lighter;
		margin-top: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

}


/* For wizard */
.wizard {
	margin: 20px auto;
	background: #fff;
}

.wizard .nav-tabs {
	position: relative;
	margin: 40px auto;
	margin-bottom: 0;
	border-bottom-color: #e0e0e0;
}

.wizard>div.wizard-inner {
	position: relative;
}

.connecting-line {
	height: 2px;
	background: #e0e0e0;
	position: absolute;
	width: 67%;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	z-index: 1;
}

.wizard .nav-tabs>li.active>a,
.wizard .nav-tabs>li.active>a:hover,
.wizard .nav-tabs>li.active>a:focus {
	color: #555555;
	cursor: default;
	border: 0;
	border-bottom-color: transparent;
}

span.round-tab {
	width: 70px;
	height: 70px;
	line-height: 70px;
	display: inline-block;
	border-radius: 100px;
	background: #fff;
	border: 2px solid #e0e0e0;
	z-index: 2;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 25px;
}

span.round-tab i {
	color: #555555;
}

.wizard li.active span.round-tab {
	background: #fff;
	border: 2px solid #0098EE;

}

.wizard li.active span.round-tab i {
	color: #0098EE;
}

span.round-tab:hover {
	color: #333;
	border: 2px solid #333;
}

.wizard .nav-tabs>li {
	width: 33%;
}

.wizard li:after {
	content: " ";
	position: absolute;
	left: 46%;
	opacity: 0;
	margin: 0 auto;
	bottom: 0px;
	border: 5px solid transparent;
	border-bottom-color: #0098EE;
	transition: 0.1s ease-in-out;
}

.wizard li.active:after {
	content: " ";
	position: absolute;
	left: 46%;
	opacity: 1;
	margin: 0 auto;
	bottom: 0px;
	border: 10px solid transparent;
	border-bottom-color: #0098EE;
}

.wizard .nav-tabs>li a {
	width: 70px;
	height: 70px;
	margin: 20px auto;
	border-radius: 100%;
	padding: 0;
}

.wizard .nav-tabs>li a:hover {
	background: transparent;
}

.wizard .tab-pane {
	position: relative;
	/* padding-top: 50px; */
}

.wizard h3 {
	margin-top: 0;
}

@media(max-width : 585px) {

	.wizard {
		width: 90%;
		height: auto !important;
	}

	span.round-tab {
		font-size: 16px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.wizard .nav-tabs>li a {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.wizard li.active:after {
		content: " ";
		position: absolute;
		left: 35%;
	}
}

a.disabled {
	pointer-events: none;
	cursor: default;
}

.step-done>span>i {
	color: #0098EE;
}

.input-group-addon {
	min-width: 180px;
}

/* End wizard style */

/* For Hiding Myupreach CV Upload Text */


@media only screen and (max-width: 690px) {
	#profile-image {
		width: 50% !important;
	}

	.cvTextDesc {
		display: none !important;
	}

	/*.cvText > span{
      font-size: 25px !important;
      margin-right: 20px !important;
      margin-top: 5px !important;
  }*/
}

/* End Myupreach CV Upload Text */

/* Myupreach CSS */
@font-face {
	font-family: 'NunitoSans-Regular';
	/* IE9 Compat Modes */
	src: url("/asset/fonts/NunitoSans-Regular.ttf") format('truetype'),
		/* Safari, Android, iOS */
		url("/asset/fonts/NunitoSans-Regular.svg#svgFontName") format('svg');
	/* Legacy iOS */
}

.my-upreach-app {
	font-family: "NunitoSans-Regular" !important;
	color: #304563 !important;
}

.my-upreach-app #content {
	color: #304563 !important;
}

#left-menu.my-upreach .sub-left-menu {
	padding-top: 0 !important;
	top: 0 !important;
}

.my-upreach-app .sidebar_logo {
	padding: 30px 14px !important;
}

#left-menu.my-upreach .sub-left-menu a {
	font-size: 16px !important;
	display: flex;
	align-items: center;
	color: #304563 !important;
	font-weight: 300;
}

.my-upreach-app .sidebar_icon {
	width: 17px;
	height: 15px;
	margin-right: 10px;
}

#left-menu.my-upreach .sub-left-menu a:hover {
	border-left: 0px !important;
	background: #F7F8FE !important;
}

.my-upreach li.ripple.active,
.my-upreach-app .nav-list li.active {
	background: #F7F8FE;
}

.my-upreach-app li.ripple.active a,
.my-upreach-app .nav-list li.active a,
.my-upreach-app li.active-menu a.nav-header {
	font-weight: bold !important;
}

#left-menu.my-upreach .sub-left-menu .tree,
#left-menu.my-upreach .sub-left-menu .tree-open {
	background-color: unset;
	border: 0px;
}

.pl-43 {
	padding-left: 43px !important;
}

.section-title {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: -0.02em;
	color: #304563 !important;
}

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

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

.mx-30 {
	margin-left: 30px !important;
	margin-right: 30px !important;
}

.mx-0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.my-0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.px-0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.text-dark {
	color: #304563;
}

.text-black {
	color: #000000;
}

.bg-career {
	background: #EDF0FB;
}

.fs-8 {
	font-style: normal;
	font-weight: bold;
	font-size: 8px;
	line-height: 11px;
	letter-spacing: 0.5px;
}

.fs-10 {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
}

.fs-footer-10 {
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	color: #697689;
}

.fs-9 {
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	line-height: 15px;
}

.fs-11 {
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: 20px;
}

.fs-12 {
	font-style: normal;
	font-size: 12px;
	line-height: 20px;
	padding-right: 2px;
}

.fs-12 span {
	padding-right: 2px;
}

.fs-13 {
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
}

.fs-14 {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
}

.fs-15 {
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
}

.fs-65 {
	font-size: 65% !important;
}

.fs-pc-17 {
	font-style: normal;
	font-weight: bold;
	color: #000000;
	font-size: 17px;
	line-height: 23px;
}

.fs-href-14 {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
	color: #3A8EE8;
}

.fs-href-12 {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	color: #3A8EE8;
}

.fs-href-11 {
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
	color: #304563;
	letter-spacing: 0.5px;
	text-decoration-line: underline;
	text-transform: uppercase;
}

.fs-href-9 {
	font-style: normal;
	font-weight: bold;
	font-size: 9px;
	line-height: 12px;
	color: #304563;
	letter-spacing: 0.5px;
	text-decoration-line: underline;
	text-transform: uppercase;
}

.fs-16 {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
}

.fs-17 {
	font-style: normal;
	font-weight: 600;
	font-size: 17px;
	line-height: 23px;
}

.fs-18 {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
}

.fs-20 {
	font-style: normal;
	font-size: 20px;
}

.fs-24 {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 33px;
}

.fs-32 {
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
	line-height: 27px;
}

.fs-38 {
	font-style: normal;
	font-weight: normal;
	font-size: 38px;
	line-height: 52px;
}

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

.font-normal {
	font-weight: normal;
	font-family: "NunitoSans-Regular" !important;
}

.m-0 {
	margin: 0px !important;
}

.mt-0 {
	margin-top: 0px !important;
}

.mb-0 {
	margin-bottom: 0px;
}

.mb-4 {
	margin-bottom: 4px;
}

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

.ml-0 {
	margin-left: 0px;
}

.ml-6 {
	margin-left: 6px;
}

.ml-9 {
	margin-left: 9px;
}

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

.flex-start {
	display: flex;
	align-items: start;
}

.w-16 {
	width: 16px;
}

.w-17 {
	width: 17px;
}

.w-20 {
	width: 20px;
}

.w-22 {
	width: 22px;
}

.w-24 {
	width: 24px;
}

.w-34 {
	width: 34px;
}

.w-55 {
	width: 55px;
}

.mr-4 {
	margin-right: 4px;
}

.mr-8 {
	margin-right: 8px;
}

.mr-18 {
	margin-right: 18px;
}

.p-card {
	padding: 16px 14px 12px;
}

.p-row {
	padding: 22px 25px;
}

.card-layout {
	background: #FAFAFA;
	border-radius: 15px;
}

.sprinboard-round {
	width: 47px;
	height: 46px;
	border: 3px solid #3A8EE8;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 26px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-2 {
	padding-top: 2px !important;
}

.pt-24 {
	padding-top: 24px;
}

.pt-25 {
	padding-top: 25px;
}

.pt-30 {
	padding-top: 30px;
}

.h-193 {
	height: 193px;
}

.my-upreach-app .panel-body {
	padding-top: 0px !important;
}

.pt-42 {
	padding-top: 42px;
}

.pt-54 {
	padding-top: 54px;
}

.px-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.px-30 {
	padding-left: 30px;
	padding-right: 30px;
}

.px-3 {
	padding-left: 3px;
	padding-right: 3px;
}

.pl-3 {
	padding-left: 3px;
}

.px-40 {
	padding-left: 40px;
	padding-right: 40px;
}

.px-70 {
	padding-left: 70px;
	padding-right: 70px;
}

.mx-24 {
	margin-left: 24px;
	margin-right: 24px;
}

.mx-2 {
	margin-left: 2px;
	margin-right: 2px;
}

.my-upreach-app .panel {
	border: 0;
}

.my-upreach-app .panel-body {
	padding-bottom: 0px;
}

.mb-2 {
	margin-bottom: 2px;
}

.mb-13 {
	margin-bottom: 13px;
}

.mb-14 {
	margin-bottom: 14px;
}

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

.mb-16 {
	margin-bottom: 16px;
}

.mb-18 {
	margin-bottom: 18px;
}

.pb-5 {
	padding-bottom: 5px !important;
}
.pb-10 {
	padding-bottom: 10px !important;
}

.pb-12 {
	padding-bottom: 12px !important;
}

.pb-14 {
	padding-bottom: 14px !important;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-24 {
	margin-bottom: 24px;
}

.pb-24 {
	padding-bottom: 24px;
}

.p-app-track {
	padding-top: 38px;
	padding-bottom: 20px;
	padding-left: 56px;
	padding-right: 56px;
	text-align: center;
}

.btn-app-track {
	border: 1px solid #3A8EE8;
	border-radius: 4px !important;
	color: #3A8EE8;
	text-transform: uppercase;
	font-weight: 800;
}

.p-20 {
	padding: 20px;
}

.mb-6 {
	margin-bottom: 6px;
}

.mb-8 {
	margin-bottom: 8px;
}

.mt-4 {
	margin-top: 4px;
}

.mt-6 {
	margin-top: 6px;
}

.mt-8 {
	margin-top: 8px;
}

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

.mt-12 {
	margin-top: 12px;
}

.mt-14 {
	margin-top: 14px;
}

.mt-16 {
	margin-top: 16px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-24 {
	margin-top: 24px;
}

.app-user {
	height: 60px;
	width: 60px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-12 {
	margin-right: 12px;
}

.mr-14 {
	margin-right: 14px;
}

.mr-16 {
	margin-right: 16px;
}

.mr-18 {
	margin-right: 18px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-24 {
	margin-right: 24px;
}

.mr-27 {
	margin-right: 27px;
}

.mr-30 {
	margin-right: 30px !important;
}

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

.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

.text-lowercase {
	text-transform: lowercase !important;
}

.line-height-16 {
	line-height: 16px;
}

.line-height-17 {
	line-height: 17px;
}

.line-height-18 {
	line-height: 18px;
}

.line-height-15 {
	line-height: 15px;
}

.line-height-11 {
	line-height: 11px;
}

.line-height-13 {
	line-height: 13px;
}

.line-height-20 {
	line-height: 20px;
}

.line-height-21 {
	line-height: 21px;
}

.line-height-22 {
	line-height: 22px;
}

.line-height-24 {
	line-height: 24px;
}

.line-height-25 {
	line-height: 25px;
}

.line-height-26 {
	line-height: 26px;
}

.line-height-27 {
	line-height: 27px;
}

.line-height-28 {
	line-height: 28px;
}

.line-height-29 {
	line-height: 29px;
}

.line-height-30 {
	line-height: 30px;
}

.line-height-33 {
	line-height: 33px;
}

.line-height-37 {
	line-height: 37px;
}

.line-height-66 {
	line-height: 66px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-35 {
	margin-bottom: 35px;
}

.mb-44 {
	margin-bottom: 44px;
}

.mb-26 {
	margin-bottom: 26px;
}

.border-tracker {
	border: 1px solid #EDF0FB;
	border-radius: 6px;
}

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

.d-flex {
	display: flex;
}

.d-block {
	display: block;
}

.d-tracker-flex {
	display: flex;
}

a.text-dark:hover,
a.text-dark:focus {
	color: #304563;
}

.text-grey {
	color: #697689;
}

.text-copyright {
	color: #EDF0FB;
}

.py-8 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.py-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.py-12 {
	padding-top: 12px;
	padding-bottom: 12px;
}

.py-14 {
	padding-top: 14px;
	padding-bottom: 14px;
}

.py-16 {
	padding-top: 16px;
	padding-bottom: 16px;
}

.py-18 {
	padding-top: 18px;
	padding-bottom: 18px;
}

.py-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.py-26 {
	padding-top: 26px;
	padding-bottom: 26px;
}

.py-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.copyright {
	background: #304563;
}

.pl-230 {
	padding-left: 230px;
}

a.text-copyright:hover,
a.text-copyright:focus {
	color: #EDF0FB;
}

.pt-9 {
	padding-top: 9px;
}

.pt-14 {
	padding-top: 14px;
}

.padding-mob {
	padding-left: 0;
	padding-top: 24px;
}

.springboard-desktop {
	display: block;
}

.springboard-mobile {
	display: none;
	padding-bottom: 0px;
}

.px-5 {
	padding-left: 5px;
	padding-right: 5px;
}

.py-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.user-details {
	display: flex;
	align-items: start;
	padding-bottom: 25px;
}

.mx-n-15 {
	margin-left: -15px;
	margin-right: -15px;
}

.br-4 {
	border: 4px solid #F7F8FE;
}

.br-rad-50 {
	border-radius: 50%;
}

.stream-text {
	color: #4D4D4D;
}

.bg-light-orange {
	background-color: #FFE1A7;
	box-shadow: 0px 4px 2px #C4C4C4;
	border-radius: 6px;
}

.bg-lace {
	background-color: #FDF5E6;
	border-radius: 6px;
}

.bg-lavander {
	background-color: #FDF1F3;
	border-radius: 6px;
}

.bg-deadline-count {
	background-color: #FBE8EB;
	border-radius: 6px;
}

.bg-white-smoke {
	background-color: #F3F5F0;
	border-radius: 6px;
}

.flex-space-between {
	display: flex;
	justify-content: space-between;
}

.align-start {
	align-items: flex-start;
}

.align-center {
	align-items: center;
}

.align-end {
	align-items: flex-end;
}

.p-7 {
	padding: 7px;
}

.p-10 {
	padding: 10px;
}

.p-12 {
	padding: 12px;
}

.p-15 {
	padding: 15px;
}

.p-18 {
	padding: 18px;
}

.p-30 {
	padding: 30px;
}

.pl-5 {
	padding-left: 5px;
}

.pl-30 {
	padding-left: 30px !important;
}

.pr-5 {
	padding-right: 5px;
}

.pr-16 {
	padding-right: 16px !important;
}

.pr-15 {
	padding-right: 15px !important;
}

.pr-26 {
	padding-right: 26px !important;
}

.pr-2 {
	padding-right: 2px !important;
}

.pr-30 {
	padding-right: 30px !important;
}

.bg-badge {
	background: rgba(158, 165, 238, 0.2);
	border-radius: 6px;
	font-size: 11px;
}

.h-100 {
	height: 100%;
}

.mh-100 {
	min-height: 100%;
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mt-26 {
	margin-top: 26px;
}

.mt-42 {
	margin-top: 42px;
}

.mt-47 {
	margin-top: 47px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-54 {
	margin-top: 54px;
}

.button-blue {
	background: #3A8EE8;
	border-radius: 4px;
	padding: 6px 16px;
	border: 0;
	color: #fff;
	font-weight: 800 !important;
}

.flex-column-end {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}

.w-12 {
	width: 12px;
}

.w-13 {
	width: 13px;
}

.wh-14 {
	width: 14px;
	height: 14px;
}

.wh-25 {
	width: 25px !important;
	height: 25px !important;
}
.wh-26 {
	width: 25px;
	height: 26px;
}

.wh-42 {
	width: 42px;
	height: 42px;
}

.skill-card {
	border: 1px solid #E6E9EE;
	background: #FFFFFF;
	border-radius: 6px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-12 {
	margin-bottom: 12px;
}

.w-75 {
	width: 75%;
}

.w-67 {
	width: 67%;
}

.w-95 {
	width: 95%;
}

.w-30 {
	width: 30%;
}

.w-33 {
	width: 33%;
}

.w-18 {
	width: 18%;
}

.w-25 {
	width: 25%;
}

.w-100 {
	width: 100%;
}

.medal {
	position: absolute;
	z-index: 2;
	left: 8px;
}

table#listing-applications-table {
	margin: 0px !important;
}

table#listing-applications-table>thead>tr>th {
	padding: 12px 0 !important;
	border-bottom: 6px solid rgba(158, 165, 238, 0.08) !important;
}

table#listing-applications-table>tbody>tr>td {
	padding: 12px 0 !important;
	border: 0px !important;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 27px;
	color: #304563;
	border-bottom: 2px solid rgba(158, 165, 238, 0.08) !important;
	padding-right: 10px !important;
}

table#listing-applications-table>thead>tr>th:first-child,
table#listing-applications-table>tbody>tr>td:first-child {
	padding-left: 24px !important;
}

table#listing-applications-table>thead>tr>th {
	line-height: 15px;
}

table#listing-applications-table>tbody>tr>td {
	line-height: 27px;
}

table#listing-applications-table>thead>tr>th:last-child,
table#listing-applications-table>tbody>tr>td:last-child {
	padding-right: 24px !important;
}

table#listing-applications-table>tbody>tr:last-child>td {
	border-bottom: 0px !important;
}

.my-upreach-app table.dataTable thead .sorting_asc:after,
.my-upreach-app table.dataTable thead .sorting:after,
.my-upreach-app table.dataTable thead .sorting_desc:after {
	padding-left: 5px;
	bottom: 12px;
	right: unset;
	display: inline-block;
	opacity: 0.9;
	color: #464FD0;
	font-weight: normal;
}

.my-upreach-app .progress-bar.progress-bar-info {
	background-color: #B8C7FF !important;
}

.app-tracker-emp-img {
	width: 24px;
	margin-right: 9px;
}

@media only screen and (max-width: 479px) {
	.pl-230 {
		padding-left: 0;
	}

	.modal-pad,
	.modal-header {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.modal-title {
		font-size: 14px !important;
		font-weight: normal !important;
	}

	.cancel-title {
		font-size: 14px !important;
		font-weight: normal !important;
		text-align: center;
		color: #304563;
	}

	.my-upreach-app .modal-header {
		padding-top: 20px;
		padding-bottom: 20px;
		background: #FEFEFE;
		box-shadow: 0px 0px 36px 13px rgba(0, 0, 0, 0.05);
	}

	.modal-close-mob {
		background: transparent;
		border: 0;
		font-size: 20px;
		font-weight: normal;
		float: left;
		padding-right: 13px;
		color: #3A8EE8;
		padding-top: 7px;
	}

	.pt-mob-30 {
		padding-top: 30px;
	}

	.pt-mob-0 {
		padding-top: 0px;
	}

	.navbar.navbar-default {
		z-index: 0;
	}

	.pt-54 {
		padding-top: 24px !important;
	}

	.flex-mob-start {
		display: flex;
		justify-content: flex-start;
	}

	.my-upreach-app .modal-footer {
		border-top: 4px solid #ECEDFC !important;
		background: rgba(158, 165, 238, 0.08);
	}

	.my-upreach-app .modal-body {
		background: rgba(158, 165, 238, 0.08);
	}

	.modal-row-flex {
		display: block !important;
	}

	#associate-application .col-md-6 {
		width: 100% !important;
	}

	table#listing-applications-table>tbody>tr>td {
		white-space: nowrap;
	}

	#listing-applications-table_wrapper {
		overflow-x: auto;
	}

	.breadcrumbs {
		padding: 20px !important;
		margin-left: -15px !important;
		margin-right: -15px !important;
		background-color: #FFF !important;
		position: absolute;
		width: 110%;
		z-index: 1;
		top: -54px;
	}

	.intial-page {
		display: none !important;
	}

	.breadcrumbs-path {
		font-size: 14px;
		line-height: 20px !important;
	}

	.d-mob-block {
		display: block !important;
	}

	.d-mob-display {
		display: block !important;
	}

	.d-des-block {
		display: none !important;
	}

	.vh-86 {
		min-height: auto !important;
	}

	.vh-pt-86 {
		min-height: auto !important;
	}

	.mb-mob-10 {
		margin-bottom: 10px !important;
	}

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

	.fs-mob-18 {
		font-size: 18px;
		line-height: 20px;
	}

	.fs-mob-14 {
		font-size: 14px !important;
	}

	.fs-mob-12 {
		font-size: 12px;
		line-height: 16px;
	}

	.fs-mob-8 {
		font-size: 8px;
		line-height: 11px;
		letter-spacing: 0.5px;
	}

	.tabs-area {
		margin-top: 0 !important;
	}

	.main-menu-block ul {
		overflow: scroll;
		display: flex;
	}

	.font-mob-bold {
		font-weight: bold !important;
	}

	.event-author-details {
		width: 100%;
	}

	.mb-mob-30 {
		margin-bottom: 30px !important;
	}

	.event-modal-badge {
		background: #ECEDFC !important;
		display: block;
		width: fit-content;
	}
	.event-modal-badge-session {
		display: block;
		width: fit-content;
	}

	.upreach-event-modal .modal-header {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.upreach-event-calendar {
		padding: 8px 10px !important;
	}

	.event-calendar-content {
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 15px;
	}

	.mb-mob-0 {
		margin-bottom: 0 !important;
	}

	.mb-mob-6 {
		margin-bottom: 6px !important;
	}

	.mb-mob-20 {
		margin-bottom: 20px !important;
	}

	.my-upreach-app .modal-footer {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.load-more {
		padding-bottom: 30px !important;
		padding-top: 20px !important;
	}

	#toast-container>.toast {
		width: 100% !important;
		padding: 14px 30px 14px 68px !important;
	}

	.toast-close-button {
		top: 4px !important;
	}

	.practice-tests .modal-body,
	.practice-tests .modal-footer {
		background: #fff !important;
	}

	.practice-tests .disc-list>h2,
	.practice-tests .hint>h2 {
		font-size: 16px;
		font-weight: bold;
	}

	.samp-ques-btn {
		text-align: center !important;
	}

	.bt-mob-n-5 {
		position: relative;
		bottom: -5px !important;
	}

	.video-width {
		width: 100% !important;
	}

	.mentor-resource-width {
		width: 100% !important;
	}

	.skill-video-title {
		font-size: 14px !important;
		line-height: 19px !important;
	}

	.skill-video-description {
		font-size: 12px !important;
		line-height: 16px !important;
		/* word-break: break-all; */
	}

	.flex-mob-nowrap {
		flex-wrap: nowrap !important;
		overflow-x: auto;
	}

	.video-category-list {
		font-size: 18px !important;
		line-height: 25px !important;
	}

	.video-desc {
		line-height: 22px !important;
	}

	.pb-mob-20 {
		padding-bottom: 20px !important;
	}

	.video-height {
		height: auto !important;
	}

	.vh-mob-62 {
		min-height: 62vh;
	}

	.vh-mob-49 {
		min-height: 49vh;
	}

	.skill-guides table>thead>tr>th {
		padding: 12px 20px !important;
	}

	.skill-guides table>tbody>tr>td {
		padding: 15px 20px !important;
	}

	.skill-guides table>tbody>tr>td>a {
		font-size: 12px !important;
		line-height: 18px !important;
	}

	.vh-56 {
		min-height: 46vh !important;
	}

	.my-life-card-pad {
		padding: 18px 16px !important;
	}

	.my-life-title {
		font-size: 12px !important;
		line-height: 18px !important;
	}

	.my-life-description {
		font-size: 10px !important;
		line-height: 15px !important;
	}

	.my-life-link {
		font-size: 10px !important;
		line-height: 15px !important;
	}

	.px-mob-20 {
		padding: 20px !important;
	}

	.py-mob-15 {
		padding: 15px !important;
	}

	.py-mob-20 {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.my-life-detail-title {
		font-size: 18px !important;
	}

	.my-life-detail-desc {
		font-size: 12px !important;
		line-height: 24px !important;
	}

	.mt-mob-21 {
		margin-top: 21px;
	}

	.bookmark-title {
		font-size: 14px !important;
		line-height: 19px !important;
	}

	.bookmark-job {
		font-size: 10px !important;
		line-height: 14px !important;
	}

	.bookmark-card {
		margin-bottom: 14px;
	}

	.emp-guides-img {
		height: auto !important;
	}

	.mt-mob-50 {
		margin-top: 50px;
	}

	.pl-mob-15 {
		padding-left: 15px !important;
	}

	.job-detail-title {
		font-size: 18px !important;
		line-height: 27px !important;
	}

	.job-logo {
		width: 24px !important;
		height: 24px !important;
		margin-right: 10px !important;
	}

	.job-desc-info {
		font-size: 14px !important;
		line-height: 19px !important;
	}

	.mt-mob-0 {
		margin-top: 0px;
	}

	.w-advance-filter {
		width: 44% !important;
	}

	.mr-mob-8 {
		margin-right: 8px;
	}

	.career-guide-title {
		font-size: 18px !important;
		line-height: 24px !important;
		font-weight: bold !important;
	}

	.career-guide-accordion,
	.career-guide-accordion-content {
		padding: 20px !important;
	}

	.career-guide-image {
		width: 100% !important;
	}

	.table-title {
		font-size: 14px !important;
		line-height: 20px !important;
	}

	.align-mob-center {
		align-items: center !important;
	}

	.profile-app-title,
	.profile-app-sub-title {
		font-size: 8px !important;
		line-height: 11px !important;
	}

	.real-rating-title {
		font-size: 14px !important;
	}

	.real-rating-content {
		font-size: 12px !important;
		line-height: 22px !important;
	}

	.university-offer-text {
		font-size: 14px !important;
	}

	.lh-mob-24 {
		line-height: 24px !important;
	}

	.p-mob-20 {
		padding: 20px !important;
	}

	.real-rating-header {
		font-size: 18px !important;
		line-height: 25px !important;
	}

	.real-rating-chart {
		width: auto !important;
		height: 400px;
	}

	.pc-name {
		font-size: 18px !important;
	}

	.pc-img {
		height: 45px !important;
		margin-right: 13px !important;
	}

	.pc-desc {
		font-size: 12px !important;
		line-height: 20px !important;
	}

	.w-info {
		padding-right: 35px !important;
	}

	.pc-about {
		font-size: 12px !important;
		line-height: 20px !important;
	}

	.pc-contact {
		font-size: 12px !important;
	}

	.pc-upload-title,
	.pc-upload-sub-title {
		font-size: 8px !important;
		line-height: 11px !important;
	}

	.pc-avail-title {
		font-size: 14px !important;
		padding-top: 18px !important;
		margin-bottom: 20px !important;
	}

	.pc-avail-text {
		font-size: 12px !important;
		line-height: 20px !important;
	}

	.pc-avail-date {
		font-size: 14px !important;
		line-height: 19px !important;
		margin-bottom: 2px !important;
	}

	.pc-time-card {
		min-width: 128px !important;
	}

	.confirm-slot-section {
		flex-direction: column;
		align-items: flex-end !important;
	}

	.confirm-slot-text {
		font-size: 12px !important;
		line-height: 16px !important;
		margin-right: 0px !important;
		margin-bottom: 14px;
	}

	.mr-mob-10 {
		margin-right: 10px !important;
	}

	.d-mob-flex {
		display: flex !important;
	}

	.pc-upload-section {
		padding: 0px !important;
		border: 0px !important;
	}

	.pb-mob-0 {
		padding-bottom: 0px !important;
	}

	.profile-edit-section {
		padding-left: 20px !important;
		padding-right: 20px !important;
		margin-left: -20px !important;
		margin-right: -20px !important;
	}

	.amcharts-chart-div text {
		font-size: 12px !important;
	}

	.mentor-title {
		font-size: 18px !important;
	}

	.bor-divider {
		margin: 0 -20px !important;
	}

	.mentor-footer {
		border-top: 2px solid #ECEDFC !important;
		margin: 0 -20px;
		padding: 0 20px;
	}

	.mentor-button {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}

	.step-mob-line {
		width: 48px;
		border-top: 2px solid #F7F8FE !important;
		border-left: 0px !important;
		margin-top: 12px !important;
		margin-left: -8px !important;
		height: auto !important;
	}

	.bor-step {
		padding: 4px 6px !important;
		width: fit-content;
	}

	.mentor-name {
		font-size: 18px !important;
		line-height: 25px !important;
	}

	.slot-section {
		overflow-x: auto !important;
	}

	.d-mob-nowrap {
		flex-wrap: nowrap !important;
	}

	.alert-modal .modal-dialog {
		padding: 10px 20px;
	}

	.alert-modal .modal-body,
	.alert-modal .modal-body {
		background-color: #fff !important;
	}

	.university-name {
		font-size: 18px !important;
		line-height: 20px !important;
		margin-left: 10px !important;
	}

	.university-title {
		font-size: 14px !important;
	}

	.university-text {
		font-size: 12px !important;
	}

	.pr-mob-20 {
		padding-right: 20px !important;
	}

	.online-title {
		font-size: 18px !important;
		line-height: 20px !important;
	}

	.online-weekly-title {
		font-size: 14px !important;
		line-height: 15px !important;
	}

	.online-img {
		width: 25px !important;
		height: 25px !important;
	}

	.online-like-text {
		font-size: 10px !important;
		line-height: 14px !important;
	}

	.online-text {
		font-size: 10px !important;
	}

	.online-divider {
		margin: 0px -20px !important;
	}

	.online-group-desc {
		line-height: 20px !important;
		margin-bottom: 25px !important;
	}

	.weekly-archive table thead tr th {
		font-size: 10px !important;
		line-height: 14px !important;
	}

	.weekly-archive table tbody tr td {
		padding: 10px 15px !important;
		font-size: 10px !important;
		line-height: 13px !important;
		vertical-align: top;
	}

	.weekly-archive table tbody tr td:nth-child(2) {
		font-size: 12px !important;
		line-height: 18px !important;
	}

	.weekly-archive table thead tr th:first-child,
	.weekly-archive table tbody tr td:first-child {
		padding-left: 15px !important;
	}

	.weekly-archive-img {
		width: 9px !important;
		height: 9px !important;
		margin-right: 6px !important;
	}

	.application-icon {
		font-size: 40px !important;
	}

	.search-card {
		padding: 10px 20px !important;
	}

	.search-card-head {
		padding: 15px 20px 0 !important;
	}

	.search-title {
		font-size: 14px !important;
		line-height: 19px !important;
	}

	.search-content {
		font-size: 12px !important;
		line-height: 18px !important;
	}

	.search-mob-padding {
		padding-top: 6px;
		padding-bottom: 4px;
	}

	.event-mob-design {
		position: fixed;
		bottom: -6px;
		width: 100%;
		z-index: 2;
		background: #ffffff !important;
		max-height: 400px;
		overflow: auto;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}

	.bg-mob-calendar {
		background: rgba(158, 165, 238, 0.08) !important;
		width: 100%;
	}

	.mr-mob-calendar {
		margin: -20px;
	}

	#calendar {
		overflow: scroll;
		width: 100%;
	}

	.fc-view-harness.fc-view-harness-active {
		width: 500px;
	}

	.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
		width: 100%;
	}

	.fc-header-toolbar .fc-dayGridMonth-button {
		margin-left: 14px !important;
	}

	.profile-img-name {
		width: 146px;
	}

	/* Sidebar UI */
	.left-sidebar-open {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 997;
	}

	.left-sidebar-close {
		display: none;
	}

	.sidebar-mob-logo {
		display: none !important;
	}

	.sidebar-close-icon {
		display: block !important;
	}

	.modal-backdrop.show {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.my-upreach-app #content {
		margin-top: -24px !important;
	}

	.modal-close-mob {
		display: none;
	}

	.my-upreach-app .modal-header {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.lh-des-66 {
		line-height: 66px !important;
	}
}

@media (max-width: 768px) {
	.d-tracker-flex {
		display: block;
	}

	.springboard-desktop {
		display: none;
	}

	.springboard-mobile {
		display: block;
		padding-bottom: 30px;
	}

	.flex-row-mob {
		display: flex;
		flex-direction: row;
		overflow-x: auto;
	}

	.flex-mob {
		display: flex;
		margin-left: 6px;
	}

	.spring-card {
		width: 212px;
		padding-right: 5px;
		padding-left: 5px;
	}

	.padding-mob {
		padding-left: 15px;
		padding-top: 0;
	}

	.skill-card-mob {
		display: flex;
		align-items: flex-start;
	}

	.text-right-mob {
		text-align: right;
	}

	.bg-home-mob {
		background: rgba(158, 165, 238, 0.08);
	}

	.px-20-mob {
		padding-left: 20px;
		padding-right: 20px;
	}

	.h-193 {
		height: 174px;
	}

	.pt-54 {
		padding-top: 44px;
	}

	.bg-white-mob {
		background-color: #FFF !important;
	}

	.career-accordion {
		padding: 15px !important;
	}

	.mentor-accordion {
		padding: 15px !important;
	}

	.sub-mod-header,
	.sub-mod-content {
		padding: 15px !important;
	}

	.sub-mod-objective {
		line-height: 20px !important;
	}

	.career-desc-text {
		font-size: 12px !important;
		line-height: 20px !important;
		font-weight: normal !important;
	}

	.career-mod-title {
		font-size: 14px !important;
		line-height: 20px !important;
		font-weight: bold !important;
	}

	.career-sub-mod-title {
		font-size: 14px !important;
		line-height: 20px !important;
	}

	.career-mod-info-title {
		font-weight: bold !important;
		font-size: 14px !important;
		line-height: 21px !important;
	}

	.career-question-title {
		font-weight: bold !important;
		font-size: 18px !important;
		line-height: 30px;
	}

	.my-upreach-app .cc-content {
		font-size: 12px !important;
		line-height: 24px !important;
	}

	iframe {
		width: 100% !important;
	}

	.answer-count {
		display: block !important;
		margin-top: 6px;
	}

	.progress {
		width: 119px !important;
	}

	.career-accordion-icons {
		right: 20px !important;
		top: 18px !important;
	}

	.mentor-accordion-icons {
		right: 15px !important;
		top: 12px !important;
	}

	.sub-mod-tick {
		position: unset !important;
	}

	.sub-complete-font {
		font-weight: normal !important;
	}

	.tab-content.tab-content-v6 {
		padding: 20px !important;
	}

	.upreach-events .dataTables_wrapper {
		overflow-x: auto;
	}

	.job-button-link {
		position: unset !important;
	}

	.flex-mob-column {
		flex-direction: column !important;
	}

	.online-card {
		height: auto !important;
	}

	.float-mob-right {
		float: right;
	}

	.p-mob-0 {
		padding: 0px !important;
	}
}

@media (min-width: 1024px) {
	.bg-sprinboard {
		background: rgba(158, 165, 238, 0.08);
	}

	.bg-home-mob {
		display: flex;
	}

	.emp-card:nth-child(3n-1) {
		margin-left: 30px;
		margin-right: 30px;
	}

	.cancel-popup {
		width: 28vw;
		margin-right: 95px;
	}

	.responsive-pl-0 {
		padding-left: 0px;
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.h-193 {
		height: 226px;
	}

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

	.emp-card:nth-child(3n-1) {
		margin-left: 26px;
		margin-right: 25px;
	}

	.online-whatsapp-card {
		width: 50% !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.vh-86 {
		min-height: 80vh !important;
	}

	.video-width {
		width: 48% !important;
	}

	.mentor-resource-width {
		width: 47% !important;
	}

	.emp-card:nth-child(2n) {
		margin-left: 19px;
	}
}

@media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {
	.h-193 {
		height: 226px;
	}

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

	.emp-card:nth-child(2n) {
		margin-left: 29px;
	}

	.emp-card:nth-child(3n-1) {
		margin-left: auto;
		margin-right: auto;
	}

	.online-whatsapp-card {
		width: 50% !important;
	}
}

/* Right Side Modal Popup */

.my-upreach-app .modal-header {
	border: 0px;
}

.modal.drawer {
	display: flex !important;
	pointer-events: none;
}

.modal.drawer * {
	pointer-events: none;
}

.modal.drawer .modal-dialog {
	margin: 0px;
	display: flex;
	flex: auto;
	transform: translate(25%, 0);
}

.modal.drawer .modal-dialog .modal-content {
	border: none;
	border-radius: 0px;
}

.modal.drawer .modal-dialog .modal-content .modal-body {
	overflow: auto;
}

.modal.drawer.show {
	pointer-events: auto;
}

.modal.drawer.show * {
	pointer-events: auto;
}

.modal.drawer.show .modal-dialog {
	transform: translate(0, 0);
}

.modal.drawer.right-align {
	flex-direction: row-reverse;
}

.modal.drawer.right-align {
	display: none !important;
}

.modal.drawer.right-align.show {
	display: flex !important;
	padding-right: 0px !important;
}

.modal-pad {
	padding-left: 30px;
	padding-right: 30px;
}

.my-upreach-app .modal-title {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 33px;
	font-family: "NunitoSans-Regular" !important;
}

.my-upreach-app .cancel-title {
	font-style: normal;
	font-weight: bold;
	font-size: 23px;
	line-height: 33px;
	font-family: "NunitoSans-Regular" !important;
	text-align: center;
	color: #304563;
}

.btn-modal {
	color: #ffffff !important;
	background: #3A8EE8 !important;
	border-radius: 4px;
	padding: 10px 26px;
	border: 0;
	font-weight: 800 !important;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 19px;
	cursor: pointer;
	margin-right: 0px;
}

.btn-modal-cancel {
	color: #ffffff !important;
	background: #979797 !important;
	border-radius: 4px;
	padding: 10px 26px;
	border: 0;
	font-weight: 800 !important;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 19px;
	cursor: pointer;
	margin-right: 0;
}

.btn-modal-default {
	color: #ffffff !important;
	background: rgba(143, 143, 143, 0.39);
	border-radius: 4px;
	padding: 10px 26px;
	border: 0;
	font-weight: 800 !important;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 19px;
	cursor: pointer;
	margin-right: 15px;
}

.my-upreach-app .modal-footer {
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 4px solid #F7F8FE;
}

.myClass {
	font-size: 2rem !important;
}

.modal-close {
	float: left;
	position: absolute;
	left: -42px;
	color: #fff;
	opacity: 1;
}

.modal-close:focus,
.modal-close:hover {
	color: #fff;
	opacity: 0.8;
}

.modal-row-flex {
	display: flex;
}

.modal-textarea {
	resize: none;
}

#associate-application .col-md-6 {
	width: 100%;
}

.my-upreach-app .modal-body input::placeholder {
	color: #304563 !important;
}

/**/

/* Career Course Page */
.d-inline {
	display: inline-block;
}

.d-inline-flex{
	display: inline-flex
}

#career-modules-table td {
	padding: 12px 21px !important;
	border: 1px solid #E6E9EE !important;
}

.bt-3 {
	position: relative;
	bottom: 3px;
}

.bt-6 {
	position: relative;
	bottom: 6px;
}

.mb-40 {
	margin-bottom: 40px;
}

.carrer-cousre-progress-percent {
	position: absolute;
	top: -10px;
	right: 0;
	padding-right: 37px;
}

.pos-relative {
	position: relative;
}

.mod-progress-bar {
	position: relative;
	padding-right: 37px;
}

.career-accordion {
	background-color: #EDF0FB !important;
	padding: 20px;
}

.career-accordion-content {
	background-color: #EDF0FB !important;
	padding: 20px 20px 10px;
	border-top: 1px solid #E5E5E5;
}

.mentor-accordion {
	background-color: #EDF0FB !important;
	padding: 15px;
}

.mentor-accordion-content {
	background-color: #EDF0FB !important;
	padding: 15px;
	border-top: 1px solid #E5E5E5;
}

.carrer-accordion-button {
	padding: 10px 26px;
	font-style: normal;
	font-size: 14px;
	line-height: 19px;
	text-transform: uppercase;
}

.career-accordion>a.collapsed:focus {
	text-decoration: none;
}

.career-accordion-icons {
	position: absolute;
	right: 26px;
	top: 22px;
	font-size: 17px;
}

.career-accordion>a.collapsed .career-accordion-icons:before {
	content: '\002B';
}

.career-accordion>a .career-accordion-icons:before {
	content: '\002D';
}

.mentor-accordion>a.collapsed:focus {
	text-decoration: none;
}

.mentor-accordion-icons {
	position: absolute;
	right: 15px;
	top: 14px;
	font-size: 17px;
}

.mentor-accordion>a.collapsed .mentor-accordion-icons:before {
	content: '\002B';
}

.mentor-accordion>a .mentor-accordion-icons:before {
	content: '\002D';
}

.career-desc-text {
	font-size: 17px;
	line-height: 24px;
	font-weight: normal;
}

.career-mod-title {
	font-size: 17px;
	line-height: 24px;
	font-weight: bold;
}

.career-sub-mod-title {
	font-size: 17px;
	line-height: 24px;
}

.career-mod-info-title {
	font-weight: bold;
	font-size: 17px;
	line-height: 26px;
}

.my-upreach-app .cc-question {
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 7px;
}

.pb-40 {
	padding-bottom: 40px !important;
}

.career-question-title {
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
}

.breadcrumbs {
	padding: 54px 30px 30px;
	margin-left: -15px;
	margin-right: -15px;
	background-color: rgba(158, 165, 238, 0.08);
}

.intial-page {
	display: inline-block;
}

.breadcrumbs-path {
	font-size: 14px;
	line-height: 25px;
	font-weight: normal !important;
}

.back-arrow {
	font-size: 20px;
	font-weight: normal;
	padding-right: 13px;
	color: #3A8EE8;
	padding-top: 7px;
}

.sub-mod-header {
	padding: 10px 34px;
	background-color: #ffffff !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.sub-mod-button {
	width: 117px;
	padding: 10px 0;
	font-style: normal;
	font-size: 14px;
	line-height: 19px;
	text-transform: uppercase;
	font-weight: 800 !important;
	border-radius: 4px;
	border: 0;
	color: #fff;
}

.btn-bg-blue {
	background: #3A8EE8;
}

.btn-bg-orange {
	background: #F2B542;
}

.btn-bg-grey {
	background: rgba(143, 143, 143, 0.39);
}

.sub-mod-tick {
	position: absolute;
	left: -23px;
	top: 4px;
}

.sub-mod-content {
	background-color: #ffffff !important;
	padding: 20px 34px;
	border-top: 1px solid #E5E5E5;
}

.sub-mod-objective {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
}

.sub-mod-tick {
	position: absolute;
	left: -25px;
	top: 4px;
}

.sub-complete-font {
	font-weight: bold;
}

.answer-count {
	display: inline-block;
	font-weight: 600 !important;
	font-size: 12px;
	line-height: 17px;
}

.d-mob-block {
	display: none;
}

.pt-10 {
	padding-top: 10px;
}

.pb-6 {
	padding-bottom: 6px;
}

.d-des-block {
	display: block;
}

.btn-transparent {
	background: transparent;
	border: 0;
	padding: 0;
}

.vh-86 {
	min-height: 86vh;
}

.modules_status_header {
	border: 1px solid #E6E9EE !important;
	padding: 12px 21px !important;
}

.modules_status_content {
	border: 1px solid #E6E9EE !important;
	border-top: 0px !important;
	padding: 12px 21px !important;
}

.modules_status_header>a.collapsed .modules_status-icons:before {
	content: '\002B';
}

.modules_status_header>a .modules_status-icons:before {
	content: '\002D';
}

.modules_status_header>a:focus,
.modules_status_header>a:hover {
	text-decoration: unset;
}

.my-upreach-app .modal-body .cc-question {
	margin-left: 10px;
	margin-right: 10px;
}

/* Upreach Events Page */
.bg-event {
	background: rgba(158, 165, 238, 0.08);
}

.upreach-events .tabs-area {
	box-shadow: unset !important;
}

.upreach-events table {
	background-color: #fff;
	margin: 0px !important;
	border: 1px solid #E6E9EE !important;
}

.load-more {
	padding-bottom: 60px;
	padding-top: 23px;
}

.upreach-events table>thead>tr>th:first-child,
.upreach-events table>tbody>tr>td:first-child {
	padding-left: 24px !important;
}

.upreach-events table>thead>tr>th {
	padding: 12px 0 !important;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #304563;
	padding-right: 14px !important;
}

.upreach-events table>tbody>tr>td {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	color: #304563;
	padding: 12px 0 !important;
	border: 1px solid #E6E9EE !important;
	border-left: 0px !important;
	border-right: 0px !important;
	padding-right: 14px !important;
	vertical-align: middle;
}

.upreach-event-calendar {
	padding: 14px 16px;
	align-items: flex-start;
	display: flex;
	border: 1px solid rgba(70, 79, 208, 0.1);
	background: #F1F2FF;
}

.pt-5 {
	padding-top: 5px;
}

.event-badge {
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	background: #F7F8FE;
	border-radius: 6px !important;
	border-color: transparent;
	padding: 9px 15px;
	text-align: left;
	text-transform: uppercase;
}

.event-button {
	width: 150px;
	height: 35px;
	background: #3A8EE8 !important;
	border-radius: 4px !important;
	color: #fff !important;
	font-style: normal;
	font-weight: 800;
	font-size: 14px;
	line-height: 19px;
	border-color: transparent;
	text-transform: uppercase;
}
.eventwaitinglist-button{
	height: 40px;
	width: 150px;
	background: #3A8EE8 !important;
	border-radius: 4px !important;
	color: #fff !important;
	font-style: normal;
	font-weight: 800;
	font-size: 14px;
	line-height: 19px;
	border-color: transparent;
	text-transform: uppercase;
}

.event-blue {
	background: #3A8EE8 !important;
}

.event-disabled {
	background: rgba(58, 142, 232, 0.46) !important;
}

.upreach-events ul li {
	line-height: 13px;
	padding-bottom: 6px;
}

.upreach-event-modal .modal-header {
	padding-top: 30px;
	padding-bottom: 20px;
}

.upreach-event-modal .modal-title {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 37px;
}

.upreach-event-modal .cancel-title {
	font-style: normal;
	font-weight: 600;
	font-size: 25px;
	line-height: 37px;
	text-align: center;
	color: #304563;
}

.flex-align-start {
	display: flex;
	align-items: center;
}

.flex-align-end {
	display: flex;
	align-items: end;
}

.event-modal-badge {
	font-weight: normal;
	font-size: 12px;
	line-height: 21px;
	background: #F7F8FE;
	border-radius: 6px !important;
	border-color: transparent;
	padding: 9px 9px;
	text-transform: uppercase;
}

.event-author-header {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 28px;
	padding-bottom: 14px;
}

.event-author-details {
	display: flex;
	align-items: start;
	background: #FFFFFF;
	border: 1px solid #E6E9EE;
	border-radius: 6px;
	margin-bottom: 30px;
	padding: 13px;
	width: 340px;
}

.event-author-picture {
	height: 78px !important;
	width: 78px !important;
	object-fit: cover;
	border-radius: 50%;
}

.w-auto {
	width: auto;
}

.event-calendar-content {
	display: block;
}

.event-mob-card {
	padding: 16px 12px;
	color: #304563;
	border-radius: 6px;
}

.event-mob-badge {
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	background: #F7F8FE;
	border-radius: 5px !important;
	border-color: transparent;
	padding: 2px 8px;
	text-transform: uppercase;
	color: #304563;
	border: 0px;
}

.event-mob-button {
	padding-top: 9px;
	padding-bottom: 9px;
	width: 140px;
	color: #ffffff !important;
	background: #3A8EE8;
	border-radius: 4px;
	border: 0;
	font-weight: 800 !important;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 19px;
	cursor: pointer;
	margin-right: 0;
	margin-left: 28px;
}

.event-date-card {
	padding: 6px;
	color: #304563;
	background: #F5F8FE;
	width: 63px;
}

.text-nowrap {
	white-space: nowrap;
}

.flex-flow-wrap {
	display: flex;
	flex-flow: wrap;
}

/* Toaster CSS */
#toast-container>div {
	opacity: 1 !important;
	background: #FFFFFF;
	box-shadow: 0px 4px 4px rgba(124, 123, 123, 0.25) !important;
	border-radius: 6px !important;
	width: 417px !important;
	padding: 23px 30px 23px 68px !important;
	margin-left: 6px !important;
}

.toast-title {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 5px;
	color: #304563;
}

.toast-message {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	color: #304563;
}

.toast-close-button {
	color: #304563 !important;
	text-shadow: unset !important;
	width: 10px;
	right: -16px !important;
	top: 12px !important;
	opacity: 1 !important;
}

#toast-container>.toast {
	background-image: unset !important;
}

.toast::before {
	position: absolute;
	width: 4px;
	height: 87%;
	content: "\2223";
	left: 10px;
	border-radius: 6px;
	top: 7px;
}

.toast-success::before {
	color: #7CCAAE;
	background: #7CCAAE;
}

.toast-warning::before {
	color: #F2B542;
	background: #F2B542;
}

.toast-error::before {
	color: red;
	background: red;
}

.toast-message::before {
	font-family: Nunito Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	position: absolute;
	left: 24px;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: #fff !important;
	top: 24px;
}

.toast-success .toast-message::before {
	content: "\2714";
	background: #7CCAAE;
}

.toast-warning .toast-message::before {
	content: "\0021";
	background: #F2B542;
}

.toast-error .toast-message::before {
	content: "\2715";
	background: red;
}

.upreach-events table>tbody>tr>td:nth-child(5) {
	padding-top: 6px !important;
}

/* Practice Tests page */
.btn-navigation {
	color: #ffffff !important;
	border-radius: 4px !important;
	padding: 10px 0;
	border: 0 !important;
	font-weight: 800 !important;
	font-size: 14px;
	line-height: 19px;
	cursor: pointer;
	margin-right: 0;
	width: 186px;
	display: block;
	text-align: center;
}

.practice-results td {
	border: 1px solid #E6E9EE !important;
}

.pad-timer-ques {
	padding-top: 6px;
	padding-bottom: 10px;
}

.btn-test-timer {
	color: #ffffff !important;
	border-radius: 4px;
	padding: 10px 26px;
	border: 0;
	font-weight: 800 !important;
	font-size: 14px;
	line-height: 19px;
	cursor: pointer;
	margin-right: 0;
}

.sample-ques-image {
	padding: 15px 0 10px;
}

.samp-ques-btn {
	text-align: right;
	margin-top: 20px;
}

.font-italic {
	font-style: italic;
}

/* Upreach Event Datatable width starts */
.width-16 {
	width: 16% !important;
}

.width-15 {
	width: 15% !important;
}

.width-20 {
	width: 20% !important;
}

.width-10 {
	width: 10% !important;
}

.width-12 {
	width: 12% !important;
}

.width-26 {
	width: 26% !important;
}

/* Upreach Event Datatable width ends */

.d-flex-wrap {
	flex-wrap: wrap;
	display: flex;
}

.gef-category-badge {
	background: #EDF0FB;
	border-radius: 20px;
	padding: 9px 15px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px !important;
	line-height: 152.3%;
	text-transform: uppercase;
	cursor: pointer;
}

.mr-15 {
	margin-right: 15px;
}

.text-15 {
	text-align: left !important;
}

.gef-category-badge.active {
	background: #EDF0FB;
	border: 1px solid #304563;
	border-radius: 20px;
}

.skill-guides ul li {
	line-height: 13px;
	padding-bottom: 6px;
}

.skill-videos-layout {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
}

.skill-video-badge {
	background: #F7F8FE;
	border-radius: 5px;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	border: 0;
	color: #304563;
	text-align: left;
}

.skill-badge-layout {
	position: relative;
}

.video-time {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #F7F8FE;
	border: 1px solid #304563;
	border-radius: 6px;
	padding: 0 8px;
	color: #304563;
}

.video-desc-height {
	height: 37px;
}

.video-width {
	width: 31%;
}

.skill-video-title {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #304563;
}

.skill-video-description {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
	color: #304563;
	/* word-break: break-all; */
}

.video-category-list {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 33px;
	color: #304563;
}

.video-desc {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
	color: #304563;
}

.mb-28 {
	margin-bottom: 28px;
}

.pb-30 {
	padding-bottom: 30px;
}

.video-height {
	width: 100% !important;
	height: 521px !important;
}

.watch-skill-video .embed-responsive-16by9 {
	padding-bottom: 0;
}

.skill-guides table>thead,
.skill-guides table>tbody {
	background: #FFFFFF;
}

.skill-guides table>thead>tr>th {
	padding: 12px 23px;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #304563;
	border: 1px solid #EDF0FB !important;
	border-bottom: 0px !important;
}

.skill-guides table>tbody>tr>td {
	padding: 27px 23px;
	vertical-align: middle;
	border: 1px solid #EDF0FB !important;
}

.skill-guides table>tbody>tr>td>a {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	color: #304563 !important;
	text-decoration-line: underline;
}

/* My Life Page */
.my-life-card-pad {
	padding: 18px 20px;
}

.my-life-title {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 21px;
	text-transform: capitalize;
}

.my-life-description {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	text-transform: capitalize;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.my-life-link {
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	text-decoration-line: underline;
	text-transform: capitalize;
	color: #3A8EE8;
}

.vh-56 {
	min-height: 56vh;
}

.my-life-detail-title {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 15px;
}

.my-life-detail-desc {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 30px;
}

/* All Jobs Page */
.all-job-top-card {
	padding: 18px 16px 10px;
	align-items: flex-start;
	display: flex;
	border: 1px solid rgba(70, 79, 208, 0.1);
	background: #F1F2FF;
}

.advance-filter>a.collapsed .advance-filter-icons:before {
	content: '\f078';
	font-family: 'Fontawesome';
	font-weight: 100;
}

.advance-filter>a .advance-filter-icons:before {
	content: '\f077';
	font-family: 'Fontawesome';
	font-weight: 100;
}

.advance-filter>a:focus,
.advance-filter>a:hover {
	text-decoration: unset;
}

.bookmark-card {
	background: #FFFFFF;
	border-radius: 5px;
	padding: 14px;
	margin-bottom: 18px;
}

.bookmark-card.active {
	border: 1px solid #3A8EE8;
}

.bookmark-title {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	cursor: pointer;
}

.bookmark-job {
	font-style: normal;
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
}

.bookmark-icon {
	position: absolute;
	right: 14px;
	z-index: 2;
}

.bookmark-icon .fa-bookmark,
.bookmark-icon .fa-bookmark-o,
.job-bookmark-icon .fa-bookmark,
.job-bookmark-icon .fa-bookmark-o {
	color: #3A8EE8;
}

.job-logo {
	width: 50px;
	height: 50px;
	margin-right: 19px;
}

.job-bookmark-icon {
	position: absolute;
	right: 20px;
}

.job-button-link {
	position: absolute;
	right: 20px;
	color: #3A8EE8;
}

.job-btn-blue {
	background: #3A8EE8;
	border-radius: 4px;
	padding: 8px 27px;
	border: 0;
	color: #fff;
	font-style: normal;
	font-weight: 800;
	font-size: 14px;
	line-height: 19px;
	border: 1px solid #3A8EE8;
}

.job-btn-blue-o {
	background: #FFFFFF;
	border: 1px solid #3A8EE8;
	border-radius: 4px;
	padding: 8px 18px;
	color: #3A8EE8;
	font-style: normal;
	font-weight: 800;
	font-size: 14px;
	line-height: 19px;
}

.job-detail-title {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
}

.job-detail-info {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 19px;
}

.job-desc-info {
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 25px;
}

.br-rad {
	border-radius: 5px;
}

.br-rad-6 {
	border-radius: 6px;
}

.w-advance-filter {
	width: 23%;
	vertical-align: top;
}

.ml-n-4 {
	margin-left: -4px;
}

/* Employer Guides */
.employer-guides .button-blue>a,
.employer-guides .button-blue>a:hover,
.employer-guides .button-blue>a:focus {
	color: #ffffff !important;
	text-decoration: unset;
}

.emp-guides-img {
	/* width: 100%; */
	height: 169px;
}

.emp-button {
	width: 100px;
	padding: 6px 0;
}

.no-jobs-card {
	margin-bottom: 0px !important;
}

/* Multiselect UI */
.all-Jobs .dropdown-toggle {
	width: 170px;
	display: block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #304563 !important;
	background: #fff !important;
	background-image: none !important;
	border: 1px solid #EDF0FB !important;
	text-align: left;
	border-radius: 6px !important;
}

.all-Jobs .dropdown-menu {
	top: 95% !important;
}

.all-Jobs .dropdown-toggle .caret {
	position: absolute;
	right: 7px;
	top: 12px;
	border: solid black;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 2.5px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.all-Jobs .dropdown-menu>li>a {
	padding: 8px 15px !important;
	cursor: pointer;
}

.all-Jobs .dropdown-header {
	padding: 18px 15px !important;
}

.all-Jobs .option .checkbox {
	margin: 0px !important;
}

.all-Jobs .dropdown-menu .divider {
	display: none;
}

.all-Jobs .dropdown-menu>li>a:focus {
	outline: unset !important;
}

#collapse_filter_1 .multiselect-parent,
#collapse_filter_1 .dropdown-toggle {
	width: 100%;
}

/* Career Guides */
.career-guide-accordion {
	padding: 20px 30px;
	background: #ffffff;
}

.career-guide-accordion-content {
	background-color: #ffffff !important;
	padding: 24px 30px;
	border-top: 1px solid #E5E5E5;
}

.career-guide-accordion>a.collapsed:focus {
	text-decoration: none !important;
}

.career-guide-accordion-icons {
	position: absolute;
	right: 26px;
	top: 22px;
	font-size: 17px;
}

.career-guide-accordion>a.collapsed .career-guide-accordion-icons:before {
	content: '\002B';
}

.career-guide-accordion>a .career-guide-accordion-icons:before {
	content: '\002D';
}

.career-guide-title {
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.1;
}

.career-guide-content {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 30px;
}

.career-guides ul li {
	list-style: unset;
	padding-bottom: 8px;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
}

.career-guide-image {
	max-width: 63%;
}

.text-blue {
	color: #3A8EE8;
}

.d-none {
	display: none;
}

.bg-transparent {
	background: transparent;
}

/* Application Tracker page */
.table-title {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 25px;
	color: #304563;
}

.applicationTracker table thead th {
	padding-top: 12px;
	padding-bottom: 12px;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
	background: #FFFFFF;
	padding-left: 24px;
	border-bottom: 6px solid rgba(158, 165, 238, 0.08) !important;
}

.applicationTracker table tbody tr {
	border-top: 1px solid #E6E9EE !important;
}

#application-tracker .applicationTracker table tbody td {
	padding-top: 15px;
	padding-bottom: 15px;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	background: #FFFFFF;
	padding-left: 24px;
	border: 0px !important;
	vertical-align: middle;
	cursor: pointer;
}

#application-tracker .p-datatable .p-datatable-thead>tr>th {
	padding-top: 12px;
	padding-bottom: 12px;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
	background: #fcfaf9;
	padding-left: 24px;
	border-bottom: 6px solid rgba(158, 165, 238, 0.08);
}

#application-tracker .p-datatable .p-datatable-tbody>tr.p-highlight {
	color: unset;
}

.app-tracker-border {
	border-bottom: 4px solid #EDF0FB;
}

.app-tracker-card {
	padding: 8px 14px;
	align-items: flex-start;
	display: flex;
	background: #FFFFFF;
	border-radius: 5px;
	border: 1px solid #ced4da;
}

.more-options-card {
	position: absolute;
	top: 45px;
	z-index: 2;
	background: #ffffff;
	box-shadow: 0px 4px 3px #E5E5E5;
	right: 20px;
}

.bg-option-card {
	background: #ECEDFC;
}

.more-option-title {
	position: relative;
	top: 5px;
}

.more_options-icons {
	font-size: 12px;
	top: 3px;
	position: relative;
	color: #3A8EE8;
}

.more_options>a.collapsed .more_options-icons:before {
	content: '\f078';
	font-family: 'Fontawesome';
	font-weight: 100;
}

.more_options>a .more_options-icons:before {
	content: '\f077';
	font-family: 'Fontawesome';
	font-weight: 100;
}

.more_options>a:focus,
.more_options>a:hover {
	text-decoration: unset;
}

.cursor-point {
	cursor: pointer;
}

.line-height-52 {
	line-height: 52px;
}

.h-34 {
	height: 34px;
}

.all-Jobs input::-webkit-outer-spin-button,
.all-Jobs input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.all-Jobs input[type=number] {
	border: 1px solid #ddd;
	-moz-appearance: textfield;
}

/* Profile Page */
.profile-app-title {
	font-size: 14px;
	line-height: 19px;
}

.profile-app-sub-title {
	font-size: 12px;
	line-height: 16px;
}

.float-right {
	float: right;
}

.profile-card {
	padding: 24px 20px;
}

.profile-img {
	width: 110px;
	border-radius: 50%;
	height: 110px;
}

.profile-name {
	font-size: 24px;
	line-height: 33px;
	font-style: normal;
	font-weight: 600;
}

.profile-prefered-name {
	font-style: normal;
	font-weight: bold;
	font-size: 8px;
	line-height: 11px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.profile hr {
	border-top: 1px solid #E6E9EE;
	margin: 18px 0px;
	padding: 0px !important;
}

.h-progress {
	height: 7px !important;
}

.profile-accordion {
	padding: 14px 22px;
	background-color: #ffffff;
}

.profile-accordion-content {
	background-color: #ffffff !important;
	padding: 14px 22px;
	border-top: 1px solid #E6E9EE;
}

.profile-accordion>a.collapsed:focus {
	text-decoration: none !important;
}

.profile-accordion-icons {
	position: absolute;
	right: 22px;
	top: 10px;
	font-size: 17px;
}

.profile-accordion>a.collapsed .profile-accordion-icons:before {
	content: '\002B';
}

.profile-accordion>a .profile-accordion-icons:before {
	content: '\002D';
}

.gef-category-table thead th {
	padding: 6px 12px;
	font-size: 10px;
	line-height: 14px;
	font-style: normal;
	font-weight: 600;
}

.gef-category-table tbody td {
	border: 1px solid #E6E9EE !important;
	background: #FFFFFF;
	padding: 12px;
	font-size: 12px;
	line-height: 15px;
}

/* Realrating page */
.real-rating-header {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 33px;
}

.br-lavander {
	border-bottom: 1px solid #E6E9EE;
}

.real-rating-title {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 19px;
}

.real-rating-content {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
}

.university-offer-text {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
}

.real-rating-chart {
	width: 100%;
	height: 400px;
	overflow: visible !important;
}

.amcharts-chart-div {
	overflow: visible !important;
}

.amcharts-chart-div svg {
	overflow: visible;
}

/* Program Coordinator Page */
.pc-name {
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 27px;
}

.pc-img {
	height: 70px;
	border-radius: 50%;
	margin-right: 25px;
}

.v-top {
	vertical-align: top;
}

.pc-desc {
	font-size: 14px;
	line-height: 25px;
}

table.pc-info-table tbody td {
	border: 0 !important;
	padding-left: 0px !important;
	padding-top: 0px !important;
}

table.pc-info-table tbody tr:first-child td {
	padding-bottom: 30px !important;
}

.w-info {
	padding-right: 82px;
}

.pc-about {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 25px;
}

.pc-contact {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
}

.pc-upload-card {
	padding: 6px 12px;
	align-items: flex-start;
	display: flex;
	background: #FFFFFF;
	border-radius: 5px;
}

.pc-upload-title {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 19px;
}

.pc-upload-sub-title {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
}

.pc-upload-section {
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #E6E9EE;
	border-bottom: 1px solid #E6E9EE;
	margin-left: -30px;
	margin-right: -30px;
}

.pc-avail-title {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 27px;
	padding-top: 30px;
	margin-bottom: 30px;
}

.pc-avail-text {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 25px;
}

.pc-avail-date {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 5px;
}

.pc-time-card {
	min-width: 152px;
	padding: 8px 0;
	background: rgba(158, 165, 238, 0.1);
	border: 1px solid #E4E6FA;
	box-sizing: border-box;
	border-radius: 5px;
	text-align: center;
	margin-top: 10px;
}

.pc-time-card.active {
	border: 1px solid #304563 !important;
}

.bg-pc-session {
	background: #EBEEE6;
	border-radius: 6px;
}

.confirm-slot-section {
	padding: 20px 30px;
	border-top: 1px solid #E6E9EE;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 10px;
	margin-left: -30px;
	margin-right: -30px;
}

.confirm-slot-text {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 25px;
	margin-right: 26px;
}

.confirm-slot-button {
	font-style: normal;
	font-weight: 800 !important;
	font-size: 14px;
	line-height: 19px;
	background: #3A8EE8;
	border-radius: 4px;
	padding: 10px 22px;
	border: 0;
	text-transform: uppercase;
	color: #ffffff !important;
}

.btn-disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.btn-modal-outline {
	background-color: transparent !important;
	border: 1px solid #3A8EE8;
	color: #3A8EE8 !important;
	padding: 9px 26px;
}

.zoom-button {
	font-style: normal;
	font-weight: 800 !important;
	font-size: 14px;
	line-height: 19px;
	background: #3A8EE8;
	border-radius: 4px;
	padding: 8px 12px;
	border: 0;
	text-transform: uppercase;
	color: #ffffff !important;
	;
}

.h-66 {
	height: 66px;
	width: 66px;
}

.profile-edit-section {
	padding-left: 30px;
	padding-right: 30px;
	border-bottom: 1px solid #E6E9EE;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 20px;
}

.highcharts-alternate-grid {
	display: none !important;
}

.chart-legend-1 {
	background: #FF7E00;
	border-radius: 6px;
	width: 25px;
	height: 23px;
}

.chart-legend-2 {
	background: #FFD8B3;
	border-radius: 6px;
	width: 25px;
	height: 23px;
}

.highcharts-tick {
	display: none;
}

.highcharts-axis-labels text tspan {
	text-transform: uppercase;
}

/* Select CSS */
.my-upreach-app .form-control,
.my-upreach-app .modal-body .form-control {
	/* background: #fff !important; */
	border: 1px solid #304563 !important;
	border-radius: 6px !important;
	box-shadow: unset !important;
	color: #304563 !important;
}

/* Mentor Page */
.mentor-title {
	font-style: normal;
	font-size: 24px;
	line-height: 24px;
}

.bor-divider {
	border: 2px solid #EDF0FB;
	margin: 0 -30px;
}

.mentor-button {
	width: 109px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-style: normal;
	font-size: 14px;
	line-height: 19px;
	text-transform: uppercase;
	font-weight: 800 !important;
	border-radius: 4px;
	text-align: center;
	border: 1px solid #3A8EE8;
}

.ml-4 {
	margin-left: 4px;
}

.ml-10 {
	margin-left: 10px;
}

.bt-2 {
	position: relative;
	bottom: 2px;
}

.mentor-page table thead th {
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	padding: 30px 28px;
	border: 0px !important;
}

.mentor-page table tbody td {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	border: 0px !important;
	padding: 0 28px 26px;
}

.mentor-page table thead th:nth-child(1),
.mentor-page table thead th:nth-child(2),
.mentor-page table tbody td:nth-child(1),
.mentor-page table tbody td:nth-child(2) {
	border-right: 1px solid #E6E9EE !important;
}

.mentor-page table tbody tr:last-child td {
	padding-bottom: 40px !important;
}

.bor-step {
	border: 2px solid #F7F8FE;
	box-sizing: border-box;
	border-radius: 5px;
	position: relative;
	z-index: 1;
	background: #fff;
}

.step-line {
	border-left: 2px solid #F7F8FE !important;
	height: 65px;
	margin: 0;
	margin-left: 22px;
	border: 0px;
}

.mentor-step-line.active .step-count-div {
	background: #F7F8FE !important;
}

.mentor-step-line.active .step-line,
.mentor-step-line.active .step-mob-line {
	border-color: #304563 !important;
}

.mentor-step-line.active .step-label,
.mentor-step-line.active .step-count {
	font-weight: bold !important;
}

.mentor-footer {
	display: flex;
	justify-content: flex-end;
}

.step-mob-section {
	margin: -20px -20px 0;
	padding: 24px 20px;
}

.ml-n-26 {
	margin-left: -26px;
}

.w-250 {
	width: 250px !important;
}

.terms-card {
	background: #FFFFFF;
	border: 1px solid #E6E9EE;
}

.terms-footer {
	border-top: 1px solid #E6E9EE;
	padding: 16px 20px;
	display: flex;
	justify-content: flex-end;
}

.mentor-name {
	font-size: 24px;
	line-height: 33px;
	font-style: normal;
	font-weight: 600;
}

.mentor-resource-width {
	width: 30%;
}

/* University Details page */
.university-name {
	font-style: normal;
	font-weight: 600;
	font-size: 23px;
	line-height: 25px;
	margin-left: 15px;
}

.university-title {
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 27px;
}

.university-text {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 25px;
}

/* Page Horizontal Scroll bar UI */
.my-upreach-app .university-tab ::-webkit-scrollbar {
	height: 4px;
}

.my-upreach-app .university-tab ::-webkit-scrollbar-thumb:horizontal {
	background: #474DD6;
	border-radius: 10px;
}

/* Online Community Page */
.online-title {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 26px;
}

.online-card {
	padding: 10px 15px;
	background-color: white;
	border-radius: 5px;
	height: 175px;
}

@media (max-width: 768px) {
	.online-community img {
	  margin-left: 0 !important;
	}
}
.online-img {
	width: 32px;
	height: 32px;
}

.online-community div>a, 
.online-community div>a:active,
.online-community div>a:hover,
.online-community div>a:visited
 {
	text-decoration: underline !important;
}	

.online-like-text {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
}

.online-text {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 17px;
}

.online-text a.text-dark:focus,
.online-text a.text-dark:hover {
	font-weight: normal !important;
	text-decoration: unset !important;
}

.online-divider {
	border-top: 1px solid #E6E9EE;
	margin: 0px -30px;
}

.online-group-desc {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 15px;
	margin-bottom: 30px;
}

.weekly-archive table thead tr th {
	background: #FFFFFF;
	border-top: 1px solid #EDF0FB;
	border-bottom: 1px solid #EDF0FB;
	padding: 12px 15px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	line-height: 15px;
}

.p-datatable.weekly-archive table .p-datatable-thead>tr>th {
	font-weight: bold;
}

.weekly-archive table tbody tr td,
.p-datatable.weekly-archive .p-datatable-tbody>tr>td {
	background: #FFFFFF;
	border-top: 1px solid #EDF0FB !important;
	border-bottom: 1px solid #EDF0FB !important;
	border-left: 0px !important;
	border-right: 0px !important;
	padding: 30px 15px;
	font-size: 14px;
	line-height: 13px;
}

.weekly-archive table tbody tr td:nth-child(2) {
	line-height: 21px;
	text-decoration: underline !important;
}

.weekly-archive table thead tr th:first-child,
.weekly-archive table tbody tr td:first-child,
.p-datatable.weekly-archive .p-datatable-tbody>tr>td:first-child {
	padding-left: 24px;
	border-left: 1px solid #EDF0FB !important;
}

.weekly-archive table thead tr th:last-child,
.weekly-archive table tbody tr td:last-child {
	border-right: 1px solid #EDF0FB !important;
}

.weekly-archive-img {
	width: 13px;
	height: 13px;
	margin-right: 9px;
	position: relative;
	bottom: 1px;
}

.weekly-button {
	background: #3A8EE8;
	border-radius: 4px;
	padding: 10px 16px;
	border: 0;
	color: #fff;
	font-weight: 800 !important;
	font-size: 14px;
	line-height: 19px;
	text-transform: uppercase;
}

.online-weekly-title {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 26px;
}

.pt-60 {
	padding-top: 60px;
}

.application-icon {
	font-size: 80px;
}

/* Search Page */
.search-card {
	padding: 15px 25px;
	background-color: #ffffff;
	border-bottom: 1px solid #E6E9EE;
}

.search-title {
	color: #979797;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
}

.search-content {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
}

.search-card.active {
	background: #ECEDFC !important;
	border-bottom: 1px solid #ECEDFC !important;
}

/* Calendar Page */
.skill-calendar-card>.card:first-child {
	margin-right: 20px;
}

#calendar {
	padding: 20px !important;
	border: 2px solid rgba(158, 165, 238, 0.2);
}

.fc-toolbar-title {
	font-style: normal;
	font-weight: bold !important;
	font-size: 17px !important;
	line-height: 23px;
	letter-spacing: 0.5px;
	color: #304563 !important;
	white-space: nowrap;
}

.fc-prev-button.fc-button,
.fc-next-button.fc-button {
	padding: 6px 10px 8px !important;
	border-top: 2px solid #ECEDFC !important;
	border-bottom: 2px solid #ECEDFC !important;
	background-color: transparent !important;
}

.fc-icon {
	font-size: 18px !important;
	color: #464FD0;
}

.fc-icon-chevron-left {
	opacity: 0.5;
}

.fc-prev-button {
	border-left: 2px solid #ECEDFC !important;
	border-right: 1px solid #ECEDFC !important;
}

.fc-next-button {
	border-left: 1px solid #ECEDFC !important;
	border-right: 2px solid #ECEDFC !important;
}

.fc-toolbar-chunk {
	display: flex;
	align-items: center;
}

.fc-prev-button.fc-button:focus,
.fc-next-button.fc-button:focus {
	box-shadow: unset !important;
}

.fc-dayGridMonth-button.fc-button,
.fc-timeGridWeek-button.fc-button,
.fc-timeGridDay-button.fc-button {
	border: 2px solid #ECEDFC !important;
	text-transform: uppercase !important;
	background-color: white !important;
	color: #304563 !important;
	font-size: 14px !important;
	line-height: 19px !important;
	letter-spacing: 0.5px;
}

.fc-timeGridWeek-button.fc-button {
	border-left: 1px solid #ECEDFC !important;
	border-right: 2px solid #ECEDFC !important;
}

.fc-dayGridMonth-button.fc-button.fc-button-active,
.fc-timeGridWeek-button.fc-button.fc-button-active,
.fc-timeGridDay-button.fc-button.fc-button-active {
	font-weight: bold !important;
}

.fc-dayGridMonth-button.fc-button:focus,
.fc-timeGridWeek-button.fc-button:focus,
.fc-timeGridDay-button.fc-button:focus {
	box-shadow: unset !important;
}

.fc-view a,
.fc-view a:hover {
	color: #304563;
}

/* .fc-dayGridMonth-view .fc-scroller.fc-scroller-liquid-absolute {
  overflow: unset !important;
} */

.fc-col-header-cell-cushion {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.fc-col-header-cell>.fc-scrollgrid-sync-inner {
	text-align: left !important;
}

.fc .fc-daygrid-day-top {
	flex-direction: row !important;
}

.fc-daygrid-day-number {
	font-weight: normal;
}

.fc-event {
	padding: 3px 5px !important;
	border-radius: 6px !important;
}

.fc-event-title {
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #304563;
}

.fc-dayGridMonth-view .fc-daygrid-day-frame {
	height: 104px !important;
}

.fc-daygrid-day-number {
	padding-bottom: 0px !important;
}

/* .fc-dayGridMonth-view .fc-scroller {
  overflow: unset !important;
} */

.fc-daygrid-body,
.fc-scrollgrid-sync-table,
.fc-col-header {
	width: 100% !important;
}

.fc-daygrid-body .fc-theme-standard td,
.fc-daygrid-body .fc-theme-standard th,
.fc-daygrid-body .fc-scrollgrid.fc-scrollgrid-liquid {
	border: 0px !important;
}

.fc-theme-standard .fc-dayGridMonth-view th {
	border: 0px !important;
}

.fc-scrollgrid-section.fc-scrollgrid-section-header>td {
	border-bottom: 2px solid #ECEDFC !important;
}

.fc-daygrid-body .fc-theme-standard td.fc-day-today {
	border: 1px solid #304563 !important;
	border-radius: 6px;
}

.fc-dayGridMonth-view td.fc-daygrid-day {
	background: #F9FAFC;
	border-radius: 6px;
	border: 6px solid #ffffff !important;
	cursor: pointer !important;
}

.fc-dayGridMonth-view .fc-scroller-harness.fc-scroller-harness-liquid {
	margin-top: 2px;
}

/* .fc-timegrid .fc-daygrid-body.fc-daygrid-body-unbalanced, .fc-timegrid .fc-timegrid-divider {
  display: none;
} */

.fc-view-harness.fc-view-harness-active {
	height: 682px !important;
}

.fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion {
	font-weight: bold !important;
}

.fc-event-time {
	color: #304563 !important;
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	line-height: 12px;
}

.fc-timegrid-event .fc-event-title {
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.fc-timegrid-event .fc-event-main-frame {
	flex-direction: column-reverse !important;
	justify-content: flex-end;
	height: auto !important;
	cursor: pointer;
}

.fc-timegrid-event .fc-event-title-container {
	flex-grow: unset !important;
}

.fc-timegrid-event {
	overflow: hidden;
}

.fc-timeGridWeek-view .fc-daygrid-event {
	cursor: pointer;
}

/* .calendar-section {
  overflow-x: auto;
  width: 500px;
} */

.fc-selected-event {
	border: 1px solid #000 !important;
}

.fc-selected-date {
	border: 1px solid #000 !important;
	border-radius: 6px !important;
}

.fc-dayGridMonth-view td.fc-daygrid-day.fc-selected-date .fc-daygrid-day-frame {
	border: 1px solid #000 !important;
	border-radius: 6px !important;
}

.searchListingView .form-control[disabled] {
	opacity: 0.5 !important;
}

.lh-27 {
	line-height: 27px !important;
}

.calendarView select.form-control {
	font-size: 14px;
	line-height: 19px;
}

.fc-timegrid-event-harness {
	left: 0% !important;
}

.flex-column {
	flex-direction: column;
}

.w-35 {
	width: 35px !important;
}

.text-underline-none {
	text-decoration: none !important;
}

.pl-15 {
	padding-left: 15px;
}

.search-card-head {
	padding: 20px 25px 0px;
	background-color: #ffffff;
}

.search-card:hover {
	background: #ECEDFC !important;
	border-bottom: 1px solid #ECEDFC !important;
}

.profile-img-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: -3px;
}

.w-110 {
	width: 110px;
}

.profile-img-section {
	display: flex;
	overflow: hidden;
}

.pb-20 {
	padding-bottom: 20px;
}

/* Sidebar UI */
.opener-left-menu.is-open {
	display: none !important;
}

#left-menu .fa-close {
	left: 286px;
	font-size: 26px !important;
	top: 5px;
	position: fixed;
	color: #fff;
	left: 83%;
	z-index: 9999;
}

.sidebar-feedback {
	background: #3A8EE8;
	border: 0px;
	color: #fff;
	border-radius: 5px;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 40px 15px 15px;
	font-size: 10px;
	display: flex;
}

.sidebar-close-icon {
	display: none;
}

.bubble {
	position: relative;
	font-size: 14px;
	width: 30px;
	background: #fff;
	border-radius: 7px;
	padding: 0px 6px 0px 6px !important;
	text-align: center;
	color: #3A8EE8;
	margin-left: 4px;
}

.bubble-bottom-left:before {
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	border-left: 3px solid #fff;
	border-right: 4px solid transparent;
	border-top: 3px solid #fff;
	border-bottom: 1px solid transparent;
	left: 6px;
	bottom: -4px;
}

.lh-34 {
	line-height: 34px;
}

.top-2 {
	top: 2px;
	position: relative;
}

.feedback-link {
	text-decoration: underline;
	font-weight: bold;
	padding-right: 0px !important;
}

.feedback-text {
	text-align: left;
	line-height: 15px;
	padding-left: 4px;
	padding-right: 0px !important;
}

/* ENKI opportunity Accordion Data-table */
.accordion-table {
	background: #E5E5E5 !important;
}

.accordion-table>td {
	padding: 0px !important;
	border: 1px solid #D3D3D3 !important;
}

.accordion-table>td table {
	border: 1px solid #D3D3D3 !important;
}

.accordion-table>td table th {
	background: #ffffff !important;
}

.accordion-table>td table td {
	background: #E5E5E5;
}

.accordion-table>td table th,
.accordion-table>td table td {
	border: 1px solid #D3D3D3 !important;
	padding: 8px !important;
}

#opportunities-listing-table.table tbody td {
	cursor: pointer;
}

#opportunities-listing-table.table tbody tr.shown td .fa-caret-right:before {
	content: "\f0d7";
}

#associate-feedback .dropdown-multiselect,
#associate-feedback .dropdown-toggle {
	width: 100%;
}

@media not all and (min-resolution:.001dpcm) {
	@supports (-webkit-appearance:none) and (stroke-color:transparent) {
		.my-life-description {
			max-height: 54px !important;
		}
	}
}

.text-shared {
	color: #2196f3;
}

#feedback_request_page .dropdown-menu {
	width: 230px;
}

/* ENKI Side - Division Accordion */
.nil-division {
	background: #E5E5E5;
	border: 1px solid #D3D3D3 !important;
	padding: 8px !important;
	text-align: center;
}

#left-menu .bg_load {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.2;
	z-index: 9999;
}

/* ATS Page Flow UI Update */
.shared-layout.navbar {
	background-color: #ffffff !important;
	box-shadow: 0 2px 5px 0 rgb(239 235 235 / 16%), 0 2px 10px 0 rgb(72 70 70 / 12%);
}

.shared-layout .user-name {
	color: #2a4566 !important;
}

.shared-layout.container-fluid,
.shared-layout .jumbotron {
	background-color: #edf0fb !important;
}

.shared-layout .jumbotron {
	width: 70%;
	margin-left: 17%;
	border-radius: 30px;
	background-color: #fff !important;
	box-shadow: 0 0 15px 1px rgb(0 0 0 / 40%);
	margin-top: 70px;
	padding: 30px !important;
}

.shared-layout .wizard,
.shared-layout .wizard .nav-tabs {
	margin: 0px auto !important;
	border: 0px !important;
}

.shared-layout .wizard .nav-tabs {
	border-top: 1px solid #f1f1f1 !important;
}

.shared-layout .panel-body {
	padding: 0px !important;
}

.shared-layout #msform {
	margin-top: 40px !important;
}

.shared-layout #msform fieldset {
	border-radius: 0px !important;
	width: 100% !important;
	margin-left: 0 !important;
	box-shadow: none !important;
	background-color: transparent;
	padding: 0px !important;
}

.shared-layout .panel-heading {
	background-color: #edf0fb !important;
	border: 0px !important;
}

.shared-layout .wizard li.active span.round-tab {
	border: 5px solid #2a4566 !important;
}

.shared-layout .wizard li.active span.round-tab i {
	color: #2a4566 !important;
	opacity: 1;
}

.shared-layout span.round-tab i {
	opacity: 0.6;
	color: #2a4566 !important;
}

.shared-layout .wizard li.active:after {
	border-bottom-color: #2a4566 !important;
}

.shared-layout #msform fieldset,
.shared-layout .panel-heading {
	color: #2a4566 !important;
}

.shared-layout .fs-title {
	color: #474dd6 !important;
	font-weight: bold;
}

.shared-layout .panel-heading h4 {
	font-size: 15px;
	line-height: 20px;
}

.shared-layout form {
	margin-bottom: 0px !important;
}

header.jumbotron h3 {
	margin-top: 0px !important;
}

.shared-layout .nav-tabs li:first-child a {
	margin-left: 10px !important;
}

.shared-layout .nav-tabs li:last-child a {
	margin-right: 10px !important;
}

.shared-layout .connecting-line {
	width: 85% !important;
}

.shared-layout .nav-tabs li:first-child::after {
	left: 34px !important;
}

.shared-layout .nav-tabs li:last-child::after {
	left: 82% !important;
}

.shared-layout .wizard .tab-content .tab-pane>.panel-heading {
	margin: auto -30px !important;
	padding: 5px 40px !important;
}

.shared-layout .step-done>span {
	border: 5px solid #2a4566 !important;
}

.shared-layout .step-done>span>i {
	opacity: 1;
}

.my-upreach-app #siteseal {
	background-color: #edf0fb !important;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

/* my.Life Listing page - Tab UI*/
#my-life-listing .main-menu-block .nav-tabs>li>a {
	background-color: transparent !important;
	border: 0px !important;
	color: #304563 !important;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0px !important;
	white-space: nowrap;
}

#my-life-listing .main-menu-block .nav-tabs>li>a.active {
	color: #304563 !important;
	font-weight: bold !important;
	font-size: 14px;
	line-height: 19px;
}

#my-life-listing .main-menu-block {
	background-color: rgba(0, 32, 80, .1);
}

#my-life-listing .main-menu-block ul {
	padding: 30px;
	margin-left: 0px;
}

#my-life-listing .main-menu-block ul li a.active {
	font-weight: bold;
	text-decoration: underline;
}

#my-life-listing .tab-content.tab-content-v6 {
	padding: 20px 30px 30px !important;
}

#my-life-listing a:focus,
a:hover {
	color: #3A8EE8;
	text-decoration: underline;
}

#my-life-listing .tabs-area {
	box-shadow: unset !important;
}

@media only screen and (max-width: 479px) {
	#my-life-listing .tab-content.tab-content-v6 {
		padding: 20px !important;
	}
}

.my-life a:focus,
a:hover {
	text-decoration: none !important;
}

/* Online Community Page Css */
.OnlineCommunity .col-md-10 {
	padding-bottom: 2rem;
}

.OnlineCommunity .scrollableDiv {
	height: 480px;
	overflow-y: auto;
	float: left;
	position: relative;
	margin-left: -5px;
}

.OnlineCommunity .border {
	border-bottom: dashed 1px rgba(0, 0, 0, .15);
	padding-bottom: 12px;
}

.p-component {
	font-family: "NunitoSans-Regular" !important;
	font-size: unset !important;
}

.pi-sort-amount-up-alt:before,
.pi-sort-amount-down:before,
.pi-sort-alt:before {
	/* padding-left: 5px; */
	bottom: 12px;
	right: unset;
	display: inline-block;
	opacity: 0.9;
	color: #464FD0;
	font-weight: bold;
}

.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover,
.p-datatable .p-sortable-column:focus {
	background: #fff !important;
}

.weekly-archive-Date {
	width: 20%;
}

/* Prime React CSS Override */
.p-dropdown-panel.p-component,
.p-multiselect-panel.p-component {
	z-index: 9999 !important;
}

.p-component.p-inputtext {
	font-family: "NunitoSans-Regular" !important;
	font-size: 14px !important;
}

.p-card {
	border-radius: unset !important;
	background-color: unset !important;
	box-shadow: unset !important;
}

/* Employer Guides Page */
.br-0 {
	border: 0px;
}

#employer-detailed-view .skill-video-badge {
	background: #EDF0FB !important;
}

/* Login Email Us Popup */
#successMessageContent {
	padding: 4px;
	font-size: 15px;
	color: #000;
}

.modal-body .alert-danger ul {
	padding-left: 6px !important;
}

.contact-thanks {
	top: 24%;
}

.contact-thanks .modal-header {
	padding-top: 16px;
	padding-bottom: 16px;
}

.contact-thanks .modal-body {
	padding-top: 14px;
	padding-bottom: 24px;
}

/* My University Page CSS */
/* Tab UI*/
#my-university .main-menu-block .nav-tabs>li>a {
	background-color: transparent !important;
	border: 0px !important;
	color: #304563 !important;
	font-weight: normal;
	padding: 0px !important;
	white-space: nowrap;
	font-size: 14px;
	line-height: 19px;
}

#my-university .main-menu-block .nav-tabs>li>a.active {
	color: #304563 !important;
	font-weight: bold !important;
}

#my-university .main-menu-block {
	background-color: rgba(0, 32, 80, .1);
}

#my-university .main-menu-block ul {
	padding: 30px;
	margin-left: 0px;
	overflow-x: auto;
	display: flex;
}

#my-university .main-menu-block ul li a.active {
	font-weight: bold;
	text-decoration: underline;
}

#my-university .tab-content.tab-content-v6 {
	padding: 30px !important;
}

#my-university .university-tab {
	margin-left: -30px;
	margin-right: -30px;
}

@media only screen and (max-width: 479px) {
	#my-university .tab-content.tab-content-v6 {
		padding: 20px !important;
	}

	#my-university .main-menu-block .nav-tabs>li>a {
		font-size: 12px !important;
		line-height: 16px !important;
		text-transform: uppercase !important;
	}

	#my-university .main-menu-block ul {
		padding: 20px !important;
	}

	#my-university .university-tab {
		margin-left: -20px !important;
		margin-right: -20px !important;
	}
}

/* Application-tracker page CSS */
#application-tracker .p-datatable-emptymessage td {
	text-align: center !important;
}

#application-tracker .bg_load {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.2;
	z-index: 9999;
}

/* Prime React - Toaster CSS */
.p-toast {
	background-color: #fff;
	opacity: 1 !important;
	width: auto !important;
}

.p-toast .p-toast-message {
	background: #fff !important;
}

.p-toast-summary {
	color: #304563;
}

.p-toast-detail {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	color: #304563;
	margin: 0 !important;
}

.p-toast-message-content:before {
	position: absolute;
	width: 4px;
	height: 72%;
	content: "\2223";
	left: 6px;
	border-radius: 6px;
	top: 4px;
	color: #7CCAAE;
	background: #7CCAAE;
}

.p-toast-message-success .p-toast-message-content:before {
	color: #7CCAAE;
	background: #7CCAAE;
}

.p-toast-message-warn .p-toast-message-content:before {
	color: #F2B542;
	background: #F2B542;
}

.p-toast-message-error .p-toast-message-content:before {
	color: red;
	background: red;
}

.p-toast-message-icon {
	padding-left: 8px;
	color: #fff !important;
}

.pi-check:before {
	content: "\e909";
	font-size: 12px;
	color: #fff;
	border-radius: 50%;
	padding: 6px;
	position: relative;
	top: -2px;
}

.p-toast-message-icon::before {
	width: 24px;
	height: 24px;
	display: block;
	border-radius: 50%;
	text-align: center;
}

.p-toast-message-success .p-toast-message-icon::before {
	content: "\2714";
	background: #7CCAAE;
}

.p-toast-message-warn .p-toast-message-icon::before {
	content: "\0021";
	background: #F2B542;
}

.p-toast-message-error .p-toast-message-icon::before {
	content: "\2715";
	background: red;
}

.p-toast-icon-close-icon {
	color: #304563;
	font-weight: bolder !important;
	font-size: 12px !important;
}

.mt-25-percent {
	margin-top: 25%;
}

/* Calendar page */
.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
	border: 1px solid;
	padding: 2px 0px;
}

/* Home Page */
.p-column-title {
	font-weight: bold;
	/* margin-left: 7px; */
	text-align: center;
	font-size: 11px;
	line-height: 15px;
}


.p-datatable-table .p-datatable-thead .p-datatable-tbody .p-datatable-emptymessage>td {
	text-align: center;
}

.chart-size {
	width: 200px;
	height: 200px;
}

#fs-m {
	color: #304563;
}

.p-8 {
	padding: 8px;
}

/* Application Tracker page */
.progress .mb-15 {
	padding: 0px;
	height: 7px;
	width: 84% !important;
}

/* Feedback Slider */
.my-upreach-app .p-multiselect .p-multiselect-label {
	padding: 0px !important;
	color: #304563 !important;
}

.p-multiselect .p-multiselect-trigger {
	width: auto !important;
}

.my-upreach-app .p-multiselect-trigger-icon.pi-chevron-down {
	font-weight: bolder !important;
}

.my-upreach-app .p-multiselect-trigger-icon.pi-chevron-down:before {
	font-weight: bolder;
	color: #304563 !important;
	right: -7px;
	position: relative;
}

.my-upreach-app .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
	content: "\e909";
	position: unset;
	border: 0px !important;
}

.my-upreach-app .highcharts-container {
	top: 2px;
}

/* MyMentor in Home Page */
.mentor-resource-card {
	border: 1px solid #E6E9EE;
}

.mentor-page .breadcrumbs {
	padding: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	background-color: unset;
}

.mentor-page .back-arrow {
	color: #304563 !important;
}

@media only screen and (max-width: 479px) {
	.mentor-page .breadcrumbs {
		padding: 15px !important;
		width: 98%;
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
}

/*AllJobs Tab Css*/

#allJobListingView .main-menu-block .nav-tabs>li>a,
#alljobdetailed .main-menu-block .nav-tabs>li>a {
	background-color: transparent !important;
	border: 0px !important;
	color: #304563 !important;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
	padding: 0px !important;
	white-space: nowrap;
}

#allJobListingView .main-menu-block .nav-tabs>li>a.active,
#alljobdetailed .main-menu-block .nav-tabs>li>a.active {
	color: #304563 !important;
	font-weight: bold !important;
}

#allJobListingView .main-menu-block,
#alljobdetailed .main-menu-block {
	background-color: rgba(0, 32, 80, .1);
}

#allJobListingView .main-menu-block ul,
#alljobdetailed .main-menu-block ul {
	padding: 18px 30px;
	margin-left: 0px;
}

#allJobListingView .main-menu-block ul li a.active,
#alljobdetailed .main-menu-block ul li a.active {
	font-weight: bold;
	text-decoration: underline;
}

#allJobListingView .tab-content.tab-content-v6,
#alljobdetailed .tab-content.tab-content-v6 {
	padding: 24px 30px !important;
}

#allJobListingView a.fs-href-11,
a.fs-href-11:hover,
#alljobdetailed .a.fs-href-11,
a.fs-href-11:hover {
	color: #304563 !important;
}

@media only screen and (max-width: 479px) {

	#allJobListingView .main-menu-block ul,
	#alljobdetailed .main-menu-block ul {
		padding: 18px 15px;
	}

	#allJobListingView .tab-content.tab-content-v6,
	#alljobdetailed .tab-content.tab-content-v6 {
		padding: 15px !important;
	}
}

.w-170 {
	width: 170px !important;
}

.my-upreach-app .bg_load {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.2;
	z-index: 9999;
}

/* SDIP Landing page */
.p-3020 {
	padding: 30px 20px 20px 20px;
}

.whp-370 {
	width: 400px;
	height: 320px;
	padding: 20px 30px;
}

.d-contents {
	display: contents;
}

.text-leftimp {
	text-align: left !important;
}

.w-200 {
	width: 200px;
}

.input-sm {
	height: 25px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 10px;
}

ul.square-list li {
	list-style: unset !important;
}

/* GEF YOUR BACKGROUND PAGE */
.ml-20 {
	margin-left: 20px;
}

.ml-16{
	margin-left: 16px;
}

.f-none {
	float: none !important;
}

.vertical-middle {
	vertical-align: middle;
}

.mt-15 {
	margin-top: 15px;
}

.bb-3 {
	border-bottom: 3px;
}

.ml-5 {
	margin-left: 5px;
}

.ml-12 {
	margin-left: 12px;
}

.ml-28 {
	margin-left: 28px;
}

.ml-30 {
	margin-left: 30px;
}

.ml-55 {
	margin-left: 55px;
}

.font-15 {
	font-size: 15px;
}

.m-17-0-0 {
	margin: 17px 0 0 !important;
}

.bg-ff7e00 {
	background: #ff7e00;
}

.color-ffffff {
	color: #ffffff;
}

.fsize-17 {
	font-size: 17px;
}

.pl-20 {
	padding-left: 20px;
}

.color-ff7e00 {
	color: #ff7e00
}

.bgcolor-ff0000b3 {
	background-color: #ff0000b3 !important;
}

.text-whiteImp {
	color: white !important;
}

.mt-30 {
	margin-top: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.fs-13Imp {
	font-size: 13px !important;
}

.list-style-disc {
	list-style-type: disc !important;
}

.list-style-circle {
	list-style-type: circle !important;
}

.mt-4Imp {
	margin-top: 4px !important;
}

.b-style-solid {
	border-style: solid;
}

.b-color-ff7e009e {
	border-color: #ff7e009e;
}

.bg-color-ffebcd45 {
	background-color: #ffebcd45;
}

/*Contact Details page*/

.mt-n-20 {
	margin-top: -20px;
}

.mt-n-22 {
	margin-top: -22px;
}

.mt-70 {
	margin-top: 70px;
}

.mt-n-14 {
	margin-bottom: "-14px"
}

/* new-Agreement page */

.m-0-imp {
	margin: 0px !important;
}

/* Consent page */

.ls-none {
	list-style-type: none;
}

/* pre-invite */

/* .upload {
  border: "5px solid #2a4566";
  text-align: left;
  border-color: #2a4566;
  padding: 15px;
  color: #474dd6;
} */

/* view-Multiple-slot */

.o-flow {
	overflow: scroll;
}

/* GEF Forms */
#gef-assessment .p-calendar .p-inputtext,
#home-exeter .p-calendar .p-inputtext,
#gef-assessment-sdip .p-calendar .p-inputtext {
	width: 100%;
	border: 0 !important;
	box-shadow: none !important;
	height: 1px;
	color: #918C8C;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.gender-margin {
	margin-bottom: 20px !important;
}

/*Gef careerInterest style*/
.w-60 {
	width: 60%;
}

.w-70 {
	width: 70%;
}

.w-15 {
	width: 15%;
}

.career-Interest table td {
	border: none !important;
}

#parent_carer_one_text,
#gcse_school_text,
#a_level_infos_text,
#uk_school_three,
#uk_school_four,
#uk_school_five #a_level_one,
#a_level_two,
#a_level_three,
#parent_carer_one,
#parent_carer_two,
#a_level_title_one,
#a_level_title_two,
#a_level_title_three,
#alevel-postal-code,
#gcse-postal-code {
	padding: 10px 10px 0px 5px;
}

#parent_carer_one_text .p-component,
#gcse_school_text .p-component,
#a_level_infos_text .p-component,
#uk_school_three .p-component,
#uk_school_four .p-component,
#uk_school_five .p-component,
#a_level_one .p-component,
#a_level_two .p-component,
#a_level_three .p-component,
#postal_code_a_level .p-component,
#postal_code_gcse .p-component,
#parent_carer_one .p-component,
#parent_carer_two .p-component,
#a_level_title_one .p-component,
#a_level_title_two .p-component,
#a_level_title_three .p-component,
#alevel-postal-code .p-component,
#gcse-postal-code .p-component {
	border: 0 !important;
	width: 100%;
	box-shadow: none !important;
}

.vh-pt-86 {
	min-height: calc(100vh - 86px);
}

.result-card-pad {
	padding: 18px 40px;
}

.w-260 {
	width: 260px;
}


/* Home Page */

.app-column-style {
	padding: 12px 0 !important;
	border: 0px !important;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 27px;
	color: #304563;
	border-bottom: 2px solid rgba(158, 165, 238, 0.08) !important;
	padding-right: 10px !important;
}

.pl-24 {
	padding-left: 24px !important;
}

.bookmarked-jobs-listing-table table thead tr th {
	border-bottom: 6px solid rgba(158, 165, 238, 0.08) !important;
}

.square-list {
	list-style-type: square;
}

/* IMP-007 CSS Updates */
.cv-check-section {
	border: 1px solid rgba(33, 150, 243, .3);
	height: 34px;
	text-align: left;
	padding-top: 4px;
	padding-left: 12px;
}

.mr-nt-10 {
	margin-right: -10px;
}

.left-align {
	text-align: left !important;
}

.mr-20 {
	margin-right: 8px !important; 
}

.gef-autocomplete {
	padding: 4px 0px 0px !important;
}

.font-size {
	font-size: large !important;
}

.padding-25 {
	padding: 25px 50px 0px 50px !important;
}

.font-weight {
	font-weight: 600 !important;
}

.fontcolor {
	color: #f0f3f4 !important;
}

.bordersolid {
	border: 1px solid #f4f4f4 !important;
}

.border-0 {
	border: 0px !important;
}

.checksquare {
	font-size: 20px !important;
	color: #70d47e !important;
}

.fontweight {
	font-size: 17px !important;
	font-weight: 200 !important;
}

.letter-spacing {
	font-weight: 300 !important;
	letter-spacing: 0.5px !important;
	color: #777 !important;
}

#gef-assessment .progress,
#home-exeter .progress,
#gef-assessment-sdip .progress {
	height: 20px;
	margin-left: 0px;
}

.list-timeline-detail table {
	border: 1px solid #f4f4f4 !important;
	margin-bottom: 15px;
}

.list-timeline-detail table td {
	border: 0px !important;
}

.radio-background {
	left: 8px;
	top: -7px;
}

.alevel_input .form-group.form-animate-text {
	margin-bottom: 20px !important;
	top: 9px;
}

.alevel_input .form-group.form-animate-text .p-autocomplete-input {
	padding: 0;
	padding-bottom: 10px !important;
}

.alevel_input .form-group.form-animate-text .p-autocomplete.p-component.p-inputwrapper {
	padding-bottom: 0;
}

.h-45 {
	height: 45px;
}

/* GEF - SDIP */
.text-sdip {
	color: #0d2c54;
}

.mt-8-imp {
	margin-top: 8px !important;
}

.f-10-imp {
	font-size: 10px !important;
}

.color-sdip-thanks {
	color: rgba(255, 255, 255, .7);
}

/* Digital Skill Builder Css */

.navigate-digital-skills {
	background-color: #DADBF7;
	display: inline-flex;
	padding: 10px 20px;
	border-radius: 30px;
	color: #474cd8;
}

.br-blue {
	border-color: #304563 !important;
}

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

.digital-skills-list {
	background: #fff !important;
	padding: 20px;
	display: flex;
	align-items: center;
	text-align: center;
	cursor: pointer;
	height: 100%;
}

.digital-skills-list.active {
	background: #dadbf7 !important;
}

@media (max-width: 768px) {
	.flex-stretch-wrap {
		display: block !important;
	}
}

@media (min-width: 768px) {
	.pr-des-0 {
		padding-right: 0px !important;
	}

	.mr-des-0 {
		margin-right: 0px !important;
	}

	.p-toast {
		max-width: 35rem !important;
	}
}

.digital-skill-badge {
	background: #b8c7ff;
	border-radius: 20px;
	padding: 10px 24px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px !important;
	text-transform: uppercase;
	cursor: pointer;
}

.digital-skill-badge.active {
	background: #dadbf7 !important;
	font-weight: bold;
}

.digital-skill-accordion-content {
	background-color: #EDF0FB !important;
	padding: 20px 20px;
	border-top: 1px solid #E5E5E5;
}

.digital-accordion-icons {
	position: absolute;
	right: 26px;
	top: 22px;
	font-size: 30px;
	color: #474CD8;
}

.career-accordion a.collapsed .digital-accordion-icons:before {
	content: '\002B';
}

.career-accordion a .digital-accordion-icons:before {
	content: '\002D';
}

.mr-40 {
	margin-right: 40px;
}

.form-checkbox {
	position: relative;
	top: -0.375rem;
	float: left;
	margin: 0 1rem 0 0 !important;
	margin-top: -18px !important;
}

.outstanding-cv-card {
	background-color: unset;
	box-shadow: unset;
	margin-bottom: 0px;
}

table.dataTable.mt-n-4 {
	margin-top: -4px !important;
}

/* Digital Skill section */
#digital-skills-builder-listing .p-carousel-container {
	position: relative;
}

.digital-skill-pdf {
	max-width: 100%;
	height: 173px;
}

/* #digital-skills-builder-listing .p-carousel-item {
  margin-left: 20px;
  margin-right: 20px;
}

#digital-skills-builder-listing .p-carousel-item.p-carousel-item-start, #digital-skills-builder-listing .p-carousel-item.p-carousel-item-end {
  margin-left: 0px !important;
  margin-right: 0px !important;
} */

#digital-skills-builder-listing .p-carousel-container .p-link {
	color: #000 !important;
	overflow: visible;
	z-index: 2;
	height: 100%;
	position: absolute;
	border-radius: 0;
	margin: 0;
	width: 30px;
}

.digital-event-badge {
	border-radius: 5px;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 18px;
	border: 0;
	color: #304563;
	text-align: left;
	background: #EDF0FB !important;
	font-weight: bold;
}

.digital-events-card {
	position: relative;
	background-color: #fff;
	padding: 16px;
	height: 100%;
	margin: 0 0.5em 0 0.5em;
}

.tech-evets-booking {
	position: absolute;
	bottom: 16px;
	right: 16px;
}

.digital-skill-start {
	position: absolute;
	bottom: 16px;
	right: 16px;
}

#digital-skills-builder-listing .p-carousel-container .p-link .pi::before {
	font-size: 20px;
	color: #ffffff;
}

.digital-badge {
	border-radius: 5px;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	border: 0;
	color: #304563;
	text-align: left;
	background: #EDF0FB !important;
}

.digital-level-badge {
	border-radius: 5px;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	border: 0;
	color: #304563;
	text-align: left;
	background: #B8C7FF !important;
}

.digiatl-skills-question-tooltip {
	padding-left: 10px;
}

.digital-events-card .digital-level-badge {
	margin-bottom: 42px;
}

#digital-skills-builder-listing .p-toast-icon-close.p-link .pi::before {
	font-size: 12px !important;
}

.digital-skill-accordion-content .p-carousel-content {
	overflow: visible;
}

#digital-skills-builder-listing .p-carousel-prev.p-link {
	height: 50px;
	width: 50px;
	margin-bottom: 5px;
	border-radius: 50%;
	background-color: #808080;
	opacity: 0.8;
	left: 0;
	transition: .40s;
	/* background: -webkit-linear-gradient(to top left, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.3) 144%);
  background: -moz-linear-gradient(to top left, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.3) 144%);
  background: linear-gradient(to top left, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.3) 144%); */
}

#digital-skills-builder-listing .p-carousel-next.p-link {
	height: 50px;
	width: 50px;
	margin-bottom: 5px;
	border-radius: 50%;
	background-color: #808080;
	opacity: 0.8;
	transition: .40s;
	/* background: rgba(0, 0, 0, 0.38);
  background: -webkit-linear-gradient(to top right, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.3) 144%);
  background: -moz-linear-gradient(to top right, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.3) 144%);
  background: linear-gradient(to top right, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.3) 144%); */
	right: 0;
}

#digital-skills-builder-listing .p-carousel-container .p-link.p-disabled {
	background: transparent !important;
	display: none;
}

#digital-skills-builder-listing .p-carousel-indicators {
	display: none;
}

/* #digital-skills-builder-listing .p-carousel-item {
  flex: 1 0 32%;
} */

.mh-114 {
	min-height: 114px;
}

.digital-progress-bar {
	position: relative;
}

.digital-progress-bar .progress {
	height: 10px !important;
	margin-top: 8px !important;
}

.mh-96 {
	min-height: 96px;
}

.flex-justify-end {
	display: flex;
	justify-content: end;
}

.digital-skill-icon {
	width: 20px;
	height: 20px;
	float: left;
}

.pl-6 {
	padding-left: 6px;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

@media (max-width: 960px) {
	.cancel-popup {
		width: 75vw;
	}

	.cancel-popup .d-des-block {
		display: block !important;
		font-weight: bold !important;
		font-size: 24px !important;
	}

	.p-dialog-footer {
		display: flex;
		justify-content: center;
	}

}

.cancel-popup .pi {
	font-size: 2rem !important;
}

#pr_id_10_content {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.btn-modal-confirm-cancel {
	color: #ffffff !important;
	background: #3b82f6 !important;
	border-radius: 10px;
	padding: 10px 26px;
	border: 0;
	font-weight: 500 !important;
	font-size: 14px;
	line-height: 19px;
	cursor: pointer;
	margin-right: 0;
}
.btn-modal-confirm-nocancel {
	border-radius: 10px;
	padding: 10px 26px;
	border: 0;
	font-weight: 500 !important;
	font-size: 14px;
	line-height: 19px;
	cursor: pointer;
	margin-right: 0;
}


/* GEF - Autocomplete Scroll */
.p-autocomplete-panel.p-connected-overlay-enter-done {
	overflow-y: auto;
}

/* ENKI - React Redevelopment */
.enkiModule {
	background-color: rgb(71 76 216 / 10%);
	font-size: 14px;
}

.enkiModule input:-webkit-autofill {
	-webkit-text-fill-color: #fff !important;
	-webkit-animation-name: autofill;
	-webkit-animation-fill-mode: both;
}

.login-container .form-signin a,
.enkiModule .form-signin a,
.otp-container .form-signin a {
	font-weight: normal;
}

.login-container small,
.enkiModule small,
.otp-container small {
	font-size: 98%;
}

#upreachEnkiLogin, #upreachEnkiEmaillogin, 
#upreachEnkiOtpLogin, #upreachEnkiChangePassword,
#upreachEnkiResetPasswordLogin {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.enkiModule .btn-primary.focus,
.enkiModule .btn-primary:hover {
	color: #474CD8 !important;
	background-color: white !important;
	outline: none !important;
	border: 1px solid #474CD8 !important;
}

.enkiModule .btn-danger.focus,
.enkiModule .btn-danger:hover {
	color: #FF6656 !important;
	background-color: white !important;
	outline: none !important;
	border: 1px solid #FF6656 !important;
}

.enkiModule .btn-info.focus,
.enkiModule .btn-info:hover {
	color: #73CAEF !important;
	background-color: white !important;
	outline: none !important;
	border: 1px solid #73CAEF !important;
}

.enkiModule .btn-warning.focus,
.enkiModule .btn-warning:hover {
	color: #F0AD4E !important;
	background-color: white !important;
	outline: none !important;
	border: 1px solid #F0AD4E !important;
}

.enkiModule .btn-success.focus,
.enkiModule .btn-success:hover {
	color: #27C24C !important;
	background-color: white !important;
	outline: none !important;
	border: 1px solid #27C24C !important;
}

.enkiModule .btn-primary {
	background-color: #474CD8 !important;
	text-wrap: wrap;
	border: 1px solid #474CD8 !important;
}

.enkiModule .btn {
	border-radius: 0px !important;
	border: 1px solid transparent !important;
	transition: .40s;
}

/* ENKI - React Redevelopment Forgot password */
.forgot-container,
.reset-container,
.otp-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.forgot-container .panel,
.reset-container .panel,
.login-container,
.otp-container .panel {
	width: 330px;
}

.reset-container .panel-body {
	padding-top: 10px !important;
}

.forgot-container .form-group.form-animate-text .form-text {
	font-size: 15px;
	padding: 10px 10px 10px 5px;
	display: block;
	width: 75% !important;
	border: none;
	background: none;
	border-bottom: 1px solid #757575;
	color: #fff !important;
}

@media (max-width: 960px) {
	.forgot-container .form-text {
		margin-left: 45px;
	}
}

.forgot-container .periodic-login,
.reset-container .periodic-login {
	box-shadow: 0 7px 16px #0a86e9, 0 4px 5px #0a86e9;
	text-align: center;
	background-color: #2196f3 !important;
	color: #fff !important;
}

.forgot-container .panel-heading,
.reset-container .panel-heading {
	box-shadow: 0 7px 16px #0a86e9, 0 4px 5px #0a86e9;
	text-align: center;
	background-color: #2196f3 !important;
	color: #fff !important;
	padding-top: 30px !important;
}

.form-control .panel-body,
.reset-container .panel-body {
	text-align: center;
	background-color: #2196f3 !important;
	color: #fff !important;
}

.fw-500 {
	font-weight: 500;
}

.fw-bold {
	font-weight: bold !important;
}

/* Page Layout CSS */

.pageTitle {
	margin-top: 0;
	color: #474CD8;
	margin-bottom: 5px !important;
}

.pageBreadCrumb {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0px !important;
}

.enkiModule .searchInput .p-inputtext {
	border-radius: 0px;
	font-size: 14px !important;
	padding: 0.5rem 1rem;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	padding-right: 25px;
}
.paddingTopSearch{
	margin-top: 10px !important;
}
.enkiModule .searchInput .pi-search {
	right: 0.75rem;
	top: 48%;
	font-size: 12px;
}

.enkiModule .p-datatable .p-datatable-thead>tr>th,
.enkiModule .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover,
.enkiModule .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover,
.p-datatable .p-sortable-column:focus {
	background: #474CD8 !important;
}

.enkiModule .p-datatable .p-datatable-thead>tr>th,
.enkiModule .p-datatable .p-datatable-tbody>tr>td {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	border-color: #9ea5ee21 !important;
	border-left: 0 !important;
	border-right: 0 !important;
}

.enkiModule .p-column-title {
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff;
	white-space: nowrap;
	text-align: left;
}

.enkiModule .pi-sort-amount-up-alt:before,
.enkiModule .pi-sort-amount-down:before,
.enkiModule .pi-sort-alt:before {
	color: #ffffff;
}

.enkiModule .p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd {
	background: #f5f5f5;
}

.enkiModule .p-datatable .p-datatable-tbody>tr>td {
	color: #918C8C !important;
}

.enkiModule .p-paginator {
	justify-content: flex-end;
	padding-right: 0px;
	border: 0px !important;
	padding-bottom: 0px;
	color: #918C8C;
	background-color: transparent;
}

.enkiModule .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
	color: #474CD8;
	font-weight: bold;
}

.enkiModule .p-paginator-current {
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.enkiModule .p-dropdown {
	border-radius: 0;
}

.enkiModule .p-paginator-element {
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.box-unset {
	box-shadow: unset;
}

.enkiModule .modal-content {
	border-radius: 0px;
}

.enkiModule .modal-header {
	padding-left: 20px;
	padding-right: 20px;
}

.enkiModule .modal-header {
	padding-top: 13px;
}

.enkiModule .modal-title {
	color: #474CD8;
	font-weight: bold;
}

.enkiModule .modal-body {
	padding: 20px;
}

.enkiModule .modal-body .form-group input[type='text'],
.enkiModule .form-group input[type='text'],
.enkiModule .form-group input[type='email'],
.enkiModule .form-group input[type='number'],
.enkiModule .modal-body .form-group select,
.enkiModule .modal-body .form-group textarea {
	border: 1px solid #ddd;
	border-radius: 0;
	color: #918C8C !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.enkiModule #engagementDashboard .form-group input[type='text']{
	padding: 4.2px !important;
	font-size: 12px !important;
}

.enkiModule .form-animate-checkbox label {
	font-size: 14px;
	padding-left: 4px;
}

.enkiModule .modal-footer {
	padding: 10px 20px;
}

.enkiModule .modal-footer .submit {
	box-shadow: unset;
}

.enkiModule .modal-footer .btn-default {
	background-color: #f6f8f8 !important;
	box-shadow: unset;
	border: 1px solid #f6f8f8 !important;
	margin-right: 6px;
}

.enkiModule .p-datatable-emptymessage td {
	text-align: center !important;
	background: #ffffff;
}

.enkiModule .bg_load {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.2;
	z-index: 9999;
}

.pr-3 {
	padding-right: 1rem !important;
}

.px-2 {
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}

.pl-2 {
	padding-left: 0.5rem !important;
}

#sidebar-footer {
	background-color: white !important;
	position: sticky;
	bottom: 0;
	left: 0;
	border-top: 1px solid #c8c1c1 !important;
	/* box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; */
}

.enki-logout {
	transition: .2s;
}

#left-menu .enki-logout:hover {
	transform: scale(1.3);
}

#left-menu .enki-logout a:hover {
	transform: scale(1.3);
	background: none !important;
	color: #918C8C !important;
	padding: 0 !important;
	border: none !important;
}

.enkiModule #right-menu .nav li a {
	padding-left: 0 !important;
	padding-bottom: 5px;
	padding-top: 10px;
	color: #918C8C !important;
	transition: .25s;
}

.enkiModule #right-menu .nav-tabs li a {
	padding: 15px 0 15px 0 !important;
	font-size: 20px;
}

.enkiModule #right-menu .nav li a span {
	padding-right: 5px;
}

.enkiModule #right-menu .nav li a .right-arrow {
	float: right;
}

.enkiModule #right-menu .tree,
.enkiModule #right-menu .sub-tree {
	margin-bottom: 10px;
	padding-left: 20px;
}

.enkiModule #right-menu-config .nav li a:hover,
.enkiModule #right-menu-user .nav li a:hover,
.enkiModule #right-menu-notif .nav li a:hover {
	color: #474CD8 !important;
	padding-left: 10px !important;
	font-weight: bold;
	background: none !important;
	transform: scale(1.05);
}

.enkiModule #right-menu .nav-tabs li a.active,
.enkiModule #right-menu .nav-tabs li a:hover {
	background: #fff;
	border: none;
	border-bottom: 3px solid #23b7e5;
	color: #474CD8 !important;
}

a:focus {
	outline: none !important;
	background: none !important;
}

#left-menu .sub-left-menu li a {
	transition: 0.25s !important;
}

.enkiModule #right-menu {
	width: 12px;
	background-color: #F5F5F5;
}

.enkiModule .navbar {
	display: none !important;
}

@media (max-width: 1000px) {
	.enkiModule #left-menu .sub-left-menu {
		width: 230px !important;
	}
	.enkiModule #content {
		margin-top: 51px !important;
		margin-left: 230px !important;
	}

	.enkiModule #content .col-md-10 {
		padding: 0 !important;
	}

	.enkiModule .upreachlogo {
		padding: 0 !important;
		margin: 15px 0 15px 0 !important;
	}

	.enkiModule .panel-body {
		margin-top: 55px;
	}

	.enkiModule .unbooked-associates {
		margin-top: 0px;
	}

}

#upreachEnkiLogin .login-container .panel-body {
	margin-top: 0px;
}

.enkiModule .upreachlogo {
	padding-left: 12px !important;
	padding-right: 18px !important;
	margin-top: 22px;
	margin-bottom: 15px;
}

.enkiModule .avatar {
	height: 30px;
	width: 30px;
	border: unset !important;
	margin-top: 5px;
	cursor: pointer;
}

.enkiModule #left-menu .sub-left-menu {
	width: 16.67%;
}

#left-menu .sub-left-menu a {
	font-size: 14px !important;
	line-height: 36px !important;
}

.enkiModule #left-menu .sub-left-menu li a:hover {
	background: white;
	transform: scale(1.05);
	color: #474CD8 !important;
	font-weight: bold;
	border: none;
}

.enkiModule #left-menu .sub-left-menu .tree {
	background-color: white;
	border-top: none;
	border-bottom: none;
	padding-left: 24px;
	overflow: hidden;
}

#left-menu .sub-left-menu a {
	font-size: 14px !important;
	line-height: 36px !important;
}

.enkiModule .opener-right-menu span {
	font-size: 14px !important;
	color: #918C8C !important;
}

.enkiModule .user-name {
	padding-top: 0 !important;
	padding-right: 0 !important;
}

.enkiModule #right-menu {
	top: 0 !important;
}

.enkiModule #right-menu a {
	font-weight: normal !important;
}

.enkiModule #right-menu a:hover {
	font-weight: bold !important;
}

.enkiModule #content {
	margin-top: 0 !important;
	padding: 0px !important;
}

.Enki-log-blue:hover {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}

.enkiModule #mimin-mobile-menu-opener {
	top: 0px;
	border: none;
	background: none;
	box-shadow: none;
	font-size: 24px !important;
	padding-left: 22px;
}

.enkiModule #mimin-mobile {
	background-color: #474CD8 !important;
	padding: 20px 10px 20px 10px !important;

}

.enkiModule #mimin-mobile li a {
	font-size: 14px !important;
	font-weight: normal;
	padding: 10px;
}

.enkiModule #mimin-mobile .sub-mimin-mobile-menu-list {
	height: 100%;
}

.enkiModule #mimin-mobile .tree {
	padding-left: 25px;
	margin-bottom: 5px;
}

.enkiModule #right-menu-config,
.enkiModule #right-menu-notif,
.enkiModule #right-menu-user {
	height: calc(100vh - 53px);
	overflow-y: auto;
}

.login-container .btn,
.forgot-container .btn,
.reset-container .btn,
.otp-container .btn {
	border: 1px solid #ffffff;
	box-shadow: unset;
}

.otp-container h1 {
	margin-top: 0px;
	margin-bottom: 6rem;
}

.mt-imp-40 {
	margin-top: 40px !important;
}

.otp-container .bg_load {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.2;
	z-index: 9999;
}

.otp-container .btn-primary.focus,
.btn-primary:focus {
	color: #333;
	background-color: #474CD8 !important;
}

.enkiModule .p-accordion-header-link {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-radius: 0px !important;
	box-shadow: unset !important;
}

.enkiModule .p-accordion-content {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.enkiModule .p-accordion-tab {
	box-shadow: unset;
}

.enkiModule .p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus,
.enkiModule .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
	background: #fff !important;
	text-decoration: unset;
}

.enkiModule .p-toggleable-content {
	border-top: 1px solid #9ea5ee21 !important;
}

.enkiModule .font-title {
	color: #474CD8;
}

.coordinator-img {
	height: 125px;
	width: 125px;
}

.enkiModule .form-group .form-text {
	width: 100% !important;
}

.enkiModule #homeBlade table td {
	color: #918C8C !important;
}

.enkiModule #homeBlade .btn-success {
	margin-left: 4px;
	margin-right: 4px;
}

.enkiModule .p-dropdown-label.p-inputtext {
	padding-top: 6px;
	font-size: 12px;
}

.enkiModule .btn {
	box-shadow: unset;
}

.enkiModule a {
	color: #474CD8;
}

.enkiModule #homeBlade table th .p-column-header-content {
	justify-content: center;
}

.enkiModule #homeBlade table td {
	text-align: center;
}

.targetTable table tbody tr:last-child,
.springboardTable table tbody tr td:nth-child(2) {
	background: rgba(0, 0, 0, .1);
}

.enkiModule #homeBlade .targetTable table tbody tr:last-child td,
.enkiModule #homeBlade .springboardTable table tbody tr td:nth-child(2) {
	color: #9b9696 !important;
}

.enkiModule #assocaiteProfileDetailedView .bsolid-ddd,
.enkiModule #note-top #note-panel {
	border: solid 1px #ddd;
}

.bg-head {
	background: #474CD8;
}

.fs-20 {
	font-size: 20px;
}

/* .enkiModule #assocaiteProfileDetailedView .tab-container {
	display: flex;
	flex-wrap: wrap;
	max-height: calc(2 * (10rem + 2px));
} */

.enkiModule #assocaiteProfileDetailedView .p-tabview-panels {
	margin-top: 10px;
	position: relative;
	margin-bottom: 20px;
}

.enkiModule #assocaiteProfileDetailedView .tab-container .p-tabview-nav {
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	max-height: calc(10rem + 2px);
}

.enkiModule #assocaiteProfileDetailedView .tab-container .p-tabview-nav li a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 1rem;
	letter-spacing: 0.1px;
}

.enkiModule #assocaiteProfileDetailedView .tab-container>.p-tabview>.p-tabview-nav-container .p-tabview-ink-bar {
	display: none;
}

.enkiModule #assocaiteProfileDetailedView .tab-container>.p-tabview>.p-tabview-nav-container .p-tabview-nav li .p-tabview-nav-link,
.enkiModule #assocaiteProfileDetailedView .tab-container>.p-tabview>.p-tabview-nav-container .p-tabview .p-tabview-nav {
	border: 1px solid white;
}

.enkiModule #assocaiteProfileDetailedView .img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	display: block;
	width: 100%;
	height: auto;
}

.enkiModule .p-multiselect {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 14px !important;
	border-radius: 0 !important;
	color: #918C8C !important;
	border: 1px solid #ddd !important;
}

.enkiModule .p-multiselect {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 14px !important;
	border-radius: 0 !important;
	color: #918C8C !important;
	border: 1px solid #ddd !important;
}

.enkiModule .p-dropdown-panel .p-dropdown-items .p-dropdown-item,
.enkiModule .p-multiselect .p-multiselect-label,
.enkiModule .p-multiselect .p-multiselect-label.p-placeholder {
	color: #918C8C !important;
	padding: 7px !important;
}

.enkiModule .p-multiselect .p-multiselect-trigger {
	width: 1.8rem !important;
}

.enkiModule select {
	padding-left: 1px !important;
	transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
}

.enkiModule select:focus-visible,
.enkiModule .p-multiselect:focus-visible {
	outline: none !important;
}

.enkiModule .p-tabview,
.enkiModule .p-tabview-panels {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 14px !important;
	color: #918C8C !important;
	border-radius: 0 !important;
}

.enkiModule .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
	outline: none;
	box-shadow: none;
}

.enkiModule .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
	color: #474CD8;
	font-weight: bold;
	letter-spacing: unset !important;
}

.enkiModule .p-tabview .p-tabview-nav .p-tabview-ink-bar {
	background-color: #474CD8;
	color: #918C8C !important;
}

.enkiModule .p-multiselect .p-multiselect-trigger {
	width: 1.8rem !important;
}

.enkiModule select:focus-visible,
.enkiModule .p-multiselect:focus-visible {
	outline: none !important;
}

.enkiModule .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
	outline: none;
	box-shadow: none;
}

.enkiModule .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
	color: #474CD8;
	font-weight: bold;
}

.enkiModule .p-tabview .p-tabview-nav .p-tabview-ink-bar {
	background-color: #474CD8;
}

.enkiModule #associateFilters h4,
.enkiModule #real-rating-exports-page h4 {
	color: #474CD8;
	font-size: 16px !important;
}

.enkiModule #associateListingSection #associateProfileView .p-datatable-thead {
	display: none !important;
}

.enkiModule .dataTableMultiSelectCheckbox .p-column-header-content {
	display: none;
}

.enkiModule .p-checkbox .p-checkbox-box,
.enkiModule .p-checkbox .p-checkbox-box:hover,
.enkiModule .p-checkbox .p-checkbox-box:focus-visible {
	border-color: #ddd !important;
	border-radius: 0 !important;
}

.enkiModule .p-togglebutton {
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 0;
	font-weight: normal !important;
}

.enkiModule .p-togglebutton .p-button-label {
	font-weight: normal !important;
}

.enkiModule .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight),
.enkiModule .p-togglebutton:hover,
.enkiModule .p-togglebutton:active,
.enkiModule .p-togglebutton:focus {
	background-color: white !important;
	border-color: #474CD8 !important;
	color: #474CD8 !important;

}

.enkiModule .p-togglebutton.p-highlight {
	background: #474CD8 !important;
	border-color: #474CD8 !important;
	color: white !important;
	border-radius: 0;
}

.enkiModule .p-togglebutton.p-highlight .p-button-icon {
	color: white !important;
}

.enkiModule .p-togglebutton:not(.p-disabled):not(.p-highlight) .p-button-icon {
	color: #474CD8 !important;
}

.enkiModule .p-togglebutton .p-button-icon, .enkiModule .impactIcon {
	font-size: 1.2rem;
	margin-right: 7px;
	font-weight: bold;
}

.enkiModule .pr-20 {
	padding-right: 20px !important;
}

.enkiModule #associateFilters {
	opacity: 1;
	transition: opacity 0.3s ease;
}

.enkiModule .associateViewActionbtn {
	padding-left: 10px;
	padding-right: 10px;
}

.enkiModule .associateViewActionbtn span {
	font-size: 1.3rem;
}

.enkiModule .input-group-addon {
	border-radius: 0 !important;
}

.enkiModule .cv-check-section {
	border: 1px solid #ddd;
	padding-top: 6px;
}

.enkiModule .personalInfo .col-md-6 {
	padding-right: 10px !important;
}

.enkiModule #personalInfo .modal-content {
    position: relative;
	display: block !important;
    pointer-events: auto;
	border: 0px !important;
    border-radius: 0px !important;
}

.enkiModule #personalInfo .modal-header,
.enkiModule #personalInfo .modal-body {
	background-color: #fff !important;
}

.enkiModule #personalInfo .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
	background: #474CD8 !important;
    color: white;
}

.enkiModule #personalInfo .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
    background: rgb(71 76 216 / 10%) !important;
}

.enkiModule .p-tabview, .enkiModule .p-tabview-panels .p-component {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    color: #918C8C;
}

.enkiModule #personalInfo .p-accordion .p-accordion-content {
	padding: 1.5rem 1.5rem;
}

.enkiModule #personalInfo .careerSupport {
	padding: 5px;
	background-color: rgb(71 76 216 / 10%);
	font-weight: 600;
}

.enkiModule #personalInfo #viewSchoolData td {
	border: none !important;
}

.enkiModule #personalInfo input[type='checkbox'] {
	margin: 4px 20px 0px 0px !important;
}

.w-50 {
	width: 50% !important;
}

.enkiModule .p-inputtext:enabled:hover {
	border: 1px solid #ddd;
}

.enkiModule .p-tag {
	border-radius: 0px !important;
	padding-left: 10px;
	padding-right: 10px;
	color: white !important;
}

.enkiModule .p-tag-value{
	font-size: 12px !important;
    font-weight: normal !important;
}

.enkiModule .p-panel-header {
	display: block !important;
}

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

.enkiModule #personalInfo thead {
	background-color: rgb(71 76 216 / 10%);
}

.enkiModule #personalInfo .icon-info:hover {
	cursor: pointer;
	color: #474CD8;
	border: 2px;
}


.enkiModule #personalInfo .schoolDataListing {
	border-bottom: 1px #DDD solid;
	padding-top: 7px;
	padding-bottom: 7px;
}

.enkiModule #personalInfo .fa-facebook-official, .enkiModule #personalInfo .fa-linkedin-square {
	font-size: 22px;
}

.enkiModule #personalInfo .form-control:focus {
	box-shadow: unset;
}

.enkiModule #personalInfo .p-accordion-tab {
	margin-bottom: 15px;
}

.enkiModule #personalInfo .panel {
    margin-bottom: unset;
}

.enkiModule #personalInfo .edit-personal-info-label {
	padding-left: 6px;
    padding-top: 2px;
    margin-bottom: 0;
}

.enkiModule .p-panel {
	box-shadow: none !important;
}

.enkiModule .p-panel .p-panel-title {
	font-size: 14px !important;
	font-weight: bold !important;
	color: #918C8C !important;
	line-height: 20px;
}

.enkiModule .p-panel .p-panel-content {
	color: #918C8C !important;
}

.enkiModule .p-panel .p-panel-header {
	background: #f8f9fa !important;
	font-size: 14px !important;
}

.enkiModule .p-panel .p-panel-content,
.enkiModule .p-panel .p-panel-header {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	padding: 1rem !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 0 !important;
}

.enkiModule .pinNoteButton {
	border: none;
	background: none;
}

.enkiModule .notesTabTable td{
	border: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.enkiModule .decisionText{
	border: 1px solid #e0e0e0 !important;
	background-color: #e0e0e08a;
	padding: 10px;
}

.enkiModule #note-top #note-type-span{
    margin-bottom: 2px !important;
    width: 150px;
    margin-right: 20px;
    color: #474CD8;
    font-weight: bold;
}

.enkiModule .input-group .form-control:last-child{
	border: 1px solid #ddd !important;
}

.enkiModule .form-control{
	box-shadow: unset;
}

.enkiModule .getScoreTable  .table-header {
	background: rgba(33,150,243,.1);
}

.enkiModule .communicationsTab #mail-content>.head-wrap,
.enkiModule #associateOnboardingProfileReact #mail-content>.head-wrap{
	background-color: #474cd8;
}

.enkiModule .communicationsTab #mail-content>.head-wrap>tbody>tr>td>.content>table>tbody>tr>td,
.enkiModule #associateOnboardingProfileReact #mail-content>.head-wrap>tbody>tr>td>.content>table>tbody>tr>td{
	border:0px solid red !important;
}

.enkiModule .communicationsTab .email-button,
.enkiModule #associateOnboardingProfileReact .email-button {
  display: inline-block;
  background-color: #474cd8;
  color: white;
  padding: 14px 18px;
  text-decoration: none;
  line-height: 20px;
  text-align: center;
  border: 1px solid black;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 20px;
}

.enkiModule .communicationsTab .email-button:hover,
.enkiModule .communicationsTab .email-button:focus,
.enkiModule #associateOnboardingProfileReact .email-button:hover,
.enkiModule #associateOnboardingProfileReact .email-button:focus {
	color: white;
	text-decoration: none;
}

.enkiModule .communicationsTab #mail-content .content tbody,
.enkiModule #associateOnboardingProfileReact #mail-content .content tbody {
	font-size: 13px;
	line-height: 18px;
}

.enkiModule .communicationsTab #mail-content .content tbody img,
.enkiModule #associateOnboardingProfileReact #mail-content .content tbody img {
	max-width: 70%;
}

.enkiModule #associateOnboardingProfileReact .footer-wrap td,
.enkiModule #associateOnboardingProfileReact #mail-content .body-wrap .container{
	padding: 0;
	border: none !important;
}

.enkiModule #associateOnboardingProfileReact .footer-wrap{
	margin-top: 10px;
}

.enkiModule #associateOnboardingProfileReact #mail-content .body-wrap .container .content .container .content table>tbody>tr>td{
	padding: 10px !important;
	border: none !important;
}

.enkiModule .getScoreTable tbody,
.enkiModule .getScoreTable tr {
	font-size: 14px !important;
}

.enkiModule .engagementPointTag{
	background-color: #9DA4F4 !important;
}

.enkiModule .outstanding-cv-card .btn-circle {
    margin-left: 2px;
	margin-right: 2px;
}

.enkiModule .sub-tab-title {
	color: #2a4566;
    font-weight: bold;
}

.create-app-button {
	position: absolute;
    top: 65px;
    right: 20px;
}

/* #left-menu .sub-left-menu {
    z-index: 0 !important;
} */

.enkiModule .mentoring-table .table-header {
	background: rgb(71 76 216 / 10%);
	margin: 10px !important;
}

.enkiModule .mentoring-table tbody, .enkiModule .mentoring-table tr,
.enkiModule .pendingMatchTable tbody, .enkiModule .pendingMatchTable tr {
	font-size: 14px !important;
}

.enkiModule .mentoring-table th {
	padding: 6px 5px;
    font-size: 14px;
}

.enkiModule .p-progressbar{
	height: 100%;
}

.enkiModule .p-progressbar .p-progressbar-label {
	line-height: 20px;
	justify-content: center;
}

.enkiModule .progress {
	margin-left: 0px !important;
}

.enkiModule .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
    content: "\e909";
    position: absolute;
    top: -4px;
    left: -4px;
    animation: none;
    font-size: 10px;
	transform: none;
}

.enkiModule .navbar {
	background-color: #474CD8 !important;
}

@media (max-width: 480px) {
	.enkiModule .associateFilters {
		padding: 0;
	}
}

.enkiModule .input-group-addon {
	text-align: left !important;
}

.enkiModule .tag-color {
    background: black !important;
}

.pb-4 {
    padding-bottom: 4px;
}

/* To avoid resizing the textarea out of the model */
.enkiModule textarea {
	resize: vertical;
}

.enkiModule .table.table-striped {
    font-size: 14px !important;
    color: #918C8C !important;
}

.mtrl-2 {
	margin: 1rem 2rem 0 2rem;
}

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

.text-wrap {
	text-wrap: wrap;
}

.text-nowrap {
	text-wrap: nowrap;
}

@media (max-width: 767px) {
	.enkiModule #assocaiteProfileDetailedView{
		padding-top: 27px;
	}
}

@media (max-width: 991px) {
	.dialog-container {
        width: 90vw !important;
    }

	.event-cancel-popup {
       width: 80vw !important; 
    }

	.confirm-space-header {
        width: 80vw !important; 
    }

}

@media (max-width: 767px) {
    .dialog-container {
        width: 90vw !important; 
        max-height: 70vh; 
    }


    .p-dialog-footer-event {
        display: flex !important;
        flex-direction: column;
		gap:20px;
    }

	.btn-modal-confirm-nocancel{
		width: 100% !important;
	}

	.btn-modal-confirm-cancel{
		width: 100% !important;
	}

}


/* Alumni Tab */
.enkiModule #alumniInformationTab h5,
.enkiModule #associateOnboardingProfileReact h5,
.enkiModule #outcomeListing h5,
.enkiModule #mentorProfileViewPage h5,
.enkiModule #partnerEmployerDashboard h5,
.enkiModule #gefComparison h5,
.enkiModule #gefCompletion h5,
.enkiModule #engagementDashboard h5,
.enkiModule #onlineResourcesTab h5,
.enkiModule #retentionAndDiversityTab h5,
.enkiModule #atsTab h5 {
	font-size: 16px;
	color: #474CD8;
	font-weight: bold;
}

.enkiModule #alumniInformationTab .p-progressbar {
	height: 20px;
}

.enkiModule #alumniInformationTab .p-progressbar-label {
	line-height: 19px !important;
	justify-content: center;
}

.enkiModule input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	box-shadow: unset !important;
	-moz-box-shadow: unset !important;
	-webkit-box-shadow: unset !important;
	-webkit-text-fill-color: #918C8C !important;
}

.enki-sidebar {
	height: calc(100vh - 45px);
    overflow-y: auto;
}

/* ENKI Sidebar Horizontal Scroll bar UI */
.enki-sidebar::-webkit-scrollbar {
    width: 4px;
}

.enki-sidebar::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background-color: #474CD8;
}

.enki-sidebar::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #474CD8;
}

.enkiModule::-webkit-scrollbar {
    width: 4px;
}

.enkiModule::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background-color: #474CD8;
}

.enkiModule::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #474CD8;
}

.enkiModule #menteePage .p-calendar {
	width: 100%;
	border: unset;
}

.enkiModule #menteePage .p-calendar-w-btn .p-datepicker-trigger.p-button {
	border: 1px solid #ddd;
}

.enkiModule #menteePage #menteeListingView thead {
	visibility: collapse;
}

.p-tag {
	font-weight: unset !important;
}

.align-base {
	align-items: baseline;
}

.pl-10 {
	padding-left: 10px;
}

.enkiModule .btn.active.focus, .enkiModule .btn.active:focus, .enkiModule .btn.focus,
.enkiModule .btn:active.focus, .enkiModule .btn:active:focus, .enkiModule .btn:focus {
	outline: unset;
    outline-offset: unset;
}

/* Task Tracker Module */
.enkiModule .task-heading {
	background-color: #474CD8 !important;
    font-weight: bold;
    text-align: center;
    color: #ffffff !important;
}

.enkiModule .btn-default.btn-style {
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 14px !important;
	background-color: #474CD8;
    font-weight: bold;
    text-align: center;
    color: #ffffff !important;
}

.enkiModule .btn-default.btn-style {
    padding: 3px 10px;
    -webkit-box-shadow: 0 1px 0px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24);
    -ms-box-shadow: 0 1px 0px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24);
    -o-box-shadow: 0 1px 0px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24);
    box-shadow: 0 1px 0px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24);
}

.pr-10 {
	padding-right: 10px;
}

.ml-25 {
	margin-left: 25px;
}

.enkiModule #mentorMenteeMatch .p-button-label, .enkiModule #mentorMenteeMatch .p-badge  {
	font-weight: 400;
}

.enkiModule #joined_date .p-inputtext, .enkiModule #joined_date button, .enkiModule #joined_date .p-inputtext > input {
    height: 34px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	color: #918c8c !important;
    padding: 7px 10px 7px 10px;
}

.enkiModule #mentorMenteeMatch .removed-span {
	background-color: #857E7E;
	color: #f9f9f9 !important;
	padding: 5px;
}

.enkiModule #joined_date .p-inputtext::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #918c8c;
	opacity: 1; /* Firefox */
}

.enkiModule #joined_date .p-inputtext:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #918c8c;
}

.enkiModule #joined_date .p-inputtext::-ms-input-placeholder { /* Microsoft Edge */
	color: #918c8c;
}

.enkiModule .mentorMatchListing .p-tabview-panels {
	padding: 10px 0px 0px 0px;
}

.enkiModule #teamTaskListingPage .p-column-title {
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff;
	white-space: normal;
}

.flex-end {
	display: flex;
	align-items: end;
}

/* Tooltip */
.enkiModule .p-tooltip .p-tooltip-text{
	max-width: 150px;
	border-radius: 0;
	background-color: black;
	font-size: 12px !important;
	text-align: center;
}

/* GEF Tabs in Associates tab page for Header color chage */
.enkiModule .gefTabHeader {
    background-color: #474CD8;
    color: white;
}

/* GEF Tabs in Associates tab page for Header color chage */
.enkiModule .gefTabHeader, .enkiModule #engagementDashboard .panel-heading {
	background-color: #474CD8 !important;
	color: white !important;
}

.enkiModule #mentorsListingTable .p-datatable-thead {
	visibility: collapse !important;
}

.enkiModule .mentorListingSection .p-button-icon {
	font-size: 1.4rem;
}

.enkiModule .p-tooltip-text {
	font-size: 14px !important;
}

.fs-icon{
	font-size: 1.4rem !important;
}

.text-red {
	color: red !important;
}

#task-create-modal .p-accordion-header-link {
	background: #474CD8 !important;
    color: white;
}

.enkiModule .form-group .p-inputmask, .enkiModule .modal-content .form-group select.form-control {
	color: #918c8c !important;
}

.enkiModule .form-group .form-text.w-65 {
	width: 65px !important;
}

.enkiModule .p-accordion .p-accordion-tab {
	margin-bottom: 1rem;
}

.enkiModule .p-dialog .p-dialog-header .p-dialog-title {
	color: #474CD8 !important;
    font-weight: 600 !important;
    font-size: 18px !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.enkiModule .p-dialog .p-dialog-header {
	padding: 1rem 1rem !important;
    border-bottom: 1px solid #dee2e6 !important;
    border-top-left-radius: calc(0.3rem - 1px) !important;
    border-top-right-radius: calc(0.3rem - 1px) !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	margin-bottom: 15px;
}

.enkiModule .p-dialog.p-component {
	height: auto;
	border-radius: 0px ;
}

.enkiModule .p-dialog .p-dialog-content {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	padding: 0px;
	overflow-x: hidden;
}

.enkiModule #personalInfo .table>thead>tr>th,
.enkiModule #partnerEmployerDashboard .table>thead>tr>th,
.enkiModule #associateListingSection #contactDetailsModal .table>thead>tr>th,
.enkiModule #task-completion-page #contactDetails .table>thead>tr>th {
	background: #474CD8 !important;
    color: white;
}

.enkiModule #associateListingSection #contactDetailsModal .table-responsive,
.enkiModule #task-completion-page #contactDetails .table-responsive{
	max-height: 400px;
	overflow-y: scroll;
}


.enkiModule .impactMainTab .p-tabview-nav-container {
	font-size: 12px;
}

/* Pipeline */
.enkiModule #associatePipeline .p-accordion .p-accordion-content,
.enkiModule #associatePipeline .p-accordion .p-accordion-header-text {
	color: #918C8C !important;
}

.enkiModule #associatePipelinePage .p-accordion .p-accordion-tab {
	box-shadow: unset;
}

.enkiModule #associatePipelinePage .table-responsive.table-bordered {
	font-size: 14px;
}

.enkiModule #associatePipelinePage .PipelineFilterButtons {
	width: 93px;
	height: 80px;
	padding: 5px;
	color: white;
	white-space: normal;
	font-size: 11px;
}

.enkiModule .PipelineFilterButtons:hover {
	font-weight: normal;
	background-color: #269abc !important;
	transition: all .40s ease;
}

.enkiModule #associatePipelinePage kbd {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-radius: 0;
	box-shadow: unset;
	padding: 4px;
}

.enkiModule #associatePipelinePage abbr {
	text-decoration: none;
	border: none;
}

/* Event Slots Page */
#mock-interview-listing, #one-to-one-listing {
	background-color: #fff;
	padding: 1rem;
}

.event-slots-tab {
	background: #ffffff;
}

.event-slots-tab a {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
}

.nav-tabs.event-slots-tab>li>a {
    padding: 7px 15px;
	border: 0px;
}

.nav-tabs.event-slots-tab>li.active>a {
    color: #474cd8;
    font-weight: bold;
	border-bottom: 2px solid #474cd8 !important;
	cursor: pointer;
}

.nav-tabs.event-slots-tab>li.active>a:focus, .nav-tabs.event-slots-tab>li.active>a:hover {
	border: 0px;
	cursor: pointer;
}

.nav-tabs.event-slots-tab>li>a:focus, .nav-tabs.event-slots-tab>li>a:hover {
    background: rgba(63, 81, 181, 0.04);
    border-color: rgba(0, 0, 0, 0.12);
	border-radius: 0px;
}

.enkiModule #overviewDashboardListing #springboardInsightTableHead,
.enkiModule #applicantsListingPage #pr_id_1_header_0, .enkiModule #outcomeListing #rise-outcome-table-head tr, .enkiModule #outcomeListing #pr_id_1_header_0,
.enkiModule #gefComparison .gefResponseTableHead {
	background: #474CD8 !important;
    color: white;
}

.enkiModule #outcomeListing #rise-outcome-table-head tr, .enkiModule #outcomeListing #pr_id_1_header_0,
.enkiModule #gefComparison .gefResponseTableHead, .enkiModule #engagementDashboard #engagementTable tr   {
	font-size: 12px;
}

.enkiModule #overviewDashboardListing .panel-body {
	padding-top: 0px !important;
}

.enkiModule #overviewDashboardListing .spring_board_insight_table table tr:last-child td {
	font-weight: bold;
}

.enkiModule .pc_allocation_table .p-datatable .p-datatable-thead>tr>th {
	border-bottom: 1px solid #ddd !important;
}

.enkiModule .pc_allocation_table .p-datatable .p-datatable-thead>tr>th {
	border-left: 1px solid #ddd !important;
}

.enkiModule #assignCareerChat .p-column-title {
	font-size: 14px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff;
	white-space: normal;
}

.flex-end {
	display: flex;
	align-items: flex-end;
}

.enkiModule #viewTaskModal .btn-default.btn-style {
	color: #918C8C !important;
}

.enkiModule #task-completion-info .btn-default.btn-style {
    color: #918C8C !important;
}

.enkiModule .team-completion-header {
	background-color: #474CD8 !important;
	color: white;
}

.enkiModule #applicantsListingPage .p-accordion .p-accordion-content, .enkiModule #outcomeListing .p-accordion .p-accordion-content, .enkiModule #gefComparison .p-accordion .p-accordion-content,
.enkiModule #gefCompletion .p-accordion .p-accordion-content, .enkiModule #springBoardProgressTab .p-accordion .p-accordion-content, .enkiModule #engagementDashboard .p-accordion .p-accordion-content,
.enkiModule #atsTab .p-accordion .p-accordion-content{
	color: #918C8C;
}

.enkiModule #outcomeListing .p-accordion .p-accordion-content, .enkiModule #gefComparison .p-accordion .p-accordion-content,
.enkiModule #gefCompletion .p-accordion .p-accordion-content, .enkiModule #springBoardProgressTab .p-accordion .p-accordion-content, .enkiModule #engagementDashboard .p-accordion .p-accordion-content{
	font-size: 12px;
}

.enkiModule #applicantsListingPage .gradeFlex {
	flex: 0 0 44%;
}

.br-rad-0 {
	border-radius: 0px;
}

.enkiModule #manualShiftingListingPage .p-editor-container .p-editor-content .ql-editor {
	color: #918C8C;
	border-radius: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 14px;
}

.enkiModule #manualShiftingListingPage .p-accordion .p-accordion-content {
	color: #918C8C;
}

.enkiModule #manualShiftingListingPage #pr_id_1_header_0,
.enkiModule #manualShiftingListingPage .table>thead>tr>th {
	background: #474CD8 !important;
    color: white;
}

.enkiModule .p-component.p-editor-container, .enkiModule .p-editor-container .p-editor-toolbar,
.enkiModule .p-editor-container .p-editor-content {
	border-radius: 0px;
}

.text-right {
	text-align: right;
}

.email-creation-section {
	border: 1px solid #ddd !important;
	padding: 10px;
	background-color: #ffffff;
}

/* Event planning styles */
.p-menu-overlay, #previewThumbnailImageModal, #mailTemplatePreviewModal, #mailTemplateUpdateModal, #skill_guide_modal, .link-dialog, .note-modal {
	z-index: 1060 !important;
}

.enkiModule .p-datepicker, #contactDetails{
	z-index: 4000 !important;
}

.enkiModule .p-datepicker{
	width: 25% !important;
}

.mt-n-2{
	margin-top: -2;
}

.enkiModule .p-splitbutton-defaultbutton, .p-splitbutton-menubutton{
	background-color: #474CD8 !important;
}

.enkiModule .p-splitbutton-defaultbutton{
	margin-right: 3px;
}

.enkiModule .p-splitbutton-menubutton{
	margin-right: 3px;
}

.enkiModule .p-menu {
	min-width: 200px !important;
}

.enkiModule .pi-info-circle{
	font-size: 1.4rem !important;
	font-weight: bold !important;
}

.enkiModule .fixed-size-label {
	display: block;
	width: 200px; /* Set the desired fixed width */
	white-space: nowrap; /* Prevent text from wrapping */
	overflow: hidden; /* Hide overflowing text */
	text-overflow: ellipsis; /* Show ellipsis (...) for truncated text */
}

.enkiModule #eventPlanning .p-accordion-header-link, 
#videoForumList .p-accordion-header-link, 
#skillWorkshopList .p-accordion-header-link,
#profExpList .p-accordion-header-link
{
	background-color: #474CD8 !important;
	color: #ffff;
}

.enkiModule #eventPlanning .note-btn-group.note-view{
	display: none;
}

.enkiModule #digitalSkillsModuleApp .note-btn-group.note-view{
	display: none;
}

.enkiModule #courseGuideAddModule .note-btn-group.note-insert [aria-label="Picture"],
.enkiModule #courseGuideAddModule .note-btn-group.note-insert [aria-label="Video"] {
	display: none;
}

/* Event planning style ends */

.enkiModule #manualShiftingListingPage .p-editor-container .p-editor-toolbar.ql-snow {
	border-radius: 0px;
}

.enkiModule #manualShiftingListingPage .ql-toolbar.ql-snow+.ql-container.ql-snow {
	border-radius: 0px;
}

.enkiModule .p-datepicker-year option, .enkiModule .p-datepicker-month option{
	color: #918c8c;
}

.enkiModule .p-datepicker .p-datepicker-header .p-datepicker-title select:focus{
	background-color: none;
	box-shadow: none;
}

.enkiModule .datatable-word-break {
	overflow-wrap: break-word;
}

.overflow-auto {
	overflow-y: auto;
}

.justify-end {
	justify-content: end;
}

/* React Summernote Editor CSS */
.enkiModule .note-editor.note-frame, .enkiModule .note-editor.note-airframe {
	border: 1px solid #ddd !important;
	border-radius: 0px;
}

.enkiModule .react-summernote .note-tooltip-content {
	position: absolute;
    top: 5px;
    left: -34px;
}

.enkiModule .note-btn-group.note-table {
	display: none !important;
}

.enkiModule .note-editor.note-frame .note-editing-area .note-editable,
.enkiModule .note-editor.note-airframe .note-editing-area .note-editable {
	color: #918C8C;
}

.enkiModule .react-summernote a.note-dropdown-item, .enkiModule .react-summernote a.note-dropdown-item:hover {
	color: #000;
}

.enkiModule .react-summernote .note-modal-header {
	padding-left: 20px;
    padding-right: 20px;
}

.enkiModule .note-modal-body {
    padding: 20px;
}

.enkiModule .note-modal-content {
	border-radius: 0px;
}

.enkiModule .note-modal-title {
	font-size: 18px;
	color: #474CD8;
    font-weight: bold;
}

.enkiModule .note-modal-body .sn-checkbox-open-in-new-window, .enkiModule .note-modal-body .sn-checkbox-use-protocol {
	padding-left: 15px;
}

.enkiModule .note-modal-footer {
    padding: 10px 20px;
	height: 52px;
	border-top: 1px solid #dee2e6;
}

.enkiModule #teamTaskListingPage .start-date .p-column-title {
	white-space: nowrap;
}

.mb-26 {
	margin-bottom: 26px;
}

.p-6 {
	padding:6px;
}

.enkiModule #applicantsListingPage kbd {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-radius: 0;
	box-shadow: unset;
	padding: 4px;
	display: inline-block;
    margin-bottom: 3px;
}

.enkiModule #applicantsListingPage abbr {
	text-decoration: none;
	border: none;
}

.enkiModule #associatePipelinePage .p-column-title,
.enkiModule #applicantsListingPage .p-column-title {
	white-space: unset;
	text-align: left;
}

.enkiModule #associatePipelinePage #associatePipelineDatatable th:nth-child(11) .p-column-title{
	width: 15rem;
}

.enkiModule #associatePipelineViewModal .p-dialog-header{
	border-radius: 0;
}

.enkiModule #applicantsListingPage #applicantsDataTable th:nth-child(11) .p-column-title{
	width: 13rem;
}

.enkiModule #associate-info-modal .p-dialog-header{
	border-radius: 0;
}

.enkiModule #associate-info-modal .p-dialog-title,
.enkiModule #associatePipelineViewModal .p-dialog-title {
	font-size: 16px !important;
	color: #474CD8 !important;
	font-weight: bold !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.enkiModule #associatePipelineViewModal .p-tabview-panels,
.enkiModule #associate-info-modal .p-tabview-panels {
	padding-left: 0;
	padding-right: 0;
}

/* Onboarding profile page */
.text-blue{
	color: #474CD8 !important;
}

.enkiModule #associateOnboardingProfileReact .emailSubjects a{
	text-decoration: none;
	font-weight: normal !important;
	color: #918C8C !important;
	transition: .20s;
}

.enkiModule #associateOnboardingProfileReact .emailSubjects a:hover{
	color: #474CD8 !important;
}

.enkiModule #associateOnboardingProfileReact .associateStatusTag{
	position: absolute;
	margin-left: 10px;
}
.enkiModule #associateOnboardingProfileReact .p-inplace-display{
	padding: 0;
}

.enkiModule #associateOnboardingProfileReact .p-inplace .p-inputtext{
	padding: 6px;
	border-radius: 0;
	border: 1px solid #ccc;
	color: #918C8C;
}

.enkiModule #associateOnboardingProfileReact .p-inplace .p-button{
	border-radius: 0;
	padding: 6px;
	margin-bottom: 1px;
	margin-left: 5px;
	background-color: #474CD8;
}

.enkiModule #associateOnboardingProfileReact .p-inplace .p-inplace-content-close{
	background-color: #78757582 !important;
}

.enkiModule #associateOnboardingProfileReact .p-inplace .p-button .pi-check{
	margin-top: 5px;
}

.enkiModule #associateOnboardingProfileReact .pTooltip{
	margin-top: 3px;
}

.enkiModule #associateOnboardingProfileReact .onboardingProfileImage{
	position: relative;
	width: 100%;
	height: 286px;
}

.enkiModule #associateOnboardingProfileReact .onboardingProfileImage img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bb-0 {
	border-bottom: 0px;
}

.enkiModule textarea.form-text::placeholder {
	color: #918C8C;
}

.enkiModule #cumulativeUniversityPipeline .p-column-title, .enkiModule #cumulativeBreakdownDatatable .p-column-title{
	white-space: unset;
	text-align: left;
}

.enkiModule #applicantsListingPage #withdrawn_reason {
	border-radius: 0px;
    border: 1px solid #ddd;
}

.enkiModule #applicantsListingPage .p-radiobutton-box {
    border: 2px solid #ddd;
}

.cursor-pointer {
	cursor: pointer;
}

.enkiModule #outcomeListing .wrap-header .p-datatable-thead > tr > th, .enkiModule #springBoardProgressTab .wrap-header .p-datatable-thead > tr > th {
    white-space: normal;
    word-wrap: break-word;
}

.enkiModule #outcomeListing .highcharts-axis-labels text, .enkiModule #outcomeListing .highcharts-legend-item text{
	font-size: 12px !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
	color: #918C8C;
}

.enkiModule .highcharts-series-0 rect, .enkiModule #outcomeListing .highcharts-series-0 rect {
	fill: #474CD8;
}

.enkiModule .highcharts-series-1 rect, .enkiModule #outcomeListing .highcharts-series-1 rect {
	fill: #9DA4F4;
}

/* Partner Employers Dashboard */
.enkiModule #partnerEmployerDashboard .p-tabview-panels,
.enkiModule #gefDashboard .p-tabview-panels,
.enkiModule #outcomeListing .p-tabview-panels,
.enkiModule #springBoardProgressTab .p-tabview-panels,
.enkiModule #engagementDashboard .p-tabview-panels {
	padding: 0;
}

.enkiModule #partnerEmployerDashboard table tbody>tr>td,
.enkiModule #partnerEmployerDashboard table thead>tr>th .p-column-title,
.enkiModule #gefCompletion table tbody>tr>td,
.enkiModule #gefCompletion table thead>tr>th .p-column-title,
.enkiModule #gefComparison table tbody>tr>td,
.enkiModule #gefComparison table thead>tr>th .p-column-title,
.enkiModule #springBoardProgressTab table tbody>tr>td,
.enkiModule #springBoardProgressTab table thead>tr>th .p-column-title,
.enkiModule #engagementDashboard table tbody>tr>td,
.enkiModule #engagementDashboard table thead>tr>th .p-column-title
{
	font-size: 12px !important;
}

.text-purple{
	color:purple !important;
}

.enkiModule #partnerEmployerDashboard .p-datatable thead .p-frozen-column{
	border-bottom:1px solid #474CD8 !important;
}

.enkiModule #partnerEmployerDashboard #partnerEmployerFirstDatatable table tr:nth-last-child(1) td,
.enkiModule #partnerEmployerDashboard #partnerEmployerSecondDatatable table tr:nth-last-child(1) td{
	background-color: white;
    font-weight: bold;
}

.enkiModule #partnerEmployerDashboard .p-datatable .p-frozen-column{
	min-width: 14rem;
	position:sticky;
	background-color:#eeeeee;
}

.enkiModule .multiselect-sm .p-multiselect-label {
	font-size: 12px !important;
	height: 28px;
}

.enkiModule #partnerEmployerDashboard table tbody>tr>td>a{
	text-decoration: none;
}

.enkiModule #cohortApp #ordering{
	border: 1px solid #ddd !important;
}

#guide-name {
	word-wrap: break-word;
}

.enkiModule .pi-send{
	font-size: 15px;
}

.text-primary-blue {
	color: #474cd8 !important;
}

.enkiModule .p-menu .p-menuitem-link .p-menuitem-icon {
	font-size: 15px;
	color: #ffffff;
}

.enkiModule .p-menu .p-menuitem-link .p-menuitem-text{
	color: #ffffff;
	font-weight: normal;
}

.enkiModule .p-menu .p-menuitem-link {
	background-color: #474CD8;
}

.enkiModule #gefComparison .focusGroup {
	border-right: 1px solid #918C8C !important;
}

.enkiModule #gefCompletion .p-column-title {
	white-space: break-spaces;
}

.enkiModule #gefCompletion .p-component, .enkiModule #gefComparison .p-component{
	font-size: 12px !important;
}

.enkiModule .fs-tab-icon{
	font-size: 1.2rem !important;
}

.p-multiselect-panel .p-multiselect-items .p-multiselect-item{
	color: #918c8c !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif ;
	font-size: 14px;
}

#question-text-modal .note-insert button:nth-child(2), #question-text-modal .note-insert button:nth-child(3), #question-text-modal .note-view {
    display: none;
}

#add-division-type .note-insert button:nth-child(2), #add-division-type .note-insert button:nth-child(3), #add-division-type .note-view {
	display: none;
}

.note-editor.note-frame .note-status-output, .note-editor.note-airframe .note-status-output {
	border-top: 0px;
}

#enki-opportunity button.add-division-icon img:hover, #enki-opportunity button.add-division-icon:hover img {
	content: url('../img/noun_add_group_highlighted.svg');
}

.enkiModule #gefComparison .gefResponseAnalysis .p-accordion .p-accordion-header .p-accordion-header-link {
	color: #918c8c;
}

.enkiModule #gefComparison .gefResponseAnalysis .p-accordion-content {
	padding: 10px;
}

.enkiModule #gefComparison .gefResponseAnalysis .table {
	margin-bottom: 0px ;
}

.enkiModule .associate-sub-tabs .p-column-title {
	white-space: pre-wrap !important;
}

.enkiModule .form-group input[type='number'] {
	height: 34px;
}

.enkiModule #uploadFaqApp .p-card .p-card-title{
    font-size: 24px;
    font-weight: 500;
}

.enkiModule #springBoardProgressTab .progress-bar.progress-bar-info {
    background-color: #9DA4F4 !important;
}

/* Online Resources page */
.enkiModule .highcharts-credits {
	display: none;
}

.enkiModule #retentionAndDiversityTab .charts .card{
	box-shadow: rgba(71, 76, 216, 0.18) 0px 10px 15px;
}

.opportunity-note-section .note-view, .opportunity-note-section .note-insert button:not(:first-child) {
	display: none;
}

.enkiModule #videoForumList #book-associate-modal .p-datatable-thead {
	display: none;
}

.enkiModule #skillWorkshopList #book-sworkshop-associate-modal .p-datatable-thead {
	display: none;
}


.enkiModule #profExpList #pe_book_associate_modal .p-datatable-thead {
	display: none;
}

.enkiModule #start_date .p-inputtext::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #918c8c;
	opacity: 1; /* Firefox */
}

.enkiModule #start_date .p-inputtext:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #918c8c;
}

.enkiModule #start_date .p-inputtext::-ms-input-placeholder { /* Microsoft Edge */
	color: #918c8c;
}

.enkiModule #end_date .p-inputtext::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #918c8c;
	opacity: 1; /* Firefox */
}

.enkiModule #end_date .p-inputtext:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #918c8c;
}

.enkiModule #end_date .p-inputtext::-ms-input-placeholder { /* Microsoft Edge */
	color: #918c8c;
}

.enkiModule #engagementDashboard #engagementTable .header {
	background-color: #ffffff !important;
}

.enkiModule #engagementDashboard #engagementTable .header .p-column-header-content .p-column-title {
	color: #918C8C !important;
}

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

.enkiModule #engagementDashboard #engagementTable .p-datatable-thead > tr:nth-child(2) > th.header {
	background-color: #ddd !important;
}

.enkiModule #atsTab .box-shadow{
	box-shadow: 0px 0px 5px 2px rgba(71, 76, 216, 0.18);
}

.enkiModule #uploadFaqApp .p-card .p-card-title{
    font-size: 24px;
    font-weight: 500;
}

.enkiModule #retentionAndDiversityTab .charts .card{
	box-shadow: rgba(71, 76, 216, 0.18) 0px 10px 15px;
}

/* Trustee Dashboard */
.enkiModule #trusteeDashboard table{
	font-size: 12px;
	color: #918C8C !important;
	white-space: nowrap;
}

.enkiModule #trusteeDashboard table thead{
    background-color: #474CD8;
    color: white;
}

.enkiModule #trusteeDashboard table tbody tr td,
.enkiModule #trusteeDashboard table thead tr th{
	padding: 5px;
}

.bgrey td{
	background-color: #ddd !important;
	font-weight: bold;
}

.enkiModule #associateApplicationFirstTabDT .p-column-title{
	white-space: unset;
}

.enkiModule #trusteeDashboard table tbody td:first-child{
	position: sticky;
    left: 0;
	width: 30rem;
    background-color: #eeeeee;
}

.enkiModule #trusteeDashboard table thead th:first-child{
	position: sticky;
    left: 0;
	width: 33rem;
	background-color: #474CD8;
}

.enkiModule .icon-blue{
	color: #474CD8 !important;
}

.enkiModule .download_enki_table_listing thead {
	background-color: #474CD8 !important;
	color: white;
}

.enkiModule #WhatsAppGroupDatatable .p-column-title {
    white-space: normal !important;
}

.enkiModule #gef-answer small {
    color: #474CD8;
}

.enkiModule #gef-answer .p-tabview .p-tabview-panels {
	padding-right: 0px;
	padding-left: 0px;
}

.enkiModule .loading-table {
	position: relative;
}

.enkiModule .loading-table-error {
	position: relative;
}

.enkiModule .loading-table::before {
	content: "Loading...";
	background: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.enkiModule .loading-table-error::before {
	content: "Sorry request not processed right now, Please check after sometime.";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

#engagementTable.p-datatable table > thead tr:nth-child(n+2):nth-child(-n+5) .p-column-header-content
{
    justify-content: center !important;
}

#university-info-modal .table>thead>tr>th, #university-info-modal .table>tbody>tr>td {
	border: 1px solid #ddd !important;
}

#university-info-modal .p-dialog-header {
	padding-left: 20px !important;
    padding-right: 20px !important;
}

#university-info-modal .p-dialog-header {
	padding-left: 20px !important;
    padding-right: 20px !important;
}

#university-info-modal .p-tabview.p-component {
	padding: 15px 20px;
}

#university-info-modal .p-tabview-panels {
	padding-left: 0px;
    padding-right: 0px;
}

#university-info-modal .p-dialog-footer {
	border-top: 1px solid #dee2e6;
}

#university-info-modal .p-dialog-footer button {
	background-color: #f6f8f8 !important;
    box-shadow: unset;
    border: 1px solid #f6f8f8 !important;
    margin-right: 6px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.enkiModule #skillGuideListingPage #uploaded-skill-guide, .enkiModule #skillGuideListingPage #uploaded-skill-image {
	width : 160px;
	overflow: hidden;
}

.enkiModule #skillGuideListingPage .picture_edit_input, .enkiModule #skillGuideListingPage .pdf_attachment_edit_input {
	width : 95px;
}

.enkiModule .associateResponses .panel-body {
	padding-top: 0px !important;
}

.enkiModule #gef-category small, .enkiModule #gef-category-level h3 small {
    color: #474CD8;
}

.enkiModule #course-question-text-modal .note-btn-group.note-insert [aria-label="Picture"], [aria-label="Video"]{
	display: inline-block;
}

.enkiModule .impactMainTab .p-tabview-nav-link{
	padding-left: 10px !important;
	padding-right: 10px !important;
}

/* Coordinator Profile image */
.enkiModule #coordinateProfilePage .coordinatorProfileImage{
	position: relative;
	width: 100%;
	height: 400px;
}

.enkiModule #coordinateProfilePage .coordinatorProfileImage img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.enkiModule #coordinateProfilePage .coordinatorProfileImage #upload-image {
	position: absolute;
    bottom: -50;
	left: 38%;
}

.enkiModule #sidebar-footer .truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 120px;
}

.enkiModule #associateFilters .filter-button-section{
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: white;
}

.enkiModule #associateFilters .filter-button-section{
	position: sticky;
	bottom: 10;
	z-index: 1;
}

/* SummerNote new style */
.enkiModule .note-editable li {
	list-style: unset !important;
}

.enkiModule .note-editable b {
	color: black;
	font-weight: 700;
}

#digital-skills-question-text .cc-content li {
	list-style: unset !important;
}

/* Alumni Pages */

#alumni-booked-event-listing-table.p-datatable .p-datatable-thead > tr > th {
  background-color: #2A4566 !important;
  color: #ffffff !important;
}

#alumni-booked-event-listing-table .p-column-title {
  font-size: 18px !important;
  font-family: "NunitoSans-Regular" !important;
  line-height: 1.15 !important;
}

#alumni-booked-event-listing-table .p-column-header-content {
  padding: 0px !important;
  text-align: left !important;
}

#alumni-booked-event-listing-table.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover,
#alumni-booked-event-listing-table.p-datatable .p-sortable-column:focus,
#alumni-booked-event-listing-table.p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover,
#alumni-booked-event-listing-table.p-datatable .p-sortable-column:focus{
  background-color: #2A4566 !important;
  color: #ffffff !important;
}

#alumni-booked-event-listing-table.p-datatable .p-datatable-thead > tr > th {
  position: relative;
}

#alumni-booked-event-listing-table .pi-sort-amount-up-alt:before, .pi-sort-amount-down:before, .pi-sort-alt:before {
  color: #ffffff;
  opacity: 1;
  right: 12px;
  bottom: 13px;
  font-size: 10px !important;
}

.justify-content-end {
  display: flex !important;
  justify-content: end !important;
}

#alumni-booked-event-listing-table .p-dropdown-label.p-inputtext {
  font-size: 18px;
  padding-left: 5px;
  padding-top: 4px;
}

#alumni-upcoming-event-listing-table .p-dropdown-label.p-inputtext {
  font-size: 18px;
  padding-left: 5px;
  padding-top: 4px;
}

#alumni-booked-event-listing-table .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  border-radius: 0px;
  margin-right: 430px !important;
}

#alumni-upcoming-event-listing-table .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  border-radius: 0px;
  margin-right: 430px !important;
}

.mt-2-percent {
  margin-top: 2%;
}

.pt-2-percent {
  padding-top: 2%;
}

.bg-cyan-blue {
  background-color: #2A4566 !important;
}

.bg-cyan-blue-1 {
  color: #2A4566 !important;
}

.pl-10 {
  padding-left: 10px;
}

.pr-25 {
  padding-right: 25px;
}

.p-2 {
  padding: 2px !important;
}

.h-40 {
  height: 40px;
}

.h-40-imp {
  height: 40px !important;
}

.alumni-location {
  overflow-wrap: anywhere !important;
  resize: vertical;
}

.catering-type {
  width: 100%;
  height: 50px;
  height: 80px;
  overflow-y: scroll;
}

.catering-option {
  width: 100%;
  height: 65px;
  overflow-y: scroll;
}

.catering-option-1 {
  width: 100%;
  height: 71px;
  overflow-y: scroll;
}

.alumni-contact-title {
  font-size: 28px;
  height: 97px;
  background-color: #474CD8 !important;
}

.fs-large {
  font-size: large;
}

.details-label {
  margin-top:-22px;
  color: #2196F3;
}

.mt-25 {
  margin-top: 25px;
}

.alumni-contact-text {
  width: 220px;
  height: 30px;
}

.b-210 {
  bottom: 210px;
}

.mb-0-per {
  margin-bottom: 0%;
}

.mt-1-per {
  margin-top: 1%;
}

.fs-1-1rem {
  font-size: 1.1rem;
}

.fw-100 {
  font-weight:100;
}

.mt-2-per {
  margin-top:2%
}

.fs-1-7rem {
  font-size:1.7rem;
}

.mt-5 {
  margin-top: 5px;
}

.bg-modal-header {
  background: #d6e4f0;
}

.p-0-imp {
  padding: 0 !important;
}

.pt-10-imp {
  padding-top: 10px !important;
}

.mt-30-per {
  margin-top:30%;
}

.help-button {
  color: #337ab7;
  text-decoration: none;
  background: none;
  border: none;
}

.help-button:hover {
  color: #23527c;
  text-decoration: underline;
}

.btn:hover {
  color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

.find-more {
  color: #337ab7;
  text-decoration: none;
}

.find-more:hover {
  color: #23527c;
  text-decoration: underline;
}

.btn-infos{
  background:#008CBA;
  border:solid 1px #008CBA;
  border-radius:0px;
}

.alert-dangers {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alerts {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert-successmesssage {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.li-unset {
  list-style: unset;
}

.mt-20-percent {
  margin-top:20%;
}

.pl-25 {
  padding-left: 25px !important;
}

.alumni-gold {
  border-style: solid;
  border-color: #9DA4F4 !important;
  border-width: 20px;
  padding: 0px !important;
}

.alumni-bottom {
  padding: 5px !important;
  width: 95%;
  vertical-align: middle;
}

.alumni-content {
  margin: 0 0 0px;
  font-size: 14px;
  text-align: center;
}

.alumni-img-up {
  margin-top: 1px;
  padding: 5px !important;
}

.w-50 {
  width: 50px;
}

.pr-2 {
  padding-right: 2px;
}

.w-40 {
  width: 40%;
}

.h-auto {
  height: auto;
}

.over-flow-wrap-any {
  overflow-wrap: anywhere !important;
}

.h-65 {
  height: 65px;
}

.fs-24 {
  font-size: 24px;
}

.fw-600 {
  font-weight: 600px;
}

.fs-16 {
  font-size: 16px;
}

.white-space {
  white-space: pre-wrap;
}

#alumni-upcoming-event-listing-table .p-datatable-thead {
  display: none;
}

.b-10 {
  bottom: 10px;
}

.alumni-add-details {
  background-color:#2A4566 !important;
  color:white !important;
  border-radius: 20px !important;
}

.alumni-role-button {
  background-color: #2A4566;
  color: white;
  margin-top: -23px;
  margin-right: 85%;
  border-radius: 30px !important;
}

.alumni-submit-button {
  width: 100px;
  padding: 11px
}

#Alumni-career-history th {
  padding: 8px !important;
  border-right: 1px solid #ddd;
  background-color: #2A4566 !important;
  color: #ffffff !important;
}

#Alumni-career-history .p-column-title {
  font-size: 18px !important;
  line-height: 1.42857143;
  text-align: left !important;
}

#Alumni-career-history td {
  color: #58666e !important;
}

.alumni-career-column {
  border: unset !important;
}

.edit-career-button {
  width: 100% !important;
  height:44px !important;
}

.h-44-imp {
  height:44px !important;
}

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

.search-input {
  height: 35px;
}

.search-input.border-radius {
  border-radius: 5px !important;
}

#alumni-resource-listing-table .p-datatable-thead {
  display: none;
}

#alumni-resource-listing-table .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  border-radius: 0px;
  margin-right: 430px !important;
}

#Alumni-career-history .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  border-radius: 0px;
  margin-right: 150px !important;
}

#Alumni-career-history .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  border-radius: 0px;
}


#alumni-resource-listing-table .p-dropdown-label.p-inputtext, #Alumni-career-history .p-dropdown-label.p-inputtext {
  font-size: 18px;
  padding-left: 5px;
  padding-top: 4px;
}

#alumni-resource-listing-table .p-datatable-wrapper {
  overflow: unset !important;
}

.color-cyan-blue {
  color: #2A4566 !important;
}

#resource-listing .MultiCarousel, #resources .MultiCarousel {
  position: relative;
  left: -17px;
}

#alumni-contact-details .form-animate-text .form-text,.form-animate-text .form-text:focus, .form-text.p-inputwrapper-focus {
  border: 1px solid #ddd !important;
  padding: 10px;
  border-radius: 0px !important;
}

#alumni-contact-details #alumni-from input:focus, #alumni-contact-details #alumni-to input:focus,
#alumni-contact-details #modal-from input:focus, #alumni-contact-details #modal-to input:focus,
#alumni-update-interests #alumni-from input:focus, #alumni-update-interests #alumni-to input:focus,
#alumni-update-interests #modal-from input:focus, #alumni-update-interests #modal-to input:focus {
  border: unset !important;
  padding: 0px !important;
  box-shadow: unset !important;
  background: transparent !important;
}

#alumni-contact-details #alumni-from .p-inputtext, #alumni-contact-details #alumni-to .p-inputtext,
#alumni-contact-details #modal-from input:focus, #alumni-contact-details #modal-to input:focus {
  color: #58666e !important;
  font-family: "NunitoSans-Regular" !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
}

#alumni-contact-details #alumni-from .p-inputtext:enabled:hover, #alumni-contact-details #alumni-to .p-inputtext:enabled:hover,
#alumni-contact-details #modal-from input:focus, #alumni-contact-details #modal-to input:focus,
#alumni-update-interests #alumni-from .p-inputtext:enabled:hover, #alumni-update-interests #alumni-to .p-inputtext:enabled:hover,
#alumni-update-interests #modal-from input:focus, #alumni-update-interests #modal-to input:focus {
  border-color: #ddd !important;
}

#alumni-contact-details select {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

#alumni-contact-details .modal-body select {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

#alumni-contact-details .p-calendar .p-inputtext {
  font-size: 18px !important;
}

.modal-open .p-datepicker.p-component.p-connected-overlay-enter-done {
  z-index: 1060 !important;
}

/* Alumni Home page */
.bg-gray {
  background-color: rgba(0,0,0,.01) !important;
}

.copyStatusMessage, #copyStatusMessageForAssociates,  #copyStatusMessageForMentors {
    display: none; 
}

.bg-gray-color {
    background-color: #999;
	padding-left: 6px;
    padding-bottom: 3px;
    padding-right: 6px;
    padding-top: 2px;
    border-radius: 3px;
    color: white;
}

.pt-0-imp {
  padding-top: 0px !important;
}

#alumni-home .pt-0-imp {
  padding-top: 0px !important;
}

.pb-15-imp {
  padding-bottom: 15px !important;
}

.pt-15-imp {
  padding-top: 15px !important;
}

.z-index1-imp {
  z-index: 1 !important;
}

#tabsDemo4Content .br-30-imp, #alumni-home .br-30-imp, #events .br-30-imp, #champion .br-30-imp, #refer .br-30-imp, #volunteer .br-30-imp, #write .br-30-imp, #donate .br-30-imp, .mr-27.br-30-imp, .alumni-add-details.br-30-imp {
  border-radius: 30px !important;
}

.color-blue-imp {
  color: #2196f3 !important;
}

.opacity-1 {
  opacity: 1;
}

.mt-2 {
  margin-top: 2px;
}

.z-index1 {
  z-index: 1;
}

.w-0-per {
  width: 0%;
}

.flex-row {
  flex-direction: row;
}

#tabsDemo3Content .class-one-style {
  order: 1;
  width: 14.28%;
  display: flex;
  justify-content: center;
  padding: 0px !important;
}

.cursor-default {
  cursor: default;
}

#tabsDemo3Content .update-header, #tabsDemo3Content .event-header, #tabsDemo3Content .champion-header, #tabsDemo3Content .refer-header, #tabsDemo3Content .volunteer-header, #tabsDemo3Content .write-header, #tabsDemo3Content .donate-header {
  border: none !important;
  color: #fff !important;
  font-size: large;
  padding-top: 10px !important;
  padding-bottom: 0px !important;
}

#tabsDemo3Content .update-img, #tabsDemo3Content .event-img, #tabsDemo3Content .champion-img, #tabsDemo3Content .refer-img, #tabsDemo3Content .volunteer-img, #tabsDemo3Content .write-img, #tabsDemo3Content .donate-img {
  border: none !important;
  padding-top: 0px !important;
}

#tabsDemo3Content .class-two-style {
  order: 2;
  width: 14.28%;
  display: flex;
  justify-content: center;
  padding: 0px !important;
}

#tabsDemo3Content .class-three-style {
  order: 3;
  width: 14.28%;
  display: flex;
  justify-content: center;
  padding: 0px !important;
}

#tabsDemo3Content .class-four-style {
  order: 4;
  width: 14.28%;
  display: flex;
  justify-content: center;
  padding: 0px !important;
}

#tabsDemo3Content .class-five-style {
  order: 5;
  width: 14.28%;
  display: flex;
  justify-content: center;
  padding: 0px !important;
}

#tabsDemo3Content .class-six-style {
  order: 6;
  width: 14.28%;
  display: flex;
  justify-content: center;
  padding: 0px !important;
}

#tabsDemo3Content .class-seven-style {
  order: 7;
  width: 14.28%;
  display: flex;
  justify-content: center;
  padding: 0px !important;
}

.pr-10 {
  padding-right: 10px;
}

#update-profile .update-style, #events .event-style, #champion .champion-style, #refer .refer-style, #volunteer .volunteer-style, #write .write-style, #donate .donate-style {
  border-style: solid;
  border-color: #2A4566;
  border-width: 20px;
  padding: 0px !important;
  margin-left: 10px;
  bottom: 3px;
}

.pl-35 {
  padding-left: 35px;
}

.p-35 {
	padding:35px;
}

#alumni-home .p-mob-0 {
  padding: 0px !important;
}

.fw-400 {
  font-weight: 400;
}

.color-blue {
  color: blue;
}

.color-blue:hover, .color-blue:visited, .color-blue:focus {
  color: blue;
  text-decoration: underline !important;
}

.ml-50 {
  margin-left: 50px;
}

#progress-alumni {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  margin-top: 13px;
  padding: 0px;
  margin-left: 0px;
  height: 20px;
}

#contactUniversityModal .pt-10-imp, #alreadyChampionedModal .pt-10-imp, #addReferedAssociateModal .pt-10-imp, #addVolunteerModal .pt-10-imp, #donateMemberModal .pt-10-imp, #donateSupporterModal .pt-10-imp, #donateSponsorModal .pt-10-imp, #writeBlogModal .pt-10-imp, #writeTestimonialModal .pt-10-imp {
  padding-top: 10px !important;
}

#contactUniversityModal .w-100-imp, #alreadyChampionedModal .w-100-imp, #addVolunteerModal .w-100-imp {
  width: 100% !important;
}

.w-60-per-imp {
  width: 60% !important;
}

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

.p-0px-imp {
  padding: 0px !important;
}

.h-50-imp {
  height: 50px !important;
}

.w-50-per-imp {
  width: 50% !important;
}

.h-36 {
  height: 36px;
}

.h-64-imp {
  height: 64px !important;
}

.h-91-imp {
  height: 91px !important;
}

.w-40-per-imp {
  width: 40% !important;
}

.alumni-header .opener-left-menu.is-open {
  display: block !important;
}

.p-25 {
  padding: 25px;
}

.row .progress.write-progress {
  height: 20px !important;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.w-0-per-imp {
  width: 0% !important;
}

#alumni-new-agreement p {
  color: #58666e !important;
  font-family: "NunitoSans-Regular" !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
}

.alumni-bottom .footer-new.alumni-content {
  font-size: 21px !important;
  color: black !important;
}

.p-10-imp {
  padding:10px !important;
}

.alumni-about {
  width: 220px;
  height: 40px;
}

.vertical-middle-imp {
  vertical-align: middle !important;
}

.alumni-update {
  font-family: "NunitoSans-Regular" !important;
  font-size: 18px !important;
}

.vertical-bottom {
  vertical-align: bottom;
}

.w-270 {
  width:270px;
}

.padding-0.pt-0-imp {
  padding-top: 0px !important;
}

.alumni-profile-picture {
  width: 50% !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.btn-primary.br-20-imp {
  border-radius: 20px !important;
}

#Alumni-career-history.text-color td {
  color: #000 !important;
}

#padding-top.pt-10-imp {
  padding-top: 10px !important;
}

.datatable-font-size .p-component {
  font-size: 18px !important;
}

#Alumni-career-history.data-table-text-color td {
  color: #000 !important;
}

.p-5-imp {
  padding: 5px !important;
}

#profile .padding-profile {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

#padding-top .mt-7 {
  margin-top: 7px;
}

#alumni-upcoming-event-listing-table.p-datatable-responsive-scroll>.p-datatable-wrapper {
  overflow-x: unset;
}

.w-136 .p-column-header-content .p-column-title {
  width: 136px;
}

.form-control.edit-to-date {
  font-size: 14px !important;
}

.event-format .p-button{
	min-width: 50% !important;
}

.copymessage-button-container {
    position: relative;
}

.copyMessage {
    position: absolute;
    top: -24px; 
	right: -20%;
    background-color: rgba(0, 0, 0, 0.7); 
    color: white;
    padding: 4px 6px;
    border-radius: 3px;
    font-size: 12px;
}

.event-format .p-button{
	min-width: 50% !important;
	border-radius: 0px !important;
}

.location-padding{
	padding-top:10px !important;
}
.accomodation-location{
	width: 13px !important;
	height: 15px !important;
	margin-right: 8px !important;
	padding-left: 1px !important;
	margin-bottom: 3px !important;
}

.paginator-container {
    display: flex;
    align-items: center;
    padding: 0; 
    gap: 10px; 
	margin-left: 45%;
	font-size: 12px;
	margin-bottom: 10px;
}

.paginator-text {
    margin: 0; 
}

.paginator-select {
    margin: 0;
}

.paginator-drop {
    padding: 5px; 
	border: 1px solid;
}
.video-forum-details-modal .tabs-area{
	box-shadow: unset !important;
}
.waiting-list-input{
	border-radius: 0px !important;
}
.events .input-group-addon {
	background-color: #fff;
    font-weight: 100;
    border: 0px !important;
	padding-left: 12px !important;
	padding-top: 9px !important;
	padding-bottom: 9px !important;
}
.events .mb-10{
	position: relative;
    min-height: 1px;
    padding-right: 25px;
    padding-left: 15px;
}
.events .mb-0{
	margin-bottom: -5px !important;
	position: relative !important;
    min-height: 1px !important;
    padding-right: 25px !important;
    padding-left: 15px !important;
}
.attendance-header{
	color:#474CD8 !important;
	font-weight: bold;
}
.attendance-tableheader{
	background-color: #474CD8 !important;
	color: white !important;
}


.no-header .p-dialog-header {
    display: none;
}

.no-header .p-dialog-content {
    padding-top: 0;
	border-radius: 8px 8px 0 0;
}

.confirm-space-header .p-dialog-content {
    padding-top: 0;
	text-align : center;
	border-radius: 0 0 8px 8px;
}

.accessibility-modal-footer{
	 background: #3A8EE8 !important;
	 border-color: transparent !important;
}

#mail-content a[href*="/event/calendar-download/"]:focus {
    background-color: #474cd8 !important;
} 

#mail-content a[href*="upreach-events/"][href*="/videoforum"]:focus,
#mail-content a[href*="upreach-events/"][href*="/skill-workshop"]:focus ,
#mail-content a[href*="upreach-events/"][href*="/professionalexperience"]:focus {
    background-color: #474cd8 !important;
}

.upReach-events .events-intro{
   /* margin:10px; */
   padding: 20px;
}

.upReach-events{
	background: rgba(158, 165, 238, 0.08);
	padding:0px !important;
}

.upReach-events .panel-body{
	padding: 0px !important;
}

.upReach-events .all-events{
	background: #EDF0FB;
	/* margin: 10px; */
	padding:10px;
}

/* .upReach-events .event{
    display: flex;
    justify-content: space-between;
} */

/* .event .event-details{
    display: flex;
    align-items: center;
    gap:20px;
} */

.event .event-buttons{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 25px;
}

.event-booked-buttons{
	 display: flex;
	justify-content: flex-end;
	line-height: 25px;
}

.all-event-wrapper{

    display: flex;
    justify-content: center;
    align-items: center;
}

.event-flex {
    display: flex;
    align-items: center;
    gap:10px;
    padding-left: 5px;
}
.event p{
    margin:0 !important;
}

/* event related styles */ 

.event{
    border: 1px solid #d0d8e3e3;
    background-color: #fff;
    margin-bottom:5px;
    cursor: pointer;
    width: 80%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}

/* Hover effect with scale and border */
.event:hover {
    /* border: 1px solid #58666e; */
}
.event-filters{
    display: flex;
    justify-content: space-around;
    gap:16px;
    flex-wrap: wrap;
}

.events-heading{
    font-weight: 700;
    margin-top:10px;
    font-size: 22px;
	width:80%;
}

.filter-items select:focus-visible {
    outline: none !important;
}

.filter-items .searchInput .p-inputtext {
    padding-right: 25px;
}

.cancel-booking{
    cursor: pointer;
    text-decoration: underline;
    color: rgb(0, 108, 229);
    font-family: Arial, Helvetica, sans-serif;
}

#filter-search{
    background: none !important;
}


.section-container {
    display: flex;
    flex-direction: column;
}
.sector-listing, .skills-listing {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px; 
    margin-bottom: 5px;
}

.read-more-btn {
    background-color: transparent; 
    border: none; 
    color: #007bff; 
    cursor: pointer; 
    margin-top: 10px; 
    font-size: 14px; 
    text-decoration: underline; 
}
.section-heading {
    font-size: 16px; 
    color: #333; 
    margin-bottom: 10px; 
    font-weight: bold;
}

.event-author-details {
    display: flex;
    align-items: center;
}

.event-author-picture {
    margin-right: 18px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-bottom: 30px;
}

.author-info {
    flex: 1;
}

.name-and-linkedin {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.author-name {
    font-size: 18px;
    line-height: 25px;
    font-weight: normal;
    margin-bottom: 8px;
    margin: 0; 
}

.linkedin-icon {
    margin-left: 10px;
}

.author-designation, 
.author-email {
    font-size: 13px;
    line-height: 20px;
    font-style: italic;
    margin-bottom: 5px; 
}

.join-video-call {
    background-color: #394B61;
    color: white;
    border-radius: 50px;
    padding: 10px 10px;
    font-size: 12px;
    text-decoration: none;
}

.join-video-call i {
    margin-left: 10px;
    background-color: white;
    color: #394B61;
    border-radius: 50%;
    padding: 8px;
}
.join-video-call:hover {
    color: white; 
}
.join-video-call:active {
    background-color: #394B61 !important; /* Set background color while clicking */
}
.waiting-or-joining{
    line-height: 1.2 !important;
    padding-top: 2px;
    padding-bottom: 2px;
    border: none !important;
    border-radius: 15px !important;
	background:rgb(245, 247, 250);
}
.p-dialog-footer-event {
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
}
.event {
    transition: box-shadow 0.3s ease;
  }
  
.event:hover {
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
    cursor: pointer;
  }

.event-full{
    line-height: 1.2 !important;
    padding-top: 10px;
    padding-bottom: 10px;   
    border: none !important;
    border-radius: 15px !important;
}

.spaces-remaining{
    cursor: pointer;
    color: rgb(0, 108, 229);
    font-family: Arial, Helvetica, sans-serif;
}

.book-event{
    max-width: 140px !important;
    line-height: 1.2 !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;    
    border: none !important;
    border-radius: 15px !important;
}

.event-full:disabled {
    background-color:  rgb(245, 247, 250); 
    cursor: not-allowed;
  }

 

.event-container {
    width: 300px; 
  }
  
.event-title {
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	font-weight: bold;
	font-size: 1.5rem;
    
}

.no-events{
	width: 100%;
    display: flex;
    justify-content: center
}

.no-events .card{
    width: 80%;
    height: 90px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d0d8e3e3;

}

.filter-items .p-inputtext{
    border-radius: 0px;
    font-size: 14px !important;
    padding: 0.5rem 1rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.filter-items .p-inputtext:enabled:hover {
    border-color: #ced4da !important;
}

.filter-items .pi-search{
    font-size: 12px;
    padding-right: 5px;
}

.event-icons{
    
}

.all-events .load-more {
        padding-bottom: 30px;
        padding-top: 20px;
    font-weight: 600;
  }
.date-card{
    height: 60px;
    width: 40px;
}

.event-cancel-popup .p-dialog-content {
    padding: 20px; 
    text-align: center; 
	border-radius: 0 0 6px 6px !important;
}
  
  .cancel-title {
    font-size: 1.5rem;
    margin-bottom: 20px; 
  }
  
  .p-dialog-footer-event {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    text-align: center;
  }
  
  .btn-modal-confirm-nocancel, 
  .btn-modal-confirm-cancel {
    padding: 10px 20px;
    border: none;
    border-radius: 5px; 
    cursor: pointer;
    font-size: 14px;
    width: 45%;
  }
  
  .btn-modal-confirm-nocancel {
    background-color: aliceblue;
    color: #333;
  }
  
  .btn-modal-confirm-cancel {
    background-color: #2196F3;
    color: white;
  }
.btn-modal-confirm-nocancel, .btn-modal-confirm-cancel {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid gray;
    padding: 10px 20px;
    font-size: 16px; 
  }
  .event-cancel-popup{
    border-radius: 30px !important;
    
}

  .event-buttons {
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
    align-items: center; 
    height: 100%; 
    line-height: 25px;
  }
  
  .cancel-booking-container {
    margin-top: auto; 
  }
  
  .event-buttons button,
  .event-buttons p {
    min-width: 150px; 
    text-align: center;
  }
  
  .join-video-call:hover {
    background-color: #394B61; 
  }


  .video-icon{
    width: 15px;
}
.parent-container {
    /* height: 100vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* flex-direction: column; */
}
.cancel-booking-container{
    margin-bottom: -30px;

}
.center-container {
    padding-bottom: 20px
}
.event-cancel-popup .pi {
    font-size: 2rem !important;
}

.pl-16{
	padding-left: 16px;
}

.waiting-list{
	/* display: flex;
	flex-direction: column;
	align-items: center; */
	width: 120px;

}

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

@media (min-width : 991px) and (max-width: 1100px) {
	.event, .events-heading{ 
		width: 90% !important;
	}
	.no-events .card{
		width: 90% !important;
	}

}

.button-container{
	display: flex !important;
    flex-direction: column !important;
    justify-content: space-evenly !important;
    align-items: center !important;
    height: 100% !important;
}

.event-w-120 {
    width: 120px;
	height: 40px;
}

.cancel-button{
	display: flex;
	align-items: flex-end;
}

.cancel-modal-title {
    margin-bottom: 20px;
	font-style: normal;
	font-weight: 600;
	font-size: 25px;
	line-height: 37px;
	text-align: center;
	color: #304563;
}


.waiting-available{
    line-height: 1.2 !important;
    padding-top: 2px;
    padding-bottom: 2px;
    border: none !important;
    border-radius: 15px !important;
	background:  rgb(245, 247, 250);
} 

.upcoming-event-button{
	display: flex;
    justify-content: flex-end;
    align-items: center;
}

.space-text{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    text-align: center;
    padding-bottom: 4px;
}

.join-video-button{
	display: flex;
	justify-content: space-between;
	background-color: #394B61;
    color: white;
    border-radius: 50px;
    padding: 4px 6px;
    font-size: 11px;
	width: 120px;
}
.video-text{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
}
.video-icon-wrapper{
	background-color: white;
	border-radius: 50%;
	border: 1px solid black;
	display: flex;
	justify-content: center;
	width: 30px;
}


.location-padding{
	display: flex;
    align-items: center;
}
.editAttendanceStatus:hover {
	text-decoration: underline;
	cursor: pointer;
}


.alert-modal  #pr_id_10_content{
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.eligibility-check-modal .p-dialog-content{
	border-radius: 0 0 6px 6px !important;
}

.unbooked-associates .searchInput{
	display: flex !important;
	justify-content: end;
}

.pronouns-text {
	margin-bottom: 15px !important;
	font-family:"NunitoSans-Regular" !important;
}

.p-text{
	color: #2196F3 !important;
	font-size: 14px;
}

.contact-preference .input-group-addon{
	min-width: unset !important;
}

.pl-imp-0{
	padding-left: 0px !important;
}
.alert-modal .p-dialog-header{
	padding: 15px !important;
}
/* .confirm-space {
    padding-top: 0;
	text-align : center;
	border-radius: 0 0 8px 8px;
} */

.accessibility{
	margin-left: 15px;
	margin-right: 15px;
	justify-content: center;
}

.catering{
	margin-left: 15px;
	margin-right: 15px;
	justify-content: center;
}
.additional-requirement-modal {
    width: 65% !important; 
	height: 40% !important;
} 

.additional-requirement-name {
	border: none !important;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 14px;
}
.additional-requirement-input {
	font-family: "NunitoSans-Regular" !important
}
.additional-requirement-column .p-column-title {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.edit-notes{
	text-decoration: underline;
	cursor: pointer;
}
#book-accessibility .modal-content,
#edit-accessibility .modal-content,
#book-waiting-accessibility .modal-content,
#edit-catering-accessibility .modal-content {
    margin-left: 3%;
    width: 90%;
}
.blurred {
	filter: brightness(0.5)
} 
.custom-field{
	width:50%;
	padding: 0 10px ;
}
@media (max-width: 768px) {
    .custom-field {
		width: 100%;
        margin-bottom: 10px; 
    }
}

.book-slot-modal .p-dialog-content{
	border-radius: 0 !important;
}

.slots-close-btn{
	color: #857E7E !important;
	background-color: #f6f8f8 !important;
    box-shadow: unset;
    border: 1px solid #f6f8f8 !important;
	padding: 6px 12px;
}

@media (min-width: 576px) {
    .custom-modal-width {
        max-width: 570px !important;
    }
}

.pd-0{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.eligibility-check-modal .p-dialog-title{
	text-align: center !important;
    font-size: 20px !important;
}

.eligibility-check-modal .p-dialog-content{
	border-radius: 0 0 6px 6px !important;
}


.applicationTracker #excel-like-table .p-datatable-responsive-scroll .p-datatable-wrapper{
	overflow-y: unset !important;
  }

.applicationTracker #excel-like-table .p-datatable .p-datatable-wrapper{
	overflow-y: unset !important;
}

#applicationTracker  #excel-like-table .p-datatable .p-datatable-thead>tr>th{
	border-bottom: none !important;
	border: 1px solid #ccc !important;
	font-size: 15px !important;
  }

.applicationTracker  #excel-like-table table thead th {
	  border-bottom: none !important;
	  border: 1px solid #ccc !important;
	  padding-left: 8px !important;
}

.applicationTracker  #excel-like-table .p-datatable-tbody > tr > td {
	border: 1px solid #dcdcdc !important;
	padding: 8px;
	text-align: left;
	position: relative;
 }
  
.applicationTracker  #excel-like-table .p-cell-editing {
	border: 2px solid #dcdcdc !important;
 }

 .applicationTracker  #excel-like-table .p-cell-editing .p-inputtext{
	 border: none !important;
	 padding: 0 !important;
 }

.applicationTracker  #excel-like-table .p-datatable-tbody > tr > td :hover{
	/* background: grey; */
	cursor: text;
}
  
.applicationTracker  #excel-like-table .p-datatable-tbody > tr > td:focus {
	outline: 2px solid #4caf50;
}

.applicationTracker  #excel-like-table .p-datatable .p-datatable-thead>tr>th {
	border-bottom: unset !important;
}
  
.applicationTracker  #excel-like-table .p-column-title {
	font-size: 15px !important;
	text-align: left !important;
}
  
.applicationTracker  #excel-like-table .p-rating .p-rating-icon.pi-star-fill {
	color : #2A4566;
	
}

.applicationTracker  #excel-like-table .p-rating .p-rating-icon:hover{
	color : #474CD8;
}
  
.applicationTracker  #excel-like-table .p-rating .p-rating-icon {
	font-size: 14px;
}
  
#PDFContainer {
	margin: auto;
	width: 90%;
	display: flex;
	overflow-y: auto;
	flex-direction: column;
	align-items: center;
}

.PDFPage > canvas {
	max-width: 100%;
	height: auto !important;
}

.notes-container .btn-primary {
	padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    font-size: 12px;
}
.arrow-button {
	background-color: transparent;
	border: none;
	font-size: 18px;
	cursor: pointer;
}
.arrow-button.disabled {
	opacity: 0.5;
}
.slot-card {
	padding: 5px 5px;
	border-radius: 5px;
	cursor: pointer;
	border: 1px solid #ccc;
}
.slot-card.selected {
	border: 1px solid black;
}
.date-container {
	display: flex;
	gap: 10px;
	overflow: hidden;
	justify-content: center;
	flex: 1;
}
.date-box {
	cursor: pointer;
	line-height: 25px;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #ccc;
	transition: background-color 0.3s, color 0.3s; 
}
.date-box.selected {
	background-color: #3a8ee8;
	color: white;
}

@media (max-width: 768px) {
	.d-flex-wrap {
		display: flex;
		flex-wrap: wrap !important;
		gap: 2.5px; 
		max-height: 110px; 
		overflow-y: auto; 
		overflow-x: hidden; 
		box-sizing: border-box; 
		justify-content: center; 
		align-items: center; 
	}
	.pc-time-card {
		flex: 0 0 calc(20% - 3px); 
		box-sizing: border-box; 
	}
}

.font-mid{
	font-size: 1em !important;
}

@media (max-width: 700px) {
	.font-mid {
		font-size: 0.55em !important; 
	}
}

.custom-dropdown-container {
    position: absolute;
    width: 100%;
    max-width: 200px;
	top:100%;
	left:0;
}

.dropdown-header {
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.dropdown-header:hover {
    border-color: #aaa;
}

.dropdown-options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000000;
    /* max-height: 200px; */
	/* overflow-y: auto; */
}

.dropdown-option {
    padding: 2px 5px;
    cursor: pointer;
    font-size: 14px;
}

.dropdown-option:hover {
    background-color: #f4f4f4;
    color: #333;
}
.gap-10{
	gap : 10px;
}

.table-headers{
	padding: 16px;
}

.custom-color{
    color: white !important;
}
.reinstate-confirm{
	margin: 0;
}
.alert-box{
	padding: 10px;
}
.danger-message{
	margin-bottom: 0;
}
.modal-reinstate-body{
	padding-bottom: 20px;
	padding-left: 25px;
}
.pronous-text{
	font-family: "NunitoSans-Regular" !important;
}
/* .text-center{
	font-family: "NunitoSans-Regular" !important;
	color: #474dd6 !important;
} */
.custom-panel-style{
	background-color: #edf0fb !important;
}
.pb-onboarding{
	background-color: white;
	border-radius: 25px !important;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
}
.consent-modal{
	text-align: left !important;
    width: 75% !important;
    margin-left: 13% !important;
    border-radius: 25px !important;
	font-family: "NunitoSans-Regular" !important;
}
.pull-right{
	font-family: "NunitoSans-Regular" !important;
	border-radius: 4px !important;
}
.contactSubmit{
	border-radius: 4px !important;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #2196F3;
    color: #ffffff;
    border: 1px solid #2196F3;
	padding-top: 5px;
    padding-bottom: 5px;
}
.contact-title1{
	color: #474dd6;
	font-family :"NunitoSans-Regular";
	text-align : center;
	padding-top: 2%;
	font-weight: bold;
}
.contact-title2{
	color: #474dd6;
	font-family :"NunitoSans-Regular";
	text-align :center;
	font-weight: bold;
}
.container-color{
	background-color: #edf0fb;
}
 /* DT-76 - Improve employers search function on application tracker */
select.select-disabled {
	pointer-events: none;
	opacity: 0.5;
}
.dropdown {
	position: relative;
	color: #333;
	cursor: default;
}
    
.dropdown .arrow.open {
	border-color: transparent transparent #999;
	border-width: 0 5px 5px;
}

.dropdown .selected-value input {
	line-height: 1.5;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	box-sizing: border-box;
	cursor: default;
	outline: none;
	padding: 8px 52px 8px 10px;
	transition: all 200ms ease;
	width: 100%;
}

.dropdown .options {
	display: none;
	background-color: #fff;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	margin-top: -1px;
	max-height: 200px;
	overflow-y: auto;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1000;
	-webkit-overflow-scrolling: touch;
}

.dropdown .options.open {
	display: block;
}

.dropdown .option {
	box-sizing: border-box;
	color: rgba(51, 51, 51, 0.8);
	cursor: pointer;
	display: block;
	padding: 8px 10px;
}

.dropdown .option.selected,
.dropdown .option:hover {
	background-color: #f2f9fc;
	color: #333;
} 

#associateMentoringTab {
	margin-left: 0px;
	margin-right: 0px;
}
.p-overlaypanel-content {
    padding: 0 !important;
}
.collapsible-tracker .p-accordion-header-text{
	margin-left: 20px;
}
.collapsible-tracker .p-accordion-header-text{
	color: #304563;
}
.collapsible-tracker .col-md-12{
	float: none;
}
.collapsible-tracker .p-accordion-content{
	background: rgba(158, 165, 238, 0.08) !important;
}
.collapsible-tracker .bg-event{
	background: none;
	padding: 15px !important;
}
.collapsible-tracker .pi-chevron-down{
	font-size: small !important;
	margin-right: 25px !important;
}
.collapsible-tracker .pi-chevron-right{
	font-size: small !important;
	margin-right: 25px !important;
}
.collapsible-tracker .p-accordion-header-link{
	text-decoration: none;
}
.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus{
	box-shadow: none !important;
}
.excel-like-table .p-datatable .p-datatable-thead>tr>th,
.excel-like-table .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover,
.excel-like-table .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover,
.p-datatable .p-sortable-column:focus {
	background: none !important;
}
.collapsible-tracker{
	margin-left: -15px;
	margin-right: -15px;
}
@media (max-width: 700px) {
	.table-headers {
		padding: 10px;
		font-size: 12px !important;
		margin-bottom:10px ;
	}
}
.application-tracker-card {
	padding: 8px 6px;
	align-items: flex-start;
	display: flex;
	background: #474CD8;
	border-radius: 5px;
	border: 1px solid #ced4da;
}

.p-toast {
    z-index: 9999 !important;
}

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

#excel-like-table.pi-sort-amount-up-alt:before,
.pi-sort-amount-down:before,
.pi-sort-alt:before,.pi-sort-amount-up-alt:after,
.pi-sort-amount-down:after,
.pi-sort-alt:after{
    /* padding-left: 5px; */
    bottom: 12px;
    right: unset;
    display: inline-block;
    opacity: 0.9;
    color: #464FD0;
    font-weight: bold;
}

#upload-cv .text-underline,  #upload-cv .text-underline:hover{
	text-decoration: underline !important;
	color: #2196F3;
}

.applicationTracker .btn-primary{
	background-color: #474CD8 !important;
	text-wrap: wrap;
	border: 1px solid #474CD8 !important;
	color: white !important;
}

#update-application-status .close {
	float: right !important;
	padding-right: 20px;
	padding-top: 5px;
	font-size: 25px;
} 

.application-tracker-checkbox {
	cursor: pointer !important;
}

#upload-cv .text-underline,  #upload-cv .text-underline:hover{
	text-decoration: underline !important;
	color: #2196F3;
}

/* Background fade layer */
#update-application-status::before {
    content: '';
    position: fixed;
    top: 0;	
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.2); 
    z-index: 1049; 
}

#update-application-status .modal-dialog {
    z-index: 1051; 
    position: relative;
    margin: auto;
} 

#update-application-status .modal-content {
    border-radius: 8px;
    overflow: hidden;
}

#update-application-status .close {
	font-size: 30px;
	text-align: right;
	margin-top: -20px;
}
.bulk-update{
	display: flex;
	width: 100%;
	margin-left: 5%;
}
.bulk-status{
	margin-top: 8px;
}
.bulk-dropdown{
	margin-left: 60%;
}
.bulk-update-footer{
	padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-top: 4px solid #F7F8FE !important;
}
.left-text {
	text-decoration: underline; 
	margin: 2px; 
 	cursor: pointer; 
}
.applicationtracker-modal {
	display: flex;
	justify-content: space-between; 
	align-items: center; 
	padding: 3rem; 
  }

@media (max-width: 350px) {
    .modal-footer .left-text {
        font-size: 12px; 
        padding: 5px; 
    }

    .modal-footer .btn-modal {
        font-size: 12px; 
        padding: 6px 10px; 
    }
}

#upload-cv .text-underline,  #upload-cv .text-underline:hover{
	text-decoration: underline !important;
	color: #2196F3;
}

.career-goal-btn{
	margin-top: 10px;
	display: flex;
	justify-content: flex-end;
}

.career-goal-modal .p-dialog-content{
	border-radius: 0 0 6px 6px !important;
}

.career-goal-dropdown{
	background-color: #2A4566 !important;
}

.career-goal-dropdown .p-dropdown-label.p-placeholder,
.career-goal-dropdown .p-dropdown-trigger,
.career-goal-dropdown .p-inputtext{
	color: white !important;
}
.career-goal-enki {
	background-color: #474CD8 !important;
    margin-bottom: 10px;
    position: absolute !important;
    z-index: 10;
    top: 2px;
    padding: 5px;
	padding-left: 5px;
    color: white !important;
    width: 100%;
    margin-right: 6px;
    left: 0px;
}
.margin-to-60 {
margin-top: 60px;
}
.p-dropdown .p-dropdown-label.p-inputtext.p-placeholder {
    color: white !important;
}
.p-dialog .p-dialog-content {
    padding: 0 1.5rem 2rem 1.5rem !important;
}
.mobile-only {
    display: none !important;
}
.lap-only {
    display: flex; 
}
@media screen and (max-width: 600px) {
    .mobile-only {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
    }

    .lap-only {
        display: none !important;
    }

    .flex-column-mobile {
        flex-direction: column;
        align-items: flex-start;
    }

    .mobile-only h2 {
        margin-bottom: 10px;
    }

    .mobile-only .w-full {
        width: 100% !important;
    }
}
@media screen and (max-width: 768px) {
    .career-goal-modal {
        width: 90vw !important; 
        max-width: 90vw; 
    }
    .career-goal-input {
        width: 100% !important; 
    }
    .career-goal-btn {
        text-align: center; 
    }
    .btn-modal-confirm-cancel {
        width: 100% !important; 
    }
}
.p-dropdown .p-dropdown-trigger {
    color: white !important;
}
.career-goal-button {
	width: 20% !important;
}
.p-inputtext {
    font-family: "NunitoSans-Regular" !important;
    font-size: 1.25rem !important;
}
.book-enable-msg{
	width: 100%;
	margin-left: 80%;
	font-family: "NunitoSans-Regular" !important;
}

.app-tracker-fields{
	margin-right: -15px;
	margin-left: -15px;
}

.app-fields-otherloc, .app-fields-update, .app-url-home{
	margin-right: 15px !important;
	margin-left: 15px !important;
}

.app-url{
	margin-right: 30px;
	margin-left: 30px;
}
.text-wrap-popup {
	word-break: break-all;
	max-width: 100%; 
}
.slotmodel-avail
{
	display: flex;
	justify-content: space-between; 
	align-items: center; 
	width:100%;
}
.slotmodel-p {
	padding-top: 1px;
    color: #3A8EE8 !important; 
    text-decoration: none !important; 
	font-weight: normal !important;
}

.slotmodel-p:hover {
    text-decoration: underline !important; 
}
.modal-content-slot {
    border: 0px !important;
	padding-left: 10px !important;
}
.modal-subtitle {
    font-size: 1.5rem !important;
    margin-bottom: 1rem;
}
.slot-row {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.calendar-container {
    display: flex;
    align-items: center;
}
.time-dropdown {
    width: 100px;
}
.button-container-slot {
    display: flex;
    justify-content: center;  
    align-items: center;      
    margin-top: 1rem;        

}
.modal-header-slot {
    text-align: center;
    font-size: 1.7rem !important;
    font-weight: bold;
    width: 100%;
	padding: 0px !important;
	
}
.modal-subtitle {
    font-weight: normal !important;
    font-size: 14px; 
    color: #333;
    text-align: center;
    margin-top: 5px; 
}
.slot-header {
    display: flex;
    justify-content: flex-start;
    font-weight: bold;
    margin-bottom: 8px;
    padding: 10px 0;
}
.slot-label {
    width: 32%;
    text-align: left; 
    font-size: 14px;
}
.slot-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px; 
    margin-bottom: 10px;
}
.calendar-container,
.time-dropdown {
    width: 30% !important; 
    max-width: 180px; 
}
.alternatedatedropdown{
	height: 30px !important; 
    font-size: 14px !important; 
}
.custom-dialog {
	width: 40vw;
	max-width: 600px;
	margin: auto;
}
@media (max-width: 768px) {
	.custom-dialog {
	  width: 90vw;
	  max-width: 100%;
	}
}
@media (max-width: 480px) {
	.custom-dialog {
	  width: 95vw; 
	  margin: 10px auto;
	  padding: 15px;
	  border-radius: 8px;
	}
}
.modal-header-slot {
	font-size: 1.2rem;
	font-weight: bold;
}
.modal-subtitle {
	font-size: 0.9rem;
	color: #666;
}  
.text-wrap-popup {
	word-break: break-all;
	max-width: 100%; 
}
.modal-body p.eventClashDetails {
	color:black !important;
	font-family: "NunitoSans-Regular" !important;
	font-size: 13px;
	padding-bottom: 5px;
}
.modal-body p.eventClashConfirm{
	font-family: "NunitoSans-Regular" !important;
	font-size: 14px;
	padding-bottom: 15px;
}
.eventClash{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 0 !important;
}
.event-type{
	display: inline-block;
    background-color: lightblue;
}

.reviewed_attachment{
	border-radius: 0px;
}

.feedback-file-link a,
.feedback-file-link a:active,
.feedback-file-link a:hover,
.feedback-file-link a:visited{
	text-decoration: none;
	color: #0000EE;
}

.cv-application-download a,
.cv-application-download a:active,
.cv-application-download a:hover,
.cv-application-download a:visited {
	text-decoration: underline !important;
	color: #495057;
	font-weight: normal;
}

.note-content ul li{
	list-style-type: disc;
}

.note-content span{
	color: #495057 !important;
}

.custom-pc-message .ql-editor {
	width: 100%;
	max-width: 450px;
	word-break: break-word;
}
  
.note-text-column {
	max-width: 40%;
	word-break: break-word;
}
 
.note-text-column .note-content:hover{
	text-decoration: underline;
}

.associate-notes-section span{
	color: #918C8C !important;
}

.associate-notes-section {
	width: 100%;
	word-break: break-word;
}
.event-type{
	display: inline-block;
    background-color: lightblue;
}

.privacy_policy_checkbox input {
	margin-top: 2px !important;
}

.gef-get-started a,
.gef-get-started a:hover,
.gef-get-started a:active,
.gef-get-started a:visited{
	text-decoration: underline !important;
}

.custom-link {
  color: inherit !important;
  text-decoration: none;
  font-weight: unset !important;
}

.onboarding-dialog .p-dialog-content{
	padding: 1.5rem !important;
}

.onboarding-dialog .p-dialog-header{
    margin-bottom: 0px !important;
}

.video-bookmark-icon {
    position: absolute;
    right: 20px;
    top:10px;
    font-size:16px !important;
    z-index:9999999;
}

/* Style the placeholder text */
.status-dropdown .p-dropdown .p-dropdown-label.p-placeholder,.status-dialog .p-dropdown .p-dropdown-label.p-placeholder {
  color: #6c757d !important;
}

/* Style the dropdown arrow (trigger) */
.status-dropdown .p-dropdown-trigger, .status-dialog .p-dropdown-trigger {
  color: #6c757d !important;
}

.status-dropdown .pi-chevron-down:before {
    content: "\e901" !important;
}

.status-dialog .p-datepicker{
	z-index: 9999 !important;
}

.status-dialog .p-dialog-content{
	padding: 1.5rem !important;
}

.status-dialog .p-dialog-header{
    margin-bottom: 0px !important;
}

.status-form-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.date-row {
  display: flex;
  gap: 16px;
}

.status-form-group {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.full-width {
  width: 100%;
}


.enkiModule #homeBlade table .status-parent .status-cell {
    padding: 8px !important;
    border-radius: 4px !important;
    /* color: white !important; */
    text-align: center !important;
	font-weight: 700 !important;
}

.enkiModule #homeBlade table .status-parent .status-cell.available {
    color: #28a745 !important; /* green */
	/* color: #fff !important; */
}

.enkiModule #homeBlade table .status-parent .status-cell.out-of-office {
	/* color: #fff !important; */
	color: #dc3545 !important; /* red */
}

/* Add this to your global CSS or in a scoped style block */
.note_type_dropdown .p-dropdown-label.p-placeholder {
  color: #6c757d !important; /* standard placeholder color */
  opacity: 1 !important;
  display: block !important;
}

.note_type_dropdown .p-dropdown-label {
    color: #6b7280 !important; /* Tailwind gray-500 */
}