/*****************************
  Sidebar
*****************************/
.sidebar-job {
    .widget {
        padding-bottom: 30px;

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

.sidebar-job {
    hr {
        margin-bottom: 30px;
        margin-top: 0;
    }
}

.sidebar-job {
    .search {
        position: relative;

        i {
            position: absolute;
            color: $primary;
            cursor: pointer;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
        }

        .form-control {
            font-weight: 400;
            padding-right: 40px;
            height: 50px;
            padding-left: 15px;
        }
    }
}

.sidebar-job {
    .locations {
        position: relative;

        i {
            position: absolute;
            color: $primary;
            cursor: pointer;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
        }

        .form-control {
            font-weight: 400;
            padding-right: 40px;
            height: 50px;
            padding-left: 15px;
        }
    }
}

/* Widget */
.widget {
    .widget-title {
        margin-bottom: 20px;

        h6 {
            margin-bottom: 0;
        }

        a {
            color: $gray-8;
        }
    }
}

.widget {
    .widget-collapse {
        display: flex;
        align-items: center;
        margin-bottom: 0;
    }
}

/* similar-jobs-item */

.similar-jobs-item {
    .job-list {
        border-bottom: 0;
        padding: 0;
        margin-bottom: 15px;

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

        &:hover {
            box-shadow: none;
        }
    }
}

/* checkbox */
.widget {
    .widget-content {
        margin-top: 10px;

        .custom-checkbox {
            margin-bottom: 8px;

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

    .widget-content-max {
        max-height: 300px;
        overflow: scroll;

        @include scroll();
    }
}

.widget {
    .custom-checkbox.fulltime-job {
        .custom-control-label {
            &:before {
                background-color: $blue;
                border: 2px solid $blue;
            }
        }
    }
}

.widget {
    .custom-checkbox.fulltime-job {
        .custom-control-input {
            &:checked {
                ~ {
                    .custom-control-label {
                        &:before {
                            background: $blue;
                            border-color: $blue;
                        }
                    }
                }
            }
        }
    }
}

.widget {
    .custom-checkbox.parttime-job {
        .custom-control-label {
            &:before {
                background-color: $orange;
                border: 2px solid $orange;
            }
        }
    }
}

.widget {
    .custom-checkbox.parttime-job {
        .custom-control-input {
            &:checked {
                ~ {
                    .custom-control-label {
                        &:before {
                            background: $orange;
                            border-color: $orange;
                        }
                    }
                }
            }
        }
    }
}

.widget {
    .custom-checkbox.freelance-job {
        .custom-control-label {
            &:before {
                background-color: $green;
                border: 2px solid $green;
            }
        }
    }
}

.widget {
    .custom-checkbox.freelance-job {
        .custom-control-input {
            &:checked {
                ~ {
                    .custom-control-label {
                        &:before {
                            background: $green;
                            border-color: $green;
                        }
                    }
                }
            }
        }
    }
}

.widget {
    .custom-checkbox.temporary-job {
        .custom-control-label {
            &:before {
                background-color: $red;
                border: 2px solid $red;
            }
        }
    }
}

.widget {
    .custom-checkbox.temporary-job {
        .custom-control-input {
            &:checked {
                ~ {
                    .custom-control-label {
                        &:before {
                            background: $red;
                            border-color: $red;
                        }
                    }
                }
            }
        }
    }
}

.widget {
    ul {
        margin: 0;

        li {
            a {
                &:hover {
                    color: $primary;
                }
            }
        }
    }
}

.widget {
    .company-detail-meta {
        ul {
            display: block;
            align-items: center;

            li {
                margin-right: 15px;
                display: inline-block;

                a {
                    color: $gray-3;
                    font-weight: 600;
                    font-size: 12px;
                }
            }
        }
    }
}

.widget {
    .company-detail-meta {
        .share-box {
            li {
                margin-right: 0;
                display: inline-block;
                float: left;
            }
        }
    }
}

.widget {
    .company-detail-meta {
        ul {
            li.linkedin {
                a {
                    padding: 15px 20px;
                    border: 2px solid $border-color;
                    border-radius: $border-radius;
                    display: inline-block;

                    i {
                        color: #06cdff;
                    }
                }
            }
        }
    }
}

.widget {
    .company-address {
        ul {
            li {
                margin-bottom: 10px;

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

                a {
                    color: $gray-3;
                }
            }
        }
    }
}

.widget {
    .widget-box {
        border: 1px solid $border-color;
        border-radius: $border-radius;
        padding: 20px 15px;

        .avatar {
            max-width: 40px;
            max-height: 40px;
            border-radius: 100%;
        }
    }
}

.widget {

    .similar-jobs-item {

        border: 0;
        padding: 0;


        .job-list {
            border: 1px solid #eeeeee;
            padding: 15px;
        }

        .job-list.jobber-list {
            padding: 15px 10px;
            border: 0;
            margin-bottom: 10px;
        }
    }
}

.widget {
    .similar-jobs-item {
        .job-list-details {
            align-self: center;
        }
    }
}

.widget {
    .similar-jobs-item {
        .job-list.jobber-list {
            .job-list-company-name {
                color: $primary;
            }
        }
    }
}

.widget {
    .docs-content {
        display: flex;
        background: $border-color;
        padding: 30px;
        border-radius: $border-radius;

        .docs-text {
            align-self: center;
            color: $gray-3;
        }

        span {
            font-weight: 600;
        }

        .docs-icon {
            margin-left: auto;
            flex: 0 0 38px;
        }
    }
}

.widget {
    .jobber-company-view {
        ul {
            li {
                margin-bottom: 20px;

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

                span {
                    color: $gray-8;
                    align-self: center;
                    font-weight: 600;
                }
            }
        }
    }
}

.widget {
    .widget-latest-news {

        .image-container {
            height: 80px;
            width: 80px;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            justify-content: center;

            img {
                border-radius: 8px;
            }
        }

        .card-title {
            font-size: 12px;
            line-height: 18px;

            &:hover {
                text-decoration: underline;
            }
        }

    }
}

.widget {
    .widget-job {
        .job-grid {
            background-color: #f2f4f4;
        }
    }
}