.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {
    top: 0px !important;
    padding-right: 0px !important;
}

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

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

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

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0460-052F,U+20B4,U+2DE0-2DFF,U+A640-A69F;
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0102-0103,U+1EA0-1EF9,U+20AB;
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;
}

body, html {
    font-family: Roboto,sans-serif;
    font-size: 16px;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type=checkbox].input-validation-error {
    border: 0;
}

.field-validation-error .span, .form-group.has-error .form-control {
    color: #dd4b39 !important;
}

.no-padding {
    padding: 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;
}

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

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

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

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

.no-border-right {
    border-right: none !important;
}

.navbar-blue {
    background-color: #2FA7F3;
    border-color: #2FA7F3;
}

    .navbar-blue .navbar-brand, .navbar-blue .navbar-nav > li > a {
        color: #fff;
    }

        .navbar-blue .navbar-nav > li > a:hover {
            background-color: #fff !important;
            color: #000;
        }

.footer-logo-section > span, .footer-logo-section > ul > li {
    color: #fff;
}

.profile-image {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

    .profile-image > .img-circle {
        height: 40px;
        width: 40px;
        border: 1px solid #fff;
    }

.footer-inverse {
    background-color: #464646;
}

.footer-content {
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 200px;
    padding-bottom: 50px;
}

.footer-logo-section {
    width: 20%;
    display: inline-block;
    padding-right: 30px;
}

    .footer-logo-section > img {
        padding-bottom: 10px;
    }

    .footer-logo-section > ul > li.header {
        color: #fff;
        padding-bottom: 10px;
    }

    .footer-logo-section > ul {
        list-style: none;
    }

label {
    font-weight: 400 !important;
}

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

    .btn-sticky 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 !important;
        width: 165px !important;
        font-family: Arial,sans-serif;
        font-size: 17px;
        font-weight: 700;
        text-decoration: none;
        border-bottom: solid 1px #333;
        border-left: solid 1px #333;
        border-right: solid 1px #fff;
    }

.chartTitle, .chartTitleSkills {
    font-size: 20px;
    text-align: center;
}

.alert a, .text-underline {
    text-decoration: underline;
}

.btn-sticky input:hover {
    background: #2FA7F3;
}

.form-group.has-error label {
    color: #dd4b39;
}

.form-group.has-error .form-control {
    border-color: #dd4b39 !important;
    box-shadow: none;
}

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

.alert {
    border-radius: 3px;
}

.btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type, .btn.btn-flat {
    border-radius: 0;
}

.alert h4 {
    font-weight: 600;
}

.chartTitle, .text-bold {
    font-weight: 700 !important;
}

.alert .icon {
    margin-right: 10px;
}

.alert .close {
    color: #000;
    opacity: .2;
    filter: alpha(opacity=20);
}

    .alert .close:hover {
        opacity: .5;
        filter: alpha(opacity=50);
    }

.alert a {
    color: #fff;
}

.alert-success {
    border-color: #008d4c;
}

.alert-danger, .alert-error {
    border-color: #d73925;
}

.alert-warning {
    border-color: #e08e0b;
}

.alert-info {
    border-color: #00acd6;
}

.bg-grey {
    background-color: #eee;
}

.alert-danger, .alert-error, .alert-success {
    color: #FFF;
}

.alert-danger, .alert-error, .bg-red, .callout.callout-danger, .label-danger, .modal-danger .modal-body {
    background-color: #dd4b39 !important;
}

.alert-success, .bg-green, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: #00a65a !important;
}

.alert-info, .bg-aqua, .callout.callout-info, .label-info, .modal-info .modal-body {
    background-color: #00c0ef !important;
}

.alert-warning, .bg-yellow, .callout.callout-warning, .label-warning, .modal-warning .modal-body {
    background-color: #f39c12 !important;
}

.btn.btn-flat {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
}

.btn-theme {
    color: #fff;
    background-color: #2FA7F3;
    border-color: #2FA7F3;
}

    .btn-theme:hover {
        color: #fff;
        background-color: #2D8FCD;
        border-color: #2D8FCD;
    }

.barContainer, .pieContainer {
    width: 100%;
    background: rgba(169,169,169,.58);
}

.barContainer {
    margin-top: 25px;
}

#chartEducation, #chartEmployment, #chartIndustries {
    padding-left: 40px;
    padding-right: 15px;
    padding-bottom: 15px;
}

#chartSkills {
    padding-left: 40px;
    padding-right: 25px;
    padding-bottom: 15px;
}

.chartTitle {
    padding-top: 15px;
}

.chartTitleSkills {
    font-weight: 700;
    padding-left: 20%;
}

.styled-select-reporting, .styled-select-reporting-skills {
    background: url(/Images/select_arrow.png) 99% 50% no-repeat #58585b;
    border: none;
    color: #fff;
    font-size: .9375em;
    height: 37px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.reporting-header {
    padding: 20px;
}

.styled-select-reporting {
    margin: 0 0 15px;
    padding: .625em;
    width: 40%;
}

.styled-select-reporting-skills {
    margin: 10px 0 15px 20px;
    width: 25%;
}

#fromToReporting {
    padding-bottom: 45px;
    border-bottom: solid;
    border-bottom-color: #c9c9c9;
    color: rgba(16,97,186,.71);
    padding-top: 5px;
    border-top: solid;
    border-top-color: #c9c9c9;
}

#suggestions-reporting-section {
    margin: 30px;
}

.reporting {
    width: 100%;
    padding: .75em;
    border: none;
    border-radius: 3px;
    background-color: #f4f4f4;
}

.ordersummary .orderitem, .payment-button, .payment-option {
    border-bottom: 1px dashed #929292;
    padding-top: 10px;
    padding-bottom: 10px;
}

#chartCadetExperience {
    padding-left: 40px;
}

.search-fields {
    background-color: #EEE;
    color: #818181;
}

.ui-autocomplete-loading {
    background: url(/Images/ajax-loader-small.gif) right center no-repeat rgba(169,169,169,.58) !important;
}

.ordersummary {
    background-color: #e2e2e2;
}

    .ordersummary > .col-md-12 {
        padding-left: 20px;
        padding-right: 20px;
    }

