.field-validation-error, .validation-summary-errors {
    color: #b94a48;
}

.field-validation-valid, .validation-summary-valid {
    display: none;
}

@font-face {
    font-family: 'Avenir Medium';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Avenir/AvenirLTStd-Medium.otf');
}

@font-face {
    font-family: 'Avenir Oblique';
    font-style: italic;
    font-weight: normal;
    src: url('../../fonts/Avenir/AvenirLTStd-Oblique.otf');
}

@font-face {
    font-family: 'Avenir Black';
    font-style: normal;
    font-weight: normal;
    src: url('../../fonts/Avenir/AvenirLTStd-Black.otf');
}

@font-face {
    font-family: 'Avenir Heavy';
    font-style: normal;
    font-weight: bold;
    src: url('../../fonts/Avenir/AvenirLTStd-Heavy.otf');
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Avenir Heavy'
}

b, .text-bold {
    font-family: 'Avenir Black';
}

a {
    cursor: pointer;
}

.text-italics {
    font-family: 'Avenir Oblique';
}

small {
    color: #686666;
}

body {
    font-family: Avenir Medium;
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 0px;
    margin: auto;
    color: black;
}

li.nav-item {
    padding-left: 10px;
    padding-right: 10px;
}

.nav-text-white a {
    color: #ffffff !important;
    font-family: 'Avenir Heavy';
    font-size: 18px;
}

.btn-blue {
    color: #fff !important;
    min-width: 110px;
    background-color: #4472C7;
    border-color: #086adf;
    /*border-radius: 0;*/
    border-width: 2px;
}
    .btn-blue:hover {
        background-color: #224b97;
        border-color: #224b97;
    }

.btn-grey1 {
    color: #fff !important;
    min-width: 110px;
    background-color: lightgray;
    border-color: lightgray;
    /*border-radius: 0;*/
    border-width: 2px;
}
.btn-request-demo {
    color: #fff !important;
    min-width: 110px;
    background-color: #086adf;
    border-color: #086adf;
    border-radius: 0;
    border-width: 2px;
}

.btn-blue-white-border {
    color: #fff !important;
    min-width: 110px;
    background-color: #4472C7;
    border-color: #fff;
    border-radius: 0;
    border-width: 2px;
}

.btn-deep-blue {
    color: #fff;
    background-color: #0C426A;
    border-color: #ffffff;
    border-radius: 0;
}
  

.bg-deep-red {
    background-color: #A51410 !important;
    color: #fff;
}

.btn-blue-invert {
    color: #086adf !important;
    min-width: 110px;
    background-color: #fff;
    border-color: #086adf;
    border-radius: 0;
    border-width: 2px;
}

.btn-flat {
    border-radius: 0;
}
/*.container-header {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}*/
.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

/*@media (min-width: 1200px) {
    .container {
        width: 1427px;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1427px;
    }
}*/

.container {
    width: 87%;
    max-width: 87%
}

.form-control {
    border-radius: 0;
}

.form-horizontal .row {
    margin-bottom: 15px;
}

.row-without-margin, .form-horizontal > .row, .row {
    margin-left: 0;
    margin-right: 0;
}

.bg-yellow {
    background-color: #ffcc08;
    color: #fff;
}

.bg-skillsforce-blue {
    background-color: #086adf !important;
}

.text-skillsforce-gray {
    color: gray !important;
}

.text-skillsforce-blue {
    color: #086adf !important;
}

.text-skillsforce-green {
    color: limegreen !important;
}

.text-skillsforce-black-small {
    color: black !important;
    font-size:small;
      
}

.profile-image {
    width: 150px;
    height: 200px !important;
    border: 5px solid #ffcc08;
}

.profile-image1 {
    width: 30px;
    height: 30px !important;
    border: 3px solid #ffcc08;
}

