/*

Corporate Blue:
	PMS 3005
	CMYK 100, 34, 0, 2
	RGB 10, 133, 199
	HEX #0A85C7

Neutral palette:
	Black - #000000
	Dark grey - #6d6e71
	Medium grey - #4d4d4d
	Light grey - #939598
	
Secondary palette:
	Dark blue - #235164
	Medium blue - #1c7293
	Teal - #70a8ae
	Purple - #592d5f
	Orange - #cc6932
	Gold - #ebab21
	
*/

/*------------------------------------------------*/
/* GLOBAL */
/*------------------------------------------------*/

h1, .top-pane-text {
    color:#ffffff;
}
h2 {
    color:#ffffff;
}
h3 {
    color:#0A85C7;
}
h4 {
    color:#fff;
}

.bootsterContainer.footer .contentpane,
.bootsterContainer.footer .contentpane p  { color:#939598; }
.bootsterContainer.footer .contentpane h4,
.bootsterContainer.footer .contentpane h4 { color:#939598; }

.bootsterContainer.footer a,
.bootsterContainer.footer a:link,
.bootsterContainer.footer a:active,
.bootsterContainer.footer a:visited,
.bootsterContainer.footer a:focus { color:#939598 !important; }

body {background-color: #e6e8e9 !important;}
.grey-background { background-color:#e6e8e9; }
.white-background {background-color: #ffffff;}
.blue-text {color:#0A85C7;}
.drop-shadow  {box-shadow: 0px 3px 20px #939598;}
.blue-gradient {
  background: #0A85C7; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(170deg, #0A85C7 , #6ac0cc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(170deg, #0A85C7, #6ac0cc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(170deg, #0A85C7, #6ac0cc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(170deg, #0A85C7 , #6ac0cc); /* Standard syntax */
}

.topbar             { background: #d0d4d6; }
.search-bar         { background: #e6e8e9;}
.navbar-fixed-top   { background: #4d4d4d; }
.navbar-default     { background: #FFFFFF; }
footer              { background: #ffffff; }

#search-action, .SearchButton, .search-toggle-icon  {background:#1c7293; }
#search-action:hover, .SearchButton:hover, .search-toggle-icon:hover, .SearchButton:visited, .SearchButton:focus, .SearchButton:active        {background:#245164; color:#ffffff; text-decoration:none;}
.search-button, .search-button a, .search-button a:link,
.search-button a:active, .search-button a:visited, .search-button a:focus   { color:#595959; }
.contact-button, .contact-button a, .contact-button a:link,
.contact-button a:active, .contact-button a:visited, .contact-button a:focus   {  color:#595959; }
.search-button {border-left:1px solid #595959;}
ul.searchSkinObjectPreview > li.searchSkinObjectPreview_group { color:#595959; border-bottom:1px solid #595959;}

.registerGroup .userDisplayName                 { border-left: 1px solid #757370; }
.userMessages strong                            { border-left: 1px solid #757370; }
.userMessages a, .userNotifications a           { border-right: 1px solid #757370; }
.registerGroup a, .loginGroup a                 { border-right: 1px solid #757370; color: #939598; }
.registerGroup a:hover, .loginGroup a:hover     { background: #4d4d4d; }

ul.searchSkinObjectPreview > li:hover           { background-color: #757370; color: #d0d4d6; }
ul.searchSkinObjectPreview                      { background: #ececec; }

.socialC .contentpane .list-inline li a         { color:#757370; }
.socialC .contentpane .list-inline li a i       { border: 1px solid #757370; }
h4.page-title                                   { color: #4d4d4d }

.bootsterContainer .contentpane .Normal, 
.bootsterContainer .contentpane div,  
.bootsterContainer .contentpane td, 
.bootsterContainer .contentpane b               { color: #4d4d4d; }

.bootsterContainer .contentpane a,
.bootsterContainer .contentpane a:active,
.bootsterContainer .contentpane a:link,
.bootsterContainer .contentpane a:focus,
.bootsterContainer .contentpane a:visited       { color: #4d4d4d; text-decoration:none;  } /*jacton*/
.bootsterContainer .contentpane a:hover         { color: #757370; text-decoration:none; } /*jacton*/

.navbar-default .navbar-toggle .icon-bar { background-color: #939598; }

.footer-contact, .footer-contact a{ color:#1c7293 !important; }
.footer-contact a:hover { color:#245164 !important; }

.social-media ul.list-inline li a:hover             { text-decoration:none; }
.social-media ul.list-inline li a.facebook:hover    { color: #507CBE }
.social-media ul.list-inline li a.twitter:hover     { color: #63CDF1; }
.social-media ul.list-inline li a.google:hover      { color: #F16261; }
.social-media ul.list-inline li a.linkdin:hover     { color: #90CADD; }
.social-media ul.list-inline li a.youtube:hover     { color: #CD201F; }
.social-media ul.list-inline li a.rss:hover         { color: #F8991D; }
.searchInputContainer input::-webkit-input-placeholder {
    color: #818181;
}
.searchInputContainer input:-moz-placeholder {
    color: #818181;
}
.searchInputContainer input::-moz-placeholder {
    color: #818181;
}
.searchInputContainer input:-ms-input-placeholder {
    color: #818181;
}
.search-button a:hover,
.contact-button a:hover {
    color: #ffffff !important;
}
.Breadcrumb,
.Breadcrumb:visited {
   color:#939598;
   }
a.Breadcrumb:hover,
a.Breadcrumb:focus {
   color:#0081c6;
   text-decoration:none;
   }
.breadcrumbs > span > span > span:last-child > a > span {
   color:#595959;
}
.hover-dim:after  {
    content:'\A';
    position:absolute;
    width:calc(100% - 30px); 
	height:calc(100% - 20px);
    top:0; 
	left:15px;
    background:#333333;
    opacity:0;
	-moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}
.hover-dim:hover:after{
    opacity:.2;
}
.pressTitle {
	color:#0A85C7;
}
.dark-bar {
	border:solid 1px #d9dadb;
}
/*------------------------------------------------*/
/* Headers */
/*------------------------------------------------*/

.purple-gradient-header {
  background: #592d5f; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(170deg, #592d5f 25% , #587a91); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(170deg, #592d5f 25%, #587a91); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(170deg, #592d5f 25%, #587a91); /* For Firefox 3.6 to 15 */
  background: linear-gradient(170deg, #592d5f 25%, #587a91); /* Standard syntax */
}
.blue-gradient-header {
  background: #0c6da1; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, #0c6da1, #1e4859); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #0c6da1, #1e4859); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #0c6da1, #1e4859); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #0c6da1, #1e4859); /* Standard syntax */
}
.home-background {
	 background-image:url('../../img/HomepageScreen11.jpg');
	 background-size:cover;
	 background-position:center;
}
.image-header-1 {
  background-image:url('../../img/image-header-1.jpg');
}
.image-header-2 {
  background-image:url('../../img/image-header-2.jpg');
}
.image-header-3 {
  background-image:url('../../img/image-header-3.jpg');
}
.image-header-4 {
  background-image:url('../../img/image-header-4.jpg');
}
.image-header-5 {
  background-image:url('../../img/image-header-5.jpg');
}
.image-header-6 {
  background-image:url('../../img/image-header-6.jpg');
}
.image-header-7 {
  background-image:url('../../img/image-header-7.jpg');
}

/*------------------------------------------------*/
/* Shadows */
/*------------------------------------------------*/
.effect7
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect7:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
.box-shadow {
	   -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, .3);
       -moz-box-shadow: 2px 2px 20px rgba(0, 0, 0, .3);
       box-shadow: 2px 2px 20px rgba(0, 0, 0, .3);
}

/* Features */

.spotlight-content, .FullFeature .contentpane .Image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(35,81,100, 0.5);
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
  }

.spotlight-content:hover {
    background: rgba(0,0,0, 0.5);
  }
  
.FullFeature .contentpane .Image:before  {
	left: 15px;
	width:calc(100% - 30px); 
	height:calc(100% - 20px);
  }
  

/* BACKGROUNDS */
.White {
    background-color: #ffffff;
	z-index:99; 
	position:relative;
}
.BlueGradient {
  background: #183744; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#183744 , #005686); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#183744, #005686); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#183744, #005686); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#183744 , #005686); /* Standard syntax */
  z-index:99; 
  position:relative;
}
.OrangeGradient {
  background: #cd6932; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#cd6932 , #ebab21); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#cd6932, #ebab21); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#cd6932, #ebab21); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#cd6932 , #ebab21); /* Standard syntax */
  z-index:99; 
  position:relative;
}
.PurpleGradient {
  background: #592d5f; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(170deg, #592d5f 25%, #0A85C7); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(170deg, #592d5f 25%, #0A85C7); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(170deg, #592d5f 25%, #0A85C7); /* For Firefox 3.6 to 15 */
  background: linear-gradient(170deg, #592d5f 25%, #0A85C7); /* Standard syntax */
  z-index:99; 
  position:relative; 
}
  
/* Primary Action */

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
    border-color: #d0d4d6; /*dark blue*/
    background: #757370;
    background: -moz-linear-gradient(top, #4d4d4d 0%, #757370 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#757370)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4d4d4d 0%,#757370 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(top, #4d4d4d 0%,#757370 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.6), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4);
    color: #efefef !important;
    text-shadow: 0px -1px 0px #185B93;
}

.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {
	border-color: #d0d4d6;
	background: #757370; /* Old browsers */
	background: -moz-linear-gradient(top, #757370 0%, #4d4d4d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#757370), color-stop(100%,#4d4d4d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #757370 0%,#4d4d4d 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, #757370 0%,#4d4d4d 100%); /* W3C */
	color: #fff;
}

.dnnPrimaryAction:active, .dnnFormItem input[type="submit"]:active, a.dnnPrimaryAction:active {
	border-color: #d0d4d6;
	background: #1f66be; /* Old browsers */
	background: -moz-linear-gradient(top, #1f66be 0%, #3085e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f66be), color-stop(100%,#3085e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1f66be 0%,#3085e0 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top, #1f66be 0%,#3085e0 100%); /* W3C */
	-webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
	color: #fff;
}

.dnnPrimaryAction[disabled], .dnnPrimaryAction[disabled]:hover, .dnnPrimaryAction[disabled]:active {
	background: #ccc !important;
	border: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	color: #aaa !important;
	text-shadow: none;
}

/* Secondary Action */
.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
/*ul.dnnAdminTabNav li a,*/
.dnnLogin .LoginTabGroup span {
    background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #dfdfdf 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dfdfdf)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* IE10+ */
    background: linear-gradient(top, #f5f5f5 0%,#dfdfdf 100%); /* W3C */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.4), inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
    /*text-shadow: 0px 1px 2px #000000;*/
    color: #333;
}

.dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover,
.dnnFormItem input[type="reset"]:hover,
.dnnSecondaryAction:hover,
a.dnnSecondaryAction:hover,
ul.dnnAdminTabNav li a:hover,
.dnnLogin .LoginTabGroup span:hover {
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top, #fefefe 0%, #e8e8e8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* IE10+ */
	background: linear-gradient(top, #fefefe 0%,#e8e8e8 100%); /* W3C */
	color: #555;
}

.dnnFormItem button:active,
.dnnFormItem input[type="button"]:active,
.dnnFormItem input[type="reset"]:active,
.dnnFormItem input[type="reset"]:active,
.dnnSecondaryAction:active,
a.dnnSecondaryAction:active,
ul.dnnAdminTabNav li a:active {
	border-color: #999;
	background: #c6c6c6; /* Old browsers */
	background: -moz-linear-gradient(top, #c6c6c6 0%, #f3f3f3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c6c6), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* IE10+ */
	background: linear-gradient(top, #c6c6c6 0%,#f3f3f3 100%); /* W3C */
	-webkit-box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
}
	
/* Bootstrap Styles */
.btn-primary,
.btn-primary:active,
.dropdown-toggle.btn-primary,
.bg-primary {color: #fff !important;background-color: #1C7293 !important;border-color: #d0d4d6 !important; border-radius:0px; margin-right:20px;}
.btn-primary:hover {color: #fff;background-color: #245164 !important;border-color: #d0d4d6 !important; }
.btn-lg {font-size:calc(18px + 0.6vmin);}
blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 5px solid #757370;
}

/* Module titles */
.Head {
    display: inline-block;
    margin-bottom: 6px;
}

/* Some old forge modules use .Head, .SubHead, .SubSubHead in table td, We keep this to be compatible */
td.Head, td.SubHead, td.SubSubHead {
    display: table-cell;
    margin-bottom: 0;
}

input[type="image"] + span.Head, input[type="image"] + span.SubHead {
    display: inline;
}

/*START - Feedback Dropdown*/
.divHidden {
    display: none !important;
}

.divShown {
    display: block !important;
}

#feedbackFormDrop {
    cursor: pointer;
    color: white;
    display: contents;
}

.feedbackIconContainer {
    display: flex;
    align-items: center;
    float: left;
    padding: 15px 10px;
}

.feedbackIcon {
    width: 30px;
    font-size: 2em !important;
}

.feedbackPanel {
    width: 27em;
    height: 29em;
    margin: 0 35px
}

.feedbackSentImg {
    width: 36%;
    margin: 20px 120px;
}

.sendFeedbackBtn {
    background-color: #0081C6;
    color: white;
    position: fixed !important;
    border: 0;
    width: auto;
    height: 30px;
    right: 12rem;
    top: 31em;
}

#feedbackEmptyErr {
    color: red;
    position: fixed;
    top: 31em;
    font-family:sans-serif !important;
}

#feedbackText {
    width: 27em;
    height: 14em;
    color: black;
    border: 1px solid black;
}

.feedbackPanel > h4 , h5 , .sendFeedbackBtn {
    font-family:sans-serif !important;
}

/*END - Feedback Dropdown*/
<!-- START - Rating Panel -->
.fa-star:before {
    content: "\f005";
}

.rating-list li i.yellow {
    color: #FFD700;
}

.rating-list li i.gray {
    color: #bbb;
}

 .list-inline>li {
    display: inline-block;
    font-size: 20px !important;
}

.starRatingPanel .list-inline>li {
    display: inline-block;
    font-size: 30px !important;
}

.starRatingPanelCl .list-inline>li, .starRatingPanel .list-inline>li {
    cursor: pointer;
}

.rating-list li {
    padding: 0px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.center-block-course-rating-image{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    max-width: 28em;

}
.starRatingContainer {
    display: flex;
    justify-content: space-around;
}

.starRatingPanel {
    text-align: center;
    padding: 20px 0;
    width: 100%;
    max-width: 25em;
    margin-bottom: 20px;

      background:
       linear-gradient(#0081C6,#0081C6)   0 0,
       linear-gradient(#0081C6,#0081C6)   0 0,
       linear-gradient(#0081C6,#0081C6) 100% 100%,
       linear-gradient(#0081C6,#0081C6) 100% 100%,
      white;
      padding:5px;
      background-size:50px 5px,5px 50px;
      background-origin:inherit;
      background-repeat:no-repeat;
          border: 3px solid #eee;

          height:auto;
}

<!-- END - Rating Panel -->