/*   
 * Template Name: College Green - Responsive Website Template for Education & Training
 * Version: 1.0
 * Author: 3rd Wave Media
 * Website: http://elearning.3rdwavemedia.com
*/
/* ======= Base ======= */

html,
body {
    height: 100%;
}

* {
    font-family: 'Open sans', sans-serif;
	outline:none !important;
}

body {
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.wrapper .padding-all {
    padding: 24px 32px;
}
.wrapper .padding-all h5 {
    font-family: 'Noto Serif JP', serif;
    font-size: 24px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 35px;
    letter-spacing: normal;
    text-align: center;
    color: #e23369;
}   
.wrapper {
    min-height: 686px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'open sans', arial, sans-serif;
    font-weight: 300;
}

p {
    color: #444444;
    font-size: 13px;
}

a {
    color: #5697a8;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    outline: none;
}

a:hover,a:focus {  
}

.btn {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
button, button:focus, button:hover{
    outline: none !important;
}

.btn .fa {
    color: #fff;
    margin-right: 5px;
}

.btn .fa.fa-search {
    margin-right: 0;
}

.btn-theme {
    background: #5798a8;
    border: 1px solid #5798a8;
    color: #fff;
}

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

.btn-rounded {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    -ms-border-radius: 5;
    -o-border-radius: 5;
    border-radius:5px;
}

.btn-orange {
    background: #db6439;
    color:#fff;
}

@media (max-width: 760px) {
    .btn-wide {
        width: 100%; 
    }
}

@media (min-width: 761px) {
    .btn-wide {
        width: 50%;
    }
}

.btn-noborder {
    border: none;
}

.btn-pass-show {
    background-image: url("/Content/Images/icons/icon_show_23x18.svg");
    background-repeat: no-repeat;
     background-position: center center;
    width: 24px;
    height: 24px;
}

.btn-pass-hide {
    background-image: url("/Content/Images/icons/icon_hide_23x18.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 24px;
    height: 24px;
}
button.btn.btn-default.pass-show-internal:hover {
    background-color: transparent;
    border-color: transparent;
}
.btn-facebook {
    background-image: url("/Content/Images/icons/icon_facebook_gray_28x20.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 95px;
}
.btn-facebook:hover {
    background-image: url("/Content/Images/icons/icon_facebook_white_28x20.svg");
    background-color: #3c5a99;
}

.btn-linkedin {
    background-image: url("/Content/Images/icons/icon_linkedin_gray_28x20.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 95px;
}
.btn-linkedin:hover {
    background-image: url("/Content/Images/icons/icon_linkedin_white_28x20.svg");
    background-color: #0f7db8;
}

.btn-google {
    background-image: url("/Content/Images/icons/icon_google_gray_28x20.svg");
    background-repeat: no-repeat;
    background-position: center center;
    width: 95px;
}

.btn-google:hover {
    background-image: url("/Content/Images/icons/icon_google_white_28x20.svg");
    background-color: #de4f3f;
}

.btn-theme:hover {
    background: #16445d;
    border: 1px solid #84aac9;
    color: #fff;
}
header.header h1.padding-l-5 {
    padding: 15px 0 15px 32px;
    margin: 0;
}
body.sideNavActive {
    overflow: hidden;
}
a.btn-cta,
.btn-cta {
    background: #5798a8;
    color: #fff;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1.33;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #5798a8;
    font-family: 'open sans', arial, sans-serif;
}

a.btn-cta:hover,
.btn-cta:hover {
    color: #fff;
    background: #84aac9;
    border: 1px solid #84aac9;
}

a.btn-cta .fa,
.btn-cta .fa {
    margin-right: 10px;
    font-size: 20px;
    color: #fff;
}

.btn-dropdown
{
    padding:5px 12px;
}

.form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.form-control:focus {
    border-color: #5798a8;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

blockquote {
    font-size: 14px;
}

blockquote p {
    font-size: 14px;
    line-height: 1.5;
}

.RedDamask {
    background-color: #e27240;
}

.RedDamask:hover {
    background-color: #df622a;
}

.FireBush {
    background-color: #E28D40;
}

.FireBush:hover {
    background-color: #df802a;
}

.OliveDrab {
    background-color: #60A823;
}

.OliveDrab:hover {
    background-color: #54931f;
}

.Mojo {
    background-color: #C94139;
}

.Mojo:hover {
    background-color: #b73932;
}

.text-highlight {
    color: #27435a;
}

.highlight-border {
    border-color: #5798a8;
}

.read-more {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    font-size: 13px;
    display: block;
}

.read-more .fa {
    position: relative;
    top: 1px;
    margin-left: 5px;
}

.read-more:hover {
    text-decoration: none;
}

.carousel-fade .item {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
}

.carousel-fade .item.active {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

#topcontrol {
    background: #84aac9;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

#topcontrol:hover {
    background: #5798a8;
}

#topcontrol .fa {
    position: relative;
    top: 3px;
    font-size: 25px;
}

.row-end {
    margin-right: 0;
    padding-right: 0;
}

ul.custom-list-style li {
    list-style: none;
}

.date-label {
    background: #f5f5f5;
    display: inline-block;
    width: 40px;
    height: 50px;
    text-align: center;
    font-size: 13px;
}

.date-label .month {
    background: #5798a8;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
}

.date-label .date-number {
    clear: left;
    display: block;
    padding-top: 5px;
    font-size: 15px;
    font-family: 'open sans', arial, sans-serif;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #ddd;
    padding-bottom: 5px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #5798a8;
    border-color: #5798a8;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: #eef3f8;
    border-color: #a7c2d9;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.nav-tabs {
    border-bottom: none;
    position: relative;
    margin-bottom: -1px;
}

.tab-content {
    border: 1px solid #e8e8e8;
    padding: 15px;
    margin-bottom: 20px;
}

.nav > li > a {
    font-size: 13px;
}

.nav-tabs > li > a {
    border: 1px solid #e8e8e8;
    border-bottom: none;
    background: #f5f5f5;
    padding: 5px 15px;
    margin-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #444444;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
}

.nav-tabs > li {
    margin-right: 2px;
}

.nav-tabs > li.active {
    border-top: 2px solid #5798a8;
}

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

.navbar-toggle {
        margin: 0;
        padding: 22px 18px;
        border: none;
    }

.navbar-header {
    padding-left:0px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background: #f5f8fb;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top: 1px solid #ebebeb;
}

.table > thead > tr > th {
    border-bottom: 2px solid #a7c2d9;
    color: #365d7e;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background: #f5f8fb;
}

.table-boxed,
.table-bordered {
    border: 1px solid #ebebeb;
}

.table.table-boxed > thead > tr > th {
    border-bottom: none;
    background: #5798a8;
    color: #fff;
}

.panel-group .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.panel-group .panel .panel-heading {
    background: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.panel-group .panel .panel-heading .panel-title a {
    color: #5697a8;
}

.panel-group .panel .panel-heading .panel-title a:before {
    font-family: FontAwesome;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f146";
    margin-right: 5px;
}

.panel-group .panel .panel-heading .panel-title a.collapsed:before {
    content: "\f0fe";
}

.panel-group .panel .panel-body {
    font-size: 13px;
}

.panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.panel .panel-heading {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.panel .panel-heading h3.panel-title {
    font-weight: 500;
}

.panel .panel-heading .label {
    font-size: 10px;
}

.panel .panel-footer {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.panel .panel-footer ul {
    margin-bottom: 0;
}

.panel .panel-footer ul.list-inline li {
    margin-bottom: 0;
}

.panel .panel-footer small {
    color: #999999;
}

.panel > .list-group .list-group-item:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.panel-theme {
    border-color: #5798a8;
}

.panel-theme > .panel-heading,
.panel-theme > .panel-footer {
    color: #fff;
    background: #5798a8;
    border-color: #5798a8;
}

.no-margins {
    margin: 0;
}

.no-margin-left {
    margin-left: 0;
}

.no-margin-right {
    margin-right: 0;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.label {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.label.label-theme {
    background: #5798a8;
}

.label .fa {
    margin-right: 4px;
}

.label.label-icon-only .fa {
    margin-right: 0;
}

.badge.badge-theme {
    background: #5798a8;
}

.badge.badge-default {
    background: #999;
}

.badge.badge-primary {
    background: #428bca;
}

.badge.badge-success {
    background: #5cb85c;
}

.badge.badge-info {
    background: #5bc0de;
}

.badge.badge-info {
    background: #5bc0de;
}

.badge.badge-warning {
    background: #f0ad4e;
}

.badge.badge-danger {
    background: #d9534f;
}

.promo-badge {
    font-size: 20px;
    display: table;
}

.promo-badge a {
    color: #fff;
    display: table-cell;
    width: 135px;
    height: 135px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.promo-badge .percentage {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    position: relative;
    font-family: 'open sans', arial, sans-serif;
}

.promo-badge .percentage .off {
    font-size: 11px;
    position: absolute;
    top: 15px;
    right: -15px;
}

.promo-badge .desc {
    font-size: 12px;
}

.progress-bar-theme {
    background: #5798a8;
}

.img-thumbnail {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-color: #e8e8e8;
    margin-bottom: 15px;
}

#cboxLoadedContent,
#cboxContent {
    background: none;
}

.box {
    background: #f5f5f5;
    padding: 15px;
}

.box.box-border {
    border-left: 5px solid #5798a8;
}

.box.box-dark {
    background: #444444;
    color: #fff;
}

.box.box-theme {
    background: #5798a8;
    color: #fff;
}

.box .date-label {
    background: #fff;
}

.social-icons {
    list-style: none;
    padding: 10px 0;
    margin-bottom: 0;
}

.social-icons li {
    float: left;
}

.social-icons li.row-end {
    margin-right: 0;
}

.social-icons a {
    display: inline-block;
    background: #95b6d1;
    width: 32px;
    height: 32px;
    text-align: center;
    padding-top: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 18px;
    margin-right: 10px;
    float: left;
}

.social-icons a:hover {
    background: #5798a8;
}

.social-icons a .fa {
    color: #fff;
}

.social-icons a .fa:before {
    font-size: 18px;
    text-align: center;
    padding: 0;
}
/* ======= Header ======= */

.header .top-bar {
    background: #2f506c;
}

.header .top-bar .search-form {
    padding: 10px 0;
}

.header .top-bar .search-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.social-icons1 li.row-end {
    margin-right: 0;
}

.social-icons1 a {
    background: #2b2b2b;
}

.social-icons1 a:hover {
    background: #5798a8;
}

.social-icons1 a:hover .fa {
    color: rgba(255, 255, 255, 0.8) !important;
}

.social-icons1 a .fa {
    color: rgba(256, 256, 256, 0.4);
}

.social-icons1 a .fa:before {
    font-size: 18px;
    text-align: center;
    padding: 0;
}

.header .menu-top {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 14px;
    text-align: right;
    float: right;
    margin-right: 21px;
}

.header .menu-top li {
    list-style: none;
    float: left;
    margin-left: 10px;
    font-size: 11px;
    font-family: 'open sans', arial, sans-serif;
}

.header .menu-top li:last-child a {
    padding-right: 0;
}

.header .menu-top li.divider a {
    border-right: 1px solid #c3c3c3;
}

.header .menu-top li a {
    display: inline-block;
    color: #777777;
    padding: 0px 10px;
}

.header .menu-top li a:hover {
    color: #5798a8;
}

.header .contact {
    font-size: 20px;
    font-family: 'open sans', arial, sans-serif;
    font-weight: 300;
    margin-top: 10px;
}

.header .contact p {
    float: left;
    margin-bottom: 0;
}

.header .contact p.phone {
    margin-right: 30px;
}

.header .contact p a {
    color: #444444;
}

.header .contact .fa {
    color: #5798a8;
    margin-right: 8px;
    font-size: 18px;
    position: relative;
    top: 1px;
}

.header .contact .fa.fa-phone {
    font-size: 22px;
    top: 2px;
}

.header .search-form {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.header .search-form .form-control {
    width: 260px;
    background: #f5f5f5;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.header .search-form .form-control:focus {
    background: #fff;
    border-color: #5798a8;
}

.main-nav {
    background: #16445d;
    margin-bottom: 12px;
}


.main-nav button {
    background: #27435a;
    color: #fff !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.main-nav button:focus {
    outline: none;
}

.main-nav button .icon-bar {
    background-color: #fff;
}

.main-nav .navbar-collapse {
    padding: 0;
    overflow-y: visible;
    max-height: none;
}

.main-nav .nav .nav-item {
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'open sans', arial, sans-serif;
    z-index: 100;
}

.main-nav .nav .nav-item a {
    color: #dae6e8;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.main-nav .nav .nav-item a:hover {
    background: #5798a8;
    /* color: #16445d; */
}

.main-nav .nav .nav-item.active {
    position: relative;
}

.main-nav .nav .nav-item.active > a {
    background: #5798a8;
    color: #fff;
}

.main-nav .nav .nav-item.active > a:before {
    content: "\f0d8";
    position: absolute;
    bottom: -8px;
    left: 0;
    text-align: center;
    font-family: FontAwesome;
    display: block;
    font-size: 12px;
    width: 100%;
}

.main-nav .nav .nav-item.active > a.dropdown-toggle:before {
    display: none;
}

.main-nav .nav .nav-item.open a {
    background: #5798a8;
    color: #fff;
}

.main-nav .nav .nav-item .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    border: none;
    padding: 0;
    text-transform: none;
    min-width: 220px;
}

.main-nav .nav .nav-item .dropdown-menu a {
    border-bottom: 1px solid #3e6a8f;
    padding: 8px 20px;
    padding-left: 30px;
    font-size: 13px;
    position: relative;
}

.main-nav .nav .nav-item .dropdown-menu a:hover {
    background: #16445d;
    color: #fff;
    padding-left: 24px;
}

/*New Styles to prevent expansion of Mobile Hamburger button*/

.main-nav-button {
    margin-bottom: 12px;
}

.main-nav-button button {
    background: #27435a;
    color: #fff !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.main-nav-button button:focus {
    outline: none;
}

.main-nav-button button .icon-bar {
    background-color: #fff;
}

.main-nav-button .navbar-collapse {
    padding: 0;
}

.main-nav-button .nav .nav-item {
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'open sans', arial, sans-serif;
    z-index: 100;
}

.main-nav-button .nav .nav-item a {
    color: #dae6e8;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.main-nav-button .nav .nav-item a:hover {
    background: #5798a8;
    /* color: #16445d; */
}

.main-nav-button .nav .nav-item.active {
    position: relative;
}

.main-nav-button .nav .nav-item.active > a {
    background: #5798a8;
    color: #fff;
}

.main-nav-button .nav .nav-item.active > a:before {
    content: "\f0d8";
    position: absolute;
    bottom: -8px;
    left: 0;
    text-align: center;
    font-family: FontAwesome;
    display: block;
    font-size: 12px;
    width: 100%;
}

.main-nav-button .nav .nav-item.active > a.dropdown-toggle:before {
    display: none;
}

.main-nav-button .nav .nav-item.open a {
    background: #5798a8;
    color: #fff;
}

.main-nav-button .nav .nav-item .dropdown-menu {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin: 0;
    border: none;
    padding: 0;
    text-transform: none;
    min-width: 220px;
}

.main-nav-button .nav .nav-item .dropdown-menu a {
    border-bottom: 1px solid #3e6a8f;
    padding: 8px 20px;
    padding-left: 30px;
    font-size: 13px;
    position: relative;
}

.main-nav-button .nav .nav-item .dropdown-menu a:hover {
    background: #16445d;
    color: #fff;
    padding-left: 24px;
}

/* ======= Footer ======= */

.footer {
    background: #444444;
    color: #fff;
}

.footer p {
    color: #dcdcdc;
}

.footer ul {
    padding-left: 0;
}

.footer li {
    list-style: none;
}

.footer h3 {
    margin-top: 0;
    margin-bottom: 20px;
}

.footer .footer-content {
    padding: 30px 0;
    font-size: 12px;
    /* min-height: 295px; */
}

.footer-col-inner {
    margin-bottom: 30px;
}

.footer .footer-content .footer-col .fa {
    margin-right: 10px;
    display: inline-block;
    color: #767676;
}

.footer .footer-content .footer-col .fa.fa-phone {
    font-size: 16px;
}

.footer .footer-content .footer-col li {
    margin-bottom: 10px;
    font-size: 12px;
}

.footer .footer-content .footer-col a {
    color: #dcdcdc;
}

.footer .footer-content .footer-col a:hover {
    color: #84aac9;
}

.footer .footer-content .adr {
    margin-bottom: 5px;
}

.footer .footer-content .adr .fa {
    font-size: 16px;
    margin-top: 2px;
    text-align: center;
}

.footer .footer-content .subscribe-form {
    padding: 0;
}

.footer .footer-content .subscribe-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.footer .footer-content .subscribe-form .form-control {
    width: 320px;
    background: #f5f5f5;
    border: none;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.footer .footer-content .subscribe-form .form-control:focus {
    background: #fff;
}

.footer .bottom-bar {
    background: #2b2b2b;
    padding: 5px 0;
}

.footer .bottom-bar .copyright {
    font-size: 11px;
    color: #dcdcdc;
    line-height: 3;
}

.footer .bottom-bar .copyright a:hover {
    color: #84aac9;
}

.footer .bottom-bar .social {
    margin: 0;
}

.footer .bottom-bar .social li {
    float: right;
    margin-left: 10px;
    text-align: center;
    font-size: 18px;
    line-height: 2;
}

.footer .bottom-bar .social li a {
    color: #a9a9a9;
    padding: 0 5px;
}

.footer .bottom-bar .social li a:hover {
    color: #5798a8;
}
/* ======= FlexSlider ======= */

.flexslider {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    border: 0;
    background: transparent;
    margin: 0px
}

.flexslider .flex-control-nav {
    bottom: -35px;
}

.flexslider .flex-control-paging li a {
    background: #a1a1a1;
}

.flexslider .flex-control-paging li a:hover {
    background: #5798a8;
}

.flexslider .flex-control-paging li a.flex-active {
    background: #5798a8;
}

.flexslider .slides li {
    position: relative;
}

.flexslider .slides .flex-caption {
    position: absolute;
    left: 30px;
    bottom: 30px;
    color: #fff;
    display: inline-block;
    font-family: 'open sans', arial, sans-serif;
}

.flexslider .slides .flex-caption .main {
    display: inline-block;
    background: #5798a8;
    margin-bottom: 5px;
    padding: 10px 15px;
    font-size: 18px;
    text-transform: uppercase;
}

.flexslider .slides .flex-caption .secondary {
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    padding: 5px 15px;
    color: #fff;
    font-size: 16px;
}

.flexslider .slides .promo-badge {
    position: absolute;
    right: 60px;
    top: 30px;
}
/* ======= Page ======= */

.page-wrapper .page-heading {
    margin-bottom: 18px;
    border-bottom: 1px solid #e8e8e8;
}

.page-wrapper .page-heading h1.heading-title {
    margin-top: 0;
    display: inline-block;
    font-size: 28px;
    font-weight: 300;
}

.page-wrapper .breadcrumbs {
    display: inline-block;
}

.page-wrapper .breadcrumbs ul {
    padding-top: 16px;
    margin: 0;
}

.page-wrapper .breadcrumbs ul li {
    color: #5798a8;
    font-size: 12px;
    float: left;
    list-style: none;
    display: inline-block;
}

.page-wrapper .breadcrumbs ul li a {
    display: inline-block;
    padding: 0 3px;
    color: #a4a4a4;
}

.page-wrapper .breadcrumbs ul li a:hover {
    color: #365d7e;
}

.page-wrapper .breadcrumbs ul li.breadcrumbs-label {
    padding-right: 0;
    color: #aaaaaa;
}

.page-wrapper .breadcrumbs ul li.current {
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #626262;
}

.page-wrapper .breadcrumbs ul li .fa {
    margin-right: 3px;
    color: #aaaaaa;
    font-size: 10px;
}

.page-wrapper ul li {
    margin-bottom: 3px;
    list-style: none;
}

.page-wrapper ul li.list-group-item {
    margin-bottom: -1px;
}

.page-wrapper ul.nav li {
    margin-bottom: 0;
}

.page-wrapper ul.social-icons li .fa {
    margin-right: 0;
    color: #fff;
}

.page-wrapper ol li {
    margin-bottom: 5px;
}

.page-wrapper dl dd {
    margin-bottom: 5px;
}

.page-wrapper .page-content h1 {
    font-size: 26px;
    font-weight: normal;
}

.page-wrapper .page-content h2 {
    font-size: 24px;
    font-weight: normal;
}

.page-wrapper .page-content h3 {
    font-size: 20px;
    font-weight: normal;
}

.page-wrapper .page-content h4 {
    font-size: 18px;
    font-weight: normal;
}

.page-wrapper .page-content h5 {
    font-size: 16px;
    font-weight: normal;
}

.page-wrapper .page-content h6 {
    font-size: 14px;
    font-weight: normal;
}

.page-wrapper .page-content .title {
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 300;
}

.page-wrapper .page-content .page-row {
    margin-bottom: 30px;
}

.page-wrapper .page-content .custom-quote {
    border-color: #a7c2d9;
}

.page-wrapper .page-content .custom-quote p {
    font-size: 14px;
    color: #777777;
    line-height: 1.5;
}

.page-wrapper .page-content .custom-quote .fa {
    color: #5798a8;
    margin-right: 10px;
}

.page-wrapper .page-content .custom-quote .people {
    margin-top: 10px;
    font-size: 11px;
    color: #444444;
    font-style: normal;
}

.page-wrapper .page-content .custom-quote .people .name {
    color: #5798a8;
}

.page-wrapper .page-content .has-divider {
    border-bottom: 1px dotted #e8e8e8;
    padding-bottom: 15px;
}

.page-wrapper .page-content .has-divider-solid {
    border-bottom: 1px solid #e8e8e8;
}

.page-wrapper .page-content .row-divider {
    border-bottom: 1px dotted #e8e8e8;
    padding: 10px 0;
}

.page-wrapper .page-content .even-row {
    background: #f5f5f5;
}

.page-wrapper .page-content .read-more.btn {
    margin-bottom: 15px;
    display: inline-block;
}

.page-wrapper .page-content .panel-title {
    font-size: 16px;
    font-weight: 300;
}

.page-wrapper .page-content .video-iframe {
    max-width: 100%;
}

.page-wrapper .page-content .album-cover {
    border: 1px solid #e8e8e8;
    margin-bottom: 30px;
}

.page-wrapper .page-content .album-cover:hover {
    -webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
    -moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
    box-shadow: 0px 0px 5px 0px #e8e8e8;
}

.page-wrapper .page-content .album-cover > a:hover {
    position: relative;
}

.page-wrapper .page-content .album-cover > a:hover img {
    display: block;
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
}

.page-wrapper .page-content .album-cover .desc {
    padding: 15px;
    position: relative;
}

.page-wrapper .page-content .album-cover .desc:before {
    content: "";
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
}

.page-wrapper .page-content .prettyphoto:hover img {
    -webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
    -moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
    box-shadow: 0px 0px 5px 0px #e8e8e8;
}

.page-wrapper .page-sidebar h3.title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 20px;
}

.page-wrapper .page-sidebar .widget {
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.page-wrapper .page-sidebar .widget.has-divider {
    border-bottom: 1px dotted #e8e8e8;
}

.page-wrapper .page-sidebar .widget .iframe {
    height: auto;
    min-height: 200px;
    max-width: 100%;
}

.page-wrapper .page-sidebar .widget .fa {
    margin-right: 5px;
    color: #5798a8;
}

.page-wrapper .page-sidebar .widget .fa.fa-phone {
    font-size: 16px;
}

.page-wrapper .page-sidebar .widget .btn .fa {
    color: #fff;
}

.page-wrapper .page-sidebar .widget .nav li a {
    padding: 5px 15px;
    color: #444444;
    margin-bottom: 10px;
    border-left: 5px solid transparent;
}

.page-wrapper .page-sidebar .widget .nav li a:hover {
    background: none;
    color: #5798a8;
}

.page-wrapper .page-sidebar .widget .nav li.active a {
    background: none;
    color: #5798a8;
    font-weight: bold;
    border-left: 5px solid #5798a8;
}

.page-wrapper .page-sidebar ul {
    padding-left: 0;
}

.page-wrapper .page-sidebar #flickr-photos li {
    list-style: none;
    float: left;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
}

.page-wrapper .page-sidebar #flickr-photos li img {
    max-width: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.page-wrapper .page-sidebar #flickr-photos li img:hover {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.page-wrapper .page-sidebar .news-item {
    margin-bottom: 15px;
}

.page-wrapper .page-sidebar .news-item img {
    width: 40px;
    height: 40px;
}

.page-wrapper .page-sidebar .news-item .title {
    font-size: 14px;
    margin-top: 0;
}

.page-wrapper .page-sidebar .testimonials-carousel {
    position: relative;
}

.page-wrapper .page-sidebar .testimonials-carousel .fa {
    color: #5798a8;
    margin-right: 5px;
    font-size: 18px;
}

.page-wrapper .page-sidebar .testimonials-carousel .carousel .item {
    min-height: 300px;
}

.page-wrapper .page-sidebar .testimonials-carousel .people {
    margin-top: 10px;
}

.page-wrapper .page-sidebar .testimonials-carousel .people .name {
    color: #5798a8;
}

.page-wrapper .page-sidebar .testimonials-carousel .people .title {
    color: #999;
}

.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls {
    margin-top: 20px;
    text-align: right;
}

.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a .fa {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    background: #dddddd;
    color: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-right: 0;
    font-size: 15px;
}

.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a.next .fa {
    padding-top: 2px;
    padding-right: 1px;
}

.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a.prev .fa {
    padding-top: 2px;
    padding-right: 1px;
}

.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a:hover .fa {
    background: #5798a8;
}
/* ======= Configure Style ======= */

.config-wrapper {
    position: absolute;
    top: 100px;
    right: 0;
}

.config-wrapper-inner {
    position: relative;
}

.config-trigger {
    display: block;
    position: absolute;
    left: -36px;
    width: 36px;
    height: 36px;
    background: #444444;
    color: #fff;
    text-align: center;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.config-trigger:hover {
    background: #000;
}

.config-trigger .fa {
    font-size: 22px;
    padding-top: 8px;
    display: block;
    color: #fff;
}

.config-panel {
    display: none;
    background: #444444;
    color: #fff;
    padding: 15px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.config-panel p {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    color: #fff;
}

.config-panel ul {
    margin-bottom: 0;
}

.config-panel li a {
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
}

.config-panel li a:hover {
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    border: 2px solid rgba(256, 256, 256, 0.8);
}

.config-panel li.active a {
    border: 2px solid #fff;
}

.config-panel li.default a {
    background: #5798a8;
}

.config-panel li.green a {
    background: #5798a8;
}

.config-panel li.purple a {
    background: #6f7a9f;
}

.config-panel li.red a {
    background: #a85770;
}

.config-panel .close {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #fff;
}

.config-panel .close .fa {
    color: #fff;
}

.ie8 .footer .footer-content {
    min-height: 280px;
}

.ie8 .navbar-nav {
    position: relative;
    z-index: 100;
}
/* ======= Home Page ======= */

.section-heading {
    font-size: 22px;
    font-weight: 300;
    line-height: 2;
    margin-top: 0;
    color: #16445d;
}

.home-page h1.section-heading .line {
    border-top: 2px solid #5798a8;
    display: inline-block;
    padding: 0 15px 0 15px;
    padding-top: 5px;
}

.home-page section {
    background: #f5f5f5;
    margin-bottom: 30px;
    position: relative;
}

.home-page .section-content {
    padding: 18px;
    padding-top: 0;
    padding-bottom: 23px;
}

.home-page .carousel-controls a .fa {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    background: #dddddd;
    color: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-right: 0;
    font-size: 15px;
}

.home-page .carousel-controls a.next .fa {
    padding-top: 2px;
    padding-right: 1px;
}

.home-page .carousel-controls a.prev .fa {
    padding-top: 2px;
    padding-right: 1px;
}

.home-page .carousel-controls a:hover .fa {
    background: #5798a8;
}

.home-page .promo {
    margin-bottom: 30px;
}

.home-page .promo h1.section-heading {
    margin-top: 0;
    font-size: 24px;
    color: #fff;
}

.home-page .promo p {
    color: #f5f5f5;
}

.home-page .promo .btn-cta {
    font-size: 20px;
    margin-top: 30px;
    font-family: 'Open Sans', arial, sans-serif;
}

.home-page .news {
    position: relative;
}

.home-page .news .carousel-controls {
    position: absolute;
    right: 10px;
    top: 10px;
}

.home-page .news h2.title {
    font-size: 18px;
    margin-top: 0;
}

.home-page .news h2.title a {
    color: #444444;
}

.home-page .news h2.title a:hover {
    color: #365d7e;
}

.home-page .news .news-item {
    padding-left: 115px;
    position: relative;
    margin-bottom: 20px;
}

.home-page .news .thumb {
    position: absolute;
    left: 0;
    top: 0;
}

.searchSite {
    margin-bottom:20px;
}

.home-page .events {
    margin-top:10px;
}

.home-page .events .section-content {
    min-height: 520px;
}

.events .event-item {
    position: relative;
    padding-left: 60px;

    padding-bottom: 10px;
}

.events .event-item .date-label {
    background: #fff;
    position: absolute;
    left: 2px;
}

.events .event-item h2.title {
    margin-bottom: 20px;
    font-size: 16px;
}

.events .event-item p {
    margin-bottom: 5px;
}

.events .event-item .fa {
    margin-right: 5px;
    font-size: 14px;
    min-width: 16px;
    color: #666;
}

.events .event-item .btn
{
    padding: 0px;
    margin: 0px;
}

.home-page .events .event-item .fa.fa-map-marker {
    font-size: 18px;
}

.home-page .events .read-more {
    margin-top: 5px;
    margin-left: 0;
    display: inline-block;
}

.home-page .events .details p {
    color: #666;
}

.course-finder-form {
    margin-bottom: 15px;
}

.home-page .course-finder .keywords {
    padding-left: 0;
}

.home-page .course-finder .keywords input {
    width: 200px;
    margin-right: 5px;
}

.home-page .video {
    position: relative;
}

.home-page .video .carousel-controls {
    position: absolute;
    right: 10px;
    top: 10px;
}

.home-page .video .video-iframe {
    max-width: 100%;
    width: 100%;
    height: 287px;
    margin-bottom: 5px;
}

.home-page .links .fa {
    margin-right: 5px;
}

.home-page .testimonials {
    position: relative;
}

.home-page .testimonials .carousel-controls {
    position: absolute;
    right: 10px;
    top: 10px;
}

.home-page .testimonials .fa {
    color: #5798a8;
    margin-right: 5px;
    font-size: 18px;
}

.home-page .testimonials .carousel .item {
    min-height: 298px;
}

.home-page .testimonials .people {
    margin-top: 10px;
}

.home-page .testimonials .people .name {
    color: #5798a8;
}

.home-page .testimonials .people .title {
    color: #999;
}

.home-page .awards {
    background: #fff;
    /*    overflow: hidden;*/
}

.home-page .awards .logos {
    margin: 0;
    padding: 0;
}

.home-page .awards .logos li {
    list-style: none;
    margin-right: 0;
    text-align: center;
}

.home-page .awards .logos li img {
    -webkit-opacity: 0.9;
    -moz-opacity: 0.9;
    opacity: 0.9;
    margin: 0 auto;
}

.home-page .awards .logos li img:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}

.home-page .awards .carousel-control {
    background: none;
    background-color: rgba(0, 0, 0, 0.67);
    height: 25px;
    line-height: 23px;
    display: inline-block;
    border-radius: 50%;
    width: 25px;
    text-align: center;
    top: 50%;
    text-shadow: none;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    margin-top: -13px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.home-page .awards .carousel-control .fa {
    color: #e8e8e8;
    font-weight: bold;
    font-size: 19px;
}

.home-page .awards .carousel-control:hover .fa {
    color: #999;
}

/* ======= Courses Page ======= */

.courses-wrapper .tab-content {
    font-size: 12px;
}

.courses-wrapper .tab-content .item {
    margin-top: 15px;
}

.courses-wrapper .tab-content img {
    margin-bottom: 10px;
}

.courses-wrapper .course-finder {
    margin-bottom: 30px;
}

.courses-wrapper .course-finder .keywords input {
    width: 260px;
}

.courses-wrapper .course-list-header {
    font-size: 13px;
    margin-bottom: 15px;
}

.courses-wrapper .course-list-header .summary {
    padding-top: 10px;
}

.courses-wrapper .course-list-header .control-label {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    margin-right: 10px;
    line-height: 2;
}

.courses-wrapper .course-list-header .sort {
    padding-top: 5px;
}

.courses-wrapper .course-list-header .sort-options {
    width: auto;
    height: 25px;
    font-size: 12px;
}

.courses-wrapper .course-item {
    font-size: 12px;
}

.courses-wrapper .course-item .col-meta {
    color: #333333;
    font-weight: 600;
}
/* ======= Events Page ======= */

.events-wrapper .events-item .date-label {
    background: #f5f5f5;
}

.events-wrapper .events-item .details .time {
    margin-right: 10px;
}

.events-wrapper .events-item .details .fa {
    margin-right: 5px;
}
/* ======= Contact Page ======= */

.contact-form .required {
    color: #e14b39;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
}



/* CUSTOM STYLES ADDED FOR LHH _-------------------------------------------------------------------------------------------------------------------------------*/
/*Generic global styles*/

button {
    background-color: transparent;
    border: none;
}

button:active {
    outline: none;
}
/*Navbar styles*/

.main-nav .nav .nav-item a {
    padding: 15px 28px;
}

.main-nav .nav .nav-item .dropdown-menu a span {
    display: inline-block;
    width: 20px;
    left: 27px;
    position: absolute;
}

.main-nav .nav a i {
    transition: color .5s ease;
    -webkit-transition: color .5s ease;
    -ms-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -o-transition: color .5s ease;
}

.main-nav .nav .nav-item.hasIcon .dropdown-menu a:hover {
    padding-left: 57px;
}

.main-nav .nav .nav-item.hasIcon .dropdown-menu a {
    padding-left: 62px;
}

.main-nav .nav .nav-item:last-child li a:hover {
    background-color: #16445d;
    color: #fff;
}

.main-nav .nav .nav-item:last-child:hover a i {
    color: #16445d;
}

/*New Styles to prevent expansion of Mobile Hamburger button*/

.main-nav-button .nav .nav-item a {
    padding: 15px 28px;
}

.main-nav-button .nav .nav-item .dropdown-menu a span {
    display: inline-block;
    width: 20px;
    left: 27px;
    position: absolute;
}

.main-nav-button .nav a i {
    transition: color .5s ease;
    -webkit-transition: color .5s ease;
    -ms-transition: color .5s ease;
    -moz-transition: color .5s ease;
    -o-transition: color .5s ease;
}

.main-nav-button .nav .nav-item.hasIcon .dropdown-menu a:hover {
    padding-left: 57px;
}

.main-nav-button .nav .nav-item.hasIcon .dropdown-menu a {
    padding-left: 62px;
}

.main-nav-button .nav .nav-item:last-child li a:hover {
    background-color: #16445d;
    color: #fff;
}

.main-nav-button .nav .nav-item:last-child:hover a i {
    color: #16445d;
}

/*Header styles */

.header-main .dropdown button span.userImage {
    display: inline-block;
    float: left;
    width: 35px;
    margin-right: 10px;
}

.header-main .dropdown button {
    border: none;
    vertical-align: middle;
    line-height: 35px;
    color: #16635d;
    font-size: 12px;
    background-color: transparent !important;
}

.header-main .dropdown button span.caret {
    margin-left: 5px;
}

.header-main .dropdown button:hover {
    background-color: transparent;
}

.header-main .dropdown button:focus,
.header-main .dropdown button:active {
    background-color: transparent;
    box-shadow: none;
    outline: none;
}


.awards .carousel-inner {
    width: 97%;
    margin: 0 auto;
}

.header-main .dropdown .dropdown-menu{
    padding: 0;
    border-radius: 0;
}

.header-main .dropdown .dropdown-menu a {
    padding: 8px 15px;
    font-size: 12px;
}
/*home goals carousel styles*/

.home-page .awards .logos li a {
    display: inline-block;
    position: relative;
}

.home-page .awards .logos li a p {
    position: absolute;
    bottom: 0;
    margin: 0;
    width: 100%;
    padding: 2px 0;
    background-color: rgba(0, 0, 0, 0.59);
    color: #fff;
}

.home-page .awards .logos li a p .carouselImage1 {
    position: absolute;
    left: 6px;
    bottom: 6px;
}

/*Homepage Left sidebar goals Panel */

.goalList {
    padding: 0 15px;
    clear: both;
}

.page-wrapper .goalList li {
    display: inline-block;
    width: 226px;
    margin-bottom: 3px;
    padding-right: 3px;
    height: 84px;
    float: left;
}

.goalList .sectionContent {
    background-color: #756c63;
    transition: background-color .1s ease;
    -webkit-transition: background-color .1s ease;
    -ms-transition: background-color .1s ease;
    -moz-transition: background-color .1s ease;
    -o-transition: background-color .1s ease;
    text-align: center;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.goalList .sectionContent .settingBtn {
    position: absolute;
    opacity: 0;
    transition: opacity .15s ease-in;
    -webkit-transition: opacity .15s ease-in;
    -ms-transition: opacity .15s ease-in;
    -moz-transition: opacity .15s ease-in;
    -o-transition: opacity .15s ease-in;
    visibility: hidden;
    right: -20px;
    top: -2px;
    height: 23px;
    padding: 0;
    font-size: 14px;
    width: 55px;
    background-color: #ff2e00;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.goalList .sectionContent p {
    text-transform: uppercase;
    color: #cacaca;
    font-size: 11px;
}

.goalList .sectionContent .goalImage {
    padding: 10px 0;
}

.goalList .sectionContent .settingBtn i {
    color: #fff;
}

.goalList .sectionContent:hover .settingBtn {
    visibility: visible;
    opacity: 1;
}

.goalList .sectionContent:hover {
    background-color: #514942;
}

.leftPanel1 h1 {
    float: left;
}

.secTopRightLinks {
    float: right;
    margin: 15px 10px 0 0;
}


.secTopRightLinks a {
    font-size: 18px;
    display: inline-block;
    color: #b3b3b3;
    line-height: 6px;
    border-radius: 50%;
    width: 18px;
    text-align: center;
}

.secTopRightLinks a:hover {
    color: #514942;
}

.goalList .sectionContent .settingBtn i.fa-check {
    display: none;
}

.goalList .selected .settingBtn i.fa-check {
    display: block;
}

.goalList .selected .settingBtn i.fa-cog {
    display: none !important;
}

.goalList .sectionContent .settingBtn i.fa-cog {
    display: block;
}
/*Homepage Middle Events panel*/

#events-slider,
#events-slider1,
#events-slider2 {
    background-color: transparent;
    margin-bottom: 0;
}

.eventsSlider h2 {
    font-size: 18px;
    margin-bottom: 0;
}

.eventsSlider {
    margin: 0 25px;
    padding-bottom: 35px;
}

.eventsSlider .slides {
    padding: 0 5px;
}

.events .date-label .month .cal-check {
    display: block;
    background-color: #fff;
    border-radius: 50%;
    font-size: 11px;
    height: 15px;
    width: 15px;
    margin: 0 auto;
    line-height: 16px;
}

.eventsSlider .flexslider:hover .flex-next {
    right: -22px;
}

.eventsSlider .flexslider:hover .flex-prev {
    left: -22px;
}

#events-slider1 .flex-viewport {
    max-width: 495px;
}


.home-page .awards .carousel-control.left i {
    padding-right: 2px;
}

.home-page .awards .carousel-control.right i {
    padding-left: 3px;
}

#slider1 {
    margin: 0;
}


.goalSlider .flex-viewport {
    margin: 0 10px;
}

.eventsSlider .date-label .month {
    background-color: #16445d;
    padding-top: 4px;
}

.events .event-item h2.title {
    margin-top: 14px;
    margin-bottom: 4px;
    line-height: 14px;
    min-height: 28px;
}

#events-slider .details {
    margin-bottom: 10px;
}

.homeCourses {
    padding: 0;
    padding-bottom: 35px;
    border-bottom: 1px solid #ddd;
    margin: 0 25px;
}

.homeCourses h2 {
    font-size: 18px;
    margin-bottom: 0px;
}

.page-wrapper .homeSearchContent {
    margin-bottom: 30px;
}

.rateCourse .date-label .month {
    background-color: #006a63;
    padding-top: 4px;
}

.consultant .date-label .month {
    background-color: #ed5938;
}

.events a {
    color: #5798a8;
}

/*Homepage Right sidebar*/

.rightSecContent .rightSecImage {
    display: inline-block;
    width: 82px;
    vertical-align: top;
    margin: 0;
}

.rightSecContent .rightSecText {
    display: inline-block;
    width: calc(100% - 87px);
    padding-left: 3px;
}

.rightSecContent .rightSecText h5 {
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    font-weight: 600;
}

.rightSecContent .rightSecText h5 span {
    font-size: 22px;
    display: block;
    font-weight: 700;
}

.rightSec1 .rightSecContent {
    padding: 18px 13px;
}

.rightSecContent .rightSecText p {
    color: #fff;
    font-size: 13px;
    margin-top: 3px;
    margin-bottom: 0;
}

.rightSecContent .rightSecText p a {
    color: #fff;
}

.rightSecContent .rightSecText p a:hover {
    color: #84aac9;
}

.rightSec2 h3 {
    font-size: 20px;
    color: #16445d;
    font-weight: 500;
    margin-top: 0;
}

.rightSec2 p {
    padding: 12px 5px 12px 5px;
}

.rightSec2 p span {
    display: block;
    line-height: 13px;
    font-size: 13px;
    color: #666677;
    padding-left: 14px;
}

.rightSec2 p a {
    font-size: 15px;
    color: #16445d;
    font-weight: 600;
}

.rightSec2 p a i {
    margin-right: 8px;
}

.rightSec2 .section-content {
    background-color: #fefdd9;
    padding: 0;
    /*    padding-bottom: 8px;*/
}

.rightSec2 p {
    padding-left: 18px;
    line-height: 16px;
    border-bottom: 2px solid #fff;
    margin-bottom: 0;
}

.badgeList {
    padding: 0;
}

.badgeSec h5 {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    color: #aaa6a3;
    letter-spacing: 1px;
    margin: 0;
    margin-bottom: 12px;
}

.badgeList li {
    /* float: left; */
    
    display: inline-block;
    margin: 0 3px;
    margin-bottom: 7px !important;
    list-style: none;
}

.badgeSec {
    /*padding: 12px;*/
}
/*Footer styles*/

.footer .footer-content .social-icons i.fa {
    margin-right: 0;
}

.footer .social-icons a {
    background-color: #2b2b2b;
}

.footer .footer-content .adr i {
    min-width: 18px;
}

.social-icons1 li {
    display: inline-block;
    margin-right: 8px;
    text-align: center;
}

.social-icons1 li a {
    padding: 7px;
    display: inline-block;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
}
/*Homepage Banner*/

.homeBannerCap {
    position: absolute;
    top: 50px;
    left: 44px;
}

.homeBanner {
    position: relative;
    margin-bottom: 14px;
    margin-top: 18px;
    overflow: hidden;
}

.homeBannerCap h2 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin: 0;
}

.homeBannerCap p {
    color: #fff;
    font-size: 14px;
    margin: 0;
}

/* Resource Tiles */
.resourceTile 
{
   max-width:2.9%; 
   min-width:2.9%;  
  
    max-height:15%; 
    padding: 2px 5px 17px 5px;
   
}


.resourceTile .resourceContent
{
    border: 1px solid #ccc;
    padding: 10px;
    height: 25%;
    width: 95%;
}

.resourceTile .resourceHeader .resourceIcon
{
    float: left;
    padding-top:5px;
    padding-right: 8px;
    width: 55%;
}

.resourceTile .resourceHeader img
{
    width: auto;
    height: auto;
}
.resourceTile .resourceHeader h4
{
    margin-top: 0px;
    display: inline-block;
}


.resourceTile .resourceContent p
{
    margin-left:25px;
    height: 130px;
}

.resourceTile .resourceContent .starRatings
{
    margin-left:25px;
    margin-bottom: 10px;
}


/*Rating section*/

.starRatings ul {
    padding: 0;
    margin: 0;
}

.starRatings li {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 0;
}




.goalSub .starRatings {
    padding-left: 23px;
    position: absolute;
    bottom: 12px;
}

.likeBox > div {
    display: inline-block;
}

.likeBox {
    padding-left: 23px;
    position: absolute;
    bottom: 15px;
}

.like {
    color: green;
}

.likeBox i {
    font-size: 16px;
}

.likeBox span {
    font-size: 11px;
}

.likeBox .disLike {
    padding-left: 6px;
}

.likeBox .disLike i {
    color: #ccc;
}

.likeBox .disLike span {
    color: red;
}
/*Detail Page Banner styles*/

.detailPageBanner > div {
    display: inline-block;
}

.detailPageBanner .bannerImg {
    width: 256px;
    vertical-align: top;
}

.detailPageBanner .bannerTxt {
    width: calc(100% - 260px);
    margin-left: -4px;
    position: relative;
    padding-left: 30px;
    height: 100%;
    padding-right: 10%;
    padding-top: 28px;
}

.detailPageBanner .bannerTxt > span {
    position: absolute;
    right: -4px;
    top: 6px;
}

.detailPageBanner {
    background-color: #756c63;
}

.detailPageBanner .bannerTxt p {
    color: #fff;
    margin: 0;
    font-size: 14px;
}

.detailPageBanner .bannerTxt > span a {
    color: #DAD9D9;
    font-size: 16px;
    padding: 5px 10px;
    margin-top: initial;
}
/*Detail Page right sidebar */

.detailRightSec1 h3 {
    font-size: 20px;
    color: #333333;
    margin-top: 0;
}

.home-page .detailRightSec1 {
    background-color: transparent !important;
}

.detailRightSec1 .thumb,
.detailRightSec1 .details {
    display: inline-block;
    vertical-align: top;
}

.detailRightSec1 .thumb {
    width: 45px;
}

.detailRightSec1 .details {
    width: calc(100% - 49px);
}

.detailRightSec1 .details a {
    color: #5798a8;
    font-size: 14px;
    font-weight: 600;
}

.detailRightSec1 .details p {
    margin: 0;
}

.detailRightSec1 .details h4 {
    font-size: 13px;
    color: #333333;
    margin: 0;
}

.detailRightSec1 .news-item {
    margin: 25px 0;
    padding: 5px 0;
}

.goalDetailContent .homeCourses h1 {
    margin-left: -25px;
}
/*Goal Description boxes*/

.goalHeading h3 {
    color: #5798a8;
    font-size: 18px;
    display: inline-block;
    margin-top: 6px;
    padding-left: 2px;
    margin-bottom: 5px;
}

.goalSub p {
    padding-left: 23px;
    padding-right: 17px;
    padding-bottom: 25px;
    /* padding: 5px 0; */
    
    margin-top: 0;
    margin-bottom: 5px;
}

.goalContent {
    padding: 10px;
    border: 1px solid #ccc;
    /*min-height: 210px;*/
    position: relative;
    border-bottom: none;
}

.goalSub {
    padding: 2px 5px 17px 5px;
}

#goalSubjects {
    background-color: transparent;
    margin: 0px -2px;
    padding-bottom: 10px;
    clear: both;
}
#goalSubjectsList{
    background-color: transparent;
    margin: 0px -2px;
    padding-bottom: 10px;
    clear: both;
    margin-top: 10px;
}

#goalSubjects section {
    background-color: transparent;
    margin-bottom: 18px;
}


.goalFooter {
    background-color: #ddd;
    padding: 16px 35px;
    width:95%;
}

.goalFooter span.active {
    background-color: #5cb85c;
}

.goalFooter span:hover {
    opacity: .8;
}

.goalFooter span a {
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    vertical-align: text-top;
    line-height: 18px;
}

.goalFooter span i {
    color: #fff;
    margin-right: 4px;
    font-size: 11px;
    line-height: 17px;
}

.goalFooter span {
    background-color: #d9534f;
    padding: 2px 6px 3px 14px;
    display: block;
    
    color: #fff;
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    vertical-align: bottom;
    line-height: 16px;
    opacity: 1;
    transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
}

.goalHeading h3 a:hover {
    text-decoration: underline;
    color: #5798a8;
}
.goalHeading a {
    color: #545a5a;
}
.rightSec3 .title {
    font-size: 20px;
}

.rightSec3 p {
    font-size: 13px;
}

.rightSec3 a {
    font-size: 14px;
}

.midSec2 h6 a {
    margin: 0 4px;
}

.goalFooter span.goalProgress {
    background-color: #f0ad4e;
    text-decoration: none;
}

.badgeList li.inActive img {
    -webkit-filter: grayscale(1) opacity(.3);
    filter: grayscale(1) opacity(.3);
    -moz-filter: grayscale(1) opacity(.3);
    -ms-filter: grayscale(1) opacity(.3);
    -o-filter: grayscale(1) opacity(.3);
}

.detailRightSec1 .news-item:nth-child(2) {
    margin-top: 10px;
}

.goalHeading > span {
    float: left;
    padding-top: 5px;
    padding-right: 5px;
}

.goalList a.selected:focus {
    text-decoration: none;
}
/*Goal select box*/

.goalSelection {
    padding: 16px;
    background-color: #dae6e8;
    text-align: center;
    margin-bottom: 6px;
}

.goalSelection select {
    display: inline-block;
    width: 50%;
    padding-left: 5px;
}

.goalSelection label {
    font-size: 14px;
    color: #666677;
    font-weight: 500;
    padding-right: 10px;
}
/*Dashboard Page Styles*/
.eliminateSpace {
    margin-left: -35px;
}

.borderSpace {
width: 165px !important;
border-style: solid; 
border-right-width: 2px;
border-color: white;

}
.leftPanel2 .settingBtn {
    position: absolute;
    right: 15px;
    top: 15px;
}

.leftPanel2 {
    position: relative;
}


.leftPanel2 .settingBtn a {
    color: #9C9C9C;
    font-size: 18px;
}



.dashAdd {
    padding: 0 14px;
}

.dashAdd h6 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

.dashAdd address {
    display: inline-block;
    vertical-align: top;
    padding-left: 6px;
}

.dashAdd span {
    font-size: 18px;
}

.dashAdd address p {
    font-size: 13px;
}

.leftPanel2 .read-more {
    padding-left: 14px;
}

.leftPanel2 {
    padding: 10px 0;
}

.dashUser .image {
    height: 58px;
    width: 58px;
}

.dashUser > p {
    display: inline-block;
    vertical-align: top;
}

.dashUser .name {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.dashUser .name span {
    display: block;
    font-weight: 500;
    font-size: 13px;
    line-height: 6px;
}

.dashUser {
    padding: 0px 14px;
}

.leftPanel2 .settingBtn {
    position: absolute;
    right: 15px;
    top: 15px;
}

.leftPanel2 {
    position: relative;
}

.leftPanel2 .settingBtn a {
    color: #9C9C9C;
    font-size: 18px;
}

.dashDesc ul {
    padding: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.dashDesc li > div {
    display: inline-block;
    margin-right: -4px;
    color: #666677;
}

.dashDesc {
    padding: 0 14px;
    margin-top: 14px;
}

.dashDesc .profileLabel {
    font-weight: bold;
    vertical-align: top;
    color: #666677;
}

.page-wrapper .dashDesc .right span {
    display: block;
    font-size: 18px;
    color: #82746b;
}

.dashAdd {
    margin: 0 14px;
    padding-left: 0;
    padding-top: 1px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.dashAdd h6 {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    color: #666677;
    margin-top: 8px;
}

.dashAdd address {
    display: inline-block;
    vertical-align: top;
    padding-left: 3px;
    margin-bottom: 0;
}

.dashAdd span {
    font-size: 18px;
    color: #82746b;
}

.dashAdd address p {
    font-size: 13px;
    line-height: 21px;
    color: #666677;
}

.dashButton {
    margin-left:25px;
}

.leftPanel2 .read-more {
    padding-left: 19px;
}

.leftPanel2 {
    padding: 10px 0 12px 0;
    padding-top: 0;
    margin-bottom: 35px !important;
}

#dashTable {
    width: 100%;
}

#dashTable thead {
    background-color: #687b8e;
    border-bottom: 1px solid #fff;
}

#dashTable thead th {
    padding: 9px 0 8px 0;
    color: #fff;
    padding-left: 18px;
}

#dashTable thead th:nth-child(1) {
    width: 53%;
}

#dashTable thead th:nth-child(2) {
    width: 11%;
}

#dashTable thead th:nth-child(3) {
    width: 17%;
}

#dashTable thead th:nth-child(4) {}

#dashTable tbody td {
    color: #fff;
    padding: 6px 0;
    padding-left: 18px;
}

