/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 4.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.btn-mr {
    margin-right: 2px;
}

.form-upload {
    border : 1px solid #ccc;
    padding: 3px 23px;
}

.form-control {
    border-radius: 4px;
}

.pro {
    z-index : 3;
    width   : 100%;
    left    : 32%;
    top     : 18%;
    position: absolute;
}

.btn {
    margin: 2px;
}

.close-video {
    position     : absolute;
    border       : 1px solid whitesmoke;
    border-radius: 50%;
    background   : red;
    color        : white;
    width        : 19px;
    text-align   : center;
    right        : 3px;
    top          : 3px;
    cursor       : pointer;
}

.over {
    overflow-x                : hidden;
    overflow-y                : auto;
    background                : rgba(0, 0, 0, 0.3);
    position                  : fixed;
    top                       : 0;
    right                     : 0;
    bottom                    : 0;
    left                      : 0;
    z-index                   : 3;
    display                   : none;
    overflow                  : hidden;
    -webkit-overflow-scrolling: touch;
    outline                   : 0;
}

/* notification */
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i');

/* html, body{
  height:100%;
  width:100%;
  font-family: 'Raleway', sans-serif;
  background-color:#efefef;
  display: table;
  text-align: center;

} */

.toast__container {
    height          : 100%;
    width           : 100%;
    font-family     : 'Raleway', sans-serif;
    background-color: #efefef;
    display         : table;
    text-align      : center;
    display         : table-cell;
    vertical-align  : middle;
}

.toast__cell {
    display: inline-block;
}

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

.toast__svg {
    fill: #fff;
}

.toast {
    z-index         : 100;
    text-align      : left;
    padding         : 7px 17px;
    background-color: #fff;
    border-radius   : 4px;
    top             : 132px;
    right           : 24px;
    color           : #fff;
    margin          : 20px;
    position        : absolute;
    box-shadow      : 1px 7px 14px -5px rgba(0, 0, 0, .2);
}

.toast:before {
    content                  : '';
    position                 : absolute;
    top                      : 0;
    left                     : 0;
    width                    : 4px;
    height                   : 100%;
    border-top-left-radius   : 4px;
    border-bottom-left-radius: 4px;

}

.toast__icon {
    position     : absolute;
    top          : 50%;
    left         : 22px;
    transform    : translateY(-50%);
    width        : 14px;
    height       : 14px;
    padding      : 7px;
    border-radius: 50%;
    display      : inline-block;
}

.toast__type {
    color        : #3e3e3e;
    font-weight  : 700;
    margin-top   : 0;
    margin-bottom: 8px;
}

.toast__message {
    font-size    : 14px;
    margin-top   : 0;
    margin-bottom: 0;
    color        : #878787;
}

.toast__content {
    padding-left : 70px;
    padding-right: 60px;
}

.toast__close {
    position : absolute;
    right    : 22px;
    top      : 50%;
    width    : 14px;
    cursor   : pointer;
    height   : 14px;
    fill     : #878787;
    transform: translateY(-50%);
}

.toast--green .toast__icon {
    background-color: #2BDE3F;
}

.toast--green:before {
    background-color: #2BDE3F;
}

.toast--blue .toast__icon {
    background-color: #1D72F3;
}

.toast--blue:before {
    background-color: #1D72F3;
}

.toast--yellow .toast__icon {
    background-color: #FFC007;
}

.toast--yellow:before {
    background-color: #FFC007;
}

.menu-tab {
    display      : block;
    overflow     : hidden;
    background   : #F0F3FA;
    border       : 1px solid #E4E9F3;
    margin-bottom: 40px;
    background   : #F0F3FA;
}

.menu-tab li {
    display  : inline-block;
    padding  : 14px;
    font-size: 16px;
}

.menu-tab li:hover {
    background: #FFFFFF;
    color     : #0059A9;
}

.choose {
    background: #FFFFFF;
    color     : #0059A9;
}

.img-banner {
    width: 100%
}

.upload {
    border    : 1px solid;
    padding   : 8px 69px;
    background: red;
    color     : white;
    cursor    : pointer;
}

.table tbody tr td {
    vertical-align: middle;
    text-align    : center;
}

input.none-file {
    display: none;
}

.label-image {
    text-align: center;
    padding   : 8px;
    background: indianred;
    color     : white;
}

