/*Add here all your CSS customizations */
.course-border{
	border-style:solid;
	border-width:1px;
	border-color:#a6a6a6;
}
.dark-blue{
	color:#272e43;
}
.margin-min{
	margin: 15px 0px 15px 0px;
}
.card{
	min-height:200px;
}
.card-items-holder{
	overflow:auto;
	height:400px;
}
.team-items-holder{
	overflow:hidden;
	overflow-y:auto;
	height:500px;
}
.valign-middle{
	vertical-align:middle !important;
}
.pt10{
	padding-top:10px;
}
.pb10{
	padding-bottom:10px;
}
ul.simple-company-list{
	padding-left:10px;

}
ul.simple-company-list li{
	margin:0px;
	padding-bottom:10px;
	padding-top:10px;
	list-style:none;
	border-bottom:1px solid #606060;
}
.ml10{
	margin-left:10px;
}
.fa-vc{line-height:inherit!important;}
.fa-gold{
	color:#E0C300;
}
.lh-1_5{
	line-height: 1.5;
}
.lh-2{
	line-height: 2;
}
.bg-blue{
	background: #0088cc;
}
.font-24px {
	font-size: 24px !important;
}
/* popup content */
/* For Identity Related Travel popup */
.modal-text p {
	font-size: 11pt;
}
.modal-text h4 {
	padding-top: 10px;
	font-size: 12pt;
	font-weight: bold;
}
.modal-text h3 {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14pt;
	font-weight: bold;
}
.modal-text ul {
	padding-bottom: 10px;
}
.font-bold {
	font-weight: bold;
}
/* end: popup content  */
.img-35 {
	width: 35px;
	height: 35px;
}
/* win 360 chart size */
.win-piechart {
	min-height: 500px;
}
.win-piechart-sm {
	min-height: 250px;
}
.win-columnchart {
	min-height: 400px;
}
/* end - win 360 chart size */
.cursor-pointer {
	cursor: pointer;
}
.parent-post-highlight {
	background-color: #eef9ff;
	border: 1px solid #dcdcdc;
}
/* used in forum post */
.content-two-line {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: box !important;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.post-bar {
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:10px
}
.gray {
	background-color:#dddddd;
}
.blue {
	background-color: rgb(155, 208, 234);
}
.green {
	background-color: rgba(71, 164, 71, 0.43);
}
/* for new course layout and course tiles */
.view-two-tp-title{
  position: absolute;
  top: -35px;
  border-radius: 5px;
  padding: 7px 20px;
  min-width: 220px;
}
.tp-tag-name{
	display: inline-block;
  background: #ec8415;
  color: #fff;
  padding: 4px 15px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  top: -15px;
  left: 10px;
  z-index: 2;
}
.course-enroll-color{
  background: #ec8415;
}
.tp-tag-name.blue, .course-enroll-color.blue{
  background: #0188cc;
}
.tp-tag-name.slateblue, .course-enroll-color.slateblue{
  background-color: slateblue;
}
.tp-tag-name.org-tag{
  background: #6607c6;
}
.courseTile .tp-tag-name{
	top: 0px;
  left: 30px;
}
.view-one .tp-tag-name{
  top: 5px;
}
.title-two-line {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: box !important;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight:bold;
	color:#000000;
	line-height:17px;
}
.course-tile-wrapper{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
	background:#FFFFFF;
}
.course-subtitle{
	color:#000000;
	font-size:12px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;

}
.score-percent{
	font-weight:bold;
	font-size:16px;
}
.courseTile{

	padding:20px;
}
.course-title-area{
	height:56px;
}
.tileShadow{
	-webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.58);
	-moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.58);
	box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.58);
}
.tileShadow-2{
	-webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.10);
	box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.10);
}
.course-section-title{
	font-size:16px;
	font-weight:bold;
}
/* Manage Enrollment */
.course-sections, .courses{
	display: none;
}

/* End Manage Enrollment */

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