#dashTable tbody tr {
    background-color: #9caebc;
    border-bottom: 1px solid #fff;
}

.customRow ul {
    padding: 0;
}

.midSec1 .customRow li {
    list-style: none;
    margin-right: -4px;
    text-align: center;
    padding: 8px;
    margin-bottom: 0;
    border-right: 1px solid #fff;
}

.customRow {
    background-color: #b3a75b;
}

.midSec1 .customRow li p {
    text-transform: uppercase;
    color: #fff;
    padding-top: 8px;
    margin-bottom: 2px;
}

.midSec1 .customRow li span {
    font-size: 22px;
    color: #fff;
    vertical-align: top;
    padding-left: 16px;
    font-weight: 300;
}

#dashTable tbody tr:last-child {
    border-bottom: none;
}

.leftPanel2 h1 {
    margin-bottom: 1px;
}

.midSec1 h1 {
    margin-bottom: 3px;
}

.midSec1 .read-more {
    display: inline-block;
    width: 39%;
    margin-top: 20px;
    margin-left: 26px;
    vertical-align: top;
}

.midSec1 {
    padding-bottom: 25px;
}

.midSec1 .customRow li:last-child {
    border-right: none;
}

.home-page .links {
    margin-bottom: 30px;
}

.midSec2 h2 {
    font-size: 20px;
    display: inline-block;
    margin-top: 0;
    color: #2f506c;
}

