/* Media Queries to control the page layout for smaller width's ----------------- */

@media (min-width: 875px) and (max-width:1000px) {    
    .divColumn { width:317px; }
    .divColumnFluid .divRow { width: 50%; }   
    .divColumnSplitNoLeft { width: 100%; }  
    .divColumnInformation { width: 28%; }
    .divColumnSplit { width: 72%; }
    .divColumnMiddle { width: 44%; }
}
                                                                                                     
@media (max-width: 994px) {
    .divColumnInformation { width: 30%; }
    .divColumnSplit { width: 70%; }
    .divColumnMiddle { width: 40%; }
}

@media (min-width: 1425px) {
    #tableActionButtons span { display: inline; }
    #tableActionButtons i { margin-right: 5px !important; }
    #tableActionButtons button { font-size: 13px; }
}

@media (max-width: 874px) {    
    #divCustomerInformationToggleB { display: block; } 
    .buttonToggle { display: none; }

    /* Column settings */
    .divColumnInformation, .divSubColumnHalf, .divSubColumnThird, .divSubColumn60, .divSubColumn40, .divSubColumn80, .divSubColumn20 {  float: none; }  
    .divSubColumnHalf, .divSubColumnThird, .divSubColumn60, .divSubColumn40, 
    .divColumnInformation, .divColumn, .divColumnSplit, .divColumnSplitNoLeft, .divColumnMiddle { width: 100%; }
    .divColumnInformation { padding-right: 7px; }
    
    .divColumnFluid { width: 100%; }
    .divColumnFluid .divRow { width: 50%; }   

    /* Fixing up the TPB for mobile view*/
    #mobileTpb { display: block; }
    #mobileTpb .bsButton { margin: 0 !important; }
    #TpbScrollContainer { margin-right: 0; overflow-y: hidden; height: auto; }
    #TpbScrollContainer h3 { display: none; } /* #TPBActions, #TPBPricing, #TPBSelections, #oPricingSummarySection { }*/    
    #TpbScrollContainer.bsAlert { padding-right: 14px; }

    /*#TPBActions .divRow > div { float: left; }*/   
    #TPBActions, #TPBPricing, #TPBSelections, #oPricingSummarySectionDetails { background: #FFF; margin: 15px 0;  }

    #TpbScrollContainer .divRowCell30 { width: 30% !important; float: left; margin-bottom: 0 !important }
    #TpbScrollContainer .divRowCell40 { width: 40% !important; float: left; margin-bottom: 0 !important }
    #TpbScrollContainer .divRowCell20 { width: 20% !important; float: left; margin-bottom: 0 !important }
    #TpbScrollContainer .divRowCell50 { width: 50% !important; float: left; margin-bottom: 0 !important }
    #TpbScrollContainer .divRowCell80 { width: 80% !important; float: left; margin-bottom: 0 !important }

    #TpbScrollContainer .divRowCell50 .bsButton { margin: 0 !important; }
}

@media (max-width: 640px) {
    .sticky, .stickySub { position: relative; top: 0; }
    .divRow div.miniMenu button:not(.noShow) { width: 100% !important; display: block; }    
}

@media (max-width: 555px) {
    .divRow { margin-bottom: 0;  }
    .divRow div:not(.noShow) { display: block !important; float: none; width: 100%; margin-bottom: 10px !important;  }
    #tdSearch { text-align: left; } /* TODO double check this if it's needed */
}

/*  Min Widths ------------------------------------------------------------------ */
@media (min-width: 1050px) {
    
}

@media (min-width: 875px) and (max-width: 1224px) {
    #divCustomerInformationToggleB { display: none;} /* -- third column.. hide*/
}

@media (min-width: 1225px) {
    .divColumn { width: 317px; }
    .divColumnInformation { width: 23%; }
    .divColumnSplit { width: 77%; }
    .divColumnMiddle { width: 54%; }
}

@media (min-width: 1425px) {
    .divColumnInformation { width: 20%; }
    .divColumnSplit { width: 80%; }
    .divColumnMiddle { width: 60%; }
}

@media (min-width: 1600px) {
    .divColumnInformation { width: 17%; }
    .divColumnSplit { width: 83%; }
    .divColumnMiddle { width: 66%; }
}


/* ------------------------------------------------------------------------------ */
/* Minimum Heights mostly used for tables, etc. --------------------------------- */
/* ------------------------------------------------------------------------------ */

