/* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) { .closed-sidebar.fixed-sidebar .app-main__outer { padding-left: 0px !important; } .fixed-sidebar .app-main .app-main__outer { padding-left: unset !important; } .app-main .e-table-inbox .e-name { width: 190px !important; } .app-main .pagination .e-paging-first { width: 100px !important; } .closed-sidebar .app-sidebar { width: auto !important; } .app-header.header-text-light .header-mobile-open { background: #1663ba !important; } #detail .e-card-infomation { margin-top: 15px !important; } #detail .e-page-right { padding-right: 15px; } #detail .e-full-page { display: none; } #detail .e-icon-up { display: none; } #approve .e-assign { width: 100% !important; } #approve .extra-data { display: table !important; } #tab-history .e-tab-history { display: contents; } #tab-history .e-tab-history-mobile { display: none; } .main-card .vertical-nav-menu li a { padding-left: unset !important !important; } #combination-detail .e-assign { width: 100% !important; } #combination-detail .extra-data { display: table-cell !important; } .modalDMS { width: 90% !important; } .page_top_mobile { display: none; } .e-page-footer { float: unset !important; } .e-width-100 { width: 100px; } .e-width-200 { width: 200px; } .e-width-400 { width: 400px; } } /* Small devices (portrait tablets and large phones, 600px and up) */ @media only screen and (min-width: 600px) { .closed-sidebar.fixed-sidebar .app-main__outer { padding-left: 0px !important; } .fixed-sidebar .app-main .app-main__outer { padding-left: unset !important; } .app-main .e-table-inbox .e-name { width: 300px !important; } .app-main .pagination .e-paging-first { width: 100px !important; } .closed-sidebar .app-sidebar { width: auto !important; } .app-header.header-text-light .header-mobile-open { background: #1663ba !important; } #detail .e-card-infomation { margin-top: 15px !important; } #detail .e-page-right { padding-right: 15px; } .modalDMS { width: 90% !important; } .page_top_mobile { display: none; } .e-width-100 { width: 100px; } .e-width-200 { width: 200px; } .e-width-400 { width: 400px; } } @media only screen and (width: 768px) { } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 768px) { .closed-sidebar.fixed-sidebar .app-main__outer { padding-left: 0px !important; } .fixed-sidebar .app-main .app-main__outer { padding-left: unset !important; } .app-main .e-table-inbox .e-name { width: 300px !important; } .closed-sidebar .app-sidebar { width: auto !important; } .app-header.header-text-light .header-mobile-open { background: #1663ba !important; } #detail .e-card-infomation { margin-top: auto !important; } #detail .e-page-right { padding-right: 0px; } #tab-history .e-tab-history { display: none; } #tab-history .e-tab-history-mobile { display: block; } .modalDMS { width: 90% !important; } .page_top_mobile { display: block; } .e-width-100 { width: 100px; } .e-width-200 { width: 200px; } .e-width-400 { width: 400px; } } /* Large devices (laptops/desktops, 992px and up) */ @media only screen and (min-width: 992px) { .closed-sidebar.fixed-sidebar .app-main__outer { padding-left: 80px !important; } .fixed-sidebar .app-main .app-main__outer { padding-left: 240px !important; } #detail .e-card-infomation { margin-top: auto; } #tab-history .e-tab-history { display: contents; } #tab-history .e-tab-history-mobile { display: none; } .modalDMS { width: 50% !important; } } /* Extra large devices (large laptops and desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { #detail .e-card-infomation { margin-top: auto; } .fixed-sidebar .app-main .app-main__outer { padding-left: 240px !important; } #detail .e-page-right { padding-right: 0px; } #tab-history .e-tab-history { display: contents; } #tab-history .e-tab-history-mobile { display: none; } .bg-plum-plate { background-image: url(/css/images/content/login_bg.png) !important; } .modalDMS { width: 50% !important; } .e-width-100 { width: unset; } .e-width-200 { width: unset; } .e-width-400 { width: unset; } } @media only screen and (max-width: 1200px) { .bg-plum-plate { background-image: linear-gradient(135deg,#337ab7 0,#16aaff 100%) !important; } } #collapse-forms #pnAssign .durandal-wrapper { width: 100% !important; }