body.modal-open {
    overflow-y: hidden !important;
}

.w-40 {
    width: 40px;
}

.w100 {
    width: 100% !important;
}

select.form-control {
    transition: none;
}

.btn-group>.btn {
    z-index: 2;
}

.pl-13 {
    padding-left: 13px;
}

.w-100 {
    width: 100px;
}

.w-150 {
    width: 150px;
}

.mt-200 {
    margin-top: 200px;
}

.mt-8 {
    margin-top: 8px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-10 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-46 {
    margin-top: 46px;
}

.mt-48 {
    margin-top: 48px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-88 {
    margin-top: 88px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-85 {
    margin-top: 85px;
}

.mt-88 {
    margin-top: 88px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-120 {
    margin-top: 115px;
}

.mt-130 {
    margin-top: 130px;
}

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

.mb-10 {
    margin-bottom: 10px !important;
}

.mt--10 {
    margin-top: -10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-50 {
    margin-bottom: 50px;
}

.h50 {
    height: 50px !important;
}

.h30 {
    height: 30px !important;
}

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

.padding-0 {
    padding-left: 0;
    padding-right: 0;
}

.text-overflow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.logo:hover {
    text-decoration: none;
    color: #fff;
}

.btn-facebook:hover {
    background: #2d4373;
}
.btn-gray {
    color: #000000;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-gray:hover {
    color: #000000;
    background-color: #adadad;
    border-color: #e6e6e6;
}

.bg-chamber {
    background-color: #0e192b!important;
}

.bg-green {
    background-color: #11A8AB !important;
}

.color-white {
    color: #fff !important;
}

.color-chamber {
    color: #0e192b !important;
}

.color-grey {
    color: #8C8D8D !important;
}

.color-black {
    color: black !important;
}

.brand-menu {
    padding: 7px 0;
    margin-top: 32px;
}

.brand-menu-career-spark {
    padding: 25px 0 25px 0;
}

.resume-engine .index .btn.btn-action {
    /*background-color: #e02824;*/
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.resume-engine .index .btn.btn-action:hover {
    background-color: rgba(230, 33, 24, 0.94);
    /*font-weight: bold;*/
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.18), 0 17px 50px 0 rgba(0, 0, 0, 0.12);
}

.brand-menu h1 {
    margin: 0;
}

.charm-text {
    position: relative;
    font-size: 1.7em;
    font-weight: bold;
    z-index: 8;
}

.text-resume {
    color: #0e192b;
}

.text-add {
    color: #08c;
}

.login-social .btn.btn-lg {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}

.login-social .btn.btn-lg:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.18), 0 17px 50px 0 rgba(0, 0, 0, 0.12);
}

.logo-hoh {
    height: 12px;
    width: 168px;
}

.mf-20 {
    margin-left: 20px;
}

.shadow {
    -moz-box-shadow: 0 5px 5px -5px #696868;
    -webkit-box-shadow: 0 5px 5px -5px #696868;
    box-shadow: 0 5px 5px -5px #696868;
}

.padding-tb-4 {
    padding-bottom: 5px;
    padding-top: 4px;
}


.resume-engine .navbar-left .logo .chamber-gear {
    background: url(/img/Resume-Engine-Logo-Small.png);
    background-size: cover;
    margin-top: -10px;
    height: 40px;
    width: 231px;

    margin-left: 20px;

    /*margin-top: 15px;*/
    /*height: 25px;*/
    /*width: 150px;*/
}
.action-buttons{
    line-height: 75px;
}
.brand-logo{
    margin-top: 14px;
    margin-left: 20px;
}

.brand-menu .brand-logo .resume-engine-only .chamber-gear {
    background: url(/img/Resume-Engine-Logo-Small.png);
    background-size: cover;
    /*margin-top: 8px;*/
    margin-left: 10px;
    height: 40px;
    width: 231px;
    margin-top: 20px;
}

.resume-engine .navbar-brand .logo .chamber-gear {
    background: url(/img/Resume-Engine-Logo-Small.png);
    background-size: cover;
    margin-top: -6px;
    margin-left: 20px;
    height: 35px;
    width: 221px;
}

.career-spark .navbar-brand .logo .career-spark-chamber-gear {
    background: url(/img/CareerSpark_WhiteLogo.png);
    background-size: cover;
    margin-top: -10px;
    margin-left: 30px;
    height: 43px;
    width: 221px;
}

.career-spark-chamber-gear1 {
    background: url(/img/CareerSpark_WhiteLogo.png);
    background-size: cover;
    margin-top: -10px;
    margin-left: 30px;
    height: 43px;
    width: 221px;
}

.resume-engine .career-spark-only {
    display: none;
}

.career-spark .resume-engine-only {
    display: none;
}

.career-logo-sm {
    background-image: url(/img/logo-career-spark.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.logo .career-logo {
    background: url(/img/logo-career-spark.png);
    background-size: contain;
    margin-top: -33px;
    margin-bottom: -16px;
    margin-left: 15px;
    height: 131px;
    width: 227px;
}

.career-spark-nav li {
    width: 150px;
}

.career-spark-nav a,
.career-spark-nav span {
    color: #fff;
    background-color: rgba(238, 238, 238, 0);
}

.career-spark-nav a:hover,
.career-spark-nav span:hover{
    background-color: rgba(238, 238, 238, 0) !important;
}

.career-nav-link a {
    color: #fff !important;
}

.career-spark-nav strong {
    display: block;
    padding: 0 0 3px;
    margin: 0 0 7px;
}

.career-spark-nav small {
    line-height: 14px;
}

.bg-career-spark {
    background: url(/img/career-spark-back-ground-logo.jpg);
    background-size: cover;
}

.logo .carrer-spark-logo {
    background: url(/img/CareerSpark_WhiteLogo.png);
    background-size: cover;
    margin-top: 12px;
    margin-left: 10px;
    /*height: 42px;*/
    /*width: 221px;*/
    height: 28px;
    width: 150px
}

.logo .chamber-text {
    line-height: 1.9;
    font-family: "TradeGothicRegular";
    font-size: 43px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}

.menu-left li span {
    font-size: 1.3em;
    font-weight: bold;
}

.new-top {
    font-size: 0.7em;
    color: #ff0617;
}

.menu-list {
    padding: 10px 0;
}

.career-button .btn.btn-action {
    padding: 6px 50px;
}

.border-none {
    border: none !important;
    -webkit-box-shadow: none !important;
}

.thumbnail-circle img {
    border-radius: 50% !important;
    max-width: 120px;
}

.relative {
    position: relative;
}

.text-thumbnail {
    position: absolute;
    text-align: center;
    width: 100%;
    font-size: 2.5em;
    font-weight: bold;
    color: #fff;
    padding-top: 40px;
}

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

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

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

.padding-top-28 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

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

.height-190 {
    height: 190px;
}

.height-200 {
    height: 200px;
}

.height-300 {
    height: 300px;
}

.employer .thumbnail {
    padding: 10px;
    text-align: center;
    text-decoration: none;
}

.employer span {
    display: inline-block;
    height: auto;
    vertical-align: middle;
}

.employer .employer-img {
    max-width: 100%;
    width: auto;
    height: auto;
    display: inline-block;
}

.medal {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

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

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

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

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

.bold {
    font-weight: bold;
}

.form-border-radius-none input, .form-border-radius-none select {
    border-radius: 0 !important;
}

.resume-header {
    /*padding: 50px 0;*/
}

.resume-header p {
    font-weight: bold;
}

.toggle.ios, .toggle-on.ios, .toggle-off.ios {
    border-radius: 20px;
}

.toggle.ios .toggle-handle {
    border-radius: 20px;
}

.custom-toggle .toggle-group .toggle-handle {
    width: 69px;
}

.icon-filter {
    font-size: 1.6em;
    vertical-align: middle;
}

.icon-message-filter {
    vertical-align: middle;
}

.icon-social {
    width: 30px;
    height: 30px;
}

.btn-popup {
    -webkit-transition: background 300ms;
    -moz-transition: background 300ms;
    -ms-transition: background 300ms;
    -o-transition: background 300ms;
    transition: background 300ms;
    border: none;
    outline: none;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 1.2em;
    background: none;
    font-weight: 400;
    border-radius: 50%;
}

.btn-popup:hover {
    color: #fff;
    background: #0068B3;
}

.btn-popup-cs {
    -webkit-transition: background 300ms;
    -moz-transition: background 300ms;
    -ms-transition: background 300ms;
    -o-transition: background 300ms;
    transition: background 300ms;
    border: none;
    outline: none;
    text-align: center;
    width: 40px;
    height: 40px;
    font-size: 1.2em;
    background: none;
    font-weight: 400;
    border-radius: 50%;
}

.btn-popup-cs:hover {
    color: #fff;
    background: #0f9799;
}

.message-content .content-chat {
    /*padding: 10px 0;*/
}

.border-radius-none {
    border-radius: 0 !important;
}

.border-body {
    border: 1px solid #ddd;
    border-top: transparent;
}

.border-body-top {
    border: 1px solid #ddd;
}

.border-top-bottom {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.status-toggle .navbar {
    margin-bottom: 0;
}

.bootstrap-tagsinput {
    width: 100%;
}

.modal-body .content-share img {
    width: 50px;
}

.bootstrap-tagsinput .tag {
    font-size: 100%;
}

textarea.resize-none {
    resize: none;
}

.modal-body .content {
    padding: 20px;
    font-size: 1.2em;
}

.bt-social {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bt-social-icon {
    border-color: rgba(0, 0, 0, 0.2);
    width: 60px;
    height: 60px;
}

.content {
    padding: 0;
}

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

.login-social strong {
    font-weight: bolder;
}

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2);
    padding-top: 11px;
    padding-bottom: 11px;
}

.login-social .linked-in {
    font-family: initial;
    padding: 5px 8px 5px 9px;
    border-radius: 5px;
    background: #1C87BD;
    color: #ffffff;
}

.login-social .troop-id {
    font-family: sans-serif;
    font-weight: bold;
    padding: 2px 2px;
    border-radius: 3px;
    background: #fff;
    color: #d9534f;
    font-size: 10px;
}

.btn-email {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 11px;
    padding-bottom: 11px;
}

.sidebar {
    position: absolute;
    height: 100%;
    background-color: #0e192b;
    font-weight: bolder;
    background-size: contain;
}

.menu-link {
    height: 100%;
    width: 100%;
    display: block;
    line-height: 3.25;
    color: #0477AA;
    position: relative;
    font-family: inherit;
}

.sub-menu {
    margin: 0;
}

.no-margin {
    margin: 0;
}

.noticed {
    background-size: contain;
    min-height: 400px;
    background: url(/img/bg-chamber-branches.jpg) repeat-x top;
}

.noticed .image {
    margin-top: 12px;
    width: 220px;
}

.noticed label {
    font-size: 25px;
}

.noticed .mobile label {
    font-size: 15px;
}

.noticed h2 {
    position: relative;
    font-size: 50px;
    line-height: 45px;
    color: #0572aa;
    margin-bottom: 10px;
}

.bg-main {
    background-size: contain;
    background: #ECF1F7 url(/img/bg-chamber-branches.jpg);
    min-height: 400px;
}

.bg-main-mobile {
    background-image: url(/img/american-flag.jpg);
    background-size: cover;
    padding: 70px 0;
}

.bg-main-mobile .title {
    margin: 0;
}

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

/* to hide the checkbox itself */
input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
}

.list-checkbox input[type=checkbox] + label:before {
    content: "\f096";
}

/* unchecked icon */
.list-checkbox input[type=checkbox] + label:before {
    letter-spacing: 10px;
}

/* space between checkbox and label */
.list-checkbox input[type=checkbox]:checked + label:before {
    content: "\f046";
}

/* checked icon */
.list-checkbox input[type=checkbox]:checked + label:before {
    letter-spacing: 5px;
}

/* allow space for check mark */
/*.list-checkbox label{ font-size: 25px;  }*/

.resume-button {
    padding: 40px 0;
}

.bg-info {
    background-color: #d9edf7 !important;
}

.bg-transparent {
    background-image: none !important;
}

.padding-l-60 {
    padding-left: 60px;
}

.padding-lr-20 {
    padding: 0 20px;
}

.padding-lr-10 {
    padding: 0 10px;
}

.img-hr {
    position: absolute;
    left: -20px;
    top: -20px;
    width: 38px;
}

.width-200 {
    width: 200px;
}

.width-130 {
    width: 130px;
}

.remove-icon {
    color: white;
    box-shadow: 0 0 0 0 rgb(34, 34, 34),
    0 3px 7px 0 rgb(17, 17, 17),
    inset 0 1px 1px 0 rgba(250, 250, 250, .2),
    inset 0 -10px 35px 5px rgba(0, 0, 0, .5);

}

.btn.w-100 {
    margin-top: 5px;
}

.editor {
    overflow-y: scroll;
    max-height: 300px;
}

.fs-13em {
    font-size: 1.3em;
}

.bg-disable {
    background: #f5f5f5;
}

.bg-gray {
    background: #E8E8E8;
}

.bg-white {
    background: #fff !important;
}

.bg-gray-default {
    background: rgb(128, 128, 128);
}

.note-editor.note-frame {
    border-radius: 0;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    cursor: inherit;
    display: block;
}

.list-example li {
    display: block;
}

.list-example li:before {
    content: "\e072";
    font-family: "Glyphicons Halflings";
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #000;
}

.carousel-inner.home-page .item {
    height: 200px;
    padding: 0 60px;
}

.tab-link.active > label {
    font-weight: 700;
}

.tab-link > label {
    font-weight: 400;
}

.menu-top-right ul li a,
.menu-top-right ul li a:hover,
.menu-top-right ul li a:focus {
    color: #fff;
}

.btn-menu-home {
    background: #fff !important;
    color: #000;
}

.btn-menu-home span {
    background: #888;
}

.navbar.navbar-chamber {
    background-color: #0e192b;
}

.navbar.navbar-chamber .nav > li > a:focus,
.navbar.navbar-chamber .nav > li > a:hover,
.navbar.navbar-chamber .nav > li.active > a {
    text-decoration: none;
    background-color: #05213c;
    color: #FFFFFF;
}

.navbar-chamber .open > a,
.navbar-chamber .dropdown-menu > li > a:focus,
.navbar-chamber .dropdown-menu > li > a:hover,
.navbar-chamber .dropdown-menu .active > a {
    text-decoration: none;
    background-color: #05213c;
    color: #FFFFFF;
}

.hero {
    margin: 0 auto;
    width: 925px;
}

.hero .departments {
    padding: 30px 0 0 0;
    margin-top: 40px;
}

.hero .departments ul li {
    width: 163px;
    float: left;
    display: inline;
    position: relative;
    height: 275px;
}

.hero .departments ul li.air-force-d img {
    left: 0;
}

.hero .departments ul li img {
    display: block;
    position: absolute;
    top: -40px;
    left: 0;
}

.hero .departments ul li .crest {
    position: absolute;
    margin: 20px 0 0 0;
    display: block;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}

.hero .departments ul li .air-crest {
    top: 128px;
    left: 10px;
    width: 144px;
    height: 125px;
    background: url(/img/airforce-chamber.png) no-repeat 0 0;
}

.hero .departments ul li .army-crest {
    top: 157px;
    left: 10px;
    width: 144px;
    height: 125px;
    background: url(/img/army-chamber.png) no-repeat 0 0;
}

.hero .departments ul li .marines-crest {
    top: 161px;
    left: 10px;
    width: 144px;
    height: 125px;
    background: url(/img/marines-chamber.png) no-repeat 0 0;
}

.hero .departments ul li .navy-crest {
    top: 157px;
    left: 10px;
    width: 144px;
    height: 125px;
    background: url(/img/navy-chamber.png) no-repeat 0 0;
}

.hero .departments ul li .cguard-crest {
    top: 128px;
    left: 10px;
    width: 144px;
    height: 125px;
    background: url(/img/coastguard-chamber.png) no-repeat 0 0;
}

.hero .departments ul li .sign-box a {
    color: #0572aa;
    text-decoration: underline;
}

.hero .departments ul li .sign-box a.sign-btn:hover {
    text-decoration: none;
    font-weight: 600;
}

.hero .departments ul li .sign-box a.sign-btn {
    display: block;
    width: 163px;
    height: 30px;
    margin: 0 0 8px 0;
    background: #0e192b;
    line-height: 30px;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-family: "TradeGothicRegular", arial, sans-serif;
    text-decoration: none;
}

/* Hero Animation */

.hero .department-singin .sign-box {
    opacity: 0;
    position: relative;
    z-index: 1;
    color: #70879d;
    top: 0;
    -webkit-transition: top 500ms ease-out, opacity 500ms;
    -moz-transition: top 500ms ease-out, opacity 500ms;
    -ms-transition: top 500ms ease-out, opacity 500ms;
    -o-transition: top 500ms ease-out, opacity 500ms;
    transition: top 500ms ease-out, opacity 500ms;

}

.hero .department-singin:hover .sign-box {
    opacity: 1;
    top: 40px;
    font-size: 11px;
    line-height: 16px;
}

.hero .department-singin .normal-image {
    opacity: 1;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

.hero .department-singin .hover-image {
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    opacity: 0;
}

.hero .department-singin .crest {
    opacity: 1;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

.hero .department-singin:hover .normal-image {
    opacity: 0;
}

.hero .department-singin:hover .hover-image {
    opacity: 1;
}

.hero .department-singin:hover .crest {
    opacity: 0;
}

.hero .marines-d img {
    margin-left: -15px;
}

.hero-career .career-spark {
    background: url(/img/section-bg.jpg) no-repeat;
    min-height: 500px;
    margin: -10px 0;
    position: relative;
    background-size: cover;
    background-position: 50% 50%;
}

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

.fix-top {
    top: 0;
    position: fixed;
    padding: 5px 0;
    z-index: 9;
    background: #fff;
}

.w100p {
    width: 100%;
}

.nav-form-custom {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.padding-footer {
    padding: 20px 0;
}

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

.pd-l-0 {
    padding-left: 0;
}

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

.w100p {
    width: 100%;
}

.height-10 {
    height: 10px;
}

.nav-form-custom {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.padding-footer {
    padding: 20px 0;
}

.main-hero .title {
    position: absolute;
    bottom: 10px;
    padding: 0 10px;
    left: 0;
    color: #fff;
    text-transform: uppercase;
}

.main-hero .title-md {
    font-weight: 700;
    font-size: 45px;
    padding-bottom: 45px;
    padding-left: 45px;
}

.noticed .transparent-title-md {
    font-size: 40px;
    padding-top: 35px;
}

.transparent .img-thumbnail {
    padding: 0;
    border-radius: 0;
}

.transparent-title {
    font-weight: bold;
    color: #0572aa;
    padding-top: 20px;
}

.blue-circle {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 2.2em;
    color: #fff;
    border-radius: 3em;
    width: 100px;
    height: 100px;
    background-color: #0572aa;
    line-height: 100px;
    margin: auto;
}

.center {
    text-align: center;
}

.hr-info {
    border-top: 1px solid #615656;
}

@media (min-width: 767px) {

    .select-filter-label {
        text-align: right;
    }

    .list-checkbox label {
        font-size: 1.5em;
    }

    .bg-military-school {
        padding: 35px;
        background: url(/img/MilitarySchools_Background.jpg) round;
    }

    .bg-haircut {
        background: url(/img/Haircut_Background.jpg) round;
        padding: 35px;
    }

    .bg-Question {
        background: url(/img/Questions_Background.jpg) round;
        padding: 35px;
    }

    .bg-benefits {
        background: url(/img/Benefits_Background.jpg) no-repeat;
        padding: 35px;
    }
}

.bg-military-school, .bg-haircut, .bg-Question, .bg-benefits {
    padding-left: 0;
    padding-right: 0;
}

.bg-provide-preview {
    background: url(/img/Preview_Half.jpg) no-repeat;
    padding: 35px;
}

.lead {
    text-align: justify;
}

.content-section {
    max-height: 100px;
    overflow: hidden;
    -webkit-transition: max-height 300ms;
    -moz-transition: max-height 300ms;
    -ms-transition: max-height 300ms;
    -o-transition: max-height 300ms;
    transition: max-height 300ms;
}

.content-section.open {
    max-height: 200px;
}

.myblockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C" "\201D" "\2018" "\2019";
}

.myblockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 2em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

.myblockquote p {
    display: inline;
}

footer.padding-footer img {
    height: 35px;
}

.slide-content {
    padding-left: 16%;
    padding-right: 16%;
}

.content-share {
    max-height: 400px;
    overflow-y: scroll;
}

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

.veteran {
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 700;
}

.veteran-resumes div > p {
    margin-bottom: 0;
}

.search-result .table > tbody > tr > td {
    border: none;
    padding: 2px;
}

.green-circle {
    display: inline-block;
    text-align: center;
    font-size: 1.3em;
    color: #fff;
    border-radius: 1em;
    width: 70px;
    height: 70px;
    background-color: #B1D1A3;
    line-height: 20px;
    padding: 13px 5px;
}

.btn-add {
    color: #31708F;
    font-size: 20px;
    font-weight: 700;
}

.carousel-indicators .active {
    background-color: #337AB7;
}

.carousel-indicators li {
    border: 1px solid #337AB7;
}

.img-honor {
    cursor: pointer
}

.honor .active.img-honor {
    -webkit-box-shadow: 0 -1px 21px -1px rgb(13, 117, 209);
    -moz-box-shadow: 0 -1px 21px -1px rgb(13, 117, 209);
    box-shadow: 0 -1px 21px -1px rgb(13, 117, 209);
}

#carousel-honor .carousel-control {
    width: 5%;
}

#carousel-honor .slide-content {
    padding-left: 8%;
    padding-right: 8%;
}

#carousel-honor .honor {
    margin-bottom: 20px;
    overflow: hidden;
}

#carousel-honor .img-honor {
    min-width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.message-search {
    min-height: 100px;
    margin-top: 20px;
}

.padding-20 {
    padding: 20px;
}

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

.padding-5 {
    padding: 5px;
}

.padding-address {
    padding-bottom: 60px;
}

textarea {
    resize: vertical;
}

.career-spark-content {
    padding-top: 50px;
    padding-bottom: 50px;
}

.btn-blue {
    background-color: #6ECFFF;
    border-color: #6ECFFF;
    color: #fff;
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
    background-color: #55c7ff;
    border-color: #3bbeff;
    color: #fff;
}

.btn-blue.disabled:hover,
.btn-blue.disabled:focus,
.btn-blue.disabled:active,
.btn-blue.disabled.active,
.btn-blue[disabled]:hover,
.btn-blue[disabled]:focus,
.btn-blue[disabled]:active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue:hover,
fieldset[disabled] .btn-blue:focus,
fieldset[disabled] .btn-blue:active,
fieldset[disabled] .btn-blue.active {
    background-color: #6ECFFF;
    border-color: #6ECFFF;
    color: #fff;
}

.btn-employer-red {
    background-color: #dd0514;
    border-color: #dd0514;
    color: #fff;
}

.btn-employer-red:hover,
.btn-employer-red:focus,
.btn-employer-red:active,
.btn-employer-red.active {
    background-color: #c50512;
    border-color: #c50512;
    color: #fff;
}

.btn-employer-red.disabled:hover,
.btn-employer-red.disabled:focus,
.btn-employer-red.disabled:active,
.btn-employer-red.disabled.active,
.btn-employer-red[disabled]:hover,
.btn-employer-red[disabled]:focus,
.btn-employer-red[disabled]:active,
.btn-employer-red[disabled].active,
fieldset[disabled] .btn-employer-red:hover,
fieldset[disabled] .btn-employer-red:focus,
fieldset[disabled] .btn-employer-red:active,
fieldset[disabled] .btn-employer-red.active {
    background-color: #c50512;
    border-color: #c50512;
    color: #fff;
}

.btn-red {
    background-color: #e87a70;
    border-color: #e87a70;
    color: #fff;
}

.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
    background-color: #dc5043;
    border-color: #dc5043;
    color: #fff;
}

.btn-red.disabled:hover,
.btn-red.disabled:focus,
.btn-red.disabled:active,
.btn-red.disabled.active,
.btn-red[disabled]:hover,
.btn-red[disabled]:focus,
.btn-red[disabled]:active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red:hover,
fieldset[disabled] .btn-red:focus,
fieldset[disabled] .btn-red:active,
fieldset[disabled] .btn-red.active {
    background-color: #dc5043;
    border-color: #dc5043;
    color: #fff;
}

.career-spark-rule {
    font-size: 16px;
    line-height: 30px;
    color: #394264;
    font-family: 'Muli', sans-serif;
}

.career-bg {
    background: #194A83; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#194A83, #5D869C); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#194A83, #5D869C); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#194A83, #5D869C); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#194A83, #5D869C); /* Standard syntax */
}

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

.circle-image > span {
    width: 81px;
    height: 81px;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.circle-icon-1 {
    background: url('/img/career-spark/circle-icon-1.png') no-repeat 0 0;
}

.circle-icon-2 {
    background: url('/img/career-spark/circle-icon-2.png') no-repeat 0 0;
}

.circle-icon-3 {
    background: url('/img/career-spark/circle-icon-3.png') no-repeat 0 0;
}

.circle-image > span:hover {
    background-position-y: -81px;
}

.career-comment {
    color: #fff;
    background-color: #359a9a;
    padding-top: 50px;
    padding-bottom: 50px
}

.career-text-content {
    font-size: 18px;
    line-height: 40px;
    font-family: 'Playfair Display', serif;
}

.career-social {
    position: absolute;
    left: 50%;
    margin-left: -188px;
    text-align: center;
    margin-top: -20px;
    max-width: 400px;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #394264;
    color: #394264;
}

.discover-tab:hover, .discover-tab:focus, .discover-tab:active {
    border-bottom: 3px solid #11a8ab;
    background-color: #394264 !important;
    color: #fff;
}

.explore-tab:hover, .explore-tab:active, .explore-tab:focus {
    border-bottom: 3px solid #22b3fc;
    background-color: #394264 !important;
    color: #fff;
}

.prep-tab:hover, .prep-tab:active, .prep-tab:focus {
    border-bottom: 3px solid #e77368;
    background-color: #394264 !important;
    color: #fff;
}

.link-tab:hover, .link-tab:active, .link-tab:focus {
    border-bottom: 3px solid #fcb150;
    background-color: #394264 !important;
    color: #fff;
}

.footer-career > li {
    height: 53px
}

.footer-career > li > a {
    color: #ccc;
}

@media (max-width: 768px) {
    body.modal-open {
        position: fixed;
    }
    .select-filter-label {
        text-align: center;
    }

    textarea#detail {
        /*font: 16px Tahoma, cursive !important;*/
    }

    .career-comment {
        padding-top: 100px;
    }

    .career-social {
        margin-left: -152px;
    }

    .footer-career > li {
        width: 50%;
    }

    .padding-mb-help {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

#tooltip {
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
}

#tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #111;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto;
}

#tooltip.left:after {
    left: 10px;
    margin: 0;
}

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}

.comms-unread {
    background: #ffffff;
    color: rgb(13, 117, 209);
}

a.disabled {
    text-decoration: none;
    color: #777
}

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

.disabled-link {
    pointer-events: none;
    cursor: default;
}

.plus-send {
    margin-top: -26px;
    margin-right: 10px;
}

.color-gray {
    color: #ccc;
}

.sub-resume {
    background: #C9302C;
    color: #fff;
}

.navbar.navbar-chamber .nav > li > a:hover, .navbar.navbar-chamber .nav > li.active > a {
    border-bottom: 5px #C9302C solid;
}

.font-medium {
    font-size: medium;
}

.font-larger {
    font-size: larger;
}

.no-bold {
    font-weight: 300;
}

@media (min-width: 768px) {
    .h-390{
        height: 390px !important;
    }
    .modal-dialog {
        width: 675px;
        margin: 30px auto;
        /*overflow-y: initial !important;*/
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }

    .comment-modal > .modal-body {
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow-y: auto;
    }

    .modal-body {
        height: 605px;
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        overflow-y: auto;
    }

    .max-height-605 {
        height: auto;
        max-height: 605px;
        overflow-y: auto;
    }

    .height-605 {
        height: 605px;
    }

    #login .modal-body {
        height: 400px;
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        overflow-y: auto;
    }

    .modal-sm {
        width: 300px;
    }

    .modal-xy {
    / / custom width: xxxpx;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        height: 675px;
        width: 675px;
    }
}

.nowrap {
    white-space: nowrap;
}

.footer {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffffff;
    padding-bottom: 20px;
    padding-top: 0;
}
.footer > hr {
    margin-top: 0;
}

.content-message {
    height: auto;
    min-height: 100%;
}

.resume-header {
    margin-bottom: 0;
}

.resume-header .logo {
    height: 10px;
    margin-top: 1px;
}

.numer-home {
    font-weight: bold;
    font-size: 42px;
    color: #0068B3;
}

.progress-sidebar .numer-home {
    font-weight: bold;
    font-size: 38px;
    color: #0068B3;
}

.percent {
    line-height: 57px;
    vertical-align: bottom;
}

.navbar {
    margin-bottom: 0;
}

.resume-header .navbar-brand {
    height: 32px;
    margin-top: -5px;
}

.resume-header .sign-btn {
    margin-top: 7px;
    margin-left: 15px;
    margin-right: 20px
}

.resume-header .career-tools {
    margin-top: 0 !important;
    min-width: 400px;
}

.resume-header {
    margin-bottom: 0;
}

.user-info .user {
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.avatar {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}

.resume-header .content-title {
    font-size: 20px;
}

.resume-header .content {
    margin: 20px auto;

}

.nav-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;
    height: 32px;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.resume-header .logo {
    height: 18px;
    margin-top: -3px;
}

/*Header tab*/
.resume-header-tab {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #2a3a42;
    border-radius: 0;
    border: none;
}

.resume-header .sign-btn {
    margin-top: 7px;
    margin-left: 15px;
    margin-right: 20px
}

.resume-header .navbar-nav > li > a {
    height: 32px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.resume-header .navbar-toggle {
    border: none;
}

.resume-header .navbar-toggle:focus {
    background: none;
}

.resume-header .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.resume-header .navbar-nav > li > .active {
    border-bottom: 3px solid #df3314;
}

.border-gray {
    border-bottom: 1px solid #929292;
}

tags-input .tags .tag-item {
    margin: 2px;
    padding: 0 5px;
    display: inline-block;
    float: left;
    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 26px;
    line-height: 25px;
    border: 1px solid #acacac;
    border-radius: 3px;
    background: -webkit-linear-gradient(top, #f0f9ff 0%, #CECECE 47%, #929292 100%);
    background: linear-gradient(to bottom, #f0f9ff 0%, #CECECE 47%, #929292 100%);
}
#skill tags-input .tags .input {
    min-height: 50px !important;
}
.text-blue {
    color: rgb(46, 81, 128);
}

.background-blue {
    background-color: rgb(46, 81, 128);
}

.text-gray {
    color: rgb(146, 146, 146);
}

.text-darkgray {
    color: rgb(117, 117, 117);
}

.text-white {
    color: rgb(255, 255, 255);
}

.text-red {
    color: #df3314;
}

.text-message {
    font-size: 12px;

}

.text-resume-p {
    padding: 2px 0 !important;
}

.text-career {
    color: #394264;
}

.text-black {
    color: #333333;
    text-decoration: inherit;
}

.margin {
    margin: 10px;
}

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

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

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

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

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

.padding {
    padding: 10px;
}

.no-padding {
    padding: 0;
}

.btn-linked-in {
    transition: background-color 300ms;
    background: rgb(251, 253, 255);
    /*border: 1px solid rgb(251, 253, 255);*/
    color: #000000;
}

.ct-p p {
    font-size: 12px;
    font-weight: 200;
    font-family: sans-serif;
}

.font-12 {
    font-size: 12px !important;
}

.resume-header .dropdown-menu:before {
    position: absolute;
    top: -7px;
    left: 50%;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.resume-header .dropdown-menu:after {
    position: absolute;
    top: -4px;
    left: 50%;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.middle {
    vertical-align: middle;
    display: inline-block;
}

.user-info {
    min-width: 150px;
    text-align: center;
}

.carousel-indicators {
    z-index: 1 !important;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.justify {
    text-align: justify;
}

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

.padding-horizontal {
    padding-left: 15px;
    padding-right: 15px;
}


.logo-footer {
    height: 10px !important;
    margin-top: 15px;
}


.logo-footer-hoh {
    height: 28px !important;
    margin-top: 4px;
}

.logo-footer-toyota {
    height: 30px !important;
}

@media (max-width: 767px) {
    .logo-footer-hoh {
        height: 20px!important;
        margin-top: 10px;
    }

    .logo-footer-toyota {
        height: 22px!important;
        margin-top: 7px;
    }
}


.uploading {
    right: 0;
    margin-right: 7px;
    position: absolute;
    margin-top: 8px;
    z-index: 3;
    font-size: 1.6em;
}

.cursor-pointer {
    cursor: pointer;
}

.comment-modal .image-user {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
}

.border-list .border-bottom:last-child {
    border-bottom: none;
}

@media (min-width: 768px) {
    .info-template {
        margin-top: -20px;
    }

    .w-120-sm {
        width: 170px;
        display: inline-block;
    }

}

.btn-group-resume {
    text-align: right;
}

.btn.mb-10.btn-responsive {
    width: 200px;
}

@media (max-width: 767px) {
    .btn-responsive {
        width: 100% !important;
    }

    .btn-group-resume {
        text-align: center !important;
    }
}

.border-bottom {
    border-bottom: 1px solid #ccc;
}

.border-left {
    border-left: 1px solid #ccc;
}

/*.comment-count {*/
/*display: inline;*/
/*margin-top: 20px;*/
/*position: absolute;*/
/*margin-left: 13px;*/
/*}*/

.intl-tel-input {
    width: 100%;
}

input.btn {
    display: block;
}

percent-circle {
    width: 75px;
    height: 75px;
    clear: both;
    display: block;
    position: relative;
    margin: -38px auto 0 auto;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #efefef;
}

percent-circle .progressbar-text {
    color: #34495e !important;
}

.mt10 {
    margin-top: 10px;
}

.comment-count {
    display: inline;
    right: -5px;
    top: -3px;
    position: absolute;
}

.bg-red {
    background-color: #C9302C !important;
}

tags-input .tags {
    border: 1px solid #1abc9c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    border-radius: 4px;
}

tags-input .tags.focused {
    /*border-color: #66afe9;*/
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, 0);
}

@media (min-width: 768px) {
    tags-input .autocomplete {
        min-width: 390px;
    }
}

[uib-typeahead-popup].dropdown-menu {
    max-height: 260px;
    overflow-y: scroll;
}

@media (min-width: 768px) {
    .template-title {
        margin-right: 150px;
    }
}

.title-right {
    margin-bottom: 0;
    padding-bottom: 0;
}

re-diff .added, [re-diff] .added {
    background-color: #c47dbe;

}

re-diff .removed, [re-diff] .removed {
    background-color: #91fff5;
    text-decoration: line-through;
}

.striped-suggestion > .item-suggestion:nth-child(odd) {
    background-color: #fff;
}

.striped-suggestion > .item-suggestion:nth-child(even) {
    background-color: #dfeff7;
}

.table-alert:nth-child(odd) {
    background-color: #fff;
}

.table-alert:nth-child(even) {
    background-color: #dfeff7;
}

.veteran-resumes .candidate .panel.panel-default {
    margin-top: 15px;
}

textarea#detail {
    width: 100%;
    display: block;
    max-width: 100%;
    line-height: 1.5;
    border-radius: 3px;
    border: 1px solid #E2E2E2;
    /*font: 14px Tahoma, cursive;*/
    transition: box-shadow 0.5s ease;
    /*box-shadow: 0 4px 6px rgba(0,0,0,0.1);*/
    background-color: #EFEDE3;
    background: -webkit-linear-gradient(#EAEAE7, #EFEDE3);
}

.suggestion-count {
    display: inline-block;
    color: #3c763d;
    background-color: rgba(223, 240, 216, 0.93);
    border-color: #d6e9c6;
    padding: 7px 5px;
    border-radius: 3px;
    margin-bottom: 7px;
}

.modal-comments {
    min-height: 300px;
    height: auto;
}

hr.hr-template {
    margin-top: 0;
    margin-bottom: 0;
    height: 10px;
    border-style: solid;
    border-color: #8c8b8b;
    border-width: 1px 0 0 0;
    border-radius: 5px;
}

hr.hr-template:before {
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: #8c8b8b;
    border-width: 0 0 1px 0;
    border-radius: 5px;
}

.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: .5;
}

.hr-text:before {
    content: '';
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
}

.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    color: black;
    padding: 0 .5em;
    line-height: 1.5em;
    background-color: #fcfcfa;
}

.vvFade {
    overflow: hidden;
}

.vvFade.ng-enter {
    transition: 0.3s ease-out all;
    height: 0;
}

.vvFade.ng-enter-active {
    height: 437px;
}

.vvFade.ng-leave {
    transition: 0.2s ease-in all;
    height: 437px
}

.vvFade.ng-leave-active {
    height: 0;
}

.header-filter {
    padding-left: 35px;
    padding-right: 24px;
    line-height: 35px;
}

.message-alert {
    margin-top: -32px;
    margin-left: -20px;
    margin-right: -20px;
}

.custom-tags .tags {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    margin-top: -5px;
    margin-bottom: -5px;
    border: 1px solid #1abc9c;
    border-radius: 4px;
}
.no-add-tag .tags .input {
    display: none;
}

.no-add-tag .tags ul.tag-list {
    min-height: 31px;
}

/*tags-input.no-add-tag .host {*/
    /*margin-top: 0;*/
    /*margin-bottom: 0;*/
/*}*/
.alert-resume-icon {
    color: #d9edf7;
    position: absolute;
}

.chevron-left {
    margin-left: -30px;
}

.chevron-right {
    margin-right: -30px;
}

@media (min-width: 768px) {
    .chevron-left {
        margin-left: -30px !important;
        left: 20% !important;
    }

    .chevron-right {
        margin-right: -30px !important;
        right: 20% !important;
    }
}

.list-example > .example-onet {
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.2);
    padding: 10px;
    margin: 10px;
    border-radius: 3px;
}

.item-image img {
    width: 30px;
}

/* css tree node */

treecontrol {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333;
}

treecontrol > ul > li {
    padding: 0;
}

div.text-success > i.display-none.fa.fa-check-square-o {
    display: inline-block;
}

.tree-collapsed > div.tree-label.a6 > i.display-none {
    display: none
}

.tree-expanded > div.tree-label.a6 > i.display-none {
    display: none
}

i.display-none.fa.fa-check-square-o {
    display: none;
}

div.text-success > i.display-none.fa.fa-square-o {
    display: none;
}

.font-17 {
    font-size: 17px;
}

.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}

@media screen and (min-width: 768px) {
    .carousel-indicators {
        bottom: 0;
    }
}

.padding-lr-0 {
    padding-left: 0;
    padding-right: 0;
}

#myCarousel ul {
    list-style-type: none;
    margin: 0 auto;
    padding-left: 30%;
}

#myCarousel ul li a {
    float: left;
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0px 5px;
    border-right: 1px solid #e9f1f6;
    margin: 0 auto;
    text-align: center;
}

