@charset "utf-8";
/* CSS Document */
/* CSS Document */
/*@import "fonts/fonts.css";*/
@import "../plugins/bootstrap/bootstrap.css";
/* Global Css */
html {
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}
body {
    font-family: 'Poppins', sans-serif;
    color:#293134;
    font-size:15px;
    background-color:#F4F7FC;
}
p {
    font-size:15px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:600;
}
strong, .bold {
    font-weight:700;
}
a {
    color:#293134;
}
ul {
    margin:0;
    padding:0;
}
ul li {
    list-style:none;
}
a, button, input, span {
    outline:0;
}
a:hover {
    color: #FF5242;
    text-decoration:none;
}
a:focus, input:focus, button:focus {
    outline:0;
}
a, button, .btn, input {
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}
a:focus, button:focus, .form-control:focus, .page-link:focus {
    outline:none;
    box-shadow:none !important;
}
.btn.focus, .btn:focus {
    box-shadow:none !important;
}
.btn {
    color:#FF5242;
    font-size:14px;
    padding:12px 14px;
    line-height:1;
    border-radius:4px;
    margin-top:15px;
    text-transform:capitalize;
    border-width: 2px;
}
.btn + .btn {
    margin-left:8px;
}
.btn-primary {
    border-color:#FF5242;
    background-color:#fff;
    color:#FF5242;
}
.btn-primary:hover {
    border-color:#FF5242;
    background-color:#FF5242;
    color:#fff;
}
.img-responsive {
    max-width:100%;
    display:inline-block;
}
.normal {
    font-weight:normal;
}
.medium {
    font-weight:700;
}
h1 {
    font-size:1.75rem;
}
h2 {
    font-size:1rem;
}
h3 {
    font-size:1.25rem;
}
h4 {
    font-size:1rem;
}
h5 {
    font-size:13px;
}
/***************************************** header css ******************************************/
.side-nav {
    background-color:#fff;
    color:#818E94;
    width: 100px;
    min-height:100vh;
    left:0;
    top:0;
    box-shadow: 1px 1px 2px #0000000D;
    text-align: center;
    padding: 30px 0;
    z-index:5;
    position:fixed;
}
.header {
    background-color:#fff;
    box-shadow: 1px 1px 2px #00000005;
}
.header-content{
    display:flex;
    align-items: center;
    justify-content:space-between;
}
.menu-bar {
    background-image: url(../images/icon-menu.svg);
    width: 20px;
    height: 14px;
    display:inline-block;
    margin-bottom:70px;
}
.navbar-brand {
    padding:0;
}
.search-bl .form-control {
    border:none;
    border-bottom:1px solid rgba(112, 112, 112, .5);
    border-radius:0;
    font-size:12px;
    background-color:#fff;
}
.search-bl {
    position:relative;
    margin-top:24px;
    margin-right: 15px;
}
.icon {
    background-position:center;
    background-repeat:no-repeat;
}
.icon-search {
    background-image:url(../images/icon-magnify.svg);
    width:24px;
    height:24px;
    display:inline-block;
    position:absolute;
    left: 15px;
}
.close-menu {
    background-image:url(../images/icon-close.svg);
    width:24px;
    height:24px;
    left: 29px;
    background-repeat:no-repeat;
    background-position:center;
    top: 46px;
    position: absolute;
    display:inline-block;
}
.toggle-search{
    background-image:url(../images/icon-magnify.svg);
    width:24px;
    height:24px;
    display:inline-block;
    margin-right: 25px;
}
.header-left .nav-link {
    font-size:14px;
    margin-left:15px;
    font-weight:normal;
}
.search-bl .form-control {
    padding-left:30px;
}
.search-bl .icon {
    top:6px;
}
.navbar-nav > li {
    padding:10px 0;
    margin:10px 0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
}
.navbar-nav > li.active {
    border-left-color: #FF5242;
}
.navbar-nav > li > a {
    display:block;
    line-height:1;
    padding:0 18px;
    font-weight:400;
}
.navbar-nav > li > a span {
    display:block;
    font-size:9px;
}
.navbar-nav > li i {
    background-repeat:no-repeat;
    background-position:left center;
    display:inline-block;
    margin-bottom:8px;
    width: 26px;
    height: 24px;
}
.navbar-nav > li.active i {
    background-position:right center;
}
.icon-dashboard {
    background-image:url(../images/icon-dashboard.svg);
}
.icon-offers {
    background-image:url(../images/icon-clipboard.svg);
}
.icon-account {
    background-image:url(../images/icon-account.svg);
}
.icon-notify {
    background-image:url(../images/icon-notify.svg);
}
.icon-reports {
    background-image:url(../images/icon-statistics.svg);
}
.icon-settings {
    background-image:url(../images/icon-settings.svg);
}
.header-right {
    display:flex;
}
.header-left .search-bl .form-control {
    border-bottom:none;
    max-width:130px;
    width:100%;
    border-radius:30px;
    padding:10px 25px;
    box-shadow:inherit;
    padding-left:45px;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}