.payment-options {
    border-right: 2px solid #0094ff;
}

.text-italics {
    font-style: italic;
}

.modal-danger .modal-footer, .modal-danger .modal-header {
    background-color: #d33724 !important;
    border-color: #c23321;
}

.modal-danger .modal-body, .modal-danger .modal-footer, .modal-danger .modal-header, .modal-info .modal-body, .modal-info .modal-footer, .modal-info .modal-header, .modal-primary .modal-body, .modal-primary .modal-footer, .modal-primary .modal-header, .modal-success .modal-body, .modal-success .modal-footer, .modal-success .modal-header, .modal-warning .modal-body, .modal-warning .modal-footer, .modal-warning .modal-header {
    color: #fff !important;
}

.modal-danger .modal-body {
    background-color: #dd4b39 !important;
}

.modal-success .modal-footer, .modal-success .modal-header {
    background-color: #008d4c !important;
}

.modal-success .modal-body {
    background-color: #00a65a !important;
}

.btn-outline {
    border: 1px solid #fff;
    background: 0 0;
    color: #fff;
}

body {
    scrollbar-base-color: silver;
    scrollbar-3dlight-color: silver;
    scrollbar-highlight-color: silver;
    scrollbar-track-color: #EBEBEB;
    scrollbar-arrow-color: #000;
    scrollbar-shadow-color: silver;
    scrollbar-dark-shadow-color: silver;
}

@-moz-document url-prefix(http://),url-prefix(https://) {
    scrollbar {
        -moz-appearance: none !important;
        background: #0f0 !important;
    }

    scrollbarbutton, thumb {
        -moz-appearance: none !important;
        background-color: #00f !important;
    }

        scrollbarbutton:hover, thumb:hover {
            -moz-appearance: none !important;
            background-color: red !important;
        }

    scrollbarbutton {
        display: none !important;
    }

    scrollbar[orient=vertical] {
        min-width: 15px !important;
    }
}

.scrollbar-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 20px;
    border: 4px solid rgba(0,0,0,.2);
    overflow: auto;
    background-color: #f5f5f5;
}

    .scrollbar-container .inner {
        height: 2011px;
        width: 1985px;
        padding: 1em;
        background-color: #fff;
        font-family: sans-serif;
    }

::-webkit-scrollbar {
    background: 0 0;
    BORDER: 1px solid #8A8A8A;
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #8A8A8B;
    border: 1px solid #8A8A8A;
    border-radius: 4px;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0,0,0,.3);
    }

.inline-block {
    display: inline-block;
}

.list-style-none {
    list-style: none !important;
}

.bgimg-1, .caption, .circle, .circle strong, .notification-flag-bubble, .jclc-flag-bubble {
    text-align: center;
}

.cursor-pointer, .roster-status {
    cursor: pointer;
}

body {
    color: #000;
}

.bgimg-5 {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/Images/Home/brigade_bg.png);
    min-height: 125px;
}

    .bgimg-5 p {
        color: #000 !important;
        margin: 0 !important;
    }

.caption {
    color: #000;
    padding-top: 50px;
    padding-bottom: 75px;
}

    .caption span.border {
        background-color: #111;
        color: #fff;
        padding: 18px;
        font-size: 25px;
        letter-spacing: 3px;
    }

a {
    color: #2583b4;
}

::-webkit-input-placeholder {
    color: #000 !important;
    font-style: italic;
}

:-moz-placeholder {
    color: #000 !important;
    opacity: 1;
    font-style: italic;
}

::-moz-placeholder {
    color: #000 !important;
    opacity: 1;
    font-style: italic;
}

:-ms-input-placeholder {
    color: #000 !important;
    font-style: italic;
}

.navbar-theme {
    background-color: #25231D;
    border-color: #25231D;
}

.container.body-content:not(.login):not(.main-content) {
    padding-top: 81px;
}

@media (min-width:768px) {
    .sticky-navbar {
        top: 111px;
    }
}

.container.main-content {
    width: 100%;
    padding: 0;
}

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

@media (min-width:1200px) {
    .container {
        width: 90%;
    }
}

.navbar-toggle .icon-bar {
    background: #fff;
}

#top-nav .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav > li > a:focus, .nav > li > a:hover {
    background-color: #25231d;
}

a.navbar-brand {
    padding-top: 6px !important;
}

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

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

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

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

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

    .cadet-sticky-navbar {
        top: 81px !important;
    }
}

@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;
    }

    .cadet-sticky-navbar {
        top: 81px !important;
    }

    .sticky-navbar .container {
        width: 100%;
    }

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

.top-nav .navbar-nav > li > a {
    color: #F4C300;
}

#top-nav .navbar-nav > li > a:not(.profile-image) {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-top: 12px;
}

#top-nav .navbar-nav > li > a.profile-image {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 6px;
}

.top-nav .navbar-nav > li {
    padding-left: 10px;
    padding-right: 10px;
}

.menu-bar .navbar-nav > li {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.top-nav .navbar-right {
    margin-right: 50px !important;
}

#top-nav .navbar-nav > li > a {
    padding: 0;
}

.navbar-gold .container {
    width: 84%;
}

.menu-bar {
    background-color: #f4c300;
    /*position: absolute;*/
}

    .menu-bar .navbar-nav > li > a:focus, .menu-bar .navbar-nav > li > a:hover, .navbar-gold {
        background-color: #dc9e09;
    }

    .menu-bar.container {
        width: 100%;
    }

    .menu-bar .navbar-nav > li > a {
        color: #000;
        padding-top: 4px;
        padding-bottom: 4px;
    }

@media (min-width:768px) {
    .navbar {
        border-radius: 0;
    }

    .menu-bar {
        min-height: 30px;
        top: 51px;
    }
}

@media (min-width:768px) and (max-width:910px) {

    .cadet-navbar {
        top: 107px !important;
    }
}

.navbar-gold {
    min-height: 35px;
}

@media only screen and (max-width:650px) {
    .btn-hero {
        width: 20%;
    }
}

@media only screen and (min-width:650px) {
    .btn-hero {
        width: 10%;
    }
}