/* ==== home page ===== */
.home-user-profile {
	/*background-color: #071A3B;*/
	color: #434A5C;
  /*padding: 25px 20px;*/

	background: #3362ea url(../images/header-background.jpg) no-repeat;
	background-size: cover;
}
.home-user-profile .profile-quote {
	border-radius: 0 0 5px 5px;
	padding: 15px 10px 15px 150px;
}
.home-user-profile .profile-quote hr {
	border: solid 1px;
}
.home-user-profile .profile-quote p {
	color: #FFF;
}
.home-user-profile .profile-quote div {
	color: #FFF;
	border-top: 1px solid #AFB0B2;
}
.home-user-profile .profile-quote button {
	background-color: #1A1D2C;
	border-color: #1A1D2C;
	color: #FFF;
}
.home-user-profile .profile-quote button:hover {
	background-color: #414454;
	border-color: #414454;
	color: #FFF;
}
.home-user-profile .profile-info .profile-account {
	float: left;
}
.home-user-profile .profile-info .profile-account .account {
	color: #AFB0B2;
	margin: 0;
	line-height: 1.4;
}
.home-user-profile .profile-info .profile-account .name {
	margin: 0;
}
.home-user-profile .profile-info .profile-picture {
	float: left;
	margin-right: 35px;
	position: relative;
}
.home-user-profile .profile-info .profile-picture img {
	display: block;
	width: 100px;
	height: 100px;
	border: 4px solid #fff;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.home-user-profile .profile-info {
	/*padding: 15px;*/
	/*min-height: 75px;*/
	/*background-color: #44495D;*/
	color: #fff;
}
div.dataTables_length select {
	width: 75px;
	display: inline;
}

.progressBarsContainer {
	float: left;
	margin-left: 40px;
}

@media screen and (max-width: 480px) {
	.progressBarCoursesAssigned,
	.progressBarCoursesPercentCompletion{margin: 0!important;}
	.progressBarsContainer{margin-left:0;box-sizing: border-box; margin-top: 20px;}
	.progressBarsContainer p{;font-size: 12px}
	.home-user-profile .profile-quote{padding-left: 10px;}

}

.progressBarCoursesAssigned, .progressBarCoursesPercentCompletion {
	width: 50px;
	height: 50px;
	position: relative;
}

/* ==== end: home page ===== */

/* custom changes in holidays page */
.holidays.and.celebrations .content-body header.page-header h2{
	display: none;
}
.holidays.and.celebrations .content-body header.page-header .right-wrapper{
	float: left !important;
	padding-left: 15px;
}
.holidays.and.celebrations .content-body{
	padding: 20px;
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured {
    border-top: 0;
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-heading {
    background: none;
    border-radius: 0;
    border-bottom: 0;
    padding: 14px 14px 5px 14px;
    position: relative;
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-heading .panel-title{	
    color: rgb( 39, 46, 67 );
    padding-bottom: 10px;
    border-bottom: 3px solid #000;
    font-weight: bold;
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-heading .sub-title{	
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    font-size: 16px;
    font-family: "Arial";
    color: rgb( 102, 102, 102 );
    margin-top: 15px;
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-body{
	background: none;
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-body #search-holidays-and-celebrations{
	border-radius: 0;
	border: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0) !important;
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-body .input-search{
	border-bottom: 1px solid rgb( 204, 204, 204 );
    	padding-bottom: 15px;
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-body .input-search span button{	
    background-color: rgb( 0, 136, 204 ) !important;
    color: #fff;
    width: 55px;
	border-radius: 0;
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-body ul#holiday-list li{
	border: 0
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-body ul#holiday-list li .img-circle{
	background-color: #0088cc;
	padding: 10px 11.5px;
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-body ul#holiday-list li .img-circle a{
	color: #fff;
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-body ul#holiday-list li .row:first-child .col-md-12{
    padding: 5px;
    font-size: 16px;
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-body ul#holiday-list li .row:first-child .col-md-12 a{
    color: rgb( 39, 46, 67 );
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-body ul#holiday-list li .row:nth-child(2) .col-md-12{
	background: #fff;
    padding: 10px 15px;
	position: relative;
	color: rgb( 102, 102, 102 );
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-body ul#holiday-list li .post-image{
	margin-right: 0;
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-body ul#holiday-list li .post-info{
	padding-left: 0;
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-body ul#holiday-list li:nth-of-type(odd){
    margin-right: 90px;
	margin-left: 13px; 
}
.holidays.and.celebrations .content-body .row .col-md-12 .panel-featured .panel-body ul#holiday-list li .row:nth-child(2) .col-md-12 .col-md-10 .col-md-2{
    position: absolute;
    top: 35%;
    left: 83%;
	border-left: 1px solid rgb( 149, 149, 149 );
}

@font-face {
  font-family: AlexBrush-Regular;
  src: url(../images/holiday/font/AlexBrush-Regular.ttf);
}
#launchHoliday section.panel .top-banner{
  /*background: #0575ad url(../images/holiday/holiday-banner.jpg) no-repeat;
  background-size: cover;*/
	background-color: #0575ad;
	font-family: Arial;
    color: #fff;
    font-size: 45pt;
    padding: 60px 25px;
    line-height: 1;
}
#launchHoliday section.panel .top-banner.str-long{
	padding: 25px;
}
#launchHoliday .panel-heading, #launchHoliday .panel-footer{
	border-radius: 0;
	background-color: #fff;
	border: 0;
}
#launchHoliday .panel-title{
	color: #272e43;
	border-bottom: 3px solid #272e43;
  padding-bottom: 10px;
  font-weight: bold;
}
#launchHoliday .modal-text hr{
	background-image: unset;
  border: .5px solid #666666;
  height: 0;
}
#launchHoliday .modal-text{	
	color: #666666;
}
#launchHoliday .modal-text h4 {
	color: #0575ad
}
#launchHoliday .modal-text p span{
	color: #fff;
  background: #0575ad;
  padding: 1px 10px;
  border-radius: 5px;
  margin-right: 8px;
}
#launchHoliday .modal-text h4.tips span{
	background: url(../images/lightbulb.png) no-repeat;
  background-size: 100%;
  padding-bottom: 20px;
  padding: 16px;
  position: relative;
  top: 15px;
  left: 90%;
} 
#launchHoliday .modal-text p.tips{
	padding: 15px 25px;
  background: #f6f6f6;
  border-radius: 5px;
}