.header-left {
    max-width: 750px;
    width: 100%;
}
.header-left .search-bl .form-control:focus {
    width: 435px;
    max-width:inherit;
    background-color:#fff;
    border: 1px solid #1F314A1D;
    box-shadow: 0px 11px 11px #34547A0E !important;
}
.header-right .right-nav {
    display:flex;
    padding:0;
    align-items: center;
    margin:0;
}
.header-right .right-nav li {
    list-style:none;
}
.side-content {
    padding:30px 20px;
}
.right-nav li a {
    font-size:14px;
    color:#818E94;
    font-weight:normal;
}
.user-avatar {
    border-radius:50%;
    padding:0;
    overflow:hidden;
    display:inline-block;
}
.right-nav li {
    padding:0 20px;
}
.user-profile {
    box-shadow: -1px 0px 2px #0000000D;
    padding:20px !important;
}
.card {
    padding:30px;
    margin-bottom:30px;
    border:none;
    box-shadow: 1px 1px 2px #00000005;
    width:100%;
    border-radius: 4px;
}
.card-body {
    padding:30px;
}
h3, .h3 {
    font-size:18px;
}
.gr-bl {
    border-radius: 15px;
}
.gr-bl .figure {
    color:#fff;
    font-size:2.5rem;
    line-height:1;
    font-weight:600;
    margin-bottom:20px;
}
.gr-bl .card-link {
    color:#fff;
    font-size:16px;
    right: 20px;
    top: 15px;
    position:absolute;
}
.gr-bl {
    color:#fff;
    box-shadow: 1px 1px 2px #00000005;
}
.card .card-data {
    padding: 30px 0;
}
.page-title {
    margin-bottom:25px;
}
.card.disabled .card-data {
    opacity:.25;
}
.graph-dt {
    box-shadow:8px 8px 9px rgba(0, 0, 0, .06);
    padding:45px;
    border-radius: 4px;
    margin-bottom:15px;
}
.graph-dt figure {
    color:#FF5242;
    font-size:58px;
    font-weight:800;
    margin-right:15px;
}
.graph-dt .graph-text {
    color:#707070;
    line-height:1.1;
}
.graph-dt .graph-text small {
    line-height: 18px;
}
.graph-dt .graph-text span {
    margin-bottom:5px;
}
.card .card-title {
    font-size:19px;
    margin:0;
    color:#2D2F39;
}
.card .card-header {
    padding:20px 30px;
    background-color:#fff;
    border-bottom:1.5px solid rgba(129, 142, 148, .05);
    display:flex;
    align-items:center;
    padding-right: 20px;
    justify-content:space-between;
}
.link-blue {
    color: #4084F7;
}
.color-labels .col-tag {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
    margin-right:10px;
}
.color-labels.style1 label {
    display:inline-flex;
    align-items:center;
    margin-right: 15px;
}
.color-labels.style1 .col-tag {
    width:13px;
    height:13px;
}
.color-labels.style2 label {
    display:flex;
    align-items:center;
    position:relative;
    margin-bottom: 15px;
}
.color-labels.style2 label:last-child {
    margin-bottom:0;
}
.color-labels figure {
    position:absolute;
    right:0;
    font-weight:800;
}
.item-lists li {
    list-style:none;
    display:flex;
    align-items: center;
    padding:28px 30px;
}
.item-lists li + li {
    border-top:2px solid rgba(129, 142, 148, .05);
}
.item-lists li .item-thumb {
    display: inline-block;
    margin-right:30px;
    border: 1px solid #707070;
}
.li-content .li-title {
    color:#FF5242;
    margin-bottom:8px;
    display: inline-block;
    text-decoration:underline;
    font-size:18px;
    font-weight:600;
}
.li-content .li-title a {
    display: inline-block;
    text-decoration:underline;
    color:#FF5242;
}
.li-content .li-title a:hover {
    text-decoration:none;
}
.li-content span {
    display:block;
    color: #818E94;
    opacity: 0.58;
    font-weight:300;
}
.view-more-bl {
    box-shadow: 1px 1px 2px #00000005;
    background: rgba(232, 232, 232, .13);
    padding:22px;
    text-align:center;
    display:block;
    font-weight:600;
}
footer {
    background-color:#FF5242;
    padding:18px;
    color:#fff;
    font-weight:400;
    display:flex;
    align-items:center;
    justify-content:center
}
.dropdown-toggle::after {
    display:none;
}
.dropdown-menu {
    box-shadow: 0px 6px 12px #CECECE99;
    border-radius: 4px;
    padding:10px 20px;
    width:220px;
    z-index:50;
    border:none;
    border: 1px solid #E4E4EC;
    margin:0;
}
.dropdown-item {
    padding:.5rem 0;
}
.navbar-nav .dropdown-menu {
    margin-left: 75px;
    margin-top:-30px;
}
.dropdown-menu li a {
    color: #808D93;
    font-size: 15px;
    font-weight:400;
    padding:0;
}
.dropdown-menu li {
    padding:10px 0;
    position: relative;
}
.dropdown-menu li a:hover {
    color:#FF5242;
}
.push-note {
    position:absolute;
    background-color:#0184FE;
    font-size:8px;
    border-radius:6px;
    padding:2px 4px 1px;
    display:inline-block;
    color:#fff;
    text-align:center;
    margin:5px 10px;
}
.form-control:focus {
    border-color:inherit;
}
.mob-profile {
    display:flex;
    margin-left:28px;
    padding-bottom:40px;
    align-items:center;
}
.mob-profile .user-links {
    margin:0;
    margin-left:30px;
    padding:0;
}
.mob-profile .user-links li {
    list-style:none;
    padding:5px 0;
    font-weight:400;
}
.mob-profile .user-links li a {
    color:#818E94;
}
.mobile-menu-btm li a {
    color:#818E94;
    font-size:16px;
    font-weight:normal;
}
.mobile-menu-btm li {
    padding:14px 0;
}
.mobile-menu-btm {
    margin-left: 28px;
    padding-top:20px;
}
.mb50 {
    margin-bottom:50px !Important;
}
.heading1 {
    font-size:1.6875rem;
    font-family: 'Montserrat', sans-serif;
    margin:0;
    color:#000;
}
.text-blue {
    color:#0184FE;
}
.table td {
    border:none;
}
.icon-sort {
    background-image:url(../images/icon-sort.svg);
    width:21px;
    height:21px;
    display:inline-block;
}
.icon-others {
    background-image:url(../images/icon-dots.svg);
    width:24px;
    height:8px;
    display:inline-block;
}
.tootls a.dropdown-toggle {
    padding:0;
}
.v-h-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.v-center {
    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;
}
.tootls .dropdown + .dropdown {
    margin-left:40px;
}
.block-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;
}
.card-header .selectize-input > * {
    font-weight:600;
}
/* offers detail */
.form-bl {
    position:relative;
}
.form-control {
    border-radius:15px;
    background-color:#ebe9f2;
    border-color:#ebe9f2;
    padding: 9px 15px;
    font-size: 0.875rem;
}
.form-control:focus {
    background-color:#ebe9f2;
    border-color:#ebe9f2;
}
.form-bl .icon-refresh {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 8px;
}
/* checkbox css */
.label-bl {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Hide the browser's default checkbox */
.label-bl input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    border:1.5px solid #707070;
    border-radius:4px;
    background-color: #fff;
}