/* Default table heights reside in the max-height 649px. Move to their respective area once finished. */
   #fcmDivOuterWrapper #parentTable { height: 400px; }

@media (min-height: 700px) {
    .divRow { margin-bottom: 15px; }

    /* Wonderwall */
    
}

@media (max-height: 649px) {
    /* Wonderwall */
    /*#fwDiv {height: 500px !important;}
    #divContentArea { height: 450px !important; }*/
    #divAccordion { height: 299px !important; } 

     /* Builder User*/
    #accessLevel .dataTables_scrollBody, #accessLevel .dataTables_scrollBody { height: 243px !important; }
    #accessSubdivision .dataTables_scrollBody { height: 150px !important; }
    #divTableUsers .dataTables_scrollBody, #divTableUserTypes .dataTables_scrollBody { height: 365px !important; }

    /* Builder Permissions */
    #divUserPermissions .divSubColumnHalf, #divUserTypesPermissions .divSubColumnHalf { height: 346px !important; }
    #divUserPermissions .divBUPermissionsScreenColRight .ui-accordion-content { height: 95px !important; }
    #divUserTypesPermissions .divBUPermissionsScreenColRight  .ui-accordion-content { height: 155px !important; }
    #divUserPermissions .divBUPermissionsScreenColLeft .ui-accordion-content, 
    #divUserTypesPermissions .divBUPermissionsScreenColLeft .ui-accordion-content { height: 199px !important; }

    /* Builder Work flow */
    #divUserWorkflow .scrollTableContainer  { height: 351px !important; }

    /* Builder Schedule */
    #divUserSchedule .scrollTableContainer, #divUserTypesSchedule .scrollTableContainer { height: 339px !important; }

    /* Quick Traffic */
    #QTTableWrapper { height: 300px !important; }

    /* Options */
    #divAvailableOptions, #divSelectedOptions { height: 220px !important; }
}

@media (min-height: 650px) and (max-height: 699px) {
   /* Wonderwall */
   
    /*#fwDiv {height: 500px !important;}
    #divContentArea { height: 450px !important; }*/
    #divAccordion { height: 330px !important; } 
  
    /* Builder User*/
    #divTableUsers .dataTables_scrollBody, #divTableUserTypes .dataTables_scrollBody { height: 420px !important; }
    #accessLevel .dataTables_scrollBody, #accessLevel .dataTables_scrollBody { height: 298px !important; }
    #accessSubdivision .dataTables_scrollBody { height: 205px !important; }

    /* Builder Permissions */
    #divUserPermissions .divSubColumnHalf, #divUserTypesPermissions .divSubColumnHalf { height: 400px !important; }
    #divUserPermissions .divBUPermissionsScreenColRight .ui-accordion-content { height: 151px !important; }
    #divUserTypesPermissions .divBUPermissionsScreenColRight .ui-accordion-content { height: 210px !important; }
    #divUserPermissions .divBUPermissionsScreenColLeft .ui-accordion-content, 
    #divUserTypesPermissions .divBUPermissionsScreenColLeft .ui-accordion-content { height: 254px !important; }

    /* Builder Work flow */
    #divUserWorkflow .scrollTableContainer  { height: 406px !important; }
    
     /* Builder Schedule */
    #divUserSchedule .scrollTableContainer, #divUserTypesSchedule .scrollTableContainer { height: 394px !important; }

    /* Division Company Table */
    #drcDiv .divFullSectionTable { height: 210px !important; }
    #drbDiv .divFullSectionTable { height: 185px !important; }

    /* Quick Traffic */
    #QTTableWrapper { height: 350px !important; }

    /* Options */
    #divAvailableOptions, #divSelectedOptions { height: 220px !important; }
}

@media (min-height: 700px ) {
    .divCRFilterListBox { height: 114px !important; }    
}

