html, body {
    width: 100%;
    overflow-x: hidden;
    word-break: break-word;
}

main {
    min-height: 60vh;
}

.hcontent {
    min-height: 98px;
}

h5 {
    font-weight: 600;
}

#searchfrm {
    min-height: 377px;
}

.form-control, .btn, select {
    box-shadow: none!important;
}

.mlogo {
    width: 13.5rem;
}

.nav-link {
    color: #000000!important;
}

.pagination {
    flex-wrap: wrap;
}

.lflag {
    padding-right: 0.5rem;
    width: 1.7rem;
    height: 1.7rem;
    margin-top: -0.1rem;
}

.hidden {
    display: none!important;
}

.username-button a.dropdown-toggle {
    color: #2970ff !important;
}

.username-button-m a, .signup-button-m a {
    color: #2970ff !important;
    font-weight: bold;
}

.exit-button a {
    color: #ce2b1e !important;
    font-weight: bold;
}

.nav-ico {
    padding-right: 0.5rem;
    margin-top: -0.2rem;
    width: 1.5rem;
    height: 1.5rem;
}

.login-title {
    text-align: center;
}

h1, h2, h3 {
    font-weight: 600;
    font-size: 1.75rem;
}

.login-title p {
    color: #5e697a;
}

.login-card {
    width: 100%;
    border-radius: 0rem;
    border: 0;
}

.login-card button {
    width: 100%;
}

.form-control, .btn {
    border-radius: 0.5rem;
}

select {
    border-radius: 0.5rem !important;
}

.nowrap {
    white-space: nowrap;
}

.aright {
    text-align: right;
}

.bgfooter {
    background-color: #363f72;
    color: white;
    text-align: center;
}

.footer_logo img {
    width: 10rem;
}

.footer_logo_mobile {
    padding-top: 2rem;
}

.footer_links {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #667085;
}

.footer_links .ft_link, .footer_links .ft_title {
    color: white;
    display: block;
    padding-bottom: 0.7rem;
}

.footer_links .ft_link {
    font-weight: 350;
}

.footer_links .ft_title {
    font-weight: 600;
}
.fcontainer {
    padding-top: 2rem;
}

.footer_copyright {
    font-weight: 500;
    padding-bottom: 3rem;
}

.login-page {
    padding-bottom: 5rem;
}

.buttons-right {
    text-align: right;
    margin-top: 1rem;
    padding: 0 0.3rem;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
}

.searchfr .buttons-right {
    margin-top: 0.5rem;
    flex-grow: 1;
}

.buttons-right .btn {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: block;
    width: 100%;
    margin-bottom: 0.5rem;
}

.buttons-right .btn svg {
    margin-top: -0.2rem;
    margin-right: 0.3rem;
}