/* On mouse-over, add a grey background color */
.label-bl:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.label-bl input:checked ~ .checkmark {
    background-color: #fff;
    border-color:#707070;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.label-bl input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.label-bl .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid #707070;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.lb-title {
    display:block;
    font-size:1rem;
}
.divider {
    margin-bottom:25px;
    padding-top:25px;
    border-bottom: 1px solid rgba(111, 21, 209, 0.21);
}
.btn-secondary {
    border-color: #FF5242;
    background-color: #FF5242;
    color: #fff;
}
.grey-normal, dt {
    color:#818E94;
    font-weight:normal;
}
.img-list > li {
    padding:30px 15px;
    padding-left:135px;
    padding-right:110px;
    position:relative;
}
.img-list.user > li {
    padding-left:115px;
}
.img-list.user > li .li-thumb {
    top:15px;
}
.img-list.user > li dt {
    font-size:12px;
    right:20px;
}
.img-list.user > li {
    padding: 20px 15px;
    padding-left:110px;
    padding-right:50px;
}
.img-list > li dt {
    position:absolute;
    top:35px;
    right:30px;
    font-size:14px;
}
.f22 {
    font-size:22px;
}
.f18 {
    font-size:18px;
}
.img-list > li + li {
    border-top: 1.5px solid rgba(129, 142, 148, .05);
}
.ctry-tag {
    width:90px;
    height:90px;
    top: 15px;
    border-radius:50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size:18px;
    color:#fff;
    font-style:normal;
}
.card-footer {
    background-color:rgba(232, 232, 232, .13);
    padding:25px;
    border-top: none;
    text-align:center;
    margin-top:15px;
}
.li-thumb {
    position:absolute;
    left:25px;
}
.dropdown .label-bl {
    font-weight:normal;
    font-size:14px;
}
.dropdown.select-dropdown .dropdown-toggle:before {
    content: "";
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 32px;
    width: 0;
    height: 0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #eee;
}
.dropdown.select-dropdown.show .dropdown-toggle:before {
    opacity:1;
    visibility:visible;
}
.gap-bl {
    padding: 30px;
}
.graph-gr-btn {
    margin-bottom:15px;
}
.graph-gr-btn .btn {
    margin-top:0;
    font-size:14px;
    background-color: #EBE9F2;
    border-color: #EBE9F2;
    color:#000000;
    font-weight:bold;
    padding: 9px 16px;
    font-size: 13px;
}
.card-header .select-area .selectize-input.full .item, .field-select-area .select-area .selectize-input.full .item {
    font-weight:bold;
    color:#000000;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: inherit !important;
}
.field-select-area .select-area {
    margin-bottom:10px;
}
table.data-table.af-tbl th:last-child, table.data-table.af-tbl td:last-child {
    text-align:left;
}
table.data-table.af-tbl {
    min-width:320px;
}
.icon-gear {
    background-image:url(../images/icon-gear.svg);
}
.icon-clock {
    background-image:url(../images/icon-wall-clock.svg);
}
.icon-btn {
    display:flex;
    align-items:center;
    font-size:21px;
    color:#000000;
}
.icon-btn .icon {
    margin-right:5px;
    width:30px;
    height:30px;
    background-size:30px;
    display:inline-block;
}
.report-option .icon-btn + .icon-btn {
    margin-left: 65px;
}
.select-area.full {
    min-width:inherit;
}
.sales-area span {
    font-size:1.125rem;
    position:relative;
    display:inline-flex;
    align-items:center;
}
.sales-area span + span:before {
    width: 5px;
    height: 5px;
    content: "";
    background-color: #000000;
    margin:0 10px;
    display: inline-block;
    border-radius: 50%;
}
.sales-dt figure {
    color:#0184FE;
    font-weight:normal;
    font-size:40px;
    margin:0;
    line-height:1;
}
.sales-bl.active {
    box-shadow: 0px 11px 45px #80808033;
    border: 4px solid #93CBFF;
}
.sales-bl {
    border:4px solid transparent;
}
.sales-dt figure.bold {
    font-weight:700;
}
.sales-bl .sales-desp {
    min-height:112px;
}
p:last-child {
    margin-bottom:0;
}
/* job detail page */
.job-post-header .job-dt .jb-fi-bx {
    background-color: #5CB0FF;
}
.job-ct-dt {
    letter-spacing: 0.68px;
    color: #000000;
    opacity: 0.5;
}
.job-bl .job-desp {
    min-height: 115px;
}
/*.job-bl:hover {
    box-shadow: 0px 11px 45px #80808033;
    border: 4px solid #93CBFF;
    color: #293134;
}*/
.job-bl {
    box-shadow: inherit;
    border: 4px solid transparent;
    transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
}
.job-area span + span:before {
    width: 5px;
    height: 5px;
    content: "";
    background-color: #000000;
    margin: 0 10px;
    display: inline-block;
    border-radius: 50%;
}
.job-area span {
    font-size: 0.8rem;
    position: relative;
    display: inline-flex;
    align-items: center;
}
.job-post-header .job-dt .jb-fi-bx {
    border-radius: 15px;
    padding: 15px 5px;
    margin:15px 5px 10px;
    text-align: center;
    max-width: 115px;
    width: 100%;
}
.job-post-header .job-dt figure {
    color: #fff;
    margin:0 0 6px;
    font-weight: 600;
}
.job-post-header .job-dt .jb-fi-bx span {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0;
    color:#fff;
}
.job-post-header .job-dt .jb-fi-bx.active {
    background-color: #FF5242;
}
.job-dt figure {
    color: #0184FE;
    font-weight: 600;
    font-size: 30px;
    margin: 0 0 10px;
    line-height: 1;
}
.job-dt figure {
    font-weight: 700;
}
.job-post-header {
    background-color: #0184FE;
    padding: 40px;
    margin: 0 0 20px;
    color: #fff;
    position: relative;
}
.job-post-header:before {
    width: 20px;
    height: 100%;
    position: absolute;
    left: -20px;
    background-color: #0184FE;
    content: "";
    top: 0;
}
.job-post-header.scroll-job-post{
    display: none;
    position: fixed;
    top: 0;

    z-index: 5;
}
.job-post-header.scroll-job-post.affix {
    display: block;
}
.f30 {
    font-size: 1.875rem;
}
.job-post-header .job-area span {
    font-size: 1.375rem;
}
.job-post-header .job-area span + span:before {
    background-color: #fff;
}
.job-post-header .jobl-ct-dt {
    letter-spacing: 0.92px;
    color: #FFFFFF;
    opacity: 0.75;
}
.user-img {
    border-radius:15px;
    overflow:hidden;
    display:inline-block;
    max-width: 115px;
}
.jb-user-act {
    position: absolute;
    right: 15px;
    top: 10px;
}
.progress {
    background-color:#ECECF3;
    height: 11px;
    border-radius: 23px;
}
.prg-bar {
    padding-right:50px;
    position:relative;
    max-width: 365px;
}
.progress-bar {
    border-radius: 23px;
    background-color: #0184FE;
}
.prg-bar .pro-pert {
    position: absolute;
    right: 0;
    top: -2px;
    line-height: 1;
}
.prg-word {
    letter-spacing: 0.64px;
    font-weight:600;
}
.jb-lb {
    color: #000000;
    opacity: 0.2;
    display:block;
    margin:0;
}
.jb-us-info {
    margin-bottom:15px;
}
.jb-us-info span {
    font-weight:600;
}
.icon-ct {
    border: 1px solid #B8B8CA;
    border-radius: 7px;
    padding:6px 6px 4px;
    display: inline-block;
    line-height:1;
    margin-right:10px;
    position:relative;
    width: 40px;
    height: 38px;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-ct.icon-linkedin-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #808d93;
}
.pro-pert {
    font-size:1rem;
}