.circle-btn {
    width        : 24px !important;
    height       : 24px !important;
    border-radius: 15px !important;
    margin       : 6px !important;
    padding      : 0px 0 0 1px !important;
    text-align   : center !important;
    display      : inline-block !important;
}

#new-notification {
    cursor  : pointer;
    position: fixed;
    bottom  : 100px;
    right   : 50px;
}

#new-notification .content {
    border       : 1px solid #D9DDE5;
    background   : #e2ebf2;
    margin-bottom: 10px;
    width        : 300px;
    padding      : 15px;
}

#new-notification img {
    width: 40px;
}

#new-notification .text {
    overflow: hidden;
}

#new-notification .text span {
    font-size  : 13px;
    color      : #000000;
    line-height: 18px;
    font-weight: 700;
}

#new-notification .image {
    max-width   : 54px;
    max-height  : 54px;
    overflow    : hidden;
    float       : left;
    margin-right: 15px;
}

#myAllPictures {}

#myAllPictures li {
    height: 250px
}

#myAllPictures li img {
    width          : 100%;
    height         : 100%;
    object-fit     : cover;
    object-position: center;
}

.avatar img {
    width        : 100%;
    height       : 100%;
    border-radius: 50%;
    object-fit   : cover;
}

.share-status {}

#form-share-post .btn-public {
    width: 100%
}

#form-share-post .share-status:first-child>.wrap-btn-share {
    display   : none;
    margin-top: 30px;
}

#form-share-post .wrap-btn-share {
    width: 100%;
}

.sub-more-cus {
    background: none !important;
    border    : none !important;
    box-shadow: none !important;
    padding   : 0 !important;
}

.sub-more-cus li {
    border    : none !important;
    padding   : 20px 0 !important;
    background: none !important;
    z-index   : 9 !important;
}

.sub-more-cus img {
    width: 20px !important;
}

.small-circle-avatar {
    width        : 35px !important;
    height       : 35px !important;
    border-radius: 50% !important;
}

.tag-friends {
    display: none !important;
}

#inputFileBackground {
    display: none;
}

#changeBackground,
#changeBackgroundGroup {
    position     : absolute;
    right        : 10px;
    top          : 10px;
    border-radius: 3px;
    background   : #754c29;
    color        : #fff;
    padding      : 5px 10px;
    line-height  : 20px;
    display      : inline-block;
    width        : auto;
    z-index      : 9;
    cursor       : pointer;
    box-shadow   : 3px 3px 3px #754c29;
}

.success-noti {
    background: #19a719;
    z-index   : 9999999;
}

.error-noti {
    background: #ff3a52;
    z-index   : 9999999;
}

.main-content.margintop30 {
    min-height: 600px;
}

.action-user>a>img {
    padding: 10px;
}

#box-notification {
    max-height: 300px;
    overflow-y: scroll;
}

.gallery li {
    list-style: none;
}

.popup-video img {
    width     : 100% !important;
    padding   : 1px !important;
    object-fit: contain;
    max-height: 400px !important;
    background: #000 !important;
}

.image-popup-gallery img {}

.swal2-actions button {
    width: 120px !important;
}

.custom-file-upload {
    width           : 35px;
    height          : 35px;
    text-align      : center;
    line-height     : 35px;
    border-radius   : 50%;
    cursor          : pointer;
    margin-bottom   : 0;
    display         : block;
    margin          : -20px 65px 10px;
    position        : relative;
    z-index         : 5;
    background-image: linear-gradient(-139deg, #fdb913 0%, #fdb913 100%)
}

.custom-file-upload input[type="file"] {
    display: none;
}

.custom-file-upload img {
    border    : 0px !important;
    object-fit: none !important;
    width     : 35px !important;
    height    : 35px !important;
}

@media only screen and (max-width: 767px) {
    .custom-file-upload {
        margin: -15px auto 10px;
    }
}

.content>a {
    color: #006CD9
}

#box-upload-files {
    display   : none;
    position  : fixed;
    width     : 100%;
    height    : 100%;
    z-index   : 999999;
    background: #50505087;
    top       : 0;
    left      : 0;
    right     : 0;
    bottom    : 0;
    text-align: center;
}

.box-upload-files-box {
    width        : 300px;
    background   : #fff;
    padding      : 10px 5px;
    border-radius: 5px;
    margin       : 80px auto;
}

.box-upload-files-box .buttons {
    text-align : center;
    border-top : 1px solid #ccc;
    padding-top: 8px;
}