.midSec2 h6 {
    float: right;
    margin-top: 17px;
    font-size: 13px;
    color: #5798a8;
    font-weight: 400;
}

.midSec2 section {
    background-color: transparent;
}

.homeCourses .row {
    margin: 0 -9px;
}

.homeCourses:last-child {
    border: none;
}

.rightSec2 p:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.page-wrapper {
    padding-bottom: 60px;
}

.page-wrapper .goalList li a.selected .sectionContent {
    background-color: #16445d;
}

.page-wrapper .goalList li a.selected p {
    color: #bffaf5;
}

.page-wrapper .goalList li a.selected .settingBtn {
    background-color: transparent;
    right: 0;
    top: 0px;
    text-align: center;
    width: 18px;
    opacity: 1;
    height: 18px;
    right: -3px;
    visibility: visible;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    line-height: 15px;
    font-size: 10px;
}

.page-wrapper .goalList li a.selected .settingBtn i {
    color: #6598ab;
    background-color: #fff;
    padding: 2px 2px;
    margin: 0;
    width: 13px;
    height: 13px;
    font-size: 9px;
    border-radius: 50%;
    /* height: 20px; */
    /* height: 20px; */
}

.dashDesc li > div span {
    padding-left: 5px;
}

.home-page .links h1 {
    margin-bottom: 5px;
}

