/*
 * Base structure
 
 #295fa6
 #2a95bf
 #595959
 #bf0413
 #64728c

GOLD
#1fa2c1

Culture Blue

#1fa2c1

Academic Forensics
#abd037
#a1cd3a

 */
*{
	-webkit-font-smoothing:antialiased;
}
/* Adding New Fonts*/
@font-face {
    font-family: "Dense";
   src: url('../fonts/dense.otf');
	/*src: url(fonts/dense.woff);
	src: url(fonts/dense.woff2);*/
	src: url('../fonts/dense.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/dense.woff') format('woff'),
	     url('../fonts/dense.ttf') format('truetype'),
	     url('../fonts/dense.svg#webfont') format('svg');
}

html {
	overflow-x:hidden;	
}

/* Move down content because we have a fixed navbar that is 50px tall */
body {
	/*padding-top: 10px;
	/*background: #eceff4; */
	/*background-image: url("../media/website_images/edu_lite_tran_sm.png");
	color: #514d6a;
	color:#333;
	color:#67727f;*/
	overflow-x: hidden;
	/*font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "Dense", sans-serif; */
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	-webkit-overflow-scrolling: touch;
}

a {
	color:#abd037;
	font-weight: 800;
}
a:hover{
	color:#999;
}

p {
	color:#777;
	font-size:15px;
}
h1,h2,h3,h4 {
	font-weight:800;
	color:#FFF;
}
label {
	color:#abd037;
}
.fontWhite {
	color:#FFF;
}
HL {
	font-size:70px;
	line-height:60%;
}

HM {
	font-size:50px;
	line-height:90%;
}
.HLW {
	/*font-family:Helvetica Neue;*/
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:700;
	font-size:6vw;
	text-shadow: 0px 0px 10px #333;
	color:#FFF;	
}
.HMW {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:500;
	font-size:2vw;
	text-shadow: 1px 1px 5px #555;
	color:#FFF;	
}
.HSW {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:200;
	font-size:1vw;
	text-shadow: 2px 2px #555;
	color:#FFF;	
}
.HLG {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:400;
	font-size:6vw;
	text-shadow: 2px 2px #fff;
	color:#abd037;	
}
.HMG {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:300;
	font-size:2vw;
	text-shadow: 2px 2px #fff;
	color:#abd037;	
}
.HSG {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:200;
	font-size:1vw;
	text-shadow: 2px 2px #fff;
	color:#abd037;	
}
.HSBL {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:200;
	font-size:1.5vw;
	text-shadow: 2px 2px #fff;
	color:#333;	
	text-align:justify;
}
#denseFont {
	font-family: "Dense", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.cursorPointer {
	cursor:pointer;	
}

.displayNone {
	display:none;	
}

.largeFont {
	font-size:5vw;
	font-weight:bold;
}


.medFont {
	font-size:3vw;
	font-weight:500;
	
}

.smallFont {
	font-size:2vw;
	font-weight:200;
}

.smallFont a{
	font-size:4vw;
	font-weight:200;
	line-height:120%;
}
.metaBlue {
	color:#336699;	
	display:inline;
}
.metaGray {
	color:#666666;
	display:inline;	
}
.cultureBlue {
	color:#abd037;
	display:inline;
}
.afGren {
	color:#1fa2c1;
	display:inline;
}