.margin-0 {
    margin: 0;
}

.circle-about-page {
    border-radius: 50%;
    padding: 8px 15px;
    background-color: #0e192b;
    color: white;
}

.mh-250 {
    min-height: 250px;
}

.mh-280 {
    min-height: 280px;
}

.bg-e4ebf4 {
    background-color: #e4ebf4;
}

.bg-f2f5fa {
    background-color: #f2f5fa;
}

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

.line-height-1dot3 {
    line-height: 1.3em;
}

.padding-tb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

/* end css tree node */

#menu-list ul:after {
    content: "";
    clear: both;
    display: block;
}

#menu-list ul li {
    float: left;
}

#menu-list ul li:hover a {
    color: #fff;
}

#menu-list ul li a {
    padding: 20px 20px;
    display: block;
    color: #ffffff;
    text-decoration: none;
}

#menu-list ul ul {
    background: #0e192b;
    border-radius: 0;
    padding: 0;
    position: absolute;
    top: 100%;
}

#menu-list ul ul li {
    float: none;
    border-top: 1px solid rgba(107, 114, 124, 0.25);
    border-bottom: 1px solid rgba(87, 95, 106, 0.76);
    position: relative;
}

#menu-list ul ul li a {
    padding: 15px 27px;
    color: #fff;
    font-weight: bold;
}

