/****
AladinJobs Main Stylesheet
***/
/* Global */
* {
    font-family: Kanit, sans-serif;
    font-weight: 300;
}
a {
    color:black;
}
a:hover, a:focus {
    text-decoration: none;
    color:black;
    outline: none;
}

strong, b {
    font-weight:500;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.bx-aj-md {
    font-size:1.75rem !important;
}


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


/* Header */
.aladinjobs-text {
    padding-top:5px;
    margin-bottom:-5px;
}

.btn-aj-red {
    background-color: rgb(255, 72, 118);
    color:white;
    border-color: rgb(255, 72, 118);
    border-radius:3px;
}

.btn-aj-red:hover, .btn-aj-red:focus, .btn-aj-red:active {
    background-color: rgb(255, 72, 118) !important;
    color:white;
    border-color: rgb(255, 72, 118) !important;
}

.single-job-page p, .single-job-page div, .single-job-page span {
    color: var(--color-textlight);
}

.job-insights-page div {
    color: black !important;
}

span.shortInfo {
    font-size:12px;
    color:#019be1;
}

.scroll-box {
    width:100%;
    max-height:400px;
    overflow-y:scroll;
    overflow-x:hidden;
}

/* Welcome Area */
div.welcome-area {
    position:relative;
    width: 100%;
    height: 600px;
}

.welcome-area .background {
    background-image: -moz-linear-gradient( -135deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    background-image: -webkit-linear-gradient( -135deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    background-image: -ms-linear-gradient( -135deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index: 10;
    overflow:hidden;
}

.bg-lines {
    width:100%;
    height:auto;
    position:absolute;
    bottom:0;
    left:0;
}

.map-bg {
    position:absolute;
    bottom:30px;
    right:30px;
    width:330px;
    height:auto;
}

.welcome-area .main-content {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index: 100;
}

/* Navbar*/
.aj-navbar li > a {
    color:white !important;
    font-weight: 400;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    border-radius:5px;
    padding-left:20px !important;
    padding-right:20px !important;
    margin-right:5px;
    text-transform: uppercase;
}

.aj-navbar li > a:hover {
    color:#019BE1 !important;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 24px 57px 0px rgba(246, 114, 128, 0.23);
}

/* Titles */
.titles-section {
    margin-top:100px;
}
.Get_your_dream_job {
    font-size: 25px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

.Lorem_ipsum {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.831);
    line-height: 1.2;
    text-align: center;
    max-width: 500px;
    margin: auto;
    font-weight: 400;
}

/* Search Bar */
.search-box-bar {
    margin-top:30px;
}

.search-box-body {
    max-width:800px;
    margin:auto;
    background:white;
    padding:30px;
    border-radius:8px;
}

.search-button-design {
    padding-left: 50px;
    padding-right: 50px;
    border-width: 0px;
    background: -moz-linear-gradient( 70deg, rgb(243,53,115) 20%, rgb(255,192,102) 80%);
    background: -webkit-linear-gradient( 70deg, rgb(243,53,115) 20%, rgb(255,192,102) 80%);
    background: -ms-linear-gradient( 70deg, rgb(243,53,115) 20%, rgb(255,192,102) 80%);
    box-shadow: 0px 15px 21px 0px rgba(245, 73, 113, 0.23);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.search-button-design:hover, .search-button-design:active, .search-button-design:focus {
    padding-left: 50px;
    padding-right: 50px;
    border-width: 0px !important;
    background: -moz-linear-gradient( 70deg, rgb(243,53,115) 20%, rgb(255,192,102) 80%) !important;
    background: -webkit-linear-gradient( 70deg, rgb(243,53,115) 20%, rgb(255,192,102) 80%) !important;
    background: -ms-linear-gradient( 70deg, rgb(243,53,115) 20%, rgb(255,192,102) 80%) !important;
    box-shadow: 0px 15px 21px 0px rgba(245, 73, 113, 0.23) !important;
}


/* Codes for Label Animation*/
.form-label {
    position: absolute;
    left: 8px;
    top: 12px;
    color: #999;
    background-color: #fff;
    z-index: 10;
    text-transform: uppercase;
    transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;
    cursor: text;
}

.focused .form-label {
    -webkit-transform: translateY(-125%);
    transform: translateY(-125%);
    font-size: .75em;
}

.form-input {
    position: relative;
    border-radius:5px;
    transition: box-shadow 150ms ease-out;
}


/* Divisions Jobs*/
.divisions-jobs {
    width: 800px;
    padding:20px;
    background:white;
    position:absolute;
    bottom:-40px;
    left:50%;
    margin-left:-400px;
    color:black;
    border-radius:8px;
}

.divisions-jobs ul {
    list-style-type: none;
    margin-bottom: 0 !important;
}

.divisions-jobs a {
    text-transform: uppercase;
    text-align: center;
}


.divisions-jobs p {
    margin-bottom:0 !important;
    padding-left:10px;
    margin-right:5px;
    font-weight: 400;
    border-left:3px solid #f2f2f2;
    font-size:13px;
}

.divisions-jobs li:first-child p {
    border-left-width: 0;
}

.divisions-jobs li img {
    width:20px;
    height:auto;
    visibility: hidden;
}

.divisions-jobs li:hover img {
    visibility: visible;
}

.divisions-jobs p span {
    font-size:10px;
}


/* Job Status Area */
.job-status-area {
    background: #f9f6f9;
    padding:30px;
    padding-top:100px;
}

div.section-name {
    margin-top:80px;
}

div.section-name .top-border {
    width:90px;
    height:2px;
    margin:auto;
    background:#00BBF0;
}

div.section-name h1.section-name {
    text-transform: uppercase;
    font-weight: 600;
    text-align:center;
    font-size:20px;
    margin-top:15px;
    letter-spacing: 4px;
}

.aj-container {
    max-width:1000px;
    margin:auto;
}

.job-status-area .stat-box {
    background:white;
    padding:35px;
    border-radius:8px;
    position:relative;
}

.stat-box .flying-ball {
    border-width:4px;
    border-style: solid;
    border-color: blue;
    width:5px;
    height:5px;
    background:white;
    padding:3px;
    border-radius:50%;
    position:absolute;
    right:20px;
    top:20px;
}


.stat-box .square-icon {
    border:1px solid white;
    border-radius:5px;
    padding:20px;
    background:blue;
    width:75px;
    height:75px;
    color:white;
    margin-bottom:10px;
}

.stat-box .title {
    font-size:30px;
    font-weight: 600;
    margin-top:15px;
    margin-bottom:0;
}

.stat-box .subtitle {
    color:var(--color-secondary-black);
    font-weight:400;
    font-size:14px;
}


.stat-box-1 .flying-ball {
    border-color: #469AF4;
}
.stat-box-1 .square-icon {
    background: #469AF4;
}

.stat-box-2 .flying-ball {
    border-color: #A0D61E;
}
.stat-box-2 .square-icon {
    background: #A0D61E;
}

.stat-box-3 .flying-ball {
    border-color: #FFC150;
}
.stat-box-3 .square-icon {
    background: #FFC150;
}

.stat-box-4 .flying-ball {
    border-color: #FF4876;
}
.stat-box-4 .square-icon {
    background: #FF4876;
}


/* Top Companies */
.top-companies-carousel .single-top-company {
    border: 1px solid white;
    text-align: center;
    padding:20px;
}

.top-companies-carousel .single-top-company:hover {
    border:1px solid #08BEF0;
}

.top-companies-carousel .single-top-company:hover .top-company-btn {
    background:#08BEF0;
    color:white;
}

.top-companies-carousel img {
    width:40% !important;
    height:auto;
    margin:auto;
}

.top-companies-carousel .company-name {
    font-size:14px;
    font-weight: 600;
    margin-top:20px;
    margin-bottom:0px;
}

.top-companies-carousel .job-count {
    font-size:11px;
    font-weight: 400;
    color:#08BEF0;
}

.top-companies-carousel .top-company-btn {
    background: #E1E1E1;
    border-width:0px;
    border-radius:25px;
    color:black;
    text-transform: uppercase;
    font-size:11px;
    margin-top:20px;
    padding-left:20px;
    padding-right:20px;
}

.categories .col-md-6 > b {
    text-transform:uppercase;
}
.categories .col-md-6 > .row {
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid var(--color-secondary-black);
}

/* Browse Categories */
.browse-categories-area {
    background: #F8F6F9;
    padding-top:40px;
}

.browse-categories-area .categories a {
    font-size:14px;
    font-weight:600;
}
.browse-categories-area .categories-row .col-md-6 {
    border-bottom:1px solid transparent;
}
.browse-categories-area .categories-row .col-md-6:hover {
    border-bottom:1px solid #08BEF0;
}
.browse-categories-area .categories a:hover {
    color:#08BEF0;
}


/* Popular Categories */
.popular-categories-area {
    height:700px;
    position:relative;
    width:100%;
}

.popular-categories-area .background {
    background: #00BFF3;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index: 10;
    overflow:hidden;
}

.popular-categories-area .bg-graphics {
    width:100%;
    height:auto;
    position:absolute;
    bottom:0;
    left:0;
}

.popular-categories-area .bg-graphics-2 {
    width:100%;
    height:auto;
    position:absolute;
    bottom:-50%;
    left:40%;
    opacity: 0.2;
}

.popular-categories-area .main-content {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index: 100;
}

.popular-categories-area .top-border {
    background:white !important;
}

.popular-categories-area .section-name {
    color:white;
}

.popular-categories-area .single-category {
    background:white;
    text-align: center;
    padding:20px;
    z-index: 20;
    position:relative;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}

.popular-categories-area .col-md-3 {
    padding-right:0 !important;
    padding-left:0 !important;
}

.popular-categories-area .aj-container {
    margin-top:100px;
}

.popular-categories-area .single-category i {
    background: black;
    padding: 20px;
    border-radius: 50%;
    color: white;
    width: 60px;
    height: 60px;
}

.popular-categories-area .single-category h3 {
    margin-top:20px;
    font-size:12px;
    font-weight: 600;
    text-transform: uppercase;
}

.popular-categories-area .single-category:hover {
    transform: scale(1.2);
    box-shadow: 0px 9px 26.6px 11.4px rgba(99, 74, 158, 0.16);
    z-index: 30;
    position:relative;
}

/* icons */
.popular-categories-area .col-md-3:nth-child(1) i {background:#0379BF;}
.popular-categories-area .col-md-3:nth-child(2) i {background:#634A9E;}
.popular-categories-area .col-md-3:nth-child(3) i {background:#47C1A8;}
.popular-categories-area .col-md-3:nth-child(4) i {background:#FF4876;}
.popular-categories-area .col-md-3:nth-child(5) i {background:#FBC093;}
.popular-categories-area .col-md-3:nth-child(6) i {background:#F9BC0B;}
.popular-categories-area .col-md-3:nth-child(7) i {background:#8DC53E;}
.popular-categories-area .col-md-3:nth-child(8) i {background:#02B0AF;}

/* headers */
.popular-categories-area .col-md-3:nth-child(1) h3 {color:#0379BF;}
.popular-categories-area .col-md-3:nth-child(2) h3 {color:#634A9E;}
.popular-categories-area .col-md-3:nth-child(3) h3 {color:#47C1A8;}
.popular-categories-area .col-md-3:nth-child(4) h3 {color:#FF4876;}
.popular-categories-area .col-md-3:nth-child(5) h3 {color:#FBC093;}
.popular-categories-area .col-md-3:nth-child(6) h3 {color:#F9BC0B;}
.popular-categories-area .col-md-3:nth-child(7) h3 {color:#8DC53E;}
.popular-categories-area .col-md-3:nth-child(8) h3 {color:#02B0AF;}



/* Spotlight jobs */
.spotlight-jobs-area {
    background: #f9f6f9;
}



/* Client Says */
.client-says-area {
    height:600px;
    position:relative;
    width:100%;
}

.client-says-area .background {
    background: #00BFF3;
    position:absolute;
    left:0;
    top:0;
    width:50%;
    height:100%;
    z-index: 10;
    overflow:hidden;
}

.client-says-area .bg-graphics {
    width:100%;
    height:auto;
    position:absolute;
    bottom:0;
    left:0;
}

.client-says-area div.section-name {
    position:absolute;
    left:200px;
    top:100px;
    width:250px;
    text-align: left !important;
}
.client-says-area .top-border { background:white !important; margin-top:300px;}
.client-says-area h1.section-name {color:white;font-size:15px;}



.client-says-area .main-content {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index: 100;
}

.client-says-area .noloop {
    margin-top:200px;
}

.client-says-area .item {
    background:transparent;
}

.client-says-area .item-inside {
    padding:30px;
    margin-top:50px;
    position:relative;
    background:#FBF7F6;
}

.client-says-area img {
    width:100px !important;
    height:100px;
    position:absolute;
    top:-50px;
}

.client-says-area .item-inside p {
    margin-top:50px;
    font-size:12px;
    color:#afb6c3;
}

.client-says-area .item-inside .name {
    margin-top:20px;
    font-size:13px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom:0;
}

.client-says-area .item-inside .designation {
    font-size:11px;
    text-transform: uppercase;
    font-weight: 400;
    color:#afb6c3;
}

/* How it works */
.how-it-works-area {
    margin-top:80px;
    padding:20px;
}

.how-it-works-area .img-container {
    text-align:center;
}

.how-it-works-area .box img {
    width:120px;
    height:110px;
}

.how-it-works-area .box div.btn-container {
    float:right;
}

.how-it-works-area .box h3 {
    margin-top: 80px;
    font-size: 20px;
    font-weight: 600;
    text-align:center;
}

.how-it-works-area .box p {
    margin-top:20px;
    font-size:14px;
    font-weight:400;
    color: rgb(103, 108, 117);
    text-align:center;
}

.how-it-works-area .box a.btn {
    border:1px solid rgb(103, 108, 117);
    color:rgb(103, 108, 117);
    background:white;
    border-radius:25px;
    text-transform:uppercase;
    padding-left:25px;
    padding-right: 25px;
    font-size:14px;
}

.how-it-works-area .box a.btn:hover {
    background:rgb(103, 108, 117);
    color:white;
}


.how-it-works-area .col-md-4:nth-child(1) .box a.btn {border-color:#1DA9EF; color: #1DA9EF}
.how-it-works-area .col-md-4:nth-child(1) .box a.btn:hover {background: #1DA9EF; color:white;}
.how-it-works-area .col-md-4:nth-child(2) .box a.btn {border-color:#FFC150; color: #FFC150}
.how-it-works-area .col-md-4:nth-child(2) .box a.btn:hover {background: #FFC150; color:white;}
.how-it-works-area .col-md-4:nth-child(3) .box a.btn {border-color:#FF4876; color: #FF4876}
.how-it-works-area .col-md-4:nth-child(3) .box a.btn:hover {background: #FF4876; color:white;}



/* Join us free */

.join-us-free-area {
    height:600px;
    position:relative;
    width:100%;
    margin-top:80px;
}

.join-us-free-area .background {
    background: #fff;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index: 10;
    overflow:hidden;
}

.join-us-free-area .bg-graphics {
    width:22%;
    height:auto;
    position:absolute;
    left:0;
    top:100px;
}

.join-us-free-area .bg-graphics-2 {
    width:22%;
    height:auto;
    position:absolute;
    top:100px;
    right:0px;
}

.join-us-free-area .main-content {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index: 100;
}

.join-us-free-area .container {
    margin-top:100px;
}

.join-us-free-area .box {
    background:white;
    border: 1px solid #f1f1f1;
    padding: 40px;
    position:relative;
}

.join-us-free-area .company-register:hover {
    border-color: rgb(0,159,197);
}

.join-us-free-area .employee-register:hover {
    border-color: rgb(47, 185, 248);
}

.join-us-free-area .box img {
    width: 100px;
    position: absolute;
    top: -100px;
}

.join-us-free-area .box img.man-front {
    width:70px;
    right:0px;
}

.join-us-free-area .box .col-md-8 {
    padding:30px;
}

.join-us-free-area .box h3 {
    font-size:20px;
    text-transform: uppercase;
    font-weight: 600;
}

.join-us-free-area .box p {
    color: rgb(103, 108, 117);
    font-size: 14px;
    font-weight: 400;
}


.join-us-free-area .box .register-candidate, .join-us-free-area .box .register-candidate:active, .join-us-free-area .box .register-candidate:focus {
    background-image: -moz-linear-gradient( 21deg, rgb(121,86,236) 20%, rgb(47,185,248) 80%);
    background-image: -webkit-linear-gradient( 21deg, rgb(121,86,236) 20%, rgb(47,185,248) 80%);
    background-image: -ms-linear-gradient( 21deg, rgb(121,86,236) 20%, rgb(47,185,248) 80%);
    box-shadow: 0px 1px 0px 0px rgba(103, 109, 238, 0.004);
    border-radius: 30px;
    padding: 15px 35px;
    color: white;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}

.join-us-free-area .box .register-company, .join-us-free-area .box .register-company:active, .join-us-free-area .box .register-company:focus {
    background-image: -moz-linear-gradient( 21deg, rgb(0,159,197) 20%, rgb(60,236,176) 80%);
    background-image: -webkit-linear-gradient( 21deg, rgb(0,159,197) 20%, rgb(60,236,176) 80%);
    background-image: -ms-linear-gradient( 21deg, rgb(0,159,197) 20%, rgb(60,236,176) 80%);
    box-shadow: 0px 1px 0px 0px rgba(103, 109, 238, 0.004);
    border-radius: 30px;
    padding: 15px 35px;
    color: white;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}

/* Features */
.features-area {
    margin-top:100px;
}

.features-area .features-title-area h1.section-name {
    font-weight: 600;
}

.features-area .features-title-area h1.section-name span {
    font-size:12px;
    text-transform: none;
    letter-spacing: 2px;
    font-weight: 400;
}

.features-area .single-instruction {
    padding:20px;
}

.features-area .single-instruction:hover {
    background:#00BFF3;
    color:white;
}

.features-area .single-instruction i {
    padding: 10px;
    border: 1.5px solid #00bff0;
    border-radius: 5px;
    color:#00bff0;
}

.features-area .single-instruction:hover i {
    color:white;
    border-color:white;
}

.features-area .single-instruction h1 {
    font-size: 15px;
    font-weight: 600;
}

.features-area .single-instruction p {
    font-size:14px;
    font-weight: 400;
}

/* Career Advice */
.advice-carousel {
    background: #f8f8f8;
}
.career-advice-area .card {
    border-width:0;
}
.career-advice-area .card-body {
    padding:32px;
    background:#f8f8f8;
}

.career-advice-area .card-title {
    font-size:15px;
    text-transform: uppercase;
}

.career-advice-area .card-text {
    font-size:12px;
}

.career-advice-area .card-btn {
    border-radius:25px;
    background:#FFC80B;
    text-transform: uppercase;
    padding:10px 20px;
    font-size:12px;
    border-width:0px;
    color:black;
}

.career-advice-area .icons {
    text-align: right;
}

.career-advice-area .icons i.fa {
    color:#DBDBDB;
}

.career-advice-area .icons a:hover i.fa {
    color:#FFC80B;
}

/* Waiting for */
.waiting-for-area {
    background-image: -moz-linear-gradient( -149deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    background-image: -webkit-linear-gradient( -149deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    background-image: -ms-linear-gradient( -149deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    padding:20px;
    padding-top:120px;
    padding-bottom:120px !important;
}

.waiting-for-area .main-container {
    max-width:1000px;
    margin:auto;
    background:white;
}

.waiting-for-area .left-side {
    padding:30px;
    text-align: center;
}

.waiting-for-area h3 {
    font-size: 16px;
    font-weight: 600;
    margin-top:30px;
}

.waiting-for-area .left-side p {
    font-size: 14px;
    font-weight: 400;
    margin-top: 15px;
}

.waiting-for-area .right-side input {
    font-size: 14px;
    font-weight: 400;
    margin-top: 30px;
    box-shadow: 0px 24px 30px 0px rgba(0, 0, 0, 0.09);
    border-width: 0;
    padding:10px;
}
  
.waiting-for-area .btn-contact-us, .waiting-for-area .btn-contact-us:focus {
    border-radius: 5px;
    background:white;
    text-transform: uppercase;
    margin-top:30px;
    margin-bottom:30px;
    font-size: 14px;
    padding: 10px 25px;
    color: rgb(0,230,250);
    border:1px solid rgb(0,230,250);
}

.waiting-for-area .btn-contact-us:hover {
    background-image: -moz-linear-gradient( -177deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    background-image: -webkit-linear-gradient( -177deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    background-image: -ms-linear-gradient( -177deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    color:white;
}

.waiting-for-area .right-side {
    background:#f8f8f8;
    padding:30px;
    text-align: center;
}

/* Footer area */
.footer-area {
    background:#222;
    color:white;
}

.footer-area a {
    color:white;
    font-size:13px;
    line-spacing:10px;
}

.footer-area h3 {
    margin-top:50px;
    font-size:15px;
    margin-bottom:30px;
}

.footer-area .bottom-area .links {
    text-align:right;
}

.footer-area .bottom-area .links a {
    padding: 10px;
    padding-left: 25px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.footer-area hr {
    background:#393939;
    margin-bottom:20px;
}

.footer-area .bottom-area .copyright-info {
    text-align:center;
}

.footer-area .bottom-area .copyright-info p {
    padding-bottom:50px;
    font-size:15px;
    color:#757575;
    margin-top:30px;
    font-weight:400;
    margin-bottom:0px;
}

/* Global Header */
.global-header-area {
    width:100%;
    background-image: -moz-linear-gradient( -135deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    background-image: -webkit-linear-gradient( -135deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    background-image: -ms-linear-gradient( -135deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    margin-top:-20px;
}

.hs-dropdown {
    border-width:0;
}

.dropdown-menu a {
    height:35px;
    padding-top:7px;
    transition: all 0.2s ease-in-out;
}
.dropdown-menu a:hover {
    background:#049BF4;
    color:#fff;
}

.hs-input {
    border:0;
    background:#f8f8f8;
}

.hs-group {
    border-radius:0px;
}

.hs-box {
    position:absolute;
    border:1px solid #049BF4;
    background:white;
    padding:0px;
    left:0px;
    width:600px;
    display: none;
    z-index: 999999;
    border-top: 0px;
    box-shadow: 2px 2px 10px #049BE1;
}

.hs-job {
    padding:5px 30px;
    margin-top:5px;
}

.hs-job:hover {
    background: #049BF4;
    color:white;
    cursor:pointer;
}

.hs-job:hover a {
    color:white
}

.hs-image {
    width: 60px;
    height: 60px;
}

.hs-job a {
    font-size:14px;
}

.hs-job h5 {
    font-size:11px;
}

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

/* Global */
section.description {
    padding-top: 50px;
    padding-bottom: 40px;
    background:#FAF8F9;
}

.error {
    background: inherit;
    color: #FE5E62 !important;
    padding: 3px;
    margin-top: 2px;
}

section.register .form-control {
    height: 60px !important;
    border: 0;
    font-size: 20px;
    box-shadow: 1px 5px 10px #eee;
    transition:all 0.1s ease-in-out;
}

section.register .form-control:focus {
    box-shadow:1px 5px 10px #ccc;
}

.u-registration-form label, .input-fields label {
    font-size: 15px;
    margin-top: 15px;
    margin-left: 20px;
    font-weight: 600;
    color: rgb(51,51,51);
}

.register-buttons button {
    width:100%;
    background-color: rgb(0, 191, 243);
    color:white;
}

ul.list-style-none {
    list-style-type: none;
}

.category_select_click label {
    font-size: 15px;
    margin-top: 0px;
    margin-left: 10px;
    font-weight: 600;
    color: rgb(51,51,51);
}


.reg-with {
	width:100%;
	padding:15px 30px;
	color:white;
	cursor: pointer;
}

.reg-with:hover {
	color:white;
}

.rg-linkedin {background:#0676b4;}
.rg-facebook {background:#3b5998;}
.rg-google {background:#cd3224;}


.aj-progress-container {
    max-width:400px;
    margin:auto;
    margin-bottom:30px;
}

.aj-progress-container h1 {
    font-size: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.aj-progress-container .progress-bar {
    position:relative;
    height:5px;
    width:100%;
    background:#DBDBDB;
}

.aj-progress-container .progress-background {
    background-image: -moz-linear-gradient( 180deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(214,87,160) 0%, rgb(0,230,250) 0%, rgb(62,98,243) 100%);
    position:absolute;
    width:33%;
    height:100%;
    left:0;
    top:0;
}

.progress-circles {
    display:flex;
    align-items:center;
    flex-direction: row;
    justify-content: space-between;
    position:relative;
}

.progress-circles .progress-circle {
    height:15px;
    width:15px;
    background:#DBDBDB;
    border-radius:50%;
}

.progress-done {
    background: #00BFF3 !important;
    border: 4px solid white;
    box-shadow: 0px 7px 16px 0px rgba(0, 191, 243, 0.51);
}

.error-details div {
	border: 1px solid red;
	padding: 10px;
	padding-bottom: 0px;
	background: #FF7474;
    color: white;
}
.data-details div {
    border: 1px solid #049BF4;
    padding: 10px;
    padding-bottom: 0px;
    background: #049BF4;
    color: white;
}


/* Notification */

.notif-box {
    position:relative;
}

.message-box {
    position:relative;
}

.notif-active, .connect-active, .message-active {
    color:white !important;
    background:#019be1;
}

.notif-active > i, .connect-active > i, .message-active > i {
    color:white !important;
}

.notif-count, .message-count {
    position:absolute;
    right:-5px;
    top:-20px;
    width:auto;
    height:auto;
    background:#049bf4;
    color:white;
    padding:3px 8px;
}

.notif-area, .message-area {
    display:none;
    position:absolute;
    right:-150px;
    top:30px;
    width:400px;
    height:auto;
    background:white;
	padding: 0px;
    border: 1px solid #ccc;
    z-index:999;
    box-shadow: 0px 0px 10px #c5c5c5;
}

.notif-col {
    padding:10px;
    border-bottom:1px solid #f0f0f0;
}

.notif-col:hover {
    background: #f0f0f0;
}



.connect-box {
	position:relative;
}

.connect-count {
	position:absolute;
	right:-5px;
	top:-20px;
	width:auto;
	height:auto;
	background:#049bf4;
	color:white;
	padding:3px 8px;
}

.connect-area {
	display:none;
	position:absolute;
	right:-150px;
	top:30px;
	width:400px;
	height:auto;
	background:white;
    border: 1px solid #ccc;
    z-index:999;
    box-shadow: 0px 0px 10px #c5c5c5;
}

.connect-area .row {
    margin-left:0px;
    margin-right:0px;
}

.connect-area .row:hover {
    background:#f0f0f0;
}

.connect-area .row:hover .add-remove-btns {
    visibility: visible;
}

.connect-area .cols {
    padding:8px;
}

.con-img-col img {
    width:50px;
    height:50px;
}

.add-remove-btns {
    padding-top:17px !important;
    padding-right:10px !important;
    visibility:hidden;
}

.add-remove-btns a {
    margin-right:8px;
    font-size:30px;
}

.add-remove-btns .add {
    color:#2ecc71;
}
.add-remove-btns .remove {
    color: #e74c3c;
}

.notifications-nav {
    margin:0;
}

.notifications-nav > li {
    margin-top:7px;
}

.notifications-nav > li > a {
    padding:10px;
}

.notifications-nav > li > a:hover {
    color:black;
}

.notifications-nav > li > a > i {
    padding-right:10px;
    color:#33425B;
}

.notifications-nav > li > a:hover > i {
    color:var(--color-main-black);
}

/* User Newsfeed Left Sidebar */
.user-home-left-navbar {
	background:white;
    clear:both;
    overflow: hidden;
    margin-bottom:10px;
}

.user-home-left-navbar li {
    width:100%;
}

.user-home-left-navbar .nav-pills > li + li {
    margin-left:0;
}

.user-home-left-navbar div.txt {
    padding: 10px 20px;
    color: #7A8088;
}

.user-home-left-navbar .user-profile-info .cover-photo img {
    width:100%;
    height:auto;
}

.user-home-left-navbar .propic-container {
    /* margin-top:-40px; */
    width:90px;
    margin:auto;
    margin-top:30px;
}

.user-home-left-navbar .user-details {
    clear:both;
}

.user-home-left-navbar .user-details img {
    width:100%;
    height:auto;
    border:3px solid white;
    border-radius:50%;
    margin:10px 0;
}

.user-home-left-navbar .user-details .user-name a {
    padding: 0 10px;
    text-align:center;
    text-transform: uppercase;
    font-size:20px;
    color:#34425D;
    font-weight:500;
}

.user-home-left-navbar .user-details .user-designation {
    font-size:13px;
    color:#919CB1;
    font-weight:400;
}

.groupPage {
    background: #f8f6f9;
}

.post-connections {
    border-top:1px solid #BFC6D0;
    border-bottom:1px solid #BFC6D0;
}

.post-connections .nav-link {
    border:0 !important;
    border-radius:0;
}

.post-connections .nav-item:first-child .nav-link {
    border-right:1px solid #BFC6D0 !important;
}

.color-dark {
    color: #34425D;
}

.color-light {
    color: #919CB1;
}

.color-semigreen {
    color: #43dde5 !important;
}

.user-profile-info .about-yourself {
    padding:20px;
    font-size:12px;
}

.aj-newsfeed-navs .nav-link {
    color:#919CB1;
    font-size:16px;
    font-weight:300;
    border-radius:0 !important;
}

.aj-newsfeed-navs .nav-link:hover {
    background: #43dde5;
    color:white;
}


/* New Post Design */
.user-home-new-post {
	padding:0px;
    background:white;
    position:relative;
    padding-bottom: 10px;
}

.submitting-overlay {
    display:none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    top: 0px;
    left: 0px;
    z-index: 100;
}

.user-home-new-post .postNav {
    padding:10px 20px;
    padding-bottom:0;
}
.user-home-new-post .postNav ul {
    border-bottom:0 !important;
}
.user-home-new-post .postNav ul .nav-link, .user-home-new-post .postNav ul .nav-link label {
    border:0 !important;
    border-bottom:2px solid transparent;
    color:#212529;
    font-weight:400;
}
.user-home-new-post .postNav ul .nav-link:hover , .user-home-new-post .postNav ul .active > a {
    border-bottom:2px solid #43dde5 !important;
}

.user-home-new-post .imageUpload {
    width:100%;
}

.user-home-new-post .uploadFilesButton {
    margin-bottom:0px;
    font-weight: 300;
}

.user-home-new-post .newPostContent {
    resize:vertical;
    border:0;
    border-top:1px solid rgb(192, 199, 212);
    border-radius:0;
    box-shadow:none;
}

.user-home-new-post .postBody .typeahead li > a, 
.newComment .typeahead li > a 
{
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.user-home-new-post .postBody .typeahead li.active > a, 
.newComment .typeahead li.active > a 
{
    background:#019be1;
    color:white;
}

.user-home-new-post .postOptions {
    display: flex;
    flex-direction: row-reverse;
    margin:0 10px;
}

.mention_image {
	width:15px;
	height:15px;
    margin-right:5px;
}

.aj-hide {
	display:none;
}

.postGeneratedHtml {
    margin:5px 15px 10px;
    padding:5px 10px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    clear:both;
    overflow: hidden;
}

.postGeneratedImage {
    margin:5px 15px 10px;
    padding:5px 10px;
}

.postGeneratedHtmlShow {
    margin-top:5px;
    padding:5px 10px;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    clear:both;
    overflow: hidden;
}

.postGeneratedImageShow {
    margin-top:5px;
}

#crossHtmlPreviewBtn , #crossImgPreviewBtn {
    color:grey;
    cursor: pointer;
}

.youtube-preview-thumb {
    width:20%;
    margin-top:20px;
}

.youtube-preview-thumb img {
    width:100%;
    height:auto;
}

.youtube-preview-details {
    width:78%;
    margin-left:5px;
}

.uploadFilesInput {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.imgUpload, .uploadFilesButton {
    cursor:pointer;
}

.publish-button {
    background:#43dde5;
    color:white;
    border-radius:25px;
    font-size: 14px;
    padding: 8px 25px;
}

/* Post Related */
.postContainer .posterInfo {
    padding-left:15px;
}

.postHeader {
	padding: 20px 10px 20px 20px;
    border-bottoM: 1px solid #e4e9ed;
}

.postHeader .post-img-and-title {
    display:flex;
}

.postHeader .post-img-and-title .post-img {
    flex-grow: 0;
}

.postHeader .post-img-and-title .post-titles {
    flex-grow: 1;
}

.postContainer .posterImg img {
    border-radius: 50%;
}

.postContainer .posterFullName {
    font-weight: 500;
    color:#32425C;
}

.color-textlight {
    color:#BEC7D0;
}

.singlePostBody {
	padding:20px;
    word-wrap: break-word;
    color:#8d9092;
    font-weight:400;
}

.singlePostBody span {
    word-wrap: break-word;
    color:#8d9092;
    font-weight:400;
}

.etsc {
    font-size: 10px;
    padding: 2px 15px;
    color: var(--color-textlight);
}

.singlePostBody a, .the-real-comment a {
    color:#049bf4;
}

.singlePostBody a:hover, .the-real-comment a:hover {
	text-decoration: underline;
}

.loadLikerNames {
    cursor:pointer;
}

.allLikes .singleLiker {
    display:flex;
    margin-bottom:10px;
}
.allLikes .singleLiker .img {
    width:50px;
    height:50px;
}
.allLikes .singleLiker .img img {
    height:100%;
    width:100%;
    border-radius:50%;
}

.allLikes .singleLiker .name {
    flex-grow:1;
    text-align:left;
    margin-left:10px;
}

.postContainer .postGeneratedHtmlShow {
    margin: 0 20px 10px;
    background: #fafafa;
    padding: 20px 20px 0;
    font-size:14px;
}

.postContainer .postGeneratedHtmlShow:hover {
    background: #f0f0f0;
}

.singlePostImgContainer {
    padding:10px 20px;
}

.newCommentInput {
    height:40px;
}

span.post-header {
    color:#888;
}


.postComments {
	padding:10px 25px;
	background:#fafafa;
}

.postComments:hover {
    background:#f4f4f4;
}

.comment-see-more {
    color:var(--main-bg-color);
}
.comment-see-more:hover {
    text-decoration:underline;
}

.postContainer .postButtons {
    display:flex;
    padding:5px 25px 15px;
    align-items: center;
    justify-content: space-between;
    color:var(--color-textlight);
    border-top:1px solid #eee;
}

.postContainer .postButtons .right span:hover {
    text-decoration:underline;
    cursor:pointer;
}


.aj-post-btn {
    border-radius: 50%;
}

.aj-post-btn:hover {
    background:var(--color-btn-dark);
    color:white;
}

.post-liked, .post-liked:hover {
    background:#019be1;
    color:white;
}

.lc-btn {
	margin-left:5px;
}

.postAllComments {
	display: none;
}

.postOptionsBtn {
    display:none;
}

.postContainer:hover .postOptionsBtn {
    display:inline-block;
}

.aj-dropdown-btn {
    padding:0px 7px;
}

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

.postComments .comment-container {
    display:flex;
}

.postComments .comment-container > .the-img {
    flex-grow: 0;
}
.postComments .comment-container > .the-comment {
    flex-grow: 1;
}

.postComments .comment-container > .the-comment .commenterName {
    display:flex;
    align-items: center;
}

.postComments .comment-container > .the-comment .commenterName > span {
    flex-grow:1;
}

.postComments .comment-container > .the-img img {
    border-radius:50%;
}

.text-bold {
    font-weight: 600;
}

.like-comment-section {
    font-size:12px;
}

.the-real-comment {
    margin:0 !important;
    font-size:14px;
    word-break: break-word;
    word-wrap: break-word;
}

.load-more-btn {
    margin:20px auto;
}

.display-none {
    display:none;
}

.aj-load-more-btn {
    box-shadow:none !important;
}

.aj-load-more-btn:hover {
    text-decoration:underline;
}


/* Remodal Image */
.remodalPostImg {
    max-width:800px;
    width:100%;
    padding:0px;
}

.remodalPostImg .row {
    margin:0 !important;
}

.remodalPostImg .col-md-12 {
    padding-left:0 !important;
    padding-right:0 !important;
}

.remodalPostImgSrc {
    width:100%;
    height:auto;
}

/* Post Sharing Designs */
.sharePostForm .sharingPrimaryPost, .sharePostForm .newPostContent {
    box-shadow: 0 0 3px var(--color-textlight);
}

.postContainer .sharedPostContainer {
    box-shadow: 0 0 6px var(--color-textlight);
    width: 95%;
    margin: auto;
}

.aj-cover-btn {
    border-radius:0px;
    margin-bottom: 0px;
    transition:all 0.2s ease-in-out;
    outline: none;
    background: var(--color-greenish);
    color:white;
    font-size:15px;
    font-weight:500;
}

.aj-cover-btn:hover {
    background:var(--color-greenish-darker);
    color:white;
}

#aj-profile-tooltip {
    border:1px solid #eee;
    background:white;
    box-shadow:2px 2px 5px #ccc;
    z-index:100000;
}

.flexcol-pro-in {
    display:flex;
    flex-direction: column;
}

.tt-profile-info {
    display:flex;
    width:370px;
    padding:10px;
}

.tt-profile-info .img {
    width:100px;
    height:100px;
    padding: 5px;
    box-shadow: 0 0 3px #aaa;
    flex-shrink: 0;
}

.tt-profile-info .img img {
    width:100%;
    height:100%;
}

.tt-profile-info .details {
    flex-grow: 1;
    margin-left:10px;
}

.tt-profile-info .details .name {
    font-weight: 400;
}

#aj-profile-tooltip .dark {
    background: #f5f5f5;
    padding: 10px;
    color: black;
    display:flex;
    flex-direction: row-reverse;
}

#aj-profile-tooltip .dark a.ajMessageSend {
    margin-left:5px;
}


/* Top Friends */
.top-friends-sidebar {
    margin:10px;
}
.top-friends-sidebar img {
    width:100%;
    height:auto;
    margin-bottom:10px;
    border-radius:50%;
}

/* Friend Suggestions */
.single-suggestion {
    display: flex;
}

.single-suggestion .img {
    max-width:35px;
}

.single-suggestion .img img {
    border-radius:50%;
}

.single-suggestion .name {
    flex-grow:1;
    padding:0 5px;
    font-size:12px;
}

.single-suggestion .name a {
    font-weight: 400;
}

.single-suggestion .btn {

}

/* Single Profile */
.coverPhoto {
    width:100%;
    height:300px;
    background:#f0f0f0;
    /* overflow: hidden; */
    background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: auto;
    box-shadow: inset 0px 0px 30px #d9d9d9;
    position:relative;
}

.profilePhoto {
    width:100%;
    height:100%;
    background:white;
    background-repeat:no-repeat;
    background-position-x: center;
    background-position-y: center;
    position: relative;
    -webkit-background-size: contain;
    background-size: contain;
}

.textOverCover {
    margin-top:0;
    color:white;
    display:flex;
    align-items:flex-end;
    justify-content: flex-start;
    height:100%;
    width:100%;
    padding-bottom:10px;
}

.textOverCover .others {
    display:flex;
    justify-content: space-between;
    flex-grow:1;
    margin-right:10px;
    margin-left: 5px;
    align-items: flex-end;
}

.propic-col {
    width:140px;
    height:140px;
    border:4px solid white;
    margin-left:20px;
    margin-bottom: -50px;
    z-index: 99;
    position: relative;
    box-shadow: 0 0 5px #b5b5b5;
}

#navbar-profile {
    margin-top:45px;
}

.proName {
    text-shadow: 0px 0px 3px black;
    font-weight:500;
    font-size:20px;
}

.name h5 {
    font-size:15px;
}

.cover-buttons {
    margin-top:100px;
}

.border-0 {
    border-width:0px !important;
}

.changeCoverPhoto {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 6px 11px;
    background: var(--color-greenish);
    color: white;
    box-shadow: 0 0 5px black;
    border-radius: 2px;
    cursor: pointer;
    font-size: 14px;
    display:none;
}

.coverPhoto:hover .changeCoverPhoto {
    display:block;
}

.changeProfilePhoto {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 3px 8px;
    background: var(--color-greenish);
    color: white;
    box-shadow: 0 0 5px black;
    border-radius: 2px;
    cursor: pointer;
    font-size: 14px;
    display: none;
}

.profilePhoto:hover .changeProfilePhoto {
    display:block;
}

.profileMenu .navbar {
    background:white;
}

.profileMenu .container-fluid {

}

.navbar-profile li a {
    background:white;
    color:black;
    margin:0 5px;
    border-radius:5px;
    font-weight:400 !important;
    font-size:15px;
    padding:5px;
}
.navbar-profile li.active a {
    background: var(--color-greenish) !important;
    color:white !important;
}

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



/* Alert Modal */
.AjAlertModal .modal-header {
    padding:10px 15px;
    background:#f5f5f5;
}
.AjAlertModal .modal-footer {
    padding:5px 10px;
}
.AjAlertModal .modal-header h5 {
    font-size:15px;
    background:#f5f5f5;
}

.AjErrorModal .modal-header, .AjErrorModal .modal-header h5 {
    background:rgb(255, 72, 118);
    color:white;
}

.AjNoticeModal .modal-header, .AjNoticeModal .modal-header h5 {
    background:rgb(62,98,243);
    color:white;
}

#forgotPasswordError {
	display:none;
	color:#FE5E62;
	padding:10px;
}

/* Dashboard Designs */
.dashboard {
    background: var(--color-global-bg);
}
.aj-left-sidebar {
    padding: 0px 0px;
}


.nav-aj-left {
    width:100%;
    margin:auto;
    background:white;
}

.nav-aj-left > li > a {
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px !important;
    color: #5E6166;
    border-left: 5px solid #fff;
    font-size:14px;
}

.nav-aj-left > li > a:hover {
    color:var(--color-main-black);
    border-left-color:#ddd;
    background:#f4f4f4;
}

.nav-aj-left > li.active > a , .nav-aj-left > li.active > a:hover, .nav-aj-left > li.active > a:focus, .nav-aj-left > li.active > a:active {
    background: var(--color-greenish);
    color:white;
    border-left: 5px solid var(--color-greenish-darker);
    border-radius:0px !important;
}

.nav-aj-left i {
    margin-right:7px;
}

.nav-aj-left .real-dashboard .txt {
    padding:10px;
    font-size: 14px;
    color: var(--color-textlight);
}

.nav-aj-left hr {
    margin:0 !important;
}


.previous-review {
    border: 1px solid #eee;
    padding: 10px;
    margin-top:10px;
}

.previous-review img {
    width:70px;
    height:70px;
    float:left;
    margin-right:10px;
}

.previous-review p {
    color:var(--color-textlight)
}

/* Dashboard Content Area */
.aj-content-area {
    background: transparent;
}
.aj-content-area h4 {
    font-weight:300;
}
.aj-main-container {
    background: white none repeat scroll 0% 0%;
    padding: 15px;
}


.aj-main-container-profile {
    background: transparent;
}

.aj-border-right {
    border-right: 1px solid black;
}

.aj-notice {
    padding: 15px;
    background: var(--color-greenish);
    color: white;
    border-left: 5px solid var(--color-greenish-darker);
    margin-bottom: 20px;
}

.aj-problem {
    padding: 15px;
    background: #d43f3a;
    color: white;
    border-left: 5px solid #d43f3a;
    margin-bottom:20px;
}

.aj-success {
    padding: 15px;
    background: var(--color-greenish-darker);
    color: white;
    border-left: 5px solid var(--color-greenish-darker);
    margin-bottom:10px;
}


.aj-text {
    padding: 15px;
    margin-bottom:10px;
    /* border-left: 5px solid #fff; */
}

.aj-text h4 {
    font-size:1.2rem;
    font-weight: 400;
}

.aj-stat-box {
    padding:15px;
    background:#2fa9f6;
    color:white;
    margin-bottom:15px;
}

.aj-stat-box h2 {
    margin-top:10px !important;
}

.aj-content-btn {
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    padding:10px 30px;
    border:1px solid white;
    background:transparent;
    color:white;
}

.aj-content-btn:hover, .aj-content-btn:focus, .aj-content-btn:active {
    border-color:white;
    background:white;
    color:black;
}

.bg-blue {
    background: #1262C1;
}

.bg-violet {
    background: #A108C1;
}

.bg-semigreen {
    background: #03C18C;
}

.bg-bluish {
    background:var(--color-bluish);
}

.bg-greenish {
    background:var(--color-greenish)
}

.bg-orange {
    background: #FF8C04;
}

.bg-semiblue {
    background: #6612C5;
}

.aj-title-area {
    padding: 15px;
    background: var(--color-greenish-darker);
    border-left: 5px solid var(--color-greenish-darker);
    color:white;
    margin:-15px;
    margin-bottom:0;
}
.aj-title-area i {
    margin-right:5px;
}
.aj-title-area a {
    color:white;
}

.aj-title-area a:hover {
    text-decoration: underline;
}


.aj-text .row {
    margin-bottom: 5px;
}

.aj-main-container .special-col-bg {
    margin-top:0px;
    padding:10px;
    font-weight:500;
}
.aj-main-container .special-col {
    margin-top:0px;
    padding:10px;
    background:#f0f0f0;
}

.aj-notice h4 {
    margin-bottom:0;
}


/* User General */
.img-con {
    width:200px;
    height:200px;
    margin:auto;
    position:relative;
}

.img-con img {
    width:100%;
    height:100%;
}

.img-con-overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.0);
    color:transparent;
    padding:90px 0;
    font-size:20px;
    cursor:pointer;
}

.img-con-overlay:hover {
    background:rgba(0,0,0,0.5);
    color:white;
}

a.aj-default {
    color:#049bf4;
}

a.aj-default:hover {
    text-decoration: underline;
}


.education-title {
    padding:10px;
    margin: 0px -15px;
    background:var(--color-greenish);
    color:white;
    margin-bottom: 5px;
}

.education-title span {
    margin-right:10px;
}

.education-title a {
    color:white;
}

.education-title a:hover {
    text-decoration: underline;
}


/* Remodal */

.remodal .col-md-7, .remodal h3, .remodal .col-md-2 {
    text-align: left;
}

.remodal .col-md-3 {text-align: right;}

.remodal .row {
    margin:10px;
}

.remodal label {
    margin-top:5px;
}

.remodal .col-md-2 {
    padding-top:5px;
}

.remodal select option {
    padding:10px;
}

.remodal .form-control:focus{

}

.remodal-close {
    background: #FE5E62 !important;
    color:white !important;
}

.remodal-close:hover {
    background: #FE3C41 !important;
}


/* Jobs Design */

.real-job {
    margin:5px 15px;
    border:1px solid #E6EDF7;
    background:white;
    padding: 20px;
    box-shadow:0 0 10px #E6EDF7;
    border-bottom-width:3px;
    width: 100%;
}

.col_md_bd , .col_md_binfo {
    float:left;
}

.col_md_bd {
    margin-left:15px;
    margin-right:10px;
}

.box-date {
    width:40px;
    height:40px;
    border:1px solid #049bf4;
    border-radius:2px;
}

.box-date-day {
    height:50%;
    width:100%;
    background:#049bf4;
    color:white;
    text-align: center;
    font-weight: 600;
}

.box-date-day a {
    height:50%;
    width:100%;
    background:#049bf4;
    color:white;
    text-align: center;
    font-weight: 600;
}

.box-date-month {
    height:50%;
    width:100%;
    background:white;
    color:#049bf4;
    text-align: center;
    font-weight: 600;
}

.real-job-info {
    height:40px;
    width:auto;
}

.real-job-title, .real-job-author {
    height:50%;
}

.real-job-title a {
    font-size: 15px;
    font-weight: 400;
    color:#484848;
}

.real-job-title a:hover {
    text-decoration: underline;
}

.real-job-author {
    font-size: 15px;
    font-weight: 400;
    color:#9B9B9B;
}

.real-job-widget {
    text-align: center;
    padding-top:4px;
    width:30px;
    height:30px;
    float:right;
    background:#ccc;
    color:#FAFAFA;
    border-bottom:2px solid #ccc;
    margin-right:5px;
    transition:all 0.3s ease-in-out;
    cursor: pointer;
}

.real-job-widget:hover {
    background:var(--color-greenish);
    border-bottom:var(--color-greenish-darker);
}

.real-job-desc {
    padding:15px 0;
    color:#626262;
}

.real-job-desc-full {
    padding:15px 0;
    color:#626262;
}

.rjd-btns {
    padding:10px;
}

.rjd-btns .btn:nth-child(2) {
    margin-right:30px;
}

.half-width {
    width:49%;
}

.box-date-person {
    width:auto !important;
}

.box-date-person div {
    padding-left:5px;
    padding-right:5px;
}

.real-job-bottom {
    color:#989898;
    margin-top:5px;
}

span.real-job-role {
    color:#049bf4;
}

/* Following Companies */
.aj-form-title {
    font-weight:400;
    padding:10px;
}

.following-com {
    padding:10px;
    background:white;
    margin-top:20px;
}

.aj-default-btn {
    background:var(--color-greenish);
    color:white !important;
    border:0;
    font-size: 13px;
    padding: 10px 15px;
}

.aj-default-btn:hover {
    background:var(--color-greenish-darker);
    color:white;
    border:0;
}

.aj-positive-btn {
    background:var(--color-positive);
    color:white;
    border:0;
}

.aj-positive-btn:hover, .aj-positive-btn:focus {
    background:var(--color-positive-darker);
    color:white;
    border:0;
}

.aj-negative-btn {
    background:var(--color-negative);
    color:white;
    border:0;
}

.aj-negative-btn:hover, .aj-negative-btn:focus {
    background:var(--color-negative-darker);
    color:white;
    border:0;
}

.dashboard > .container > .row {
    align-items:flex-start;
}

/* TOGGLE STYLING */
.toggle {
    margin: 0;
    box-sizing: border-box;
    font-size: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
}
.toggle input {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
}
.toggle input + label {
    margin: 0;
    color:#212529;
    padding: 10px 15px !important;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    /* border: solid 1px #DDD; */
    background-color: #ddd;
    font-size: 1rem;
    line-height: 140%;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0);
    transition: border-color .15s ease-out,  color .25s ease-out,  background-color .15s ease-out, box-shadow .15s ease-out;
}
.toggle input:hover + label {
    border-color: var(--color-greenish);
}
.toggle input:checked + label {
    background-color: var(--color-greenish);
    color: #FFF;
    box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);
    border-color: var(--color-greenish-darker);
    z-index: 1;
}
@media (max-width: 800px) {
    .toggle input + label {
        padding: .75rem .25rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}


.profile-left-sidebar {
    margin-top: 10px;
}

.p-15px {
    padding:15px;
}
.white-bg {
    background:white;
}

.featured-bg {
    background:#FFF;
    border:1px solid #FAB95B;
}

.border-2px {
    border-width: 2px;
}

.profile-left-sidebar .singleInfo {
    font-size:14px;
    font-weight:400;
}

.profile-left-sidebar .singleInfo i {
    width:20px;
}

.profile-left-sidebar .designation {
    padding: 15px;
    font-size: 13px;
    font-weight: 400;
}

.profile-left-sidebar .user-short-info img {
    width:100%;
    height:auto;
    margin:10px 0;
    border-radius:50%;
}

/* About Page */
.aboutTop {
    margin-top:20px;
    background:white;
}
.aboutTitle {
    padding:20px 20px 10px;
    border-bottom:2px solid var(--color-border-light);
}
.aboutTitle h1 {
    font-size:20px;
    font-weight: 600;
}
.aboutTitle p {
    font-size:14px;
    font-weight: 400;
    color: var(--color-textlight);
}
.aboutTop .aboutBody {
    padding:10px 40px;
}
.aboutTop .aboutBody .singleInfo {
    padding:10px;
    color:var(--color-textlight);
    font-weight:400;
}
.aboutTop .aboutBody .singleInfo span.info {
    color:black;
    font-weight:400;
}
.aboutBottom {
    background:white;
}
.aboutBody .singleEntity {
    color:var(--color-textlight);
    font-weight: 400;
}

#referenceContainer .aboutBody {
    padding:20px;
}

/* Connections Page */
.ud-singleConnection {
    display:flex;
    flex-direction: row;
    align-items: center;
    padding:10px;
}
.ud-singleConnection .user-details {
    flex-grow:1;
    display:flex;
    flex-direction:row;
    align-items:center;
}
.ud-singleConnection .user-details .person-name {
    margin-left:5px;
    flex-grow:1;
}
.ud-singleConnection .user-details .profile-image {
    width:50px;
    height:50px;
    border-radius:50%;
}
.ud-singleConnection .user-details .career {
    flex-grow:1;
}
.ud-singleConnection .user-details .career p {
    margin-bottom:0;
    font-size:14px;
}
.ud-singleConnection .user-details .person-name h5 {
    margin-bottom:0;
}
.ud-singleConnection .user-details .person-name small {
    font-size:12px;
    color:var(--color-textlight);
}
.ud-singleConnection .person-buttons {
    flex-grow:0;
    display:flex;
    flex-direction:row;
}
.pb-main {
    border-radius:20px;
    border:0;
}
.pb-options {
    background:transparent;
}
.pb-options:after {
    display:none;
}
.connectionsRowLoading {
    opacity:0.6;
}
.singleCon {
    padding:20px;
}

/* Groups */
.f-20px {
    font-size:20px;
    font-weight:400;
}
.single-group {
    display:flex;
    flex-direction: column;
    background:white;
    padding:15px;
    height:100%;
    border-bottom: 2px solid white;
}
.single-group:hover {
    border-bottom: 2px solid var(--color-greenish);
}
.single-group .name {
    text-align:left;
    margin-bottom:10px;
    display:flex;
    flex-direction: row;
}
.single-group .name .left {
    flex-grow:1;
}
.single-group .name h4 {
    font-size:15px;
    color: var(--color-greenish);
    text-transform: uppercase;
    margin-bottom: 0;
}
.single-group .name small {
    font-size:12px;
}
.single-group .image {
    margin:10px 0 20px;
}
.single-group .image .imgContainer {
    width:80px;
    height:80px;
    position:relative;
    margin:auto;
}
.single-group .image .imgContainer img {
    width:100%;
    height:100%;
    border-radius:50%;
    position:absolute;
    left:0;
    top:0;
}
.single-group .details {
    flex-grow:1;
    font-size:12px;
    color:var(--color-textlight);
    font-weight: 400;
}
.single-group .members {
    flex-grow:0;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top:10px;
    font-size:12px;
    color:var(--color-textlight);
}
.single-group .members .left {

}
.single-group .members .right {

}
.single-g-mem img {
    width:20px;
    height:20px;
    border-radius:50%;
    margin-left:-12px;
    position:relative;
}

.pagination-links {
    display:flex;
    justify-content: center;
}
.pagination .page-item {
    margin-right:10px;
}
.pagination .page-link {
    color:var(--color-bluish);
}
.pagination .page-item.active .page-link {
    background:var(--color-bluish);
    border-color:var(--color-bluish);
    color:white;
}

.aj-nothing-btn {
    background:transparent;
    color:var(--color-textlight);
}
.aj-nothing-btn:hover, .aj-nothing-btn:focus {
    background:transparent;
    color:var(--color-textlight);
}
.privacyClick {
    background:#f0f0f0;
    border-radius:5px;
    padding:15px;
    cursor:pointer;
    transition:all 0.3s ease-in-out;
    margin-bottom:5px;
    display:flex;
    flex-direction:column;
    justify-content: center;
    height:100%;
}
.privacyClick p {
    font-size:12px;
    flex-grow:1;
}

.privacyClick:hover {
    background:var(--color-greenish);
    color:white;
}

.privacyActive {
    background:var(--color-greenish);
    color:white;
}

/* Group Page */
.group-about {
    background:white;
    margin-bottom:15px;
}

.group-about .header {
    padding:10px;
    font-size:14px;
    font-weight:400;
    border-bottom:2px solid var(--color-border-light)
}

.group-about .content {
    padding:10px;
    font-size:13px;
    color:var(--color-textlight)
}
.connectHeader {
    padding:10px 0;
}
.connectionsRow > div {
    margin-bottom:5px;
}

#placeToPopulateNonMembers {
    width:100%;
}
.singleNonMember {
    display:flex;
    align-items: center;
}

.singleNonMember .img {
    width:30px;
    height:30px;
}
.singleNonMember .img img {
    margin:0;
}
.singleNonMember .name {
    flex-grow:1;
    margin-left:5px;
}
.singleNonMember .buttons .btn {
    font-size:12px;
}
.groupAboutForm h4, .groupAboutForm h5 {
    font-size: 14px;
    line-height: 20px;
    margin-top: .5rem;
}

.privacyClick h4 {
    font-size:15px;
}

.privacyClick {
    font-size:12px;
    word-break:break-word;
}


/* Search Page */
.linktype {
    margin: 15px 0 0;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    background: #43DDE6;
    border-radius:5px;
    padding:15px;
}
.linktype.active-yes {
    border-radius:5px 5px 0 0;
}

/* .linktype:after {
	content: "\f196";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #049bf4;
	font-size: 16px;
	padding-right: 6px;
	top: 1px;
	position: relative;
}

.linktype.active-yes:after {
    content: "\f147";
} */


.left-buttons {
    padding:0 0 15px 0;
}

.mega-menu {
	background:#fff;
	padding:20px;
	display: none;
    cursor: default;
    border-radius:0 0 5px 5px;
}

.mega-menu ul {
	list-style-type: none;
	padding-left:0px;
}


.mega-menu input[type="text"] {
	border-radius:0px;
	   -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.mega-menu .form-control:focus{
    border-color: #cccccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mega-menu-show {
	background:#f0f0f0;
	padding:20px;
	display: block;
	cursor: default;
}

.mega-menu-show ul {
	list-style-type: none;
	padding-left:0px;
}

.search-main-menu {
	list-style-type: none !important;
	padding:0px 15px 15px 15px;
}

.search-looking-div {
	color:#484848;
}

.search-left div.txt {
	color:#484848 !important;
}


.mega-menu-show input[type="text"] {
	border-radius:0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.mega-menu-show .form-control:focus{
	border-color: #cccccc;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.complete-job {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	transition: all 0.2s ease-in-out;
	margin-bottom: 10px;
}

.complete-job h4 a:hover {
	color: #049BF4;
}

.complete-job:hover {
	background: #f9fff6;
	border-top: 1px solid #049BF4;
	border-bottom: 1px solid #049BF4;
}

.single-job .col-md-4 {
	margin-top:20px;
	background:#f0f0f0;
	padding:10px;
	transition: all 0.2s ease-in-out;
}

.complete-job:hover .single-job .col-md-4 {
	background: #049BF4;
	color:white;
}

/* Checkbox Design */
.mega-menu label {
    margin-left:5px;
    margin-bottom:0;
    font-weight:400;
}

/* Search Container */
.search-container {
    position:relative;
    background: transparent !important;
}

.search-container-overlay {
    display:none;
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.3);
    top:0px;
    left:0px;
    z-index:100;
}

.search-title {
    background:white;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    height:200px;
    color:var(--color-header-black);
    font-weight: 600;
    margin-bottom:5px;
}
.search-title .left {
    padding:30px;
    align-self:center;
}
.search-title .right {
    float:right;
    align-self:flex-end;
}
.search-title .right img {
    height:150px;
    width:auto;
}

/* Single Job */
.updated-job {
    font-weight:500;
    margin:5px 0;
    border-radius:5px;
    position: relative;
}
.updated-job .star-holder {
    position: absolute;
    right: 20px;
    top: 20px;
    color:#FAB95B;
}
.updated-job .top .left {
    padding:10px 25px;
}
.updated-job .top .left img {
    width:60%;
    height:auto;
    margin:auto;
}
.updated-job .top .right h4 {
    font-size:25px;
    font-weight: 600;
    margin-top:20px;
    margin-right: 20px;
}
.updated-job .top .right h5 {
    font-weight: 400;
    font-size:17px;
    color:var(--color-greenish);
}
.updated-job .top .right p {
    margin-bottom:0;
    font-size:13px;
    color:var(--color-textlight);
    font-weight:400;
}
.updated-job .top .right .job-description {
    font-size:13px;
    color:var(--color-textlight);
    margin-bottom:10px;
    font-weight:400;
}
.updated-job .top .right .application {
    display:flex;
    justify-content: space-between;
    align-items:center;
    padding-right:10px;
}
.updated-job .top .right .deadline span {
    font-size:14px;
    font-weight:400;
}
.updated-job .top .right .deadline .key {
    color:var(--color-magenta);
}
.updated-job .bottom {
    padding:10px;
    margin-top:5px;
    margin-right:10px;
    margin-left:10px;
    font-size:12px;
    border-top:1px solid var(--color-border-light);
    display:flex;
    justify-content: space-between;
    align-items: center;
}

/* Fancy Buttons */
.btn-job-sky {
    width:60%;
    border: 1px solid var(--color-greenish);
    cursor:default !important;
    pointer-events: none;
    font-size:12px;
}
.bjs-primary {
    background: var(--color-greenish);
    color:white !important;
}
.bjs-secondary {
    background: #fff;
    color:var(--color-greenish) !important;
}
.btn-job-magenta {
    border: 1px solid var(--color-magenta);
    text-transform:uppercase;
    border-radius:20px;
    font-size: 12px;
    padding: 7px 22px;
}
.btn-job-magenta:hover {
    background:var(--color-negative);
    color:white !important;
}
.bjm-primary {
    background:var(--color-magenta);
    color:white !important;
}
.bjm-secondary {
    background: #fff;
    color:var(--color-magenta) !important;
}

/* Single Job Page */
.right-sidebar {
    background:white;
    padding:0;
    margin-bottom:10px;
}
.right-sidebar .job-propic {
    width:30%;
    height:auto;
    margin:auto;
}
.right-sidebar .aj-right-title {
    background:var(--color-greenish);
    color:white;
    padding:15px 20px;
    border-radius:5px 5px 0 0;
}
.right-sidebar .aj-right-title h4 {
    margin-bottom:0;
    font-size:16px;
    font-weight:500;
}
.right-sidebar .aj-right-info {
    border-radius:0 0 5px 5px;
    padding:15px;
}
.right-sidebar .aj-right-info p {
    margin-bottom:0;
}
.single-job-page p {
    margin-bottom:0;
}
.job-main-info {
    padding:20px;
}
.font-small {
    font-size:12px;
}
.font-dark-black {
    color:var(--color-main-black);
}
.job-header-wrap {
    padding:20px 30px;
}
.show-thorowly {
    display:flex;
    justify-content: space-between;
    font-size:13px;
}
.posted-deadline {
    font-size:13px;
}
.posted-deadline b {
    color:var(--color-magenta);
}
.profile-info {
    margin-top:10px;
    border:1px solid #d9d9d9;
    box-shadow: 2px 2px 10px #d9d9d9;
}
.single-job-page .profile-info > h3 {
    background:white;
    padding:15px 30px;
    padding-bottom:10px;
    border-radius:5px 5px 0 0;
    font-size:18px;
    margin-bottom:0;
    font-weight:500;
    color:#212529;
}
.single-job-page .profile-info > div {
    background:white;
    padding:15px 30px
}

.job-details-div .col-md-3 {
    margin-bottom:5px;
}
.job-details-div .col-md-3 span {
    color:#212529;
    font-weight:400;
}
.single-job-page i {
    margin-right:5px;
}
.job-image-holder img {
    width:100%;
}
.apply-btn-con {
    text-align:center;
}
.aj-apply-btn {
    background:var(--color-magenta);
    color:white;
    border-radius:50px;
    font-size:14px;
    padding:10px 30px;

}
.aj-apply-btn:hover, .aj-apply-btn:focus {
    color:white;
    background:var(--color-negative-darker);
    box-shadow:2px 2px 10px var(--color-magenta);
}
.similar-jobs-section {
    /*background:white;*/
}
.similar-jobs-section .thejob {
    /* border:1px solid #ccc; */
    box-shadow:3px 3px 5px rgba(0,0,0,0.1);
    height: 100%;
    border-radius:5px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:0;
    transition:all 0.2s ease-in-out;
}
.similar-jobs-section .thejob:hover {
    box-shadow: 5px 5px 5px rgba(0,0,0,0.15);
    transform: translateZ(1.2);
}
.similar-jobs-section .thejob .header {
    padding:20px;
}
.similar-jobs-section .thejob .footer {
    background:#f8f8f8;
    padding:5px;
    font-size:12px;
}
.similar-jobs-section div, .similar-jobs-section p {
    font-size:14px;
}
.similar-jobs-section a.similarJobs {
    font-size: 16px;
    font-weight: 600;
}
.similar-jobs-section h5 {
    font-size:12px;
}
.similar-jobs-section .thejob img.similar-img {
    width:100%;
}
.btn-round-border {
    border-radius:50px;
    font-size:14px;
    padding:8px 15px;
}


/* Notification Related */
.notif-area .ca-header, .notif-area .ca-footer, .message-area .ca-header, .message-area .ca-footer, .connect-area .ca-header, .connect-area .ca-footer {
    background: #f8f8f8;
    padding: 5px;
    font-size: 13px;
}
.nothing-found {
    padding:5px;
    font-size:12px;
}
.notifRow {
    display:flex;
}
.notifRow:hover {
    background:#fafafa
}
.notifRow .col-img {
    width:50px;
    padding:5px;
    flex-shrink:0;
}
.notifRow .col-img img {
    width:100%;
    border-radius:50%;
}
.notifRow .col-content {
    font-size:14px;
}
.col-content .sender {
    font-weight:500;
    font-size:13px;
}

/* Registration and Login */
.loginButton {
    width:100%;
    background:#019be1;
    color:white;
}
.loginButton-modal {
    padding:10px 20px;
    margin-bottom: 0px;
    height: 55px;
    font-size: 20px;
    font-weight: 400;
}

.cover-con {
    width:600px;
    height:200px;
    margin:auto;
    position:relative;
}

.cover-con img {
    width:100%;
    height:100%;
}

.cover-con-overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.0);
    color:transparent;
    padding:90px 0;
    font-size:20px;
    cursor:pointer;
}

.cover-con-overlay:hover {
    background:rgba(0,0,0,0.5);
    color:white;
}

.pack-bordered {
    /* border: 2px solid #d2d8d8; */
    border-radius: 3px;
}

.pack-bordered .p-head {
    /* background: #EDEDED; */
    /* border-bottom: 1px solid #d2d8d8; */
    padding-top:1px;
    padding-bottom:25px;
}

.recommended-pack {
    --color-recommended : #fbd341;
    --color-silver : #00bbf0;
    --color-premium : #45eba5;
}

.recommended-pack .p-head {
    background: var(--color-recommended);
    color: white;
}
.silver-pack .p-head {
    background:#00bbf0;
    color:white;
}
.premium-pack .p-head {
    background: #45eba5;
    color: white;
}

.recommended-pack a.btn:hover {
    background:var(--color-recommended) !important;
    border-color:var(--color-recommended) !important;
}
.silver-pack a.btn:hover {
    background:#00bbf0 !important;
    border-color:#00bbf0 !important;
}
.premium-pack a.btn:hover {
    background:#45eba5 !important;
    border-color:#45eba5 !important;
}

.pack-bordered .p-body {
    padding:20px;
    background:white;
    color:black;
    border:1px solid #ccc;
}

.pack-bordered .p-rounded {
    width:60px;
    height:60px;
    border: 1px solid #d2d8d8;
    border-radius:50%;
    margin:auto;
    padding-top: 19px;
    margin-top: -51px;
    background: #F6F8F7;
}

.recommended-pack {
    transform: scale(1.1) !important;
}


.aj-pack-btn {
    border-radius:3px !important;
    transition:all 0.2s ease-in-out !important;
    outline: none !important;
    background: white !important;
    color: #6f6f6f !important;
    border: 2px solid #ccc !important;
}

.aj-pack-btn:hover, .aj-pack-btn:focus, .aj-pack-btn:active {
    color:white !important;
}

.selected-pack {
    background: #fb9a40 !important;
    color:white !important;
    border-color:white !important;
}
.silver-pack {
    background: #0079ff !important;
    color:white !important;
    border-color:white !important;
}
.premium-pack {
    background: #21aba5 !important;
    color: white !important;
    border-color:white !important;
}
.put-border {
    border-bottom: 3px solid #f3f3f3;
}

.minus-margin {
    margin-top:-7px;
}

.put-border .col-md-3 {
    padding-top:2px;
}

.pack-bordered .p-head h3 {
    margin-top:15px;
    font-weight:500;
    font-size:22px;
}
.pack-bordered .p-body {
    font-size:14px;
}


.circular-border {
    border:5px solid #aaa;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width:150px;
    height: 150px;
    margin: auto;
    text-align: center;
    padding-top: 30px;
}

.single-university-box {
    padding:5px;
    border: 1px solid #019BE1;
    margin-top:3px;
    cursor:pointer
}
.single-university-box:hover {
    text-decoration:underline;
}

.single-university-box span {
    text-weight: bold;
}

.job-insights h3, .job-insights h2 {
    font-weight:400;
}
.job-insights h4 {
    font-weight: 300;
    font-size:18px;
}
.job-posting .nav-pills .nav-link.active {
    background:var(--color-greenish);
    border-left-color:var(--color-greenish-darker);
}

/* Job Posting */
.job-posting {
    background:#f9f6f9;
}
.job-posting .tab-content .tab-pane > .row,
.job-optional-blanks > .row
{
    border:1px solid #eee;
    margin:0;
    margin-bottom:5px;
    background:white;
    padding:10px 0 15px;
}

.job-posting .tab-content .tab-pane > .row > .col-md-12:first-child {
    border-bottom:1px solid #eee;
    margin-bottom:15px;
}

.job-posting .tab-content .tab-pane > .row > .col-md-12:first-child h4,
.job-posting .tab-content .tab-pane > .row > .col-md-12:first-child h3,
.job-posting .tab-content .tab-pane > .row > h4,
.job-optional-blanks > .row > .col-md-12:first-child h4
{
    font-size:14px;
    font-weight:400;
}


.job-optional-trigger {
    cursor: pointer;
}

.job-optional-trigger:before {
    content: "\f196";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #049bf4;
    font-size: 16px;
    padding-right: 6px;
    top: 1px;
    position: relative;
}

.job-optional-trigger.active-yes:before {
    content: "\f147";
}

.job-optional-blanks {
    display: block;
}
.jot-mf {
    margin-left:15px;
    margin-right:15px;
}

.jobLevelClick {
    background:#f0f0f0;
    border-radius:5px;
    padding:15px;
    cursor:pointer;
    transition:all 0.3s ease-in-out;
}

.jobLevelClick:hover {
    background:#049bf4;
    color:white;
}

.jobLevelActive {
    background:#049bf4;
    color:white;
}

.jobNatureClick {
    background:#f0f0f0;
    border-radius:5px;
    padding:15px;
    cursor:pointer;
    transition:all 0.3s ease-in-out;
    margin-bottom:5px;
}

.jobNatureClick:hover {
    background:#049bf4;
    color:white;
}

.jobNatureActive {
    background:#049bf4;
    color:white;
}

.jobAgeLimitClick {
    background:#f0f0f0;
    border-radius:5px;
    padding:15px;
    cursor:pointer;
    transition:all 0.3s ease-in-out;
    margin-bottom:5px;
}

.jobAgeLimitClick:hover {
    background:#049bf4;
    color:white;
}

.jobAgeLimitActive {
    background:#049bf4;
    color:white;
}

.jobGenderClick {
    background:#f0f0f0;
    border-radius:5px;
    padding:15px;
    cursor:pointer;
    transition:all 0.3s ease-in-out;
    margin-bottom:5px;
}

.jobGenderClick:hover {
    background:#049bf4;
    color:white;
}

.jobGenderActive {
    background:#049bf4;
    color:white;
}

.job-posting .smallPanel h5 {
    font-size:16px;
    margin-top:10px;
    font-weight:400;
}

.job-posting .smallPanel .col-md-8 {
    margin-bottom:10px;
}
.job-posting .smallPanel .col-md-8 > .row .col-md-4 h3,
.job-posting .smallPanel .col-md-8 > .row .col-md-4 h4
{
    font-size:15px;
    margin-bottom:0;
}
.job-posting .smallPanel .col-md-8 > .row .col-md-4 {
    padding:2px;
    font-size:13px;
}
.university_list_checkbox {
    border: 2px solid black;
    padding: 10px;
    height: 300px;
    overflow: scroll;
    scroll-behavior: smooth;
}
#app_rest_box h3, #app_rest_box h4 {
    margin-top:5px;
    font-size:17px;
}
.containSingleAcademic h3 {
    font-size:15px;
}
.containSingleAcademic {
    font-size:14px;
}
.containSingleAcademic > .row {
    margin-bottom:10px;
}

.containSingleAcademic > .row > .col-md-3 {
    display:flex;
    align-items:center;
}
.job-right-sidebar .simple-panel {
    background:white;
    padding:10px;
    font-size:14px;
    margin:0 -15px;
}


/* Messages Page */

section.messages {
    background:#f0f0f0;
    padding:50px;
}

.msg-container {
    max-width:1300px !important;
    width:auto;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.msg-container div[class^='col-md'], .msg-container div[class*=' col-md']{
    padding-right:5px;
    padding-left:5px;
}

.msg-left {
    background:white;
}

.msg-left-pad {
    padding:20px;
}

.msg-left-spad {
    padding:10px;
    padding-top: 0px;
}

.msg-left-spad .form-group {
    margin-bottom:0px !important;
}

.msg-settings , .msg-new {
    padding:10px;
    background:white;
    color:#81858A;
    transition: all 0.2s ease-in-out;
}

.center-block {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.input-group .icon-addon .form-control {
    border-radius: 0;
}

.icon-addon {
    position: relative;
    color: #555;
    display: block;
}

.icon-addon:after,
.icon-addon:before {
    display: table;
    content: " ";
}

.icon-addon:after {
    clear: both;
}

.icon-addon.addon-md .glyphicon,
.icon-addon .glyphicon,
.icon-addon.addon-md .fa,
.icon-addon .fa {
    position: absolute;
    z-index: 2;
    left: 10px;
    font-size: 18px;
    width: 20px;
    margin-left: -2.5px;
    text-align: center;
    padding: 10px 0;
    top: -2px
}


.icon-addon.addon-md .form-control,
.icon-addon .form-control {
    padding-left: 30px;
    float: left;
    font-weight: normal;
}


.msg-settings:hover , .msg-new:hover {
    background:#049bf4;
    color:white;
}

.msg-search-in {
    border-width:0px;
    box-shadow: none !important;
    background: #f0f0f0;
}

.msg-body {
    background:white;
}

.msg-b-msgs {
    height:500px;
    overflow-y:auto;
    overflow-x:hidden;
}

.single-msg-cont {
    width:100%;
    padding:10px 15px 0px 10px;
}

.msgPersonInfo > .mpi-cont {
    display:flex;

}

.msg-to-me {
    min-width:400px;
    max-width:70%;
    background:#f0f0f0;
    color:black;
    padding:10px;
    margin-right:30%;
    float:  left;
    clear: both;
    margin-top:5px;
    border-radius:5px;
}

.msg-from-me {
    min-width:400px;
    max-width:70%;
    background:#049bf4;
    color:white;
    padding:10px;
    margin-left:30%;
    float:  right;
    clear: both;
    margin-top:5px;
    border-radius:5px;
}

.msg-right {
    background:white;
    padding:10px;
}

.remodalMsg {
    padding:20px !important;
}

div.imgProPic {
    width:52px;
    height:52px;
    text-indent:-9999px;
}

.imgCol2 {
    padding-top:0px !important;
    padding-left:0px;
    padding-right:0px;
    width:52px;
}

.msgCol12 {
    padding-top:0px !important;
    padding-left:0px;
    padding-right:0px;
}

.messageInput {
    border-width:0px !important;
    box-shadow: none !important;
    resize: vertical;
    height:75px !important;
}

.messageHolder {
    border: 1px solid #f0f0f0;
}

.messageHolderFocused {
    border:1px solid #049bf4;
}

.mhBottom {
    background:#f0f0f0;
    padding: 1px;
}

.imgUpload, .fileUpload {
    padding:10px;
}

.imgUpload:hover , .fileUpload:hover {
    background: #049bf4;
    color:white;
    cursor:pointer;
}

.uploadFilesInput {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.uploadFilesButton {
    cursor: pointer;
}

.sImgDesign {
    width:100%;
}

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

.msg-persons .person {
    padding:15px;
    cursor:pointer;
}

.msg-persons .person:hover {
    background:#049bf4;
    color:white;
}

.lastConv {
    background:var(--color-bluish);
    color:white;

}

.personLeftName {
    margin-top:5px;
}

.msg-persons div[class^='col-md'], .msg-persons div[class*=' col-md']{
    padding-right:15px;
    padding-left:15px;
}

.msg-body div[class^='col-md'], .msg-body div[class*=' col-md']{
    padding-right:15px;
    padding-left:15px;
}

.msgLeftPropic {
    border-radius:50%;
}

.msgPersonInfo {
    padding:20px;
    border-bottom:2px solid #f0f0f0;
}

.msgImgCont {
    width:70px;
}

.msg-b-sender {
    padding:20px;
}

.msg-b-sender .mhBottom {
    padding: 10px;
}

.msgfixPadding {
    padding-top:5px;
}

.single-img-cont {
    width: 100%;
    padding: 10px 15px 0px 10px;
}

.single-img-cont img {
    width:100%;
    height:auto;
}

.img-from-me {
    width:300px;
    background:#049bf4;
    color:white;
    padding:10px;
    float:  right;
    clear: both;
    margin-top:5px;
    border-radius:5px;
}

.img-to-me {
    width:300px;
    background:#f0f0f0;
    color:white;
    padding:10px;
    float:  left;
    clear: both;
    margin-top:5px;
    border-radius:5px;
}


.single-file-cont {
    width: 100%;
    padding: 10px 15px 0px 10px;
}

.single-file-cont .file {
    width:100%;
    height:auto;
}

.file-from-me {
    width:200px;
    background:#049bf4;
    color:white;
    padding:10px;
    float:  right;
    clear: both;
    margin-top:5px;
    border-radius:5px;
}

.file-to-me {
    width:200px;
    background:#f0f0f0;
    color:black;
    padding:10px;
    float:  left;
    clear: both;
    margin-top:5px;
    border-radius:5px;
}

.wrapLongStr {
    white-space: pre-wrap;      /* CSS3 */
    white-space: -moz-pre-wrap; /* Firefox */
    white-space: -pre-wrap;     /* Opera <7 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;      /* IE */
}

#conv_load_more, #frnd_load_more {
    margin-top:10px;
    margin-bottom:10px;
    cursor:pointer;
    font-size:13px;
}

#conv_load_more > div, #frnd_load_more > div {
    padding: 10px;
    color: black;
    border: 1px solid #ccc;
    width: 90%;
    margin: auto;
}

#conv_load_more:hover div, #frnd_load_more:hover div {
    box-shadow: 0 0 10px #ccc;
}

.message-nav > .active > a {
    background:var(--color-greenish);
    color:white;
}

.loadConversation {
    font-size:13px;
}
.loadConversation .personLeftName {
    font-size:14px;
}

.msg-body .personLeftName {
    font-size:15px;
}

.msg-body .single-msg-cont {
    font-size:14px;
}

.msg-b-msgs .no-conv {
    padding:20px;
}

.aj-ajax-btn {
    font-size:14px;
    padding:5px 15px;
}

.aj-ajax-btn:hover {
    background:var(--color-greenish-darker);
    color:white;
}

.control-label {
    font-size: 14px;
    font-weight: 400;
}

.blog-thumb-con {
    padding:0 15px;
}
.blog-thumb {
    width:100%;
    background:#f5f5f5;
    cursor:pointer;
}

.blog-thumb:hover {
    background:#e5e5e5;
}
.blog-thumb label {
    font-size:25px;
    cursor:pointer;
}

#thumb_place {
    width:100%;
    overflow: hidden;
    display:none;
}

#thumb_place > #thumb_img {
    width:100%;
    height:auto;
}

.blog-thumb .label-con {
    padding:15px 0;
}

input#thumb {
    display:none;
}

.thumb-holder > img {
    width:100%;
}
.authorContainer {
    width: 100%;
    margin: 30px auto;
    padding: 10px;
    box-shadow: 0 0 3px #ccc;
}

.authorContainer img {
    width:100%;
    height:auto;
}

.mainBlogHere {
    margin:40px auto;
    font-size:20px;
    line-height:40px;
}

.mainBlogHere img {
    width:80%;
    margin:auto;
}

.blog-six-container {
    background:white;
    display:flex;
    margin-bottom:30px;
}

.blog-six-container .left {
    width:150px;
    flex-shrink:0;
}

.blog-six-container .left img, .blog-three-container .thumb img {
    width:100%;
}

.blog-six-container .right, .blog-three-container .bottom {
    padding:15px;
    flex-grow:1;
    font-size:14px;
}

.blog-six-container .right h4 a, .blog-three-container .bottom h4 a {
    font-size:18px;
    font-weight:400;
}

.blog-six-container .right .created-at, .blog-three-container .bottom .created-at {
    font-size:12px;
    color:var(--color-main-black);
    font-weight:400;
}

.blog-three-container {
    background:white;
}

/* Spotlight Jobs */

.spots-here img {
    margin-top:25px;
    margin-left:15px;
}

.spot-col {
    height: 120px;
    overflow:hidden;
    position:relative;
}

.spot-row {
    position: absolute;
    top:0px;
    left:15px;
    width:100%;
    background:#f0f0f0;
    height:100%;
    border:1px solid #fff;
    display:flex;
    font-size:14px;
}

.spotlight-row {
    position:relative;
}
.spotlight-row .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 9;
    opacity: 0.5;
    display:none;
}
.spot-row a {
    font-size:12px;
}
.spot-row .left {
    width:100px;
}

.spot-row .right {
    flex-grow:1;
}

.spot-row:hover {
    background:#F5FAFD;
    color:black;
    border-color:#0170B2;
    min-height:113px;
    height:auto;
}

.spot-col:hover {
    overflow:visible;
}

.spot-col:hover .spot-row {
    background:#F5FAFD;
    z-index:100000;
}

.spot-col:hover .spot-link {
    display:inline-block;
}

.spot-link {
    display:none;
}

.spot-link-1 , .spot-link-2 {
    display: inline-block;
}

.spot-more {
    position:absolute;
    right:10px;
    top:80px;
}

.spot-col:hover .spot-more {
    display:none;
}

.blogDetails {
    margin: 10px 20px 10px;
    border: 1px solid #ddd;
    box-shadow:0 0 5px #ddd;
    padding: 20px 20px 0;
    background: #fafafa;
}

.blogDetails:hover {
    background:#f0f0f0;
}

.mainBlogHere pre, .blogposteditor pre {
    line-height:26px;
    font-size:15px;
    background:#f0f0f0;
    padding:5px;
}

.mainBlogHere > p > img {
    width:100%;
}

.mainBlogHere > blockquote, .blogposteditor > blockquote {
    border-left:3px solid #555;
    padding-left:10px;
}

.reg-with > a{
    font-weight: 400;
    font-size: 1.2em;
    color:white;
}

.reg-with > a > i {
    margin-right:10px;
}

/* Login Popup */
.login-popup .input-group {
    height:60px;
}

.login-popup .input-group span {
    padding: 20px;
    font-size: 25px;
}

.login-popup .input-group input {
    font-size:18px;
}

.loginPageShadows {
    border-right: 2px solid #ccc;
    box-shadow: 0px 0 5px #ccc;
    border-radius:10px;
}

.login-additional-texts a {
    font-size: 18px;
    font-weight: 400;
}

.login-additional-texts a:hover {
    text-decoration:underline;
}

.login-additional-texts span.blue {
    color:#019be1;
    font-weight: 400;
}

.loginPageFacebook a.reg-with {
    font-size: 20px;
    font-weight: 400;
}

.divisions-jobs li {
    margin-right:10px !important;
    margin-left:10px !important;
}

.divisions-jobs li  a p {
    font-size:15px;
    font-weight:500;
    color:var(--color-main-black);
}

.divisions-jobs li  a p span {
    font-size:12px;
    font-weight:500;
    color:var(--color-bluish);
}

.aj-header-nav li.nav-item.active > .nav-link {
    background:white;
    color:var(--color-bluish) !important;
}

.featured-thumb-con {
    padding:0px;
    width:100%;
    height:250px;
}
.featured-thumb {
    width:100%;
    height:100%;
    background:#e5e5e5;
    cursor:pointer;
    display:flex;
    align-items: center;
    justify-content: center;
    position:relative;
}

.featured-thumb:hover {
    background:#d0d0d0;
}
.featured-thumb label {
    font-size:25px;
    cursor:pointer;
}

#featured_thumb_place {
    width:100%;
    height: 100%;
    overflow: hidden;
    display:none;
}

#featured_thumb_place > #featured_thumb_img {
    width:100%;
    height:100%;
}

input#thumb {
    display:none;
}

.thumb-holder > img {
    width:100%;
}

.with-pattern {
    padding:50px;
}

.page-body {
    background: #f0f0f0;
}

.white-bg {
    background:white;
}

.page-design {
    padding:20px;
    margin:20px 0;
}

.page-title {
    padding: 10px 20px;
    border-bottom:1px solid #f3f3f3;
}

.page-content {
    padding: 10px 20px;
}


.page-content .col-md-3 {
    line-height: 25px;
}

.page-loc-con {
    border: 1px solid #f3f3f3;
    padding:5px;
    text-align:center;
    height:auto;
    margin-bottom:20px;
    position:relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out ;
    -ms-transition: all 0.3s ease-in-out ;
    -o-transition: all 0.3s ease-in-out ;
    transition: all 0.3s ease-in-out ;
}

.page-loc-con:hover {
    box-shadow: 0px 5px 10px #9DCBE7;
}

.page-loc-con img {
    width: 100%;
    height:220px;
}

.page-subtitle {
    padding:10px 0px;
    border-bottom: 1px solid #f3f3f3;
}

.page-subbody {
    padding:10px 0px;
    line-height: 25px;
}


.img-con {
    width:200px;
    height:200px;
    margin:auto;
    position:relative;
}

.img-con img {
    width:100%;
    height:100%;
}

.img-con-overlay {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.0);
    color:transparent;
    padding:90px 0;
    font-size:20px;
    cursor:pointer;
}

.img-con-overlay:hover {
    background:rgba(0,0,0,0.5);
    color:white;
}

.color-gold {
    color: var(--color-gold);
}

.bg-gold {
    backgound: var(--color-gold);
}

.job_featured_photo {
    width:100%;
}

.job_featured_photo > img {
    width:100%;
    height:auto;
}

/* Requested Package */
.package-request {
    border: 2px solid var(--color-greenish);
}

.package-request .header {
    background: var(--color-greenish);
    padding:10px;
}

.package-request .body {
    padding: 10px;
}

.package-request .body ul {
    margin-bottom:0;
}

.alert-notifn {
    border: 2px solid var(--color-greenish);
    background: #fff;
    margin-bottom:5px;
}

.unseen {
    background:#CCF9FF;
}

.alert-notifn:hover {
    background:#fafafa
}

.preload-comments {
    cursor: default;
    padding: 0 10px;
    text-align: center;
    color: var(--color-textlight);
}

.spotlight-row .thejob .col-md-9 h5, .spotlight-row .thejob .col-md-9 span {
    font-color:#98a8b8;
}
.spotlight-row .thejob .col-md-9 span {
    font-weight:400;
}
.spotlight-row .thejob .col-md-9 h4 {
    margin-bottom:0px;
}
.spotlight-row .footer {
    font-size:10px;
    color:var(--color-textlight);
}

.login-additional-texts {
    margin-top:10px;
}
.login-additional-texts, .login-additional-texts a {
    font-size:20px;
    color:var(--color-main-black);
}

.custom-btn {
    border:1px solid var(--color-greenish);
    border-radius:20px;
    padding:8px 15px;
    color:var(--color-greenish) !important;
}

.custom-btn:hover {
    background:var(--color-greenish);
    color:white !important;
    text-decoration:none !important;
}

.company-s-name, .company-s-name a {
    font-weight:600 !important;
    font-size:17px !important;
}

.company-s {
    border:1px solid transparent;
    cursor:pointer;
}
.company-s:hover {
    border:1px solid var(--color-greenish);
}
.real-person-widget {
    border:1px solid var(--color-greenish);
    color:var(--color-greenish);
}

.real-person-widget:hover {
    color:white;
    background:var(--color-greenish);
}

.profile-progress .progress {
    margin-bottom:10px;
    border-radius:20px;
}
.profile-progress .progress-bar  {
    background: var(--color-greenish)
}

.profile-info-cv {
    background:white;
    border: 1px solid #d9d9d9;
    box-shadow: 2px 2px 10px #d9d9d9;
}

.sp-designation-field {
    overflow:hidden;
}

.btn-sm {
    font-size:12px !important;
    padding:5px 10px !important;
}

.profile-info-cv img {
    width:100%;
    margin-left: 10px;
    margin-top: 10px;
}

#JobTarget-info small {
    color:#999;
    margin-top:5px;
}


.current-skills {
    margin-top:20px;
}

.add-skills-form {
    display:none;
}

.skill-errors {
    color:red;
    display:none;
}

.single-skill {
    display: inline;
    float: left;
    padding: 10px;
    background: #019BE1;
    color: white;
    margin: 5px;
    border: 1px solid white;
    border-radius: 5px;
}

.single-skill-profile {
	display: inline;
	float: left;
	padding: 3px 8px;
	background: #019BE1;
	color: white !important;
	margin: 5px;
	border: 1px solid white;
	border-radius: 5px;
}

.skills-list-edit {
    display:none;
}

.single-skill-remove {
	padding: 0px 4px;
	cursor: pointer;
	background:black;
	color:white;
	transition: all 0.1s ease-in-out;
}

.single-skill-remove:hover {
	background:#d43f3a;
}

.alertModal {
    z-index: 10010 !important;
}

.alertModal .modal-dialog {
    margin-top:180px;
}

.alertModal .modal-header {
    background: #FF4848;
    color:white;
}
.alertModal .modal-header button {
    margin:0 !important;
    padding:0 !important;
}
.alertModal .modal-content {
    border-radius: 0;
}

.email-resume-row .col-md-12 {
    margin-top:10px;
}


.job-application .col-md-4 h5 {
    font-size:18px;
    text-align:right;
    margin-top:5px;
}

.job-application .row {
    margin-top:15px;
}

.aj-main-container-profile .aj-notice {
    color:white;
}

.special-col-bg .img-con, .special-col-bg .cover-con {
    box-shadow:2px 2px 10px #ccc
}

.company-job-btns {
    display:flex;
    justify-content:space-between;
}


.jobOptions {
	border: 1px solid #E6EDF7;
	background: white;
	padding: 20px;
	border-bottom-width: 3px;
}

.aj-menu-btn {
    border-radius:0;
    transition:all 0.2s ease-in-out;
    outline: none;
    background: white;
    color: #6f6f6f;
    border: 1px solid var(--color-greenish);
    padding:10px 15px;
}

.aj-menu-btn[selected] {
    background:var(--color-greenish);
    color:white;
    border: 1px solid var(--color-greenish);
}

.aj-menu-btn:hover, .aj-menu-btn:focus, .aj-menu-btn:active {
    background:var(--color-greenish);
    color:white;
    border: 1px solid var(--color-greenish);
}

.change-password-page form h5 {
    font-weight:400;
    font-size:1rem;
}

.change-password-page .forgotButton {
    font-size:1rem;
}
.change-password-page .forgotButton:hover {
    background:var(--color-greenish);
    color:white;
}

.remaining-job-p b {
    color:var(--color-greenish);
}
.create-group-page .the-form > .row {
    margin-top:20px;
}
.create-group-page .the-form h4 {
    font-size:22px;
    font-weight: 400;
}

.privacyClick h4 {
    font-size: 18px !important;
    font-weight: 500 !important;
}

.top-friends-sidebar .name a, .top-friends-sidebar .btn a {
    color:#212529
}

.blog-title-input {
    padding: 10px;
    font-size: 25px;
}

.blogposteditor {
    border: 1px solid #ced4da;
    padding: 10px;
}

#grouppostStatusForm .postTitleHeader {
    margin-bottom:10px;
}

.insights-box {
    background: #f5f5f5;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}

.checkbox-area {
    border:1px solid black;
    padding:10px;
    height: 300px;
    overflow-x: auto;
}

.checkbox-area > .single-checkbox {
    display:block;
    width:100%;
}
.checkbox-area > .single-checkbox > label {
    color:#999;
}
.checkbox-area > .single-checkbox > input[type=checkbox]:checked + label {
    color:black;
}

.jssocials-share-label {
    color:white !important;
}

.rounded-space {
    padding:20px;
    border-radius:50%;
    background:white;
    width:80px;
    height:80px;
    margin:auto;
}

.rounded-space img {
    width:100%;
    height:100%;
}









  






/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    /* Make the Search Area Responsive */
    .input-group-addon, .input-group-btn, .input-group .form-control {
        display: block;
        margin-bottom: 10px;
        clear: both;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .input-group {
        display: block;
    }
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    /* Make the Search Area Responsive */
    .input-group-addon, .input-group-btn, .input-group .form-control {
        display: block;
        margin-bottom: 10px;
        clear: both;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .input-group {
        display: block;
    }

    .divisions-jobs {
        width:100% !important;
        max-width: 800px !important;
        position:inherit !important;
        margin-left:0;
    }

    .divisions-jobs li {
        width:100%;
    }

    .hs-box {
        top: 74px;
        width: 100%;
    }

    .notif-area, .message-area, .connect-area {
        width:90vw;
        position:fixed;
        left:5vw;
        top:10vh;
    }

    .popular-categories-area {
        overflow-x:scroll;
    }

    
    .postButtons {
        display:block !important;
    }
    .postButtons > .left {
        display:flex;
        width:100%;
        justify-content:space-between;
    }
    .postButtons > .right {
        text-align:center;
    }

    .profileMenu .navbar-toggler {
        position:relative;
        left:80%;
    }
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {

}

@media (min-width: 1200px){
    .container-header {
        max-width: 1300px;
    }
}



/* Variables */
:root {
    --main-bg-color:#019be1;
    --color-textlight:#8d9092;
    --color-btn-dark:#555E63;
    --color-greenish: #43DDE6;
    --color-greenish-darker: #01C0C9;
    --color-global-bg: #f8f6f9;
    --color-border-light: #e5e9ed;
    --color-positive: #A0D61D;
    --color-positive-darker: #5F8500;
    --color-negative: #FF4876;
    --color-negative-darker: #FE0040;
    --color-bluish: #00bff3;
    --color-header-black: #002049;
    --color-magenta: #FC5185;
    --color-gold: #FAB95B;
    --color-main-black: #1b335f;
    --color-secondary-black: #98a8b8;
}

/* rosalyn.kling@example.net */
/* klowe@example.net */