.btn-default {
    background-color:#ECECF3;
    padding:12px 14px;
    border-radius: 4px;
    font-size:14px;
    color:#000000
}
.caret {
    background-image:url(../images/icon-angle-down.svg);
    width:12px;
    height:7px;
    background-size:17px;
    display:inline-block;
    margin-left:5px;
    background-repeat:no-repeat;
    background-position:center;
}
.text-orange {
    color:#FF5242;
}
.text-green {
    color:#30D45C;
}
.jb-status {
    font-size:22px;
    font-weight: 900;
}
.xx-bold {
    font-weight: 900;
}
.jb-us-ct a {
    margin:5px 0;
}
.none-events{
    pointer-events: none;
}
/* account page */
.act-card {
    box-shadow: 0px 0px 13px #706BA20D;
    border: 1px solid #F8F9FC;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link {
    border:1px solid #fff !important;
}
.nav-link.active {
    color:#FF5242 !important;
    font-weight:bold;
}
.nav.nav-tabs {
    display:block !important;
    border-bottom:none;
    border-right:1px solid #EFF1F5;
    width:100%;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color:transparent !important;
}
.nav-tabs .nav-link {
    margin:0;
    padding-left:0;
    font-size:12px;
    color:#707070;
}
.user-pro-img {
    position:relative;
    display: inline-block;
}
.icon-edit {
    background-image:url(../images/icon-pencil.svg);
}
.user-pro-img .icon-edit {
    position:absolute;
    right: 22px;
    top: 18px;
    width:24px;
    height:24px;
    box-shadow: 0px 3px 6px #00000029;
    border-radius:50%;
    background-color:#fff;
}
.user-pro-img .user-avatar {
    border: 8px solid #fff;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .05);
}
.form-control::-webkit-input-placeholder {
    color:#9D9D9D;
    opacity:1
}
.form-control::-moz-placeholder {
    color:#9D9D9D;
    opacity:1
}
.form-control:-ms-input-placeholder {
    color:#9D9D9D;
    opacity:1
}
.form-control::-ms-input-placeholder {
    color:#9D9D9D;
    opacity:1
}
.form-control::placeholder {
    color:#9D9D9D;
    opacity:1
}
.form-control {
    background-color: #fff;
    border: 1px solid #1F314A1D;
    box-shadow: 0px 11px 11px #34547A0E;
    border-radius: 30px;
    padding: 14px 25px;
    letter-spacing: -0.24px;
}
.mb-15 {
    margin-bottom:15px;
}
/* notification css */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    margin-bottom:0;
    height: 26px;
    margin-left: 24px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0px 3px 6px #0000000D;
    border: 1px solid #E1DEDE;
    border-radius: 25px;
}
.slider:before {
    position: absolute;
    content: "";
    background-color:#707070;
    border:1px solid #707070;
    height: 26px;
    width: 26px;
    left: -1px;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider:before {
    background-color: #FF5242;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.slider:before {
    border-radius: 50%;
}
.notf-text {
    color:#707070;
    font-size:1rem;
    margin-bottom:18px;
    position:relative;
}
.rad30 {
    border-radius:0;
    -o-border-radius:0px;
    -webit-border-radius:0px;
}
.btn-lg {
    padding:13px 30px;
}
.btn-secondary.focus, .btn-secondary:focus, .btn-primary.focus, .btn-primary:focus {
    box-shadow: inherit !Important;
}
.tab-content>.tab-pane {
    color:#707070;
}
.modal-body {
    background: #F4F7FC
}
.modal-lg {
    max-width: 972px;
}
.select-area .selectize-control.single .selectize-input {
    background-color: #fff;
    border: 1px solid #1F314A1D;
    box-shadow: 0px 11px 11px #34547A0E;
    border-radius: 30px;
    padding: 12px 25px;
    letter-spacing: -0.24px;
    margin-bottom:10px;
    color:#000000;
}
.modal-header, .modal-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-radius:0;
}
.modal-title {
    font-weight:normal;
    color:#666674;
}
.img-list > li > .tools {
    position:absolute;
    right:15px;
    top:35px;
}
.img-list.user.style2 > li + li {
    border-top: 1px dashed rgba(129, 142, 148, .5);
}
.img-list.user.style2 > li {
    padding-left: 85px;
}
.img-list.user.style2 > li .li-thumb {
    left: 0;
}
.img-list.user.style2 > li .li-title a {
    color:#666674;
}
.img-list.user.style2 > li .li-title a:hover {
    color: #FF5242 !important;
}
/* question list */
.q-list > li {
    position:relative;
    padding: 20px 15px;
    padding-left: 40px;
    padding-right: 50px;
}
.q-list > li + li {
    border-top: 1px dashed rgba(129, 142, 148, .5);
}
.q-list > li .q-no {
    position:absolute;
    left:0;
    top:18px;
    font-size: 1.125rem;
    font-weight:800;
    color:#000000;
}
.q-list > li > .tools {
    position:absolute;
    right:15px;
    top:20px;
}
.modal-footer {
    background: #F4F7FC;
    border:none;
    padding:25px
}
.modal-footer .btn {
    margin-top:0;
}
/* login page */
.login-logo {
    width:50%;
    background-color:#FF5242;
    padding:90px;
}
.login-form {
    padding:90px;
    background-color:#fff;
    width: 50%;
}
.login-form-bl {
    width:100%;
    max-width:450px;
    margin:0 auto;
}
.login-area {
    height:100vh;
}
.form-group .btn-secondary {
    padding:20px 70px;
}
.login-form-bl .form-group .form-control {
    background: #EFF4F7;
    box-shadow:inherit;
    padding: 16px 25px;
    border:none;
}
.login-btns a {
    display:inline-block;
    border-left:5px solid #fff;
    padding-left:34px;
    padding-top:5px;
    padding-bottom:5px;
    font-size:30px;
    color:#fff;
}
.login-btns a:hover {
    color:#5a6268;
}
.login-logo .logo {
    position:relative;
    top:-5vh;
}
/* dashboard gr css */
.bg-gr-blue {
    background: rgb(0,141,253);
    background: linear-gradient(60deg, rgba(0, 141, 253, 1) 0%, rgba(80, 169, 253, 1) 100%);
}
.bg-gr-green {
    background: rgb(6,201,167);
    background: linear-gradient(60deg, rgba(6, 201, 167, 1) 0%, rgba(6, 237, 206, 1) 100%);
}
.bg-gr-orange {
    background: rgb(255,174,74);
    background: linear-gradient(60deg, rgba(255, 174, 74, 1) 0%, rgba(255, 196, 118, 1) 100%);
}
.bg-gr-purple {
    background: rgb(157,82,130);
    background: linear-gradient(60deg, rgba(157, 82, 130, 1) 0%, rgba(207, 107, 173, 1) 100%);
}
.bg-gr-dblue {
    background: rgb(86,72,112);
    background: linear-gradient(60deg, rgba(86, 72, 112, 1) 0%, rgba(118, 100, 155, 1) 100%);
}
.bg-gr-pink {
    background: rgb(255,77,103);
    background: linear-gradient(60deg, rgba(255, 77, 103, 1) 0%, rgba(255, 120, 142, 1) 100%);
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color:#fff;
    font-weight:bold;
}

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu .caret {
    transform: rotate(-90deg);
    position: absolute;
    right: 0;
    top: 16px;
}
.dropdown-submenu .drop-tg-menu {
    display:block;
}
.label-job {
    position:absolute;
    right:0;
    top:0;
    background-color:#FF5242;
    color:#fff;
    font-size:0.875rem;
    font-weight:bold;
    margin:0;
    padding:10px 12px;
}
.score-box {
    color:#85D139;
    font-weight:600;
    padding-left:5px;
}
.card.job-card {
    padding-top:40px;
}
.icon-del {
    background-image:url(../images/icon-del.svg);
    width:18px;
    height:18px;
    display:inline-block;
}
.edit {
    background-image:url(../images/edit.svg);
    width:18px;
    height:18px;
    display:inline-block;
}
.icon-add {
    background-image:url(../images/icon-add.jpg);
    width:18px;
    height:18px;
    display:inline-block;
    background-size: 20px;
}
.job-bl .job-act {
    position:absolute;
    right:10px;
    top:10px;
}
.job-bl .job-act a {
    display:block;
}
.job-bl .job-act li a i, .icon-li li a i {
    position:absolute;
    right:0;
}
.modal-dialog.modal-sm, .modal-dialog.modal-sm-big {
    max-width:560px;
}
.modal-backdrop {
    background-color:rgba(112, 112, 112, .3);
}
.btn-danger {
    background-color:#E24C4B;
    border-color:#E24C4B;
    color:#fff;
}
.btn-danger:hover {
    background-color:#666;
    border-color:#666;
}
.icon-cal {
    background-image:url(../images/icon-cal.svg);
    width:28px;
    height:28px;
    display:inline-block;
}
.form-cal {
    position:relative;
}
.form-cal .icon-cal {
    position:absolute;
    right: 20px;
    top: 8px;
}
.share-on .label-bl.icon-fb .checkmark {
    background-image:url(../images/icon-fb.svg);
    background-size: 46px;
}
.share-on .label-bl.icon-in .checkmark {
    background-image:url(../images/icon-linkedin.svg);
    background-size: 46px;
}
.share-on .label-bl.icon-gb .checkmark {
    background-image:url(../images/icon-globe.svg);
    background-size: 46px;
}
.share-on .label-bl .checkmark {
    border: none;
    background-color: transparent !important;
    background-repeat:no-repeat;
    background-position: 1px center;
}
.share-on .label-bl {
    padding:0;
    margin:0;
    margin-right:12px;
    width:20px;
    height:28px;
}
.share-on span.bold {
    padding-right:25px;
}
.share-on .label-bl input:checked ~ .checkmark {
    background-position:-25px center !important;
}
.share-on .label-bl .checkmark:after {
    display:none !important;
}
.modal-dialog {
    max-width:970px;
}