#menu-list ul ul li a:hover {
    background: #0e192b;
}

.color-primary {
    color: #337ab7;
}

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

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


.fa-color-resume {
    color: #337ab7;
}

.fa-color-resume:hover {
    color: #2d6da4;
}


.resume-page .fa-color-resume {
    color: #0E192B;
}

.resume-page .fa-color-resume:hover {
    color: rgba(14, 25, 43, 0.87);
}

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

.fa-color-career {
    color: #11A8AB;
}

.fa-color-career:hover {
    color: #0f9799;
}

.color-career-comment {
    color: #0f9799;
}

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

.mb-20 {
    margin-bottom: 20px;
}

.mt-46 {
    margin-top: 46px;
}

tags-input .tags .tag-item {
    height: auto;
}

.mr-10 {
    margin-right: 10px;
}

.header-top {
    background: url(/images/header-bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 60px;
}

.header-top .shell {
    width: 100%;
    margin: 0 auto;
}

.shell {
    margin: 0 auto;
    position: relative;
    /* z-index: 10; */
}

.main-header .logo a {
    background: url(/images/main-logo.png);
    width: 157px;
    height: 120px;
}
.main-header .logo-uso a {
    background: url(/images/uso.png);
    width: 157px;
    height: 120px;
}

.logo a {
    display: block;
    /*background: url(/images/logo-mobile.png);*/
}

.logo, .logo a {
    height: 52px;
}

.logo a {
    display: block;
    /*background: url(/images/logo-mobile.png);*/
}

tags-input .tags .input {
    width: 100% !important;
}

.main-navigation ul li {
    float: left;
    display: inline;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    width: 133px;
    height: 60px;
    text-transform: uppercase;
    text-align: center;
    line-height: 60px;
    position: relative;
    z-index: 2;
}

.home-navigation ul li.link-green strong {
    border-color: #11a8ab;
}

.home-navigation ul li.link-blue strong {
    border-color: #4fc4f6;
}

.home-navigation ul li.link-red strong {
    border-color: #e77368;
}

.home-navigation ul li.link-yellow strong {
    border-color: #fcb150;
}

.home-navigation ul li a {
    color: #fff;
    text-decoration: none;
}

.main-navigation ul li a {
    color: #fff;
    display: block;
    height: 60px;
    text-decoration: none;
}

tags-input .autocomplete .suggestion-list {
    max-height: 260px;
}

.main-navigation ul li a span {
    border-bottom: solid 2px transparent;
}

.main-navigation ul li.link-green span {
    border-color: #11a8ab;
}

.main-navigation ul li.link-blue span {
    border-color: #4fc4f6;
}

.main-navigation ul li.link-red span {
    border-color: #e77368;
}

.main-navigation ul li.link-yellow span {
    border-color: #fcb457;
}

#case-6.background-white {
    background: #fff;
}