/* Best Practices page */
.questions .toggle.active > label:before {
    border-bottom-color: #FFF;
    border-top-color: transparent;
    top: 40%;
}
.questions .toggle > label:before {
    border-top-color: #fff;
    right: 10px;
}
.best-practices .tab-content .tp-tag-name{
	font-size: 18px;
	text-transform: unset;
}
/* .questions section.toggle.active {
	background-color: #fff !important;
}
 */
.questions section.toggle label {
	background-color: #dfe6e9 !important;
	border-color: #dfe6e9 !important;
	color: #2b93d4 !important;
	font-weight: bold;
  padding-left: 45px;
}
.questions section.toggle.active label{
	background-color: #0088CC !important;
	border-color: #0088CC !important;
	color: #fff !important;
}
.questions section.toggle label span.q{
	font-size: 28px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 3px;
  /*-ms-transform: rotate(9deg);
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);*/
  position: absolute;
  left: 5px;
  top: 8px;
  z-index: 2;
  color: #fff;
}
.questions section.toggle.active label span.q{	
  color: #2b93d4;
}
/*.questions .toggle > label:before{
  content: '';
  margin-top: -3px;
	border: 3px solid #adadad;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 23px;
  width: 0;
}
.questions .toggle.active > label:before{
	border: 3px solid #fff;
}*/
/* .toggle.active > label:after{    
 	border: 6px solid transparent;
   border-left-color: inherit;
   content: '';
   margin-top: -6px;
   position: absolute;
   right: 4px;
   top: 50%;
 } */ 
/* .questions section.toggle label:after{
  position: absolute;
  right: -12px;
  top: 8px;
  content: '';
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(to right, #c0e1f2 0%, #c0e1f2 49%, #c0e1f2 60%, transparent 40%, transparent 100%);
}*/
#categories div.toggle>label {
	background-color: #071A3B !important;
	border-color: #071A3B !important;
	color: #fff !important;
	font-weight: bold;
  padding-left: 45px;
}
#categories div.toggle>label:after {
    position: absolute;
    left: 5px;
    top: 8px;
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background:#fff !important
}
#categories div.toggle>label span.q{
	font-size: 28px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 3px;
  position: absolute;
  left: 5px;
  top: 8px;
  z-index: 2;
  color: #071A3B;
}
#quescategoriestions div.toggle>.toggle-content ul li p.num{
  color: #071A3B;
  background: #87909f;
  margin-right: -20px;
  padding: 4px 8px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0;
  text-align: center;
	font-style: italic;
	font-weight: bold;
}
.questions section.toggle label:after {
    position: absolute;
    left: 5px;
    top: 8px;
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background:#0088CC !important
}
.questions section.toggle.active label:after {
    background: #fff !important
}
.questions section .toggle-content ul li{
	/*background-color: #fff;*/
	padding: 10px 0px 10px 0px;
	color: #666;
	border-bottom: 1px solid #ccc;
}

