/*to do*/

@media(max-width: 445px) {
    .login-table {
        width: 275px;
    }
    .login-btn-wrapper {
        width: 245px;
    }
    .login-h4 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width: 400px) {
    .login-table {
        width: 230px;
    }

    .login-btn-wrapper {
        width: 200px;
    }

    .login-h4 {
        padding-left: 15px;
        padding-right: 15px;
    }
}













@media(max-width: 1600px)and (max-height: 760px) {
    .login-form {
        width: 450px;
        height: 460px;
        padding: 25px 40px;
    }

    .login-title {
        margin-bottom: 1.5em;
    }

        .login-title img {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }

        .login-title h4 {
            font-size: 18px;
        }

        .login-title p {
            font-size: 12px;
        }

    .login-form .form-control {
        height: 30px;
        font-size: 12px;
    }

    .login-form label {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .login-form .btn {
        margin: 1em 0 1em;
        font-size: 14px;
    }

    .logo img {
        width: 235px;
    }

    .logo-lg h1 {
        font-size: 15px;
    }

    .logo-lg p {
        font-size: 9px;
    }

    .skin-blue .sidebar-menu > li > a {
        font-size: 12px;
    }

    .treeview-menu > li > a {
        font-size: 12px;
    }

    .main-sidebar, .main-header .logo {
        width: 260px;
    }

    .content-wrapper, .main-footer, .main-header .navbar {
        margin-left: 260px;
    }

    .TgosBox {
        height: 618px;
        margin: 10px 10px;
    }

    .form-control-tgos {
        font-size: 12px !important;
    }

    .tgos-modal a {
        font-size: 12px !important;
    }
    .TgosMenuLeft{
        width:255px;
    }
    .TgosMenuLeft .moreList-item {
        margin: 5px 0;
    }
    .TgosMenuLeft .moreList-item h5 {
        font-size: 13px;
        margin-bottom: 9px;
    }
    .TgosMenuLeft .sheetListHk label, .TgosMenuLeft .moreList-item a {
        font-size: 12px !important;
    }
}
@media(max-width: 1550px)and (max-height: 730px) {
    .TgosBox {
        height: 585px;
    }
}
@media(max-width: 1370px)and (max-height: 770px) {
    .navtogs {
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .TgosBox {
        height: 492px;
        margin: 0px 10px;
    }
    #delmodjqGrid, #searchmodfbox_jqGrid {
        margin-left: 15%;
    }
}
@media(max-width: 1024px){
    .ttcBg {
        width:auto;
    }
}
@media(max-width: 830px) and (max-height: 440px){
    .ttcBg {
        width: auto;
        height:auto;
    }
}
@media(max-width: 812px) {
    .detailSearchRecord {
        display: inline;
    }
        .detailSearchRecord img{
            margin-bottom:1em;
        }
        .footerLogo img {
            width: 300px
        }
    .formRwd .sheetCtn-item {
        margin-right: 8px;
    }
    .formList {
        width: 100%;
    }
    .formRwd .box-row.inputAutoDate {
        display: initial;
    }

    .formRwd .inputAutoDate .form-group.inputAuto {
        width: 100%;
        border-bottom: 1px solid #e4e4e4
    }
        .formRwd .inputAutoDate .form-group.inputAuto .form-control{
            width:200px!important;
        }
    .formRwd .wd2.inputAutoDate .form-group:nth-child(1) {
        padding-top: 9px;
        padding-bottom: 9px;
    }
    .formRwd .wd2.inputAutoDate .form-group:nth-child(2) {
        padding: 0;
        padding-top: 9px;
        padding-bottom:9px;
        border-left: 0;
    }
}
@media(max-width: 640px){
    .footerLogo img {
        width: 200px
    }
    .content-wrapper{
        width:100%;
    }
    .box{
        min-height:inherit;
    }
    .login-title {
        margin-bottom: 1.5em;
    }

        .login-title p {
            font-size: 12px;
        }

    .login-form .form-control {
        height: 30px;
        font-size: 12px;
    }

    .login-form label {
        margin-bottom: 5px;
        font-size: 12px;
    }

    .login-form .btn {
        margin: 1em 0 1em;
        font-size: 14px;
    }
   
    .login-form {
        width: 90%;
        height: 420px;
        padding: 25px 15px 15px;
    }
    .login-title h4 {
        font-size: 15px;
        padding-bottom: 3px;
        margin-bottom: 2px;
    }
    .login-title p{
        letter-spacing:3px;
    }
    .login-title img {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
   
    .login-form .form-group {
        margin: 0 5px;
        margin-bottom: 10px;
    }
    /*-----box------*/
    .formRwd .box-row {
        display: initial;
    }
    .formRwd .wd2 .form-group {
        width: 100%;
        display: block;
        margin-bottom:15px;
    }
        .formRwd .wd2 .form-group:nth-child(2) {
            padding: 0;
            border-left: 0;
        }
    .formRwd .inputAutoDate .form-group.inputAuto {
        border-bottom: 0
    }


    .formRwd .wd2.inputAutoDate .form-group:nth-child(1) {
        padding: 0px;
    }

    .formRwd .wd2.inputAutoDate .form-group:nth-child(2) {
        padding: 0;
    }
    .formRwd .form-group .form-control{
        width:100%;
    }
    .formRwd .file-upload-input {
        width: 100%;
    }
    .formRwd .form-group label {
        font-size: 15px;
        color: #444;
        margin-bottom: 5px;
    }
    .formRwd .form-group .labelAuto label {
        margin-bottom: 0;
    }
    .formRwd .sheetSub-item label{
        width:auto;
        margin-bottom:0;
    }
    .formRwd .formBtn {
        display: flex;
        margin-top: 20px;
        padding-bottom: 20px;
        justify-content: flex-end;
        border-bottom: 1px solid #eee;
    }
        .formRwd .formBtn .btn {
            line-height: initial;
            padding: 5px 10px;
            font-size: 12px;
        }
    .footerRwd {
        margin-top: 0em;
    }
    
    .EditBtn button {
        font-size: 12px;
        padding: 5px 10px;
        line-height: initial;
    }
    .formList2{
        width:100%;
    }
    .navtogs .container-fluid{
        padding:0;
    }
    .tgosNav .nav {
        width: 85%;
    }
    .tgos-modal{
        margin-right:10px;
    }
    .TgosDiv {
        height: 78%;
        width: 95%;
    }
    .tgosSearch {
        width: 90%;
    }
    .tgosSearch .form-control-tgos {
        width: 100%;
    }
    .TogDiv #TGMap {
        width: 100%;
    }
    .TgosBox {
        height: 496px;
        margin:0;
    }
    .tgosNav {
        height: auto;
    }
    .tgosNav .nav li{
        padding:0;
    }
    .tgos-modal a {
        font-size: 12px !important;
    }

    .TgosMenuLeft {
        width: 255px;
    }

        .TgosMenuLeft .moreList-item {
            margin: 5px 0;
        }

            .TgosMenuLeft .moreList-item h5 {
                font-size: 13px;
                margin-bottom: 9px;
            }

            .TgosMenuLeft .sheetListHk label, .TgosMenuLeft .moreList-item a {
                font-size: 12px !important;
            }
    .TGresult {
        width: 100%;
        display: inline-block;
    }
}