/* Custom Font */
@import url('https://fonts.googleapis.com/css?family=Lato:100,200,300,400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,500,500i,600, 600i, 700,700i,900,900i&display=swap');

/* define colors */
:root {

    --skill-tags-b2: #b2b2b2;
    --skill-tags-f1: #f1f1f1;
    --skill-tags-rounded: 30px;

    --cmt-search-f1: #F1F9F9; /* this is used */
    --cmt-search-f6: #F6FEFE;
    --cmt-search-f3: #F3FCFD;
    --cmt-search-f4: #f4f4f4;

    --btn-primary-00: #008080;
    --btn-primary-007: #00796B;
    --btn-icon-f1: #f1f1f1;
    --btn-primary-02: #02677C;
    --btn-primary-27: #276564;
    --btn-icon-hover-17: #17a2b8;
    --btn-info-chat-8c: #8CCAC2;

    --link-nav-active-bar-02: #02677C;
    --link-nav-active-bar-00: #00c9e4;
    --link-nav-active-17: #17a2b8;
    --link-nav-active-88: #888da8;

    --chat-select-img-00: #008080;
    --chat-input-brd-88: #888ea8;
    --chat-select-ac: #ACDEDD;
    --chat-text-you-007: #00796B;
    --chat-text-me-ff: #fff;
    --chat-text-me-8c: #8CCAC2;
    --chat-icon-26: #17a2b8;

    --control-custom-border-17: #C3C3C3;
    --control-custom-radio-17: #17a2b8;

    --modal-header-79: #D8E8E8;

    --dropdown-header-27: #276564;

    --datepicker-header-27: #276564;
    --datepicker-select-ac: #17a2b8;
    --datepicker-day-e5: #E5F7F4; /* old color e2e2e2 */
    --datepicker-today-e5: #83B5AC; /* old color bbb */
    --datepicker-prev-next-00: #000; /* old color f64747 */

    --text-gray-b7: #b7b9cc;
    --text-gray-60: #606166;
    --text-green-00: #008080;
    --text-col-c14: #C14361;
    --text-col-77b: #9FD0D9; /*#77B1BD*/

    --progress-green-00: #008080;
    --plyr-color-main: #02677C
}

html {
    height: 100%;
}

body {
    font-family: "Lato", Helvetica, Arial, sans-serif !important;
    line-height: 1.7;
    color: #34495e !important;
    /*padding-top: 3.5rem; for the menu */
    /*background-color: #FFFFFF; #F4F4F2;  */
}

/*
--------------------------------------------------------------------------------------
-- Keys for blocking spam on forms
--------------------------------------------------------------------------------------
*/

input#contactus-page-formkey {
    display: none;
}

input#signin-page-formkey {
    display: none;
}

input#signup-page-formkey {
    display: none;
}

input#forgetpswd-page-formkey {
    display: none;
}

input#resetpswd-page-formkey {
    display: none;
}

input#payment-page-formkey {
    display: none;
}

input#cashout-page-formkey {
    display: none;
}

.formkey {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1;
}

.validations-errors {
    color: #FF0000;
}


.feather {
    font-size: 50px;
    /*	fill: var(--chat-select-ac); */
}

a, a:active, a:focus {
    outline: none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #A5AAAB !important;
    opacity: 1 /* Firefox */ !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A5AAAB !important;
}

:-ms-input-placeholder { /* Microsoft Edge */
    color: #A5AAAB !important;
}


/* Custom Bootstrap input focus blue glow */
/* ref: https://stackoverflow.com/questions/14820952/change-bootstrap-input-focus-blue-glow */

/*
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(145, 200, 200, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 96, 96, 0.6);
  outline: 0 none;
} */

.form-control:focus {
    border-color: rgba(145, 200, 200, 0.8);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 105, 105, 0.6);
}

/* Custom Bootstrap custom-control */
/* ref: https://stackoverflow.com/questions/48401587/bootstrap4-radio-button-background-and-fill-color */
.custom-control-1 .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--control-custom-radio-17);
    background-color: var(--control-custom-radio-17);
    margin-top: 3px;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after, .custom-control-label::before, .custom-control-label::after {
    margin-top: 3px;
}

.custom-control-label-m-0::before, .custom-control-label-m-0::after {
    margin-top: 0 !important;
}