.home-page .links p {
    margin-bottom: 6px;
    font-size: 12px;
}

.rightSec1 {
    margin-bottom: 19px;
    padding: 0;
}

.rightSec2 p:hover {
    background-color: #fef9eb;
}

.rightSec2 {
    clear: both;
}

.leftPanel1 {
    padding-bottom: 12px;
}

.midSec2 {
    overflow: hidden;
}

#navOverlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.53);
    z-index: 100;
}

.footer .social-icons1 .fa {
    margin: 0 !important;
}

.likeBox .disLike .fa {
    color: #d9534f;
}
/*Audio Page Screen */

.contentPageAudio .mejs-button.mejs-playpause-button.mejs-pause button{
    background: url(bigplay1.png) no-repeat;    
}

.mejs-time-float {
    display: none !important;
}

.contentPageAudio .mejs-overlay-button{
    background: url(bigplay.png) no-repeat ;  
}
.contentPageAudio .mejs-controls .mejs-button button{
    background: url(bigplay1.png) no-repeat;
}
.contentPageAudio .mejs-controls .mejs-play button {
    background-position: 0 0;
}

.contentPageAudio .mejs-container .mejs-controls {
    height: 100px;
    background: none;
}
/*.panel-body{
   height:400px;
   overflow:auto; 
}*/ 