.main-navigation ul li.link-green a:hover,
.main-navigation ul li.active.link-green {
    background: #11a8ab;
}

.main-navigation ul li.link-blue a:hover,
.main-navigation ul li.active.link-blue {
    background: #4fc4f6;
}

.main-navigation ul li.link-red a:hover,
.main-navigation ul li.active.link-red {
    background: #e77368;
}

.main-navigation ul li.link-yellow a:hover,
.main-navigation ul li.active.link-yellow {
    background: #fcb457;
}

.main-navigation ul li i.ico-arrow {
    width: 65px;
    height: 7px;
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -32px;
    display: none;
}

.main-navigation ul li:hover i.ico-arrow,
.main-navigation ul li.active i.ico-arrow {
    display: block;
}

.main-navigation ul li.link-green i.ico-arrow {
    background: url(/images/active-green.png);
}

.main-navigation ul li.link-blue i.ico-arrow {
    background: url(/images/active-blue.png);
}

.main-navigation ul li.link-red i.ico-arrow {
    background: url(/images/active-red.png);
}

.main-navigation ul li.link-yellow i.ico-arrow {
    background: url(/images/active-yellow.png);
}

.main-navigation ul li.active.link-green a,
.main-navigation ul li.active.link-blue a,
.main-navigation ul li.active.link-red a,
.main-navigation ul li.active.link-yellow a {
    color: #fff;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    width: 100%;
    content: '';
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
    clear: both;
    display: block;
}