.btn-gold {
    background-color: #f4c300;
    color: #000 !important;
    border-radius: 0 !important;
    border: 1px solid #DC9E09;
}

    .btn-gold:hover {
        background-color: #f4c300 !important;
        color: #000 !important;
        border-radius: 0 !important;
    }

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

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

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

.btn-light-grey {
    background-color: #CCCCCC;
    color: black !important;
}

    .btn-light-grey:hover {
        background-color: #CCCCCC;
    }

.container.profile-section {
    width: 100%;
    background-color: #25231D;
    color: #fff;
}

.dropdown-toggle .glyphicon {
    font-size: x-small;
}

.full-width {
    width: 100%;
}

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

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

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

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

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

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

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

.padding-right-20 {
    padding-right: 20px;
}

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

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

h3.profile-name {
    font-size: 20px;
}

.profile-info img {
    /*width: 100%;
    height: 175px;
    display: inline-block;*/
    object-fit: cover;
    overflow: hidden;
    height: 10vw;
    width: 10vw;
    border: 3px solid grey;
}

.profile-description > small {
    color: grey;
    text-align: center;
}

.profile-description > span {
    font-size: 13px;
}

.profile-additional-details {
    padding-top: 30px;
    padding-left: 15px;
    font-size: 14px;
}

.btn-start {
    height: 30px;
    font-size: 12px;
    color: #fff;
    background: #9D9D9D;
}

.btn-danger-outline {
    background-color: white;
    border-color: #d43f3a;
    color: #d43f3a;
}

.todo-div {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    max-height: 200px;
    overflow-y: auto;
}