/* custom upload */
.upload-btn-wrapper {
    position:relative;
    overflow:hidden;
    margin:0 0 15px;
    display:block;
    padding:25px;
    text-align:center;
    background: #F1F9FB;
    border: 1px solid #C2DDE4;
}
.btn-upload {
    border:none;
    background-color:transparent;
    padding:0;
}
.btn-upload:after {
    background-image:url(../images/icon-upload.svg);
    width:15px;
    height:33px;
    content:"";
    position:absolute;
    margin-left:5px;
    display:inline-block;
    top:12px;
    right:15px
}
.upload-btn-wrapper input[type=file] {
    width:100%;
    position:absolute;
    left:0;
    top:0;
    opacity:0;
    cursor:pointer;
    height:100%;
    cursor:pointer;
    pointer-events: visible;
}
.file-dt strong{
    color:#000000;
}
.file-dt {
    display:block;
    text-align:center;
    line-height:40px;
    color:#707070
}
.icon-trash{
    width:18px;
    height:24px;
    background-image:url(../images/icon-trash.svg);
    background-size: 12px;
}

/* profile  */
.job-profile-header{
    background-color: #fff;
    padding: 40px 40px 0;
    margin: 0 0 20px;
    position: relative;
}
.job-profile-header:before {
    width: 20px;
    height: 100%;
    position: absolute;
    left: -20px;
    background-color: #fff;
    content: "";
    top: 0;
}


.text-grey {
    color:#818E94;
}
.jb-name-bl{
    display:inline-flex;
    position:relative;
}
.jb-name-bl .label-job{
    top: -10px;
}
.jb-us-dt{
    position:relative;
}

.profile-tab .nav.nav-tabs.horizontal {
    display:flex !important;
    border-right:none;
}
.profile-tab .nav.nav-tabs.horizontal  .nav-link {
    font-weight:500;
    border-bottom:3px solid transparent !important;
    padding:15px 40px;
    color:#D3D8DA;
}
.profile-tab .nav.nav-tabs.horizontal .nav-link.active{
    color:#000000 !important;
    border:none !important;
    border-bottom:3px solid #FFB901 !important;

}

.pro-right-st .pro-tool{
    margin-left:25px;
}
.pro-right-st {
    display:flex;
    align-items:center;
    justify-content:flex-end;
}
.pro-right-st .jb-status{
    margin-right:30px;}

.modal-rad30{
    border-radius:30px;
}

/* search page css */

.user-img-bl{
    padding:5px 15px;
    padding-left:80px;
    position:relative;
}
.user-img-bl .user-avatar{
    position: absolute;
    left: 0;
    top: 0;
}
.user-img-bl .user-name{
    color: #818E94;
    font-weight: normal;
}

