﻿@media(max-width: 1200px) {
    .top.headerSearch {
        width: 50px;
        top: 0;
        margin: 0;
        margin-left: 80px;
        font-size: 27px;
        line-height: 55px;
        text-align: center;
    }

        .headerSearch .input-group-btn, .top.headerSearch .input-group-btn {
            top: -5px;
        }

        .top.headerSearch a {
            color: #fff;
        }

    .headerSearch .input-group-btn .btn-default {
        top: 5px;
    }



    .top.headerSearch .search-icon {
        position: absolute;
        top: 0;
        left: 21%;
    }

    .top.headerSearch .input-group {
        display: none;
        position: absolute;
        width: 100%;
        left: 0;
        background-color: #1a272b;
        padding: 15px 0;
        top: 54px;
    }

        .top.headerSearch .input-group.active {
            display: block;
            z-index: 1;
        }

        .top.headerSearch .form-control.search-info, .top.headerSearch .input-group .form-control {
            margin: 7px 0;
            max-width: initial;
        }

    .favorites .fav {
        width: 24%;
    }

    .schedule .status {
        padding-left: 0;
    }
}

@media(max-width: 991px) {
    .toggled .right-content {
        padding-left: 15px;
    }

    .align-text {
        text-align: left;
    }

    .ax.left:before {
        content: none;
    }

    .user-account {
        float: none;
        top: 0;
        position: absolute;
        right: 55px;
    }



    .features .item .description:after {
        content: none;
    }

    .features .item .description {
        padding: 0 15px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .features .item {
        padding-top: 25px;
        padding-bottom: 15px;
    }

        .features .item:first-child .description {
            padding-left: 15px;
        }

        .features .item:last-child .description {
            padding-right: 15px;
        }

    .domains-container .item {
        margin: 10px 0;
    }

    .planet_steps {
        padding: 30px 52px 30px 0;
    }

    .right-content {
        padding: 0 0 30px 0;
    }

    .planet_steps .step-list:before, .planet_steps .step-list:after {
        right: 48px;
    }

    .navbar-toggle {
        float: left;
    }

    .page-sidebar.navbar-collapse.in,
    .page-sidebar.navbar-collapse.collapsing {
        margin: 0;
    }

    .sidebar_menu .navbar-default {
        background: none;
    }

    .navbar-toggle.collapsed {
        position: absolute;
        right: -5px;
    }

    .loggedProfiles ul {
        z-index: 99;
        right: 10px;
    }

    .loggedProfiles .user-account .account_section a.account-name,
    .loggedProfiles.user-account .account_section a.account-name:active,
    .loggedProfiles .user-account .account_section a.account-name:focus {
        padding: 0;
    }

    .sidebar_menu .sidebar-list li {
        float: left;
    }

        .sidebar_menu .sidebar-list li .sidebar-icons {
            border: none;
            padding: 0 20px;
        }

    .navbar-default .navbar-toggle {
        border: none;
        display: block;
    }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: transparent;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #fc6719;
        }

    .page-sidebar .page-sidebar-menu .sub-menu > li > a {
        background: #003e52;
        border-top: 1px solid #066381;
        padding-left: 70px;
    }

    /*informaiton sidebar mobile*/
    .information-guide {
        position: absolute;
        z-index: 1;
        background: #fff;
        top: -1395px;
        -moz-transition: left 0.5s ease;
        transition: left 0.5s ease;
        margin-top: 10px;
        padding: 0 70px 0 0;
    }

        .information-guide.activeMobile {
            top: 70px;
        }

    .toggle-info {
        width: 0px;
        height: 0px;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-top: 30px solid #BDBDBD;
        position: absolute;
        top: -20px;
        left: 40%;
        z-index: 1;
    }

        .toggle-info:before {
            content: 'HELP';
            top: -30px;
            position: absolute;
            color: #fff;
            left: -15px;
        }

        .toggle-info.activeMobile {
            border-top: 0;
            border-bottom: 30px solid #BDBDBD;
            top: -50px;
        }

    .home-page .logoContainer {
        margin-top: 10px;
    }
}