.contentPageAudio .mejs-container .mejs-controls .mejs-time.mejs-duration-container {
    padding-top: 46px;
    font-size: 16px;
    font-weight: 100;
}
.contentPageAudio .mejs-controls .mejs-button button {
    height: 53px;
    width: 53px;
    margin: 0;
}

.contentPageAudio .mejs-container .mejs-controls div {
    height: 60px;
    width: 60px;
    padding-top: 25px;
    padding-left: 12px;
}
.contentPageAudio .mejs-button.mejs-playpause-button.mejs-pause button {
    background-position: 0 -55px;;    
}
.contentPageAudio .mejs-controls .mejs-time-rail span, .contentPageVideo�.mejs-controls .mejs-time-rail a {
    height: 20px;
    background: none;
    background-image: url('timeline.png');
    background-repeat: repeat-x;
    background-position: center;
}
.contentPageAudio .mejs-controls .mejs-time-rail .mejs-time-handle{
    background-image: url(current.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
}
.contentPageAudio .mejs-controls div.mejs-time-rail {
    padding-top: 36px;
}

.contentPageAudio .mejs-controls .mejs-fullscreen-button button {
    background-position: -140px -31px;
}
.contentPageAudio .mejs-container .mejs-controls .mejs-time {
    width: 69px !important;
}
.contentPageAudio .mejs-container {
    background: #756c63;
}
.contentPageAudio .mejs-controls .mejs-time-rail .mejs-time-current { padding:0 20px 0 0; background:url(current.png) no-repeat right top !important;}


/*Login Screen*/

.loginContent {
    /*position: absolute;*/
    top: 20%;
    width: 100%;
}

.reset-password-container.page-in-animate,
.login-container.page-in-animate,
.personalizeContent.page-in-animate,
.personalizeContent.page-in-animate-position,
.loginContent.forgot-username-slide-top {
    position: static;
}

.loginFooter{   
    width:100%; 
    bottom:0px; 
    padding:8px;
    /*opacity: 0.5;*/
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.loginFooter.loginFooterCont {
    opacity: unset;
    margin: 45px 0 0;
    background-color: #441750;
}
.footer-container-new {
  padding: 20px 0;
  text-align: center;
}

.footer-container-new .footer-links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; 
  gap: 20px;
  align-items: center;
}

.footer-container-new .footer-links li {
    color: #CEC5DD;
    font-family: Noto Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.004em;
}

.footer-container-new .footer-links a {
    color: #CEC5DD;
    font-family: Noto Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.004em;
    text-decoration: none;
}

.footer-container-new .footer-links a:hover {
  text-decoration: underline;
}
.footer-links span.small.pull-left, .footer-links span.small.pull-left a {
    float: none !important;
    color: #CEC5DD !important;
    font-family: Noto Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.004em;
    text-decoration: none;
    text-transform: capitalize;
}
.footer-links span.news div p {
    margin-bottom: 0px;
}
.footer-container-new .footer-links li:empty {
    display: none;
}
/* Mobile styles */
@media (max-width: 600px) {
  .footer-container-new .footer-links {
    gap: 10px; 
     text-align: center;
  }

  .footer-container-new .footer-links li {
    width: 100%;
    text-align: center;
  }
}

/*.loginFooter.loginFooterCont .footer-container-indent span {
    font-family: Noto Sans;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #CEC5DD !important;
    padding-left: 45px;
}

.loginFooter.loginFooterCont .img-opacity{
    opacity: 0.5;
}*/

.newuserflow-footer {
    position: absolute;
    width: 100%;
    bottom: 0px;
    padding: 8px;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.wrapper-flex {
   display: flex;
}
#loginScreen {
    position: relative;
    overflow: hidden;
    margin: 0;
    min-height: 100vh;
    width: 100%;
    clear: both;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#loginScreen .loginFooter, #personalizationScreen .loginFooter {
    position: static;
    flex-shrink: 0;
}

#loginScreen .personalizeContent, #personalizationScreen .personalizeContent {
    position: static;
    flex-grow: 1;
}
#loginScreen .personalizeContent {
    padding-top:5%;
}
#loginScreen .personalizeContent.ellaChat {
        position:absolute;
        height: 80%;
}
#loginScreenFixHeight {
    position: relative;
    overflow: hidden;
    margin: 0;
    height: 850px;
    clear: both;
}
#selfRegistrationScreen {
    position: relative;
    overflow: hidden;
    margin: 0;
    clear: both;
}
#personalizationScreen {
    position: relative;
    overflow: hidden;
    margin: 0;
    min-height: 80vh;
    width: 100%;
    clear: both;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#forgotUserNameScreenFixHeight {
    position: relative;
    overflow: hidden;
    margin: 0;
    height: 85vh;
    clear: both;
}