/* pagination css */
.pagination-block .page-link{
    border: none;
    line-height: 1;
    color: #575962;
    margin-right: 2px;
    border-radius: 50% !Important;
    font-weight: 400;
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-item.active .page-link{
    background-color: #FF5242;
    border-color:#FF5242;

}
.pagination-block .page-link .icon-others{
    background-size: 16px;
}
.panel {
    box-shadow: 0px 0px 13px #706BA20D;
    border: 1px solid #F8F9FC;
    background-color: #fff;
}
.panel-footer {
    padding: 30px;
}

.data-tbl-right .select-area {
    width: 70px;
}
.page-records {
    color: #818E94;
    font-size: 13px;
    font-weight: 400;
    margin-left: 30px;
    position: relative;
    top: -4px;
}
.data-tbl-right .select-area .selectize-control.single .selectize-input {
    padding: 4px 16px;
    background-color: #EBE9F2;
    border-radius: 13px;
    margin: 0;
    box-shadow: inherit;
    border: none;
}
.data-tbl-right   .selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    font-weight: 400;
    font-size: 13px;
    color: #575962;
    display: inline;
}
.data-tbl-right    .selectize-control.single .selectize-input::after {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 10px;
    margin-left: 8px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #FF5242;
}
table.data-table td {
    font-size: 16px;
    padding: 15px 30px;
    vertical-align: bottom;
}
.table{
    border:none;
}
table.data-table tr td{
    border-bottom: 1px dashed rgba(167,167,167,.5);
}
table.data-table tr:last-child td{
    border-bottom: none;
}
.prg-bar.style2 {
    padding-right:0;
}
.prg-bar.style2 .pro-pert{
    left:0;
    right:inherit;
    color:#666674;
    letter-spacing: -0.32px;
    font-weight:bold;
}
.prg-bar.style2 .prg-word{
    font-weight:normal;
    font-size:13px;
    text-align: right;
    display: block;
    letter-spacing: 0px;
    color: #A8A9B6;
}
.heading2 {
    color:#6D6D6D;
    font-weight:normal;
    margin-bottom:15px;
}

/* survey css */
.q-list-bl .q-head{
    position: relative;
    padding: 5px 15px 10px;
    padding-left: 40px;
    padding-right: 0;
}
.q-list-bl .q-no {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 1.125rem;
    font-weight: 800;
    color: #000000;
}
.panel.style2 {
    padding:30px;
}
.q-stars{
    padding:5px 0 30px;
}
.q-stars .q-star{
    width:22px;
    height:22px;
    background-image:url(../images/fa-star.svg);
    background-position:center;
    background-repeat:no-repeat;
    background-size: 22px;
}
.q-stars .q-star.checked {
    background-image:url(../images/fa-star-active.svg);
}


.form-control.style2 {
    box-shadow: 0px 0px 6px #0000001F;
    border-radius:10px;
}
.oth-feedbk label {
    color:#000000;
}
.oth-fedk-bl{
    box-shadow: 0px 0px 6px #0000001F;
    padding:20px 15px;
    margin-bottom: 25px;
    padding-left: 90px;
    position:relative;
}
.oth-fedk-bl .user-avatar{
    position:absolute;
    left:20px;
}
.text-danger{
    color:#FF5242 !important;
}
.oth-fedk-bl h5 {
    color:#000;
}
.write-anw .form-control {
    height:400px;
}
.txt-black{
    color:#000;
}

.submision-li  li {
    position:relative;
    padding:10px 0;
}
.submision-li  li .icon-others{
    transform: rotate(90deg);
    background-size: 18px;
}

.submision-li  .sub-img{
    border-radius: 15px;
    overflow: hidden;
    display: inline-block;
    margin-right: 25px;
}

.submision-li .subm-title {
    font-weight:900;
    color:#000;
}
.submision-li  .sub-dt{
    font-weight:normal;
    font-size:15px;
    color: #818E94;
}
.submision-li .user-nm{
    color:#000;
}
.submision-li  .icon-li{
    position:absolute;
    right:0;
}
.icon-download {
    width:20px;
    height:20px;
    background-image:url(../images/icon-download.svg);
    background-size:16px;
}

/* upload video btn */
.modal-body{
    padding:30px;
}
.modal-dialog.modal-sm {
    max-width: 560px;
    height: 90vh;
    display: flex;
    align-items: center;
}

.alert {
    box-shadow: 0px 4px 9px #0000000D;
    border-radius: 5px;
    background-color:#fff !important;
    color:#808D93;
    font-size:14px;
    padding:30px;
    position:relative;
    border:none;
    margin-bottom:20px;
}

.alert dt {
    margin-right:50px;
}
.alert-primary {
    border-left-color:#FF5242 !important;
}
.alert-info:before {
    box-shadow: 0px 3px 6px #1ED1023D;
    border-radius: 5px 0px 0px 5px;
    background-color:#808D93;
    width:4px;
    height:100%;
    position:absolute;
    content:"";
    left:0;
}
.alert-default:before{
    box-shadow: 0px 3px 6px #D1026345;
    border-radius: 5px 0px 0px 5px;
    background-color:#808D93;
    width:4px;
    height:100%;
    position:absolute;
    content:"";
    left:0;
}

.alert-danger:before{
    box-shadow: 0px 3px 6px #D1026345;
    border-radius: 5px 0px 0px 5px;
    background-color:#FF5242;
    width:4px;
    height:100%;
    position:absolute;
    content:"";
    left:0;
}
.alert-danger{
    color:#FF5242;
}

.subm-title span.post-time {
    color:#D3D8DA;
    font-size:14px;
    font-weight:normal;
    padding-left:10px;
}
.submision-li .avatar {
    margin-right:15px;
}
.submision-li.hight-li > li .icon-others{
    transform: rotate(0deg);
    background-size: auto;
}
.submision-li.hight-li .subm-cont{
    max-width:950px;
}
.submision-li.hight-li > li {
    padding: 20px 0;
    margin-bottom: 10px;
    display:flex;
}

/* report */
.report-sm .jb-us-dt .user-name{
    font-size:16px;
}
.report-sm .jb-us-dt .jb-us-post {
    font-size:14px;
}
.report-sm .prg-word{
    font-size:11px;
    letter-spacing: 0.36px;
}
.card.job-card.report-sm {
    padding:25px;
    padding-top:25px;
}

.graph-rep span{
    font-size:10px;
    position:relative;
    display: inline-flex;
    align-items: center;
    margin-left:10px;
}
.graph-rep span.target:before {
    background: #000000;
    border: 1px solid #707070;
    content:"";
    width:12px;
    height:12px;
    border-radius:50%;
    display:inline-block;
    margin-right: 6px;
}
.graph-rep span.time-fill:before {
    background: #FFB901 ;
    content:"";
    width:12px;
    height:12px;
    display:inline-block;
    margin-right: 6px;
}

.modal-big{
    max-width:1080px;
}

textarea.form-control {
    color: #5E5E5E;
    line-height:32px;}
.btn-white{
    color:#707070;
    border: 1px solid #D9D9D9;
    background-color: #fff;
}
.dropdown-submenu.open .dropdown-menu{
    display:block;
}