main .btn {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

main {
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

main .form-control, main select {
    background-color: #f9fafb !important;
    border-color: #b2ccff !important;
}

.searchfr .form-control, .searchfr select {
    background-color: #f9fafb !important;
    border-color: #b2ccff !important;
}

.adv-checkboxes div {
    padding: 0.3rem 1.5rem;
}

main h5 {
    color: #475467;
}

.prolongfr {
    max-width: 20rem;
}

.advfr legend {
    color: #475467;
}

.advfr legend b, .frm-inner legend {
    color: black;
    font-weight: 500;
}

.input-salary .input-group-prepend .input-group-text {
    background-color: #f9fafb;
    border-color: #b2ccff;
    border-right: 0;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.input-salary input {
    border-left: 0;
    border-right: 0;
}

.input-salary .input-group-append button {
    border-left: 0;
    background-color: #f9fafb !important;
    border-color: #b2ccff !important;
    color: #495057 !important;
}

.salary-div {
    border-top: 1px solid #b2ccff;
    border-bottom: 1px solid #b2ccff;
    padding-top: 0.3rem;
    background-color: #f9fafb;
}

.input-salary input {
    text-align: center;
}

.period-group .col-md {
    align-items: center;
    align-content: center;
    display: flex;
}

.aglist {
    position: absolute;
    z-index: 990;
    width: 100%;
}

.b-form-tag {
    background-color: #0090f2;
    text-align: right;
}

.b-form-tags-input:read-only {
    cursor: pointer;
}

.b-form-tags-button {
    display: none;
}

.aselect input {
    border-right: 0;
}

.aselect .input-group-append button {
    border-left: 0;
    background-color: #f9fafb !important;
    border-color: #b2ccff !important;
    color: #495057 !important;
    padding-left: 1rem;
    padding-right: 0.6rem;
    padding-top: 0.1rem;
}

.sgvisible {
    border-top-right-radius: 0.5rem!important;
    border-bottom-right-radius: 0.5rem!important;
}

.sglist {
    position: absolute;
    z-index: 990;
    width: 100%;
    
}

.sgheader {
    position: absolute;
    right: 0;
    z-index: 991;
    text-align: right;
    padding: 0.5rem;
    text-align: right;
    background-color: transparent;
}

.sglist .list-group, .aglist .list-group {
    border: 1px solid #a0a0a0;
    border-radius: 0.5rem;
}

.sglist-scroll {
    max-height: 30rem;
    overflow-y: scroll;
}

.sgclose {
    margin: -1rem;
    padding: 1rem;
    cursor: pointer;
}

.sgclose:hover {
    font-size: 1.25rem;
}

.sgitem {
    cursor: pointer;
    border: 0!important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125)!important;
    margin: 0!important;
}

.sgcheckbox {
    color: #d0d5dd;
    margin: -1rem;
    padding: 1rem;
    padding-left: 0.5rem;
    padding-right: 1.5rem;
}

.sgtagitem:first-child {
    padding-right: 2rem;
}

.sgtagitem.active {
    background-color: #eff4ff;
    color: #000000;
}

.oauth-login-btn {
    color: black;
}

.oauth-login-btn svg {
    margin-top: -0.2rem;
    margin-right: 0.5rem;
}

.ab {
    border: 1px solid #b2ccff;
    border-radius: 0.5rem;
    padding: 0.5rem 0.7rem;
    margin-bottom: 1rem;
    display: flex;
    background-color: white;
    cursor: pointer;
}

.ab-article {
    padding: 0.5rem 0.7rem;
    margin-bottom: 1rem;
    display: flex;
    background-color: white;
    cursor: pointer;
}

.ab-fav {
    margin: -1rem;
    padding: 1rem;
    padding-left: 2rem;
}

.ab-content {
    flex-grow: 1;
    padding: 0.5rem;
}

.ab-title-ln {
    display: flex;
}

.ab-title {
    flex-grow: 1;
    font-weight: 600;
    font-size: 1.2rem;
    padding-bottom: 0.5rem;
}

.article-title {
    font-size: 1rem;
}

.ab-title a {
    color: black;
}

.ab-details-ln {
    display: flex;
}

.ab-details {
    flex-grow: 1;
}

.ab-location {
    color: #98a2b3;
    padding-bottom: 0.5rem;
    display: flex;
}

.ab-location-title {
    font-size: 0.9rem;
    padding-top: 0.1rem;
    padding-left: 0.3rem;
}

.ab-salary {
    background-color: #eff4ff;
    padding: 0.2rem 0.7rem;
    color: #1570ef;
    font-weight: 600;
    border-radius: 0.5rem;
    white-space: nowrap;
}

.ab-published {
    color: #667085;
}

.article-published {
    font-size: 0.7rem;
    font-weight: 600;
}

.ab-expiries {
    color: #1570ef;
}

.ab-image-m {
    background-color: #f3f4f8;
    border-radius: 0.5rem;
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
    display: flex;
    place-items: center;
    place-content: center;
}

.ab-image-m img {
    display: block;
    max-width: 3.5rem;
    max-height: 3.5rem;
    width: auto;
    height: auto;
}

.article-image-m {
    background-color: #f3f4f8;
    border-radius: 0.5rem;
    width: 115px;
    height: 68px;
    margin-right: 1rem;
    margin-bottom: 1rem;
    display: flex;
    place-items: center;
    place-content: center;
}

.article-image-m img {
    display: block;
    max-width: 115px;
    max-height: 68px;
    width: auto;
    height: auto;
}

.search-title {
    padding-left: 1rem;
}

.searchfr {
    margin: 1rem;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    padding: 0.5rem 0.3rem;
}

.add-btn-mobile {
    padding-bottom: 1rem;
}

.add-adv-a {
    display: flex;
    place-items: center;
    place-content: center;
    height: 25rem;
    margin: 1rem 0;
}

.add-adv-img {
    height: 25rem;
    border-radius: 0.5rem;
}

.search-row {
    padding: 0.3rem 0.3rem;
}

.search-col, .search-col-extra {
    padding: 0.3rem 0.3rem;
}

.search-col input::placeholder, .search-col-extra input::placeholder {
    font-size: 1rem;
    color: #000000!important;
    opacity: 0.7;
}

.search-col-extra .form-control, .search-col-extra .btn {
    border-color: #d0d5dd!important;
}

.search-row .input-group-append .btn {
    display: flex;
    place-items: start;
    place-content: start;
    padding-top: 1rem;
}

.test-placeholder {
    font-weight: 600;
}

.errmsg {
    color: red;
}

.okmsg {
    color: green;
}

.profile-button-wr {
    display: flex;
    place-items: center;
    place-content: center;
}

.profile-buttons {
    background-color: #f3f4f8;
    border: 2px solid #eaecf0;
    border-radius: 0.5rem;
}

.profile-buttons .btn {
    border: 0;
    background-color: #f3f4f8;
    color: #667085!important;
    font-weight: 600;
    margin: 0.2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    
}

.profile-button-active {
    background-color: white!important;
    border: 2px solid #edeeef;
    border-radius: 0.5rem;
    cursor: default;
    pointer-events: none;
}

.a-prolong {
    font-weight: 600;
    margin-left: 1rem;
}

.no-border {
    border: 0!important;
    background-color: transparent!important;
    color: #2970ff!important;
    font-weight: 600;
    padding: 0!important;
    padding-top: 1rem!important;
}

.nb-red {
    border: 0!important;
    background-color: transparent!important;
    color: #d92d20!important;
    font-weight: 600;
    padding: 0!important;
    margin-left: 2rem!important;
}

.nb-ico {
    font-size: 1.1rem;
    padding-right: 0.2rem;
}

.upload-images {
    display: flex;
    flex-wrap: wrap;
}

.upimg-wrapper {
    position: relative;
    touch-action: none;
}

.upload-image {
    position: relative;
    border: 1px solid #d0d5dd;
    border-radius: 0.75rem;
    width: 9rem;
    height: 9rem;
    margin: 0.5rem;
}

.upimg-droparea {
    flex-grow: 1;
}

.upimg-header {
    position: absolute;
    right: 0;
    z-index: 50;
    text-align: right;
    padding: 0.1rem;
    text-align: right;
    background-color: transparent;
}

.upimg-delete {
    margin: -1rem;
    padding: 1rem;
    cursor: pointer;
}

.upimg-delete:hover {
    font-size: 1.25rem;
}

.upimg-upload {
    border-radius: 0.75rem;
    height: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    place-items: center;
    place-content: center;
    cursor: pointer;
}

.upimg-button {
    border: 2px solid #f2f3f6;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.upimg-title {
    font-size: 0.9rem;
    padding: 0.5rem;
    color: #2970ff;
    text-align: center;
}

.upimg-preview {
    height: 100%;
    width: 100%;
    display: flex;
    place-items: center;
    place-content: center;
}

.upimg-wrapper:not(:first-child) .upimg-preview {
    cursor: pointer;
}

.upimg-wrapper:first-child .upload-image {
    border: 2px solid #2e90fa;
}

.upimg-preview img {
    display: block;
    max-width: 8rem;
    max-height: 8rem;
    width: auto;
    height: auto;
    pointer-events: none;
}

.input-phone img{
    border-top: 1px solid #b2ccff;
    border-bottom: 1px solid #b2ccff;
    border-left: 1px solid #b2ccff;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    background-color: #f9fafb;
    width: 1.8rem;
    padding-left: 0.5rem;
}

.input-phone input {
    border-left: 0!important;
}

.inline-btn {
    margin-top: 0.5rem;
}

.phone-label {
    padding-right: 1rem;
}

.phone-label .nb-red {
    margin-top: -0.5rem;
}
.phone-regcode-input {
    min-width: 6rem;
    margin-right: 1rem;
}

.phone-regcode-group {
    display: flex;
    flex-wrap: nowrap;
    margin: 1rem 0;
}

.phone-chechbox-inactive {
    margin: 0.5rem 0;
}

.phone-chechbox-active {
    margin: 0.5rem 0;
}


#details {
    background-color: white;
}

.dt-title {
    padding-bottom: 0.2rem;
}

.dt-salary-block {
    display: flex;
    font-size: 1.2rem;
}

.dt-company-block {
    border: 1px solid #b2ccff;
    border-radius: 0.5rem;
    padding: 0.5rem 0.7rem;
    margin: 2rem 0;
    display: flex;
}

.dt-content {
    flex-grow: 1;
}

.dt-image {
    background-color: #f3f4f8;
    border-radius: 0.5rem;
    width: 6rem;
    height: 6rem;
    margin-right: 1rem;
    display: flex;
    place-items: center;
    place-content: center;
}

.dt-image img {
    display: block;
    max-width: 6rem;
    max-height: 6rem;
    width: auto;
    height: auto;
}

.dt-description {
    margin-bottom: 2rem;
}

.dt-contacts {
    margin: 1rem 0;
    border: 1px solid #d0d5dd;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
}

.dt-phone {
    margin: 1rem;
    font-size: 1.5rem;
    color: #2970ff!important;
    font-weight: 600;
    text-decoration: none!important;
}

.dt-phones-block {
    padding-bottom: 0.5rem;
}

.dt-contact-person {
    color: #7b7e85;
    padding-bottom: 0.3rem;
}

.dt-contacts .no-border {
    padding-top: 0!important;
    font-size: 1.1rem;
}

.dt-feedback {
    margin: 2rem 0;
    border: 1px solid #2970ff;
    border-radius: 0.5rem;
    padding: 1rem;
}

.dt-feedback legend {
    color: #7b7e85;
}

.dt-buttons {
    display: flex;
    flex-wrap: wrap;
}

.dt-buttons .btn {
    font-weight: 600;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    display: block;
    width: 100%;
    margin-bottom: 0.5rem;
}

.dt-buttons .btn svg, .dt-buttons .btn img {
    margin-right: 0.3rem;
    margin-top: -0.2rem;
}

.dt-btn-fav  {
    border-color: #d0d5dd;
    background-color: transparent!important;
    color: #1570ef!important;
}

.dt-btn-complain  {
    border-color: #d0d5dd;
    background-color: transparent!important;
    color: #d92d20!important;
}

.carousel-title {
    background-color: #f9fafb;
    padding: 1rem;
}

.carousel-title h3 {
    margin: 0;
}

.btn .spinner-border-sm {
    margin-right: 0.5rem;
}

.modal-footer {
    background-color: white!important;
}

.top-queries {
    text-align: center;
    padding: 2rem 1rem;
    background-color: #f9fafb;
}

.top-queries-links {
    display: flex;
    flex-wrap: wrap;
}

.top-queries a {
    display: inline-block;
    padding: 0 0.5rem;
    font-size: 1.1rem;
}

.carousel-caption {
    color: black;
    display: flex;
    padding-bottom: 1rem;
    left: 0;
    right: 0;
    margin: 0 1rem;
}

.carousel-item {
    height: 17rem!important;
}

.carousel-caption .ab {
    height: 13.5rem;
    display: block;
    text-align: left;
    padding: 0;
}

.carousel-caption .ab:not(:last-child) {
    margin-right: 1rem;
}

.carousel-caption .ab-image-m {
    width: 5rem;
    height: 5rem;
    margin-bottom: 0.3rem;
}

.carousel-caption .ab-image-ln {
    padding: 0.1rem 1rem;
    padding-top: 1rem;
    display: flex;
}

.carousel-caption .ab-title-ln {
    font-size: 1rem;
    padding: 0.1rem 1rem;
    padding-bottom: 0.5rem;
}

.carousel-caption .ab-title, .carousel-caption .ab-details, .carousel-caption .ab-location-title {
    white-space: nowrap;
    overflow: hidden;
}

.carousel-caption .ab-spacer {
    flex-grow: 1;
}

.carousel-caption .ab-details-ln {
    border-top: 1px dashed #a7bfef;
    padding: 0.1rem 1rem;
    padding-top: 0.3rem;
}

.carousel-caption .ab-location {
    padding: 0.1rem 1rem;
}

.carousel-indicators li {
    background-color: #002d5d;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 1rem;
    border: 0;
}

.bglwhite {
    background-color: #f9fafb;
}

.__editor {
    min-height: 15rem;
    max-height: 80vh;
    overflow-x: hidden!important;
    border: 1px solid #b2ccff!important;
    border-radius: 0.5rem!important;
    background-color: #f9fafb!important;
    font-family: inherit!important;
}

.__toolbar {
    display: none!important;
}

button[data-command-id="outdent"], button[data-command-id="indent"]  {
    display: none;
}

.dt-contacts textarea, .dt-feedback textarea {
    height: calc(1.5em + 0.75rem + 2px);
}

.aselect .b-form-tags-input {
    min-width: 0.5rem!important;
}

.aselect .mw-100 {
    max-width: 90% !important
}

.article-listing {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.at-metadata {
    margin-bottom: 2rem;
    color: #8c8d8e;
    font-size: 0.8rem;
}

.news-link a {
    color: #2e90fa!important;
    font-weight: 700;
    white-space: nowrap;
}

.article-tag-before {
    padding-top: 0.7rem;
    padding-right: 0.7rem;
}

.article-tag, .article-tag:hover {
    display: block;
    background-color: #bbbbbb;
    color: white;
    padding: 0.3rem 1rem;
    margin: 0.3rem;
    text-decoration: none;
}

.dt-description img {
    max-width: 95%;
}

.dt-share-wr {
    position: relative;
}

.dt-share-platform {
    margin: 0.5rem;
    cursor: pointer;
}

#dt-share-btn {
    padding: 0.5rem;
    cursor: pointer;
}

#dt-share-block {
    display: none;
    position: absolute;
    right: 0.3rem;
    top: -3.8rem;
    border: 1px solid #b2ccff;
    border-radius: 0.5rem;
    padding: 0.5rem;
    background: #ffffff;
}