.questions section .toggle-content ul li p.num{
 /* position: relative;
	top: 0px;
	left: -27px;*/
  color: #fff;
  background: #87909f;
  margin-right: -20px;
  padding: 4px 8px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0;
  /*margin-right: -35px;*/
  text-align: center;
	font-style: italic;
	font-weight: bold;
}
.questions section .toggle-content ul li p.num.two{
	padding-left: 6px;
}
.col-md-1.num{
	width: 5%;
}
.col-md-8.response {
  width: 75.99%;
	font-style: italic;
}
.col-md-3.button {
  width: 19%;
}
.best-practices .toggle.active a i.fa-plus {
  display: inline-block!important;
}
div.tabs.bestpractices {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 0px;
}

/* End: Best Practices page */

/* admin play-learn-win */
#qGroup .mar-right-10{
	margin-right: 10px;
}
/*End: admin play-learn-win*/

/*play learn win tools*/
/*datatable*/
#division-table_wrapper div.dataTables_info{
	padding-top: 0;
}
.marg-l-10{
	margin-left: 10px;
}
.padd-l-0{
	padding-left: 0;
}
.padd-r-0{
	padding-right: 0;
}
#division-table th, #division-table td{
	border: 0;
}
#division-table td{
	padding: 4px 0;
}
#division-table_wrapper .btn.disabled{
	opacity: 1;
}
#division-table_wrapper .paginate_button {
	background-color: #fff;
    /*padding: 9px 14px 9px 16px;*/
    padding: 4px 10px;
    color: #0088cc;
    border-radius: 0;
}
#division-table_wrapper .paginate_button.previous {
    /*padding: 9px 16px 9px 14px;*/
}
#division-table_wrapper .dataTables_info{
	margin-right: 10px;
    line-height: 2.2;
}
#division-table_wrapper .paginate_button.previous i{
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
#division-table_wrapper .paginate_button:hover{
    color: #0088cc;
}
#division-table_wrapper .dataTables_paginate {
	margin-top: 5px;
}
#division-table_wrapper .dataTables_paginate span{
	/*margin: 0 20px;*/
}
#division-table_wrapper .dataTables_paginate span a{
	text-decoration: none;
    padding: 4px 10px;
	color: #454545;
	background-color: #fff;
	cursor: pointer;
	border-radius: 0;
}
#division-table_wrapper .dataTables_paginate span a.paginate_button:hover {
	background-color: #fff;
	color: #454545;
}
#division-table_wrapper .dataTables_paginate span a.paginate_button.current{
	background-color: #0088cc;
	color: #fff;
}
#division-table_wrapper .panel-default > .panel-heading {
    color: #333333;
    background-color: #fff;
}
#division-table_wrapper .panel-group .panel-heading + .panel-collapse > .panel-body{
    border: 0;
    padding-top: 0;
    padding-right: 0;
    box-shadow: 0 0 0 0;
    background-color: #fff;
}
.star{
	background-color: #08c;
    color: #fff;
    /*padding: 3px 8px;*/
    padding: 0px 7px 2px 7px;
    border-radius: 50%;
    margin-right: 10px;
}
.star i{
	font-size: 13pt;
}
#division-table_wrapper .panel-group .panel-heading,
#division-table_wrapper .panel-group .panel-collapse{
	padding-left: 30px;
    background-color: #fff;
    padding-bottom: 5px;
    padding-right: 15px;
}
.points-div span:first-child{
	font-size: 15px;
}
.points-div p.point-count{
    display: inline-block;
    min-width: 65px;
}
.point-count{
    color: #0cb65e;
}
#division-table_wrapper ul{
	padding-left: 37px;
    padding-right: 5px;
}
#division-table_wrapper ul li{
	border-top: 1px solid #d7d7d7;    
	display: inline-block;
    width: 100%;    
    padding: 5px 0 0 0;
    color: #5b5b5b;
    line-height: 1.8;
}
#division-table_wrapper .btn{
	min-width: 90px;
}
.btn.view{
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1;
}
.panel-default>.panel-heading .panel-title .star:before {
  content: "";
  position: relative;
  top: 1px;
  left: -20px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
  font-size: 15px;  
  color: #000;
}
.panel-default>.panel-heading .panel-title[aria-expanded="true"] .star:before {
  content: "\e072";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.panel-default>.panel-heading .panel-title[aria-expanded="false"] .star:before {
  content: "\e072";
}
#company-leaderboard .panel{
	border-radius: 0;
}
#company-leaderboard .panel-heading{
	background-color: transparent;
    padding: 15px 0;
}
.tc-blue{
	color: #0089cd;
}
.tc-white{
	color: #fff;
}
.bg-white{
	background-color: #fff;
}
.bg-identity-blue{
	background-color: #071A3B
}
.bg-team-assessment-gray{
	background-color: #ebebeb
}
.mar-t-10{
	margin-top: 10px;
}
.marg-0{
    margin: 0;
}
.division-details{
    padding-left: 35px;
    padding-right: 15px;
    padding-bottom: 15px;
}
.division-details.questions{
    padding-left: 15px;
}
.division-details ul li{
	border-top: 1px solid #d7d7d7;    
	display: inline-block;
    width: 100%;    
    padding: 5px 0;
    color: #5b5b5b;
    line-height: 1.8;
    font-size: 13pt;
}
/*end datatable
/*progress bar*/
.barTitle, p.response{
	color: #5b5b5b;
}
.progressCont {
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
}
.progressBar {
  width: 0%;
  height: 10px;
  background-color: #0188cc;
  border-radius: 20px;
}
.progressBar.smaller{
  height: 10px;
}
 .progressLabel{
	width: 45px;
    text-align: center;
    padding: 7px 5px;
    background: #6a6e80;
    color: #fff;
 }
 .progressLabel:before{
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    content: "";
    position: absolute;
    left: 1px;
    top: 11px;
    border-width: 12px 8px 0 8px;
    border-style: solid;
    border-color: #6a6e80 transparent;
    display: block;
    width: 0;
}
.response{
	color: #5b5b5b
}
.thisq{
    padding: 0 20px;
} 
/* end progress bar*/

