﻿/*  ---------------------  Find Tutor Page Start      -----------------------*/

/* ################################  Find Tutor body Start ########################### */

.mainContainerSearchCourse {
    padding: 0 5px !important;
    border-left: 1px solid #bdc0c1;
    min-height: 1125px;
}

.searchcriteriabox {
    margin: 0 -5px !important;
}

.speedCalcBox {
    width: auto !important;
}

.globeBtn {
    left: 230px;
    position: absolute;
    top: 5px;
}

.FindTutorContainer {
    background-color: #EAEAEA;
    padding: 15px !important;
    float: left;
}
table.table-courses-offered td {text-overflow:ellipsis;overflow:hidden}
.FindTutorBody {
    background-color: #FFFFFF;
    border-radius: 5px;
    padding-bottom: 20px;
    float: left;
}

.FindTutorHeaderContent {
    margin-top: 20px;
    margin-bottom: 0px;
}

    .FindTutorHeaderContent span img {
        width: 30px;
        margin-top: 10px;
    }

.FindTutorheading {
    margin: 0px 0px 20px 0px;
}

.FindTutorBodyContainer {
    float: left;
    padding: 0px !important;
}

.FindTutorGridSection {
    float: left;
    padding: 25px;
    text-align: justify;
}

.FTLeftFilters {
    float: left;
    background-color: red;
    padding: 5px;
}

.FTheadeding {
    text-align: center;
}

.FTSearchBtn {
    text-align: center;
}

.FTRightFilters {
    float: left;
    padding: 5px;
    border: none !important;
}

.FTSortByField {
    float: left;
}

.FTRightFilters span.SortBy {
    float: left;
    padding: 6.5px 0;
    font-size: 18px;
}

.FTSortFilter {
    float: left;
    width: 100%;
    border: none;
}

.FTRightVideoImg {
    float: left;
    margin-top: 10px;
    margin-left: 4px;
}

    .FTRightVideoImg img {
        width: 100%;
    }

.FTCalendarMeeting {
    padding: 0;
}

.FTtimezone {
    font-size: 12px;
    text-align: center;
}

.FTSrchImg {
    float: left;
}

    .FTSrchImg img {
        width: 100%;
    }

.FTSrchContent {
    float: left;
}

    .FTSrchContent span {
        float: left;
        text-align: left;
        padding: 2px 8px;
        font-size: 12px;
    }

.FTSrchfirstRow {
    float: left;
}

.FTTeacherLanguages span.badge-secondary {
    padding: 5px 10px;
    margin: 5px 2px;
}

.FTTeacherSubject span.badge-secondary {
    padding: 6px 15px;
    margin: 5px 2px;
}

.FTTeacherDetails {
    float: left;
}

    .FTTeacherDetails .col {
        float: left;
        padding: 0;
    }

.FTTeacherGender {
    padding: 0;
}

.FTTeacherSubDetails {
    float: left;
    padding: 0;
}

    .FTTeacherSubDetails .col-md-3, .FTTeacherSubDetails .col-md-4 {
        float: left;
        padding: 2px;
        text-align: center;
        border: 1px solid;
    }

        .FTTeacherSubDetails .col-md-3 i, .FTTeacherSubDetails .col-md-3 p {
            text-align: center;
            font-size: 12px;
        }

    .FTTeacherSubDetails .col-md-2 label {
        margin: 0;
    }

.FTTeacherRating {
    float: left;
    padding: 0;
}

    .FTTeacherRating .col-md-6 {
        float: left;
        padding: 0;
    }

.FTTeacherLang {
    float: left;
    padding: 0;
    margin-top: 5px;
}

    .FTTeacherLang span {
        padding: 0;
    }

        .FTTeacherLang span.badge-secondary {
            padding: 5px 10px;
            margin: 0 2px;
        }