@media (min-width: 576px) {
    .article-title {
        font-size: 1.5rem;
    }
    
    .news-link a {
        padding-left: 1rem;
    }

    .at-metadata div:not(:first-child) {
        margin-left: 0.5rem;
    }

    .at-metadata div:first-child {
        font-weight: 700;
        color: #7c7d7d;
    }

    .at-metadata div:not(:first-child)::before {
        content: '|';
        margin-right: 0.5rem;
    }

    .__toolbar {
        display: flex!important;
    }

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

    main {
        padding-top: 1rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .search-title {
        padding-top: 1rem;
    }

    .signup-button-m {
        margin-left: 1rem;
        padding: 0 1.5rem;
        border-radius: 0.5rem;
        background-color: #2e90fa;
        cursor: pointer;
    }
    
    .signup-button-m a {
        color: white !important;
        font-weight: bold;
    }

    .login-page {
        background-color: #f9fafb;
        height: 100vh;
        display: flex;
        place-items: center;
        place-content: center;
    }

    .register-page {
        height: 120vh;
    }

    .login-card {
        width: 25rem;
        border-radius: 1rem;
        border: 0;
    }

    .bgfooter {
        text-align: left;
    }

    .footer_row {
        display: flex;
    }

    .footer_spacer {
        flex-grow: 1;
    }

    .footer_copyright_title {
        padding-top: 1rem;
    }

    .fcontainer {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    
    .content {
        display: flex;
        background-color: #f9fafb;
    }
    .content main {
        flex-grow: 1;
        padding-right: 2rem;
    }
    .content aside {
        width: 22.6rem;
        padding-top: 2rem;
        padding-right: 5rem;
    }
    .searchfr {
        margin-left: 2rem;
        margin-right: 2rem;
    }
    .search-title {
        padding-left: 2rem;
    }

    .ab-image {
        background-color: #f3f4f8;
        border-radius: 0.5rem;
        width: 8rem;
        height: 8rem;
        margin-right: 1rem;
        display: flex;
        place-items: center;
        place-content: center;
    }

    .ab-image img {
        display: block;
        max-width: 8rem;
        max-height: 8rem;
        width: auto;
        height: auto;
    }

    .article-image {
        background-color: #f3f4f8;
        border-radius: 0.5rem;
        width: 263px;
        height: 155px;
        margin-right: 1.5rem;
        display: flex;
        place-items: center;
        place-content: center;
    }

    .article-image img {
        display: block;
        width: 263px;
        height: 155px;
        width: auto;
        height: auto;
    }

    .ab-salary-block {
        display: flex;
        place-items: end;
        place-content: end;
    }

    .ab-title {
        padding-bottom: 0.3rem;
    }

    .inline-btn {
        margin-top: 0;
        margin-left: 0.5rem;
    }

    .dt-title h1 {
        font-size: 2rem;
    }

    .profile-button-wr {
        display: block;
        margin-left: 2rem;
    }
    
    .profile-buttons .btn {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .top-queries {
        padding: 2rem 3rem;
    }

    .carousel-caption {
        margin: 0 2rem;
    }

    .hcontent {
        padding-left: 1rem;
        padding-right: 1rem;
    }

}



@media (min-width: 992px) {
    .article-published {
        padding-top: 0.5rem;
    }

    .searchfr-container, .content, .hcontent, .pcontent, .fcontainer, main {
        max-width: 87rem;
        margin: auto;
    }

    .content main {
        margin: 0;
    }

    .fcontainer {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .hcontent {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    main {
        padding-top: 2rem;
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .searchfr {
        margin-left: 5rem;
        margin-right: 5rem;
        margin-bottom: 1.7rem;
    }
    .search-title {
        padding-left: 5rem;
    }
    
    .search-col, .search-col-extra {
        padding: 0;
    }

    .search-col:not(:first-child):not(:last-child) .form-control, .search-col:not(:first-child):not(:last-child) .btn, .search-col:not(:first-child):not(:last-child) .input-group {
        border-radius: 0!important;
    }

    .search-col:not(:first-child) .input-group {
        margin-left: -1px;
        z-index: 20;
    }

    .search-col:last-child .form-control {
        margin-left: -2px;
        z-index: 30;
    }

    .search-col .form-control, .search-col .btn {
        border: 0!important;
    }

    .search-col .input-group, .search-col:last-child .form-control {
        border: 1px solid #b2ccff!important;
        border-radius: 0.5rem!important;
        min-height: 3rem;
        background-color: #f9fafb !important;
    }

    .search-col:first-child .btn, .search-col:first-child .input-group {
        border-top-right-radius: 0!important;
        border-bottom-right-radius: 0!important;
    }

    .search-col:last-child .form-control, .search-col:last-child .input-group {
        border-top-left-radius: 0!important;
        border-bottom-left-radius: 0!important;
    }
    
    .search-row {
        padding: 0;
        display: flex;
        background-color: #ffffff !important;
    }

    .search-row-first {
        margin-bottom: 0.3rem;
    }

    .search-keywords {
        flex-grow: 1;
    }

    .search-col-extra .form-control, .search-col-extra .input-group-append .btn {
        border: none;
        background-color: transparent!important;
    }
    
    .search-col-extra .input-group-append {
        height: 3rem;
    }

    .search-col-extra input::placeholder {
        font-weight: 600;
    }

    .buttons-right {
        display: block;
    }

    .dt-buttons-spacer {
        flex-grow: 1;
    }

    .buttons-right .btn {
        display: inline;
        width: auto;
        margin-left: 0.5rem;
    }

    .dt-buttons .btn:not(:last-child) {
        margin-right: 0.5rem;
    }

    .dt-buttons .btn {
        display: inline;
        width: auto;
    }

    .searchfr .buttons-right .btn-primary {
        margin-right: -0.5rem;
    }

    #searchfrm {
        min-height: 124px;
    }

    .searchfr {
        padding: 1rem 0.7rem;
        padding-bottom: 0;
    }

    .searchfr .b-form-tags {
        border-right: 0!important;
    }

    .profile-button-wr {
        margin-left: 5rem;
        margin-bottom: -1rem;
    }

    .carousel-caption {
        margin: 0 5rem;
    }

    .news-title {
        padding-left: 6rem;
    }

    .article-listing {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

}