img#websiteImage1 {
	display:block;
}
img#websiteImage2 {
	display:block;
}
img#websiteImage3 {
	display:block;
}
img#websiteImage4 {
	display:block;
}
img#mobileImage1 {
	display:none;	
}
img#mobileImage2 {
	display:none;	
}
img#mobileImage3 {
	display:none;	
}
img#mobileImage4 {
	display:none;	
}
@media (max-width: 768px) {
	
	.largeFont {
		font-size:40px;
	}
	
	
	.medFont {
		font-size:30px;
		
	}
	
	.smallFont {
		font-size:20px;
		
	}
	
	.smallFont a{
		font-size:20px;
	}
	
	
}
.fontWhite {
	color:#FFF;
}
.backWhite {
	background:rgba(255,255,255,1);
	color:#1fa2c1;
}
.backGray {
	background:rgba(119,119,119,1);
	background:
		url("../media/backGray.jpg");
	color:#FFF;
}
#backIndexImage {
	background:
		url("../media/indexImage0.jpg");
	background-size:100%;
	background-repeat:no-repeat;
}
.backIndex2 {
	background:
			url("../media/backIndex2a.jpg");
	
	background-size:cover;
	background-attachment:fixed;
	background-position: center;
    background-repeat: no-repeat;
	
}
.backDentalBlue {
	background:
		url("../media/backDentalBlue.jpg");
	color:#FFF !important;
	background-size:cover;
	background-attachment:fixed;
	background-position: center;
    background-repeat: no-repeat;
	
}
#backBlack {
	background:rgba(0,0,0,1);
	color:#FFF;
}
#backWhite {
	background:rgba(255,255,255,1);
	color:#333;
}
.backBlue {
	background:
		url("../media/backBlue.jpg");
	
	background-size:contain;
	background-position: center;
	background-color:#F6EB51;
	/*background-attachment:fixed; 
	background-repeat: no-repeat; 
	background-size:cover;
	*/
}

#backVendorMeeting {
	background-image: url("../media/backVendorMeeting.jpg");
	background-size:cover;
	background-attachment:fixed;
	background-position: center;
    background-repeat: no-repeat;
	background-color:#CCCCCC;
}
.backLock {
	background-image: url("../media/lock.jpg");
	background-size:cover;
	background-attachment:fixed;
	background-position: center;
    background-repeat: no-repeat;
	background-color:#CCCCCC;
}
.whiteOverlay {
	height:100%;
	width:100%;
	background-color:#FFF;
	opacity:.6;	
	z-index:1;
}

#cup_select {
  width:290px;   
}

#cup_select option{
  width:290px;   
}
/*.indexVideo {
	min-width:100%;
	position:relative;
	max-height:760px;
	top:0;right:0;
	object-fit:cover;
	z-index:50;
}*/
.indexVideo {
    width: 100%;  /* Adjust width to stay within the screen */
    height: auto;  /* Maintain aspect ratio */
    /*max-height: 760px;*/
	max-height: 100%;
    object-fit: cover;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 50;
    background-color: black; /* Helps if the video has transparency */
}

/* Mobile-specific adjustments */
@media (max-width: 768px) {
    .indexVideo {
        width: 100%;
        height: auto; /* Maintain aspect ratio */
        max-height: 300px; /* Reduce height for better fit */
        position: relative; /* Avoid overlapping issues */
    }
}

.indexVideoImage {
	width:100%;
	display:none;
}
.indexVideoImageSrc {
	width:100%;
}
.indexSection {
	width:100%;
	height:600px;
	display:table;
	/*transition: all 25s;*/
	overflow:hidden;
	
}
.indexSectionFooter {
	width:100%;
	height:3px;
	display:block;
	overflow:hidden;
	font-size:1px;
}
.indexSection:hover {
	/*
	transform: scale(1.25);
	  -moz-transform: scale(1.25);
	  -webkit-transform: scale(1.25);
	  -o-transform: scale(1.25);
	  -ms-transform: scale(1.25); 
	  -ms-filter: */
	
	
}
.foundationImage {
	width:90%;
	border:solid 5px #FFF;
	border-radius:10px;
	margin-top:20px;
}
.foundationText {
	color:#FFF;
	font-size:24pt;
}
.dentalFoundation {
	width:100%;
	float:left;
	padding-bottom:20px;
}
.indexFoundation {
	 padding:10px 70px 20px 70px;
}