.box-upload-files-box h3 {
    color      : #6b6b6b;
    font-size  : 13px;
    line-height: 26px;
}

.box-upload-files-box button.select-button {
    width        : 100px;
    display      : inline-block;
    padding      : 0px;
    line-height  : 29px;
    border-radius: 5px;
}

.box-upload-files-box button.off-button {
    width        : 100px;
    display      : inline-block;
    padding      : 0;
    line-height  : 29px;
    background   : #ccc;
    border-radius: 5px;
}

#upload-loading {
    display   : none;
    position  : fixed;
    width     : 100%;
    height    : 100%;
    z-index   : 999999;
    background: #e2e2e23d;
    top       : 0;
    left      : 0;
    right     : 0;
    bottom    : 0;
    text-align: center;
}

.upload-loading-box {
    background   : #fff;
    width        : 70px;
    height       : 70px;
    border-radius: 50%;
    padding      : 1px;
    display      : inline-block;
    position     : fixed;
    margin       : auto;
    left         : calc(50% - 25px);
    top          : 45%;
}

.text-logo-loading {
    position      : absolute;
    font-size     : 13px;
    top           : 17px;
    left          : 17px;
    line-height   : 20px;
    text-align    : center;
    color         : #0c7cec;
    text-transform: uppercase;
}

.upload-loading-box img {}


.box-login .login-gg {
    background    : #754c29;
    border        : 1px solid #754c29;
    border-radius : 2px;
    display       : inline-block;
    width         : 100%;
    color         : #FFFFFF;
    text-align    : center;
    font-weight   : 700;
    text-transform: uppercase;
    height        : 40px;
    line-height   : 40px;
    margin-top    : 10px;
}

.box-login .login-gg img {
    width       : 11px;
    margin-right: 5px;
}

.section-header {
    position: fixed;
    width   : 100%;
    z-index : 10;
}

.share-info {
    border    : 1px solid #ccc;
    padding   : 0;
    box-sizing: border-box;
    width     : 100%;
    display   : block;
    box-shadow: 2px 2px 2px #ccc;
    position  : relative;
}

.share-info:after {
    display: block;
    content: '';
    clear  : both;
}

.share-img {
    float     : left;
    width     : 200px;
    height    : 200px;
    object-fit: contain;
    background: #000;
}

.main-post .readmore {
    display: none;
}

.box-publicstatus .wrap-top .avatar .meta .public .more {
    position : inherit;
    right    : unset;
    top      : unset;
    transform: translateY(0%);
}

#box-place-share-2 {
    display: none;
}

.suppermenu {
    position  : fixed;
    width     : 100%;
    height    : 100%;
    z-index   : 99;
    top       : 60px;
    display   : none;
    background: #fff;
}

.suppermenu.show {
    display: block;
}

.suppermenu .close {}

.suppermenu .close img {}

.suppermenu .content {
    background: #d6d6d6;
    overflow-y: auto;
}

.breadc {
    margin-top: 20px;
}

.breadc li {
    display     : inline-block;
    margin-right: 5px;
    list-style  : none;
    font-size   : 13px;
}

section.stage {
    padding: 0px 0 25px 0px;
}


section.stage ul li {
    list-style-type: none;
    float          : left;
    position       : relative;
    cursor         : pointer;
    margin-top     : 30px;
}

section.stage ul li a,
.col_rt a span:first-child {
    background     : #fff;
    border         : solid 1px #dcdbd3;
    width          : 40px;
    height         : 40px;
    line-height    : 40px;
    border-radius  : 50%;
    display        : block;
    text-align     : center;
    text-decoration: none;
}


section.stage ul li a:hover {
    background  : #d6e7ed;
    border-color: #dcdbd3;
}

section.stage ul li a,
.arpd_lft.new h2,
.srch_btn a div {
    color: #464646;
}

section.stage.tm_lne ul li:first-child+div {
    width : 53px;
    height: 40px;
    float : left;
}

section.stage ul li:first-child+div {
    width: 68px;
}