@media (min-height: 700px) and (max-height: 749px) {
   /* Wonderwall */
    /*#fwDiv {height: 550px !important;}
    #divContentArea { height: 500px !important; }
    #divAccordion { height: 380px !important; }*/ 

    /* Builder User*/
    #divTableUsers .dataTables_scrollBody, #divTableUserTypes .dataTables_scrollBody { height: 470px !important; }
    #accessLevel .dataTables_scrollBody, #accessLevel .dataTables_scrollBody { height: 320px !important; }
    #accessSubdivision .dataTables_scrollBody { height: 213px !important; }

    /* Builder Permissions */
    #divUserPermissions .divSubColumnHalf, #divUserTypesPermissions .divSubColumnHalf { height: 436px !important; }
    #divUserPermissions .divBUPermissionsScreenColRight .ui-accordion-content { height: 187px !important; }
    #divUserTypesPermissions .divBUPermissionsScreenColRight .ui-accordion-content { height: 246px !important; }
    #divUserPermissions .divBUPermissionsScreenColLeft .ui-accordion-content, 
    #divUserTypesPermissions .divBUPermissionsScreenColLeft .ui-accordion-content { height: 290px !important; }

    /* Builder Work flow */
    #divUserWorkflow .scrollTableContainer  { height: 435px !important; }

    /* Builder Schedule */
    #divUserSchedule .scrollTableContainer, #divUserTypesSchedule .scrollTableContainer { height: 423px !important; }

    /* Division Company Table */
    #drcDiv .divFullSectionTable { height: 230px !important; }
    #drbDiv .divFullSectionTable { height: 200px !important; }

    /* Quick Traffic */
    #QTTableWrapper { height: 400px !important; }

    /* Options */
    #divAvailableOptions, #divSelectedOptions { height: 270px !important; }

    /* Wonderwall List View */
    /*#divContentArea { height: 600px !important; }*/
}

@media (min-height: 775px ) {
    .divCRFilterListBox { height: 155px !important; }
}

@media (min-height: 750px) and (max-height: 799px) {
     /* Wonderwall */
    /*#fwDiv {height: 600px !important;}
    #divContentArea { height: 550px !important; }
    #divAccordion { height: 430px !important; }*/ 
      
    /* Builder User*/
    #divTableUsers .dataTables_scrollBody, #divTableUserTypes .dataTables_scrollBody { height: 520px !important; }
    #accessLevel .dataTables_scrollBody, #accessLevel .dataTables_scrollBody { height: 370px !important; }
    #accessSubdivision .dataTables_scrollBody { height: 263px !important; }

    /* Builder Permissions */
    #divUserPermissions .divSubColumnHalf, #divUserTypesPermissions .divSubColumnHalf { height: 486px !important; }
    #divUserPermissions .divBUPermissionsScreenColRight .ui-accordion-content { height: 237px !important; }
    #divUserTypesPermissions .divBUPermissionsScreenColRight .ui-accordion-content { height: 296px !important; }
    #divUserPermissions .divBUPermissionsScreenColLeft .ui-accordion-content, 
    #divUserTypesPermissions .divBUPermissionsScreenColLeft .ui-accordion-content { height: 340px !important; }
    
    /* Builder Work flow */
    #divUserWorkflow .scrollTableContainer  { height: 485px !important; }

    /* Builder Schedule */
    #divUserSchedule .scrollTableContainer, #divUserTypesSchedule .scrollTableContainer { height: 473px !important; }

    /* Division Company Table */
    #drcDiv .divFullSectionTable { height: 280px !important; }
    #drbDiv .divFullSectionTable { height: 250px !important; }

    /* Quick Traffic */
    #QTTableWrapper { height: 450px !important; }

    /* Options */
    #divAvailableOptions, #divSelectedOptions { height: 300px !important; }

    /* Customer Lots and Plan */
    #divLotPlanTableContainer { height: 230px !important; }
}

@media (min-height: 800px) and (max-height: 849px) {
    /* Wonderwall */
    /*#fwDiv {height: 650px !important;}
    #divContentArea { height: 600px !important; }
    #divAccordion { height: 480px !important; }*/ 

    /* Builder User*/
    #divTableUsers .dataTables_scrollBody, #divTableUserTypes .dataTables_scrollBody { height: 570px !important; }
    #accessLevel .dataTables_scrollBody, #accessLevel .dataTables_scrollBody { height: 420px !important; }
    #accessSubdivision .dataTables_scrollBody { height: 313px !important; }

    /* Builder Permissions */
    #divUserPermissions .divSubColumnHalf, #divUserTypesPermissions .divSubColumnHalf { height: 536px !important;  }
    #divUserPermissions .divBUPermissionsScreenColRight .ui-accordion-content { height: 287px !important; }
    #divUserTypesPermissions .divBUPermissionsScreenColRight .ui-accordion-content { height: 346px !important; }
    #divUserPermissions .divBUPermissionsScreenColLeft .ui-accordion-content, 
    #divUserTypesPermissions .divBUPermissionsScreenColLeft .ui-accordion-content { height: 390px !important; }

    /* Builder Work flow */
    #divUserWorkflow .scrollTableContainer  { height: 535px !important; }

    /* Builder Schedule */
    #divUserSchedule .scrollTableContainer, #divUserTypesSchedule .scrollTableContainer { height: 523px !important; }

    /* Division Company Table */
    #drcDiv .divFullSectionTable { height: 330px !important; }
    #drbDiv .divFullSectionTable { height: 300px !important; }

    /* Quick Traffic */
    #QTTableWrapper { height: 500px !important; }

    /* Options */
    #divAvailableOptions, #divSelectedOptions { height: 300px !important; }

    /* Customer Lots and Plan */
    #divLotPlanTableContainer { height: 280px !important; }
    

}