.infoSection {
    width: 100%;
    min-height: 400px; /* Default for larger screens */
	height: auto;
    display: flex; /* Better for alignment */
    align-items: center; /* Centers content vertically */
    justify-content: center; /* Centers content horizontally */
    padding: 10px;
	position: relative !important;
	overflow:hidden;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .infoSection {
        height: auto; /* Let it shrink naturally based on content */
        min-height: 200px; /* Ensures it doesn't get too small */
        padding: 20px; /* Extra padding for spacing */
    }
}
.infoSectionSm {
	background:#FFF;
	width:100%;
	height:350px;
	display:table;
	padding:20px;
	/*line-height:500px;*/
	
}
.infoSectionLg {
	background:#FFF;
	width:100%;
	display:table;
	padding:20px;
	/*line-height:500px;*/
	
}
.infoSectionHalf {
	width:50%;
	height:500px;
	display:table;
	float:left;
	padding:10px;
	/*line-height:500px;*/
	
}
.infoSection2L {
	width:50%;
	height:500px;
	display:table;
	float:left;
	/*line-height:500px;*/
	
}
.infoSectionHalf2S {
	width:50%;
	height:500px;
	display:table;
	float:left;
	/*line-height:500px;*/
	
}
.infoSectionThird {
	width:33%;
	min-width:250px;
	display:block;
	float:left;
	text-align:center;
	margin: 0 auto;
	padding-bottom:10px;
	/*line-height:500px;*/
	
}
.infoSectionTwoThird {
	width:66%;
	min-width:250px;
	display:block;
	float:left;
	text-align:justify;
	padding-bottom:10px;
	/*line-height:500px;*/
	
}
@media (min-width: 768px) {
	.indexVideo {
		display:table;
	}
	#backIndexImage {
		background-size:cover;
		background-attachment:fixed;
		background-position: center;
		background-repeat: no-repeat;
	}
}
@media (max-width: 768px) {
	/*.indexVideo {
		display:none;
	}*/
	.indexVideoImage {
		display:table-cell;
		vertical-align: middle;
		text-align:center;
	}
	.infoSectionThird {
		width:100%;
	}
	.infoSectionTwoThird {
		width:100%;
	}
	.indexFoundation {
	 padding:5px 20px;
	}	
	.foundationImage {
		display:none;
	}
	#foundationImageMain {
		display:block;
		width:100%;
		border:none;
	}
	.foundationText {
		font-size:16pt;
	}
}
.chartSectionHalf {
	padding-left:10px;
	padding-right:10px;
	width:40vw;
	height:500px;
	display:table;
	float:left;
	/*line-height:500px;*/
	
}

.vertMiddle {
	display:table-cell;
	vertical-align: middle;
	text-align:center;
	padding-left:100px;
	padding-right:100px;
}
.vertMiddleFull {
	display:block;
	vertical-align: middle;
	text-align:center;
	width:100%;
	padding:20px;
}

.vertMiddleHalf {
	display:table-cell;
	vertical-align: middle;
	text-align:center;
}

.vertMiddleHalf canvas{
	height:200px;
	width:200px;
}
ul.CultureDentalUI {
	list-style-type: none;
  	margin: 0 0 0 0;
  	padding: 20px 0px;
}
ul.CultureDentalUI li {
	display:inline-block;
	width:48%;
	min-height:200px;
	padding:10px 10px 20px 30px;
	color:#777;
	text-align:justify;
}