/*play learn win tools*/

/* custom menu border bottom for company id 25*/
.bbw{
  border-bottom: 1px solid white;
  margin-bottom: 5px;
}

/*Fit In*/

.bbg{
  border-bottom: 1px solid gray;
  margin-bottom: 5px;
}

.btn-one{
	display: block;
  margin-left: 29%;
  margin-bottom: 10px;
}
.btn-one-complete{
  clear: left;
}
.btn-two{
  clear: right;
  margin-bottom: 10px;
  display: none;
}
#initial-buttons .bg-primary{
	background-color: #12679b;
}
#initial-buttons .btn-text{
  font-size: 25px;
	color: #12679b;
	font-weight: bold;
}
#initial-buttons .btn-label .default{	
	border-radius: 4px;
	line-height: 1.2;
}
#initial-buttons .btn-label .selected .num, #fitInDetailsModal .btn-nums,
.compare-result .num{
	border-radius: 7px;
  color: #fff;
  font-size: 25px;
  display: inline-block;
  padding: 0;
  width: 40px;
  text-align: center;
}
.compare-result .num{
  background-color: #999999;
  padding: 7px 0;
  height: 38px;	
}
#fitInDetailsModal .btn-nums{
  border: 2px solid white;
  margin: 0 5px;
}
#fitInDetailsModal .btn-nums:hover{
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.95);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.95);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.95);
}
#fitInDetailsModal .btn-outer{
	display: inline-block;
}
#initial-buttons .one, #fitInDetailsModal .one{
	background-color: #cf0a0f;
}
#initial-buttons .two, #fitInDetailsModal .two{
	background-color: #ff8000;
}
#initial-buttons .three, #fitInDetailsModal .three{
	background-color: #f5c70a;
}
#initial-buttons .four, #fitInDetailsModal .four{
	background-color: #008000;
}
#initial-buttons .five, #fitInDetailsModal .five{
	background-color: #408080;
}
#initial-buttons .six, #fitInDetailsModal .six{
	background-color: #004080;
}
#initial-buttons .seven, #fitInDetailsModal .seven{
	background-color: #8080c0;
}
#initial-buttons .eight, #fitInDetailsModal .eight{
	background-color: #8000ff;
}
#initial-buttons .nine, #fitInDetailsModal .nine{
	background-color: #400080;
}
#initial-buttons .ten, #fitInDetailsModal .ten{
	background-color: #804000;
}
#fit-result{
	color: #a1172f;
}
#fitInDetailsModal .fw-bold, #moreDetailsModal .fw-bold{
	font-weight: bold;
}
@media (min-width: 768px) {
	/* #initial-buttons .btn-label .default{
	    font-size: 16px;
	} */
	#initial-buttons .btn-text {
    font-size: 22px;
  }
}
/*End Fit In*/

