﻿@media only screen and (max-width:800px) {
    body * {
        box-sizing: border-box;
    }

    body {
        background: linear-gradient(top, #f7fbfc 0%,#d9edf2 40%,#add9e4 100%) !important;
    }

    .txtB, .txtS, .txt100, .txtSS, .txtSSS, .txtSSSS, .txtM, .txtBM, .txtBBM, .DrpS, .DrpSM, .DrpSS, .DrpSSS, .DrpF, .lstB, .lstBB, .txtSM, .txtSSM {
        border-radius: 0px;
        box-shadow: 0 0 4px #d8d8d8;
        border: 1px solid #5f8ea5;
    }

    input:focus, select:focus {
        box-shadow: 0 0 4px #7fa525;
        background-color: #fbfdf6;
        outline: none;
    }

    .txtB, .txtS {
        width: 100%;
    }

    .txtBM {
        width: 100%;
    }

    .DrpS, DrpF {
        width: 100%
    }

    .custom-combobox {
        width: 100%;
    }

        .custom-combobox input {
            width: 86%;
        }

        .custom-combobox a {
            width: 12%;
            margin: 0 2% 0 0;
            display: inline-block;
            text-align: center;
            border-radius: 2px;
        }

    body #map {
        width: 100% !important;
    }

    .relatedPhotosTab {
        display: none;
    }

    .FieldTable {
        width: 100% !important;
    }

        .FieldTable ul {
            width: 100%;
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .FieldTable ul li {
                width: 99%;
            }

                .FieldTable ul li.P33 {
                    width: 99%;
                }

                .FieldTable ul li.P100 {
                    width: 99%;
                }

        .FieldTable #lbl_exp_detail {
            display: none !important;
        }

        .FieldTable ul li.br {
            clear: both;
        }

        .FieldTable ul li b {
            display: block;
            font-weight: bold;
        }

        .FieldTable ul li p {
            display: block;
            padding: 8px 5px 0 0;
            width: 100%;
        }

        .FieldTable ul li.NPlate .numberplate {
            margin: 5px auto;
            display: block;
            float: none;
        }

        .FieldTable ul li.NPlate .DrpS, .FieldTable ul li.NPlate .txtS {
            width: 95%;
            margin: 5px 2.5%
        }
    /*File*/
    .HrMen {
        overflow-x: auto;
    }

        .HrMen ul {
            width: max-content;
        }

        .HrMen > ul > li {
            display: block !important;
        }

            .HrMen > ul > li:before {
                border: none;
            }

    .header .logo {
        width: 52px !important;
        background-size: 100% auto !important;
        background-position: 50% 50% !important;
    }

    .header .right {
    }

    .filePad {
        padding-top: 150px !important;
    }

    .ivField {
        width: 98%;
        margin: 1%;
        padding: 7px;
        background: #f0f3f3;
        border-color: #fff;
    }

        .ivField .tblw input[type=text] {
            width: 70%;
        }

        .ivField .tblw tr td:nth-child(1) {
            width: 110px;
        }

    #MenDownload {
        display: none !important;
    }

    .FilePhotos {
        box-sizing: content-box;
        padding: 0;
        margin: 0;
    }

        .FilePhotos .photoItem img {
            width: 92%;
            margin: 4%;
        }

        .FilePhotos .photoItem {
            width: 50%;
            box-sizing: border-box !important;
            padding: 0;
            margin: 0px;
            border: 4px solid #ffffff;
            font-size: 13px;
            height: 200px;
            display: block;
            font-size: 12px;
            box-shadow: inset 0 0 80px #d0d0d0;
        }

            .FilePhotos .photoItem div a {
                background-color: #676767;
                color: #fff;
                padding: 2px 20%;
                border-radius: 20px;
            }


    .fs_item {
        width: 100% !important;
        font-size: 13px;
        background-color: #f3f3f3 !important;
        border-radius: 20px;
        margin-bottom: 7px;
        color: #000 !important;
    }

    .fs_row {
        height: auto !important;
    }

        .fs_row span {
            display: block !important;
            float: none !important;
        }

    .fs_f1 {
        width: 100% !important;
    }

    .fs_f2 {
        width: 100% !important;
    }

    .fs_f3 {
        width: 100% !important;
    }

    .fs_more {
        display: none !important;
    }

        .fs_more:hover {
            background-color: #6f6f6f;
            color: #fff;
        }

    #pnl_upload_photo table {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }

        #pnl_upload_photo table tbody {
            display: block;
        }

    #pnl_upload_photo tr:nth-child(1) td {
        display: block;
    }

    #pnl_upload_photo tr:nth-child(1) {
        border-bottom: medium none;
    }

    #pnl_upload_photo tr {
        border-bottom: 1px solid #c1c1c1;
        display: block;
        padding: 0;
    }

        #pnl_upload_photo tr td {
            display: block;
            padding: 12px 0;
        }

    #pnl_upload_photo select {
        width: 100%;
        margin: 0;
    }

    #pnl_upload_photo input[type=file] {
        padding: 0;
        color: #afafaf;
    }

    #pnl_upload_photo #drp_photos_segment {
        color: #fff;
        background-color: #5f8ea5;
    }

    #pnl_upload_photo tr:last-child {
        border-bottom: medium none;
    }

    #btn_save_photos, #btn_save_file, #btn_save_lost, #btn_lost_back, #btn_save_criminal {
        width: 100%;
    }

    #btn_lost_back {
        /* background-color: #9e9e9e; */
    }

    input[type=button], input[type=submit], input[type=reset] {
        border-radius: 0px;
        padding: 7px;
        /* background-color: #1e93c5; */
    }

    .hightlight {
        /* border-bottom: 2px solid #268db8; */
    }

        .hightlight a {
            display: none;
        }

    .an_msg {
        width: 100%;
        left: 0;
    }

    input[type=checkbox] {
        display: inline-block;
        visibility: hidden;
        display: inline-block;
        width: 25px;
    }

        input[type=checkbox]:before {
            visibility: visible;
            display: inline-block;
            content: '';
            width: 25px;
            height: 25px;
            background: url(images/checkbox.png) no-repeat 0 -1px/ auto 24px;
        }

        input[type=checkbox]:checked:before {
            background-position: -33px -1px;
        }

    .relatedPhoto {
        border-top: 2px solid #ababab;
        background-color: #f5f5f5;
        color: #545454;
    }

        .relatedPhoto h1 {
            color: #6b6b6b;
        }

    #pnl_lostlist table {
        border-color: #888;
    }

        #pnl_lostlist table thead tr {
            background-color: #888;
        }

        #pnl_lostlist table tr td:nth-child(1), #pnl_lostlist table tr td:nth-child(4), #pnl_lostlist table tr td:nth-child(3), #pnl_lostlist table tr td:nth-child(5) {
            display: none;
        }

        #pnl_lostlist table tr td:nth-child(6) {
            width: 200px;
        }

    #btn_add_lost a {
        color: #1e93c5;
    }

    .FileNotes {
        display: none !important;
    }

    .LoginBody .login {
        top: 0;
        margin: 0;
        width: 100%;
        max-width: 500px;
        height: auto;
        border-radius: 0;
        box-sizing: content-box;
        background: transparent;
    }

    .login_panell {
        width: 100%;
    }

    .LoginBody .login .txt {
        padding: 334px 20px 20px 20px;
        width: 100%;
    }

        .LoginBody .login .txt td {
            display: block;
            padding: 5px 0;
        }

        .LoginBody .login .txt tr {
            display: block;
            padding: 0;
        }

        .LoginBody .login .txt td input {
            width: 100%;
        }

    body.LoginBody {
        background: #d8ebff;
    }

        body.LoginBody #btn_version p {
            color: #000;
            text-align: center;
        }






    .logo .profile {
        width: 330px;
    }

    .MainMen > ul > li,
    .MainMen #btnPropertyNewFile,
    .MainMen #btnNewFile {
        display: none;
    }

    .MainMen #menProperty,
    .MainMen #menCar,
    .MainMen #btnHome {
        display: block;
    }

    .MainMen > ul {
        width: 1000px;
    }

    .box_left {
        display: none;
    }

    .box_right {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .ClockWeacher, #boxOnlineUsers, #boxPhonebook, #boxSlides, #boxHomeCal, #boxLastFileNotes, #boxCms {
        display: none;
    }

    .body {
        min-width: 100%;
        width: 100%;
    }

    .logo .logoIco {
        display: none;
    }

    #pnlStatus {
        background: transparent !important;
    }

    .body > .bottom {
        display: none;
    }

    .logo {
        background: #04305d;
    }

    .respTableCont {
        overflow-x: auto;
    }

        .respTableCont > table {
            width: max-content;
        }

    .dontShowMob {
        display: none;
    }

    .similarBox {
        width: 100% !important;
    }

    .similarBox_pad {
        overflow-x: auto;
    }

        .similarBox_pad table {
            width: max-content;
        }

    .fileBody .HrMen #MenBilling,
    .fileBody .HrMen #MenPrint,
    .fileBody .HrMen #MenDownload {
        display: none !important;
    }


    /*    a.btnUserSetting {
        display: none !important;
    }*/

    #btn_version {
        display: none;
    }

    .fileUploadPrevCont .fileUploadPrev {
        width: 47%;
        margin-bottom: 20px;
    }

    .fileUploadPrevCont {
        width: 100%;
        gap: 6%;
    }

    .RequestLensBody {
        overflow-x: scroll;
    }

        .RequestLensBody table {
            width: auto;
            min-width: 700px;
        }

        .RequestLensBody .NewItem {
            min-width: 700px;
        }

    .tbar .down, .tbarL .down {
        height: auto;
    }

    .logo .profile .name {
        position: absolute;
        right: 10px;
        top: 20px;
        padding: 0;
        margin: 0;
        padding-left: 150px;
    }
}
