﻿@media screen and (max-width: 1706px) {
    .phone-number-dashlet { 
        width:100px !important;
    }
}

@media screen and (max-width: 1536px) {
    .availabilities-list {
        font-size: 12px;
    }
}

@media screen and (max-width: 1500px) {
    .phone-number-dashlet {
        width: 70px !important;
    }
}

@media screen and (max-width: 1405px) {
    .phone-number-dashlet {
        width: 170px !important;
    }

    .settings-tab-menu {
        width:auto;
    }

    .settings-tab-menu .list-group a span {
        display: none;
    }
}

@media screen and (max-width: 1356px) {

    .dashlet_zone {
        width: 100% !important;
    }

    .bbox.one-third {
        width: calc(49% - 11px);
    }

    .bbox.two-thirds {
        width: calc(99% - 11px);
    }

    .bbox.one-half {
        width: calc(99% - 11px);
    }

    .calendar-button {
        padding: 5px 0px;
        font-size: 12px;
    }

    .calendar-button i {
        display: none;
    }

    .phone-number-dashlet {
        width: 100px !important;
    }

}

@media screen and (max-width: 1260px) {

    .redLabelAE {
        display: none;
    }

    .fc-toolbar {
        display: block !important;
        margin: 0 auto;
        text-align: center;
    }

    .fc-toolbar-chunk {
        display: block !important;
        width: 100%;
        margin: 10px 0;
    }

    .server-label-inner, .server-label-inner-centered {
        display: none;
    }
}

@media screen and (max-height: 1000px) {
    .modalPopup .card-body {
        max-height: 700px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .multiselect-container.dropdown-menu.show {
        max-height:300px !important;
    }
}

@media screen and (max-width: 1046px) {
    .clientResoursesSelection {
        float: none;
        margin-top: 20px;
        width: 100%;
    }

    .clientResoursesMap {
        float: none;
        width: 100%;
    }

    #configuration-wizard {
        width: 650px !important;
    }

    .bbox.one-third {
        width: calc(99% - 11px);
    }
}

@media screen and (max-height: 800px) {
    .modalPopup .card-body {
        max-height: 400px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .modalPopup .content-with-border {
        max-height: 400px;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media screen and (max-width: 820px) {

    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody,
    .dataTables_scrollHead {
        overflow: hidden !important;
    }

    .dataTables_scrollHeadInner {
        width: auto !important;
    }

    .dataTables_scroll {
        overflow: visible !important;
        box-sizing: border-box !important;
        width: auto !important;
    }

    table.dataTable, table.dataTable th, table.dataTable td {
        box-sizing: border-box !important;
    }


    #divContactUs h4 {
        font-family: helvetica,arial;
        letter-spacing: 0;
        margin: 10px 0 5px;
    }

    #divContactUs a {
        color: #006699;
        font-size: 14px;
        margin-left: 5px;
    }

    #divContactUs a:focus {
        outline: 0;
    }

    .ui-dialog .ui-dialog-title {
        font-size: 20px;
    }

    .contact {
        font-size: 14px;
    }

    .contact i {
        margin-right: 5px;
        color: #4A96AD;
    }

    div.DTTT_container {
        display: none;
    }

    .left-panel-toggle {
        display: block;
    }

    .notfound .notfound-404 {
        width: 110px;
        height: 110px;
    }

    .notfound {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 110px;
    }

    .steps-counter {
        font-size: 10px;
    }

    .phone-number-dashlet {
        width: 270px !important;
    }
}

@media screen and (max-width: 767px) {
    aside { display:none !important; }

    .mr-150 {
        margin-right: 0;
    }
}

@media screen and (max-width: 567px) {
    .modalPopup {
        width: 90%;
        left: 5% !important;
    }
}

@media screen and (max-width: 500px) {
    .slider-Scale .ui-slider-pip .ui-slider-label i {
        font-size: 14px;
    }

    #configuration-wizard {
        width: 400px !important;
    }

    #progressbar li span {
        display: none;
    }

    #progressbar li:after {
        background: #ffffff !important;
    }

    .slider-Scale .ui-slider-pip .ui-slider-label span {
        font-size: 1.1em;
    }

    .slider-Circles .ui-slider-pip .ui-slider-label i {
        font-size: 1.4em;
    }

    .slider-Circles .ui-slider-pip .ui-slider-label span {
        font-size: 1.1em;
    }

    .mr-150 {
        display:none;
    }

    .phone-number-dashlet {
        width: 170px !important;
    }
}

@media screen and (max-width: 575px) {
    .g-recaptcha {
        transform: scale(0.85);
        -webkit-transform: scale(0.85);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    #rc-imageselect {
        transform: scale(0.55);
        -webkit-transform: scale(0.55);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}