.navbar-career-spark {
    background-color: #3c4b82;
    border-color: #323e6b;
}

.navbar-career-spark .navbar-brand {
    color: #ffffff;
}

.navbar-career-spark .navbar-brand:hover,
.navbar-career-spark .navbar-brand:focus {
    color: #e6e6e6;
    background-color: transparent;
}

.navbar-career-spark .navbar-text {
    color: #ffffff;
}

.navbar-career-spark .navbar-nav > li > a {
    color: #ffffff;
}

.navbar-career-spark .navbar-nav > li > a:hover,
.navbar-career-spark .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: transparent;
}

.navbar-career-spark .navbar-nav > .active > a,
.navbar-career-spark .navbar-nav > .active > a:hover,
.navbar-career-spark .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #323e6b;
}

.navbar-career-spark .navbar-nav > .disabled > a,
.navbar-career-spark .navbar-nav > .disabled > a:hover,
.navbar-career-spark .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}

.navbar-career-spark .navbar-toggle {
    border-color: #dddddd;
}

.navbar-career-spark .navbar-toggle:hover,
.navbar-career-spark .navbar-toggle:focus {
    background-color: #dddddd;
}

.navbar-career-spark .navbar-toggle .icon-bar {
    background-color: #cccccc;
}

.navbar-career-spark .navbar-collapse,
.navbar-career-spark .navbar-form {
    border-color: #313d6a;
}