/*cards edit*/
.cards-video-header {
	min-height: 400px;
}
.reset-div-container{
	margin-left: -25px;
  margin-right: -25px;
}
.child-reset{
  padding: 0 25px;
  background-color: #fff;
}
.cards-row-container{
	/* margin-left: -40px;
	  margin-right: -40px; */
  /*padding: 0 25px;*/
  /*background-color: #fff;*/
	font-family: arial;
}
.cards-row-container .cards section.panel{
	background-color: #ecedf0;
	padding: 5px;
  /*border-radius: 5px;*/
}
.cards-row-container .cards .panel-heading{
	border-radius: unset;
	padding: 18px 0;
}
.cards-row-container .cards .panel-heading .circle{
	width: 150px;
	height: 150px;
	background-color: rgba(255, 255, 255, .3);
	border-radius: 50%;
	padding: 40px 10px;
}
.cards-row-container .cards .panel-heading .circle p.title{
	font-weight: bold;
	text-shadow: 2px 2px 2px rgba(0,0,0,.5);
  line-height: 1.4;
  color: #fff;
}
.cards-row-container .cards .panel-heading .circle p.title span{
  font-size: 12px;
}
.cards-row-container .cards .panel-body{
	background-color: transparent;
	box-shadow: unset;
  padding: 15px 10px 10px;
  min-height: 165px;
}
.cards .panel-body ol li i.fa-li{
	position: absolute;
  left: 5px;
  top: unset;
  font-size: 20px;
  font-weight: bold;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

#card_1 .panel-heading{
	background: #00679a url(../images/cards/card-1.jpg) no-repeat;
	background-size: cover;
}
#card_2 .panel-heading{
	background: #0997a3 url(../images/cards/card-2.jpg) no-repeat;
	background-size: cover;
}
#card_3 .panel-heading{
	background: #006718 url(../images/cards/card-3.jpg) no-repeat;
	background-size: cover;
}
#card_4 .panel-heading{
	background: #11a132 url(../images/cards/card-4.jpg) no-repeat;
	background-size: cover;
}
#card_5 .panel-heading{
	background: #a7a220 url(../images/cards/card-5.jpg) no-repeat;
	background-size: cover;
}
#card_6 .panel-heading{
	background: #b9621b url(../images/cards/card-6.jpg) no-repeat;
	background-size: cover;
}
#card_7 .panel-heading{
	background: #a1101f url(../images/cards/card-7.jpg) no-repeat;
	background-size: cover;
}
#card_8 .panel-heading{
	background: #66050e url(../images/cards/card-8.jpg) no-repeat;
	background-size: cover;
}
#card-profile-header .panel-heading, .card-profile-header .panel-heading{
	background: #3362ea url(../images/cards/card-profile-header.jpg) no-repeat;
	background-size: cover;
}
.card-profile-header .panel-heading .profile-picture img{
	max-height: 50px;
	max-width: 50px;
	min-width: 50px;
	min-height: 50px;
}
.card-profile-header .panel-heading .common-tag{
	position: absolute;
  bottom: -25px;
  right: 15px;
  padding: 0px 10px;
  background-color: #f38124;
}
.card-profile-header .panel-heading .common-tag i{
	position: relative;
  top: -10px;
  font-size: 20px;
  left: -5px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
#card_1 .actions h3 a, .header-breakdown li:nth-child(1){
	color: #00679a;
}
#card_2 .actions h3 a, .header-breakdown li:nth-child(2){
	color: #0997a3;
}
#card_3 .actions h3 a, .header-breakdown li:nth-child(3){
	color: #006718;
}
#card_4 .actions h3 a, .header-breakdown li:nth-child(4){
	color: #11a132;
}
#card_5 .actions h3 a, .header-breakdown li:nth-child(5){
	color: #a7a220;
}
#card_6 .actions h3 a, .header-breakdown li:nth-child(6){
	color: #b9621b;
}
#card_7 .actions h3 a, .header-breakdown li:nth-child(7){
	color: #a1101f;
}
#card_8 .actions h3 a, .header-breakdown li:nth-child(8){
	color: #66050e;
}
.header-breakdown li>i  {
	color: #333333;
  position: relative;
	top: -4px;
}
.header-breakdown li h4{
	font-size: 1.4rem;
}
.home #card-profile-header, .card-profile-header, .getting-started #card-profile-header, .my-partnership-card #card-profile-header{
	/*box-shadow: 15px 15px 10px -15px rgba(0,0,0,0.5);*/
	box-shadow: 5px 15px 25px 0px rgba(0,0,0,0.5);
	border-top-left-radius: 5px;
  border-top-right-radius: 5px;	
	border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;	
}
#card-profile-header, .card-profile-header{
	max-width: 380px;
}
#card-profile-header .panel-body, .card-profile-header .panel-body{
	line-height: 9px;
}
.home #my-touchpoints .courseTile, .my-touchpoints .courseTile{
  cursor: pointer;
}
.home #my-touchpoints .unavailable, .my-touchpoints .unavailable{
  opacity:.4;
  cursor: not-allowed;
}
.cards ol li{
	font-weight: bold;
	color: #898989;
}
.cards ol li:nth-child(1), .header-breakdown li h4{
	color: #363636;	
}
.cards ol li:nth-child(2){
	color: #464646
}
.cards ol li:nth-child(3){
	color: #636363;	
}
.cards ol li:nth-child(4){
	color: #7d7d7d;
}
.child-reset .tab-content {
	border-radius: 0; 
	box-shadow: none; 
	border: none; 
	padding: 10px; 
}
/*end cards edit*/