@media(max-width:767px) {
    .favorites .fav {
        width: 49%;
    }

    .information-guide {
        padding: 0 30px;
    }

        .information-guide:after {
            right: 40px;
        }

        .information-guide:before {
            right: 35px;
        }

    .info-page {
        padding-left: 0;
    }

    .subscribes.right-content {
        margin-left: 0;
    }

    .icon {
        float: right;
    }

    .sidebar_menu {
        background: transparent;
        width: auto;
        height: auto;
        padding-top: 0;
        float: none;
        padding-left: 0;
        padding-right: 0;
        position: relative;
        min-height: auto;
    }

    .headerSearch .input-group-btn .btn-default {
        top: 12px;
    }


    .header-content {
        position: relative;
        -ms-transform: none; /*IE 9*/
        -webkit-transform: none; /*Safari*/
        transform: none;
        top: initial;
        left: initial;
    }

    .top.headerSearch .search-icon {
        left: 25%;
    }

    .headerTopMenu {
        text-align: center;
    }

    .header .headerTopMenu li a {
        padding: 5px;
    }

    .header li.account_section.open a:active,
    .header li.account_section.open a:focus {
        color: #fc6719;
    }


    .home_landing {
        height: 100vh;
    }

    .logoContainer .siteSlogan {
        margin: 10px 0;
    }

    header .app-store {
        position: relative;
        bottom: 0;
        text-align: center;
        margin: 15px 0;
    }

    .headerSearch .input-group .form-control, .headerSearch .form-control.search-info {
        margin: 7px 0;
        max-width: initial;
    }


    .menu_left, .menu_right {
        float: none;
        text-align: center;
    }

    .home-page .navbar-default {
        background-color: #1a272b;
    }

        .home-page .navbar-default .navbar-collapse {
            position: absolute;
            width: 100%;
            z-index: 99999;
            background-color: #1a272b;
        }

    .navbar-default .navbar-collapse {
        background-color: #1a272b;
    }

    .inner-banner {
        height: 600px;
    }

        .inner-banner .banner-description {
            position: relative;
            transform: none;
        }

            .inner-banner .banner-description .second-title {
                font-size: 25px;
            }

    .domains-container {
        top: 0;
        margin-bottom: 0;
        border-radius: 0;
    }

    .filter-results h2 {
        padding-top: 10px;
    }

    .provider-profile .top_info {
        padding-right: 15px;
    }

    .left-content {
        padding-bottom: 20px;
    }

        .left-content:after {
            content: none;
        }

    .right-content .item, .head_content, .dashboard-profile .right-content .item {
        padding-left: 0;
        margin: 25px 0;
    }

    /*.provider-profile .info {
        text-align: center;
    } */

    .favorites .round_image {
        margin: 0 23px;
    }

    .favorites .title {
        text-align: center;
    }

    .domains-container .item .img-container {
        width: 125px;
        height: 125px;
    }

    .domains-container .item .domain-img {
        width: 108px;
        height: 108px;
    }

    .pager li > a.action-btn {
        margin-bottom: 5px;
    }


    .addButton {
        position: fixed;
        bottom: 13px;
        background: #fc6719;
        padding: 20px 25px;
        border-radius: 50%;
        right: 0;
        z-index: 100;
    }

        .addButton a {
            color: #fff;
        }

    .scroll-down {
        bottom: 15px;
    }
}
/*tablet*/

@media(max-width:767px) {
    .user-info {
        float: left !important;
    }

    /*.action-button {
    width: 80px;
    padding: 7px 0;
    margin-right: 14px;
} */
}

/* bookings*/

@media(max-width:767px) {
    /*.select-resources {
        width: auto;
    } */

    .providerCalendar .fc-toolbar .fc-center {
        margin-top: 15px;
        /*padding-left: 12%; */
    }

    .fc .fc-toolbar > * > * {
        margin-left: 26px;
    }

    .fc-view, .fc-view > table {
        margin-left: auto;
        margin-right: auto;
    }

    .fc-toolbar.fc-header-toolbar {
        margin-right: auto;
    }

    .select-arrow.input-small:after {
        top: 13px;
        right: 13px;
    }
}

/*book-service*/
@media(max-width:767px) {
    .item label {
        margin-bottom: 0px;
    }

    .control-label {
        padding: 10px 0px 2px 0px;
    }

    .title-top {
        font-weight: 500;
        margin-bottom: 0px;
        padding-left: 0px;
    }

    .button-small {
        padding: 3px 4px;
        margin-right: 22px;
        margin-top: 17px;
    }

    .rdLstEditResource input[type="radio"] {
        width: 15px;
        height: 15px;
    }

    .client-info.col-xs-6 {
        float: none;
    }

    .table-clients-myagenda tr td.minwidth {
        width: 300px;
    }
}

/*dashboard*/

@media(max-width:767px) {
    .textbox-top {
        max-width: 175px;
    }

    .apply-btn {
        margin-top: 10px;
    }
}

@media(max-width:767px) {
    .provider-profile .profile-img {
        height: 70px;
        width: 70px;
    }

    .profile-img.location-profile-img {
        height: 70px;
        width: 70px;
    }

    .provider-profile .top_info {
        padding-bottom: 0px;
    }

    .select_profile .upload_image.active {
        width: 70px;
        height: 70px;
    }

    .select_profile .btn {
        width: 70px;
        height: 70px;
    }

    .btn_small {
        margin-right: 15px;
        min-width: min-content;
        padding: 8px 11px;
    }

    .title-top, .user-info {
        font-size: 14px;
    }

    .align-text {
        text-align: left;
    }

    .information-guide .title {
        font-size: 15px;
        padding: 0 17px 20px 18px;
    }

    .information-guide .panel-default > .panel-heading:before {
        width: 60px;
        height: 60px;
        right: -18px;
        bottom: -31px;
    }

    .information-guide .panel-default {
        padding-bottom: 22px;
    }

    .information-guide .panel-heading .panel-title {
        padding: 0 13px;
    }

    label.max {
        margin-top: 0px;
    }

    .favorites .round_image {
        height: 55px;
    }
    .dashboard-mobile-row .panel-default .panel-collapse .panel-body .row h4 {
        color: #50d5cd;
        font-weight: bold;
    }
}