#loginRegistrationScreen {
    position: relative;
    overflow: hidden;
    margin: 0;
    clear: both;
}

#registrationBox {
    width: 75%;
    max-width: 800px;
    min-width: 200px;
    background-color: #fff;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 25px;
}

#resetScreen {
    position: relative;
    overflow: hidden;
    margin: 0;
    height: 720px;
    clear: both;
}

#resetBox, .resetBox{
    padding-top: 20px;
}

#authBox {
    max-width: 530px;
    min-width: 300px;
    background-color: #fff;
    margin: 0 auto;
    padding-top:2%;
    font-size:14px;
    font-family:'NotoSans-Regular';
    line-height:1.2;
}

#loginBox {
    max-width: 420px;
    min-width: 300px;
    background-color: #fff;
    margin: 0 auto;
    padding-top:24px;
    border-radius:8px;
}

.loginPanel {
    -webkit-border-radius: 10;
    -moz-border-radius: 10;
    -ms-border-radius: 10;
    -o-border-radius: 10;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;

    border: 1px solid transparent;
    
}

#NewUserBox {
    width: 75%;
    height:100%;
    max-width: 700px;
    height: 750px;
    background-color: white;
    margin: 0 auto;
}
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.btn.round {
    -webkit-border-radius: 24;
    -moz-border-radius: 24;
    -ms-border-radius: 24;
    -o-border-radius: 24;
    border-radius:24px;
}