/*identity cards team assessment table*/
.wmfdp-tabs td input[type=radio],
.wmfdp-tabs td input[type=checkbox]{
  position: absolute;
  visibility: hidden;
}
.wmfdp-tabs td label{
  display: block;
  position: relative;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.wmfdp-tabs td .check{
  display: block;
  /*position: relative;*/
  border: 5px solid #cccccc;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  /*top: 0px;*/
  /*left: 30px;*/
	z-index: 5;
	transition: border .25s linear;
	-webkit-transition: border .25s linear;
	background-color: #cccccc;
}
.wmfdp-tabs td label:hover .check {
  border: 5px solid #7db900;
  background-color: #fff;
}
.wmfdp-tabs input[type=radio]:checked ~ label .check {
  border: 5px solid #7db900;
  background-color: #fff;
}

.wmfdp-tabs input[type=radio]:checked ~ label .check::before{
  background: #fff;
}
/*check box*/
.checkbox input[type=checkbox]{
  position: absolute;
  visibility: hidden;
  margin-top: 0;
}
.checkbox label{
    display: block;
    position: relative;
    padding: 10px 25px 5px 32px;
    margin: 0px auto;
    /* height: 0; */
    min-height: 45px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}
.checkbox .check{
	display: block;
    position: absolute;
    /*background-color: rgba(255,255,255,0.251);*/
    background-color: #cccccc;
		height: 25px;
    width: 26px;
    top: 0px;
    left: 0px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
		transition: background .25s linear;
		-webkit-transition: background .25s linear;
    border: 1px solid #ccc;
}
.checkbox input[type=checkbox] ~ label p{
	margin-left: 10px;
  margin-bottom: 0;
  margin-top: -5px;
  color: #666666;
  font-style: italic;
  line-height: 1.2;
}
.checkbox input[type=checkbox] ~ label span{
	display: none;
    font-size: 16pt;
}
.checkbox input[type=checkbox]:checked ~ label span{
	display: block;
	color: #7db900;
}
.checkbox input[type=checkbox]:checked ~ label .check{
	background-color: #fff;
}
#assessment-table .table > thead > tr > th{
	border-bottom: unset;
	font-weight: normal;
}
#assessment-table .table > tbody > tr > td{
	border-top: unset;
	border-bottom: 1px dashed #dddddd;
}
#assessment-table .table > tbody > tr > td.num{
	border-bottom: unset;
}
#assessment-table .table > thead > tr > th,
#assessment-table .table > tbody > tr > td.num,
#assessment-table .table > tbody > tr > td.q{
	color: #666666;
}
.border-instruction-gray{
	border: 2px solid #e4e4e4;
	border-radius: 15px;
}
.goal-button-toggle{
	padding: 10px;
  border-radius: 5px;
  background: #ccc;
  color: #fff;
}
#goals-chart-cont #accordion ul li{
	font-style: italic;
}
#goals-chart-cont #accordion ul li .li-s,
#goals-chart-cont #accordion2 ul li .li-s{
	color: #666;
}
#ins-header{
	margin-top: -30px;
}
#get-started #instructions li, 
#my-partnership-card .border-instruction-gray li,
#get-started #instructions h4 {
  display: inline-block;
}
#get-started #instructions li p.tc-white,
#my-partnership-card li p.tc-white{
	line-height: 1.8;
	width: 55px;
}
#get-started #instructions li span,
#my-partnership-card li span{
	border-radius: 50%;
  padding: 3px 10px;
  font-size: 16px;
}
#get-started #instructions h4{
	border-right: 5px solid #fff;
	border-left: 5px solid #fff;
}
.partnership-chart h3{
	min-height: 50px;
}
.bb-dashed, .tp-goals{
	border-bottom: 1.4px dashed #666;
}
.flowplayer>a{
	display: none !important;
}
/*end identity cards team assessment table*/
/*added for enrollment report page (.accordion)*/
/*.accordion*/
.accordion-main{
    padding: 5px;
    border: 1px solid #ddd;
}
.accordion-child{
    display: none;
}
.nav-expanded>.accordion-child{
    display: block;
    background: #eeeeee;
    border-bottom: 2px solid #fff;
}
.accordion-child>.nav-expanded>.accordion-child{
    border-bottom: unset;
}
.accordion-child>.anchor-parent>.accordion-child>.group{
    border-top: 2px solid #fff;
    background: #f6f6f6;
}
.accordion-child>.anchor-parent>.accordion-child{
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
}
.nav-expanded>.accordion-child.bg-white{
    background: #fff;
}
.d_total{
    border-left: 2px solid #fff;
}
.label-text{
    color: #aaa
}
.anchor>label{
    font-size: 12pt;
}
.anchor-parent>.anchor.bg-blue>label:before {
    content: '+';
    margin-top: -11px;
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 20px;
    font-weight: 600;
}
.accordion-child>.anchor-parent>.anchor>label span:before {

    border: 6px solid transparent;
    border-left-color: inherit;
    content: '';
    margin-top: -4px;
    margin-left: 15px;
    position: absolute;
    top: 50%;
    transition: .1s;
}
.accordion-child>.nav-expanded.anchor-parent>.anchor>label span:before {

    transform: rotate(90deg);
}
.anchor-parent.nav-expanded>.anchor.bg-blue> label:before {
    content: '—';
    font-size: 12px;
    font-weight: 800;
}
.border-0{
	border: unset!important;
}
.d-flex{
	display: flex!important;
}
a.reset{
	text-decoration: none;
	color: unset;
}
/*for demographic modal*/
.label-color{
	color: #008fc7;
}
.btn-options {
		padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    background-color: #008fc7;
    border-radius: 4px;
    font-weight: bold;
    font-style: italic;
    cursor: pointer;
    margin-bottom: 10px;
    line-height: 1.2;
}
.btn-options.selected {
    background-color: #fc9636;
}
.bg-counter{
	background-color: #008fc7 !important;
}
.border-bottom-demog{
	border-bottom: 1px dashed #666666;
}
#modalFormDemographicUserNew .mfp-close{
	background: #e66767;
  border-radius: 50%;
  opacity: 1;
  color: #fff;
  margin-top: -25px;
  margin-right: 15px;
}
.border-radius-4{
	border-radius: 4px;
}
.text-gray-home{
	color: #999999 !important;
	word-break: break-all;
}
.mtn-70{
	margin-top: -70px;
}
.banner-bottom{
	background: rgba(8,27,58,.6);
	margin-top: 20px;
}
.mtn-60{
	margin-top: -10px;
}
.form-control.error{
	border-color: red;
}
/*@media (min-width: 1024px) {
	.course-tile-wrapper{
		min-height: 265px;

	}
}*/
/*@media (min-width: 1440px) {
	.course-tile-wrapper{
		min-height: 155px;
	}
}*/

