/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) and (max-width : 480px) {
    body {
        overflow: hidden;
    }

    .Formulation_BDiv {
        width: 450px;
        margin-bottom: 80px;
    }

    .content {
        padding: 15px 0px;
        width: 481px !important;
        padding-bottom: 90px;
    }

    .Formulation_XLDiv, .FormulationXLDiv.Formulation_XLDiv {
        width: 476px;
        padding: 6px;
    }

    .FormulationXLDiv {
        width: 478px;
        padding: 6px;
    }

    .Formulation_BDiv {
        width: 478px;
        margin-bottom: 80px;
        padding: 12px 5px !important;
    }

    .page_flattabs li {
        padding: 10px;
    }

    .skin-blue .main-header .navbar .nav > li > a {
        height: 68px;
        width: 52px;
    }

    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        right: 25%;
    }

    .row.form_fields > div {
        margin-bottom: 20px;
    }

    .content-wrapper {
        width: 100%;
    }

    .content.ProductsSection {
        width: 96% !important;
    }

    #divDocuments .ProductGridBtnsFlat {
        float: right;
        margin: 5px 0px 4px 0;
    }

    .Content_Metadata {
        padding: 11px 10px 15px 5px;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 481px) and (max-width : 768px) {
    body {
        overflow: hidden;
    }

    .Formulation_BDiv {
        width: 590px;
    }

    .Formulation_XLDiv, .FormulationXLDiv.Formulation_XLDiv {
        width: 686px;
    }

    .FormulationXLDiv {
        width: 586px;
    }

    .row.form_fields > div {
        margin-bottom: 20px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 760px) and (max-width : 992px) {
    body {
        overflow: hidden;
    }

    .Formulation_BDiv {
        width: 100%;
    }

    .Formulation_XLDiv, .FormulationXLDiv.Formulation_XLDiv {
        width: 100%;
    }

    .FormulationXLDiv {
        width: 100%;
    }

    .row.form_fields > div {
        margin-bottom: 20px;
    }

    .content-wrapper {
        clear: both;
    }
}


/* Medium Devices, Desktops 1 */
@media only screen and (min-width : 780px) and (max-width : 1200px) {
    body {
        overflow: hidden;
    }

    .Formulation_BDiv {
        width: 100%;
    }

    .Formulation_SDiv {
        width: 74%;
    }

    .Formulation_XLDiv, .FormulationXLDiv.Formulation_XLDiv {
        width: 100%;
    }

    .FormulationXLDiv {
        width: 100%;
    }

    .content-wrapper {
        clear: both;
    }
    /*.slimScrollDiv, .content.Products_Right {
            height: 680px !important;
        }*/
    /*.DivMetaScroll {
            max-height:100% !important;
        }*/
    .content.ProductsSection {
        min-height: 590px;
        max-height: 600px;
    }

    .Products_Grid {
        max-height: 558px;
    }

    .Metadata_TableGrid.k-grid .k-grid-content .Metadata_TableGrid.k-grid {
        max-width: 970px;
    }

    .k-grid.users-grid table {
        display: block;
    }

    .Formulation_BDiv .Metadata_TableGrid .k-detail-row td.k-detail-cell {
        min-width: 790px;
    }

    #DivMetadata.Formulation_BDiv .Metadata_TableGrid .k-detail-row td.k-detail-cell {
        min-width: 860px;
    }

    #DivMetadata.Formulation_BDiv .Metadata_TableGrid table table {
        display: inherit;
    }

    #DivAudittrails .Admin_PageTabContainer .k-grid-content {
        max-height: 330px;
    }

    .Admin_PageContainer .k-grid-content {
        max-height: 375px;
    }
}

/* Medium Devices, Desktops 
    @media only screen and (min-width : 993px) and (max-width : 1200px) {
        body {
            overflow: hidden;
        }

        .Formulation_BDiv {
            width: 1022px;
        }

        .Formulation_XLDiv, .FormulationXLDiv.Formulation_XLDiv {
            width: 1120px;
        }

        .FormulationXLDiv {
            width: 1020px;
        }
         .content-wrapper {
            clear:both;
        }
    }*/