.daterangepicker td.active{
    background-color:#FF5242 !important;
    border-radius:50%;
}
.daterangepicker td.end-date, .daterangepicker td.start-date{
    border-radius:50%;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td{
    width: 32px;
    height: 31px;
    min-width: 28px;
    border-radius:50%;
    font-family: 'Poppins', sans-serif;
    font-weight:normal;
}
.daterangepicker .calendar-table td:hover {
    background-color:#f2f8ff;
    font-weight:bold;
}
.daterangepicker td.in-range{
    background-color:#fff;
}
.daterangepicker .drp-buttons .btn {
    font-size: 14px;
    padding: 10px 15px;
    font-weight:normal;
    border-radius:0;
}
.daterangepicker .calendar-table th{
    color:#BEBEBE;
}
.daterangepicker .drp-buttons .btn.btn-primary {
    background-color: #E24C4B;
    border-color: #E24C4B;
    color: #fff;
    margin-top:0;
    width: 150px;
}
.daterangepicker .drp-buttons .btn.btn-primary:hover {
    background-color: #666;
    border-color: #666;
}
.daterangepicker .drp-buttons .drp-selected, .daterangepicker .drp-buttons .cancelBtn{
    display:none;
}
.daterangepicker .drp-buttons{
    text-align:center;
    border-top:none;
    padding-top:0;
    padding-bottom: 25px;
}
.daterangepicker .calendar-table th.month{
    color:#1D2634;
    font-size:14px;
}

.daterangepicker td.off{
    color:#fff;
    pointer-events:none;
}


.bootstrap-datetimepicker-widget {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 100%;
    max-width: none;
    padding: 0;
    margin-top: -10px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: poppins, sans-serif;
    font-size: 15px;
    line-height: 1em;
    top: inherit !important;
}
.bootstrap-datetimepicker-widget .row {
    margin:0;
}
.bootstrap-datetimepicker-widget .row .col-md-6{
    padding: 8px 0 8px 8px;
}
.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
}



