html, body {
  height: 100%;
}

#wrap {
  min-height: 100%;
}

#mainBody {
        background: url('') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

.exploreImageBG {
        background: url("/public/img/exploreHeaderImage.jpg") !important;
   	 	background-size:  2000px 120px,  cover !important;;
	
}
	
.col-centered{
    float: none;
    margin: 0 auto;
}


#main {
 /* overflow:auto; */
   padding-bottom:142px !important; /* this needs to be bigger than footer height*/
   width:100%;
   padding: 0;
}

.footer {    
	position: relative;
	margin-top: -142px;
	height: 142px;
	clear: both;
	padding-top: 30px;
	padding-bottom: 30px;
} 


.loginFooter {
  position: relative; 
  margin-top: -70px; /* negative value of footer height */
  height: 70px;
  clear:both;
 /* padding-top:70px; */
} 

div.errorMessage { 
	text-align: center;
	font-weight: bold;
	color: #C9182D;
	/*position: absolute;*/
 	margin-top: 0px;
  	left: 0;
  	right: 0;
  	font-size:20px;
}



#footer {
    clear: both;
    position: relative;
    z-index: 10;
    height: 3em;
    margin-top: -3em;
}

div.successMessage { 
	text-align: center;
	font-weight: bold;
	color: #093;
	position: absolute;
 	margin-top: 0px;
  	left: 0;
  	right: 0;
  	font-size:20px;
}

h1.whiteLarge {
	font-size: 57.5px;
	font-weight: bold;
    color: #FFF;
}

h1.lightBlackLarge {
	font-size: 50.5px;
	font-weight: bold;
    color: #555555;
}
.whiteText {
    color: #FFF;
}

.whiteBGLogo {
    background: #FFF; 
    height:: 55px;
	width:100%;
	font-weight:bold;
    color: #6f6e6e;
	border:1px solid #DEDEDE;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	display: table;
	padding-bottom:0 !important;
	margin-bottom:0 !important;
	height:56px !important;
}

.whiteBGLogoVideo {
    background: #FFF; 
    min-height:: 80px;
	font-weight:bold;
    color: #6f6e6e;
	border:1px solid #DEDEDE;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	padding:5px 120px;
}

.whiteTopCall {
	background: #FFF;
	font-weight:bold;
    color: #6f6e6e;
	border:1px solid #DEDEDE;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	width:100%;
	margin-top: 55px;
	height:106px !important;
}
.watchVideoBox {
	margin-bottom: 40px;	
}

.greyText {
    color: #CCC;
}

.darkGreyText {
}

.blkText {
    color: #000;
}

h3.lineAround {
   width: 100%; 
   text-align: center; 
   border-bottom: 0.5px solid; 
   line-height: 0.1em;
   margin: 0px 0 10px; 
   color: #828181;
   
} 

.password-verdict {
	font-weight: bold;
    color: #FFF;
}
.progress {
	background: #CCC;	
}

span.lineAround { 
    background:#fff;
	font-size: 12px;
	padding: 0 16px;
}


body {
	font-family: "Helvetica Neue", "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-size: 16px;
    font-weight: 300;
    color: #FFF;
    line-height: 30px;
    text-align: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/	
}

strong { font-weight: 500; }

a, a:hover, a:focus {
	color: #4aaf51;
	text-decoration: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
	cursor:pointer;
}

a.linkBlue { 
	color: #000;
	text-decoration: underline;
    font-weight: 300;
	cursor:pointer;

}

img { max-width: 100%; }