.loginContent h4 {
    text-align: center;
    margin-top: 5px;
}

.grecaptcha-Check {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}

#loginBox h2, #registrationBox h2 {
    text-align: center;
    font-size: 23px;
    margin: 5px 0px 33px;
    color: #686868;
    padding-bottom: 5px;
    font-weight: 600;
    border-bottom: 1px solid #ddd;
}

@media (max-width: 760px) {
    .loginForm {
        width: 80%;
        margin: 0px auto;
    }
}

@media (min-width: 761px) {
    .loginForm {
        width: 330px;
        margin: 5px auto;
    }
}

@media (max-width: 320px) {
    .loginForm {
        width: 92%;
        margin: 5px auto;
    }
}

#loginBox h5, #registrationBox h5  {
    text-align: center;
    margin-top: 0px;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 500;
}


#loginBox article .formGroup, #registrationBox article .formGroup {
    display: inline-block;
    margin-top: 5px;
}


#loginBox article label, #registrationBox article label{
    font-weight: normal;
    vertical-align: middle;
    font-size: 13px;
}

.loginWith {
    padding: 0;
    text-align: center;
}

.loginWith li {
    list-style: none;
    display: inline-block;
    /* background-color: #898989; */
    width: 40px;
    height: 40px;
    /* padding: 5px; */
    /* border-radius: 50%; */
    margin: 2px;
	 -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.loginWith li:first-child a {
    background-color: #0080b1;
}

.loginWith li a:hover {
    background-color: #7D7676;
}
.loginWith li a {
    padding: 5px;
    display: inline-block;
    border-radius: 50%;
    background-color: #898989;
}
.loginWith li:first-child a:hover {
    background-color: #16445d;
}
.loginContent .link-username a {
    color: #81515d;
    font-weight: 600;
}
.loginContent h4 a {
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
    font-weight: 600;
}

.loginContent h4 a:hover {
    color: #E0DDDD;
}

.loginBtn {
    margin-top: 15px;
}

.loginBtn a {
    font-size: 12px;
    color: #5798a8;
}

.loginBtn .active {
    color: #969696;
}

.loginBtn span {
    margin: 0 5px;
}

.login-background-container {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.login-background-container div {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 50%;
    min-height: 100%;
    background-size: cover;
}

.bg-white {
    background-color: #fff;
}
/*Profile page*/
.profileSub {
    padding: 2px 5px 17px 5px;
}

.profileContent {
    padding: 10px;
    border: 1px solid #ccc;
    position: relative;
}

.profileHeadingWrap {
    padding-left: 18px;
    text-indent: -18px;
}


/*Content Page*/

.contentDetailTabs .tab-content {
    background-color: #fff;
}

.contentRate .starRatings {
    display: inline-block;
    vertical-align: top;
}

.contentRate .starCount {
    font-size: 11px;
    margin-left: 9px;
    font-weight: 600;
    color: #545a5a;
}

.contentRate .voteCount {
    font-weight: 500;
    margin-left: 9px;
    font-size: 11px;
    color: #545a5a;
}


.contentRate article p {
    margin: 0;
    color: #545a5a;
    font-size: 13px;
}


.contentRate {
    padding: 10px 20px;
    position: relative;
    background-color: #f4f8f9 !important;
    margin-bottom: 55px;
}

.contentDetailTabs .nav-tabs {
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
}
.contentDetailTabs .tabsScroll a {
    padding: 5px 24px;
    color: #16445d;
}
.contentDetailTabs .tabsScroll li.active a {
    color: #16445d;
}
.tableCourses .course-item-header {
    border-bottom: 2px solid #a7c2d9;
    padding: 8px 15px;
}
.courses-wrapper.tableCourses {
    padding-bottom: 20px;
}
.tableCourses .course-item-header .col-title {
    color: #365d7e;
    font-size: 13px;
}

.tableCourses .course-item {
    padding: 8px 15px 7px 15px;
    border-bottom: 1px solid #ddd;
}

.tableCourses .course-item:hover {
    background-color: #f5f8fb;
}
.tableCourses .course-item:last-child {
    border: none;
}
.tableCourses .course-item-header .col-meta {
    font-size: 13px;
}

.tableCourses .col-meta {
    font-size: 13px;
}
/*Audio Page*/

.audioContList h3 {
    font-size: 23px;
    color: #16445d;
}

.audioContList p a {
    margin-left: 12px;
}

.audioContList p {
    margin-bottom: 5px;
    font-size: 12px;
    color: #5798a8;
}

.audioContList {
    margin-bottom: 30px;
}
/*Welcome Page*/

#welcomePage .leftPanel1 {
    clear: both;
    background-color: #fff;
}

.welcomeContent {
    width: 80%;
    max-width: 856px;
    margin: 0 auto;
}

#welcomePage {
    background-color: #e1ecef;
    padding-top: 90px;
    padding-bottom: 50px;
    margin-bottom: 0;
}


#welcomePage section {
    background: none;
}

#welcomePage h2 strong {
    text-transform: uppercase;
}

#welcomePage h2 {
    font-size: 25px;
    margin-bottom: 26px;
    margin-top: 0;
    color: #222222;
    font-weight: 500;
}

#welcomePage p {
    font-size: 14px;
}

#loginScreen #welcomePage {
    width: 70%;
    margin: auto;
    background-color: #FFFFFF;
}
.logoutBtn {
    line-height: 46px;
    font-size: 12px;
}

.contentText p {
    font-size: 14px;
    color: #979797;
    margin-bottom: 25px;
}

.tab-content .tab-pane p {
    padding: 10px 0;
}

.tab-content .tab-pane {
    padding: 0 10px;
}

.flexslider.goalSlider .slides img {
    width: auto;
    display: inline-block;
}
.goalSlider.flexslider {
    background-color: transparent;
    margin-bottom: 0;
}

/*Advanced Search Styles*/

#advanceSearch .topLink {
    position: absolute;
    top: 20px;
    right: 30px;
}

#searchFormBlock {
    padding: 0px 15px 10px;
}
#searchForm .formGroup p {
    margin: 0;
    font-size: 11px;
}

#searchForm .formGroup {
    margin-bottom: 15px;
}


.searchResults {
    background-color: #fff !important;
}

.searchResults .selectBox select {
    height: 32px;
    border: 1px solid #ccc;
    margin-left: 8px;
    padding-left: 4px;
}


#advanceSearch .course-finder-form {
    padding: 0 10%;
    padding-bottom: 30px;
}
#advanceSearch .course-finder-form p {
    margin-top: 8px;
}

.listViewStatus span.active {
    background-color: #5cb85c;
}

.listViewStatus span {
    background-color: #d9534f;
    padding: 2px 6px 3px 6px;
    
    color: #fff;
    color: #fff;
    font-weight: 600;
    font-size: 9px;
    vertical-align: bottom;
    line-height: 16px;
    opacity: 1;
    transition: opacity .2s ease;
    -webkit-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
}

.goalListView {
    padding: 0;
    overflow: hidden;
}
.listViewStatus {
    margin: 10px 0;
}

.goalListRow {
    padding: 0 3px;
    padding-bottom: 15px;
    padding-top: 5px;
}

.goalListBlock3 div a, .goalListBlock3 div .btn-link{
    font-size: 12px;
    padding:0px;
}
.goalListBlock2 span {
    font-size: 11px;
    color: #545a5a;
    font-weight: bold;
}

.goalListBlock2 i {
    font-size: 11px;
    padding-left: 6px;
}

.goalListHeader p {
    font-size: 13px;
    font-weight: 600;
}

.goalListView > li {
    padding: 0;
    border-bottom: 1px dotted #e8e8e8;
}

.goalListRow .starRatings {
    line-height: 10px;
}

.goalListRow .starRatings li {
    margin: 0;
}
.goalListView .goalProgress {
    background-color: #f0ad4e;
    text-decoration: none;
}

.goalListHeader .goalListBlock2 p {
    color: #16635d;
}

.pagination{
    margin:0px;
}

.pagination>li>a, .pagination>li>span{
    color: #5798a8;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{
    color: #5798a8;    
}

/*Responsive Queries*/
@media (max-width: 761px) {
    .loginContent {
        top: 8%;
    }
}