/* Custom select icon width */
/*
 .custom-select { 
  background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.6rem center/8px 10px no-repeat; 
 } 

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid, 
.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid 
{
    border-color: #ccc;
}
*/

.h-color {
    color: #008040 !important;
}

/*
.btn-outline-info, .btn-info, .btn-info:hover, .btn-info:active, .btn-info:visited {
    background-color: #FFAACC !important;
}
*/
.jumbotron_custom {
    padding: 3rem 6rem;
    margin-top: 3.5rem; /* la hauteur du menu voir D:\Pytagor\Installs\bootstrap-4.1.3\site\docs\4.1\examples\jumbotron*/
    margin-bottom: 1rem;
    /* https://www.eggradients.com/category/blue-gradient?83ff460c_page=3
    background-color: #1fc8db;
    background-image: linear-gradient(141deg, #9fb8ad 5%, #1fc8db 41%, #2cb5e8 95%); 
    background: linear-gradient(to top left, #ff5050 6%, #00ffcc 100%); */
    background-color: #44b09e;
    background-image: linear-gradient(315deg, #44b09e 0%, #e0d2c7 74%);
    border-radius: 0rem .5rem;
}

.influencer_product {
    background-color: #aee1f9;
    background-image: linear-gradient(315deg, #aee1f9 0%, #f6ebe6 74%);
}

.influencer_products {
    background-color: #f9f9f9;
    padding: 1%;
    background-image: none !important;
}

.influencer_deals {
    background-color: #fde7f9;
    background-image: linear-gradient(315deg, #fde7f9 0%, #aacaef 74%);
}

.shopper_product {
    background-color: #aee1f9;
    background-image: linear-gradient(315deg, #aee1f9 0%, #f6ebe6 74%);
}

.btn-filter {
    border: none !important;
    padding: .175rem .75rem;
}

.separator {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: none !important;
}

.intro-text {
    font-size: 3rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1em;
    -text-transform: capitalize;
}

.intro-text-2 {
    font-size: 2.35rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.1em;
}

.container-padding {
    margin-top: 5%;
}

.container-padding-content {
    margin-top: 2%;
    margin-bottom: 2%;
}

.text-paddingr-2rem {
    padding-right: 2rem !important;
}

.text-paddingr-1rem {
    padding-right: 1rem !important;
}

.box-padding-1rem {
    padding: 1rem !important;
}

.box-margin-right-1rem {
    margin-right: 10px !important;
}

.box-border-shadow {
    border: 1px solid #A5AAAB;
    box-shadow: 0 7px 12px 0 #A5AAAB;
    border-radius: .5rem;
}

.box-border {
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.container-padding-sm {
    margin-top: 1% !important;
}

.container-padding-md {
    margin-top: 2% !important;
}

.container-padding-lg {
    margin-top: 3% !important;
}

/*textarea {
  resize: none;
}*/

.col-disable-padding {
    padding: 0 !important;
}

.textarea-disable-margin {
    margin-left: -15px !important;
    margin-top: 5px !important;
}

.col-fixed-height-50 {
    height: 50vh !important;
}

.col-fixed-height-35 {
    height: 35vh !important;
}


/*
--------------------------------------------------------------------------------------
-- Menu
--------------------------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------------------------
-- Contatcme
--------------------------------------------------------------------------------------
*/
.FixedHeightContainer {
    float: right;
    height: 100%;
    width: 100%;
    padding: 1px;
    background: #ced4da;
}

.Content {
    height: 90%;
    overflow: auto;
    background: #fff;
    overflow-x: hidden;
}

.modal-header-bg1 {
    background-color: var(--modal-header-79)
}

@media (min-width: 992px) {
    .modal-md {
        max-width: 565px
    }
}

/* ============= nav search =========== */
.input-bottom-line {
    outline: 0;
    border-width: 0 0 2px;
    border-color: #ccc !important;
    padding: 5px 10px;
}

.input-bottom-line:focus {
    border-color: blue !important;
}

.form-search {
    background: white !important; /* #D9D9D9 !important;*/
}

.btn-search {
    background: white !important; /*#D9D9D9 !important;*/
    color: #808080 !important;
}


.form-control-border-1 {
    border-color: var(--control-custom-border-17) !important;
}

/* ============= end nav search =========== */

/*  
    Progress Bar
*/
.progress {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #ebedf2;
    margin-bottom: 1.25rem;
    height: 16px;
    box-shadow: 1px 3px 20px 3px #f1f2f3;
}

.progress.progress-bar-stack .progress-bar:last-child {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.progress .progress-bar {
    font-size: 10px;
    font-weight: 700;
    box-shadow: 0 2px 4px rgba(0, 69, 255, 0.15), 0 8px 16px rgba(0, 69, 255, 0.2);
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 100;
}

.progress:not(.progress-bar-stack) .progress-bar {
    border-radius: 16px;
}

.progress-sm {
    height: 4px;
}

.progress-md {
    height: 10px;
}

.progress-lg {
    height: 20px;
}

.progress-xl {
    height: 25px;
}

.progress-striped .progress-bar {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress .progress-title {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

.progress .progress-title span {
    align-self: center;
}

.progress .progress-bar.bg-gradient-primary {
    background-color: #4361ee;
    background: linear-gradient(to right, #0081ff 0%, #0045ff 100%);
}

.progress .progress-bar.bg-gradient-info {
    background-color: #4361ee;
    background-image: linear-gradient(to right, #04befe 0%, #4481eb 100%);
}

.progress .progress-bar.bg-gradient-success {
    background-color: #4361ee;
    background-image: linear-gradient(to right, #3cba92 0%, #0ba360 100%);
}

.progress .progress-bar.bg-gradient-warning {
    background-color: #4361ee;
    background-image: linear-gradient(to right, #f09819 0%, #ff5858 100%);
}

.progress .progress-bar.bg-gradient-secondary {
    background-color: #4361ee;
    background-image: linear-gradient(to right, #7579ff 0%, #b224ef 100%);
}

.progress .progress-bar.bg-gradient-danger {
    background-color: #4361ee;
    background-image: linear-gradient(to right, #d09693 0%, #c71d6f 100%);
}

.progress .progress-bar.bg-gradient-dark {
    background-color: #4361ee;
    background-image: linear-gradient(to right, #2b5876 0%, #4e4376 100%);
}

.br-0 {
    border-radius: 0 !important;
}

.br-4 {
    border-radius: 4px !important;
}

.br-6 {
    border-radius: 6px !important;
}

.br-30 {
    border-radius: 30px !important;
}

.br-50 {
    border-radius: 50px !important;
}

.br-left-30 {
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

.br-right-30 {
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
}

.bx-top-6 {
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
}

.bx-bottom-6 {
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}


/*      
	Dropdown Toggle & Drop Down Menu   
*/

.dropdown-toggle:after, .dropup .dropdown-toggle::after, .dropright .dropdown-toggle::after, .dropleft .dropdown-toggle::before {
    display: none;
}

.dropdown-toggle svg.feather[class*="feather-chevron-"] {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu:not(.dropdown-menu-header) {
    border: none;
    border: 1px solid #e0e6ed;
    z-index: 899;
    box-shadow: none;
    padding: 10px;
    padding: .35rem 0;
    transition: top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s, visibility 0.3s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
    display: block !important;
    transform: none !important;
    top: 0 !important;
    right: 0;
    left: auto !important;
    border-radius: 8px;
}

.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu:not(.dropdown-menu-header).right {
    right: auto;
    left: auto !important;
}

.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu:not(.dropdown-menu-header).left {
    right: 0;
    left: auto !important;
}

.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu:not(.dropdown-menu-header).show {
    opacity: 1;
    visibility: visible;
    top: 21px !important;
}

.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu:not(.dropdown-menu-header) a.dropdown-item {
    border-radius: 5px;
    display: block;
    width: 100%;
    padding: 6px 17px;
    clear: both;
    font-weight: 500;
    color: #030305;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 13px;
}

.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu:not(.dropdown-menu-header) a.dropdown-item svg {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    vertical-align: bottom;
    color: #888ea8;
}

.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu:not(.dropdown-menu-header) a.dropdown-item:hover svg {
    color: #2196f3;
}

.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu:not(.dropdown-menu-header) a.dropdown-item.active, .dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu a.dropdown-item:active {
    background-color: transparent;
    color: #3b3f5c;
    font-weight: 700;
}

.dropdown:not(.custom-dropdown-icon):not(.custom-dropdown) .dropdown-menu:not(.dropdown-menu-header) a.dropdown-item:hover {
    color: #2196f3;
}

/*      END --- Dropdown Toggle & Drop Down Menu   */


/* widgets custom styles */
.widget-four-custom {
    padding: 0px !important;
    border: 0px !important;
}

.widget-card-four .w-icon p {
    font-size: 13px !important;
    font-weight: 600 !important;
}


.progress-theme-green .widget-card-four .progress {
    background-color: rgba(0, 128, 128, 0.14) !important;
}

.progress-theme-green .widget-card-four .progress-bar.bg-gradient-secondary {
    background-color: #008080;
    background-image: linear-gradient(315deg, #008080 0%, #004682 74%) !important;
}

.progress-theme-green .widget-card-four .w-icon p {
    color: #008080 !important;
}

.progress-theme-violet .widget-card-four .progress {
    background-color: rgba(70, 0, 200, 0.14) !important;
}

.progress-theme-violet .widget-card-four .progress-bar.bg-gradient-secondary {
    background-color: #004682;
    background-image: linear-gradient(315deg, #004682 0%, #9561FF 74%) !important;
}

.progress-theme-violet .widget-card-four .w-icon p {
    color: #4600C8 !important;
}


.widget-four-custom .progress {
    background-color: rgba(0, 128, 128, 0.14) !important;
    height: 21px !important;
    padding: 3px !important;
}

.widget-achivement {
    color: #008080 !important;
}

.text-truncate-2 {
    --max-lines2: 2;
    --lh2: 1.5rem;
    position: relative;
    max-height: calc(var(--lh2) * var(--max-lines2));
    overflow: hidden;
    padding-right: 1rem; /* space for ellipsis */
}

.text-truncate-2::before {
    position: absolute;
    content: "...";
    inset-block-end: 0; /* "bottom" */
    inset-inline-end: 0; /* "right" */
}

.text-truncate-2::after {
    content: "";
    position: absolute;
    inset-inline-end: 0; /* "right" */
    width: 1rem;
    height: 1rem;
}

.text-truncate-3 {
    --max-lines: 3;
    --lh: 1.2rem;
    position: relative;
    max-height: calc(var(--lh) * var(--max-lines));
    overflow: hidden;
    padding-right: 1rem; /* space for ellipsis */
}

.text-truncate-3::before {
    position: absolute;
    content: "...";
    inset-block-end: 0; /* "bottom" */
    inset-inline-end: 0; /* "right" */
}

.text-truncate-3::after {
    content: "";
    position: absolute;
    inset-inline-end: 0; /* "right" */
    width: 1rem;
    height: 1rem;
    background: white;
}

.header-menu-width {
    width: 200px !important;
}

/*-----------------------------------------------------------------------------------------------------------*/
/* Here add your CSS Styles                                                                                  */
/*-----------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------- */
/* CSS style for Connections / Calendar / Stream / Jobs                                                       */
/* Please Add this comment for each CSS bloc. So you can put your style in a context                          */
/*----------------------------------------------------------------------------------------------------------- */


.job-mt {
  margin-top: .65rem !important;
}


/*----------------------------------------------------------------------------------------------------------- */
/* Custom CSS style for jobs.html						                                              */
/*----------------------------------------------------------------------------------------------------------- */

.progress-color-label {
    /*color: rgba(92, 50, 168, 1) !important;*/
    color: rgba(0, 0, 0, 1) !important;

}

.progress-color-menu {
    color: rgba(92, 50, 168, 0.7) !important;
}


/*----------------------------------------------------------------------------------------------------------- */
/* Custom CSS style for Connections.html						                                              */
/*----------------------------------------------------------------------------------------------------------- */

.your-custom-style-here {
    content: "";
}

.toggle-favorite .btn-favorite, .toggle-favorite .btn-add-to-group {
    display: block !important;
}

.user-connection-cards:hover {
    transition: 200ms all ease-in-out;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}


/* .toggle-favorite:hover .heart-icn, .toggle-favorite:hover .btn-add-to-group {
    position: absolute;
    display: flex !important;
    background-color: #F1F1F1;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    left: 6%;
    top: 3%;
}

.toggle-favorite:hover .btn-add-to-group {
    top: 28% !important;
} */

.heart-icn.added-favorite {
    /*background-color: indianred !important;*/
    padding: 8px !important
}

.heart-icn.added-favorite .heart, .heart-icn.post-liked .heart {
    color: white !important;
    background: url(../img/heart-filled.svg) no-repeat center center / contain;
    width: 100%;
    height: 100%;
}

.heart-icn.added-favorite .heart:before, .heart-icn.post-liked .heart:before {
    content: '';
}

.heart-icn .heart, .btn-add-to-group .group-icn {
    font-size: 1rem;
}

.heart-icn.post-liked .heart {
    width: 16px;
    height: 16px;
}

.card-link-custom-1 {
    color: var(--btn-primary-00) !important;
}

.card-link-custom-1:hover {
    color: #006b5f !important;
}

.dropdown-menu {
    min-width: 12rem !important;
}

/*----------------------------------------------------------------------------------------------------------- */
/* Custom CSS style for Stream.html						                                                      */
/*----------------------------------------------------------------------------------------------------------- */

.stream-posts {
    /*Default Display: None */
    display: none;
}

.stream-bg-card-1 {
    background: #c4d1d1;
}

.stream-bg-card-2 {
    background: #dcbccc;
}

.stream-bg-card-3 {
    background: #ecd4be;
}

.stream-bg-card-4 {
    background: #85658c;
}

.stream-bg-card-5 {
    background: #a5bcd2;
}

.stream-bg-card-6 {
    background: #a5bc6b;
}

.notify-alert {
    bottom: 15px;
    right: 15px;
    min-width: 30%;
    z-index: 1252
}


.btn-back-to-top {
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    z-index: 1250;
    opacity: 0;
    visibility: hidden;
}


.btn-back-to-top.show-btn-top {
    opacity: 1;
    visibility: visible;
}

/* custom progress */
.custom-progress-col-1 {
    width: 85%;
}

.custom-progress-col-2 {
    width: 15%;
}

.skill .progress-range-counter-bg::-webkit-slider-thumb {
    background: var(--progress-green-00) !important;
}

.skill .progress-range-counter-bg:focus::-webkit-slider-thumb {
    background: var(--progress-green-00) !important;
}

.skill .progress-range-counter-bg::-moz-range-thumb {
    background: var(--progress-green-00) !important;
}

.skill .info {
    padding: 0 !important;
}

.input-form-1 {
    margin-bottom: 0 !important;
    width: 60% !important;
    margin-right: 0 !important;
}

.custom-control-inline-1 {
    margin-right: 0.7rem !important;
}

.skeleton__title.skeleton__loading {
    height: 1rem;
    width: 75%;
    min-width: 5rem;
    max-width: 100%;
    margin: 0;
    border-radius: 3px;
}

.skeleton__description.skeleton__loading {
    height: 2rem;
    width: 75%;
    min-width: 5rem;
    max-width: 100%;
    margin: 0;
    border-radius: 3px;
}

.skeleton__image.skeleton__loading {
    height: 35px;
    width: 35px;
    margin: 0;
    border-radius: 50%;
}

.skeleton__loading {
    display: inline-block;
    position: relative;
    overflow: hidden;
    background-color: #e2e2e2;
}

/* The moving element */
.skeleton__loading::after {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    background: -webkit-gradient(linear, left top,
    right top, from(transparent),
    color-stop(rgba(255, 255, 255, 0.2)),
    to(transparent));

    background: linear-gradient(90deg, transparent,
    rgba(255, 255, 255, 0.2), transparent);

    /* Adding animation */
    animation: skeleton 0.8s infinite;
}

/* Loading Animation */
@keyframes skeleton {
    100% {
        transform: translateX(100%);
    }
}

.fit-to-cell-content {
    max-width: 100%;
    white-space: nowrap;
}


.tg-list {
    text-align: center;
    display: flex;
    align-items: center;
}

.tg-list-item {
    margin: 0 2em;
}

.tgl {
    display: none;
}

.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box;
}

.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
    background: none;
}

.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
    background: none;
}

.tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 2em;
    height: 1em;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}

.tgl + .tgl-btn:after {
    left: 0;
}

.tgl + .tgl-btn:before {
    display: none;
}

.tgl:checked + .tgl-btn:after {
    left: 50%;
}

.tgl-light + .tgl-btn {
    background: #5a6268;
    border-radius: 2em;
    padding: 2px;
    transition: all 0.4s ease;
}

.tgl-light + .tgl-btn:after {
    border-radius: 50%;
    background: #fff;
    transition: all 0.2s ease;
}

.tgl-light:checked + .tgl-btn {
    background: #17a2b8;
}

.box-shadow-none {
    box-shadow: none !important;
}


/* Stream Tags */

.badge-back {
     background-color: rgba(46, 95,165, 0.2) !important;
     color: #2e5fa5 !important;
}

.list-group-item-border {
	border: none !important;	
}

.a-link {
	border-radius: 50% !important;
	padding: 0.25rem !important;
	color: #8facb1 !important;
		
}

.a-link:hover {
	color: #007188 !important;		
}


.custom-disabled:disabled {
  color: #444444 !important;
  background-color: #ffffff !important;
  border: none !important;	
  background: #ffffff !important;  
}

.custom-disabled-2 {
  opacity: 0.4;
  pointer-events: none;
} 

.custom-read-only-bg-1 {
  background-color: #ffffff !important;  
}	

.custom-search-header-bg-1 {
  background-color: #f4f4f4 !important; 
  border: 0 none  !important; 
}

.custom-search-header-bg-2 {
  background-color: #f4f4f4 !important;
  color:  #969696 !important; 
  border: 0 none  !important;   
}

.custom-search-header-section {
  position: relative;
  padding: 13px 0 13px 0;
  display: flex;
}

.custom-search-header-section svg {
  /*content: "\f169";*/
  position: absolute;
  color: #969696; /*#bfc9d4;*/
  top: 21px;
  left: 28px;
}

.custom-search-header-section input {
  border-radius: 35px;
  padding-left: 50px;
  font-size: 16px;
  width: 100%;
  color: #969696; /*#3b3f5c;*/
  border: 0;
  outline: none;
  /*padding: 12px 16px 12px 50px;*/
  background: #f4f4f4;
  /*margin: 0 20px 0 20px;
  border: 1px dashed var(--chat-input-brd-88); */
  }

.custom-select:focus {
    border-color: rgba(145, 200, 200, 0.8) !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 105 105 / 60%) !important;
}

.post-badge-job-offer {
    position: absolute;
    right: 0 !important;
}


.offer-variant, .job-variant {
    font-size: 14px !important;
    margin: 0 1rem !important;
}

.job-variant {
    color: #0045ff;
    background-color: rgba(0, 69, 255, 0.17);
}

.offer-variant {
    color: #006b5f;
    background-color: rgba(0, 107, 95, 0.17);
}


/* switcher */
.tab-wrap {
 width:100%
}

.tab {
 -webkit-transition:border .3s ease-in-out,background .3s ease-in-out;
 transition:border .3s ease-in-out,background .3s ease-in-out;
 display:-webkit-inline-box;
 display:inline-flex;
 flex-wrap:wrap;
 background:#fff;
 border:2px solid #d8d8d8; /*bcbbb9*/
 border-radius: 7px;
 font:700 18px;
 letter-spacing:-.015em;
 position:relative
}

.tab:hover {
 background:#d8e8e8;
 border:2px solid #231f20;
}
.tab li {
 position:relative;
 width:50%;
 display:-webkit-box;
 display:flex
}
.tab li a {
 -webkit-transition:background .3s ease-in-out,color .3s ease-in-out;
 transition:background .3s ease-in-out,color .3s ease-in-out;
 min-width:120px;
 display:block;
 text-align:center;
 /*padding:16px;*/
 color:#231f20;
 width:100%;
 display:-webkit-box;
 display:flex;
 flex-wrap:wrap;
 -webkit-box-align:center;
 align-items:center;
 -webkit-box-pack:center;
 justify-content:center;
}

.tab li a:hover {
 background:#d8e8e8
}
.tab li a span {
 position:relative;
 z-index:3
}
.tab li.tab-active a {
 color:#fff
}
.tab li.tab-active a:hover {
 background:none;
 color:#fff;
}
.tab li:nth-child(2).tab-active+.active-block {
 left:calc(50% - 3px)
}
.tab .active-block {
 -webkit-transition:left .3s ease-in-out;
 transition:left .3s ease-in-out;
 position:absolute;
 border-radius: 7px; 
 width:50%;
 background:#231f20;
 right:2px;
 bottom:2px;
 left:2px;
 top:2px;
 z-index:1
}


.text-link-underline {
    text-decoration: underline;
}

.text-link-underline:hover {
    cursor: pointer;
}