.navbar-career-spark .navbar-nav > .dropdown > a:hover .caret,
.navbar-career-spark .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-career-spark .navbar-nav > .open > a,
.navbar-career-spark .navbar-nav > .open > a:hover,
.navbar-career-spark .navbar-nav > .open > a:focus {
    background-color: #323e6b;
    color: #ffffff;
}

.navbar-career-spark .navbar-nav > .open > a .caret,
.navbar-career-spark .navbar-nav > .open > a:hover .caret,
.navbar-career-spark .navbar-nav > .open > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-career-spark .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

@media (max-width: 767px) {

    /*display logo responsive////////////////////////////////////////////////*/

    .navbar-career-spark .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

    .navbar-career-spark .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-career-spark .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
        background-color: transparent;
    }

    .navbar-career-spark .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-career-spark .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-career-spark .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #323e6b;
    }

    .navbar-career-spark .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-career-spark .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-career-spark .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

.navbar-career-spark .navbar-link {
    color: #ffffff;
}

.navbar-career-spark .navbar-link:hover {
    color: #ffffff;
}

.nav-carer-main {
    margin-left: 420px;
    margin-top: -53px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .nav-carer-main {
        margin-left: 50px;
    }
}



.pt-88 {
    padding-top: 88px;
}

.btn.btn-success {
    background-color: #11A8AB;
    color: #fff;
    border: 1px solid #11A8AB;
}