@media only screen and (min-width : 1200px) and (max-width : 1280px) and (min-height : 650px) {
    body {
        overflow: hidden;
    }

    .Formulation_BDiv {
        width: 100%;
    }

    .Formulation_SDiv {
        width: 80%;
    }

    .Formulation_XLDiv, .FormulationXLDiv.Formulation_XLDiv {
        width: 100%;
    }

    .FormulationXLDiv {
        width: 100%;
    }

    .content-wrapper {
        clear: both;
    }

    .slimScrollDiv, .content.Products_Right {
        height: 580px !important;
    }

    .content.ProductsSection {
        min-height: 590px;
        max-height: 600px;
    }

    .Products_Grid {
        max-height: 558px;
    }
    /*.Metadata_TableGrid.k-grid .k-grid-content .Metadata_TableGrid.k-grid {
                max-width: 970px;
        }*/
    .Formulation_BDiv .Metadata_TableGrid .k-detail-row td.k-detail-cell {
        min-width: 1145px;
    }

    .Formulation_SDiv .Metadata_TableGrid .k-detail-row td.k-detail-cell {
        min-width: 941px;
    }

    .Formulation_XLDiv.Formulation_BDiv .Metadata_TableGrid .k-detail-row td.k-detail-cell {
        min-width: 1058px;
    }

    .Formulation_XLDiv .Metadata_TableGrid .k-detail-row td.k-detail-cell {
        min-width: 1272px;
    }

    /*.k-grid.Metadata_TableGrid .k-grid.Metadata_TableGrid table {
        display: block;
    }*/

    .k-grid.users-grid table {
        display: block;
    }

    .Metadata_TableGrid.k-grid .k-grid-content .Metadata_TableGrid.k-grid {
        width: 96%;
    }

    #DivMetadata.Formulation_SDiv .Metadata_TableGrid .k-detail-row td.k-detail-cell {
        min-width: 811px;
    }
}

@media only screen and (min-width : 1200px) and (max-width : 1280px) and (min-height : 700px) {

    .slimScrollDiv, .content.Products_Right {
        height: 680px !important;
    }
}

@media only screen and (min-width : 780px) and (max-width : 1200px) and (min-height : 650px) {
    #DivMetadata.Formulation_BDiv .Metadata_TableGrid .k-detail-row td.k-detail-cell {
        min-width: 790px;
    }
}

@media only screen and (min-width : 1200px) and (max-width : 1280px) {
    .Formulation_BDiv {
        width: 100%;
    }

    #DivMetadata.Formulation_BDiv .Metadata_TableGrid .k-detail-row td.k-detail-cell {
        min-width: 1026px;
    }
    
  
}
@media only screen and (max-width : 1300px) {
    .sidebar-menu {
        overflow-y: auto !important;
        max-height: 84vh;
    }
     /*Fixing Res issues*/
     .Products_Grid {
        max-height: 90vh;
    }
    .Product_TableGrid .k-grid-content {
            max-height: 65vh;
    }
    .Product_TableGrid.users-grid .k-grid-content {
        max-height: 59vh;
    }
     .Products_Right {
        max-height: 86vh;
    }
    .content-wrapper.products_manage .DivRightScroll {
        height: 82vh;
    }
    .Metadata_TableGrid .k-grid-content{
        max-height: 60vh;
    }
    .admincontent.Products_Right {
        height: 90vh;
    }
    .admincontent.Products_Right .DivRightScroll {
        height: 81vh;
    }
    .sm-nopadding{
        padding:0 !important;
    }
    .sm-nomargin{
        margin:0 !important;
    }
    .checkbox.GridCheckBox{
       margin: 11px 5px 0 0;
    }
    .db-widget-status{
        width: 22%;
    }
    .db-widget-head,.db-widget-subhead{
        width: 78%;
    }
    .db-widget .card-title small {
        float: left;
        margin-top: 6px;
        margin-bottom: 4px;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1280px) and (max-width : 1320px) {
    body {
        overflow: hidden;
    }

    .Formulation_BDiv {
        width: 100%;
    }

    .Formulation_SDiv {
        width: 81%;
    }

    .Formulation_XLDiv, .FormulationXLDiv.Formulation_XLDiv {
        width: 100%;
    }

    .FormulationXLDiv {
        width: 100%;
    }

    .content-wrapper {
        clear: both;
    }

    .slimScrollDiv, .content.Products_Right {
        height: 680px !important;
    }

    .content.ProductsSection {
        min-height: 590px;
        max-height: 600px;
    }

    .Products_Grid {
        max-height: 558px;
    }

    .Metadata_TableGrid.k-grid .k-grid-content .Metadata_TableGrid.k-grid {
        max-width: 970px;
    }
    .hidesubmenu .Metadata_TableGrid.k-grid .k-grid-content .Metadata_TableGrid.k-grid {
        max-width: 800px;
    }
    /*Fixing Res issues*/
    .Products_Grid {
        max-height: 90vh;
    }
    .Product_TableGrid .k-grid-content {
            max-height: 68vh;
    }
     .Products_Right {
        max-height: 86vh;
    }
    .content-wrapper.products_manage .DivRightScroll {
        height: 82vh;
    }
    .Product_TableGrid.audit-grid .k-grid-content {
        max-height: 66vh;
    }
     .compositionoffsetscroll {
    width: calc(100% - 210px) !important;
    float: right !important;
}
     .composition-side-child-open .content-submenu section .side_child_menu {
    z-index: 9 !important;
    top: 1px;
    left: 0px !important;
    width:calc(100% - 1000px) !important;

}
}

/* Extra Large Devices, Extra Wide Screens */

@media only screen and (min-width : 1270px) {
    .main-sidebar {
        height: 97vh;
    }
    .content-wrapper {
        clear: both;
    }
    .FormulationXLDiv {
        width: 100%;
    }
    .content-wrapper.products_manage .DivRightScroll {
        height: 79vh;
    }
    .Product_TableGrid .k-grid-content {
        max-height: 66vh;
    }
    .Product_TableGrid.users-grid .k-grid-content {
        max-height: 58vh;
    }
    .content-wrapper.products_manage .admincontent  .DivRightScroll {
        height: 82vh;
    }
    .Metadata_TableGrid .k-grid-content {
        max-height: 64vh;
    }
    .Product_TableGrid.audit-grid .k-grid-content {
        max-height: 58vh;
    }
}
@media only screen and (min-width : 1360px) and (max-width : 1400px) and (max-height : 665px) {
    #DivAudittrails .Admin_PageTabContainer .k-grid-content, .Admin_PageContainer .k-grid-content {
        max-height: 360px;
    }
}

