/******************************************************************************
 *   ______                                                                   *
 *  /       \                                                                 *
 * /$$$$$$  | ________  __    __   ______    ______                           *
 * $$ |__$$ |/        |/  |  /  | /      \  /      \                          *
 * $$    $$ |$$$$$$$$/ $$ |  $$ |/$$$$$$  |/$$$$$$  |                         *
 * $$$$$$$$ |  /  $$/  $$ |  $$ |$$ |  $$/ $$    $$ |                         *
 * $$ |  $$ | /$$$$/__ $$ \__$$ |$$ |      $$$$$$$$/                          *
 * $$ |  $$ |/$$      |$$    $$/ $$ |      $$       |                         *
 * $$/   $$/ $$$$$$$$/  $$$$$$/  $$/        $$$$$$$/                          *
 *                                                                            *
 * @PROJECT    : Book Extension [Bookingonlinepro.com]                        *
 * @AUTHOR     : Azure - Developer                                            *
 * @COPYRIGHT  : © 2019  Bookingonlinepro.com                                 *
 * @LINK       : https://bookingonlinepro.com                                 *
 * @CREATED    :  10/04/2019                                                  *
 ******************************************************************************/

.opd-toggle-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.opd-toggle-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.opd-toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.opd-toggle-slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.book-pro-item {
    float : left;
    width: 25%;
    padding: 5px;
}
.opd-toggle-switch > input:checked + .opd-toggle-slider {
    background-color: #2196F3;
}

.opd-toggle-switch > input:focus + .opd-toggle-slider {
    box-shadow: 0 0 1px #2196F3;
}

.opd-toggle-switch > input:checked + .opd-toggle-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.opd-toggle-slider.opd-toggle-round {
    border-radius: 34px;
}

.opd-toggle-slider.opd-toggle-round:before {
    border-radius: 50%;
}