/*** Desktops & Laptops ***/
@media (min-width: 980px) {


    .page-content {
        min-height: 100%;
    }

    .page-content.no-min-height {
        min-height: default;
    }
}

@media only screen
and (min-width : 1824px) {
    body {
        height: 100%;
    }

    .page-container {
        height: 100%;
    }

}
/*** General tablets and phones ***/
@media (max-width:979px) {


    .topmenu.wide {
        margin-bottom: 0px;

    }

    .shopcontent {
        padding-top: 0px;
    }
    .shopcontent .overlap-left-10 {
        left: 0;
    }
    .shopcontent .price-box {
        width: 94%;
    }
    .shopcontainer{
        padding: 0px;
    }


    .crmcontent {

        padding: 0px;
    }

    .logbook-month-text, .logbook-month-reason, .logbook-month-no, .logbook-month-time,
    .logbook-month-mileage, .logbook-month-distance, .logbook-month-timestamp, .logbook-month-type, .logbook-month-driver {
        font-size: 8px;
    }

    .logbook-overview-title {
        font-size: 10px !important;
    }

    .bubble {
        max-width: 300px;
    }

    .footer-widget {
        width: 260px;
        position: relative;
    }

    .smartform {
        width: 96%;
        margin: 80px 2% 0 2%;
    }

    .menu-top td {
        font-size: 14px;
    }
    .topmenu td {
        font-size: 14px;
    }
    .topmenu.wide td {
        font-size: 14px;

    }
    .topmenu.wide.extra3 td {
        font-size: 14px;

    }
    .topmenu.logbook {
        margin-bottom: 0;
    }
    .logbook-overview {
        margin: 0 -10px 0 -10px !important;
    }
    .logbook-overview .tiles-body {
        padding: 0px 5px 20px 0px;
    }
    .tiles .tiles-body {
        padding: 14px 12px 10px 12px;
    }


}

/* Landscape view of all tablet devices */
@media (max-width: 767px) {

    .dashboardsearchfixed {
        width: 100%;
        margin-top: -152px;
        margin-right: -26px;
    }
}
@media (min-width: 768px) and (max-width: 960px) {

    .dashboardsearchfixed {
        width: calc(100% - 50px);
        margin-top: -152px;
        margin-right: -26px;
    }
}

@media (max-width: 1200px) {
    #fl-dvc-tile {
        padding: 0;
    }
    #fl-dvc-tile .user-profile-pic {
        padding-right: 0;
    }

    #dvc-dossier {
        padding: 0;
    }

    #employee-dossier {
        padding: 0;
    }

}

@media (min-width: 960px) and (max-width: 1020px) {


    .dashboardsearchfixed {
        width: calc(100% - 50px);
        margin-top: -166px;
        margin-left: -27px;
    }
}

@media (min-width: 1020px)  {

    .dashboardsearchfixed {
        width: calc(100% - 250px);
        margin-top: -166px;
        margin-left: -27px;
        margin-right: -26px;
    }
}

/* Landscape view of all tablet devices */
@media (min-width: 768px) and (max-width: 1024px) {



    .menu-top {
        left: 50px;
    }

    .menu-bottom {
        left: 50px;
    }

    .page-sidebar{
        background-color: #1b1e24 !important;
    }
    .page-sidebar .page-sidebar-wrapper > ul > li >a:hover,
    .page-sidebar .page-sidebar-wrapper > ul > li:hover >a {
        background: #00a7e3;
    }

    .page-content {
        margin-left: 50px;
        margin-top: 0px;
        min-height: 911px;
    }

    .page-sidebar .page-sidebar-wrapper > ul{
        width: 50px;
        margin:0;
        padding-top: 60px;
    }

    .header-seperation{
        display:inline !important;
    }
    .header .nav {
        display: none !important;
    }

}


/* Portrait view of all tablet devices */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {


    .page-sidebar .page-sidebar-wrapper{
        display: inline-block;
        float: left;
        width: 250px;
        height: 100%;
    }
    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li >a:hover,
    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li:hover >a {
        background: #00a7e3;
    }
}

@media (max-width: 767px) {
    .modal-dialog.document-explorer {
        max-width: 100%;
    }

    .modal-dialog.fleetdocs-explorer {
        max-width: 100%;
    }

    .modal-dialog.fleetdocs-metaedit {
        max-width: 100%;
    }

    .logbook-entry .text-container {
        width: auto;
    }

    .menu-top {
        left: 0px;
    }

    .menu-bottom {
        left: 0px;
    }



    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li >a:hover,
    .inner-menu-always-open .page-sidebar .page-sidebar-wrapper > ul > li:hover >a {
        background: #00a7e3;
    }

    .header-seperation{
        text-align:left;
    }

}