.btn.btn-success:hover {
    background-color: #0f9799;
    color: #fff;
    border: 1px solid #0f9799;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.troop-id {
    padding: 2px 3px;
}

.source-example {
  color: #9f9f9f;
  font-size: 12px;
}

.input-detail {
  border: none;
  border-bottom: 2px solid gray;
}

.zindex {
  z-index: 2000 !important;
}


.char-responsive {
}

@media (max-width: 992px) {
}

.mr-20 {
  margin-right: 20px;
}

.header-filter .add-on {
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}
.header-filter .add-on input.form-control{
    border: none;
    background: #05213C;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 10pt;
    -webkit-transition: width .55s ease;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    transition: width .55s ease;
}
.header-filter .add-on .input-group-btn > .btn {
    border-left-width:0;left:-2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    border: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 34px;
    background: #05213C;
}
@media (min-width: 768px) and (max-width: 992px) {
    .edit-suggestions .text-left,
    .edit-suggestions .text-right {
        width: 100%;
        text-align: center;
    }
    .edit-suggestions {
        padding-top: 5px;
    }
}

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

@media (max-width: 767px) {
    .edit-suggestions .text-left {
        width: auto;
        float: left;
    }

    .edit-suggestions .text-right {
        width: auto;
        float: right;
    }

    .header-filter .search-mobile {
        padding-left: 0;
        padding-right: 0;
    }

    .header-filter .btn-mobile-block {
        width: 100%;
    }

    body.modal-open {
        overflow: visible;
        position: absolute;
    }
}