.CultureDentalIconImage {
	float:left;
	padding-right:10px;
}
.CultureDentalIconDefinitions {
	width:80%;
	display:inline-block;
	float:left;
	padding:0px 0px 10px 10px;
}
ul.ownerImprovementUI {
	list-style-type: none;
  	margin: 0 0 0 0;
  	padding: 20px 0px;
}
ul.ownerImprovementUI li {
	text-align:left;
	padding-left:20px;
}
ul.daCertificationsUI {
	list-style-type: none;
  	margin: 0 0 0 0;
  	padding: 20px 0px;
}
ul.daCertificationsUI li {
	text-align:left;
	padding-left:20px;
}
@media (min-width: 769px) {
	.cpuDrop
	{
		display:block;
	}
	.mobileDrop
	{
		display:none;
	}
}
@media (max-width: 768px) {
	.cpuDrop
	{
		display:none;
	}
	.mobileDrop
	{
		display:block;
	}
	ul.CultureDentalUI li {
		width:100%;
		padding:10px;
	}
	ul.ownerImprovementUI {
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 2px 0px;
	}
	ul.ownerImprovementUI li {
		text-align:left;
		padding-left:0px;
	}
	ul.daCertificationsUI {
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 2px 0px;
	}
	ul.daCertificationsUI li {
		text-align:left;
		padding-left:0px;
	}
	.btnImprovement {
		margin-bottom:2px;
	}
	.CultureDentalIconDefinitions {
		width:100%;
		display:inline-block;
		float:left;
		padding:0px;
	}
}
ul.infoPlans {
	list-style-type: none;
  	margin: 0;
  	padding: 0;
}
ul.infoPlans li{
	display:inline-block;
	width:200px;
	height:300px;
	background-color:rgba(255,255,255,0.95);
	border:#777 solid 5px;
	border-radius:15px;
	margin-right:15px;
	margin-bottom:15px;
	padding:10px;
	color:#1fa2c1;
}
ul.infoPlans li:hover{
	
	border:#1fa2c1 solid 5px;
}
.contactMobileView {
	display:none;
	list-style-type: none;
	padding:0px;
	margin:0px;
}
.contactMobileView li{
	width:100%;
	font-weight:bold;
	text-align:left;
}
.contactMobileView li select {
	width:100%;
	padding:10px;
}
.contactMobileSelect {
	width:100%;
	padding:10px;
	text-align:center;
}
.contactMobileSelect option{
	font-weight:bold;
}
.contactWebView {
	display:table;
}
@media (max-width: 768px) {
	.contactMobileView {
		display:block;
	}
	.contactWebView {
		display:none;
	}
	.infoSectionHalf {
		width:100%;
		min-width:300px;
		height:300px;
		display:table;
		float:left;
		padding:5px;
		/*line-height:500px;*/
	
	}
	
	.infoSectionThird {
		width:100%;
		border-radius:0px;
	}
	.infoSectionLg {
		padding:1%;
		
	}
	.chartSectionHalf {
		width:100%;
		min-width:400px;
		max-width:800px;
		height:500px;
		display:table;
		float:left;
		/*line-height:500px;*/
		
	}
	
	.vertMiddle {
		padding-left:1px;
		padding-right:1px;
	}
	.vertMiddleFull{
		padding-left:1px;
		padding-right:1px;
	}
	HL {
		font-size:9vw;
	}
	
	HM {
		font-size:7vw;
	}
	
	img#websiteImage1 {
		display:none;
	}
	img#websiteImage2 {
		display:none;
	}
	img#websiteImage3 {
		display:none;
	}
	img#websiteImage4 {
		display:none;
	}
	img#mobileImage1 {
		display:block;	
	}
	img#mobileImage2 {
		display:block;	
	}
	img#mobileImage3 {
		display:block;	
	}
	img#mobileImage4 {
		display:block;	
	}
}



.disclaimer {
	font-size:10px;
	color:#595959;
}
.contactPad {
	padding-right:10%;	
}
.contactForm {
	clear:both;
	padding:20px;
	width:350px;
	height:450px;
	float:right;
	margin-right:10%;
	margin-left:10%;
	background-color:#FFF;
	opacity:.95;
	margin:0 auto;	
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius:25px;
}
@media (max-width: 768px) {
	
	.contactForm {
	padding:20px;
	width:100%;
	left:0;
	position:absolute;
	float:left;
	margin-left:0;
	margin-right:0;
	height:450px;
	background-color:#FFF;
	opacity:.95;
	margin:0 auto;	
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border-radius:5px;
	clear:both;
}

	.contactPad {
		padding-right: 0;	
	}
	
}

.arrowLeft {
	position:absolute;
	top:100px;
	left:25px;
	height:50px;
	color:#CCC;
	font-weight:bold;
	font-size:36px;	
}