select.select-gold, select.select-gold:focus {
    border-color: #dc9e09;
}
select.select-grey {
    background: #d3d3d336;
}
@media (min-width:786px) {
    .profile-info {
        padding: 0 0 30px 50px;
    }

    .details {
        min-height: 270px;
        background: -webkit-gradient(linear,left top,right top,from(#25231d),to(transparent));
        background: -webkit-linear-gradient(left,#25231d,transparent);
        background: -moz-linear-gradient(left,#25231d,transparent);
        background: -ms-linear-gradient(left,#25231d,transparent);
        background: -o-linear-gradient(left,#25231d,transparent);
    }

    .hero-bg {
        /*background-image: url(/Images/Assignments-Hero.jpg);*/
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 270px;
        background-position: top;
    }
}
@media(min-width: 768px) and (max-width: 1100px) {
    .profile-info {
        padding: 55px 0 30px 0px;
    }
}
@media (max-width:992px) {
    .profile-info img {
        height: 19vw !important;
        width: 19vw !important;
    }

    .edit-profile {
        /*  width: 19vw !important;*/
        padding: 10px;
        min-width: 120px !important;
    }
}

@media (max-width:786px) {
    .details {
        position: absolute;
    }

    .profile-info {
        padding: 0;
        background: -webkit-gradient(linear,0 0,0 100%,from(#25231d),to(transparent));
        background: -webkit-linear-gradient(top,transparent,#25231d);
        background: -moz-linear-gradient(top,transparent,#25231d);
        background: -ms-linear-gradient(top,transparent,#25231d);
        background: -o-linear-gradient(top,transparent,#25231d);
    }

    .container.profile-section {
        background-image: -webkit-gradient(linear,0 0,0 100%,from(transparent),to(#25231d)),url(/Images/Assignments-Hero.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 500px;
        background-position: bottom;
    }

    .profile {
        margin-top: 125px;
    }

    .dropdown-menu > li > a {
        color: #dc9e09;
    }
}

#ChallengeCompletion > .col-md-2, .assignment-row {
    padding-bottom: 10px;
}

select.select-gold {
    background-color: #f4c300;
    color: #000;
}
select.select-grey {
    background: #d3d3d336;
}
/*.college-tracking, .five-year-goals, .human-graph {
    background-color: #AFA273;
}

    .college-tracking:hover, .five-year-goals:hover, .human-graph:hover {
        background-color: #978A5B;
    }

.jrotc-essay, .success-profiler, .jornal_entries {
    background-color: #4CAB60;
}

    .jrotc-essay:hover, .success-profiler:hover, .jornal_entries:hover {
        background-color: #388E4A;
    }

.learning-styles, .resume {
    background-color: #CC532E;
}

    .learning-styles:hover, .resume:hover {
        background-color: #A13D1E;
    }

.stationary_movements {
    background-color: #f2d06e;
}

    .stationary_movements:hover {
        background-color: #FFD765;
    }*/

.success_profiler_personal, .smart_anger_management, .smart_goal_cadet {
    background-color: #ecbfa0;
}

    .success_profiler_personal:hover, .smart_anger_management:hover, .smart_goal_cadet:hover {
        background-color: #F2AB7A;
    }

/*.let-1-4, .two-plus {
    background-color: #9A446D;
}

    .let-1-4:hover, .two-plus:hover {
        background-color: #7A2D52;
    }

.custom-assignment {
    background-color: #77797d;
}

    .custom-assignment:hover {
        background-color: #000000;
    }

.service-learning, .wining-colors {
    background-color: #43ABA3;
}

    .service-learning:hover, .wining-colors:hover {
        background-color: #2F8A83;
    }

.appreciating-diversity, .written-summary {
    background-color: #7F7458;
}

    .appreciating-diversity:hover, .written-summary:hover {
        background-color: #5A5037;
    }

.cadet-challenge, .personal-finance {
    background-color: #4F99AC;
}

    .cadet-challenge:hover, .personal-finance:hover {
        background-color: #2F7182;
    }

.wining-colors_new, .problem_solving_goal, .conflict_resolution {
    background-color: #9fb3db;
}

    .wining-colors_new:hover, .problem_solving_goal:hover, .conflict_resolution:hover {
        background-color: #84A2D8;
    }

.dining_out_packet, .plan_for_service_learning {
    background-color: #c7c0c0;
}

    .dining_out_packet:hover, .plan_for_service_learning:hover {
        background-color: #BFBDBD;
    }*/

.appreciating-diversity, .cadet-challenge, .wining-colors_new, .problem_solving_goal, .conflict_resolution, .college-tracking, .five-year-goals, .human-graph, .jrotc-essay, .learning-styles, .let-1-4, .personal-finance, .resume, .stationary_movements, .service-learning, .success-profiler, .jornal_entries, .two-plus, .wining-colors, .written-summary, .custom-assignment, .success_profiler_personal, .smart_anger_management, .smart_goal_cadet, .dining_out_packet, .plan_for_service_learning {
    min-height: 350px;
}

    .appreciating-diversity span, .cadet-challenge span, .wining-colors_new span, .problem_solving_goal span, .conflict_resolution span, .college-tracking span, .five-year-goals span, .human-graph span, .jrotc-essay span, .learning-styles span, .let-1-4 span, .personal-finance span, .resume span, .stationary_movements span, .service-learning span, .success-profiler span, .jornal_entries span, .two-plus span, .wining-colors span, .written-summary span, .custom-assignment span, .success_profiler_personal span, .smart_anger_management span, .smart_goal_cadet span, .dining_out_packet span, .plan_for_service_learning span {
        color: #fff;
        font-size: 14px;
    }

   /* .appreciating-diversity:hover, .cadet-challenge:hover, .wining-colors_new:hover, .problem_solving_goal:hover, .conflict_resolution:hover, .college-tracking:hover, .five-year-goals:hover, .human-graph:hover, .jrotc-essay:hover, .learning-styles:hover, .let-1-4:hover, .personal-finance:hover, .resume:hover, .stationary_movements:hover, .service-learning:hover, .success-profiler:hover, .jornal_entries:hover, .two-plus:hover, .wining-colors:hover, .written-summary:hover, custom-assignment:hover, .success_profiler_personal:hover, .smart_anger_management:hover, .smart_goal_cadet:hover, .dining_out_packet:hover, .plan_for_service_learning:hover {
        width: 95%;
        min-height: 340px;
       margin: 10px auto auto;
        transition: all .2s linear;
    }
*//*
        .appreciating-diversity:hover span, .cadet-challenge:hover span, .wining-colors_new:hover span, .problem_solving_goal:hover span, .conflict_resolution:hover span, .college-tracking:hover span, .five-year-goals:hover span, .human-graph:hover span, .jrotc-essay:hover span, .learning-styles:hover span, .let-1-4:hover span, .personal-finance:hover span, .resume:hover span, .stationary_movements:hover span, .service-learning:hover span, .success-profiler:hover span, .jornal_entries:hover span, .two-plus:hover span, .wining-colors:hover span, .written-summary:hover span, .custom-assignment:hover span, .success_profiler_personal:hover span, .smart_anger_management:hover span, .smart_goal_cadet:hover span, .dining_out_packet :hover span, .plan_for_service_learning:hover span {
            font-size: 13px;
            padding-left: 2px;
            padding-right: 2px;
        }*/

.circles {
    margin-bottom: -10px;
}

.assignment-row {
    padding-top: 10px;
}

.circle {
    width: 100%;
    margin: 6px 0 20px;
    display: inline-block;
    position: relative;
    line-height: 1.2;
}
.Per_circle {
    width: 30%;
    margin: 0px 0 2px;
}
.Per_circlePat {
    width: 85%;
}   
.circle canvas {
    vertical-align: top;
    padding-left: 0;
    padding-top: 15px;
}
.Per_circle canvas{
    padding-top : 0px;
}

.circle strong {
    position: absolute;
    top: 29%;
    left: 65px;
    width: 33%;
    line-height: 40px;
    font-size: 30px;
    
}
.Per_circle strong {
    top: 18px;
    position: absolute;
    text-align: center;
    font-size: small;
    left: 50% !important;
    transform: translate(-50%, 0);
}
@media (min-width:1500px) and (max-width: 1799px) {
    .circle strong {
        left: 78px !important;
    }
    .Per_circle strong{
        left : 50% !important;
        top : 10px !important;
    }
}

@media (min-width: 1800px) {
    .circle strong {
        left: 96px !important;
    }
    .Per_circle strong {
        left: 50% !important;
    }
        .circle strong img {
            width: 75% !important;
        }
}
@media(max-width: 1200px ) {
    .circle strong {
        margin-left: -50px !important;
        left: 50% !important;
    }
    .Per_circle strong{
        margin-left : 0pc !important;
    }
    .slp-heading table {
        width: 100% !important;
    }
    div#lessonDiv {
        width: 100%;
        overflow-x: scroll;
    }
}

@media(max-width : 768px){
    .circle strong {
        left: 50% !important;
        top: 35% !important;
        min-width: 120px;
    }
    .slp-heading table {
        width: 100% !important;
    }
    .Per_circle strong {
        left: 50% !important;
        top: 10px !important;
    }
    .circle canvas {
        width: 110px !important;
        height: 110px !important;
    }
    .Per_circle canvas {
        width: 50px !important;
        height: 54px !important;
    }
    .circle strong img {
        /*width: 35% !important;
        position: absolute;
        left: 9px;
        height: 45px !important;*/
        width: 35% !important;
        max-width: 50px;
        height: 45px !important;
        position: absolute;
        left: 50%;
        height: 45px !important;
        margin-left: -52%;
        transform: translateX(56%);
    }
}
@media (max-width: 500px) {
    .circle strong img {
        width: 60% !important;
        position: absolute;
        right: 75px;
        height: 47px !important;
    }
    .Per_circle strong {
        left: 50% !important;
    }
    .circle canvas {
        width: 110px !important;
        height: 110px !important;
    }
    .Per_circle canvas {
        width: 50px !important;
        height: 54px !important;
    }
}

.assignment-content {
    padding-top: 25px;
}

    .assignment-content img {
      /*  width: 100%;
        height: 18vh;*/
        max-height: 100px;
        width: auto;
    }

.assignment-img-container {
    width: 51%;
    margin: auto;
}

.assignment-title {
    padding: 10px 5px;
}
/*.assignment-hover:hover {
    width: 99%;
    max-height: 340px;
    margin: auto;
    transform: scale(1.05,1);
    transition: .3s;
    transition-delay: .3s;
}*/

/*.Hidden_Info{
    position: absolute;
}*/
.assignment-hover:hover .Hidden_Info {
    opacity: 1;
    filter: brightness(130%);
    filter: alpha(opacity=100);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    display: block;
}
.assignment-title {
    height: 50px;
}
.assignment-hover:hover {
    filter: brightness(75%);
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.4);
}
.assignment-hover .Hidden_Info {
    background: none repeat scroll 0 0 #222; /*-- some basic styling */
    color: #F0B015;
    font-family: 'Helvetica';
    font-size: 0.8em;
    font-weight: normal;
    line-height: 1.5em;
    padding: 16px 15px;
    width: 240px;
    top: -4em; /*-- this is the original position of the tooltip when it's hidden */
    left: 20em;
    margin-left: 0;
    /*-- set opacity to 0 otherwise our animations won't work */
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    text-align: center;
    z-index: 2;
    min-height: 113px;
    text-transform: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease-in-out;
    top: -128px;
    z-index: 99;
    left: 40px;
    display : none;
}
    .assignment-hover .Hidden_Info :after {
        border-color: #222 rgba(0, 0, 0, 0);
        border-style: solid;
        border-width: 15px 15px 0;
        bottom: -15px;
        content: "";
        display: block;
        left: 31px;
        position: absolute;
        width: 0;
    }

.assignment-completion {
    /*position: absolute;*/
    /*left: 50%;*/
    /*left: 41%;*/
    bottom: 45px;
   /* margin-left: -50px;*/
}
    .assignment-completion i.fa.fa-star {
        font-size: 3em;
        color: #F4C300;
    }

    .assignment-completion i.fa.fa-star-o {
        font-size: 3em;
        color: #FFF;
    }


@media (min-width: 992px) and (max-width: 1300px), (max-width: 419px) {
    .assignment-completion i.fa.fa-star, .assignment-completion i.fa.fa-star-o {
        font-size: 2em;
    }
}

@media (min-width: 420px) and (max-width: 468px) {
    .assignment-completion i.fa.fa-star, .assignment-completion i.fa.fa-star-o {
        font-size: 2.5em;
    }
}

@media (min-width:250px) and (max-width:450px) {
    .circle canvas {
        width: 100px !important;
        height: 95px !important;
    }

    .circle strong img {
        width: 60% !important;
        position: absolute;
         /*right: 89px;*/
        height: 31px !important;
        transform: translateY(-50%);
        left: 50%;
        top: 15px;
        height: 31px !important;
        margin-left: -40px;
    }
    .Per_circle canvas {
        width: 50px !important;
        height: 54px !important;
    }
}

@media (min-width:451px) {
   
    .circle span {
        font-size: 10px;
    }
}
@media (max-width : 1200px){
    .m-10-challange {
        margin: 10px;
        min-width: 250px;
    }
    .assignment-row {
        padding-top: 10px;
        height: max-content;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media (max-width:768px) {
    .circle strong {
        left: 108px;
        width: 33%;
    }
    .assignment-completion + .col-md-12 {
        margin-left: -50px !important;
        left: 20% !important;
        right: 0px !important;
    }
    .appreciating-diversity:after, .appreciating-diversity:before, .cadet-challenge:after, .wining-colors_new:after, .problem_solving_goal:after, .conflict_resolution:after, .cadet-challenge:before, .wining-colors_new:before, .problem_solving_goal:before, .conflict_resolution:before, .college-tracking:after, .college-tracking:before, .five-year-goals:after, .five-year-goals:before, .human-graph:after, .human-graph:before, .jrotc-essay:after, .jrotc-essay:before, .learning-styles:after, .learning-styles:before, .let-1-4:after, .let-1-4:before, .personal-finance:after, .personal-finance:before, .resume:after, .stationary_movements:after, .resume:before, .stationary_movements:before, .service-learning:after, .service-learning:before, .success-profiler:after, .jornal_entries:after, .success-profiler:before, .jornal_entries:before, .two-plus:after, .two-plus:before, .wining-colors:after, .wining-colors:before, .written-summary:after, .written-summary:before, .custom-assignment:after, .custom-assignment:before {
        clear: both;
        display: table;
        content: " ";
    }

    .appreciating-diversity, .cadet-challenge, .wining-colors_new, .college-tracking, .five-year-goals, .human-graph, .jrotc-essay, .learning-styles, .let-1-4, .personal-finance, .resume, .stationary_movements, .service-learning, .success-profiler, .jornal_entries, .two-plus, .wining-colors, .written-summary, .custom-assignment {
        margin: 10px;
    }

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

        .row.assignment-row:after, .row.assignment-row:before {
            content: none;
            display: none;
        }
}

@media (min-width: 769px) and (max-width: 881px) {
    .circle strong img {
        width: 60% !important;
        position: absolute;
        left: 20px;
    }
    .assignment-completion + .col-md-12 {
        margin-left: -50px !important;
        left: 20% !important;
        right: 0px !important;
    }
}
@media (min-width: 882px) and (max-width: 991px) {
    .circle strong img {
        position: absolute;
        left: 50%;
        margin-left: -50px;
    }
}

    @media (min-width:1920px) {
        .appreciating-diversity, .cadet-challenge, .wining-colors_new, .problem_solving_goal, .conflict_resolution, .college-tracking, .five-year-goals, .human-graph, .jrotc-essay, .learning-styles, .let-1-4, .personal-finance, .resume, .stationary_movements, .service-learning, .success-profiler, .jornal_entries, .two-plus, .wining-colors, .written-summary, .custom-assignment {
            min-height: 360px;
        }

    .assignment-completion {
        /*right: 25% !important;*/
    }
    }

    .icon-delete:before, .icon-download:before, .icon-edit:before, .icon-print:before, .icon-share:before, .icon-word:before, .icon-pdf:before,
    .icon-excel:before, .icon-image:before, .icon-ppt:before {
        margin-right: 5px;
        content: "";
    }

.circle strong img {
    height: auto;
    max-width: 60px;
}

    .circle strong i {
        font-style: normal;
        font-size: .6em;
        font-weight: 400;
    }

    .circle span {
        display: block;
        color: #aaa;
        margin-top: 12px;
    }

    .home-header h1, .home-header h3 {
        letter-spacing: 1px;
        color: #FFF;
        FONT-SIZE: 35PX;
    }

    .text-gold {
        color: #F4C300;
    }

    a.text-gold {
        text-decoration: underline;
    }

    .btn-save {
        border-radius: 0;
        color: #fff;
        background-color: #25231D;
        width: 100px;
        margin-top: 3px;
    }

    .btn-save-inverted {
        border-radius: 0;
        color: #000;
        background-color: #fff;
        width: 100px;
        margin-top: 3px;
    }


    .icon-community-service:before, .icon-grit:before, .icon-industry-outreach:before, .icon-innovation:before, .icon-internship:before, .icon-leadership:before, .icon-public-speaking:before, .icon-research:before {
        width: 25px;
        height: 25px;
        margin-right: 5px;
        content: "";
        display: inline-block;
    }

    .bg-light-brown {
        background-color: #AFA273;
    }

    .bg-bright-green {
        background-color: #4CAB60;
    }

    .bg-deep-red {
        background-color: #CC532E;
    }

    .bg-deep-aqua {
        background-color: #43ABA3;
    }

    .bg-deep-brown {
        background-color: #7F7458;
    }

        .bg-deep-brown h4 {
            color: #FFF !important;
        }

    .bg-purple {
        background-color: #9A446D;
    }

    .bg-black {
        background-color: #000000;
    }

        .bg-black h4 {
            color: #ffffff;
        }

    .bg-sky-blue {
        background-color: #4F99AC;
    }

    .bg-blue {
        background-color: #436193;
    }

    .bg-gold {
        background-color: #f4c300;
    }

    .border-gold {
        border: 4px solid #f4c300;
    }

    .btn-default {
        border: 1px solid #f4c300;
    }

    .btn-padding {
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .btn-fixed-width {
        width: 200px;
    }

    .delete-media {
        /*position: absolute;*/
        right: 22px;
        top: 3px;
    }

        .delete-media:hover {
            color: #FFF;
        }

    .panel-group .panel {
        border-radius: 0;
    }

    .border-all {
        border: 2px solid #77797d;
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover, .nav-pills > li > a {
        color: #000;
    }

        .nav-pills > li > a:focus, .nav-pills > li > a:hover {
            background-color: #DC9E09;
        }

    .nav-justified > li {
        border: 1px solid;
    }

    .nav-pills > li > a {
        border-radius: 0;
        padding: 5px 20px;
    }

    .icon-internship:before {
        background: url(/Images/Icons/Internships.png) no-repeat;
        background-size: 100%;
    }

    .icon-community-service:before {
        background: url(/Images/Icons/Comm_Service.png) no-repeat;
        background-size: 100%;
    }

    .icon-public-speaking:before {
        background: url(/Images/Icons/Public_Speaking.png) no-repeat;
        background-size: 100%;
    }

    .icon-research:before {
        background: url(/Images/Icons/Research.png) no-repeat;
        background-size: 100%;
    }

    .icon-leadership:before {
        background: url(/Images/Icons/Leadership.png) no-repeat;
        background-size: 100%;
    }

    .icon-innovation:before {
        background: url(/Images/Icons/Innovation.png) no-repeat;
        background-size: 100%;
    }

    .icon-industry-outreach:before {
        background: url(/Images/Icons/Industry_Outreach.png) no-repeat;
        background-size: 100%;
    }

    .icon-grit:before {
        background: url(/Images/Icons/Grit.png) no-repeat;
        background-size: 100%;
    }

    .icon-share:before {
        display: inline-block;
        width: 20px;
        background: url(/Images/Icons/Share.png) no-repeat;
        background-size: 100%;
    }

    .icon-download:before {
        display: inline-block;
        width: 16px;
        background: url(/Images/Icons/Download.png) no-repeat;
        background-size: 100%;
    }

    .icon-edit:before, .icon-print:before {
        width: 20px;
        display: inline-block;
    }

    .icon-word:before, .icon-pdf:before, .icon-excel:before, .icon-image:before, .icon-ppt:before {
        width: 25px;
        display: inline-block;
    }

    .icon-print:before {
        background: url(/Images/Icons/Print.png) no-repeat;
        background-size: 100%;
    }

    .icon-pdf:before {
        background: url(/Images/Icons/pdfIcon.jpg) no-repeat;
        background-size: 100%;
    }

    .icon-ppt:before {
        background: url(/Images/Icons/ppt.png) no-repeat;
        background-size: 100%;
    }

    .icon-word:before {
        background: url(/Images/Icons/wordIcon.png) no-repeat;
        background-size: 100%;
    }

    .icon-excel:before {
        background: url(/Images/Icons/excelIcon.png) no-repeat;
        background-size: 100%;
    }

    .icon-image:before {
        background: url(/Images/Icons/picIcon.png) no-repeat;
        background-size: 100%;
    }

    .icon-edit:before {
        background: url(/Images/Icons/Edit.png) no-repeat;
        background-size: 100%;
    }

    .icon-delete:before {
        display: inline-block;
        width: 13px;
        background: url(/Images/Icons/Delete.png) no-repeat;
        background-size: 100%;
    }

    .icon-attachment:before, .icon-email:before, .icon-flag-grey:before, .icon-flag:before, .icon-salute-blue:before, .icon-salute:before,
    .icon-camera:before {
        display: inline-block;
        width: 25px;
        margin-right: 5px;
        content: "";
    }

    .icon-email:before {
        height: 13px;
        background: url(/Images/Icons/Email_Icon.png) no-repeat;
        background-size: 100%;
    }

    .icon-camera:before {
        height: 20px;
        background: url(/Images/Icons/camera.png) no-repeat;
        background-size: 100%;
        vertical-align: sub;
    }

    .icon-attachment:before {
        height: 13px;
        background: url(/Images/Icons/Attachments.png) no-repeat;
        background-size: 100%;
    }

    .icon-flag:before {
        background: url(/Images/Icons/Flag.png) no-repeat;
        background-size: 50%;
    }

    .icon-flag-grey:before {
        background: url(/Images/Icons/Flag_Grey.png) no-repeat;
        background-size: 50%;
    }

    .icon-salute:before {
        background: url(/Images/Icons/Salute.png) no-repeat;
        background-size: 100%;
    }

    .icon-salute-blue:before {
        background: url(/Images/Icons/Salute_Blue.png) no-repeat;
        background-size: 100%;
    }

    .icon-delete:before, .icon-download:before, .icon-edit:before, .icon-flag-grey:before, .icon-flag:before, .icon-print:before, .icon-salute-blue:before,
    .icon-salute:before, .icon-share:before {
        height: 20px;
        vertical-align: bottom;
    }

    .icon-word:before, .icon-pdf:before, .icon-excel:before, .icon-image:before, .icon-ppt:before {
        height: 30px;
        vertical-align: bottom;
    }

    .exercise-box {
        background: #eee;
        border-radius: 8px;
        min-height: 150px;
        margin-bottom: 20px;
    }

    .exercise-box-body {
        padding-left: 20px;
        padding-right: 20px;
    }

    .exercise-box-header > span {
        font-size: 20px;
    }

    .exercise-box-body > .col-md-12 {
        padding: 5px 0;
    }

    .exercise-box-header {
        padding-top: 20px;
        padding-left: 20px;
        padding-bottom: 50px;
    }

    .progress {
        height: inherit;
    }

    .progress-bar {
        height: 8px;
        border-bottom-right-radius: 20px;
    }

    .exercise-box-footer {
        padding-left: 20px;
        padding-bottom: 20px;
    }

        .exercise-box-footer > .btn {
            color: #fff;
        }

    .roster-status.active, th > a {
        color: #000;
    }

    .cadet-navbar {
        top: 81px;
        background-color: #dc9e09;
    }

    .modal-header {
        padding-top: 0;
        padding-bottom: 0;
    }

    .modal-content {
        border-radius: 0;
    }

    .ui-menu-item-wrapper {
        font-size: 14px;
        font-family: Roboto,sans-serif;
        padding-left: 10px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .no-list-style {
        list-style: none;
    }

    .nav-cadets > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: 400;
        background-color: #EBEBEB;
    }

        .nav-cadets > li > a:focus, .nav-cadets > li > a:hover {
            background-color: #D1D1D1;
        }

    .nav-cadets > li.active > a, .nav-cadets > li.active > a:focus, .nav-cadets > li.active > a:hover {
        background-color: #F4C300;
    }

    .tab-content.cadet-tab-content {
        border: 1px solid #D1D1D1;
        padding: 0;
    }

    .nav-cadets > li {
        border: 2px solid #d1d1d1;
    }

    .cadet-table td, .cadet-table td:nth-child(1) {
        border-right: none;
    }

    th > a:after {
        font-family: FontAwesome;
        content: "\f0dc";
        padding-left: 4px;
    }

    .panel-body {
        padding: 0;
    }

    .cadet-table {
        margin-bottom: 0;
    }

    .table *, table * {
        font-size: 14px;
    }

    .cadet-table td:nth-child(2) {
        border-left: none;
    }

    .cadet-table td {
        padding-top: 10px !important;
    }

    .cadet-table th {
        border: none !important;
        height: 40px;
    }

    .roster-status {
        color: grey;
    }

    .table-td-lg td {
        height: 50px;
        padding-top: 15px !important;
    }
    div#lessonDiv .table > thead > tr > th,
    div#lessonDiv .table > tbody > tr > th,
    div#lessonDiv .table > tfoot > tr > th,
    div#lessonDiv .table > thead > tr > td,
    div#lessonDiv .table > tbody > tr > td,
    div#lessonDiv .table > tfoot > tr > td {
        min-width: 60px;
    }
    .notification-flag-bubble {
        position: absolute;
        top: 8px;
        right: 32px;
        background: red;
        color: #fff;
        font-size: .8em;
        width: 1.2em;
        height: 1em;
        line-height: 1em;
        border-radius: 50%;
        margin: -.625em -.625em 0 0;
    }

    .jclc-flag-bubble {
        /*position: absolute;*/
        top: 10px;
        right: 8px;
        background: red;
        color: #fff;
        font-size: .8em;
        width: 1.2em;
        height: 1em;
        line-height: 1em;
        border-radius: 50%;
        margin: -.625em -.625em 0 0;
    }

    .loader.modal {
        display: none;
        position: fixed;
        z-index: 2147483647;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: url(/Images/ajax-loader.gif?10) 50% 50% no-repeat rgba(255,255,255,.8);
    }

    body.loading {
        overflow: hidden;
    }

        body.loading .modal {
            display: block;
        }

    .modal-title {
        color: #000;
        padding-top: 10px;
    }

    .notes {
        background-attachment: local;
        background-image: linear-gradient(to right,#fff 10px,transparent 10px),linear-gradient(to left,#fff 10px,transparent 10px),repeating-linear-gradient(white,#fff 30px,#ccc 30px,#ccc 31px,#fff 31px);
        line-height: 31px;
        padding: 8px 10px;
    }

    .HeadRow {
        background-color: gray;
        color: white;
    }

    .only-border-bottom {
        border-top: none;
        border-right: none;
        border-left: none;
        border-bottom: 1px solid #000000;
        box-shadow: none;
        -webkit-box-shadow: none;
    }


    .icon-body:before, .icon-communicator:before, .icon-cross-culturally:before, .icon-detail-focused:before, .icon-domain-specific:before, .icon-innovative:before, .icon-inspirational-leader:before, .icon-interdisciplinary:before, .icon-interpersonal:before, .icon-introspective:before, .icon-logical:before, .icon-mentally-tough:before, .icon-multi-tasker:before, .icon-perceptive:before, .icon-physically-fit:before, .icon-problem-solver:before, .icon-process-disciplined:before, .icon-project-manager:before, .icon-prudent-risk-taker:before, .icon-spatially-intelligent:before, .icon-technologically-adept:before {
        width: 50px;
        height: 50px;
        margin-right: 5px;
        content: "";
        display: inline-block;
        vertical-align: sub;
        padding-left: 5px
    }

    .icon-body:before {
        background: url(/Images/Icons/Body.png) no-repeat;
        background-size: 100%;
    }

    .icon-communicator:before {
        background: url(/Images/Icons/Communicator.png) no-repeat;
        background-size: 100%;
    }

    .icon-cross-culturally:before {
        background: url(/Images/Icons/Cross-Cultirally.png) no-repeat;
        background-size: 100%;
    }

    .icon-detail-focused:before {
        background: url(/Images/Icons/Detail-Focused.png) no-repeat;
        background-size: 100%;
    }

    .icon-domain-specific:before {
        background: url(/Images/Icons/Domain-Specific.png) no-repeat;
        background-size: 100%;
    }

    .icon-innovative:before {
        background: url(/Images/Icons/Innovative.png) no-repeat;
        background-size: 100%;
    }

    .icon-inspirational-leader:before {
        background: url(/Images/Icons/Inspirational-Leader.png) no-repeat;
        background-size: 100%;
    }

    .icon-interdisciplinary:before {
        background: url(/Images/Icons/Interdisciplinary.png) no-repeat;
        background-size: 100%;
    }

    .icon-interpersonal:before {
        background: url(/Images/Icons/Interpersonal.png) no-repeat;
        background-size: 100%;
    }

    .icon-introspective:before {
        background: url(/Images/Icons/Introspective.png) no-repeat;
        background-size: 100%;
    }

    .icon-logical:before {
        background: url(/Images/Icons/Logical.png) no-repeat;
        background-size: 100%;
    }

    .icon-mentally-tough:before {
        background: url(/Images/Icons/Mentally-Tough.png) no-repeat;
        background-size: 100%;
    }

    .icon-multi-tasker:before {
        background: url(/Images/Icons/Multi-Tasker.png) no-repeat;
        background-size: 100%;
    }

    .icon-perceptive:before {
        background: url(/Images/Icons/Perceptive.png) no-repeat;
        background-size: 100%;
    }

    .icon-physically-fit:before {
        background: url(/Images/Icons/Physically-Fit.png) no-repeat;
        background-size: 100%;
    }

    .icon-problem-solver:before {
        background: url(/Images/Icons/Problem-Solver.png) no-repeat;
        background-size: 100%;
    }

    .icon-process-disciplined:before {
        background: url(/Images/Icons/Process-Disciplined.png) no-repeat;
        background-size: 100%;
    }

    .icon-project-manager:before {
        background: url(/Images/Icons/Project-Manager.png) no-repeat;
        background-size: 100%;
    }

    .icon-prudent-risk-taker:before {
        background: url(/Images/Icons/Prudent-Risk-Taker.png) no-repeat;
        background-size: 100%;
    }

    .icon-spatially-intelligent:before {
        background: url(/Images/Icons/Spatially-Intelligent.png) no-repeat;
        background-size: 100%;
    }

    .icon-technologically-adept:before {
        background: url(/Images/Icons/Technologically-Adept.png) no-repeat;
        background-size: 100%;
    }

    .border-blue {
        border: 4px solid #27b4deb0;
    }



    .test-cadet .navbar-nav > li > a:hover {
        background-color: initial;
    }

    .test-cadet {
        top: 80px;
        background: green;
        font-size: 12px;
        font-weight: bold;
        max-height: 25px !important;
        min-height: 0px;
        color: #ffffff;
    }

        .test-cadet .navbar-nav > li > a {
            color: #FFF;
        }

    .leftdivprofile {
        padding-right: 33px;
    }

    .textbox-border-bottom, .fill-blanks-area input {
        border: 0;
        border-bottom: 1px solid #000000;
        box-shadow: none;
    }

        .textbox-border-bottom:focus {
            box-shadow: none;
            border-bottom: 2px solid #000000;
        }

    .textbox-no-border {
        border: 0;
        box-shadow: none;
    }

        .textbox-no-border:focus {
            box-shadow: none;
        }

    .formSplitterHR {
        border: 1px solid #000000;
    }


    .auto-save-success-icon {
        vertical-align: sub;
        font-size: 35px !important;
        padding-right: 10px;
    }

    .text-wrap-align-left, .text-wrap-align-right {
        word-wrap: break-word;
    }

        .text-wrap-align-left img {
            margin-left: 15px;
            float: right;
            width: 20%;
        }

        .text-wrap-align-right img {
            margin-right: 15px;
            float: left;
            width: 20%;
        }

    .user-profile-image {
        object-fit: cover;
        overflow: hidden;
        height: 12vw;
        width: 12vw;
        border: 3px solid grey;
        margin-top: 10px;
    }

    .user-profile-image-container {
        text-align: right;
        background-color: #25231D;
        padding-top: 35px;
    }

    .banner-gradient {
        background: -webkit-gradient(linear,left top,right top,from(#25231d),to(transparent));
        min-height: 270px;
    }

        .banner-gradient h5 {
            margin: 5px;
        }

    @media (min-width:200px) and (max-width: 450px) {
        .user-profile-image {
            height: 50vw;
            width: 50vw;
            margin-top: 10px;
        }

        .user-profile-image-container {
            text-align: center;
            background: none;
        }

        .banner-gradient {
            text-align: center;
        }
    }

    @media (min-width:451px) and (max-width: 991px) {
        .user-profile-image {
            height: 20vw;
            width: 20vw;
            margin-top: 10px;
        }

        .user-profile-image-container {
            text-align: center;
            background: none;
        }

        .banner-gradient {
            text-align: center;
        }

            .banner-gradient h5 {
                font-size: 20px;
            }
    }

    @media (min-width:1920px) {
        .user-profile-image-container {
            padding-top: 25px;
        }

        .user-profile-image {
            height: 10vw;
            width: 10vw;
            margin-top: 10px;
        }
    }


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


    .btn-link {
        font-weight: 400;
        color: #007bff;
        background-color: transparent;
        text-decoration: underline;
    }

    .scholarship-navbar {
        height: 39px;
        background-color: #DB9E07;
    }
    .icon-text {
        font-size: 1.5em;
    }
    @media(max-width: 767px) {
        .scholarship-navbar {
            height: 105px !important;
        }

        .m-v-10 {
            margin: 10px 0;
        }
    }
    .light-grey-div {
        background: #cccccc;
    }
.dark-black-div {
    background: #000000;
    color: white;
}
    .hide-info{
        display: none;
    }