/*header-responsive fix*/
.coaching-circle-info{
	word-break: break-all;
}
a.tc-white:hover{
	color: #fff;
}
@media (min-width: 1025px) and (max-width: 1119px) {
	.header-right {
	    width: 66%;
	}
	.logo-container{
		width: 30%;
	}
	.header-right .userbox{
		width: 43%;
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.header-right {
	    width: 70%;
	}
	.logo-container{
		width: 30%;
	}
	.header-right .userbox{
		width: 46%;
	}
	.header-right #userbox{
		width: 36%;
	}
	.header .logo {
	    float: left;
	    /*margin-top: 10px;*/
	}
	.logo>img{
		max-width: 185px;
    	/*height: unset;*/
	}
	.userbox .profile-info {
	    max-width: 105px;
   		word-break: break-all;
	}
}
@media (max-width: 767px) {
	.logo>img{
		max-width: 185px;
	}
	.header-right .userbox {
	    width: 50%;
	    margin-top: 10px;
	}
	.header-right #userbox{
		width: 39%;
    	margin-left: 30px;
	}
	.userbox .profile-info {
	    max-width: 112px;
	    word-break: break-all;
	    margin-right: 10px;
	}
	.userbox>.dropdown{
		position: relative;
    	left: 28px;
	}

}
@media (max-width: 380px) {
	.header-right .userbox {
	    width: 49%;
	    margin-top: 10px;
	}

}