@media (max-width: 991px) {
    .homeCourses .row > section {
        border-bottom: 1px solid #E2E1E1;
    }
    .homeCourses .row > section:last-child {
        border-bottom: none;
    }
    .events .row > section {
        border-bottom: 1px solid #E2E1E1;
    }
    
    .home-page .detailRightSec1{
        margin-top: 25px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .main-nav .nav .nav-item a {
        font-size: 11px;
        padding: 12px 18px;
    }

    /*New Styles to prevent expansion of Mobile Hamburger button*/

    .main-nav-button .nav .nav-item a {
        font-size: 11px;
        padding: 12px 18px;
    }
}

@media (max-width: 767px) {

    .navbar-header {
        display: inline-block;
    }
    .main-nav {
        /*background-color: transparent;*/
        z-index: 100;
        margin: 0;
        font-size: 0;
        margin-bottom:12px;
    }

    /*New Styles to prevent expansion of Mobile Hamburger button*/

    .main-nav-button {
        /*background-color: transparent;*/
        z-index: 100;
        margin: 0;
        font-size: 0;
    }
    .wrapper {
        min-height: inherit;
    }
    .header-main .info {
        float: right;
        width: 39%;
        padding: 0;
    }
    .header-main .info .navbar-right {
        float: right;
        margin: 0;
    }
    .header-main .info .menu-top {
        padding-right: 20px;
        padding-top: 16px;
    }
    /*.main-nav #navbar-collapse {
        transform: translateX(-300px);
        -webkit-transform: translateX(-300px);
        -moz-transform: translateX(-300px);
        -o-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        transition: transform .5s ease-in-out;
        -webkit-transition: -webkit-transform .5s ease-in-out;
        -o-transition: -o-transform .5s ease-in-out;
        -moz-transition: -moz-transform .5s ease-in-out;
        -ms-transition: -ms-transform .5s ease-in-out;
        background-color: #27435a;
        width: 250px;
        position: absolute;
        z-index: 1000;
        height: 100vh;
        max-height: none;
    }
    .main-nav #navbar-collapse.navActive {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        overflow-y: auto;
    }*/
    .header-main .info .menu-top li {
        margin-left: 0;
    }
    .homeBanner {
        margin: 0 -15px;
        min-height: 155px;
        overflow: hidden;
    }
    .homeBanner img {
        margin-left: -50%;
    }
    .rightSec2 {
        clear: both;
    }
    .homeBannerCap h2 {
        font-size: 16px;
        text-transform: uppercase;
    }
    .homeBannerCap p {
        font-size: 10px;
    }
    .homeBannerCap {
        left: 17px;
    }
    .dropdown-menu {
        right: 0;
        left: auto;
    }
    .detailPageBanner .bannerTxt {
        width: 100%;
        padding-bottom: 20px;
    }
    .goalSelection select {
        width: 90%;
    }
    
    .contentRate article {
        text-align: center;
    }
    .header.navInactive h1.logo {
        padding-left: 10px;
        padding-right: 15px;
    }
    .navInactive .navbar-right {
        margin-right: 15px !important;
    }
    .contentDetailTabs .tabsScroll a {
        padding: 5px 12px;
    }
    .page-wrapper{
        padding-bottom: 30px;
    }

}

@media (max-width: 440px) {
    .homeBanner img {
        margin-left: -100%
    }
}
.dropdown:hover .dropdown-menu {
    display: block;
    background: #5798a8;
    
}

/*Subject Banner*/

.subjectBanner {
    background-color: #756c63;
}

.subjectBanner p {
    padding: 20px;
    color: #FFFFFF;
    margin: 0px;
    line-height: normal;
    font-size: 12px;
}

/*Subject Banner*/


.personalizeContent {
    position: absolute;
    top: 10%;
    width: 100%;
}

.slider2 {
width: 250px !important;
}

/* TalentCloud - MyResume*/

.myResume {
    padding: 15px;   
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
}

.myResume section, .talentcloud-mydocuments section {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top:15px;    
}

.myResume .section-heading {
    font-size: 25px;
    font-weight: 300;
    line-height: 2;
    margin-top: 0;
    color: #16445d;
}


.myResume input[type=checkbox] {
    display:none;
}

    .myResume input[type=checkbox] + label {
        display: inline-block;
        padding: 0 0 0 20px;
        background: url("/Content/Images/talentCloud/checkbox_empty_16x16.svg") no-repeat;  
        height: 16px;
        font-weight: normal;
    }

    .myResume input[type=checkbox]:checked + label {
        background: url("/Content/Images/talentCloud/checkbox_filled_16x16.svg") no-repeat;        
        height: 16px;
        display: inline-block;
        padding: 0 0 0 20px;
        font-weight: normal;
    }

.myResume textarea {
    resize: none;
}

.myResume .border {
    margin-bottom:20px;
}

.myResume .consentText {
  font-family: OpenSans;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #7f7f7f;
}

@media screen and (min-width: 768px) {
    .myresume-action-panel {
        display: table;
        height: 400px;
    }

    .myresume-action-panel > div{
        display: table-cell;
        vertical-align: middle;
        padding: 0% 10%;
    }
}

@media screen and (max-width: 768px) {
    .myresume-graphic-panel img {
        width: 100%;
    }
}

.button-sq {
  border-radius: 4px;
  background-color: #81515d;
  object-fit: contain;

font-family: 'Open Sans', Arial, sans-serif;

  font-size: 13px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.54;
  letter-spacing: 0.3px;
  text-align: center;
  color: #ffffff;
  padding: 9px 20px;
}

.button-sq-large {
  border-radius: 4px;
  background-color: #81515d;
  font-size: 16px;
  font-style: normal;
  color: #ffffff;
  height: 40px;
  min-width: 300px;
}

.button-sq-large:hover {
    color: #ffffff;
}

.button_upload_resume {
  width: 250px
}

.button_remove_resume {
  width: 250px;
  height: 38px;
  border-radius: 4px;
  border: solid 2px #bfbfbf;
}

.button-yes-remove-resume {
  width: 314px;
}


.button_consent_resume {
  width: 250px;
  height: 38px;
  border-radius: 4px;
  border: solid 2px #bfbfbf;
  position: relative;
}

.button_consent_resume.consented {
  background-color: #5697a8;
  color: #ffffff;
  border-color: #5697a8;
}


    .button_consent_resume input[type=checkbox] {
        display:none;
    }

    .button_consent_resume img {
        position: absolute;
        left: 10px;
        top: 10px;
    }

.button_consent_resume input[type=checkbox] {
    position: absolute;
    left: 30px;
}


.divider {
  height: 1px;
  object-fit: contain;
  background-color: #cccccc;
}

.myresume-filename {
  width: 329px;
  height: 31px;
  font-family: OpenSans;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.21;
  letter-spacing: 0.2px;
  text-align: left;
  color: #5697a8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.myresume-remove-modal .modal-dialog {
  object-fit: contain;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.3);
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.myresume-remove-modal .modal-header {
    border-bottom: none;
}

.myresume-remove-modal .modal-body {
    padding: 50px;
}

.myresume-remove-modal.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .myresume-remove-modal.modal:before, .uploading-resume-modal.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.myresume-remove-modal .highlight-text{
  font-weight: bold;
  color: #4bacb9;
}

.myresume-remove-modal h3 {
  font-size: 40px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.55;
  letter-spacing: -0.8px;
  color: #595959;
}

.myresume-remove-modal .italic {
  font-style: italic;
}

.uploading-resume-modal img {
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.uploading-resume-modal.modal {
    text-align: center;
}

.uploading-resume-modal .modal-dialog {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
}

.uploading-resume-modal h3 {
  color: #ffffff;
}

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

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

/* Styles for Froala editor */
.fr-wrapper ul li {
    list-style-type: disc;
}

/* Style for header */
.color {
    color : #5798a8;
}
header.newUser.bg-white .nav > li > a {
    color: #5798a8;
}
.padding-l-r-15 {
    padding: 0px 15px;
}
.padding-l-5 {
    padding-left: 5%;
}
.talentcloud-mydocuments hr {
    border-width: 2px;
    border-color: #ddd;
}

.border-round {
    border-radius: 5px;
}

.talentcloud-mydocuments .row-divider {
    border-bottom: 2px solid #ddd !important;
    padding: 5px 0 7px 0px !important;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

.talentcloud-mydocuments input[type=checkbox] {
    display: none;
}

.talentcloud-mydocuments input[type=checkbox] + label, #documentUploadForm input[type=checkbox] + label {
    display: inline-block;
    padding: 0 0 0 20px;
    background: url("/Content/Images/talentCloud/checkbox_empty_16x16.svg") no-repeat;  
    height: 17px;
    font-weight: normal;
    vertical-align: middle;
}

.talentcloud-mydocuments input[type=checkbox]:checked + label, #documentUploadForm input[type=checkbox]:checked + label {
    background: url("/Content/Images/talentCloud/checkbox_filled_16x16.svg") no-repeat;        
    height: 17px;
    display: inline-block;
    padding: 0 0 0 20px;
    font-weight: normal;
    vertical-align: middle;
}

.talentcloud-mydocuments .page-content .details div{
    line-height: 28px;
}

.talentcloud-mydocuments .page-content .class-item-header a {
    color: #000;
}



#documentUploadForm .modal-body {
    padding: 0px !important;
}

#documentUploadForm .footer-div {
    background-color: #ddd;
    margin-left: 0px;
    margin-right: 0px;
}

#documentUploadForm .footer-div span {
    color: #999999;
    padding-bottom: 10px;
}

#documentUploadForm .footer-div button {
    padding-left: 25px;
    padding-right: 25px;
}

.cursor-pointer {
    cursor: pointer;
}

#documentUploadForm input[type=file]{
    background-color: transparent;
}

.auth-btn-large {
  background-color: #81515d;
  color: white;
  font-size: 16px;
  font-style: normal;
  color: #ffffff;
  height: 50px;
  width: 100%;
  text-transform: uppercase;
}
.auth-btn-large[disabled] {
    background: #ECE8ED;
    color: #ADADB5;
}

@media(max-width:767px) {
    #NewUserBox {
        width:350px;
        height:525px;
    }

    #authBox {
        font-size:13px;
    }

    .personalization-btn-large {
        margin-top:0 !important;
        width:250px;
        height:40px;
    }
}

@media(max-height:668px) {
    #NewUserBox {
        width:350px;
        height:450px;
    }
}

@media (max-height:668px)  and (min-width:500px) {
    #NewUserBox {
        width:550px;
        height:500px;
    } 
}

@media(max-width:321px) {
    #NewUserBox {
        width:300px;
        height:400px;
    }

    .personalization-btn-large {
        width:230px;
    }
}

.form-control.control-large {
    height: 50px;
}

.input-group.internal-cont {
    width: 100%;
    position: relative;
}
.internal-btn {
    /*position: absolute;
    right: 5px;
    z-index: 2;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;*/
        position: absolute;
    right: 5px;
    z-index: 9;
}

.pass-show-internal {
    border: none;
    position: absolute;
    right: 10px;
    top: 8px;
}

.padding-bottom-15 {
    padding-bottom:15px;
}

.row-width-10 {
    width:10%;
}