fp-send-resume-button + button.btn {
    margin-top: 5px;
}

.header-candidate{
    color: #347ab7;
    padding: 2px 0;
}

.modal-referralsDialogue .referral:nth-child(even) {background: #fff}
.modal-referralsDialogue .referral:nth-child(odd) {background: rgba(169, 208, 243, 0.39)
}



.list-checkbox .custom-checkbox > [type="checkbox"],
.list-checkbox .custom-checkbox > label{
    padding: 5px;
    margin-bottom:0 !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.list-checkbox .custom-checkbox > [type="checkbox"]:not(:checked),
.list-checkbox .custom-checkbox > [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.list-checkbox .custom-checkbox > [type="checkbox"]:not(:checked) + label,
.list-checkbox .custom-checkbox > [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}
.list-checkbox .custom-checkbox > [type="checkbox"]:not(:checked) + label:before,
.list-checkbox .custom-checkbox > [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0;
    top: 50%;
    margin-top:-12px;
    width: 23px;
    height: 23px;
    border: 1px solid #ddd;
    background: #ffffff;
    border-radius: 2px;
}
.list-checkbox .custom-checkbox > [type="checkbox"]:not(:checked) + label:after,
.list-checkbox .custom-checkbox > [type="checkbox"]:checked + label:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f00c';
    position: absolute;
    top: 50%;
    margin-top:-8px;
    left: 4px;
    color: #0e192b;
    transition: all .2s;
}

.list-checkbox .custom-checkbox > [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.list-checkbox .custom-checkbox > [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}

.header-title {
    color: #0e192b;
}

.text-about {
    max-width: 875px;
    color: #333;
    line-height: 24px;
    margin: 0 auto;
}


.policy-article .btn-primary {
    background-color: #0e192b !important;
}

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

.stylish-input-group .input-group-addon{
    background: white !important;
}
.stylish-input-group .form-control{
    border-right:0;
    box-shadow:0 0 0;
    border-color:#ccc;
}
.stylish-input-group button{
    border:0;
    background:transparent;
}
.stylish-input-group .glyphicon-search {
    opacity: 0.3;
}

#itemSkill {
    border: 1px solid rgba(0, 0, 0, 0.19);
    border-radius: 5px;
}

#itemSkill:hover {
    border: 1px solid rgba(0, 0, 0, 0.19);
    border-radius: 5px;
    background-color: rgb(6, 55, 98);
    color: #ffffff;
}

.tag-high tags-input .host .tags {
    min-height: 80px;
}

.tag-industry .host .tags {
    max-height: 35px;
    overflow-y: auto;
    border-radius: 0 4px 4px 0;
}


.mh-auto .host .tags {
    min-height: inherit !important;
}

.mg-left-65 {
    margin-left: 65px !important;
}

.tip-hidden {
    visibility: hidden
}

.hover-section:hover {
    background-color: #F5FBFF;
    -webkit-transition: background-color 1500ms ease-in-out;
    -moz-transition: background-color 1500ms ease-in-out;
    -ms-transition: background-color 1500ms ease-in-out;
    -o-transition: background-color 1500ms ease-in-out;
    transition: background-color 1500ms ease-in-out;
}

.hover-tip {
    opacity: 0;
}

.hover-section:hover .hover-tip {
    opacity: 1;
    -webkit-transition: opacity 1500ms ease-in-out;
    -moz-transition: opacity 1500ms ease-in-out;
    -ms-transition: opacity 1500ms ease-in-out;
    -o-transition: opacity 1500ms ease-in-out;
    transition: opacity 1500ms ease-in-out;
}


.hover-bullet-tip {
    opacity: 0;
}

.hover-bullet:hover .hover-bullet-tip {
    opacity: 1;
    -webkit-transition: opacity 1500ms ease-in-out;
    -moz-transition: opacity 1500ms ease-in-out;
    -ms-transition: opacity 1500ms ease-in-out;
    -o-transition: opacity 1500ms ease-in-out;
    transition: opacity 1500ms ease-in-out;
}

.resume-page a{
    color: #0e192b;
}

.resume-page .btn-primary,
.resume-modal .btn-primary,
.bg-chamber .btn-primary{
    color: #fff;
    background-color: #0e192b;
    border-color: #0e192b;
}

.resume-page .btn-primary:hover,
.resume-modal .btn-primary:hover{
    color: #fff;
    background-color: rgba(14, 25, 43, 0.8);
    border-color: rgba(14, 25, 43, 0.8);
}

.input-option-re {
    color: #ffffff;
    background-color: #0e192b;
    border: 1px solid transparent;
}

.input-option-cs {
    color: #ffffff;
    background-color: #337ab7;
    border: 1px solid transparent;
}

.tooltip-resume {
    position: relative;
    display: inline-block;
}

.tooltip-resume .tooltiptext {
    visibility: hidden;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 3px 8px;
    position: absolute;
    z-index: 10;
    width: 200px;
    font-size: 12px;
    font-weight: 400;
    margin-left: -100px;
    line-height: 1.42857143;
}

.tooltip-resume:hover .tooltiptext {
    visibility: visible;
}


.additional-text-personal {
    font-size: 25px;
    padding: 15px 35px;
    text-align: center;
}

.bigger {
    min-height: 80px;
    min-width: 250px;
    border-radius: 15px;
    margin-bottom: 20px;
}

.terms-title {
    font-size: 25px;
    line-height: 40px;
    font-family: sans-serif;
}

.terms-body-title {
    font-size: 34px;
    color: black;
    padding: 15px 35px;
    text-align: center;
    font-family: sans-serif;
}

.terms-body-sub-title {
    font-size: 24px;
    color: black;
    padding: 15px 15px;
    text-align: center;
    font-family: sans-serif;
}

.bigger-terms {
    margin: 45px 15px;
    min-height: 90px;
    min-width: 350px;
    max-width: 400px;
    border-radius: 15px;
    font-size: 24px;
}

.center {
    text-align: center;
}

.terms-body-checkbox {
    padding: 15px 35px;
}

.terms-body-checkbox label {
    /*display: inline;*/
}