.bootstrap-datetimepicker-widget .datepicker-days th.picker-switch {
    color: #1D2634;
    font-size: 14px;
}
.bootstrap-datetimepicker-widget table th, .bootstrap-datetimepicker-widget table td.day {
    width: 32px;
    height: 31px;
    min-width: 28px;
    border-radius: 50%;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
}
.bootstrap-datetimepicker-widget table th, .bootstrap-datetimepicker-widget table td.day {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 31px;
    line-height: 24px;
    font-size: 12px;
    white-space: nowrap;
    cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{
    background-color: #FF5242 !important;
}

.bootstrap-datetimepicker-widget table td.active.today:before, .bootstrap-datetimepicker-widget table td.today:before{
    display:none;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{
    background: #fff;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second{
    font-weight: 500;
    font-size: 48px;
    font-family: poppins, sans-serif;
    left: -8px;
}
.bootstrap-datetimepicker-widget table td.separator{
    font-size: 41px;
    position: relative;
    top: -7px;
    right: -10px;
}

.bootstrap-datetimepicker-widget table th.prev span, .bootstrap-datetimepicker-widget table th.next span {
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}
.bootstrap-datetimepicker-widget table th.prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.bootstrap-datetimepicker-widget table th.next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.bootstrap-datetimepicker-widget table th.dow {
    color: #BEBEBE;
}

.bootstrap-datetimepicker-widget a[data-action] .glyphicon-chevron-down{

    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #707070;
    border-radius:0;
}
.bootstrap-datetimepicker-widget a[data-action]{
    z-index:2;
}
.bootstrap-datetimepicker-widget .timepicker-picker:before{
    content:"Set time";
    color: #1D2634;
    font-size: 14px;
    position: relative;
    top: 8px;
    left: 5px;
}
.bootstrap-datetimepicker-widget a[data-action] .glyphicon-chevron-up{
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #707070;
    border-radius:0;

}
.bootstrap-datetimepicker-widget a[data-action="incrementHours"]{
    position: relative;
    top: 40px;
    right: -48px;
}
.bootstrap-datetimepicker-widget a[data-action="decrementHours"]{
    position: relative;
    top: -48px;
    right: -48px;
}
.bootstrap-datetimepicker-widget a[data-action="incrementMinutes"]{
    position: relative;
    top: 40px;
    right: -40px;
}
.bootstrap-datetimepicker-widget a[data-action="decrementMinutes"]{
    position: relative;
    top: -48px;
    right: -40px;
}

.bootstrap-datetimepicker-widget button[data-action="togglePeriod"]{
    border:none;
    color:#000000;
    position: absolute;
    left: 40%;
    margin-top: 40px;
    z-index: 2;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #FF5242;
    border-color: #FF5242;
}

.auto-suggest-bl{
    position: absolute;
    z-index: 2;
    width: 90% !important;
    margin-left: 5%;
    box-shadow: 0px 6px 12px #CECECE99;
    border: 2px solid #E4E4EC;
    border-radius: 4px;
    top: 45px !important;
    padding: 12px;
    background-color: #fff;
}
.auto-suggest-bl li{
    padding-bottom:10px;}
.auto-suggest-bl li i {
    margin-right:15px;
}
.auto-suggest-bl li span {
    color:#C4C4C4;
    font-size:12px;
}
.auto-suggest-bl li a:hover i{
    opacity:.5;
}
.auto-suggest-bl li a:hover {
    color:#C4C4C4;
}
.custom-radio input
{
    position:absolute !important;
}

.funnel-radio + .funnel-radio
{
    margin-top:30px;
}

.custom-radio {
    display: inline-block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    margin-right:10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-radio input {
    position: relative;
    opacity: 0;
    cursor: pointer;
}
.custom-radio .checkmark {
    position: relative;
    height: 80px;
    width: 80px;
    background-color: #E7E7E7;
    border:none;
    border-radius:10px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.custom-radio:hover input ~ .checkmark {
    background-color: #ccc;
}

.custom-radio input:checked ~ .checkmark {
    background-color: #FF5242;
    color:#fff;
}

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

.job-title > .row{
    padding-bottom: 10px;
}
.job-title > .row >span{
    padding-bottom: 20px;
}

.job-dt .post-dt {
    background: #DBEDFC;
    border-radius: 15px;
    text-align: center;
    max-width: 110px;
    width: 100%;
    padding: 18px 5px;
    margin: 5px;
}
.job-flex-row{
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    justify-content: space-between;
    margin: 0 -5px;
}
.job-dt .post-dt  figure {
    font-size:30px;
    margin-bottom: 5px;
}
.job-dt .post-dt  span {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0px;
}
.job-dt .post-dt.active {
    background-color: #1787FA;
}
.job-dt .post-dt.active span {
    color: #FFF;
}
.job-dt .post-dt.active figure{
    color:#fff;
}
.job-bl .card-brand{
    position: absolute;
    top: 10px;
}
.job-bl {
    padding-top: 45px;
}
.job-bl .job-desp {
    min-height: 115px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    height: 180px;
}
.icon-mail {
    background-image: url(../images/interface.svg);
}
.icon-call {
    background-image: url(../images/icon-call.svg);
    background-size: 20px;
}
.just-space-bt{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    justify-content: space-between;
}
.jb-us-info .jb-us-bl{
    padding:0 15px;
    margin-bottom: 15px;
}
.custom-select {
    border: 0px;
    padding: 0px;
    line-height: 1.5;
    height: max-content;
    letter-spacing: 0px;
    color: #000000;
    font-weight: 600;
    background-size: 18px 14px;
    width: 90px;
}
.full-view-white{
    background-image: url(../images/icon-full-view-white.jpg);
    width: 30px;
    height: 30px;
    background-size: auto;
    display: inline-block;
}

.jb-pro-box .jb-user-resume span {
    color:#808D93;
    font-weight: normal;
}

.jb-app-act {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    width: 45px;
}
.jb-app-act .icon-linkedin{
    background-image: url(../images/icon-linkedin-blue.svg);
    width:30px;
    height: 30px;
    display: inline-block;
    margin-bottom: 15px;
    background-size: 30px;
}
.open-applicant, .open-applicant-leap{
    width:30px;
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
}
.open-applicant img, .open-applicant-leap img {
    width: 30px;
}

.user-data h5 > p {
    display: inline;
    font-size: 15px;
    color:#000000;
    font-weight: normal;
}
.mb-40{
    margin-bottom: 40px;
}

.modal-header > .modal-title{
    font-size: 20px;
}
.close-col, .close-btm-col {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.jb-us-dt .logo-brand{
    position: absolute;
    top: -34px;
}
.md-st-title{
    font-weight: normal;
    color: #666674;
}

.upload-btn-wrapper.col-style input[type=file]{
    height: 100%;
}
.dropdown-item:hover {
    background-color: #E2FDE9;
    color: #30D45C;
    padding: 10px 25px;
    border-radius: 15px;
    font-weight: normal;
}
.btn-max-130{
    max-width: 130px;
    width: 100%;
}
.show-skills{
    display: flex;
    flex-wrap: wrap;
}
.show-skills .tag-bl {
    background-color: #FD5242;
    margin: 3px;
    padding: 8px 20px;
    color: #fff;
    transition: all .2s;
    border-radius: 25px;
    white-space: nowrap;
    position: relative;
}
.show-skills .tag-bl .close-tag{
    visibility: hidden;
    opacity: 0;
    color: #fff;
    position: absolute;
    right: 8px;
    cursor: pointer;
}
.show-skills .tag-bl:hover {
    background-color: #CECECE;
}
.show-skills .tag-bl:hover .close-tag{
    visibility: visible;
    opacity: 1;
}
.no-rad{
    border-radius: 0px;
}

.dropdown-menu.select-style{
    padding: 12px;
    box-shadow: 0px 6px 12px #CECECE99;
    border: 2px solid #D3D3E0;
    border-radius: 4px;
}
.dropdown-menu.select-style li a:hover{
    background-color: #E2FDE9;
    color: #30D45C;
}
.dropdown-menu.select-style li a{
    padding: 10px 20px;
    border-radius: 20px;
    font-size: 13px;
    color: #818E94;
    display: block;
}
.icon-li .dropdown-menu a {
    display: block;
}
.icon-li .dropdown-menu .icon-mail {
   width: 18px;
   display: inline;
   background-size: 18px;
   height: 18px;
}
.select2-container--default .select2-selection--multiple {
    background-color: #fff !important;
    border: 1px solid #1F314A1D !important;
    box-shadow: 0px 11px 11px #34547A0E;
    border-radius: 30px !important;
    padding: 9px 25px 5px;
    letter-spacing: -0.24px;
    margin-bottom: 15px;
    color: #000000;
    width:100%;
    font-size: 0.875rem;
}
.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field{
    margin-top: 0 !important;
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    width: auto !important;
}

.select2-container .select2-selection--multiple:after{
    content: ' ';
    position: absolute;
    top: 12px;
    background-image: url(../images/icon-angle-down.svg);
    width: 20px;
    height: 10px;
    display: inline-block;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    right: 20px;
    top: 17px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.select2-container.select2-container--open .select2-selection--multiple:after{
    transform: rotate(180deg);
}

.icon-edit2 {
    width: 18px;
    height: 24px;
    background-image: url(../images/icon-edit2.svg);
    background-size: 17px;
}

.job-us-about h5 span {
    color: #818E94;
    font-weight: normal;
}
.applicants-dropdown .btn.dropdown-toggle{
    background-color: #93CBFF;
    color: #fff;
}
.applicants-dropdown .dropdown-toggle .caret {
    filter: invert(1);
}

.show-reason{
    padding: 0 23px;
}
.show-reason .tag-bl, .show-interviews .tag-bl{
    color: #818E94;
    font-size: 15px;
    display: block;
    padding:0 0 15px;
}
.jb-us-ct  span{
    max-width: 200px;
    word-break: break-all;
}
.back-button{
    color: #FF5242;
    position: relative;
}
@media (min-width:1240px){
    .back-button{
        top: -30px;
    }
}

/* applicant checkbox box*/
.job-card .label-bl{
    position:absolute;
    left: 7px;
    top: 6px;
}
.job-card .label-bl input:checked ~ .checkmark{
    border-color:#0184FE;
    background-color:#0184FE;
}
.job-card .label-bl .checkmark:after{
    display:none !important;
}
.job-card .label-bl input:checked ~ .checkmark:before{
    display: block;
}
.job-card .label-bl input:checked ~ .checkmark{
    background-image: url(../images/icon-check-white.svg);
}
.job-card .label-bl .checkmark:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border:4px solid #93CBFF;
    border-radius:4px;
    box-shadow: 1px 11px 45px #80808033;
    content:"";
    position: absolute;

    display:none;
}
.job-card .label-bl .checkmark{
    position:initial;
    width: 15px;
    height: 15px;
    display: inline-block;

}
.job-card .label-bl{
    position:initial;
    padding: 0;
    margin: -25px 0px 0;
}
.jb-us-act{
    min-height: 43px;
}
.modal-edit{
    font-size: 30px;
}
/**
Pipeline tag css
 */
.card-prog{
    max-width:115px;
    height:30px;
    color:#fff;
    font-size:15px;
    font-weight:600;
    text-align:center;
    padding: 3px 15px;
    margin-right: 15px;
}
.card-prog.prog {
    background-color:#85D139;
}
.card-prog.pipe {
    background-color:#E68118;
}
.stage{
    position: absolute;
    display: flex;
    top: 10px;
}
.alert-success{
    background-color: green !important;
    color: #fff !important;
}
.back{
    background-image: url(../images/icon-close.svg);
    width: 24px;
    height: 24px;
}
.modal-header .close {
    position: absolute;
    right: 10px;
}

.job-card .label-bl input:checked ~ .checkmark {
    background-size: 15px;
}