@media (min-height: 850px) and (max-height: 899px) {
    /* Wonderwall */
    /*#fwDiv {height: 700px !important;}
    #divContentArea { height: 650px !important; }
    #divAccordion { height: 530px !important; }*/

    /* Builder User*/
    #divTableUsers .dataTables_scrollBody, #divTableUserTypes .dataTables_scrollBody { height: 620px !important; }
    #accessLevel .dataTables_scrollBody, #accessLevel .dataTables_scrollBody { height: 470px !important; }
    #accessSubdivision .dataTables_scrollBody { height: 363px !important; }

    /* Builder Permissions */
    #divUserPermissions .divSubColumnHalf, #divUserTypesPermissions .divSubColumnHalf { height: 586px !important; }
    #divUserPermissions .divBUPermissionsScreenColRight .ui-accordion-content { height: 337px !important;  }
    #divUserTypesPermissions .divBUPermissionsScreenColRight .ui-accordion-content { height: 396px !important;  }
    #divUserPermissions .divBUPermissionsScreenColLeft .ui-accordion-content, 
    #divUserTypesPermissions .divBUPermissionsScreenColLeft .ui-accordion-content { height: 440px !important; }

    /* Builder Work flow */
    #divUserWorkflow .scrollTableContainer  { height: 585px !important; }

    /* Builder Schedule */
    #divUserSchedule .scrollTableContainer, #divUserTypesSchedule .scrollTableContainer { height: 573px !important; }

    /* Division Company Table */
    #drcDiv .divFullSectionTable { height: 380px !important; }
    #drbDiv .divFullSectionTable { height: 350px !important; }

    /* Quick Traffic */
    #QTTableWrapper { height: 550px !important; }

    /* Options */
    #divAvailableOptions, #divSelectedOptions { height: 300px !important; }

    /* Customer Lots and Plan */
    #divLotPlanTableContainer { height: 330px !important; }

}

@media (min-height: 900px) {
    /* Wonderwall */
    /*#fwDiv {height: 750px !important;}
    #divContentArea { height: 700px !important; }
    #divAccordion { height: 580px !important; }*/
  
    /* Builder User*/
    #divTableUsers .dataTables_scrollBody, #divTableUserTypes .dataTables_scrollBody { height: 670px !important; }
    #accessLevel .dataTables_scrollBody, #accessLevel .dataTables_scrollBody { height: 520px !important; }
    #accessSubdivision .dataTables_scrollBody { height: 413px !important; }

    /* Builder Permissions */
    #divUserPermissions .divSubColumnHalf, #divUserTypesPermissions .divSubColumnHalf { height: 636px !important; }
    #divUserPermissions .divBUPermissionsScreenColRight .ui-accordion-content { height: 387px !important; }
    #divUserTypesPermissions .divBUPermissionsScreenColRight .ui-accordion-content { height: 446px !important; }
    #divUserPermissions .divBUPermissionsScreenColLeft .ui-accordion-content, 
    #divUserTypesPermissions .divBUPermissionsScreenColLeft .ui-accordion-content { height: 490px !important; }

    /* Builder Work flow */
    #divUserWorkflow .scrollTableContainer  { height: 635px !important; }

    /* Builder Schedule */
    #divUserSchedule .scrollTableContainer, #divUserTypesSchedule .scrollTableContainer { height: 623px !important; }

    /* Division Company Table */
    #drcDiv .divFullSectionTable { height: 430px !important; }
    #drbDiv .divFullSectionTable { height: 400px !important; }

    /* Quick Traffic */
    #QTTableWrapper { height: 600px !important; }

    /* Options */
    #divAvailableOptions, #divSelectedOptions { height: 300px !important; }

    /* Customer Lots and Plan */
    #divLotPlanTableContainer { height: 380px !important; }
}