@media only screen and (min-width : 1270px) and (max-width : 1500px) and (max-height : 800px) {
    .Product_TableGrid .k-grid-content {
        max-height: 65vh;
    }
    .content-wrapper.products_manage .Child_Toggle_Menu {
        margin: 3px 0 0 235px;
    }
    .content-wrapper.products_manage .DivRightScroll {
        height: 85vh;
    }
    .Products_Right {
        max-height: 87vh;
    }
    .content-wrapper.products_manage .admincontent .DivRightScroll {
        height: 84vh;
    }
    .DivRightScroll .Products_Grid{
        max-height: 84vh;
    }
    .Product_TableGrid.users-grid .k-grid-content,
    .Product_TableGrid.audit-grid .k-grid-content {
        max-height: 64vh;
    }
}
@media only screen and (min-width : 1500px) and (max-width:1600px) {
    /*.content-wrapper.products_manage .Child_Toggle_Menu {
        margin: 3px 0 0 248px;
      }*/
    .content-wrapper.products_manage .side_child_menu {
        width: 13.5%;
    }

    .FormInDiv.Formulation_SDiv {
        float: right;
        width: 83%!important;
    }
     /*Fixing Res issues*/
    .Products_Grid {
        max-height: 90vh;
    }
    .Product_TableGrid .k-grid-content {
            max-height: 71vh;
    }
    .Product_TableGrid.users-grid .k-grid-content {
        max-height: 66vh;
    }
    .Products_Right {
        max-height: 86vh;
    }
    .content-wrapper.products_manage .DivRightScroll {
        height: 82vh;
    }
    .Metadata_TableGrid .k-grid-content {
        max-height: 67vh;
    }
     .Product_TableGrid.audit-grid .k-grid-content {
        max-height: 65vh;
    }
}

@media only screen and (min-width : 1620px) {
    div#DivRight {
        height: 730px;
        max-height: 730px;
        float: left;
        width: 100%;
    }
     .content-wrapper.products_manage .side_child_menu {
        width: 13.5%;
    }

    .FormInDiv.Formulation_SDiv {
        float: right;
        width:85%!important;
    }
     /*Fixing Res issues
        .Products_Grid {
            max-height: 92vh;
        }
     */
      /*Fixing Res issues*/
    .Products_Grid {
        max-height: 90vh;
    }
    .Product_TableGrid.k-grid.k-widget {
            max-height: 80vh;
    }
    .Product_TableGrid .k-grid-content {
            max-height: 71vh;
    }
     .Product_TableGrid.users-grid .k-grid-content {
        max-height: 67vh;
    }
    .Products_Right {
        max-height: 86vh;
    }
    div#DivRight {
        height: auto;
    }
    .content-wrapper.products_manage .DivRightScroll {
        height: 82vh;
    }
}

@media only screen and (min-width : 2000px) {
    div#DivRight {
        height: 840px;
        max-height: 840px;
        float: left;
        width: 100%;
    }
}
@media only screen and (min-width : 1920px) {
    div#DivRight {
        height: auto;
        max-height: 840px;
        float: left;
        width: 100%;
    }
    .compositionoffsetscroll {
    width: calc(100% - 210px) !important;
    float: right !important;
}
     .composition-side-child-open .content-submenu section .side_child_menu {
    z-index: 9 !important;
    top: 1px;
    left: 0px !important;
    width:calc(100% - 1920px) !important;

}
    
}

/*Internet Explorer 10 Above*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .RegProdTree > div > .k-treeview {
        padding-left:10px;
    }
}



/*.Metadata_TableGrid.MetaMaster.Organisation .k-grid-content .k-grid {
    max-width: 740px !important;
}*/