/*** Phones ***/
@media (max-width: 480px) {


    .bubble {
        max-width: 165px;
    }

    .topmenu {
        margin-bottom: 0px;
    }

    .grid {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .tiles {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    #f-blue-container {
        height: 65px;
    }

    #h-title {
        font-size: 14px;
        color: #FFFFFF;
    }

    #f-logo {
        width: 50px;
    }

    #f-logo-container {
        position: relative;
        float: left;
        top: 0px;
        left: 15px;
    }

    #f-title-container {
        top: 5px;
        left: 25px;
    }

    #f-title1 {
        font-size: 14px;
        line-height: 8px;
        color: #FFFFFF;
    }

    #f-title2 {
        font-size: 14px;
        line-height: 14px;
        color: #FFFFFF;
    }

    #f-user {
        float: left;
    }

    #f-password {
        float: left;
    }

    #f-submit1 {
        float: left;
        margin-top: 10px;
    }

    #f-autologin1 {
        float: left;
        margin-top: 15px;
    }

    #routeswitcher_lg {
        display: none;

    }

    #routeswitcher_xs {
        display: inline-block;

    }

    #fleetize-cartracker-1 {
        display: none;
    }

    #fleetize-cartracker-2 {
        display: inline-block;

    }

    .listentry {
        margin: 0;
    }

    .listentry .portrait {
        width: 50px;
        height: 50px;
    }

    .listentry .description {
        left: 80px;
        right: 70px;
    }

    .listentry .description-title {
        margin-top: 10px;
    }

    .devicesymbol_error {
        height: 16px;
        width: 16px;
        position: absolute;
        margin-left: 65px;
        margin-top: 10px;
        display: none;

    }

    .devicesymbol_attention {
        height: 16px;
        width: 16px;
        position: absolute;
        margin-left: 65px;
        margin-top: 10px;
        display: none;
    }

    .deviceportrait {
        width: 70px;
        height: 70px;
        margin: 5px;

    }

    .deviceportrait_online {
        width: 70px;
        height: 70px;
        margin: 5px;
        float: left;
        -webkit-box-shadow: 0px 0px 0px 5px #00AA00;
        -moz-box-shadow: 0px 0px 0px 5px #00AA00;
        box-shadow: 0px 0px 0px 5px #00AA00;
    }

    .deviceportrait_inactive {
        width: 70px;
        height: 70px;
        margin: 5px;
        float: left;
        -webkit-box-shadow: 0px 0px 0px 5px #00AA00;
        -moz-box-shadow: 0px 0px 0px 5px #00AA00;
        box-shadow: 0px 0px 0px 5px #00AA00;
    }

    .car_functions {
        width: 30px;
        height: 30px;
        margin: 2px;
    }

    .headercard {
        margin-bottom: 3px;
        padding: 0px 0px;
        width: 100%;
        overflow: hidden;
        max-height: 130px;
        min-height: 130px;
        left: 10px;
        box-shadow: 0 0 2px 2px #AAA;
    }

    .headercardcontent {
        margin: 10px 0 0 10px;
    }

    .trackingcontent {
        width: 100%;
        top: 194px;
        bottom: 0px;
        min-height: 180px;
        position: absolute;
        z-index: 0;
    }

    .logbook-details {
        font-size: 11px;
    }

    .logbook-time {
        font-size: 11px;
        width: 30px;
    }

    .logbook-mileage {
        font-size: 11px;
        width: 90px;
    }

    .logbook-distance {
        font-size: 11px;
        width: 70px;

    }

    .logbook-text {
        font-size: 11px;

    }


    .menu-top {
        left: 0px;
    }

    .menu-bottom {
        left: 0px;
    }

}
/*** Phones ***/
@media (max-width: 380px) {
    .detailsleft, .detailsright {
        font-size: 10px;
    }
    .logbook-type-btn {
        padding: 12px;
    }

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
    .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
        background-image: none;
        background-repeat: no-repeat !important;
        background-size: default !important;
    }
    .select2-search input {
        background-position: default !important;
    }
}


/****** REPORTING */
.rp-text-btn {
    cursor: pointer;
    font-size: 1.2em;
}
.report-overlay {
    display: none;
    margin-left: -20px;
    width: 380px;
    position: absolute;
    z-index: 101;
    background-color: #f7f7f7;
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-radius: 0 5px 5px 5px;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

@media (min-width: 769px) {
    .modal-dialog.document-explorer {
        width: 80%;
        max-width: 1200px;
    }
    .modal-dialog.fleetdocs-explorer {
        width: 80%;
        max-width: 1200px;
    }

    .modal-dialog.fleetdocs-metaedit{
        width: 80%;
        max-width: 1200px;

    }

    .report-header {
        height: 80px;
    }
    .report-result{
        padding-right: 0;
        overflow: auto;
    }

}
@media (max-width: 768px) {
    .detailsleft, .detailsright {
        font-size: 10px;
    }
}





.modal {
    margin: 60px 0 0 0;
    display: block;
    overflow-y: auto;
}
.modal-dialog {
    width: 100%;
    max-width: 900px;
}
.modal-header-sub {
    position: relative;
    color: #FFFFFF;
    padding: 40px 30px;
    min-height: 80px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.modal-body {
    padding: 15px;
}
.modal-footer {
    border-radius: 6px;
}

/*** Phones ***/
@media (max-width: 480px) {

    .p-t-15-px {
        padding-top: 15px;
    }
    .xs-no-padding {
        padding: 0px;
    }
    .page-content .content {
        padding-top: 0px;
    }

    .modal {
        border-radius: 0px;

    }
    .modal-header-sub {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    .modal-content {
        border-radius: 0;
        padding-bottom: 60px;
        border: 0;
        min-height: calc(100vh - 60px);
    }
    .modal-dialog {
        max-width: auto;
        margin: 0;
    }
    .modal-footer {
        position: fixed;
        bottom: -2px;
        border-radius: 0px;
        width: 100%;
    }

    .modal-body {
        padding: 30px 10px;
        /*padding-bottom: 80px;*/
    }

}





@media (min-width: 769px) {
    .radius-desktop {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
}