@charset "utf-8";
/* CSS Document */
@media (max-width:1440px){
    .graph-gr-btn .btn{
        padding:9px 8px;}

    .login-form, .login-logo{
        padding:45px 30px;
    }
}

@media (max-width:1240px){
    .jb-us-btns .btn-default{
        font-size:12px;
        padding: 10px 12px;
    }
    .profile-tab .nav.nav-tabs.horizontal .nav-link{
        padding: 15px 20px;
    }
}
@media (min-width: 1200px){
    .container {
        max-width: 1280px;
    }
}
@media (max-width:1170px){
    .card{
        padding:20px;
    }
}

@media (min-width:1025px){
    .col5-md{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (min-width:993px){
    .left-side-content{
        width:100%;
        padding-left: 120px;
    }

    .hide-sm-mob{
        display:inline-block;
    }
    .show-sm-mob{
        display:none !important;
    }
    .header {
        padding-left: 135px;
    }

    .panel.table-scroll{
        padding:30px;
    }
    .col5-md-2{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .block-sm-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important;
    }
    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
    }
    .modal-header, .modal-body{
        padding-left:40px;
        padding-right:40px;
    }
    .login-btns{
        position:absolute;
        bottom:15vh;}


    .jb-name-bl{
        padding-right: 140px;
    }
    .header-right-mob{
        display:none;
    }
    .pagination-block {
        margin-left: 124px;
    }

    .job-post-header.scroll-job-post{
        /* width: calc(100% - 120px); */
    right:0;
    padding: 20px 40px;
    }
    
}

@media (max-width:1024px){
    .col5-md{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .job-post-header .job-dt{
        margin: 0 -15px;
    }
    .label-job{
        font-size: 12px;
        padding: 8px 10px;
    }
    .job-dt .post-dt{
        margin:1%;
    }


}
@media (max-width:992px){
    .gr-bl .figure{
        font-size:2.5rem;
    }
    .card .data-dt .data-title {
        margin: 0;
    }
    h3 {
        font-size: 0.6875rem;
    }

    .hide-sm-mob{
        display:none !important;
    }
    .show-sm-mob{
        display:inline-block !important;
    }
    .header-content{
        padding:30px 15px;
    }
    .header-right{
        display:block;
        padding:0 30px;
    }
    .navbar-brand{
        margin:0;
    }
    .card{
        padding:12px;
        margin-bottom:12px;
    }
    .job-card {
        padding:25px 12px
    }

    .side-content {
        padding:30px 15px;
    }
    .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;
    }

    .item-lists li .item-thumb{
        max-width:58px;
    }
    .item-lists li .item-thumb{
        margin-right:15px;
    }
    .li-content .li-title{
        font-size:13px;
    }
    .li-content span{
        font-size:9px;
    }
    body {
        font-size:13px;
    }
    .view-more-bl{
        padding:13px;
    }
    .card .card-title{
        font-size:16px;
    }
    .card .card-header{
        padding:15px;
    }
    .item-lists li{
        padding:12px;
    }
    .menu-bar{
        margin:0;

    }
    h4 {
        font-size: 1rem;
    }
    .side-nav{
        width: 100%;
        padding-top: 40px;
        max-width: 450px;
        left:-100%;
        transition: all 0.35s ease-out 0s;
        -webkit-transition: all 0.35s ease-out 0s;
        overflow-y:scroll;
        text-align: left;
        box-shadow:inherit;
        height: 100%;
        padding-bottom:50px;
    }

    .side-nav .post-btn{
        position:absolute;
        right:15px;
    }
    .side-nav .navbar-area{
        margin-top:80px;
    }
    .side-nav.show {
        left:0;
    }
    .navbar-nav > li{
        text-align:left;
        padding:0;
        border: none;
        margin:0;
    }

    .header-left {
        justify-content: flex-end;
        display: flex;
    }
    .gr-bl .card-link{
        font-size: 10px;
        right: 14px;
        top: 10px;
    }
    .card .card-data {
        padding: 20px 0 10px;
    }
    .graph-dt{
        padding: 15px;
    }
    .graph-dt figure{
        font-size: 32px;
    }
    .ctry-tag {
        width: 50px;
        height: 50px;
        font-size: 10px;
    }
    .img-list > li {
        padding: 15px;
        padding-left: 75px;
        padding-right: 50px;
    }
    .img-list > li dt, .img-list.user > li dt {
        top: 25px;
        font-size: 9px;
        right: 10px;
        width: 37px;
        text-align: right;
    }
    .img-list.user > li img {
        width:45px;
    }
    .img-list.user > li{
        padding: 15px;
        padding-left: 70px;
        padding-right: 40px;
    }
    .li-thumb{
        left: 10px;
    }
    h5 {
        font-size: 0.8rem;
    }
    .navbar-nav > li.active a {
        border-left-color: #FF5242;
    }
    .navbar-nav .nav-link{
        display:flex;
        padding:20px 27px;
        align-items:center;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    }
    .navbar-nav > li i{
        margin:0 24px 0 0;
    }
    .navbar-nav > li > a span{
        font-size:12px;
    }

    .btn {
        font-size:14px;
        padding:10px 15px;
    }
    .btn + .btn{
        margin-left:6px;
    }
    .mb50 {
        margin-bottom: 20px !Important;
    }
    .heading1 {
        font-size:0.875rem;
    }
    .tootls .dropdown + .dropdown {
        margin-left: 20px;
    }

    .side-nav .dropdown-menu{
        position:relative !important;
        display:none;
        background-color:rgba(228,228,236,.4);
        padding:10px 10px 10px 80px;
        box-shadow:inherit;
        transform: inherit !IMPORTANT;
        border-radius:0;
        margin:0;
        width:100%;
        margin:0;
        border:none;
    }
    .dropdown-menu li a{
        font-size:13px;
    }
    .dropdown.show .dropdown-menu.show{
        display:block;
    }
    .card-body{
        padding:15px;
    }
    .page-title.style2{
        font-size:18px;
    }
    .col5-md-2{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .report-li, .user-info .us-info, .activ-info, address {
        font-size: 13px;
    }
    .heading2{
        font-size:0.875rem;
    }
    .mb-3, .my-3 {
        margin-bottom: .5rem!important;
    }
    .icon-edit{
        width: 15px;
        height: 15px;
        background-size: 15px;
    }
    .btn {
        border-width:1.5px;
    }
    .btn-icon{
        padding: 6px 8px;
    }
    .user-act .btn + .btn {
        margin-left: 10px;
    }
    .share-link .icon {
        width: 30px;
        height: 30px;
        background-size: 30px;
    }
    .col5-md-2{
        padding-right: 6px;
        padding-left: 6px;
    }
    .pt-5, .py-5 {
        padding-top: 1.5rem!important;
    }

    .jb-status {
        font-size: 18px;
    }
    .jb-us-ct .icon-ct{
        padding: 3px 4px 2px;
        background-size: 15px;
    width: 30px;
    height: 28px;
    }

    .jb-pro-box .user-avatar{
        position: relative;
        top: -16px;
    }

    .icon-ct:before {
        width: 12px;
        height: 12px;
    }
    .job-post-header{
        padding: 20px;
    }

    .nav.nav-tabs{
        border-bottom: 1px solid #EFF1F5 !important;
        border-right: none;
        margin-bottom: 15px;
        padding-bottom: 12px;
    }
    .notf-text{
        padding-right: 65px;
    }
    .notf-text  .switch{
        position: absolute;
        top: 0;
        right: 0;
    }
    .img-list.user.style2 > li {
        padding-left: 60px;
    }
    .img-list > li > .tools{
        top: 25px;
        right: 10px;
    }
    .login-form, .login-logo{
        width:100%;}
    .login-logo .logo{
        top: inherit;
        max-width: 220px;
        margin-top: 3vh;
        display: inline-block;
    }
    .login-logo{
        height: 40vh;
        display:block !important;
    }
    .login-form{
        height:60vh;
    }
    .login-btns{
        margin-top: 5vh;
    }
    .login-btns a{
        font-size:20px;
        padding-left: 24px;
    }
    .form-group .btn-secondary {
        padding: 15px 40px;
    }
    .f30 {
        font-size:1.3125rem;
    }
    .job-post-header .job-area span {
        font-size: 1rem;
    }
    .job-dt figure {
        font-size: 29px;
    }
    .jb-fi-bx label {
        font-size:11px;
    }

    .job-post-header .job-dt .jb-fi-bx{
        padding: 5px;
        border-radius: 5px;
    }
    .job-post-header .job-dt {
        margin: 0 -5px;
    }
    .jb-us-btns .btn-default{
        font-size:10px;
        padding: 8px 10px;
    }
    .profile-tab .nav.nav-tabs.horizontal{
        border-bottom:none !important;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .job-profile-header{
        padding: 0 15px;
    }
    .profile-tab .nav.nav-tabs.horizontal .nav-link{
        padding: 10px 20px;
        font-size: 14px;
    }
    .header-right-mob{
        display:flex;
        align-items:center;
    }

    .header-right-mob .icon-others{
        transform: rotate(90deg);
    }
    .panel.style2 {
        padding:15px;
    }

    .card.job-card.report-sm {
        padding: 12px 12px;
        padding-top: 12px;
    }
    .jb-user-head .col-9{
        padding-left:0;
    }

    .custom-radio .checkmark {
        height: 60px;
        width: 60px;
    }

    .custom-radio .custom-radio-text {
        font-size: 18px;
    }

    
    .job-post-header.scroll-job-post{
        width: 100%;
    }
}

@media (min-width:768px){
    .hide-mob{
        display:block;
    }
    .show-mob{
        display:none !important;
    }
    .upload-btn-wrapper.col-style{
        display: flex;
        align-items: center;
    }
    .upload-btn-wrapper.col-style .up-icon{
        flex:1;
    }
    .upload-btn-wrapper.col-style .file-select-name{
        flex: 2;
    }
}

@media (max-width:767px){
    .label-job{
        top: 0;
    }
    .jb-us-dt .label-job{
        bottom: 0;
        top:inherit;
    }
    .pagination-block{
        margin-bottom:20px;
    }
    .hide-mob{
        display:none;
    }
    .show-mob{
        display:block !important;
    }
    .profile-tab{
        width: 520px;
    }
    .mob-scroll{
        overflow:scroll;
        margin: 0 -15px;
    }
    .label-job{
        font-size: 10px;
    }
    .table.data-table td {
        display:block;
        width:100%;
    }
    .table.data-table tr  td:first-child {
        border:none;
    }
    table.data-table td{
        padding:15px 20px;
    }
    .panel-footer {
        padding: 15px 20px;
        display: block !important;
    }
    .submision-li .sub-img{
        margin-right:10px;
    }
    .submision-li .sub-img img{
        width:55px;
    }
    .alert dt {
        margin-right: 15px;
    }
    .alert{
        padding:15px;
        font-size: 0.8rem;}
    .modal-rad30 {
        border-radius: 10px;
    }
    .bootstrap-datetimepicker-widget table td.day{
        height: 36px;
    }
    .progress{
        height:6px;
    }
    .upload-btn-wrapper.col-style i{
        margin-bottom: 15px;
    }
    .modal-body {
        padding: 20px;
    }
    .job-dt .post-dt{
        padding: 8px 4px;
        border-radius: 5px;
    }
    .job-post-header .block-between{
        flex-wrap: wrap;
    }

    .job-dt .post-dt span, .job-post-header .job-dt .jb-fi-bx span{
        font-size: 11px;
    }
    .jb-app-act .icon-linkedin{
        width: 20px;
        height: 20px;
        background-size: 20px;
    }
    .jb-app-act{
        width: 35px;
    }
    .modal-header > .modal-title {
        font-size: 16px;
    }
    .open-applicant, .open-applicant-leap{
        width: 20px;
    }
    .open-applicant img, .open-applicant-leap img{
        width: 20px;
    }
    .side-content .tab-content.container {
        padding: 0;
    }
}
@media (max-width:365px){
    .job-dt .post-dt span, .job-post-header .job-dt .jb-fi-bx span {
        font-size: 9px;
    }
}