/* Clients */
@media(max-width : 767px) {
    .input-group .search-small {
        max-width: 150px;
        margin-left: 10px;
    }

    /*.select-arrow select.select-size {
        max-width: 120px;
    } */

    .span-space {
        margin-top: 60px;
    }

    .pull-mob {
        float: none !important;
        margin-top: 10px;
    }

        .pull-mob .apply-btn {
            margin-top: 0px;
        }

    .button-change {
        float: right !important;
    }

    .clear-pull {
        clear: right;
    }

    .search-top {
        float: none !important;
        top: 0px;
    }

    .table-sp {
        margin-top: 60px;
    }

    .add-action {
        padding: 5px 6px;
        margin-right: 7px;
        margin-bottom: 0;
    }

    .left-space {
        margin-left: 9%;
    }
    .btn-mobile{
        float:none !important;
    }
    
    /*dashboard */
    .top-space {
        padding-top: 1px;
    }

    .info-dash {
        text-align: left;
    }

    .right-content .title-dash {
        margin-left: 0px;
    }
    /* *** */
    /*.agenda-margin {
        margin-left: 0px;
    }

    .agenda_date{
        margin-top:5px;
    }
        .agenda_date label{
            width:110px;
        }
    .no-padding-left {
        padding-left: 0px;
  } */
    .clear-btn-left {
        clear: left;
    }

    .pull-left-button {
        float: left;
    }

    .select-arrow select.select-agenda {
        width: 253px;
    }

    .select-arrow.normalSize-select {
        width: 253px;
    }

    .space-left {
        margin-left: 49px;
    }

    .width-fix {
        padding-left: 5px;
        min-width: 115px;
    }

    /*my profile*/
    .ax .right-content .no-padding {
        padding: 0px 22px 0px 0px;
    }

    /* ResourceType*/
    .form-margin-top {
        margin-top: 40px;
    }

    .form-horizontal .form-align {
        margin-left: 0px;
    }

    .customFieldContainer {
        margin-top: 5px;
    }

    .form-horizontal .no-margin-left {
        margin-left: 0px;
    }

    .btn-top {
        margin-top: 10px;
    }

    .pick-data {
        margin-top: 10px;
        width: 100%;
    }


    /*services */
    .labelSpace {
        padding: 0px 15px;
    }

    .margin-bottom-10 {
        margin-bottom: 10px;
    }
    .margin-mob{
        margin-left:0;
    }

    .schedule-action .btn.active, .btn:active {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
    }

    .schedule-action .dropdown-menu {
        margin: 0px !important;
        width: 100% !important;
    }

    .schedule-action .dropbtn {
        width: 100%;
        background-color: #fff;
    }

    .schedule-action .open > .dropdown-menu {
        width: 100% !important;
    }

    .schedule-action .dropdown ul li a.active {
        color: aqua;
    }

    .btn.btn-margin {
        margin-left: 15px;
        margin-top: 5px;
    } 
}

.page-with-sidebar .sidebar-nav .page-nav-content ul li {
    /* display: block; */
}

@media(min-width:768px){

    .schedule-action .dropbtn {
        display: none !important;
        width: 100% !important;
        height: 100% !important;
    }

    .schedule-action .dropdown-menu {
        display: block !important;
        position: static !important;
        box-shadow: none;
        border: none;
        background: transparent;
        width: 100%;
    }

        .schedule-action .dropdown-menu li {
            display: inline-block !important;
            border: 1px solid #ddd;
            border-radius: 5px;
        }

    .schedule-action .btn.active, .btn:active {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
    }
}

@media (max-width: 767px) {
    .table-collapse, thead, .table-collapse tbody, .table-collapse td, .table-collapse tr {
        display: block !important;
        border: none !important;
    }

    /*tr {
        border-bottom: 1px solid #ccc !important;
    }*/

    .table-collapse td {
        border: none !important;
    }
    .table-collapse td:before {
        top: 6px;
        left: 6px;
        padding-right: 10px;
        white-space: nowrap;
    }
    .table-collapse .collapse-by-column {
        border: 2px solid #ccc !important;
        margin-bottom: 5px;
    }
    .table-collapse .collapse-by-column .day {
        font-weight: 500;
    }
    .border-tr {
        border-bottom:1px solid #ccc;
    }
     .table-hours tr{
        display:table-row !important;
    }

}