section.stage ul li:first-child+div,
section.stage.tm_lne ul li+div.tm_dt {
    background: url(https://images1.content-hci.com/hca-cont/img/icons/stage_dot_bg.png) repeat-x !important;
    float     : left;
    height    : 40px;
}

section.stage.tm_lne ul li+div {
    width     : 47px;
    height    : 40px;
    float     : left;
    margin-top: 30px;
}

section.stage.tm_lne ul li+div.tm_dt {
    width: 53px;
}

section.stage ul li:first-child+div,
section.stage.tm_lne ul li+div.tm_dt {
    background: url(https://images1.content-hci.com/hca-cont/img/icons/stage_dot_bg.png) repeat-x !important;
    float     : left;
    height    : 40px;
}

section.stage.tm_lne ul li span:nth-child(2) {
    width     : 84px;
    background: rgba(255, 255, 255, 0);
}

section.stage ul li span:nth-child(2) {
    font-size  : 13px;
    position   : absolute;
    left       : -20px;
    width      : 100px;
    text-align : center;
    margin-top : 43px;
    opacity    : .5;
    line-height: 16px;
}

.brdbt {
    border-bottom : solid 1px #e3e2de;
    padding-bottom: 20px;
    margin-bottom : 20px;
}

.pro_hd {}

.pro_hd h1 {
    line-height: 24px;
}

.profile.new .tesr,
.srch_btn a,
.srch_btn a .fa,
.art_brd.new .blk,
section.stage ul li a {
    font-size: 14px;
}

.profile.new .tesr {
    line-height: 24px;
}

.tesr {
    width      : 100%;
    font-size  : 13px;
    margin-top : 10px;
    line-height: 20px;
}

.posrel {
    width     : 100%;
    position  : relative;
    display   : inline-block;
    margin-top: 20px;
}

.flud {
    margin-bottom: 20px;
}

.flud:after {
    content: '';
    clear  : both;
    display: block;
}

.col_rt.fleft {
    float: left;
}

.col_rt {
    width   : 157px;
    position: relative;
}

.col_rt {
    width   : 157px;
    position: relative;
}

.fright {
    float: right;
}

.subhd {
    text-align: center;
}

.col_rt a {
    text-align: center;
    margin    : 0 auto;
    display   : table;
}

.col_rt span:first-child {
    color      : #464646;
    margin     : 0 auto;
    display    : inline-block !important;
    float      : left;
    margin-left: 24px;
    width      : 43px;
    height     : 43px;
}

.col_rt span:first-child {
    color      : #464646;
    margin     : 0 auto;
    display    : inline-block !important;
    float      : left;
    margin-left: 24px;
    width      : 43px;
    height     : 43px;
}

.col_rt span:nth-child(2) {
    color      : #006699;
    line-height: 20px;
    text-align : center;
    float      : left;
    width      : 95px;
}

.col_rt span:nth-child(2) {
    color      : #006699;
    line-height: 20px;
    text-align : center;
    clear      : both;
    float      : left;
    display    : block;
}

.col_rt .rt_arrow.left {
    left : 0 !important;
    right: inherit;
}

.col_rt .rt_arrow {
    position: absolute;
    right   : 0;
    top     : 27px;
}

.col_rt .rt_arrow {
    position: absolute;
    right   : 0;
    top     : 26px;
}

.col_rt a {
    text-align: center;
    margin    : 0 auto;
    display   : table;
}

.listStep3 {
    text-align: center;
    margin    : auto;
    width     : fit-content;
    width     : -moz-max-content;
}

section.stage ul li:first-child a span:first-child {
    width  : 40px;
    height : 40px;
    display: block;
}

@media only screen and (max-width: 992px) and (min-width: 768px) {

    section.stage ul li span:first-child,
    section.stage ul li+div,
    section.stage ul li:first-child a span:first-child,
    section.stage ul {
        display: none;
    }

    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    section.stage .tmr {
        color      : #0c7ced;
        font-weight: bold;
        padding    : 2px 0 0 10px;
    }

    section.stage .tmr {
        display: block;
    }

    .tmr {
        z-index: inherit;
    }

    .tmr {
        overflow-y     : hidden;
        background     : url(https://images7.content-hci.com/hca-cont/img/icons/slct_arw2.png) no-repeat scroll right center #f7f7f5;
        border         : 1px solid #ccc;
        border-radius  : 3px;
        color          : #fff;
        display        : inline-block;
        height         : 47px;
        line-height    : 39px;
        list-style-type: none;
        position       : relative;
        text-decoration: none;
        margin         : 0 auto;
        overflow       : visible;
    }

    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    section.stage ul li span:first-child,
    section.stage ul li+div,
    section.stage ul li:first-child a span:first-child,
    section.stage ul {
        display: none;
    }

    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    section.stage ul li a {
        height: auto;
    }

    section.stage ul li a {
        background   : #fff;
        border-bottom: solid 1px #dcdbd3;
        border-radius: 0;
        width        : 100%;
        line-height  : 40px;
        display      : block;
        text-align   : left;
        padding-left : 10px;
    }

    section.stage ul li a {
        height: auto;
    }

    section.stage ul li span:nth-child(2) {
        position: inherit;
    }

    section.stage ul li span:nth-child(2) {
        opacity: 1 !important;
    }

    section.stage ul li a:hover {
        background: #0c7ced;
        color     : #fff;
    }
}


section.stage .tmr {
    display: none;
}

section.stage.tm_lne ul li+div {
    width : 47px;
    height: 40px;
    float : left;
}

section.stage ul li+div {
    width     : 68px;
    height    : 40px;
    background: url(https://images2.content-hci.com/hca-cont/img/icons/stage_line_bg.png) repeat-x;
    float     : left;
}


@media only screen and (max-width: 767px) and (min-width: 481px) {

    section.stage ul,
    section.stage ul li span:first-child,
    section.stage ul li+div,
    section.stage ul li:first-child a span:first-child {
        display: none;
    }

    section.stage ul li span:first-child,
    section.stage ul li+div,
    section.stage ul li:first-child a span:first-child,
    section.stage ul {
        display: none;
    }

    .srch_btn a,
    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    section.stage .tmr {
        color      : #754c29;
        font-weight: bold;
        padding    : 2px 0 0 10px;
    }

    section.stage .tmr {
        display: block;
    }

    .tmr {
        overflow-y     : hidden;
        background     : url(https://images8.content-hci.com/hca-cont/img/icons/slct_arw2.png) no-repeat scroll right center #f7f7f5;
        border         : 1px solid #ccc;
        border-radius  : 3px;
        color          : #fff;
        cursor         : pointer;
        display        : inline-block;
        height         : 47px;
        line-height    : 39px;
        list-style-type: none;
        position       : relative;
        text-decoration: none;
        z-index        : 9;
        margin         : 0 auto;
        overflow       : visible;
    }

    .srch_btn a,
    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    section.stage ul li span:first-child,
    section.stage ul li+div,
    section.stage ul li:first-child a span:first-child,
    section.stage ul {
        display: none;
    }

    .srch_btn a,
    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    .srch_btn a,
    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    section.stage ul li a {
        background   : #fff;
        border-bottom: solid 1px #dcdbd3;
        border-radius: 0;
        width        : 100%;
        line-height  : 40px;
        display      : block;
        text-align   : left;
        padding-left : 10px;
    }

    section.stage ul li a {
        height: auto;
    }

    section.stage ul li span:first-child,
    section.stage ul li+div,
    section.stage ul li:first-child a span:first-child,
    section.stage ul {
        display: none;
    }

    section.stage ul li span:nth-child(2) {
        position: inherit;
    }

    section.stage ul li span:nth-child(2) {
        opacity: 1 !important;
    }

    section.stage ul li a:hover {
        background: #0c7ced;
        color     : #fff;
    }
}

section.stage ul li:first-child a span:first-child img {
    padding       : 2px 4px 4px 2px;
    margin        : auto;
    vertical-align: unset;
    width         : 100%;
    height        : 100%;
}

.orbg {
    background: #754c29 !important;
    color     : #fff !important;
}


#loadingView {
    position  : fixed;
    width     : 100%;
    height    : 100%;
    background: #eaeaea47;
    z-index   : 999;
    display   : none;
}

.loadingBox {
    width        : 70px;
    height       : 70px;
    background   : #fdb913;
    margin       : auto;
    top          : calc(50% - 35px);
    position     : absolute;
    left         : calc(50% - 35px);
    border-radius: 50%;
}

.loadingIcon {
    width        : 94px;
    height       : 94px;
    margin       : auto;
    top          : calc(50% - 47px);
    position     : absolute;
    left         : calc(50% - 47px);
    border-radius: 50%;
    z-index      : 0;
    background   : #fff;
    max-width    : unset;
}

.logoIcon {
    width   : 71%;
    position: absolute;
    top     : 29px;
    left    : 11px;
}

@media only screen and (max-width: 480px) {

    section.stage ul li span:first-child,
    section.stage ul li+div,
    section.stage ul li:first-child a span:first-child,
    section.stage ul {
        display: none;
    }

    .srch_btn a,
    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    section.stage .tmr {
        color      : #0c7ced;
        font-weight: bold;
        padding    : 2px 0 0 10px;
    }

    section.stage .tmr {
        display: block;
    }

    .tmr {
        overflow-y     : hidden;
        background     : url(https://images8.content-hci.com/hca-cont/img/icons/slct_arw2.png) no-repeat scroll right center #f7f7f5;
        border         : 1px solid #ccc;
        border-radius  : 3px;
        color          : #fff;
        cursor         : pointer;
        display        : inline-block;
        height         : 47px;
        line-height    : 39px;
        list-style-type: none;
        position       : relative;
        text-decoration: none;
        z-index        : 9;
        margin         : 0 auto;
        overflow       : visible;
    }

    .srch_btn a,
    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    .srch_btn a,
    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    .srch_btn a,
    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    section.stage ul li a {
        background   : #fff;
        border-bottom: solid 1px #dcdbd3;
        border-radius: 0;
        width        : 100%;
        line-height  : 40px;
        display      : block;
        text-align   : left;
        padding-left : 10px;
    }

    section.stage ul li a {
        height: auto;
    }

    section.stage ul li span:first-child,
    section.stage ul li+div,
    section.stage ul li:first-child a span:first-child,
    section.stage ul {
        display: none;
    }

    section.stage ul li span:nth-child(2) {
        position: inherit;
    }

    section.stage ul li span:nth-child(2) {
        opacity: 1 !important;
    }

    section.stage ul li a:hover {
        background: #0c7ced;
        color     : #fff;
    }
}

@media only screen and (max-width: 992px) and (min-width: 768px) {

    section.stage ul li span:first-child,
    section.stage ul li+div,
    section.stage ul li:first-child a span:first-child,
    section.stage ul {
        display: none;
    }

    .srch_btn a,
    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    section.stage .tmr {
        color      : #0c7ced;
        font-weight: bold;
        padding    : 2px 0 0 10px;
    }

    section.stage .tmr {
        display: block;
    }

    .tmr {
        overflow-y     : hidden;
        background     : url(https://images8.content-hci.com/hca-cont/img/icons/slct_arw2.png) no-repeat scroll right center #f7f7f5;
        border         : 1px solid #ccc;
        border-radius  : 3px;
        color          : #fff;
        cursor         : pointer;
        display        : inline-block;
        height         : 47px;
        line-height    : 39px;
        list-style-type: none;
        position       : relative;
        text-decoration: none;
        z-index        : 9;
        margin         : 0 auto;
        overflow       : visible;
    }

    .srch_btn a,
    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    .srch_btn a,
    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    .srch_btn a,
    .art_brd.new,
    section.stage ul li,
    .tmr,
    section.stage ul,
    .srch_btn {
        width: 100%;
    }

    section.stage ul li a {
        background   : #fff;
        border-bottom: solid 1px #dcdbd3;
        border-radius: 0;
        width        : 100%;
        line-height  : 40px;
        display      : block;
        text-align   : left;
        padding-left : 10px;
    }

    section.stage ul li a {
        height: auto;
    }

    section.stage ul li span:first-child,
    section.stage ul li+div,
    section.stage ul li:first-child a span:first-child,
    section.stage ul {
        display: none;
    }

    section.stage ul li span:nth-child(2) {
        position: inherit;
    }

    section.stage ul li span:nth-child(2) {
        opacity: 1 !important;
    }

    section.stage ul li a:hover {
        background: #0c7ced;
        color     : #fff;
    }
}

section.stage ul li:first-child a span:nth-child(2) {
    margin-top: 3px;
}

.boxNews3 {
    column-count: 3 !important;
    column-gap  : 1em !important;
}

@media only screen and (max-width: 767px) {
    .boxNews3 {
        column-count: 2 !important;
        column-gap  : 1em !important;
    }
}


@media only screen and (max-width: 585px) {
    .boxNews3 {
        column-count: 1 !important;
        column-gap  : 1em !important;
    }
}

.boxNews3 .one-three.item.pd10 {
    width  : unset;
    float  : unset;
    display: inline-block;
}


.boxNews4 .one-three.item.pd10 {
    width     : unset;
    float     : unset;
    /* display: inline-block; */
}


.boxNews4 {
    column-count: 4 !important;
    column-gap  : 1em !important;
}


@media only screen and (max-width: 930px) {
    .boxNews4 {
        column-count: 3 !important;
        column-gap  : 1em !important;
    }
}

@media only screen and (max-width: 767px) {
    .boxNews4 {
        column-count: 2 !important;
        column-gap  : 1em !important;
    }
}


@media only screen and (max-width: 585px) {
    .boxNews4 {
        column-count: 1 !important;
        column-gap  : 1em !important;
    }
}

@media only screen and (max-width: 768px) {
    .padding0Mobile {
        padding: 0 !important;
    }

    .padding15Mobile {
        padding: 0 0 15px 15px !important;
        width  : calc(100% - 15px) !important;
    }

    .marginam15Mobile {
        margin-left : -15px !important;
        margin-right: -15px !important;
    }
}

.boxNews4 .one-four.item.pd10 {
    width  : 100%;
    float  : unset;
    display: inline-block;
}


.share-img {
    float     : left;
    width     : 200px;
    height    : 200px;
    object-fit: contain;
    background: #000;
}

.more-share-info {
    float       : left;
    width       : calc(100% - 200px);
    height      : 200px;
    overflow    : hidden;
    padding-left: 20px;
    background  : #f5f7fa;
}


.share-title {
    font-size    : 17px;
    margin-top   : 11px;
    max-height   : 100px;
    width        : 100%;
    overflow     : hidden;
    text-overflow: ellipsis;
}

.share-description {
    color        : #545454;
    font-size    : 15px;
    margin-top   : 3px;
    max-height   : 86px;
    width        : 100%;
    overflow     : hidden;
    text-overflow: ellipsis;
}

.remove-share-info {
    cursor       : pointer;
    position     : absolute;
    right        : 3px;
    background   : #000;
    color        : #fff;
    width        : 22px;
    height       : 22px;
    text-align   : center;
    border-radius: 2px;
    top          : 3px;
}


@media only screen and (max-width: 1135px) {
    .share-img {
        float     : left;
        width     : 150px;
        height    : 150px;
        object-fit: contain;
        background: #000;
    }

    .more-share-info {
        float       : left;
        width       : calc(100% - 150px);
        height      : 150px;
        overflow    : hidden;
        padding-left: 10px;
        background  : #f5f7fa;
    }


    .share-title {
        font-size    : 15px;
        margin-top   : 3px;
        max-height   : 69px;
        width        : 100%;
        overflow     : hidden;
        text-overflow: ellipsis;
    }

    .share-description {
        font-size    : 13px;
        margin-top   : 3px;
        max-height   : 70px;
        width        : 100%;
        overflow     : hidden;
        text-overflow: ellipsis;
    }
}

@media only screen and (max-width: 767px) {
    .share-img {
        float     : left;
        width     : 150px;
        height    : 150px;
        object-fit: contain;
        background: #000;
    }

    .more-share-info {
        float       : left;
        width       : calc(100% - 150px);
        height      : 150px;
        overflow    : hidden;
        padding-left: 10px;
        background  : #f5f7fa;
    }


    .share-title {
        font-size    : 15px;
        margin-top   : 3px;
        max-height   : 69px;
        width        : 100%;
        overflow     : hidden;
        text-overflow: ellipsis;
    }

    .share-description {
        font-size    : 13px;
        margin-top   : 3px;
        max-height   : 70px;
        width        : 100%;
        overflow     : hidden;
        text-overflow: ellipsis;
    }
}


@media only screen and (max-width: 585px) {
    .share-img {
        float     : left;
        width     : 100px;
        height    : 100px;
        object-fit: contain;
        background: #000;
    }

    .more-share-info {
        float       : left;
        width       : calc(100% - 100px);
        height      : 100px;
        overflow    : hidden;
        padding-left: 10px;
        background  : #f5f7fa;
    }


    .share-title {
        font-size    : 13px;
        margin-top   : 3px;
        max-height   : 50px;
        width        : 100%;
        overflow     : hidden;
        text-overflow: ellipsis;
    }

    .share-description {
        font-size    : 12px;
        margin-top   : 3px;
        max-height   : 40px;
        width        : 100%;
        overflow     : hidden;
        text-overflow: ellipsis;
    }
}

@media only screen and (max-width: 993px) {
    section.stage {
        padding      : 10px 0 11px 0;
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 768px) {

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        position     : relative;
        width        : 100%;
        min-height   : 1px;
        padding-right: 15px;
        padding-left : 15px;
    }
}


@media only screen and (min-width: 768px) {
    .addPaddingLeftRight15 {
        padding-right: 15px;
        padding-left : 15px;
    }
}

.fa.fa-circle-o-notch.fa-spin {
    display: none;
}

#articlesList::after {
    content: "";
    clear  : both;
}

.listStep3::after {
    content: "";
    clear  : both;
    display: table;
}

.search-custom-input {
    display  : inline-block;
    width    : calc(100% - 410px);
    min-width: 300px;
}

.filter-search-news {
    display  : inline-block;
    min-width: 300px;
}

.search-custom-input input {
    width: calc(100% - 38px);
}

.select2location {
    width: 200px;
}

.select2profession {
    width: 200px;
}

@media(max-width: 838px) {
    .select2location {
        width        : calc(50% - 5px) !important;
        display      : inline-block;
        margin-bottom: 0;
        margin-top   : 0;
    }

    .select2profession {
        width: calc(50% - 5px) !important;

        display      : inline-block;
        margin-bottom: 0;
        margin-top   : 0;

    }

    .search-custom-input {
        width: 100%;
    }

    .filter-search-news {
        width          : 100%;
        display        : flex;
        justify-content: space-between;
    }
}

.box-tu-van {
    padding: 10px;
}

.box-tu-van .box-top {
    display       : flex;
    flex-direction: row;
    margin-bottom : 20px;
}

.box-tu-van .box-top img {
    width        : 100px;
    height       : 100px;
    border-radius: 10%;
}

.box-tu-van .box-top-info {
    padding-left   : 20px;
    display        : flex;
    flex-direction : column;
    justify-content: center;
}

.box-tu-van .box-top-info h4 {
    color    : #754c29;
    font-size: 16px;
}

.box-tu-van .box-contact {}

.box-tu-van .box-bottom {
    margin-top: 20px;
}

.box-tu-van .box-bottom button {
    display      : block;
    width        : 100%;
    padding      : 0px 35px;
    line-height  : 40px;
    background   : #754c29;
    border-radius: 9px;
    font-size    : 15px;
    font-family  : Helvetica, Arial, sans-serif;
    color        : #FFFFFF;
    border       : none;
}

.box-tu-van .box-bottom a {
    display      : block;
    width        : 100%;
    padding      : 0 35px;
    line-height  : 40px;
    background   : #fdb913;
    border-radius: 9px;
    font-size    : 15px;
    font-family  : Helvetica, Arial, sans-serif;
    color        : #fff;
    border       : none;
    margin-top   : 10px;
    text-align   : center;
}

.contact-item {
    display       : flex;
    flex-direction: row;
    align-items   : center;
    margin-bottom : 10px;
}

.contact-item img {
    width        : 36px;
    height       : 36px;
    border-radius: 10px;
    margin-right : 15px;
    background   : #fff;
}

.contact-item a {
    color    : #754c29;
    font-size: 18px;
}

.box-tuyen-sinh {
    display   : none;
    position  : fixed;
    background: #00000085;
    width     : 100%;
    height    : 100%;
    left      : 0;
    top       : 0;
    z-index   : 99;
    text-align: center;
}

.box-tuyen-sinh-content {
    width        : 40%;
    min-width    : 300px;
    margin       : auto;
    background   : #fff;
    border-radius: 9px;
    margin-top   : 80px;
}

.box-tuyen-sinh-content .box-title {
    color                  : #fff;
    background             : #754c29;
    height                 : 45px;
    line-height            : 45px;
    border-top-left-radius : 9px;
    border-top-right-radius: 9px;
}

.btn-share-tcn,
.btn-share-fb {
    background    : #754c29;
    margin        : 5px;
    display       : flex;
    flex-direction: row;
    width         : 47%;
    line-height   : 10px;
    padding       : 5px;
    align-items   : center;
    border-radius : 6px;
}

.btn-share-tcn img,
.btn-share-fb img {
    width       : 30px;
    height      : 30px;
    margin-right: 5px;
}


@media (max-width: 768px) {
    .title-search-news {
        padding: 0 15px;
    }
}

#articleSrchWholeDiv h5 {
    margin-bottom: 10px;
}


#change-new-url {
    cursor       : pointer;
    border       : none;
    background   : #754c29;
    color        : #fff;
    border-radius: 4px;
    margin-left  : 10px;
    display      : inline-block;
    height       : 33px;
    font-size    : 14px;
    padding      : 3px 8px;
    line-height  : 26px;
}