.leftTooltip .leftTooltipText {
    visibility: hidden;
    width: 120px;
    background-color:#336699;
	/*opacity:.8;*/
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
	top:75px;
	left:20px;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.leftTooltip:hover .leftTooltipText {
    visibility: visible;
}

.arrowRight {
	position:absolute;
	top:100px;
	right:25px;
	height:50px;
	color:#CCC;
	font-weight:bold;
	font-size:36px;	
}
.rightTooltip .rightTooltipText {
    visibility: hidden;
    width: 120px;
    background-color:#1fa2c1;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
	top:75px;
	right:30px;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.rightTooltip:hover .rightTooltipText {
    visibility: visible;
}

@media (max-width: 768px) {
	.arrowRight {
		display:none;
		visability:hidden;
	}
	.arrowLeft {
		display:none;
		visability:hidden;
	}
}


/*
 * Global add-ons
 */

.sub-header {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
	background: #fff;
	border-bottom: 1px solid #dfe4ed;
	height: 65px;
	z-index:99;
}

.navbar-nav>li>a{
	height:65px !important;
	color: inherit;
	padding-top: 20px;
}
.navbar-nav>li>a:hover {
	background:none;
}
.logo {
	height: 75px;top:0px;
}
.logo > li > a:hover {
	background:none;
}
.logoRight {
	height: 75px; font-size: 18px;position:fixed;right:10px;top:10px;
}
.content {
	padding: 1%;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #dfe4ed;
	border:none;
	padding:0%;
}



/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
	display: none;
}
/* Sidebar navigation */
.nav-sidebar {
	margin-right: -21px; /* 20px padding + 1px border */
	margin-bottom: 20px;
	margin-left: -20px;
}
.nav-sidebar > li > a {
	padding-right: 20px;
	padding-left: 20px;
	color: #fff;
	opacity:0.7;
	font-weight:800;
}
.nav-sidebar > li > a:hover, .nav-sidebar > li > a:visited, .nav-sidebar > li > a:focus {
	background:none;
	opacity:1;
}
.nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
	color: inherit;
	background-color: rgba(0,0,0,0.1);
	text-shadow: none;
	color:#fff;
}
.nav-sidebar > li i {
	margin-right: 3%;
	font-size: 12px;
	color:#2a95bf;
}
/*
 * Main content
 */

.main {
	padding: 20px;
}
.main .page-header {
	margin-top: 0;
}
/*
 * Placeholder dashboard ideas
 */

.placeholders {
	margin-bottom: 30px;
	text-align: center;
}
.placeholders h4 {
	margin-bottom: 0;
}
.placeholder {
	margin-bottom: 20px;
}
.placeholder img {
	display: inline-block;
	border-radius: 50%;
}
.metaParselogo {
	height:75px;
	margin-left:20px;
	margin-top:0px;	
	margin-bottom:0px;
}
.indexLogo {
	height:50px;
	width:auto !important;
	margin-left:50px;
	margin-top:0px;	
	margin-bottom:0px;
}
/* Responsive fix for mobile */
@media (max-width: 800px) {
    .indexLogo {
        /* Center the logo on mobile screens */
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%; /* Ensure it doesn't stretch beyond the screen */
    }
}
/*******
	LOGIN IN PAGE
***************************************************************/

