/* Make Text in the middle */
 .mb-40 {
     margin-bottom: 40px;
 }

 .backdrop {
     background: rgba(0, 0, 0, 0.4);
     position: fixed;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     z-index: 2;
     display: none;
 }

 .backdrop.show {
     display: block;
 }

 .create-modal {
     position: fixed;
     width: 525px;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     display: none;
     z-index: 3;

     &.show {
         display: block;
     }

     .popup-header {
         padding: 10px 25px;
         background-color: #FBFBFB;
         display: flex;
         align-items: center;
         justify-content: space-between;

         h3 {
             margin: 0;
             font-size: 18px;
         }

         .close-btn {
             background-color: #EB5757;
             color: #ffffff;
             width: 18px;
             height: 18px;
             border-radius: 50%;
             display: flex;
             align-items: center;
             justify-content: center;
             border: none;
         }
     }

     .popup-body {
         padding: 0px 0px 20px 25px;
         background-color: $white;
         margin-top: -1px;

         .poptabs {
             display: none;

             .themecontainers {
                 display: flex;
                 flex-wrap: wrap;
                 justify-content: space-between;
                 gap: 10px;

                 &>.theme-box {
                     flex: 0 0 30%;

                     input[type=radio] {
                         display: none;

                         &+.themes {
                             cursor: pointer;
                             position: relative;

                             &>.box {
                                 //  background: $primary;
                                 min-height: 180px;
                                 width: 100%;
                                 display: flex;
                                 //  border: 1px solid $primary;
                                 border-radius: 5px;
                             }

                             span.text-center {
                                 display: block;
                                 font-size: 14px;
                                 margin-top: 6px;
                             }
                         }


                         &:checked {
                             &+.themes {
                                 &:before {
                                     content: "";
                                     background-color: $userType-bg;
                                     width: 25px;
                                     height: 25px;
                                     border-radius: 50%;
                                     background-image: url(../assets/images/tick.svg);
                                     background-size: 12px;
                                     background-repeat: no-repeat;
                                     background-position: center;
                                     position: absolute;
                                     top: -10px;
                                     right: -10px;
                                 }

                                 &>.box {
                                     //  border: 1px solid $primary;
                                     border-radius: 5px;
                                 }

                             }
                         }
                     }
                 }
             }
         }

         .inner_scroll {
             height: auto;
             overflow-y: auto;
             padding-right: 25px;
             padding-top: 25px;
             padding-bottom: 25px;


             .alert-mes {
                 display: flex;
                 justify-content: flex-start;
                 align-items: center;
                 margin-top: 0;
                 flex: 1;

                 img {
                     width: 44px;
                     height: 44px;
                     object-fit: contain;
                     margin-right: 20px;
                 }

                 &+select {
                     width: 100%;

                     &+.select2-container--default {
                         width: 100% !important;
                     }
                 }
             }

             .cred_post {
                 input {
                     display: none;

                     &+label {
                         border: 1px solid $border-color;
                         border-radius: 5px;
                         width: auto;
                         display: flex;
                         justify-content: space-between;
                         padding: 15px;
                         margin-bottom: 15px;
                         cursor: pointer;
                         position: relative;

                         span {
                             font-size: $f12;
                             color: #a3a3a3;

                             &:first-child {
                                 font-size: $f13;
                                 font-weight: bold;
                                 color: $text-black;
                             }
                         }
                     }

                     &:checked {
                         &+label {
                             border: 1px solid $primary;
                             border-radius: 5px;

                             &:before {
                                 content: "";
                                 background-color: $userType-bg;
                                 width: 20px;
                                 height: 20px;
                                 border-radius: 50%;
                                 background-image: url(../assets/images/tick.svg);
                                 background-size: 8px;
                                 background-repeat: no-repeat;
                                 background-position: center;
                                 position: absolute;
                                 top: -10px;
                                 right: -10px;
                             }
                         }
                     }
                 }
             }
         }

         .btnWrap {
             display: flex;
             justify-content: flex-end;
             padding-right: 25px;

             .btn-sm {
                 width: auto;
                 padding-left: 25px !important;
                 padding-right: 25px !important;

                 &:first-child {
                     margin-right: 10px;
                 }

                 &.btn-secondary {
                     background-color: #E4E9F3;
                     color: #000000;
                 }
             }
         }
     }


 }

 .create-modal.labelpopup {

     .popup-body {
         .inner_scroll {
             input {
                 &+label {
                     border: 1px solid $border-color;
                     border-radius: 5px;
                     width: auto;
                     display: flex;
                     justify-content: space-between;
                     padding: 11px 15px 11px 35px;
                     margin-bottom: 15px;
                     cursor: pointer;
                     position: relative;

                     &:before {
                         content: "";
                         width: 20px;
                         height: 20px;
                         border-radius: 50%;
                         background-image: url(../assets/images/radio-button.svg);
                         background-size: 15px;
                         background-repeat: no-repeat;
                         background-position: center;
                         position: absolute;
                         top: 50%;
                         left: 10px;
                         transform: translateY(-50%);

                     }

                     span {
                         font-size: $f12;
                         color: #a3a3a3;

                         &:first-child {
                             font-size: $f13;
                             font-weight: bold;
                             color: $text-black;
                         }

                         span.actBtnwrap {
                             display: none;
                         }
                     }
                 }

                 &:checked {
                     &+label {
                         border: 1px solid $primary;
                         border-radius: 5px;

                         &:before {
                             content: "";
                             background-color: $userType-bg;
                             width: 20px;
                             height: 20px;
                             border-radius: 50%;
                             background-image: url(../assets/images/radio-active.svg);
                             background-size: 15px;
                             background-repeat: no-repeat;
                             background-position: center;
                             position: absolute;
                             top: 50%;
                             left: 10px;
                             transform: translateY(-50%);

                         }

                         span.actBtnwrap {
                             display: block;
                             position: absolute;
                             right: 0;
                             background: #F3F3F4;
                             padding: 0;
                             top: 0;
                             border-top-right-radius: 5px;
                             border-bottom-right-radius: 5px;

                             button {
                                 border: none;
                                 background: transparent;
                                 padding: 10px 12px;
                             }
                         }
                     }
                 }
             }
         }
     }
 }

 .dashboard-wrapper {
     display: grid;

     grid-template-areas:
         "header header header"
         "nav content sider";

     grid-template-columns: 280px calc(100% - 560px) 280px;
     grid-template-rows: 70px 1fr 0px;
     //  grid-gap: 20px;
     margin: 20px;
     min-height: 100vh;

     &.follower-wrapper {
         grid-template-columns: 180px 1fr 180px;
     }

     &.full-width {
         grid-template-columns: 0px 1fr 0px;
         grid-template-areas:
             "header header"
             "content content";
         grid-template-rows: 70px 1fr;
     }

     &.userprofile-wrapper {
         grid-template-columns: 0px 1fr 280px;
     }

     header,
     nav,
     main,
     aside {
         display: flex;
     }

     h2 {
         img {
             width: 18px;
             height: 18px;
             object-fit: contain;
             margin-right: 3px;
         }
     }

     header {
         grid-area: header;
         background-color: $white;
         margin-bottom: 10px;
         border-bottom: 1px solid $border-color;
     }

     nav {
         grid-area: nav;
         background-color: rgba(34, 0, 99, 0.02);
         margin-left: 0px;
         border-radius: 5px;
         border: 1px solid $border-color;
         padding: 15px 10px;
         flex-direction: column;
         margin-top: 0px;
         margin-bottom: 40px;

         h2 {
             color: $text-black;
             font-size: $f18;
             margin: 0;
         }

         .jobHiring-list {
             box-sizing: border-box;

             .jobcard {
                 background-color: $white;
                 border-radius: 5px;
                 padding: 10px;
                 box-sizing: border-box;
                 margin-bottom: 15px;
                 border: 1px solid $border-color;

                 &:first-child {
                     margin-top: 25px;
                 }

                 p,
                 h3 {
                     margin: 0px;
                 }

                 p {
                     font-size: $f11;
                     margin-bottom: 8px;

                     &.text-right {
                         font-size: 10px;
                         color: $text-color-sec;
                     }
                 }

                 h3 {
                     font-size: $f14;
                     margin: 5px 0px 10px;
                     color: $text-primary;
                 }

                 ul {
                     display: flex;
                     padding: 0px;
                     margin: 0px;
                     justify-content: flex-start;
                     list-style-type: none;
                     align-items: center;
                     border-bottom: 1px solid $border-color;
                     padding-bottom: 10px;
                     margin-bottom: 5px;

                     &:last-child {
                         border: none;
                         justify-content: space-between;
                         padding-bottom: 0;
                         margin-bottom: 0;
                     }

                     li {
                         margin-right: 10px;
                         align-items: center;
                         display: flex;

                         * {
                             font-size: 10px;
                             color: $text-color-sec;
                         }

                         img {
                             width: 16px;
                             height: 16px;
                             object-fit: contain;
                             margin-right: 8px;
                         }

                         .interest_box {
                             background-color: rgba(157, 166, 183, 0.12);
                             color: $text-black;
                             font-size: 10px;
                             padding: 3px 5px;

                             span {
                                 font-size: $f16;
                                 color: $text-black;
                                 display: block;
                                 font-weight: bold;
                                 padding: 0px;
                             }
                         }

                         span {
                             padding-left: 20px;
                             position: relative;

                             &.pay-ic {
                                 &:before {
                                     content: "";
                                     display: inline-block;
                                     width: 16px;
                                     height: 16px;
                                     background-color: $border-color;
                                     background-image: url(../assets/images/pay-icon.svg);
                                     background-repeat: no-repeat;
                                     background-size: 12px;
                                     background-position: center;
                                     position: absolute;
                                     left: 0px;
                                     top: 50%;
                                     transform: translateY(-50%);
                                 }
                             }

                             &.loc-ic {
                                 &:before {
                                     content: "";
                                     display: inline-block;
                                     width: 16px;
                                     height: 16px;
                                     background-color: $border-color;
                                     background-image: url(../assets/images/loc-icon.svg);
                                     background-repeat: no-repeat;
                                     background-size: 12px;
                                     background-position: center;
                                     position: absolute;
                                     left: 0px;
                                     top: 50%;
                                     transform: translateY(-50%);
                                 }
                             }

                             &.exp-ic {
                                 &:before {
                                     content: "";
                                     display: inline-block;
                                     width: 16px;
                                     height: 16px;
                                     background-color: $border-color;
                                     background-image: url(../assets/images/exp-icon.svg);
                                     background-repeat: no-repeat;
                                     background-size: 12px;
                                     background-position: center;
                                     position: absolute;
                                     left: 0px;
                                     top: 50%;
                                     transform: translateY(-50%);
                                 }
                             }
                         }
                     }
                 }

             }

             .follower-card {
                 position: relative;
                 margin-top: 20px;

                 p.text-right {
                     margin: 0;

                     &>span {
                         background-color: $btn-green;
                         text-align: center;
                         padding: 6px 14px;
                         color: #ffffff;
                         font-size: 9px;
                         position: relative;
                         top: -12px;
                         right: -20px;
                         border-top-right-radius: 5px;
                     }
                 }

                 &>input[type=checkbox] {
                     display: none;

                     &+label {
                         position: absolute;
                         top: 8px;
                         left: 8px;
                         cursor: pointer;
                         background-size: contain;
                         background-image: url(../assets/images/Checkbox.svg);
                         background-position: center;
                         display: inline-block;
                         width: 24px;
                         height: 24px;

                     }
                 }

                 &>input:checked {
                     &+label {
                         background-image: url(../assets/images/checked.svg);
                         background-size: contain;
                         width: 20px;
                         height: 20px;
                         background-position: center;
                         left: 10px;
                         top: 10px;

                         &+.fl-wrap {
                             border-color: $primary;
                         }
                     }
                 }


                 .fl-wrap {
                     border: 1px solid $border-color;
                     border-radius: 8px;
                     padding: 15px 20px;
                     background-color: $white;

                     &>p {
                         color: $text-color-sec;
                         font-size: $f12;

                         &.text-right {
                             margin-bottom: 20px;
                             margin-top: 0px;
                         }

                         margin-bottom: 10px;
                     }

                     .userdetails {
                         display: flex;
                         gap: 10px;
                         align-items: flex-start;
                         margin-bottom: 20px;

                         img {
                             vertical-align: top;
                         }

                         .user-right {

                             h4,
                             p {
                                 margin: 0 0px 5px;
                             }

                             h4 {
                                 color: $text-primary;
                                 font-weight: bold;
                                 font-size: $f14;

                                 a {
                                     color: $text-primary;
                                     text-decoration: none;
                                 }
                             }

                             p {
                                 font-size: $f12;
                             }
                         }
                     }

                     ul {
                         display: inline-block;
                         padding: 0px;
                         list-style-type: none;
                         margin-bottom: 10px;

                         li {
                             float: left;
                             margin-right: 10px;

                             span {
                                 font-size: $f11;
                                 font-weight: 100;

                                 &.sk-badge {
                                     padding-left: 0px;
                                     display: flex;
                                     height: 20px;
                                     padding: 0px 12px;
                                     border-radius: 25px;
                                     justify-content: center;
                                     align-items: center;
                                     color: $white;
                                     font-weight: 600;

                                 }
                             }

                             &:first-child {
                                 span.sk-badge {
                                     background-color: rgba(208, 200, 221, 0.5);
                                     color: #220063;
                                 }
                             }

                             &:nth-child(2) {
                                 span.sk-badge {
                                     background-color: rgba(214, 228, 248, 1);
                                     color: #6C99C1;
                                 }
                             }

                             &:nth-child(3) {
                                 span.sk-badge {
                                     background-color: rgba(211, 236, 230, 1);
                                     color: #73C2A1;
                                 }
                             }
                         }
                     }
                 }
             }
         }
     }

     main {
         grid-area: content;
         background-color: $white;
         border-radius: 5px;
         //  border: 1px solid $border-color;
         flex-direction: column;
         margin-top: 0px;
         margin-left: 20px;
         margin-right: 20px;
         margin-bottom: 40px;
         width: calc(100% - 40px);

         // Dashboard Create Job Section
         .createJob-sec {
             border-radius: 5px;
             background-color: rgba(34, 0, 99, 0.02);
             padding: 15px;
             min-height: 230px;
             border: 1px solid $border-color;
             margin-bottom: 20px;
             display: flex;
             justify-content: space-between;
             width: calc(100% - 30px);
             overflow: hidden;

             .owl-carousel {
                 &.dashboard-carousel {

                     @media screen and (max-width: 1200px) {
                         width: 100%;
                         padding-right: 0px;
                     }

                 }

                 .owl-nav button {
                     &>span {
                         display: none;
                     }

                     cursor: pointer;
                     position: absolute;
                     width: 20px;
                     height: 20px;
                     padding: 0;
                     margin: 0;
                     outline: 0;
                     top: 50%;
                     transform: translateY(-50%);
                     border: none;
                     z-index: 99;

                     &.owl-next {
                         background: url('../assets/images/right_arrow.png') no-repeat;
                         right: 0px;
                     }

                     &.owl-prev {
                         background: url('../assets/images/left_arrow.png') no-repeat;
                         left: 0px;
                     }

                     &.disabled {
                         display: none;
                     }
                 }
             }

             .owl-carousel {
                 .owl-item {
                     margin-right: 0px;

                     //  &:first-child {
                     //      div.jobcards-add {
                     //          background-color: $white;
                     //          justify-content: flex-end;

                     //          * {
                     //              color: $text-black;
                     //          }
                     //      }
                     //  }

                     &:last-child {
                         div.jobcards-add {
                             margin-right: 0;
                         }
                     }
                 }
             }

             div.jobcards-add {
                 //  flex-basis: 20%;
                 border-radius: 5px;
                 text-align: center;
                 position: relative;
                 margin-right: 0px;
                 display: flex;
                 flex-direction: column;
                 justify-content: space-around;
                 padding: 10px;
                 min-width: calc(170px - 35px);
                 max-width: calc(170px - 35px);
                 width: 175px;
                 min-height: 230px;
                 max-height: 230px;

                 &:first-child:not([class*=theme-]) {
                     background-color: $white;
                     justify-content: flex-end;
                     //  margin-right: 15px;

                     * {
                         color: $text-black;
                     }
                 }


                 //  background-color: $primary;

                 a.close-bt {
                     background-color: $white;

                     //  i {
                     //      color: $text-primary;
                     //  }
                 }

                 a.close-bt {
                     position: absolute;
                     right: 15px;
                     top: 15px;
                     width: 18px;
                     height: 18px;
                     border-radius: 50%;
                     font-size: $f12;
                     display: flex;
                     align-items: center;
                     justify-content: center;
                     text-decoration: none;
                 }

                 a.add-bt {
                     position: absolute;
                     left: 50%;
                     transform: translateX(-50%);
                     top: 50px;
                     width: 30px;
                     height: 30px;
                     border-radius: 50%;
                     background: $white url(../assets/images/plus.png) no-repeat;
                     background-size: contain;
                     display: flex;
                     align-items: center;
                     justify-content: center;
                     color: $white;
                     text-decoration: none;
                 }

                 p,
                 a:not(.close-bt) {
                     color: $white;
                 }

                 //  *:not(.close-bt),
                 //  *:not(.close-bt) i {
                 //      color: $white;
                 //  } 
             }

         }

         //  Dashboard Job list section - below Job Creation sec
         .jobList-sec {
             border-radius: 5px;
             background-color: rgba(34, 0, 99, 0.02);
             padding: 15px;
             min-height: 250px;
             border: 1px solid $border-color;

             .jobcards-list {
                 background: #ffffff;
                 margin-bottom: 20px;
                 border: 1px solid #F3F3F4;
                 box-shadow: 0px 1px 4px 0px rgba($color: #000000, $alpha: 0.04);

                 .prof-sec {
                     padding: 10px 25px;
                     display: flex;
                     align-items: flex-start;
                     justify-content: flex-start;

                     img {
                         width: 38px;
                         height: 38px;
                         border-radius: 50%;
                         object-fit: contain;
                         position: relative;
                         top: 3px;
                     }

                     p {
                         margin-top: 5px;
                         margin-left: 15px;

                         span {
                             display: block;
                             width: 100%;
                             font-size: $f13;
                             color: #a3a3a3;

                             &:first-child {
                                 margin-bottom: 5px;

                                 &>b {
                                     color: $text-black;
                                 }
                             }
                         }
                     }

                     &+p {
                         &.text-right {
                             padding: 0px 20px 20px;
                             margin-top: 0;
                         }
                     }

                     .btn-green,
                     .btn-gray {
                         font-size: 13px;
                     }
                 }

                 .prof-desc {
                     border-top: 1px solid $border-color;
                     padding: 10px 25px;

                     .btn-green,
                     .btn-gray {
                         font-size: 13px;
                     }

                     p {
                         color: #878787;
                         font-size: $f13;

                         b {
                             color: #6C6C64;
                             font-size: $f14;
                         }
                     }
                 }
             }
         }

         //  My Jobs Section
         .titleSec {
             display: flex;
             justify-content: space-between;
             position: relative;

             h2 {
                 font-size: $f18;
                 color: $text-primary;
             }

             .btn-group {
                 display: flex;
                 flex-direction: row;
                 align-items: center;

                 button {
                     margin-right: 10px;
                     white-space: nowrap;
                     height: 40px;
                     text-transform: capitalize;
                     font-size: $f13;

                     &:last-child {
                         margin-right: 0;
                     }
                 }

                 a {
                     font-size: $f13;
                     text-transform: capitalize;

                 }

                 .rightdrop {
                     display: flex;
                     justify-content: flex-end;
                     align-items: center;
                     color: $text-card;
                     position: relative;

                     p {
                         margin-bottom: 0;
                     }

                     button.drop-head {
                         background-color: transparent;
                         border: none;
                         color: $text-card;
                     }

                 }

                 .dsort-by-wrap {
                     position: relative;

                     &>span {
                         color: #9DA6B7;
                         font-size: 10px;
                         font-weight: 600;
                         margin-right: 10px;
                     }

                     .drop-head {
                         background-color: $white;
                         border: none;
                         border-radius: 4px;
                         padding: 8px 15px;
                         color: $text-black;

                         &>span {
                             color: #9DA6B7;
                         }

                         i {
                             margin-left: 10px;
                         }
                     }

                     .dropdown_wrap {
                         position: absolute;
                         width: 150px;
                         background: white;
                         right: 20px;
                         top: 40px;
                         box-shadow: 0px 3px 19px 0px #AFB1B4;
                         display: none;
                         z-index: 9;

                         .text-right {
                             margin: 10px 15px 15px;
                         }

                         .btn-primary {
                             font-size: 10px;
                             padding: 7px 12px;
                             height: auto;
                         }

                         &.show {
                             display: block;
                         }

                         ul {
                             display: inline-block;
                             width: 100%;
                             padding: 0;
                             margin-bottom: 0;
                             margin-top: 0;

                             li {
                                 display: block;
                                 width: 100%;
                                 color: $text-card;

                                 input {
                                     display: none;

                                     &:checked {
                                         &+label {
                                             position: relative;
                                             color: $white;
                                             background-color: $primary;

                                             &:after {
                                                 content: "\f00c";
                                                 font-family: $font-awesome;
                                                 display: inline-block;
                                                 font-size: 14px;
                                                 font-weight: 900;
                                                 position: absolute;
                                                 right: 10px;
                                             }
                                         }
                                     }
                                 }

                                 label {
                                     background-color: transparent;
                                     border: none;
                                     width: calc(100% - 50px);
                                     font-size: $f13;
                                     color: $text-card;
                                     padding: 10px 30px 10px 20px;
                                     text-align: left;
                                     display: inline-block;
                                     cursor: pointer;

                                     &:hover {
                                         background-color: $text-primary;
                                         color: $white;
                                     }
                                 }
                             }
                         }
                     }

                 }
             }

             .cPost-modal {
                 position: absolute;
                 top: 60px;
                 right: 0px;
                 width: 650px;
                 z-index: 9;
                 background-color: $white;
                 @include box-shadow;
                 display: none;

                 @media screen and (max-width: 700px) {
                     width: 80%;
                 }

                 &.show {
                     display: block;
                 }

                 .pop-header {
                     padding: 10px 25px;
                     background-color: #FBFBFB;
                     display: flex;
                     align-items: center;
                     justify-content: space-between;

                     h3 {
                         margin: 0;
                         font-size: $f18;
                     }

                     .close-btn {
                         background-color: #EB5757;
                         color: $white;
                         width: 18px;
                         height: 18px;
                         border-radius: 50%;
                         display: flex;
                         align-items: center;
                         justify-content: center;
                         border: none;
                     }
                 }

                 .pop-body {
                     padding: 20px 25px;

                     .input-group {
                         display: flex;
                         gap: 10px;

                         &.d-flex-jc-sp {
                             &>span {
                                 margin-bottom: 30px;
                             }
                         }

                         input,
                         textarea,
                         select {
                             margin-bottom: 10px !important;
                         }

                         &>input {
                             display: flex;
                             flex: 0 0 calc(100% - 340px);

                             &:first-child {
                                 flex: 0 0 250px;
                             }
                         }

                         textarea {
                             flex: 1;
                             resize: none;
                             padding: 10px 20px !important;
                         }

                         &:last-child {

                             input,
                             textarea,
                             select {
                                 margin-bottom: 0px !important;
                             }
                         }
                     }

                     .button-group {
                         display: flex;
                         justify-content: center;
                         gap: 15px;
                         margin: 25px 0px 15px;

                         button {
                             width: auto;
                             padding-left: 25px !important;
                             padding-right: 25px !important;

                             &.btn-primary {
                                 &.btn-secondary {
                                     background-color: $userType-bg;
                                     color: $text-black;
                                 }
                             }
                         }
                     }
                 }
             }

             &.sm_head {
                 padding-left: 35px;
                 padding-right: 35px;
             }
         }

         //  Single / Multi Job post styles
         .formArea {
             padding: 10px 35px;

             .three-col {
                 .postWrap {
                     margin-bottom: 30px;
                     font-size: $f13;
                     font-weight: bold;

                     &:last-child {
                         margin-bottom: 0;
                     }

                     .remove-wrap {
                         display: block;
                         text-align: right;
                     }

                     .multi-select-drop {
                         &+.select2 {
                             .select2-search--inline {
                                 input {
                                     min-width: 215px;
                                     padding: 0;
                                     margin: 0;
                                     padding-right: 0px;
                                     padding-left: 5px;
                                     color: $text-black;
                                     font-family: "Mulish-Regular";
                                     font-size: 14px;
                                     margin-bottom: 0 !important;

                                     &::placeholder {
                                         /* Chrome, Firefox, Opera, Safari 10.1+ */
                                         color: $input-ph-text;
                                         opacity: 1;
                                         /* Firefox */
                                     }

                                     &:-ms-input-placeholder {
                                         /* Internet Explorer 10-11 */
                                         color: $input-ph-text;
                                     }

                                     &::-ms-input-placeholder {
                                         /* Microsoft Edge */
                                         color: $input-ph-text;
                                     }
                                 }
                             }
                         }
                     }
                 }

                 .input-group {
                     display: flex;
                     gap: 10px;
                     margin-bottom: 15px;

                     label {
                         white-space: nowrap;
                         top: 9px;
                         position: relative;
                     }

                     input[type="text"i] {
                         padding: 0 2px 0px 8px;
                     }

                     input,
                     textarea,
                     select {
                         margin-bottom: 10px !important;
                     }

                     textarea {
                         line-height: normal !important;
                         resize: none;
                         padding-top: 10px;
                     }

                     &>input,
                     .select2 {
                         display: flex;
                         width: auto !important;
                         flex: 1;
                         height: fit-content;

                         span.selection {
                             width: 100%;
                         }
                     }

                     &>select,
                     .select2 {
                         display: flex;
                         width: auto !important;

                         span.selection {
                             width: 100%;
                         }
                     }



                     &:last-child {

                         input,
                         textarea,
                         select {
                             margin-bottom: 0px !important;
                         }
                     }

                     &.full-width {
                         min-height: 150px;

                         select,
                         input {
                             flex: 1;
                             resize: none;
                         }
                     }
                 }

                 .add-more {
                     margin: 20px 0px 40px;
                 }

                 .removebtn {
                     background: transparent;
                     border: 1px solid $input-border;
                     border-radius: 5px;
                     color: $text-secondary;
                     padding: 7px 10px;
                     text-decoration: none;
                     font-size: $f13;

                     &:hover {
                         background: $input-border;
                         color: $text-black;
                     }
                 }
             }

             .button-group {
                 display: flex;
                 justify-content: center;
                 gap: 15px;
                 margin: 25px 0px 15px;

                 button {
                     width: auto;
                     padding-left: 25px !important;
                     padding-right: 25px !important;

                     &.btn-primary {
                         &.btn-secondary {
                             background-color: $userType-bg;
                             color: $text-black;
                         }
                     }
                 }
             }
         }

         .myJobs-pg {
             padding: 15px 35px;
             background-color: rgba(34, 0, 99, 0.02);

             .tabs {
                 ul {
                     border-bottom: 1px solid $border-color;
                     display: inline-block;
                     width: 100%;
                     padding: 0px;
                     margin: 20px 0;
                     list-style-type: none;

                     li {
                         float: left;
                         margin-right: 10px;

                         &.active {
                             a {
                                 color: $text-primary;
                                 border-bottom: 3px solid $text-primary;
                             }
                         }

                         a {
                             color: #D4D7DE;
                             text-decoration: none;
                             border-bottom: 3px solid transparent;
                             position: relative;
                             bottom: 10px;
                             padding-left: 10px;
                             padding-right: 10px;
                             font-size: $f14;
                             font-weight: 600;
                             padding-bottom: 8px;
                         }
                     }
                 }
             }

             .myjobscards {
                 background-color: $white;
                 margin-bottom: 20px;
                 padding-top: 15px;
                 padding-bottom: 15px;
                 position: relative;
                 border: 1px solid $border-color;
                 box-shadow: 0px 1px 4px 0px rgba($color: #000000, $alpha: 0.04);

                 .rightdrop {
                     display: flex;
                     justify-content: flex-end;
                     align-items: center;
                     color: $text-card;
                     position: relative;

                     p {
                         margin-bottom: 0;
                     }

                     button.drop-head {
                         background-color: transparent;
                         border: none;
                         color: $text-card;
                     }

                     .dropdown_wrap {
                         position: absolute;
                         width: 150px;
                         background: white;
                         right: 0px;
                         top: 30px;
                         box-shadow: 0px 3px 19px 0px #AFB1B4;
                         display: none;
                         z-index: 5;

                         &.show {
                             display: block;
                         }

                         ul {
                             display: inline-block;
                             width: 100%;

                             li {
                                 display: block;
                                 width: 100%;
                                 color: $text-card;

                                 button {
                                     background-color: transparent;
                                     border: none;
                                     width: 100%;
                                     font-size: $f13;
                                     color: $text-card;
                                     padding: 10px 20px;
                                     text-align: left;

                                     &:hover {
                                         background-color: #F3F4F6;
                                         color: $text-black;
                                     }
                                 }
                             }
                         }
                     }
                 }

                 &>p,
                 &>ul,
                 &>h3,
                 &>div {
                     padding-left: 20px !important;
                     padding-right: 20px !important;
                 }

                 p,
                 h3 {
                     margin: 0px;
                 }

                 p {
                     font-size: $f11;
                     margin-bottom: 8px;

                     &.para {
                         font-size: $f14;
                         color: $text-black;
                         margin-bottom: 15px;
                     }

                     &.text-right {
                         font-size: 10px;
                         color: $text-color-sec;
                     }
                 }

                 h3 {
                     font-size: $f14;
                     margin: 5px 0px 10px;
                     color: $text-primary;

                     a {
                         text-decoration: none;
                         color: inherit;
                     }
                 }

                 ul {
                     display: flex;
                     padding: 0px;
                     margin: 0px;
                     justify-content: flex-start;
                     list-style-type: none;
                     align-items: center;
                     border-bottom: 1px solid $border-color;
                     padding-bottom: 15px;
                     margin-bottom: 15px;

                     &:last-child {
                         border: none;
                         padding-bottom: 0;
                         margin-bottom: 0;
                     }

                     &.req-pts {
                         display: inline-block;
                         list-style-type: none;
                         margin-bottom: 0;

                         li {
                             margin-bottom: 8px;
                             font-size: $f13;
                             color: $text-black;
                         }
                     }

                     li {
                         margin-right: 20px;
                         align-items: center;
                         display: flex;

                         * {
                             font-size: 10px;
                             color: $text-color-sec;
                         }

                         img {
                             width: 16px;
                             height: 16px;
                             object-fit: contain;
                             margin-right: 8px;
                         }

                         .interest_box {
                             background-color: rgba(157, 166, 183, 0.12);
                             color: $text-black;
                             font-size: 10px;
                             padding: 3px 5px;

                             span {
                                 font-size: $f16;
                                 color: $text-black;
                                 display: block;
                                 font-weight: bold;
                                 padding: 0px;
                             }
                         }

                         span {
                             padding-left: 20px;
                             position: relative;

                             &.pay-ic {
                                 &:before {
                                     content: "";
                                     display: inline-block;
                                     width: 16px;
                                     height: 16px;
                                     background-color: $border-color;
                                     background-image: url(../assets/images/pay-icon.svg);
                                     background-repeat: no-repeat;
                                     background-size: 12px;
                                     background-position: center;
                                     position: absolute;
                                     left: 0px;
                                     top: 50%;
                                     transform: translateY(-50%);
                                 }
                             }

                             &.loc-ic {
                                 &:before {
                                     content: "";
                                     display: inline-block;
                                     width: 16px;
                                     height: 16px;
                                     background-color: $border-color;
                                     background-image: url(../assets/images/loc-icon.svg);
                                     background-repeat: no-repeat;
                                     background-size: 12px;
                                     background-position: center;
                                     position: absolute;
                                     left: 0px;
                                     top: 50%;
                                     transform: translateY(-50%);
                                 }
                             }

                             &.exp-ic {
                                 &:before {
                                     content: "";
                                     display: inline-block;
                                     width: 16px;
                                     height: 16px;
                                     background-color: $border-color;
                                     background-image: url(../assets/images/exp-icon.svg);
                                     background-repeat: no-repeat;
                                     background-size: 12px;
                                     background-position: center;
                                     position: absolute;
                                     left: 0px;
                                     top: 50%;
                                     transform: translateY(-50%);
                                 }
                             }
                         }
                     }
                 }

                 div {
                     &.skills {
                         display: flex;
                         margin: 15px 0px;
                         font-size: $f12;
                         color: #96A5C4;
                         font-weight: bold;
                         align-items: center;

                         &+p {
                             color: #96A5C4;
                             font-size: $f12;
                             font-weight: bold;

                             a {
                                 color: inherit;
                                 text-decoration: none;
                             }
                         }

                         ul {
                             padding-left: 20px;

                             li {
                                 span {
                                     &.sk-badge {
                                         padding-left: 0px;
                                         display: flex;
                                         height: 20px;
                                         padding: 0px 7px;
                                         border-radius: 25px;
                                         justify-content: center;
                                         align-items: center;
                                         color: $white;
                                         font-weight: 600;
                                     }
                                 }

                                 &:first-child {
                                     span.sk-badge {
                                         background-color: rgba(208, 200, 221, 0.5);
                                         color: #220063;
                                     }
                                 }

                                 &:nth-child(2) {
                                     span.sk-badge {
                                         background-color: rgba(214, 228, 248, 1);
                                         color: #6C99C1;
                                     }
                                 }

                                 &:nth-child(3) {
                                     span.sk-badge {
                                         background-color: rgba(211, 236, 230, 1);
                                         color: #73C2A1;
                                     }
                                 }
                             }
                         }
                     }

                     &.share-details {
                         display: flex;
                         align-items: center;
                         justify-content: space-between;
                         border-top: 1px solid $border-color;
                         padding-top: 20px;
                         margin-top: 10px;

                         button {
                             width: auto;

                             &.share {
                                 padding-left: 30px;
                                 position: relative;

                                 &:before {
                                     content: "";
                                     background-image: url(../assets/images/Share.svg);
                                     background-repeat: no-repeat;
                                     background-size: contain;
                                     width: 30px;
                                     height: 30px;
                                     position: absolute;
                                     left: 0;
                                     top: 6px;

                                 }
                             }
                         }

                         p,
                         span {
                             font-weight: bold;
                             color: $text-color-sec;
                             font-size: $f12;

                             a {
                                 color: inherit;
                                 text-decoration: none;
                             }
                         }

                     }
                 }

                 .job_more-dts {
                     background-color: #FEFDFE;
                     border-bottom: 1px solid $border-color;
                     padding: 0 !important;

                     ul {
                         list-style-type: none;
                         padding: 0px;
                         margin: 0px;
                         display: inline-block;
                         padding: 30px 0px;
                         width: 100%;

                         li {
                             display: flex;
                             justify-content: flex-start;
                             margin-bottom: 15px;

                             span {
                                 font-size: $f12;
                                 font-weight: 100;

                                 &:first-child {
                                     font-weight: bold;
                                     color: $text-black;
                                     min-width: 150px;
                                 }
                             }
                         }
                     }
                 }
             }
         }

         //  Followers Pages

         .followers-pg {
             border-radius: 5px;
             background-color: rgba(34, 0, 99, 0.02);
             padding: 15px;

             .titleSec {
                 align-items: center;

                 h2 {
                     margin: 8px 0px;
                 }

                 .btn-group {
                     display: flex;
                     align-items: center;

                     .lableWrap {
                         position: relative;
                     }

                     #createLabel {
                         display: none;

                         &+label {
                             cursor: pointer;
                             margin-right: 20px;
                         }

                         &:checked {
                             &+label {
                                 &+.clabel-popup {
                                     //  display: block;
                                 }
                             }
                         }
                     }

                     .clabel-popup {
                         position: absolute;
                         top: 35px;
                         right: 20px;
                         background: #ffffff;
                         box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 25%);
                         //  padding: 12px;
                         z-index: 9;
                         width: 150px;
                         display: none;

                         &.show {
                             display: block;
                         }

                         ul {
                             margin: 0px;
                             padding: 0px;
                             list-style-type: none;

                             li {
                                 a {
                                     padding: 12px;
                                     display: inline-block;
                                     width: calc(100% - 24px);
                                     text-decoration: none;
                                     color: $text-color-sec;
                                     font-size: $f13;
                                     border-bottom: 1px solid $border-color;

                                     &[id*=label] {
                                         background-color: $border-color;
                                         border-bottom: 1px solid $white;
                                         display: flex;
                                         align-items: center;

                                         img {
                                             background: white;
                                             padding: 0px;
                                             border-radius: 50%;
                                             margin-right: 5px;
                                             object-fit: scale-down;
                                             width: 28px;
                                             height: 28px;
                                         }

                                         &:hover {
                                             color: $text-primary;
                                         }
                                     }

                                     i {
                                         font-size: $f11;
                                     }

                                     &:hover {
                                         color: $text-black;
                                         background-color: $border-color;
                                     }
                                 }
                             }
                         }
                     }

                     .searchWrap {
                         position: relative;
                         margin-right: 15px;

                         input.search-ic {
                             margin-bottom: 0px;
                             min-width: calc(270px - 40px);
                             padding-left: 40px;
                             padding-right: 0px;
                             background-image: url(../assets/images/Search.svg);
                             background-repeat: no-repeat;
                             background-position: 10px center;
                             border: 1px solid $border-color;
                         }
                     }

                     .filter-btn {
                         border: 1px solid $border-color;
                         border-radius: 5px;
                         background: $white;
                         color: $text-primary;
                         width: 40px;
                         height: 40px;
                         min-width: 40px;

                         i {
                             font-size: $f16;
                         }
                     }
                 }
             }

             .followers-notify-sec {
                 margin-bottom: 40px;

                 h4 {
                     font-size: $f15;
                 }

                 .followers-wrap {
                     .accept_all {
                         display: flex;
                         justify-content: space-between;
                         align-items: center;

                         input {
                             margin: 0 10px 0px 0px;
                             opacity: 0;
                             display: none;

                             &:checked {
                                 &+label {
                                     &:before {
                                         content: "";
                                         background-image: url(../assets/images/checked.svg);
                                         width: 24px;
                                         height: 24px;
                                         background-repeat: no-repeat;
                                         display: inline-block;
                                         margin-right: 10px;
                                         background-size: 20px;
                                         background-position: center;
                                     }
                                 }
                             }
                         }

                         label {
                             font-size: 13px;
                             color: rgba(0, 0, 0, 0.51);
                             font-weight: bold;
                             display: flex;
                             align-items: center;
                             cursor: pointer;

                             &:before {
                                 content: "";
                                 width: 24px;
                                 height: 24px;
                                 border-radius: 5px;
                                 background-image: url(../assets/images/Checkbox.svg);
                                 background-repeat: no-repeat;
                                 display: inline-block;
                                 margin-right: 10px;
                                 background-size: contain;
                                 background-position: center;
                             }
                         }

                     }

                     .folWrap {
                         padding: 15px 20px;
                         background: #fff;
                         margin-top: 12px;
                         display: flex;
                         justify-content: space-between;
                         align-items: center;
                         border: 1px solid #F3F3F4;
                         box-shadow: 0px 1px 4px 0px rgba($color: #000000, $alpha: 0.04);

                         .col-left {
                             display: flex;
                             align-items: center;

                             &>p {
                                 margin: 0px;

                                 span {
                                     display: block;
                                     width: 100%;
                                     font-size: $f11;
                                     font-weight: 600;
                                     color: rgba(0, 0, 0, 0.39);

                                     &:first-child {
                                         margin-bottom: 5px;
                                         font-size: $f13;
                                         font-weight: normal;
                                         color: $text-black;
                                     }
                                 }
                             }
                         }

                         .col-right {
                             button {
                                 margin-left: 10px;
                             }
                         }

                         img {
                             margin-right: 10px;
                         }

                         input {
                             margin: 0 10px 0px 0px;
                             opacity: 0;
                             display: none;

                             &:checked {
                                 &+label {
                                     &:before {
                                         content: "";
                                         background-image: url(../assets/images/checked.svg);
                                         width: 24px;
                                         height: 24px;
                                         background-repeat: no-repeat;
                                         display: inline-block;
                                         margin-right: 10px;
                                         background-size: 20px;
                                         background-position: center;
                                     }
                                 }
                             }
                         }

                         label {
                             font-size: 13px;
                             color: rgba(0, 0, 0, 0.51);
                             font-weight: bold;
                             display: flex;
                             align-items: center;
                             cursor: pointer;

                             &:before {
                                 content: "";
                                 width: 24px;
                                 height: 24px;
                                 border-radius: 5px;
                                 background-image: url(../assets/images/Checkbox.svg);
                                 background-repeat: no-repeat;
                                 display: inline-block;
                                 margin-right: 10px;
                                 background-size: contain;
                                 background-position: center;
                             }
                         }
                     }
                 }
             }

             .follower-filter-wrap {
                 display: flex;

                 .fcol-left {
                     flex: 0 0 255px;
                     margin-right: 30px;

                     .filter-wrap {
                         background-color: $white;
                         padding: 15px;
                         height: 100%;
                         margin-top: 20px;

                         h5 {
                             font-size: $f13;
                             margin-top: 0;
                             font-weight: bold;
                         }

                         ul {
                             list-style-type: none;
                             padding-left: 20px;

                             &.cat-label {
                                 li {
                                     margin-bottom: 10px;
                                     display: flex;
                                     position: relative;

                                     input {
                                         display: none;
                                         cursor: pointer;

                                         &+label {
                                             display: flex;
                                             align-items: center;
                                             color: $text-color-sec;
                                             font-size: $f13;
                                             cursor: pointer;
                                             font-weight: 600;

                                             &:before {
                                                 content: "";
                                                 width: 24px;
                                                 height: 24px;
                                                 border-radius: 5px;
                                                 background-image: url(../assets/images/Checkbox.svg);
                                                 background-repeat: no-repeat;
                                                 display: inline-block;
                                                 margin-right: 10px;
                                                 background-size: contain;
                                                 background-position: center;
                                             }

                                             &:after {
                                                 content: "";
                                                 width: 30px;
                                                 height: 14px;
                                                 background-image: url(../assets/images/arrow.svg);
                                                 background-repeat: no-repeat;
                                                 background-size: 24px;
                                                 display: inline-block;
                                                 margin-left: 10px;
                                                 position: absolute;
                                                 right: 0;
                                                 top: 50%;
                                                 transform: translateY(-50%);
                                             }
                                         }

                                         &:checked {
                                             &+label {
                                                 color: $text-primary;

                                                 &:before {
                                                     content: "";
                                                     width: 24px;
                                                     height: 24px;
                                                     border-radius: 5px;
                                                     background-image: url(../assets/images/checked.svg);
                                                     background-repeat: no-repeat;
                                                     display: inline-block;
                                                     margin-right: 10px;
                                                     background-size: 20px;
                                                     background-position: center;
                                                 }

                                             }
                                         }
                                     }
                                 }
                             }

                             &.fl-inp {
                                 padding: 0px;

                                 li {
                                     display: flex;
                                     justify-content: flex-start;
                                     margin-bottom: 20px;
                                     align-items: center;

                                     input {
                                         margin: 0px;

                                         &[type=checkbox] {
                                             width: 20px;
                                             height: 20px;
                                             margin-right: 10px;
                                             cursor: pointer;

                                             &+input {
                                                 opacity: 0.9;
                                                 pointer-events: none;
                                             }
                                         }

                                         &:checked {
                                             &+input {
                                                 opacity: 1;
                                                 pointer-events: all;
                                             }
                                         }
                                     }
                                 }
                             }
                         }
                     }
                 }

                 .fcol-right {
                     flex: 1;
                 }

                 &.applicant-filter {
                     .followers-container {

                         .follower-card {

                             &:nth-child(even) {

                                 .flex-wrap {
                                     background-color: #EEF1F7;
                                     border-top-left-radius: 8px;
                                     border-top-right-radius: 8px;

                                     &+p {
                                         background-color: #E4E9F3;
                                     }

                                     &+* {
                                         display: inline-block;
                                         padding: 20px 20px 30px 40px;
                                     }
                                 }

                                 .skills {
                                     background-color: #E4E9F3;
                                     border-bottom-left-radius: 8px;
                                     border-bottom-right-radius: 8px;

                                     &>ul {
                                         margin-top: 0;
                                     }
                                 }
                             }

                             &>label {
                                 top: 13px;

                             }

                             .fullscreen {
                                 background-color: transparent;
                                 border: none;
                                 position: absolute;
                                 bottom: -10px;
                                 right: 10px;
                             }

                             .skills {
                                 ul {
                                     margin-bottom: 0;

                                     li {
                                         display: inline-block;
                                         margin-bottom: 20px;
                                         width: 100%;

                                         &:last-child {
                                             margin-bottom: 0;
                                         }

                                         &>span {
                                             &:first-child {
                                                 min-width: 100px;
                                                 display: inline-block;
                                                 color: $text-black;
                                                 font-weight: 600;
                                                 font-size: $f12;
                                                 margin-bottom: 10px;
                                             }

                                             &>span {
                                                 background-color: rgba(208, 200, 221, 0.5);
                                                 padding: 7px 15px;
                                                 border-radius: 25px;
                                                 color: $text-primary;
                                                 font-weight: bold;
                                                 display: inline-block;
                                                 margin-bottom: 10px;
                                             }
                                         }
                                     }
                                 }
                             }

                             .fl-wrap {
                                 padding: 0px;

                                 &>* {
                                     display: inline-block;
                                     padding: 20px 20px 30px 40px;
                                 }

                                 .flex-wrap {
                                     display: flex;
                                     justify-content: space-between;
                                     align-items: center;
                                     border-bottom: 1px solid $border-color;
                                     padding-bottom: 20px;
                                     padding-top: 20px;

                                     &+p {
                                         margin: 0;
                                         padding: 20px 20px 20px 40px;
                                         border-bottom: 1px solid $border-color;
                                         font-size: $f13;
                                         line-height: 25px;
                                     }

                                     .userdetails,
                                     p {
                                         margin: 0;

                                         &+p {
                                             &.text-right {
                                                 font-size: $f12;
                                                 color: $text-color-sec;

                                                 span.loc-ic {
                                                     padding-left: 20px;
                                                     position: relative;
                                                     padding-right: 30px;

                                                     &:before {
                                                         content: "";
                                                         display: inline-block;
                                                         width: 16px;
                                                         height: 16px;
                                                         background-image: url(../assets/images/loct.svg);
                                                         background-repeat: no-repeat;
                                                         background-size: 14px;
                                                         background-position: center;
                                                         position: absolute;
                                                         left: 0px;
                                                         top: 50%;
                                                         transform: translateY(-50%);
                                                     }

                                                     &:after {
                                                         content: "";
                                                         display: inline-block;
                                                         width: 20px;
                                                         height: 20px;
                                                         background-image: url(../assets/images/eye-close-fill.svg);
                                                         background-repeat: no-repeat;
                                                         background-size: 20px;
                                                         background-position: center;
                                                         position: absolute;
                                                         right: 0px;
                                                         top: 50%;
                                                         transform: translateY(-50%);

                                                     }
                                                 }
                                             }
                                         }
                                     }

                                     .user-right {
                                         h4 {
                                             &+p {
                                                 margin-bottom: 5px;
                                             }
                                         }
                                     }
                                 }
                             }

                             &>input[type=checkbox] {
                                 &:checked {
                                     &+label {
                                         &+.fl-wrap {
                                             .userdetails {

                                                 &+p {
                                                     &.text-right {
                                                         span.loc-ic {
                                                             &:after {
                                                                 content: "";
                                                                 display: inline-block;
                                                                 width: 20px;
                                                                 height: 20px;
                                                                 background-image: url(../assets/images/eye-open.svg);
                                                                 background-repeat: no-repeat;
                                                                 background-size: 20px;
                                                                 background-position: center;
                                                                 position: absolute;
                                                                 right: 0px;
                                                                 top: 50%;
                                                                 transform: translateY(-50%);

                                                             }
                                                         }
                                                     }
                                                 }
                                             }
                                         }
                                     }
                                 }
                             }
                         }
                     }
                 }
             }

             .pop-body {
                 .input-group {

                     &>span {
                         padding: 0;
                         margin-bottom: 0px;
                         color: #B7B7B7;
                         font-size: $f14;
                     }

                     &>div {
                         flex: 1;

                         .switch {
                             margin-right: 8px;
                             margin-left: 8px;
                         }

                         input[type=checkbox] {
                             width: 18px;
                             height: 18px;
                             border-radius: 0px;
                             margin-right: 8px;
                             margin-bottom: 0 !important;

                             &+input {
                                 pointer-events: none;
                                 //  opacity: 0.7;
                             }

                             &:checked {
                                 &+input {
                                     pointer-events: all;
                                     opacity: 1;
                                 }
                             }
                         }

                         &.input-left {
                             display: flex;
                             align-items: center;
                         }

                         &.input-right {
                             display: flex;
                             align-items: center;
                             flex: none;
                             margin-bottom: 10px;

                             &>span {
                                 color: $input-ph-text;
                                 font-size: $f14;
                             }
                         }

                         &.input-full {
                             display: flex;
                             align-items: center;
                             margin-bottom: 20px;
                             flex: 1;

                             input[type=checkbox] {
                                 width: 18px;
                                 height: 18px;
                                 border-radius: 0px;
                                 margin-right: 8px;

                                 &+label {
                                     pointer-events: none;
                                     //  opacity: 0.7;
                                     display: flex;
                                     flex: 1;
                                     align-items: center;

                                     .switch {
                                         position: relative;
                                         display: inline-block;
                                         width: calc(45px + 16px);
                                         height: 22px;
                                     }

                                     .switch input {
                                         width: 0;
                                         height: 0;
                                     }

                                     &>input {
                                         margin-bottom: 0 !important;
                                         margin-right: 0px;
                                     }

                                     &>label+span {
                                         margin-right: 10px;
                                     }
                                 }

                                 &:checked {
                                     &+label {
                                         pointer-events: all;
                                         opacity: 1;
                                     }
                                 }
                             }


                         }
                     }
                 }
             }

             p.selectall-wrap,
             div.selectall-wrap {
                 display: flex;
                 align-items: center;
                 padding-left: 8px;
                 position: relative;
                 justify-content: space-between;
                 margin-top: 1em;
                 margin-bottom: 1em;

                 .rgtWrap {
                     display: flex;
                 }

                 #selectAll {
                     margin: 0 10px 0px 0px;
                     opacity: 0;
                     display: none;

                     &+label {
                         font-size: $f13;
                         color: rgba(0, 0, 0, 0.51);
                         font-weight: bold;
                         display: flex;
                         align-items: center;
                         cursor: pointer;

                         &::before {
                             content: "";
                             width: 24px;
                             height: 24px;
                             border-radius: 5px;
                             background-image: url(../assets/images/Checkbox.svg);
                             background-repeat: no-repeat;
                             display: inline-block;
                             margin-right: 10px;
                             background-size: contain;
                             background-position: center;
                         }

                         &+.notifywrap {
                             display: none;
                             width: 150px;
                             height: 40px;
                             background: $white;
                             box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
                             position: absolute;
                             top: 30px;
                             z-index: 2;
                             left: 43px;

                             button {
                                 background: transparent;
                                 width: 100%;
                                 height: 40px;
                                 border: none;
                             }
                         }
                     }

                     &:checked {
                         &+label {
                             &:before {
                                 content: "";
                                 background-image: url(../assets/images/checked.svg);
                                 width: 24px;
                                 height: 24px;
                                 background-repeat: no-repeat;
                                 display: inline-block;
                                 margin-right: 10px;
                                 background-size: 20px;
                                 background-position: center;
                             }

                             &+.notifywrap {
                                 display: block;
                             }
                         }
                     }
                 }

                 .gridlist {
                     display: flex;

                     input {
                         display: none;

                         &+label {
                             background-color: $white;
                             width: 35px;
                             height: 35px;
                             font-size: $f14;
                             display: flex;
                             align-items: center;
                             justify-content: center;
                             cursor: pointer;
                             margin-right: 8px;
                             border-radius: 6px;

                             i {
                                 color: $text-primary;
                                 display: flex;

                                 &:before {
                                     content: "";
                                 }
                             }

                             &[for="list"] {

                                 i {

                                     &:before {
                                         content: "";
                                         background: url(../assets/images/list-default.svg) no-repeat;
                                         background-size: 20px;
                                         background-position: center;
                                         width: 20px;
                                         height: 20px;
                                         display: inline-block;
                                     }
                                 }

                             }

                             &[for="grid"] {

                                 i {

                                     &:before {
                                         content: "";
                                         background: url(../assets/images/grid-default.svg) no-repeat;
                                         background-size: 20px;
                                         background-position: center;
                                         width: 20px;
                                         height: 20px;
                                         display: inline-block;
                                     }
                                 }

                             }
                         }

                         &:checked {
                             &+label {
                                 background-color: $text-primary;

                                 i {
                                     color: $white;

                                     &:before {
                                         content: "";
                                     }
                                 }

                                 &[for="grid"] {

                                     i {

                                         &:before {
                                             content: "";
                                             background: url(../assets/images/grid-active.svg) no-repeat;
                                             background-size: 20px;
                                             background-position: center;
                                             width: 20px;
                                             height: 20px;
                                             display: inline-block;
                                         }
                                     }

                                 }

                                 &[for="list"] {

                                     i {

                                         &:before {
                                             content: "";
                                             background: url(../assets/images/list-active.svg) no-repeat;
                                             background-size: 20px;
                                             background-position: center;
                                             width: 20px;
                                             height: 20px;
                                             display: inline-block;
                                         }
                                     }

                                 }
                             }
                         }

                     }
                 }
             }

             &>span {
                 padding-left: 20px;
                 position: relative;

                 &.pay-ic {
                     &:before {
                         content: "";
                         display: inline-block;
                         width: 16px;
                         height: 16px;
                         background-color: $border-color;
                         background-image: url(../assets/images/pay-icon.svg);
                         background-repeat: no-repeat;
                         background-size: 12px;
                         background-position: center;
                         position: absolute;
                         left: 0px;
                         top: 50%;
                         transform: translateY(-50%);
                     }
                 }

                 &.loc-ic {
                     &:before {
                         content: "";
                         display: inline-block;
                         width: 16px;
                         height: 16px;
                         background-image: url(../assets/images/loct.svg);
                         background-repeat: no-repeat;
                         background-size: 14px;
                         background-position: center;
                         position: absolute;
                         left: 0px;
                         top: 50%;
                         transform: translateY(-50%);
                     }
                 }

                 &.exp-ic {
                     &:before {
                         content: "";
                         display: inline-block;
                         width: 16px;
                         height: 16px;
                         background-color: $border-color;
                         background-image: url(../assets/images/exp-icon.svg);
                         background-repeat: no-repeat;
                         background-size: 12px;
                         background-position: center;
                         position: absolute;
                         left: 0px;
                         top: 50%;
                         transform: translateY(-50%);
                     }
                 }
             }

             .followers-container {
                 display: grid;
                 gap: 10px;
                 justify-content: flex-start;
                 align-items: center;
                 flex-wrap: wrap;
                 grid-template-columns: auto auto auto auto;
                 grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));

                 &.selectedAll {
                     .follower-card {
                         .notifywrap {
                             display: none !important;
                         }
                     }
                 }

                 &.listView {
                     grid-template-columns: 1fr;
                 }

                 .follower-card {
                     position: relative;

                     &>input[type=checkbox] {
                         display: none;

                         &+label {
                             position: absolute;
                             top: 8px;
                             left: 8px;
                             cursor: pointer;
                             background-size: contain;
                             background-image: url(../assets/images/Checkbox.svg);
                             background-position: center;
                             display: inline-block;
                             width: 24px;
                             height: 24px;

                             &+.notifywrap {
                                 display: none;
                                 width: 150px;
                                 height: 40px;
                                 background: $white;
                                 box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
                                 position: absolute;
                                 top: 30px;
                                 z-index: 2;
                                 left: 30px;

                                 button {
                                     background: transparent;
                                     width: 100%;
                                     height: 40px;
                                     border: none;
                                 }
                             }
                         }
                     }

                     &>input:checked {
                         &+label {
                             background-image: url(../assets/images/checked.svg);
                             background-size: contain;
                             width: 20px;
                             height: 20px;
                             background-position: center;
                             left: 10px;
                             top: 10px;

                             &+.notifywrap {
                                 display: block;
                             }

                             &+.fl-wrap {
                                 border-color: $primary;
                             }
                         }
                     }


                     .fl-wrap {
                         border: 1px solid $border-color;
                         border-radius: 8px;
                         padding: 15px 20px;
                         background-color: $white;
                         box-shadow: 0px 1px 4px 0px rgba($color: #000000, $alpha: 0.04);

                         &>p {
                             color: $text-color-sec;
                             font-size: $f12;

                             &.text-right {
                                 margin-bottom: 20px;
                                 margin-top: 10px;
                             }

                             margin-bottom: 30px;
                         }

                         .userdetails {
                             display: flex;
                             gap: 10px;
                             align-items: flex-start;
                             margin-bottom: 20px;

                             img {
                                 vertical-align: top;
                             }

                             .user-right {

                                 h4,
                                 p {
                                     margin: 0 0px 5px;
                                 }

                                 h4 {
                                     color: $text-primary;
                                     font-weight: bold;
                                     font-size: $f14;

                                     a {
                                         color: $text-primary;
                                         text-decoration: none;
                                     }
                                 }

                                 p {
                                     font-size: $f12;
                                 }
                             }
                         }

                         .skills {
                             ul {
                                 li {
                                     flex: 0 0 48%;
                                 }
                             }
                         }

                         ul {
                             display: flex;
                             flex-wrap: wrap;
                             padding: 0px;
                             list-style-type: none;
                             margin-bottom: 10px;

                             li {
                                 display: flex;
                                 margin-right: 10px;

                                 span {
                                     font-size: $f11;
                                     font-weight: 100;

                                     &.sk-badge {
                                         padding-left: 0px;
                                         display: flex;
                                         height: 20px;
                                         padding: 0px 12px;
                                         border-radius: 25px;
                                         justify-content: center;
                                         align-items: center;
                                         color: $white;
                                         font-weight: 600;
                                     }
                                 }

                                 &:first-child {
                                     span.sk-badge {
                                         background-color: rgba(208, 200, 221, 0.5);
                                         color: #220063;
                                     }
                                 }

                                 &:nth-child(2) {
                                     span.sk-badge {
                                         background-color: rgba(214, 228, 248, 1);
                                         color: #6C99C1;
                                     }
                                 }

                                 &:nth-child(3) {
                                     span.sk-badge {
                                         background-color: rgba(211, 236, 230, 1);
                                         color: #73C2A1;
                                     }
                                 }
                             }
                         }

                         .fill-label {
                             position: absolute;
                             right: 10px;
                             bottom: 20px;

                             img {
                                 width: 30px;
                                 height: 14px;
                                 object-fit: contain;
                             }
                         }
                     }
                 }
             }

         }

         //  Applicant Pages

         .white-wrap {
             display: flex;
             margin-top: 20px;
             background-color: $white;

             &>div {
                 flex: 1;

                 &.user-left {
                     flex: 0 0 450px;
                     padding: 15px;
                     background-color: $white;
                     border-right: 1px solid $border-color;

                     .pdetails {
                         display: flex;
                         gap: 10px;

                         h5 {
                             margin-top: 0;
                             margin-bottom: 10px;
                             font-size: $f14;
                         }

                         ul {
                             padding: 0px;
                             margin: 0 0px 20px;
                             list-style-type: none;

                             li {
                                 margin-bottom: 8px;

                                 span {
                                     color: $text-color-sec;
                                     font-size: $f12;
                                 }
                             }
                         }

                         a.btn-primary {
                             font-size: $f13;
                         }
                     }

                     h5 {
                         margin-bottom: 10px;
                     }

                     .skills {
                         ul {
                             li {
                                 display: inline-block;
                                 margin-bottom: 20px;

                                 &>span {
                                     &:first-child {
                                         min-width: 100px;
                                         display: inline-block;
                                     }

                                     &>span {
                                         background-color: rgba(208, 200, 221, 0.5);
                                         padding: 7px 15px;
                                         border-radius: 25px;
                                         color: $text-primary;
                                         font-weight: bold;
                                     }
                                 }
                             }
                         }
                     }

                     .contact,
                     .lang {
                         ul {
                             li {
                                 &>span {
                                     &:first-child {
                                         min-width: 50px;
                                         display: inline-block;
                                     }
                                 }
                             }
                         }
                     }

                     ul {
                         list-style-type: none;
                         padding: 0px;

                         li {
                             margin-bottom: 10px;

                             &>span {
                                 font-size: $f12;

                                 &:first-child {
                                     color: $text-color-sec;
                                     margin-right: 20px;
                                     font-weight: bold;
                                 }
                             }
                         }
                     }
                 }

                 &.user-right {
                     background-color: rgba(251, 250, 252, 0.4);
                     border: 1px solid $border-color;
                     border-left: 0px;
                     padding: 10px 25px;

                     p {
                         &.text-right {
                             font-size: $f12;
                             display: flex;
                             align-items: center;
                             justify-content: flex-end;

                             img {
                                 margin-left: 10px;
                             }
                         }
                     }

                     h5 {
                         font-size: $f14;
                         color: $text-black;
                         font-weight: bold;
                     }

                     .exp-card {
                         padding: 10px 20px;
                         border-radius: 5px;
                         background-color: $white;
                         border: 1px solid $border-color;
                         margin-bottom: 10px;

                         span {
                             display: block;
                             color: $text-primary;
                             font-size: $f12;
                             font-weight: bold;
                             margin-bottom: 10px;

                             &:first-child {
                                 color: $text-black;
                                 font-size: $f13;
                             }
                         }

                         p {
                             font-size: $f14;
                         }
                     }
                 }
             }
         }


     }

     aside {
         grid-area: sider;
         background-color: rgba(34, 0, 99, 0.02);
         margin-right: 0px;
         border-radius: 5px;
         border: 1px solid $border-color;
         padding: 15px 10px;
         flex-direction: column;
         margin-top: 0px;
         margin-bottom: 40px;

         h2 {
             color: $text-black;
             font-size: $f18;
             margin: 0;
         }

         .closedJobs {
             .jobcard-closed {
                 background-color: $white;
                 border-radius: 5px;
                 padding: 10px;
                 box-sizing: border-box;
                 margin-bottom: 15px;
                 border: 1px solid $border-color;

                 &:first-child {
                     margin-top: 25px;
                 }

                 p,
                 h3 {
                     margin: 0px;
                 }

                 p {
                     font-size: $f11;
                     margin-bottom: 8px;

                     &.text-right {
                         font-size: 10px;
                         color: $text-color-sec;

                         &>span {
                             background-color: #EB5757;
                             text-align: center;
                             padding: 5.5px 10px;
                             color: $white;
                             font-size: 9px;
                             position: relative;
                             top: -6px;
                             right: -10px;
                             border-top-right-radius: 5px;
                         }
                     }
                 }

                 h3 {
                     font-size: $f14;
                     margin: 5px 0px 10px;
                     color: $text-primary;
                 }

                 .interest_box {
                     background-color: rgba(157, 166, 183, 0.12);
                     color: $text-black;
                     font-size: 10px;
                     padding: 3px 5px;
                     width: fit-content;

                     span {
                         font-size: $f16;
                         color: $text-black;
                         display: block;
                         font-weight: bold;
                     }
                 }
             }

             .follower-card {
                 position: relative;
                 margin-top: 20px;

                 p.text-right {
                     margin: 0 !important;

                     img {
                         width: 14px;
                         height: 14px;
                         object-fit: contain;
                     }
                 }

                 &>input[type=checkbox] {
                     display: none;

                     &+label {
                         position: absolute;
                         top: 8px;
                         left: 8px;
                         cursor: pointer;
                         background-size: contain;
                         background-image: url(../assets/images/Checkbox.svg);
                         background-position: center;
                         display: inline-block;
                         width: 24px;
                         height: 24px;

                     }
                 }

                 &>input:checked {
                     &+label {
                         background-image: url(../assets/images/checked.svg);
                         background-size: contain;
                         width: 20px;
                         height: 20px;
                         background-position: center;
                         left: 10px;
                         top: 10px;

                         &+.fl-wrap {
                             border-color: $primary;
                         }
                     }
                 }


                 .fl-wrap {
                     border: 1px solid $border-color;
                     border-radius: 8px;
                     padding: 15px 20px;
                     background-color: $white;

                     &>p {
                         color: $text-color-sec;
                         font-size: $f12;

                         &.text-right {
                             margin-bottom: 20px;
                             margin-top: 10px;
                         }

                         margin-bottom: 10px;
                     }

                     .userdetails {
                         display: flex;
                         gap: 10px;
                         align-items: flex-start;
                         margin-bottom: 20px;

                         img {
                             vertical-align: top;
                         }

                         .user-right {

                             h4,
                             p {
                                 margin: 0 0px 5px;
                             }

                             h4 {
                                 color: $text-primary;
                                 font-weight: bold;
                                 font-size: $f14;

                                 a {
                                     color: $text-primary;
                                     text-decoration: none;
                                 }
                             }

                             p {
                                 font-size: $f12;
                             }
                         }
                     }

                     ul {
                         display: inline-block;
                         padding: 0px;
                         list-style-type: none;
                         margin-bottom: 10px;

                         li {
                             float: left;
                             margin-right: 10px;

                             span {
                                 font-size: $f11;
                                 font-weight: 100;

                                 &.sk-badge {
                                     padding-left: 0px;
                                     display: flex;
                                     height: 20px;
                                     padding: 0px 12px;
                                     border-radius: 25px;
                                     justify-content: center;
                                     align-items: center;
                                     color: $white;
                                     font-weight: 600;
                                 }
                             }

                             &:first-child {
                                 span.sk-badge {
                                     background-color: rgba(208, 200, 221, 0.5);
                                     color: #220063;
                                 }
                             }

                             &:nth-child(2) {
                                 span.sk-badge {
                                     background-color: rgba(214, 228, 248, 1);
                                     color: #6C99C1;
                                 }
                             }

                             &:nth-child(3) {
                                 span.sk-badge {
                                     background-color: rgba(211, 236, 230, 1);
                                     color: #73C2A1;
                                 }
                             }
                         }
                     }
                 }
             }
         }
     }

 }


 .select2-container--default {
     .select2-selection--single {
         min-height: 40px;
         height: auto;
         line-height: 40px;
         border: 1px solid $input-border;

         .select2-selection__rendered {
             height: 100%;
             line-height: inherit;
             font-size: 14px;

             &[title="--Current Level--"],
             &[title="--Department--"],
             &[title="--Current Job Title--"],
             &[title="--Core Domain--"],
             &[title="--Core Area of Hiring--"],
             &[title="Reason"],
             &[title="Job title"],
             &[title="Country"],
             &[title="City"],
             &[title="Location Preference"],
             &[title="Education Preference"],
             &[title="Notice Period Preferences"],
             &[title="Salary Range"],
             &[title="Employment Type"],
             &[title="Job Duration Year"],
             &[title="Job Duration Month"],
             &[title="Min Year"],
             &[title="Max Year"],
             &[title="Gender Preferences"],
             &[title="Job Title"] {
                 color: $input-ph-text !important;
                 font-weight: normal;
             }
         }

         .select2-selection__arrow {
             height: 40px;

             b {
                 border-color: $text-black transparent transparent transparent;
             }
         }
     }

     .select2-selection--multiple {
         min-height: 40px;
         display: flex;
         align-items: center;
         border: 1px solid $input-border;

         //  .select2-selection__rendered {
         //      //  position: relative;
         //  }

         ul {
             li.select2-selection__choice {
                 margin: 0px 5px 5px 0px;
                 background: #E4E9F3;
                 display: flex;
                 flex-direction: row-reverse;
                 border-radius: 25px;
                 font-size: $f13;
                 padding: 3px 8px;
                 border: none;

                 //  &[title="--Always Hire--"],
                 //  &[title="--Functional Area of Hiring--"],
                 //  &[title="Gender Preferences"] {
                 //      background: transparent !important;
                 //      font-size: 14px !important;
                 //      padding: 0 !important;
                 //      margin: 0 !important;
                 //      color: $input-ph-text !important;
                 //      position: absolute !important;
                 //      z-index: 2 !important;
                 //      top: 10px;
                 //      left: 8px;
                 //      border: none;

                 //      .select2-selection__choice__remove {
                 //          display: none;
                 //      }
                 //  }

                 &.select2-search {
                     padding: 0px;
                 }

                 // &[title="--Functional Area of Hiring--"] {
                 //     background-color: transparent;
                 //     color: $input-ph-text;
                 //     z-index: -1;

                 //     .select2-selection__choice__remove {
                 //         display: none;

                 //     }
                 // }

                 .select2-selection__choice__remove {
                     background: $text-black;
                     color: $white;
                     margin-left: 3px;
                     margin-right: 0px;
                     width: 12px;
                     height: 12px;
                     text-align: center;
                     line-height: 11px;
                     border-radius: 50%;
                     font-size: 10px;
                     position: relative;
                     top: 3px;
                     right: -2px;
                 }

                 input {
                     padding: 0;
                     margin: 0;
                     width: 0px !important;
                     height: 0px !important;
                 }
             }
         }
     }
 }

 .select2-container--default {
     .select2-selection--single {
         min-height: 40px;
         height: auto;
         line-height: 40px;
         border: 1px solid $input-border;

         .select2-selection__rendered {
             height: 100%;
             line-height: inherit;

             //  &[title="--Current Level--"],
             //  &[title="--Department--"],
             //  &[title="--Current Job Title--"],
             //  &[title="--Core Domain--"],
             //  &[title="--Core Area of Hiring--"],
             //  &[title="Reason"] {
             //      color: $text-color-sec;
             //  }
         }

         .select2-selection__arrow {
             height: 40px;

             b {
                 border-color: $text-black transparent transparent transparent;
             }
         }
     }

     .select2-selection--multiple {
         min-height: 40px;
         display: flex;
         align-items: center;
         border: 1px solid $input-border;

         ul {
             li.select2-selection__choice {
                 margin: 5px 5px 5px 0px;
                 background: #E4E9F3;
                 display: flex;
                 flex-direction: row-reverse;
                 border-radius: 25px;
                 font-size: $f13;
                 padding: 3px 8px;
                 border: none;
                 position: relative;
                 z-index: 4;

                 &.select2-search {
                     padding: 0px;
                 }

                 //  &[title="--Functional Area of Hiring--"] {
                 //      background-color: transparent;
                 //      color: $input-ph-text;
                 //      z-index: -1;

                 //      .select2-selection__choice__remove {
                 //          display: none;

                 //      }
                 //  }

                 .select2-selection__choice__remove {
                     background: $text-black;
                     color: $white;
                     margin-left: 3px;
                     margin-right: 0px;
                     width: 12px;
                     height: 12px;
                     text-align: center;
                     line-height: 11px;
                     border-radius: 50%;
                     font-size: 10px;
                     position: relative;
                     top: 3px;
                     right: -2px;
                 }
             }
         }
     }
 }

 #cancelBtn {
     img {
         width: 10px;
         position: relative;
         left: -3px;
         top: 1px;
     }
 }

 .trumbowyg-box,
 .trumbowyg-editor {
     border-radius: 4px;
     background: #fff;
 }

 .trumbowyg-button-pane {
     background: #fff;
     border-radius: 4px;
 }

 .trumbowyg-box svg,
 .trumbowyg-modal svg {
     color: #222;
     fill: #222;
 }