::-moz-selection { background: #4aaf51; color: #fff; text-shadow: none; }
::selection { background: #4aaf51; color: #fff; text-shadow: none; }



/***** Top content *****/

.inner-bg {
    padding: 0 0 170px 0;
}

.top-content .text {
	color: #555555;
}

.top-content .text h1 { color: #fff; }

.top-content .description {
	margin: 20px 0 10px 0;
}

.top-content .description p { opacity: 0.8; }

.top-content .description a {
	color: #fff;
}
.top-content .description a:hover, 
.top-content .description a:focus { border-bottom: 1px dotted #fff; }


.form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background: #fff;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
	text-align: left;
}

.form-top-left {
	float: left;
	width: 75%;
	padding-top: 25px;
}

.form-top-left h3 { margin-top: 0; }

.form-top-right {
	float: left;
	width: 25%;
	padding-top: 5px;
	font-size: 66px;
	color: #ddd;
	line-height: 100px;
	text-align: right;
}

.form-bottom {
	padding: 25px 25px 30px 25px;
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
	text-align: left;
}

.form-bottom.registerTwoCol {
	padding: 31px 31px 5px 31px !important
}

.roundedWhite.registerTwoCol {
	width: 562px;
	min-height: 335px;
}
.roundedWhite {
    border-radius: 7px;
    background: #FFF;
	max-width:600px;
}

.exploreVideoBox {
    border-radius: 12px;
    /*background: #EEEEEE;*/
	max-width:1200px;
	padding: 38px 0 !important;
	margin-bottom: 60px !important;
}

img.exploreImg {
	width:100%;
	max-height:550px;
}


.exploreBigThumb {
/*	width: 950px;
	max-height: 530px; */
	border-radius: 6px; 
	width:100%;
/*	max-height:462px;
	display: inherit !important;*/
}


.BigVideo {
/*	width: 950px; 
	height: 530px; */
	border-radius: 6px; 
	width:100%;
/*	max-height:462px;*/
	display: inherit !important;
}

.exploreSmallThumb {
/*	width:290px;
	height:164px;*/
	border-radius: 6px;
/*	width:100%;
	max-height:182px;*/
}


img.vidImg {
	width:100%;
	padding:25px;	
	max-height:700px;
}



.quizSection {
    border-radius: 6px;
	border: 1px solid #E0E1E2;
	margin: 0 30px;
}
.quizSectionQuestions {
	border-radius: 6px;
	border: 1px solid #E0E1E2;
	background: #EEEEEE;
	padding: 36px 51px 11px 51px;
	margin-top: 25px;
}

.form-bottom form textarea {
	height: 100px;
}

.form-bottom form button.btn {
	width: 100%;
}

.form-bottom form .input-error {
	border-color: #4aaf51;
}

.social-login {
	margin-top: 35px;
}

.social-login h3 {
	color: #fff;
}

.social-login-buttons {
	margin-top: 25px;
}

.col-custom-offset-21 {
    margin-left: 21%;
}

.font-bold {
font-weight: bold !important;
}

button.genBtn {
	height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #4aaf51;
    border: 0;
    font-size: 14px;
	height:40px;
    font-weight: 300;
    color: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

button.genBtn:hover { opacity: 0.6; color: #fff; }

button.genBtn:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

button.genBtn:focus { outline: 0; opacity: 0.6; background: #4aaf51; color: #fff; }

button.genBtn:active:focus, button.genBtn.active:focus { outline: 0; opacity: 0.6; background: #4aaf51; color: #fff; }



button.btnGrey {
	width: 100%;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #545454;
    color: #fff;
	font-weight:bold;
    border: 0;
    font-size: 14px;
	font-weight:bold;
	height:38px;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

button.btnGrey:hover { color: #fff; background: #767777;}

button.btnGrey:active { background: #454443; outline: 0; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

button.btnGrey:focus { outline: 0; background: #454443; color: #fff; }

button.btnGrey:active:focus, button.btnGrey.active:focus { 
	outline: 0;
    background: 454443;
	
	 color: #fff; 
}

button.btnRed {
	width: 100%;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
	
    background: #C5071C; /* For browsers that do not support gradients */
	/*  background: -webkit-linear-gradient(left top, #E2222F, #AC222B); /* For Safari 5.1 to 6.0 */
	/*  background: -o-linear-gradient(bottom right, #E2222F, #AC222B); /* For Opera 11.1 to 12.0 */
	/*  background: -moz-linear-gradient(bottom right, #E2222F, #AC222B); /* For Firefox 3.6 to 15 */
	/*  background: linear-gradient(to bottom right, #E2222F, #AC222B); /* Standard syntax */

	border: 0;
    color: #fff;
	font-weight:bold;
    border: 1;
    font-size: 14px;
	height:38px;
	font-weight:bold;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

button.btnRed:hover { color: #fff; background: #DE071C; }

button.btnRed:active { background: #9E071C; outline: 0;  color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

button.btnRed:focus { outline: 0;  background: #9E071C; color: #fff; }

button.btnRed:active:focus, button.btnRed.active:focus { outline: 0;  background: #9E071C; color: #fff; }

button#logInButton{
	background-color: #C5071C;
    background: #C5071C url('../img/PinterestBadgeTransBG.png') no-repeat 25px;
	background-size: 25px 25px, cover;
    padding-left: 50px;
}

button#logInButton:hover { color: #fff; background: #DE071C url('../img/PinterestBadgeTransBG.png') no-repeat 25px;
background-size: 25px 25px, cover; }

button#logInButton:active { background: #9E071C url('../img/PinterestBadgeTransBG.png') no-repeat 25px;
background-size: 25px 25px, cover; outline: 0;  color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

button#logInButton:focus { outline: 0;  background: #9E071C url('../img/PinterestBadgeTransBG.png') no-repeat 25px;
background-size: 25px 25px, cover; color: #fff; }

button#logInButton:active:focus, button#logInButton.active:focus { outline: 0;  background: #9E071C url('../img/PinterestBadgeTransBG.png') no-repeat 25px;
background-size: 25px 25px, cover; color: #fff; }

button.btnLightGrey {
	width: 100%;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #999;
    color: #fff;
    border: 0;
    font-size: 14px;
	height:38px;
	font-weight:bold;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

button.btnLightGrey:hover { opacity: 0.6; color: #fff; }

button.btnLightGrey:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

button.btnLightGrey:focus { outline: 0; opacity: 0.6; background: #999; color: #fff; }

button.btnLightGrey:active:focus, button.btnLightGrey.active:focus { outline: 0; opacity: 0.6; background: #999; color: #fff; }


button.btnWhite {
	width: 100%;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
	background: #BFC0C1; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#FFFFFF, #E9EAEA); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FFFFFF, #E9EAEA); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FFFFFF, #E9EAEA); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FFFFFF, #E9EAEA); /* Standard syntax */
	
    color: #57585B;
    border: 1px solid #D3D3D3;
    font-size: 14px;
	height:38px;
	font-weight:bold;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

button.btnWhite:hover { box-shadow:1px 1px 0 0 #CCC; }

button.btnWhite:active { 
	background: #E5E5E5; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#E5E5E5, #F4F4F4); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#E5E5E5, #F4F4F4); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#E5E5E5, #F4F4F4); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#E5E5E5, #F4F4F4); /* Standard syntax */
-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; 
}

button.btnWhite:focus { outline: 0; opacity: 0.6; background: #999; color: #000; }

button.btnWhite:active:focus, button.btnWhite.active:focus { outline: 0; opacity: 0.6; background: #999; color: #000; }





.has-error .form-control {
    color: #828181 !important;
    background-color: #E6ACAE !important;
	border: 1px solid #C23947 !important;
	font-size: 14px !important;
}
.has-error .bootstrap-select .dropdown-toggle  {
    color: #828181 !important;
    background-color: #E6ACAE !important;
	border: 1px solid #C23947 !important;
	font-size: 14px !important;
}
.has-error .form-control:focus {
	box-shadow:none;	
}

.form-group.has-error {
	margin-bottom:0;	
}


label.error {
  font-size: 12px !important;
  color: #C23947 !important;
	
	margin-left: 10px;
    padding-bottom: 7px;
    margin-bottom: 0;
    padding-top: 5px;
    line-height: 1;
    display: block;
	
}
label[for=group_id].error {
    padding-top: 43px;
	
}
.spacer {
    margin-top: 20px; /* define margin as you see fit */
}
.spacerLarge {
    margin-top: 150px; /* define margin as you see fit */
}
.spacerMedLarge {
    margin-top: 120px; /* define margin as you see fit */
}


/* Color of valid field */
.has-success .control-label,
.has-success .help-block,
.has-success .form-control-feedback {
    color: #3c763d;
}


 .nav-pills >li >a {
	color: #FFF;
	background-color: #B5B5B5;
	height: 56px;
	width: 151px;
	border-radius: 6px;;
	padding: 0 16px !important;
	font-size:12px !important;
	line-height: 1;
}

 .nav-pills > li > a:hover {
	color: #FFF;
	background-color: #CCC;
	border-radius: 6px;
}

 .nav-pills > li.active > a:hover {
	color: #FFF;
	background-color: #AAA2B4;
	border-radius: 6px;
}

 .nav-pills > li.active > a, .nav-pills > li.active > a:focus {
	color: #FFF;
	background-color: #AAA2B4;
	border-radius: 6px;
}
 .nav-pills > li.completedQuizTab.active > a, .nav-pills > li.completedQuizTab.active > a:focus {
	color: #FFF;
	background-color: #949A8D;
	border-radius: 6px;
}

 .nav-pills >li.completedQuizTab >a {
	background-color: #A9B996;
	background-image: url("/public/img/checkmark.png");
	background-position: right 5px top 5px;
	background-repeat: no-repeat;
	background-size: 15px;
}

.nav-pills > li  {
	margin-left:0px !important;
	margin-right: 8px !important;
	width: 151px !important;
	
}

.nav-pills > li:last-child {
	margin-right:0px !important;
}
	/*
.checkTopCorner:after {
	content: "\f058"; 
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	position: absolute;
	font-size: 16px;
	color: #FFF;
	top: 0;
	right: 0;
	z-index: 1;
	margin-right:5px;
}
*/
.checkTopCorner {
	
}

button.getStarted {
	width:239px;
	height: 38px;
}

button.stdButton {
	width:239px;
	height: 38px;
}


/*

.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
	color: #FFF;
	background-color: #AAA2B4;
}

.nav-pills > li.active > a:hover {
	color: #FFF;
	background-color: #AAA2B4;
}*/
	

  .thumb {position: relative;}
.thumb a {position: absolute; top: 0; display: block; width: 100%; height: 100%; text-align: center; text-decoration: none;}
.thumb a .play, .thumb a .overlay, .thumb a .playResume {opacity: 0;}
.thumb a:hover .play, .thumb a:hover .overlay {display: block; transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out; border-radius: 6px;}
.thumb a:hover .play {position: relative; font-size: 64px; color: #ffffff;  z-index: 1000; opacity: 1;}
.thumb a:hover .overlay {position: absolute; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: .4;}
.thumb a:hover .playResume {position: relative; font-size: 30px; color: #ffffff; bottom: 0; z-index: 1000; opacity: 1;}

	
.faLG {
	/*font-size: 100px !important;	
	/*padding-top: 23%; */
}
	
.fa-check-circle.faLG {
	font-size: 80px !important;	
    padding: 15px 15px 0 0;
    line-height: 69px;
	color: #FFF;
}

.faMD {
	/*font-size: 100px !important;	
	/*padding: 15%; */
}

.fa-check-circle.faMD {
	font-size: 25px !important;	
    padding: 5px 5px 0 0;
    line-height: 21px;
	color: #FFF;
}
    


.fa-circle-up {
    background: yellow;
    border-radius: 50%;
    height: 1em;
    width: 1em;
}

.completedQuizoverlay {
	position: absolute;
	top: 0;
	right: 0;
	/*height: 100%;
	width: 100%; */
	transition: all 0.8s;
	opacity: 0.5;
	/*background:#4aaf51; */
	color: #88B949;
	border-radius:12px;
	background-size: 100% 100%;
	pointer-events: none;
}


#containerGridList ul { list-style: none; }
#containerGridList .buttons { margin-bottom: 20px; }

#containerGridList .list li { width: 100%; margin-bottom: 0; padding-bottom: 0; }

#containerGridList .grid li { 
	float: left; width: 33%; padding-left: 20px; text-align:left; 
}


.quizQuestion {
	background-color:#FFFFFF !important;	
	border:0 !important;
  	border-radius: 4px !important ;
	margin-bottom: 10px !important;
	font-size: 14px !important;
	height: 38px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	color: #828181;
/*	min-height: 60px; */
	white-space:unset !important;
}

.correctAns {
	background-color:#A9B996 !important;	
	border:0 !important;
  	border-radius: 4px !important ;
	margin-bottom: 10px !important;
	font-size: 14px !important;
	height: 38px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;

	color: #FFF !important;
	pointer-events: none;
	font-weight:bold !important;
/*	font-size: 12px !important;
	min-height: 60px; */
	white-space:unset !important;
}

.incorrectAns {
	background-color:#E4A18F !important;	
	border:0 !important;
  	border-radius: 4px !important ;
	margin-bottom: 10px !important;
	color: #FFF !important;
	pointer-events: none;
	height: 38px !important;
	font-weight:bold !important;
/*	font-size: 12px !important;
/*	min-height: 60px; */
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	white-space:unset !important;
}

.noAns {
	background-color:#FFFFFF !important;	
	border:0 !important;
	height: 38px !important;
  	border-radius: 4px !important ;
	margin-bottom: 10px !important;
	pointer-events: none;
	color: #828181;
/*	font-size: 12px !important;
/*	min-height: 60px; */
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	white-space:unset !important;
}



label.btn span {
  font-size: 1.5em ;
}

label input[type="radio"] ~ i.fa.custom-icon{
    color: #555;    /*display: inline; */ 
}

label input[type="radio"] ~ i.fa.fa-times{
   	display: none;
}

label input[type="radio"]:checked ~ i.fa.custom-icon{
    display: none;
}

label input[type="radio"] ~ i.fa.fa-check{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-check{
    color: #000;    display: inline-block; 
}
label.correctAns input[type="radio"]:checked ~ i.fa.fa-check{
    color: #FFF;  background: #A9B996;  display: inline-block;  border: 1px solid #FFF;
}


label input[type="radio"] ~ i.fa.fa-times{
    display: none;
}

label.incorrectAns input[type="radio"] ~ i.fa.custom-icon{
	 display: none; 
}

label.incorrectAns input[type="radio"] ~ i.fa.fa-times{
    color: #FFF;  background:#E4A18F; border: 1px solid #FFF;   display: inline-block !important; 
}







label:hover input[type="radio"] ~ i.fa {
color: #343433;
}

label:hover input[type="checkbox"] ~ i.fa {
	color: #343433;
} 

div[data-toggle="buttons"] label.active{
    color: #FFF !important;
	background-color:#666 !important;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: none;
border: 0px solid  #c8c8c8;
border-radius: 3px;
color: #828181;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

div[data-toggle="buttons"] label:hover {
color: #343433;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}


.quizContent div {
  display: inline-block;
 /* vertical-align: bottom; */
  float: none;
  margin: -8px 0px -8px -3px;
}
.quizContent {
  margin-bottom:20px;
}
.quizContent-questions {
}
.quizContent-submit {
}

.row{
    margin-left: 0;
    margin-right: 0;
}

.container{
    .row{
        margin-left: -15px;
        margin-right: -15px;
    }
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #555555 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #555555 !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #555555 !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #555555 !important;
}

.specialBold {
    color:    #555555 !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
	  color:    #555555 !important;
} 

.nav-pills {
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
}
.nav-pills>li {
  float: none;
}


.custom-icon {
  background:#EEE;
  -webkit-border-radius:1100%;
  -moz-border-radius:100%;
  -o-border-radius:100%;
  border-radius:100%;
  border:1px solid #B5B5B5;
  color:#000;
  text-align:center;
  vertical-align:middle;
  width:18px;
  height:18px;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
    margin-top: 6px;
    padding-top: 2px;
	font-size: 12px;
}
.custom-icon:hover {
  background:rgba(0,0,0,0.6);
}
i.fa.fa-check.custom-icon:hover {
  background:#EEE;
}
.fix-editor {
  display:none;
}
.icon-wrapper {
  display:inline-block;
}

 a { text-decoration: none !important; }
 
 .vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}
.finalFinishBox {
	width: 460px;	
	padding: 55px 45px !important;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 1px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #CCC; 
}

.dropdown-menu.open {
	background-color:#E6E6E6;
	margin-top: -1px;	
	padding: 0;
}
.dropdown-menu.inner {
	background-color:#E6E6E6;
}
a.myDropDown {
    padding-left: 10px !important;
    font-weight: bold !important;
}
/* a.myDropDown:focus {
	background-color:#000 !important;
	
}
*/
.dropdown-menu {
	list-style: inherit;	
}

.loginPageMainBox {
	min-height: 343px;
	width: 329px;	
	padding: 45px;
}

.logoBadge.loginPageOtherLogo {
	height: 50px;
	width: 239px;	
}