.form-signin {
	max-width: 360px;
	padding: 15px;
	margin: 5% auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox {
	margin-bottom: 10px;
}
.form_login {
	max-width: 250px;
	padding: 15px;
	margin: 5% auto;
}
.form-login .form-login-heading, .form-login {
	margin-bottom: 10px;
}

.form-login-style {
	/*padding-top:20px;
	margin-left:50px;
	margin-right:50px;
	min-width:350px;*/
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	border-radius:25px;
	width:25%;
	height:250px;
	z-index:100;
}
.form-login-back {
	/*padding-top:20px;
	margin-left:50px;
	margin-right:50px;
	min-width:350px;*/
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color:#FFF;
	border-radius:25px;
	width:25%;
	height:250px;
	opacity: .7;
	z-index:10;
}


/*Login Dropdown*/
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown a {
	color:#abd037;
}

.dropdown-content {
    display: none;
    position: relative;
	top:50;
	left:25;
    background-color: #555;
    width: 350px;
	height: 420px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
	border-radius:10px;
}

.dropdown-content a {
    color: #595959;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color:#999;}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #2a95bf;
}



/*******
	Standard Forms
***************************************************************/
.form-standard {
	max-width: 430px;
	padding: 15px;
	margin: 5% auto;
}
.form-standard .form-standard-heading, .form-standard .standard-checkbox {
	margin-bottom: 10px;
}

.form-standard-title {
	float:left;
	min-width:400px;
}

.form-standard-title-short {
	float:left;
	min-width:400px;
}

.form-standard-details {
	position:relative;
	float:left;
	min-width:350px;
}
.form-standard-style {
	padding-top:20px;
	margin-left:50px;
	margin-right:50px;
	min-width:850px;
	background-color:#FFF;
	border-radius:25px;
	float:left;
	width:95%;
}
.form-standard-left {
	float:left;
	min-width:500px;
	background-color:#FFF;
	border-radius:25px;
}
.form-standard-right {
	float:right;
	width:150px;
	background-color:#FFF;
	border-radius:25px;
}

/*******
	Short Forms
***************************************************************/
.form-short {
	max-width: 330px;
	padding: 15px;
	margin: 5% auto;
}
.form-short .form-short-heading, .form-short .short-checkbox {
	margin-bottom: 10px;
}

.form-short-title {
	float:left;
	min-width:250px;
}

.form-short-details {
	position:relative;
	float:left;
	min-width:200px;
}
.form-short-style {
	padding-top:20px;
	margin-left:50px;
	margin-right:50px;
	min-width:750px;
	background-color:#FFF;
	border-radius:25px;
	float:left;
	width:95%;
}
.form-short-left {
	float:left;
	min-width:500px;
	background-color:#FFF;
	border-radius:25px;
	border:solid;
	padding-bottom:5px;
	
}
.form-short-right {
	float:left;
	min-width:200px;
	background-color:#FFF;
	border-radius:25px;
	border:solid;
	margin-left:10px;
	margin-bottom:10px;
	padding-bottom:5px;
}
.indexImage {
	width:400px;
	border:#abd037 solid 8px;
	border-radius:50%;
}
#logoSwipe {
	position:fixed;
	top:30%;
	right:-100%;
	z-index:1000;
	height:50%;
}
/*******
	Header
***************************************************************/
#header-menu {
	float:left;
	width:100%;
	height:70px;
	background-color:#333;/*rgba(0,0,0,1);*/
	padding:10px;
	z-index:100;
	position:fixed;
	top:0px;
	border-bottom:solid 5px #a1cd3a;
	 /*box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);*/
}
.header-menu-login {
	float:right;
	margin-right:50px;
}
.sticky {
	position:fixed;
	top:0;
}
.header-logo {
	display:none;
	height:50px;
}
.mobileDrop {
		display:none;	
	}
/************
	BOOTSTRAP MODAL STYLING
****************************************************************************/

.modal-content {
	box-shadow:none;
	border-radius: 3px;
	border:none;	
}
.modal-body {
	width:500px;
	margin-left:-95px;
}
.modal-footer {
	width:500px;
	margin-left:-95px;
}
@media (max-width: 768px) {
	.header-menu-login {
		float:right;
		margin-right:10px;
	}
	.mobileDrop {
		display:inherit;	
	}
	.mobileMenu {
		display:none;	
	}
	.indexLogo {
		width:80%;
	}	
	.indexImage {
		width:90%;
	}
	.modal-body {
		width:325px;
		margin-left:0px;
		padding:0px;
	}
	.modal-footer {
		width:325px;
		margin-left:0px;
		padding-left:0px;
		padding-right:0px;
	}
	.form-signin {
		padding: 0px;
	}
	.indexQuestionMobile {
		display:none;
	}
}