.uploaded-image {
    min-height: 150px;
    background-attachment: initial;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.uploaded-image1 {
    /*min-height: 150px;*/
    background-attachment: initial;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.divider {
    border: 1px solid darkgray;
}

.divider-blue {
    border: 1px solid #086adf;
}

.divider-blue-thick {
    border: 0.1rem solid #086adf;
}

.btn-xs {
    height: 30px;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.btn-file-selector {
    border-radius: 0;
    color: black;
    border-color: black;
}

input,
textarea {
    max-width: none !important;
}


.card {
    padding-top: 10px;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.no-border {
    border-bottom: none;
}

.quick-look-card {
    padding: 10px 20px 10px 10px;
}

.thumbnail {
    width: 50px;
}

.thumbnail-md {
    width: 60px !important;
}

.thumbnail-title {
    margin-bottom: 0;
    margin-top: 0.5rem;
}

.padding-left-10 {
    padding-left: 10px;
}

.container-vertical-align {
    padding-top: 30px;
}

.thumb-text-wrapped {
    margin-right: 15px;
}

.navbar-micro {
    min-height: 30px;
    top: -10px;
}

    .navbar-micro h4 {
        font-weight: 700;
        letter-spacing: 1px;
    }

    .navbar-micro a, .navbar-micro a > i {
        color: #fff;
        text-decoration: underline;
    }

@media (min-width:768px) {
    .sticky-navbar {
        /*top: 111px;*/
        position: fixed;
        /*top: 81px;*/
        width: 100%;
        z-index: 99;
        border-bottom: 1px solid;
    }
}

@media (max-width:768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 30px;
    }

    .sticky-navbar {
        position: fixed;
        top: 49px;
        width: 100%;
        z-index: 99;
    }
    .sticky-navbar .container {
        width: 100%;
    }

    .navbar-micro .nav {
        text-align: center;
    }
}

.sticky-submit {
    position: fixed;
    top: 70%;
    right: 0px;
    width: 115px;
    height: 0px;
    text-align: right;
    z-index: 9999;
    margin-top: -15px;
}

    .sticky-submit input {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        display: block;
        text-align: center;
        height: 40px;
        width: 165px;
        padding: 8px 16px;
        color: #fff;
        font-family: Arial, sans-serif;
        font-size: 17px;
        font-weight: bold;
        text-decoration: none;
        border-bottom: solid 1px #333;
        border-left: solid 1px #333;
        border-right: solid 1px #fff;
    }

.tab-pane {
    padding-top: 20px;
}

.experience-tabs .nav-item {
    padding-left: 0;
    padding-right: 0;
}

.experience-tabs a.nav-link.active {
    background: #086adf !important;
    color: #ffffff !important;
    border-radius: 0;
}

.experience-tabs a.nav-link:not(.active) {
    border: 1px solid #cccccc;
}

.micro-credential-card {
    margin: 10px;
}
::-webkit-input-placeholder {
    color: #fff;
    font-style: italic;
}

:-moz-placeholder {
    color: #fff;
    font-style: italic;
}

::-moz-placeholder {
    color: #fff;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #fff;
    font-style: italic;
}

.media-item ::-webkit-input-placeholder {
    color: #58595B ;
    font-style: italic;
}

.media-item :-moz-placeholder {
    color: #58595B;
    font-style: italic;
}

.media-item :-ms-input-placeholder {
    color: #58595B;
    font-style: italic;
}

.cursor-pointer {
    cursor: pointer;
}

.notification-bubble {
    position: absolute;
    top: 22%;
    right: 35%;
    background: #FF0000;
    color: white;
    font-size: 15px;
    width: 1.25em;
    height: 1.25em;
    text-align: center;
    line-height: 1.25em;
    border-radius: 50%;
    margin: -0.625em -0.625em 0 0;
    border: 1px solid white;
}

.image-circle {
    border-radius: 50%;
    border: 2px solid #086adf;
}

.btn-grey, .btn-grey:hover {
    color: #fff !important;
    border-radius: 0 !important;
}

.btn-grey {
    background-color: #77797d;
}

    .btn-grey:hover {
        background-color: #77797d !important;
    }

.quotes {
    color: #ffffff;
    font-size: 25px;
}

.text-justify {
    text-align: justify;
}

.mc-section-title {
    border: 1px solid;
    padding: 9px 2px 2px 10px;
    background-color: #FED966;
}

.mc-section-title-green {
    border: 1px solid;
    padding: 9px 2px 2px 10px;
    background-color: #A8D18D;
}

.mc-success-title {
    border: 1px solid;
    padding: 9px 2px 2px 10px;
    background-color: #F4B083;
}

.mc-teaching-title {
    border: 1px solid;
    padding: 9px 2px 2px 10px;
    background-color: #D39EE4;
}

.mc-section-body {
    border: 1px solid;
    padding: 9px 2px 2px 10px;
}
.ee-section-title {
    border: 1px solid;
    padding: 9px 2px 2px 10px;
    background-color: #e2e2e2;
}
.ee-section {
    min-height: 400px;
    border: 1px solid;
    padding: 9px 2px 2px 10px;
}
.ee-desc {
    min-height: 200px;
}
.btn-bg {
    padding: 1em 2em 1em 2em;
    font-size: 1.25rem;
    line-height: 1;
    border-radius: 0.5rem
}
.ee-descpadding {
    padding-bottom: 25px;
    padding-top: 20px;
}
p.cat-name{
    cursor: pointer;
}
p.cat-name:hover {
    color: #7c7c7c
}
.multiselect-item.multiselect-group {
    background: #d8d8d8;
}
.multiselect-item.multiselect-group > label {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
    padding: 2px;
}
ul.multiselect-container.dropdown-menu {
       padding : 6px 10px;
}
.bg-lighgrey {
    background-color: #e3e3e3 !important;
}
.eeTitle {
    font-size: 18px;
}
input[type="checkbox"].bigswitch, input[type="checkbox"].ios-switch {
    position: absolute;
    opacity: 0;
}

    /* Normal Track */
    input[type="checkbox"].ios-switch + span {
        vertical-align: middle;
        width: 40px;
        height: 20px;
        border-radius: 999px;
        background-color: #00e359;
        -webkit-transition-duration: .4s;
        -webkit-transition-property: background-color, box-shadow;
        box-shadow: inset 0 0 0 10px rgba(0,227,89,1);
        border: 1px solid rgba(0, 162, 63,1);
        margin: 4px;
        cursor: pointer;
    }

    /* Checked Track (Blue) */
    input[type="checkbox"].ios-switch:checked + span {
        width: 40px;
        background-position: 0 0;
        background-color: #3b89ec;
        border: 1px solid #0e62cd;
        box-shadow: inset 0 0 0 10px rgba(59,137,259,1);
    }

/* Tiny Track */
input[type="checkbox"].tinyswitch.ios-switch + span {
    width: 34px;
    height: 18px;
}

/* Big Track */
input[type="checkbox"].bigswitch.ios-switch + span {
    width: 50px;
    height: 25px;
    cursor: pointer;
}

/* Green Track */
input[type="checkbox"].green.ios-switch:checked + span {
    background-color: rgba(251,19,19,1);
    border: 1px solid rgba(243,31,31,1);
    box-shadow: inset 0 0 0 0px rgba(235,7,7,1);
}

/* Normal Knob */
input[type="checkbox"].ios-switch + span > span {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: inherit;
    background: #ffffff;
    -webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: transform, background-color, box-shadow;
    -moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
    -moz-transition-duration: 0.4s;
    -moz-transition-property: transform, background-color;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(0, 0, 0, 0.4);
    pointer-events: none;
    margin-top: 0px;
    margin-left: 1px;
}

/* Checked Knob (Blue Style) */
input[type="checkbox"].ios-switch:checked + span > span {
    -webkit-transform: translate3d(20px, 0, 0);
    -moz-transform: translate3d(20px, 0, 0);
    background-color: #ffffff;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172,1);
}

/* Tiny Knob */
input[type="checkbox"].tinyswitch.ios-switch + span > span {
    width: 16px;
    height: 16px;
    margin-top: 1px;
}

/* Checked Tiny Knob (Blue Style) */
input[type="checkbox"].tinyswitch.ios-switch:checked + span > span {
    -webkit-transform: translate3d(16px, 0, 0);
    -moz-transform: translate3d(16px, 0, 0);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172,1);
}

/* Big Knob */
input[type="checkbox"].bigswitch.ios-switch + span > span {
    width: 23px;
    height: 23px;
    margin-top: 0px;
}

/* Checked Big Knob (Blue Style) */
input[type="checkbox"].bigswitch.ios-switch:checked + span > span {
    -webkit-transform: translate3d(25px, 0, 0);
    -moz-transform: translate3d(16px, 0, 0);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0 1px rgba(8, 80, 172,1);
}

/* Green Knob */
input[type="checkbox"].green.ios-switch:checked + span > span {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 162, 63,1);
}
body.loader::after {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .75;
    z-index: 999999;
    overflow-y: hidden;
    position: fixed;
    background-color: #fff;
    background: url(../../Images/loading-buffering-new.gif) no-repeat center #ffffff;
}