.FTTeacherSub {
    float: left;
    margin-top: 5px;
    padding: 0;
}

    .FTTeacherSub .col-md-6 {
        float: left;
        padding: 0;
    }

        .FTTeacherSub .col-md-6 span {
            padding: 0;
        }

        .FTTeacherSub .col-md-6 p {
            margin-bottom: 0;
        }

        .FTTeacherSub .col-md-6 span.badge-secondary {
            padding: 5px 10px;
            margin: 0 2px;
        }

.FTTeacherDesc {
    float: left;
    padding: 0;
    margin-top: 5px;
}

    .FTTeacherDesc p {
        font-size: 12px;
        text-align: justify;
    }

.FTTeacherStats {
    float: left;
    padding: 0;
}

    .FTTeacherStats .col-md-2 {
        float: left;
        border: 1px solid;
        margin: 5px;
        border-radius: 2px;
        padding: 5px;
    }

        .FTTeacherStats .col-md-2 p {
            margin-bottom: 0;
            font-size: 12px;
            text-align: center;
        }

        .FTTeacherStats .col-md-2 span {
            font-weight: bold;
            text-align: center;
            width: 100%;
        }

.FTCalBtn {
    text-align: center;
}

.FTSrchBtn {
    float: left;
    border: 1px solid;
}

.FRRightContainer {
    margin: -5px -9px 10px 0 !important;
    background-color: #6CB7DA;
    padding: 9px 8px;
    color: white;
}

.InnerHeaderDownloadLink {
    padding-top: 10px !important;
}

.InnerPageSearch {
    width: 50% !important;
    padding: 12px !important;
}

    .InnerPageSearch input {
        height: 45px !important;
    }

    .InnerPageSearch a {
        top: 11px !important;
        right: 22px !important;
    }




/* ################################  Find Tutor body End ########################### */

/*  ---------------------  Find Tutor Page Start End    -----------------------*/

.page-description {
    width: 100%;
    float: left;
    text-align: center;
    color: #2c3e50;
    font-size: 18px;
    margin: 0px 60px 20px 60px;
}

#timezonebox .headingright {
    width: 100%;
}

    #timezonebox .headingright .header_tz .imgs {
        width: 20%;
        padding-right: 11px;
    }

    #timezonebox .headingright .header_tz .headingtext {
        width: calc(100% - 50px);
        line-height: 28px;
    }

    #timezonebox .headingright .form-group {
        padding: 0px 8px 0px 8px;
    }

    #timezonebox .headingright .form-group .radiobuttonsbar_customcontent {
        margin: 0px 0px 10px 0px;
    }

.btn-qcustom {
    color: #000;
    background-color: #8fe9d8;
    border-color: #8fe9d8;
}

    .btn-qcustom:hover {
        color: #000;
        background-color: #8fe9d8;
        border-color: #8fe9d8;
    }

    .btn-qcustom.focus, .btn-qcustom:focus {
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.5);
    }

    .btn-qcustom.disabled, .btn-qcustom:disabled {
        color: #000;
        background-color: #8fe9d8;
        border-color: #8fe9d8;
    }

    .btn-qcustom:not(:disabled):not(.disabled).active, .btn-qcustom:not(:disabled):not(.disabled):active, .show > .btn-qcustom.dropdown-toggle {
        color: #000;
        background-color: #8fe9d8;
        border-color: #8fe9d8;
    }

        .btn-qcustom:not(:disabled):not(.disabled).active:focus, .btn-qcustom:not(:disabled):not(.disabled):active:focus, .show > .btn-qcustom.dropdown-toggle:focus {
            box-shadow: 0 0 0 .2rem rgba(0,123,255,.5);
        }

.dropdown-item.active, .dropdown-item:active {
    color: #000;
    background-color: #d1f3ec;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-qcustom,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-qcustom:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-qcustom:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-qcustom:hover {
    color: rgba(0,0,0,.5);
}

.bootstrap-select button.btn {
    font: inherit;
}

.bootstrap-select .dropdown-menu,
.bootstrap-select .form-control {
    font: inherit;
}