table.tabTable {
	border:solid 1px;	
}

table.sumTable {
	border:solid 1px;
	margin-left:25px;
	width:90%;
	
}

table.sumTable th {
	border:solid 1px;
	padding: 0px 20px 0px 20px;
	text-align:center;	
}

table.sumTable tr td {
	border:solid 1px;
	padding: 0 20 0 20;
	text-align:center;	
}

table.headTable {
	border:solid 1px;
	margin-left:25px;
	width:90%;
	background:#FFF;
}

table.headTable th {
	border:solid 1px #000;
	padding: 5px 10px;
	text-align:center;
	background-color:#000 !important;
	color:#FFF !important;
}

table.headTable td {
	border:solid 1px #000;
	padding: 0 20 0 20;
	text-align:left;	
	padding:5px 10px;
}
/*******
   	Standard Table
***************************************************************/
.interviewContent {
	width:90%;
	padding-left:5%;
}
table.standard-table {
	background-color:#FFF;
}

#cb tr{
	text-align:center;
}

.folder-item {
	cursor: pointer;
	padding: 2%;
	border:1px solid #dfe4ed;
	border:none;
}
.folder-item:hover {
	border-color: #ddd;
}
.folder-item a {
	text-decoration: none;
	cursor: pointer;
}
.folder-item i {
	font-size: 32px;
	cursor: pointer;
}
.folder-item p {
	color: #333;
	padding: 1%;
	border-radius: 4px;
	word-break: break-all;
	overflow: hidden;
	color:#67727f;
}
/* Editor styling */

