/* 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;
}