.ta-toolbar {
	background-color: #F0F0F0;
	padding: 10px 10px 5px;
	margin-left: 0px; /* Override bootstrap */
	border: 1px solid #EEE;
}
.ta-toolbar .btn-group {
	margin-bottom: 5px;
}
.ta-editor, .white-box {
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #EEE;
}
textarea.ta-bind {
	width: 100%;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

/* Profile Pic */

.profile_image {
	border:solid;
	border-color:#3F729B;
	border-radius: 25px;
	width:50px;
	height:50px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}

.image_uploader {
	height:100px;
	width:90%;
	background-color:rgba(204,204,204,.2);
	border:solid;
	border-color:#CCC;
	border-radius: 25px;
	padding:10px;
}

.container_profile {
	background-color:#FFF;
	width:85%;
	min-width:900px;
	height:100%;
	display:block;
	top:50px;
	left:200px;
	position:absolute;
	padding: 15px;
	
	
}
.sidebar_profile {
	height:100%;
	width:200px;
	background-color:rgba(204,204,204,.8) ;
	/*background-color:rgba(51,102,153,.8) ;*/
	position:fixed;
	display:block;
	top:50px;
	left:0px;
	color:#000;
	z-index:99;
	overflow-y:none;
}

.profile_messages {
	width:600px;
	height:100%;
	border-right:solid 1px;
	border-color:#CCC;
	float:left;
	padding:15px;
}

.profile_dashboard {
	width:300px;
	height:100%;
	float:left;
	padding:15px;
}

.message_header {
	width:580px;
}
.message_title {
	border-bottom: solid 1px;
	border-color:#CCC;
	font-weight:bold;
	color:#333;
	padding-top:10px;
}

.message_stamp {
	color:#CCC;
	font-size:10px;
	float:right;
	margin-top:-15px;
}

.message_body {
	/*border-bottom: solid 1px; */
	border-color:#CCC;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}

 @media (min-width: 768px) {
.sidebar {
	position: fixed;
	top: 0px;
	bottom: 0;
	left: 0;
	z-index: 1000;
	display: block;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	background-color: #f6f9fa;
	border-right: 1px solid #e9f0f3;
	background:#33383e;
	background:#757e88;
}
.folder {
	position: fixed;
	top: 51px;
	bottom: 0;
	width: 100%;
	left: 240px;
	display: block;
	padding: 20px;
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	background: #f4f9ff;
	opacity: 0.2;
}
}
@media (min-width: 768px) {
.main {
	padding-right: 40px;
	padding-left: 40px;
}
}


/************
	BOOTSTRAP TABLE STYLING
****************************************************************************/
.table>thead>tr>th {
	border: none;
}
.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td {
	border-color: #dfe4ed;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f2f7ff;
}
.tr-new {
	background:#eceff4 !important;
	border: none !important;
}
.btnDental {
	margin-bottom:10px !important;
	width:200px !important;
	margin-right:10px !important;
}
.btnImprovement {
	margin-bottom:10px;
	margin-right:10px;
	background:#FFF;
	border:solid 3px #abd037;
	border-radius:15px;
}
.btnImprovementActive {
	margin-bottom:10px;
	margin-right:10px;
	background:#abd037;
	border:solid 3px #FFF;
	border-radius:15px;
}
.improvementRecruitment {
	margin:0px 25px;
	display:none;
}
.improvementCollections {
	margin:0px 25px;
	display:none;
}
.improvementMarketing {
	margin:0px 25px;
	display:none;
}
.improvementTraining {
	margin:0px 25px;
	display:none;
}
.improvementOperations {
	margin:0px 25px;
	display:none;
}
.improvementCulture {
	margin:0px 25px;
	display:none;
}
.daCertificationsEFDA {
	margin:0px 25px;
	display:none;
}
.daCertificationsRadiography {
	margin:0px 25px;
	display:none;
}
.daCertificationsNitrous {
	margin:0px 25px;
	display:none;
}
.daCertificationsCPR {
	margin:0px 25px;
	display:none;
}
.daCertificationsOrthodontic {
	margin:0px 25px;
	display:none;
}
.daCertificationsPhelbotomy {
	margin:0px 25px;
	display:none;
}
/************
	BOOTSTRAP BUTTON STYLING
****************************************************************************/
.btn {
	font-weight: 800;
	background-color:#abd037;
	padding:10px;
	font-size:16px;
	color:#000;
	border:#000 solid 1px;
	border-radius:15px;
}
.btn:hover {
	background-color:#333333;
	color:#FFF;
}
.btn-default.tools {
	border:none;
}
.btn-150 {
	width:150px;
}
.btn-active {
	background-color:#2a95bf;
}

table.tabTable {
	border:solid 1px;
		
}
table.tabTable td{
	border:solid 1px;
	padding:0px 50px 0px 50px;
}

.tabContent {
	height:50px;	
}
.testAnim {
	animation:fromRightAnim1 0.6s ease-in 0.8s both;
}
@keyframes fromRightAnim1 {
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
/*  PAGE LOADER ((((((((((((((((((((((((((((((((((((((Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}
.fdcTable {
	font-size:20px;
}
.fdcTable th {
	color:#abd037;
}
#contactUsButton {
	position:fixed;
	bottom:20px;
	right:20px;
	background-color:#FFF;
	border:solid 3px #abd037;
	border-radius:50%;
	z-index:2000;
	height:95px;
	width:95px;
	padding-top:35px;
	text-align:center;
	color:#000;
	cursor:pointer;
	font-weight:bold;
}
#contactUsInfo {
	display:none;
	position:fixed;
	bottom:0px;
	right:0px;
	height:550px;
	width:350px;
	background-color:#333;
	border:solid 1px #abd037;
	border-radius:25px 25px 0px 0px;
	z-index:1999;
	padding:0px 10px 10px 10px;
	overflow:hidden;
}
#contactUsHeader {
	position:fixed;
	margin-left:-10px;
	width:350px;
	height:30px;
	padding:2px;
	float:left;
	background-color:#abd037;
	color:#FFF;
	border-radius:25px 25px 0px 0px;
}
#contactUsBody {
	float:left;
	width:100%;
	margin-top:45px;
}