/* MAIN OVERRIDES */
a { color: var(--color2); }
a:visited { color: var(--color2); }

.pointer { cursor: pointer; }

.page-content {
  overflow-x: hidden;
}



#custom-top-nav ul.app-bar-menu #cog_settings li { line-height: 0.45rem; }





/* ELEMENT SIZING */
.custom-small-input-75 { width: 75px; } /* !!RENAME */
.custom-size-75 { width: 75px; }
.custom-size-135 { width: 135px; }


/* SHOW SELECT BOX ARROW */
.input-control select {
	-moz-appearance: menulist;
	-webkit-appearance: menulist;
	appearance: menulist;
}

/* NOTIFICATIONS */
.notify { max-width: 500px; }

/* BORDER ON ERROR FIELDS */
.custom-force-error { border-color: #FF0000 !important; }



/* PADDING OVERRIDES */
div.custom-no-vertical-pad { 
	padding-bottom: 0px;
	padding-top: 0px;
}
.custom-no-bottom-pad { padding-bottom: 0px !important; }
.custom-no-top-pad { padding-top: 0px !important; }


/* CHECKBOX WITH LABEL ON TOP */
.input-control.custom-top-label-checkbox { margin-top: 0px; }



/* IMAGE UPLOAD */
div.image-upload { border: solid 1px #d9d9d9; }  /* !! REMOVE */
div.image-upload { border: none; }
.image-upload > input { display: none; }
.image-upload img { cursor: pointer; }


/* DATE FIELD */
.flex-grid .cell .custom-size-date { width: 175px; }

/* UPDATE BOX
input[type="button"].button.primary,
input[type="submit"].button.primary { 
  background: var(--color2); 
  border-color: var(--color1); 
}
input[type="button"].button.primary:hover,
input[type="submit"].button.primary:hover { 
  background-color: var(--color1) !important; 
}
 */
 
 
/* SELECT2 */
.select2-search__field { border: none !important; }

/* FIELD SETS -- MAYBE DELETE IF ALL FIELDSET CODE IS UPDATED TO NEW METHODS */
.custom-fieldset { 
	border: solid 1px var(--color2); 
  height: 100%;
	min-height: 60vh;
}
.custom-fieldset > legend { 
	border: 1px var(--color1) solid;
	background-color: var(--color2);
	color: #FFFFFF;
	font-size: 20px;
	padding: 5px;			
}
.custom-fieldset-scroll { height: 60vh; }
.custom-fieldset-grid {
  margin-bottom:20px; 
  overflow-x: hidden; 
  overflow-y:scroll;
  height: 95%;
}





/* FLEX-GRID */
.custom-flex80 { width: 80%; }
.stay-row { flex-direction: row !important; }

/* FLEX-GRID COLUMN SIZING */
.flex-grid .row .custom-size-x75 { 
	-webkit-flex: 0 0 75px;
		flex: 0 0 75px;
}
.flex-grid .row .cell.custom-size-x120 {
	-webkit-flex: 0 0 120px;
  flex: 0 0 120px;
}
.flex-grid .row .cell.custom-size-x215 {
	-webkit-flex: 0 0 215px;
	flex: 0 0 215px;
}
.flex-grid .row .cell.custom-size-x290 {
	-webkit-flex: 0 0 290px;
	flex: 0 0 290px;
}

/* TOP BAR */

      
      
      
      
      





#custom-top-nav.app-bar .app-bar-menu.test_navs { display: none; }


#custom-top-nav.app-bar .app-bar-element.branding { width: 200px; }
#custom-top-nav.app-bar .app-bar-element.branding:hover { background-color: inherit; }

#custom-top-nav .app-bar-menu > li#custom-right-cog { padding-left: 15px; }


      
#custom-top-nav #cog_settings { left: -86px; }
      
#custom-top-nav #uname_dropdown {
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
}


#custom-top-nav #notify_div {
  position: absolute;
  width: auto;
  right: 125px;
  top: 5px;
  color: #FF0000;
  cursor: pointer;
}
#custom-top-nav #notify_div .icon.mif-notification { font-size: 1.2em; }














/* TILES */  



.custom-tile .tile_select { 
  display: inline-block;
  position: absolute;
  top: 20px;
  max-width: 50%; 
  right: 10px; 
  z-index: 25;
}

/*
.custom-tile svg > g > g:last-child { pointer-events: none; }
*/


.tile-custom-center {
  background-color: transparent;
  border: none;
  text-align: center;
  white-space: nowrap;
}
.tile-custom-center:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.tile-custom-center > a {
  color: inherit;
}
.tile-custom-center > .tile-custom-center-text {
  display: inline-block;
  vertical-align: middle;
  text-align:left;
}
.badge-top {
  bottom: auto;
  top:5%;
}
.tile-large:hover {
 
  outline: none;
}
.tile-content .image-container { 
  width: 90%;
  height: 90%;
  margin: 15px;
  box-shadow: initial;
}
.tile-content.tile-content-center {
  height: 100%;
 
  display: table;
}
.tile-content.tile-content-center span {
  display: table-cell;
   text-align: center;
  vertical-align: middle;
}

.custom-tile.custom-half-hb,
.custom-tile.custom-half-ht { height: 49%; }
.custom-tile.custom-half-hb { top: auto; }

.custom-tile.custom-half-vl,
.custom-tile.custom-half-vr { width: 49%; }
.custom-tile.custom-half-vr { left: auto; }

.custom-tile.custom-quarter-tl,
.custom-tile.custom-quarter-tr,
.custom-tile.custom-quarter-bl,
.custom-tile.custom-quarter-br {
  height: 49%;
  width: 49%;
}

.custom-tile.custom-quarter-tl { bottom: auto; right: auto; }
.custom-tile.custom-quarter-tr { bottom: auto; left: auto; }
.custom-tile.custom-quarter-bl { top: auto; right: auto;}
.custom-tile.custom-quarter-br { top: auto; left: auto; }
    




.custom-tile-footer {
  background-color: $page_info{color_name};
  bottom:0px;
}

.custom-tile-header {
  background-color: var(--color2);
  top:0px; 
}

.custom-tile-footer,
.custom-tile-header { 
  position:absolute; 
  height:50px; 
  width:100%;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  font-size: 30px;
  text-transform: uppercase
}

.custom-tile-header.custom-car-header { background-color: $page_info{color_name}; }

.custom-pad-tile-head { padding-top: 55px !important; }



/* TITLES TILE */
#titles_grid {
  width: 100%;
  height: 80%;
  padding-top: 10px;
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 40px; 
}
#titles_grid.flex-grid .row .cell.size4 {
    flex: 0 0 40%;
    -webkit-flex: 0 0 40%;
}
#titles_grid .row { height: 30%; }
#titles_grid .row.totals { height: 33%; }
#titles_grid .row.headers { height: 7%; }
#titles_grid .title_cell {
  display: block;
  height: 100%;
  padding: 10px;
  position: relative;
}
#titles_grid .title_cell2 { 
  font-size: 0.8em; 
  text-align:center;
}
#titles_grid .titles_header { 
  text-align: center;
  font-weight: bold; 
  color: #000000; 
  font-size: 0.8em;
}
#titles_grid .due_span, 
#titles_grid .owed_span {
  padding-top: 5px;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 2.5em;
  font-weight: bold;
  color: #FFFFFF;
}
#titles_grid #total_label,
#titles_grid #past30_label,
#titles_grid #past60_label {
  display: block;
  margin-top: 50%;
}
.title_cell.totals_cell { background-color: #305496; }
#total_label { color: #305496; }
.title_cell.past30_cell { background-color: #bf8f00; }
#past30_label { color: #bf8f00; }
.title_cell.past60_cell { background-color: #c00000; }
#past60_label { color: #c00000; }
      
    
/* SALE BAR TILE */
.custom-tile #sale_bar_tile svg g text { 
  fill: #000000 !important; 
  font-size: 12px; 
  font-weight: bold;
  color: red;
}


/* SALES PER LANE TILE */
#per_lane_grid {
  width: 100%;
  height: 95%;
  padding-top: 5%;
  padding-bottom: 5%;
  color: #FFFFFF;
  font-weight: bold;
}
#per_lane_grid .row { height: 30%; }
#per_lane_grid .per_lane_cell {
  display: block;
  height: 100%;
  padding: 5px 10px;
  position: relative;
}
#per_lane_grid .per_lane_cell#per_lane1 { background-color: #5d87cc; }
#per_lane_grid .per_lane_cell#per_lane2 { background-color: #5dcca2; }
#per_lane_grid .per_lane_cell#per_lane3 { background-color: #cc5d87; }
#per_lane_grid .per_lane_cell#per_lane4 { background-color: #cca25d; }
#per_lane_grid .per_lane_cell#per_lane5 { background-color: #ccbe5e; }
#per_lane_grid .per_lane_cell#per_lane6 { background-color: #cc695e; }

#per_lane_grid .ran,
#per_lane_grid .sold {
  font-size: 0.75rem;
  padding: 2px 0px;
}
#per_lane_grid .ran { 
  //display: inline-block;
  //float: left;
}
#per_lane_grid .sold { 
 // display: inline-block;
 // float: right;
}
#per_lane_grid .percent,
#per_lane_grid .lane {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
}
#per_lane_grid .percent {
  position: absolute;
  bottom: 5px; 
 
  font-size: 1.5rem;
}



/* HINT TOOLTIPS */
.hint2 {
  position: fixed;
  color: rgb(255,255,255) !important;
  background-color: rgba(50,50,50,0.7) !important;
  border: 0px !important;
  border-radius: 4px;
 
  padding: 10px !important;
  font-size: 14px !important;
  width: auto;
  max-width: 220px;
  margin-top: 10px;
  z-index: 1030;
  display: none;
  
}
.hint2:before {
  content: '';
  position: absolute;
  background-color: inherit;
  width: 0px;
  height: 0px;
  border: 0;
  
}


/* VALIDATION */
.hint2.line { width: auto !important; }

/* UPDATE BUTTONS - floating and subnav 
#float_update > .button,
.custom-subnav-update .button,
.custom-content-update .button { 
	margin: 0; 
	color:#FFFFFF; 
	//border-radius: 3px; 
}
#float_update > .button,
.custom-subnav-update .button { 
	background-color: var(--color1); 
}
*/


/* FLOATING UPDATE BOX */ 
#float_update {
  display: none;
  position: fixed;
  right: 0;
  bottom: 5%;
  width:auto;
  padding: 5px 20px 5px 5px;
  background-color: var(--color2);
  //border-radius: 5px 0px 0px 5px;
  z-index:90;
 // border: solid 1px var(--color1);
  border-right: none;
  opacity: .8;
}
#float_update > .button { 
  height: 3rem; 
  font-weight: bold;
}


/* SUBNAV UPDATE */
.custom-subnav-update {
	position: absolute; 
	width: 100%; 
	text-align: center; 
	bottom: 10%;
}
.custom-subnav-update .button {
	width: 100px;
	height: 100px;
	font-size: 25px;
	padding: 0px;
	//border-radius: 10px;
}
.custom-subnav-update .button:hover { 
	background-color: var(--color2); 
	border-color: #000000; 
}

/* PHONE TABLE -- can be removed when company info is updated  !!REMOVE */
#phone_table {
  //width: 100%;
}
#phone_table tr {
  border: solid 1px #DDDDDD;
  height: 40.8px !important;
}
#phone_table tr td { 
  padding: 0px 10px; 
}
#phone_table tr.custom-no-border {
  border: none;
}
#phone_table input[type="button"].custom-edit-small { padding: 1px 5px; height: auto; }
/* END REMOVE */

/* PHONE TABLE */
#custom-phone-table td input, 
#custom-phone-table td select {
	height: 2.125rem;
	border: 1px #d9d9d9 solid;
}
#custom-phone-table td input:hover, 
#custom-phone-table td select:hover { border-color: var(--element_hover); }
#custom-phone-table td input { padding-left: 5px; }

.custom-phone-head td { padding-bottom: 5px; }



/* STANDARD TABLE -- 
    - no background colors
    - no cell outlining
    - alternating text colours  */
    
.standard_table { 
  width: 100%; 
  background-color: transparent; 
}
.standard_table thead td  {
  color: #f9c95c;
  font-size: 175%;
  text-align: left;
}
.standard_table tbody tr { border-bottom: solid 1px var(--color2); }
.standard_table tbody tr:hover { background-color: #92aad3; }
.standard_table tbody td { cursor: pointer; padding-right: 5px; }
.standard_table td input,
.standard_table td select { 
  padding: 0px 10px; 
  border: 0px;
  background-color: transparent;
  font-size: 120%;
  font-weight: 500;
  width: 100%;
}
.standard_table td input:hover,
.standard_table td select:hover { background-color: var(--color2); }
.standard_table tbody tr:nth-child(even) td input, 
.standard_table tbody tr:nth-child(even) td select { color: #FFFFFF; }
.standard_table tbody tr:nth-child(odd) td input,
.standard_table tbody tr:nth-child(odd) td select { color: #000000; }
.standard_table select option { 
  background-color: #FFFFFF;
  color: var(--color1);
}






/* LIST TABLE -- table used on all list screens */



.custom_dtable thead { border-bottom: solid 1px var(--color2); }
.custom_dtable thead td { 
  padding: 5px 0px 20px 5px; 
  color: var(--color1); 
  font-weight: initial;
  font-size: 150%;
}

.custom_dtable tbody td { font-size: 1vw; }
.custom_dtable td:first-child { text-align: left;  }

.custom_dtable tbody tr { border-bottom: none; }
.custom_dtable tbody tr td { 
  cursor: pointer; 
  padding: 5px 10px;
}

.dataTables_scrollBody .custom_dtable.dataTable thead { border-bottom: none; }


.custom_dtable_length { display: none;}
.custom_dtable .dataTables_info {
  background-color: transparent;
  padding-top: 25px;
  color: var(--color1);
  font-weight: 500;
}





.custom_dtable .dataTables_scrollBody .dataTable.custom_dtable .sorting_asc:after,
.custom_dtable .dataTables_scrollBody .dataTable.custom_dtable .sorting_desc:after { content: none; }

.dataTables_scrollBody .dataTable .sorting_asc:after,
.dataTables_scrollBody .dataTable .sorting_desc:after { content: none; }







/* *********************************************************************************** */
	#buyer_div,
    #seller_div,
    #donation_grid {
      position: absolute;
      height: 88%;
      width: 93%;
      overflow: auto;
    }

span.custom-add-plus { 
			
      font-size:25px; 
			cursor: pointer; 
			position: absolute;
			bottom: 15px;
		}
    
    
    
    
     
    #seller_grid input,
    #seller_div input,
    #buyer_grid input,
    #buyer_div input,
		#donation_grid input.amt { 
      width: 100px; 
    }
    
    #buyer_grid .row .cell.size4,
    #buyer_div .row .cell.size4,  
    #seller_div .row .cell.size4,
    #seller_grid .row .cell.size4 { 
      -webkit-flex: 0 0 33%;
      flex: 0 0 33%;
    }
    
    

    
    
    
    .custom-summary-info,
    .custom-summary-lock,
    .custom-summary-alert    {
      display: inline-block;
      vertical-align: top;
    }
    
    .custom-summary-lock,
    .custom-summary-alert {
      color: #444444;
      padding: 20px;
    }
    
    .custom-summary .icon {
      font-size: 0px;
      display: block;
      padding-bottom: 0px;
    }
    
    .custom-summary-lock .icon,
    .custom-summary-alert .icon {
      font-size: 0px;
      display: block;
      padding-bottom: 0px;
    }
    
    
    .custom-summary-info { 
      width:65%;
      height:100%;
      position:relative;
      line-height: 1.5;
    }
    .custom-summary-lock { 
      width:6%;
      height:100%;
      text-align: center;
      padding: 20px 0px;
      font-size: 0px;
    }
    
    
    
    .custom-summary-alert { 
      width: 29%;
      height:100%;
      position: relative;
      font-size: 0px;
    }
    
    
    .custom-summary-lock.summary_locked { background-color: #DF464A; }
    .custom-summary-lock.summary_locked .icon { font-size: 45px; }
    .custom-summary-lock.summary_locked .lock_text { 
      font-weight: bold;
      font-size: 15px;;
    }
    
    .custom-summary-alert.summary_alert { background-color: #dde14a; font-size: inherit; }
    .custom-summary-alert.summary_alert .icon { padding-top: 5px; font-size: 45px; }
    
    
    .custom-header-cog, .custom-header-star {
			vertical-align: top;
			text-align: right;
			cursor: pointer;
		}

		.custom-header-star img { max-height: 50px; }
		.custom-header-cog .icon { font-size: 50px; }
	#	.custom-header-star .icon { font-size: 40px; color: #000000; background-color: #BBBBBB;}
#		.custom-header-star.fav .icon { color: #000000; background-color: yellow;}

		.notify { max-width: 315px; }


		.custom-head-table2 td {
			padding: 10px;
		}

		.custom-text-col1 { font-weight: 500; }
    
    
    .info_cell, .logo_cell { 
      display: table-cell; 
      //padding: 20px;
     }
    
    
    .logo_cell {
      position: absolute;
      right: 10px;
      top: 25px;
    }
    
    .info_cell { padding-left: 20px; padding-top: 10px; }
 
    .custom-header-container {
      border: none;
      //background-color: #EEEEEE;
      background-color: #7b97c6;
      //border-radius: 0px;
      //padding: 5px 20px;
      height: 155px;
      padding: 0px;
    }
    
    .custom-header-container .custom-header-star img {
      vertical-align: top;
    
    }

    
    
    .custom-summary-lock.locked {
        background-color: #DF464A; 
      
    }
    
    
    
    //.summary_table td { padding: 5px; }
    
    .custom-summary-info,
    .custom-summary-lock,
    .custom-summary-alert    {
      display: inline-block;
      vertical-align: top;
    }
    
    .custom-summary-lock,
    .custom-summary-alert {
      color: #444444;
      padding: 20px;
    }
    
    
    .custom-summary .icon {
      font-size: 0px;
      display: block;
      padding-bottom: 0px;
     
    }
    
    .custom-summary-lock .icon,
    .custom-summary-alert .icon {
      font-size: 0px;
      display: block;
      padding-bottom: 0px;
    }
    
    
    .custom-summary-info { 
      width:65%;
      height:100%;
      position:relative;
    }
    .custom-summary-lock { 
      width:6%;
      height:100%;
      text-align: center;
      padding: 20px 0px;
      font-size: 0px;
    }
    
    
    
    .custom-summary-alert { 
      width: 29%;
      height:100%;
      position: relative;
      font-size: 0px;
    }
    
    
    .custom-summary-lock.summary_locked { background-color: #DF464A; }
    .custom-summary-lock.summary_locked .icon { font-size: 45px; }
    .custom-summary-lock.summary_locked .lock_text { 
      font-weight: bold;
      font-size: 15px;
    }
    
    .custom-summary-alert.summary_alert { background-color: #dde14a; font-size: inherit; }
    .custom-summary-alert.summary_alert .icon { font-size: 45px; }
    
    
    
    .phone_cell { width: 200px; }
    
    
    /*
    .phone_cell a,
    .phone_cell a:visited { color: #000000; }
    */
    .alert_div { 
      padding-top: 10px; 
    }
    
    
    .alert_div { 
      display: inline-block;
      //padding-top: 10px; 
      position:absolute;
      left: 75px;
      top: 20px; 
    }
    
    
    
    .info_cell, .logo_cell { 
      display: table-cell; 
      //padding: 20px;
     }
    
    
    .logo_cell {
      position: absolute;
      right: 75px;
      top: 10px;
    }
    
    .info_cell { padding-left: 20px; padding-top: 10px; }
    
    /* CUSTOM HEADER (auction/company/user) -- look back into after company/user updated */

    .custom-header-container {
      border: none;
      
      //background-color: #9cadce;
      background-color: rgb(120,149,197,0.70);
      height: 105px;
      padding: 0px;
      
    }
    
    .custom-header-container .custom-header-star img {
      vertical-align: top;
    
    }

    	img.custom-sm-image { 
			max-height: 80px; 
			max-width: 350px;
		}
    
    .custom-summary-lock.locked {
        background-color: #DF464A; 
      
    }
    
    
     .custom-company-number { position:absolute; right:15px; bottom:20px; }
    
    
    .dataTable.striped tbody tr.even { background: rgb(207,215,231); }

    
    
    
  
    
    input.custom-small-input { width: 75px; }
    
    
        .show_fieldset { display: block; }
    
    .fieldset_div .accordion > .frame .heading.show_accordion { 
      background-color: var(--color2);
      color: #FFFFFF;
      font-size: 1.75rem;
      border-color: var(--color2);
      //border-radius: 5px;
      height: 50px;
      padding-left: 35px;
    }
    
    
    .fieldset_div .accordion > .frame > .content {
      padding: 0px;
      display: block;
      background-color: inherit; 
    }
    .fieldset_div .accordion > .frame > .heading {
      display: none;
    }
    
    
    
    
    //.custom-fieldset { height:100%; }
    div.custom-rel { position:relative; }
    .custom-no-bottom-pad { padding-bottom: 0px; }

    

    
    
    
    
 .flex-grid .row .cell.custom-range-1 {
      padding-right: 10px;
      padding-left: 10px;
      -webkit-flex: 0 0 120px;
      flex: 0 0 120px;
    }
    .flex-grid .row .cell.custom-range-2 {
      padding-right: 10px;
      padding-left: 10px;
      -webkit-flex: 0 0 75px;
      flex: 0 0 75px;
    }
    .flex-grid .row .cell.custom-range-3 {
      padding-right: 5px;
      padding-left: 10px;
      -webkit-flex: 0 0 255px;
      flex: 0 0 255px;
    }
    .flex-grid .row .cell.custom-range-4 {
      padding-right: 0px;
      padding-left: 0px;
      -webkit-flex: 0 0 25px;
      flex: 0 0 25px;
    }

    
    
    
    
    
  
    
    
  
    
    
    
    
    
    
    
    
    
    
    
    
    
/* RESPONSIVE */







@media screen and (min-width: 800px){
  #custom-table { display: table; }		/* !!REMOVE */
  #custom-table2 { display: none; }		/* !!REMOVE */

  #custom-header-table { display: table; }	
  #custom-header-table2 { display: none; }	
}



  














@media screen and (max-width: 1750px){ 
  
  
  
 
  
  #per_lane_grid .ran,
  #per_lane_grid .sold {
    display: block;
    float: initial;
  }
  #per_lane_grid .ran { padding: 2px 0px 2px 0px; }
  #per_lane_grid .sold { padding: 2px 0px 2px 0px; }
 
  
  
  
}

@media screen and (max-width: 1650px) { 
  
  
  

}


@media screen and (max-width: 1600px) { 
 .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size5.fieldset_div { flex: 0 0 50%; -webkit-flex: 0 0 50%; }
 .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size5 { flex: 0 0 44%; -webkit-flex: 0 0 44%; }
 
  
  
  .v_details.v_spacer { display: none; }
  
  .history_table tr td { padding: 5px; font-size: .7rem; }
}

@media screen and (max-width: 1550px) { 
  
  
  
  
  
  
  

}

@media screen and (max-width: 1500px) { 
	.custom-profile-tile { 
    font-size: 90%; 
  //  min-width: 120px; 
  //  width:15% 
  }
  
  /*
  #buyer_div, #seller_div { width: 90%; }
  */
  
  .summary_table .phone_cell { width: 170px; }
  .custom-summary-lock.summary_locked .lock_text { font-size: 15px; }
  
  
  
  
  
  
  #auction_name_div { 
    position: relative;
    display: inline-block;
    left: 0%;
  }
   .custom_container { width: calc((100% - 45px)/4) !important; }
   .dbl_container { width: calc(((100% - 25px)/4)*2) !important; }
  
 
}
 
 
 
@media screen and (max-width: 1400px) {
  .custom-flex80 { width: 100%; }
  .flex-grid .row #cell-sidebar.cell.size-x200 { flex: 0 0 175px; }
  #fixed-sidebar { width: 175px; }
  
  
  .custom_container { width: calc((100% - 45px)/4); }
  .dbl_container { width: calc(((100% - 45px)/4)*2); }
  
  
  .custom-tile #titles_grid { margin-top: 0px; }
  
  
  /* COMPANY LIST */
    #campany_table { width: 100% !important; }
   #company_table td.city_column { width: 175px !important; }
   #company_table td.type_column { width: 150px !important; }
   #company_table td.number_column { width: 90px !important; }
}   


@media screen and (max-width: 1300px) {
  
  
  
  .flex-grid #cell-content .row {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }


	/* do i still use these -- !!REMOVE */
  .flex-grid #cell-content .row .cell.custom-p20 {
    -webkit-flex: 0 0 20%;
    flex: 0 0 20%;
  }
  .flex-grid #cell-content .row .cell.custom-p30 {
    -webkit-flex: 0 0 30%;
    flex: 0 0 30%;
  }
  .flex-grid #cell-content .row .cell.custom-p70 {
    -webkit-flex: 0 0 70%;
    flex: 0 0 70%;
  }
  
  
  
  .custom-profile-tile-div.padding20 { padding-right: 0px; }
  
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size5.fieldset_div { flex: 0 0 50%; -webkit-flex: 0 0 50%; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size3,
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.custom-range-1  { flex: 0 0 12%; -webkit-flex: 0 0 12%; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size12 { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.custom-range-2 { flex: 0 0 60px; -webkit-flex: 0 0 60px; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.custom-range-3 { flex: 0 0 196px; -webkit-flex: 0 0 196px; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size1 { flex: 0 0 10%; -webkit-flex: 0 0 10%; }
  #seller_grid .custom-range-1 input,
  #seller_grid .custom-range-3 input,
  #seller_grid .custom-range-4 input,
  
  #buyer_grid .custom-range-1 input,
  #buyer_grid .custom-range-3 input,
  #buyer_grid .custom-range-4 input,
  #buyer_div .continuous_row input,
  #seller_div .continuous_row input { width: 80px; }
  
  span.custom-add-plus, span.custom-plus { bottom: 10px; }
  .flex-grid .row .cell.custom-range-1 { padding-left: 10px; padding-right: 1px; }
  .flex-grid .row .cell.custom-range-2,
  .flex-grid .row .cell.custom-range-3 { padding-left: 1px; padding-right: 1px; }
  .flex-grid .row .cell.custom-range-4 { padding-left: 1px; padding-right: 0px; }
  
  
  #titles_grid { height: 85%; margin-bottom:10px; margin-top: 30px; }
  .flex-grid #cell-content #titles_grid .row { height: 30% !important; }
  .flex-grid #cell-content #titles_grid .row.totals { height: 30% !important; }
  .flex-grid #cell-content #titles_grid .row.headers { height: 10% !important; }
  
  #titles_grid .row .cell.size4 { flex: 0 0 35%; -webkit-flex: 0 0 35%; }
  #titles_grid .row .cell.size2 { flex: 0 0 20%; -webkit-flex: 0 0 20%; }
  #titles_grid .title_cell { padding: 5px; }
  
  
  
 
  
  
  
  
}



 
/****************/
/*    1200px    */
/****************/
@media screen and (max-width: 1200px){
  
  .morphsearch { 
    top: 5px; 
    width: 300px;
    right: 200px;
  }
  
  
  
  
 .logo_cell { right: 5px; }
  #buyer_div, #seller_div { width: 90%; } 
  #auction_name_div {
    padding: 0 .625rem;
    padding-left: 0px;
    padding-right: 0px;
  
    position: relative;
    vertical-align: middle;
    height: 3.125rem;
    line-height: 3.125rem;
    width: auto;
  
    overflow: hidden;
    left: 5%;
  }
 
  
  .custom-summary-lock.summary_locked .lock_text { display: none; }
  
  .custom_container { width: calc((100% - 45px)/3) !important; }
  .dbl_container { width: calc(((100% - 30px)/3)*2) !important; }
  #spl_tile_container .flex-grid#per_lane_grid .row { height: 30% !important; }
  #spl_tile_container .flex-grid#per_lane_grid .cell { font-size: 150%; }
  
  .custom-tile .tile-content .tile_title { font-size: 1.25vw; }
  
  
  
  .custom-address-tile { width: 200px; }
  
  
  .history_table tr td { padding: 10px; font-size: .875rem; }
  .v_details.v_spacer { display: block; }
  #sale_tile tr td { font-size: 1.2rem; }
  
  
  #notes_grid #note_cell        { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  #notes_grid #note_cell .flex-grid { width: 80%; }
  #notes_grid #note_table_cell  { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  
  #notes_grid #note_table_cell table { width: 100% !important; }
  #notes_grid #note_table_cell table tr th:nth-child(1),
  #notes_grid #note_table_cell table tr th:nth-child(2),
  #notes_grid #note_table_cell table tr th:nth-child(3),
  #notes_grid #note_table_cell table tr td:nth-child(1),
  #notes_grid #note_table_cell table tr td:nth-child(2),
  #notes_grid #note_table_cell table tr td:nth-child(3) { width: 20% !important; }
  #notes_grid #note_table_cell table tr th:nth-child(4),
  #notes_grid #note_table_cell table tr td:nth-child(4) { width: 40% !important; }
  #notes_grid .dataTables_scrollHeadInner,
  #notes_grid .dataTables_scrollFootInner { width: 100% !important; }
  
   #cusers_grid #ulist_cell,
  #cusers_grid #uinfo_cell    { flex: 0 0 50%; -webkit-flex: 0 0 50%; }
  #cusers_grid #uaccess_cell  { flex: 0 0 80%; -webkit-flex: 0 0 80%; }
  #cusers_grid #uactive_cell  { flex: 0 0 20%; -webkit-flex: 0 0 20%; }
  
  #cusers_grid #uaccess_cell .flex-grid #access_div .row.check_row { 
    flex-direction: column; 
    -webkit-flex-direction: column; 
    display: inline-block;
    width: 20%;
  }
  #cusers_grid #usaccess_cell .flex-grid #access_div .row.check_row .cell { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  #cusers_grid #user_list_table tbody tr td { font-size: 0.875rem; }
  
}



/****************/
/*    1050px    */
/****************/
@media screen and (max-width: 1050px){
  
  
  
  .stay-row #cell-content { -webkit-flex: 1 0; flex: 1 0; }
 
 .custom-summary-info { width: 65%; }
   #auction_name_div .full_name { display: none; }
  #auction_name_div .short_name { display: block; }
  
  .custom-header-container { height: 65px; }
  .logo_cell { right: 5px; top: 1px; }
  img.custom-sm-image { max-height: 60px; max-width: 100px; }
  .custom-summary-lock { padding: 10px 0px; }
  .custom-summary-alert { padding-top: 7px; }
  .alert_div { top: 5px; }
  .custom-company-number { bottom: 1px; }
  .custom-image-upload { flex: 0 0 50% !important; -webkit-flex: 0 0 50% !important; }  
  .flex-grid .row .cell.standing_cell.size2 { flex: 0 0 20%; -webkit-flex: 0 0 20%; }
  
  .custom-profile-tile { width: 18%; }
  
  .custom-address-tile { 
    width: 175px; 
    font-size: .75rem;
    height: 70px; 
  
  }
  
  #buyer_div, #seller_div { 
   // height: auto; 
    width: auto; 
    overflow: initial;
    position: relative;
  }
  
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size5.fieldset_div { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size3 { flex: 0 0 25%; -webkit-flex: 0 0 25%; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.custom-range-1  { flex: 0 0 16%; -webkit-flex: 0 0 16%; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.custom-range-2 { flex: 0 0 70px; -webkit-flex: 0 0 70px; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.custom-range-3 { flex: 0 0 255px; -webkit-flex: 0 0 255px; }
  
  #seller_grid .custom-range-1 input,
  #seller_grid .custom-range-3 input,
  #seller_grid .custom-range-4 input,
  #buyer_grid .custom-range-1 input,
  #buyer_grid .custom-range-3 input,
  #buyer_grid .custom-range-4 input,
  #buyer_div .continuous_row input,
  #seller_div .continuous_row input { width: 100px; }
  .flex-grid .row .cell.custom-range-1,
  .flex-grid .row .cell.custom-range-2,
  .flex-grid .row .cell.custom-range-3,
  .flex-grid .row .cell.custom-range-4  { padding-left: 10px; padding-right: 10px; }
  
  #company_table .icon_column { width: 78px !important; }
  #company_table .name_column { width: 275px !important; }
  
  .fieldset_div .accordion > .frame > .content {
      padding: .625rem;
      display: none;
  }
  .fieldset_div .accordion > .frame > .heading { display: block; }
  .fieldset_div .accordion > .frame > .heading:before { 
    border-left: 16px solid transparent;
    border-top: 16px solid transparent;
    border-bottom: 16px solid #FFFFFF;
    top: 1px;
    left: 0px;
  }
  .custom-fieldset { min-height: initial; }
  .custom-fieldset > legend.show_fieldset { display: none; }
  fieldset.custom-fieldset.show_fieldset { border: none; padding: 0px; }
  

  /*.flex-grid #cell-content .row { height: auto !important; }*/
  .flex-grid#bos_due .row { height: 33% !important; }
  
  #per_lane_grid .ran,
  #per_lane_grid .sold { 
    display: inline-block;
    margin-top: 5%; 
  }
  #per_lane_grid .sold { float: right; }
  
  #fee_grid2 { padding-left: 0px !important; }
      
  #titles_grid { margin: 30px 0px; }
  .tile-content { padding: 5px !important; }
  .tile_select select { font-size: 75%; }
  #titles_grid .title_cell { padding: 2px; }
  
  #sale_tile tr td { font-size: .75rem; }
  .v_details.v_spacer { display: none; }
  
  .history_table tr td { padding: 5px; font-size: .7rem; }
  
  #address_grid .row .cell.address_name_cell,
  #address_grid .row .cell.address_lookup_cell { flex: 0 0 80%; -webkit-flex: 0 0 80%; }
  #address_grid .row .cell.postalzip_cell,
  #address_grid .row .cell.country_cell { flex: 0 0 40%; -webkit-flex: 0 0 40%; }
  #address_grid .row .cell.address_cell { flex: 0 0 60%; -webkit-flex: 0 0 60%; }
  #address_grid .row .cell.address2_cell { flex: 0 0 20%; -webkit-flex: 0 0 20%; }
  #address_grid .row .cell.city_cell { flex: 0 0 30%; -webkit-flex: 0 0 30%; }
  #address_grid .row .cell.custom-p30.state_cell,
  #address_grid .row .cell.county_cell { flex: 0 0 25%; -webkit-flex: 0 0 25%; }
  
  #adetails_grid .row .cell.size3 { flex: 0 0 40%; -webkit-flex: 0 0 40%; }
  #adetails_grid .row .cell.size6 { flex: 0 0 80%; -webkit-flex: 0 0 80%; }
  
  #cinfo_grid #company_info       { 
    flex: 0 0 100%; -webkit-flex: 0 0 100%; 
    padding-right: 0px; 
  } 
 
  //#cinfo_grid #company_name_cell,
  //#cinfo_grid #org_cell           { flex: 0 0 60%; -webkit-flex: 0 0 60%; }
  //#cinfo_grid #company_number_cell,
  //#cinfo_grid #company_type_cell  { flex: 0 0 40%; -webkit-flex: 0 0 40%; }
  //#cinfo_grid #url_cell           { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  
  
  #cinfo_grid #dl_number_cell     { flex: 0 0 40%; -webkit-flex: 0 0 40%; }
  #cinfo_grid #dl_state_cell,
  #cinfo_grid #dl_exp_cell        { flex: 0 0 30%; -webkit-flex: 0 0 30%; }
  #cinfo_grid .custom-size-date   { width: 100%; }
  
  #cinfo_grid #custom-phone-table { width: 100%; }
  #cinfo_grid #custom-phone-table tbody tr td:nth-child(1) { width: 30%; }
  #cinfo_grid #custom-phone-table tbody tr td:nth-child(2) { width: 40%; }
  #cinfo_grid #custom-phone-table tbody tr td:nth-child(3) { width: 20%; }
  #cinfo_grid #custom-phone-table tbody tr td:nth-child(4) { width: 10%; }
  #cinfo_grid #custom-phone-table tbody tr td input,
  #cinfo_grid #custom-phone-table tbody tr td select { width: 100%; }
  
  #company_payments_grid > .row .cell.size6 { flex: 0 0 88%; -webkit-flex: 0 0 88%; }
  
  #cbanking_grid #bank_name_cell      { flex: 0 0 60%; -webkit-flex: 0 0 60%; }
  #cbanking_grid #account_number_cell { flex: 0 0 40%; -webkit-flex: 0 0 40%; }
  #cbanking_grid #bank_phone_cell,
  #cbanking_grid #bank_fax_cell       { flex: 0 0 30%; -webkit-flex: 0 0 30%; }
  #cbanking_grid #bank_contact_cell   { flex: 0 0 40%; -webkit-flex: 0 0 40%; }
  #cbanking_grid #address_lookup_cell { flex: 0 0 60%; -wekit-flex: 0 0 100%; }
  #cbanking_grid #city_cell,
  #cbanking_grid #pscell.custom-p30   { flex: 0 0 35%; -webkit-flex: 0 0 35%  }
  #cbanking_grid #zcell.custom-p20    { flex: 0 0 30%; -webkit-flex: 0 0 30%; }
  #cbanking_grid #zcell.custom-p20 input.custom-size-120 { width: 100%; }
  #cbanking_grid #bank_letter_cell    { flex: 0 0 24.9999999%; -webkit-flex: 0 0 24.9999999%; }
  #cbanking_grid #bank_letter_cell .custom-size-date { width: 100%; }
  
 
  
}


/****************/
/*    950px    */
/****************/
@media screen and (max-width: 950px){
  
  .custom_container { width: calc((100% - 45px)/2) !important; }
  .custom_container.dbl_container { width: calc(100% - 45px) !important; }
  
  #sale_tile tr td,
  .history_table tr td  { font-size: 120%; }
  .history_table tr td { padding: 10px; }
  .v_details.v_spacer { display: block; }
  
}



/****************/
/*    800px    */
/****************/
@media screen and (max-width: 800px){
  .app-bar .app-bar-pullmenu .app-bar-menu .d-menu {
      max-height: 175px;
      overflow: auto;
  }
  
  

  
  
  .flex-grid #cell-content .row#auction_tile_row { 
    -webkit-flex-direction: column !important;
    flex-direction: column !important;
  }
  
  
   .flex-grid.custom-flex80 { margin-bottom: 40px !important; }
  
 // .flex-grid .row #cell-sidebar.cell.size-x200 { flex-basis: 52px; width:52px; }
 // .flex-grid .row #cell-content { flex-basis: calc(100% - 52px); }
  //.flex-grid .row #fixed-sidebar { width: 52px; }
 // .sidebar li.custom-side-sub a .icon { left: 1.3rem; }
  
  
  .stay-row #cell-content { -webkit-flex: 1 0; flex: 1 0; }
  
  .custom-summary-info { width: 100%; }
  .custom-summary-alert {
        padding: 10px;
        position: absolute;
        right: 0px;
        width: 25%;
        bottom: 0px;
        height: 45%;
        
      }
      
      .custom-summary-lock {
        position: absolute;
        right: 25%;
        width: 10%;
        bottom: 0px;
        height: 45%;
      }
      
      .alert_div { 
        left: 65px;
        font-size: 75%;
      }
      
      
      .logo_cell {
        display: block;
        position: absolute;
        left: 65%;
        height: 50%;
        
      }
      .logo_cell img { height: 100%; }
  
  #cell-content {
    flex: 1 0;
    -webkit-flex: 1 0;
  }
  
  
  
  .standard_table thead td { font-size: 100%; }
  
  
  #fixed-sidebar .sidebar { width: 100%; }
  #fixed-sidebar .sidebar li > a { width: 100% !important; }
  #fixed-sidebar .sidebar li > a > .title { display: inherit; }
  
  
 // #float_update { display:block; }
.custom-profile-tile { width: 23%; }  

 .custom-profile-tile .tile-content.iconic .icon { top: 35px; }
  .custom-profile-tile .tile-label { height: 33px; }

 
 
  .custom-profile-tile-div.padding20 { padding-right: 0px; }
  
  #custom-header-table { display: none; }
  #custom-header-table2 { display: table; }
  
  /* TILES */
  .tile-large .tile-content div.select_div,
  .tile-large .tile-content div.tile_select,
  .tile-large .tile-content div.tile_select select { font-size: initial !important; }
  #cr_tile_container .custom_container { width: calc((100% - 45px)/3) !important; }
  #cr_tile_container .custom_container .custom-tile-header { 
    height:30px; 
    font-size: 12px;
  }
  #cr_tile_container .custom_container .info-container { top: 35px; } 
  #cr_tile_container .custom_container .costs-container {  
    width: 100%;
    left: 10px;
  } 
  
  #titles_grid .title_cell {
    display: flex;
    align-items: center;
  }
  
  #bos_due .cell { 
    font-size: initial; 
   }
        
        
  
  .custom_dtable thead td { font-size: 100%; }
  .custom_dtable tbody td { font-size: 2vw; }
  
  /* ACCOUNTING REPORTS */
  #report_chart1 { display: none !important; }
  #report_table_wrapper .dataTables_scrollBody { height: 60vh !important; }
  
  
  /* ACCOUNTING ADMIN */
  #acc_admin_cell1,
  #acc_admin_cell2 {
    flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
  }
  #acc_admin_cell1 .row { 
 //   flex-direction: column;
 //   -webkit-flex-direction: column;
  }
  #acc_admin_cell1 .cell { 
  //  flex: 0 0 50%;
  //  -webkit-flex-basis: 0 0 50%;
  }
  
  
  
  
   .flex-grid .row .cell.size2 { flex: 0 0 30%; -webkit-flex: 0 0 30%; }
  .flex-grid .row.license_row .cell[class*=size] { flex: 0 0 30%; -webkit-flex: 0 0 30%; }
  .flex-grid .row.license_row .cell:nth-child(3):last-child,
  .flex-grid .row.license_row .cell[class*=size]:nth-child(3):last-child {  flex-basis: 30%; -webkit-flex-basis: 30%;  }
  
  //.flex-grid .row .cell:nth-child(1):last-child,
  //.flex-grid .row .cell[class*=size]:nth-child(1):last-child {  flex-basis: 50%; -webkit-flex-basis: 50%;  }
  
  .flex-grid .row .cell.size12:nth-child(1):last-child {  flex-basis: 100%; -webkit-flex-basis: 100%;  }
  
  
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size5 { flex: 0 0 50%; -webkit-flex: 0 0 50%; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size3,
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.custom-range-1  { flex: 0 0 24.9%; -webkit-flex: 0 0 24.9%; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size12 { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.custom-range-2 { flex: 0 0 75px; -webkit-flex: 0 0 75px; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.custom-range-3 { flex: 0 0 255px; -webkit-flex: 0 0 255px; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size1 { flex: 0 0 10%; -webkit-flex: 0 0 10%; }
  
  /*
  #buyer_div, #seller_div { position:relative; height: auto; }
  */
  
  span.custom-add-plus, span.custom-plus { bottom: 10px; }

  .fieldset_div { -webkit-flex: 0 0 100% !important; flex: 0 0 100% !important; }
  
  #custom-table { display: none; }			/* !!REMOVE */
  #custom-table2 { display: table; }		/* !!REMOVE */

	
  
  #company_info { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  
  .custom-image-upload { flex: 0 0 50% !important; -webkit-flex: 0 0 50% !important; }
  
  #address_grid .row .cell.address_name_cell,
  #address_grid .row .cell.address_lookup_cell,
  #address_grid .row .cell.county_cell { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  
  #address_grid .row .cell.postalzip_cell,
  #address_grid .row .cell.country_cell,
  #address_grid .row .cell.city_cell,
  #address_grid .row .cell.custom-p30.state_cell { flex: 0 0 50%; -webkit-flex: 0 0 50%; }
  #address_grid .row .cell.address_cell { flex: 0 0 70%; -webkit-flex: 0 0 70%; }
  #address_grid .row .cell.address2_cell { flex: 0 0 30%; -webkit-flex: 0 0 30%; }
  #address_grid .row .cell.size4.delete_address_cell { flex: 0 0 30% !important; -webkit-flex: 0 0 30% !important; }
  
  #adetails_grid .row .cell.size3 { flex: 0 0 50%; -webkit-flex: 0 0 50%; }
  #adetails_grid .row .cell.size6 { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  #adetails_grid .row .cell.size2 { flex: 0 0 30% !important; -webkit-flex: 0 0 30% !important; }
  
  #cdetails_grid .row .cell { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  #cdetails_grid .row .cell .custom-size-date { width: 100%; }
  
  #cbanking_grid .row .cell.size2 { flex: 0 0 50%; -webkit-flex: 0 0 50%; }
  
  input.custom-small-input { width: 100%; }
  
  #company_table { width: 100% !important; }
  #company_table td:nth-child(5),
  #company_table td:nth-child(7), 
  #user_table td:nth-child(4),
  #user_table td:nth-child(5),
  #user_table td:nth-child(6),
  #user_table th:nth-child(4),
  #user_table th:nth-child(5),
  #user_table th:nth-child(6),
  #vehicle_table td:nth-child(5),
  #vehicle_table td:nth-child(6),
  #vehicle_table td:nth-child(7),
  #vehicle_table th:nth-child(5),
  #vehicle_table th:nth-child(6),
  #vehicle_table th:nth-child(7),
  #inventory_table td:nth-child(1),
  #inventory_table td:nth-child(3),
  #inventory_table td:nth-child(7),
  #inventory_table td:nth-child(8),
  #inventory_table td:nth-child(9),
  #inventory_table td:nth-child(10),
  #inventory_table tfoot{ display: none; }
  
  #company_payments_grid > .row .cell.size6 { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  #company_payments_grid .input-control.text { width: 100%; }
  
  #cbanking_grid #address_lookup_cell     { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  #cbanking_grid #bank_letter_cell        { flex: 0 0 50%; -webkit-flex: 0 0 50%; }
  #cbanking_grid .cell .custom-size-date  { width: 100%; }

  
  
    
  
  
  

  
  #vehicle_grid1 .vcheck_row .cell { 
    -webkit-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    
    text-align: initial !important; 
  }
  .vcheck_row .cell label { width: 50%; display: inline-block; }
  .vcheck_row .cell label.checkbox { width: 30%; }
  
  
  
  
  
  
  
  
  
  

  
  
  
}



@media screen and (max-width: 640px){
  #float_update {
    top: auto !important;
    bottom: 10%;
  }
  
 
  
 
  
 
  
  .tile-content .image-container {
      margin: 8px !important;
  }
  
  .tile-custom-center-text table { border-spacing: 5px 0px !important; }
  .tile-custom-center-text table tr:nth-child(1) td { font-size: 9px !important; }
  .tile-custom-center-text table tr:nth-child(2) td { font-size: 65px !important; }
  
 
  
  .flex-grid #cell-content .row { flex-direction: row; -webkit-flex-direction: row; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size3 { flex: 0 0 33%; -webkit-flex: 0 0 33%; }
  
  .flex-grid #cell-content .row .cell.custom-p30,
  .flex-grid #cell-content .row .cell.custom-p70 { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  

 
  
  /* SHARED ADDRESS */
  #address_grid .row .cell:nth-child(1):last-child,
  #address_grid .row .cell[class*=size]:nth-child(1):last-child {  flex-basis: 100%; -webkit-flex-basis: 100%;  }
 // .flex-grid #cell-content #address_grid .row .cell.custom-p30.state_cell { flex: 0 0 70%; -webkit-flex: 0 0 70%; }
  .flex-grid #cell-content #address_grid .row .cell.custom-p20 { flex: 0 0 30%; -webkit-flex: 0 0 30%; }
  
  
  
  
}



/************************
*** 600px
*************************/
@media screen and (max-width: 600px){
  
  
  .custom-subnav-update { display: none; }
  #float_update { display: block; }
  
  #notify_div { display: none; }
       
  .d-menu { left: auto; right: 0; }
  
  .custom_container { width: 100% !important; }
  .dbl_container { display: none; }
 
  
    .small_page_head { display: block; }
  
  .flex-grid .row .cell.size2.span_head { 
    flex: 0 0 10%;
    -webkit-flex: 0 0 20%;
  }
  .flex-grid .row .cell.size9.totals_cell,
  .flex-grid .row .cell.size9.past30_cell,
  .flex-grid .row .cell.size9.past60_cell { 
    flex: 0 0 70%;
    -webkit-flex: 0 0 70%;
  }
  .flex-grid #cell-content #bos_due .row { height: 33% !important; }
  #per_lane_grid div.lane, #per_lane_grid div.percent, #per_lane_grid div.ran, #per_lane_grid div.sold { font-size: 4.8vw !important; }
      
  #titles_grid .due_span, #titles_grid .owed_span { font-size: 10vw !important; }
  #titles_grid .title_cell {
    display: flex;
    align-items: center;
    
  }
  
  
  
  
  #titles_grid { margin-top: 25px; margin-bottom: 0px; }
  
  #cashflow_tile { height: 70%; }
  .flex-grid #cell-content #per_lane_grid .row { height: 30% !important; }
  #per_lane_grid div.lane, 
  #per_lane_grid div.percent,
  #per_lane_grid div.ran,
  #per_lane_grid div.sold { padding: 1px 0px 1px 0px; }
  #per_lane_grid .row .cell.size6 { flex: 0 0 50%; -webkit-flex: 0 0 50%; }
  
  
  

  
        #fixed-sidebar { display: none; }
        .flex-grid .row #cell-sidebar.cell.size-x200 { flex-basis: 0px; width: 0px; }
        .flex-grid .row #cell-content { flex-basis: 100% !important; }
        .custom-profile-tile-div,
        .subnav-container { display: none; }
        
        
        
         .custom-vin-title {
          bottom: 0px !important;
          top: auto !important;
        }
        #full_vin { display: none; }
        #short_vin { display: block !important; bottom: 0px;}
        .custom-seller-title {
          bottom: 0px !important;
          right: 0px !important;
          left: auto !important;
          top: auto !important;
        }

  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size3 { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size3 input { width: 100%; }
  
  .flex-grid .row .cell.custom-range-1 { padding-left: 10px; padding-right: 1px; }
  .flex-grid .row .cell.custom-range-2,
  .flex-grid .row .cell.custom-range-3 { padding-left: 1px; padding-right: 1px; }
  .flex-grid .row .cell.custom-range-4 { padding-left: 1px; padding-right: 0px; }
    

    
  #buyer_grid .custom-range-1 input,
  #seller_grid .custom-range-1 input { width: 100%; }
  #buyer_grid .custom-range-3 input,
  #seller_grid .custom-range-3 input { width: 44%; }
  /*
  #buyer_div .continuous_row input,
  #seller_div .continuous_row input { width: 24%; }
  */
  

  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.custom-range-1  { flex: 0 0 25%; -webkit-flex: 0 0 25%; width: 25%; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.custom-range-2 { flex: 0 0 10%; -webkit-flex: 0 0 10%; width: 10%; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.custom-range-3 { flex: 0 0 57%; -webkit-flex: 0 0 57%; padding-left: 0px;}
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.custom-range-3 input { width: 40% !important; }
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size3 { flex: 0 0 50%; -webkit-flex: 0 0 50%; } 

  

  
  .custom-flex80 { padding-bottom: 20px; padding-left: 0px !important; }
  
  .flex-grid #cell-content .row #buyer_grid .row,
  .flex-grid #cell-content .row #seller_grid .row { flex-direction: row; -webkit-flex-direction: row; padding-bottom: 10px; }
  .flex-grid .row .cell, .flex-grid .row .cell[class*=size] { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  .flex-grid .cell .custom-size-date { width: 100%; }
  
  #payments_grid .cell[class*=size], #charges_grid .cell[class*=size] { flex: 0 0 100% !important; -webkit-flex: 0 0 100% !important; }
  #payments_grid .input-control.text { width: 100%; }
  
  .padding20 { padding:10px; }
  
  #cr_tile_container .custom_container { width: calc((100% - 15px)/2) !important; }

  .app-bar-element.place-right.custom-no-hover { padding: 0px; }
  #custom-top-nav.app-bar .app-bar-element.branding { 
    width: auto; 
    max-width: 200px; 
  }
  #custom-top-nav #auction_name_div { 
    width: auto;
    font-size: 1rem;
    padding-top: 2px;
    position: absolute;
    left: 175px;
    line-height: 1.5rem;
  }
  
  #cog_settings { left: 0px !important; }
  
  

  
  .custom-profile-tile {
    min-width: initial;
    //font-size: 105%;
    width: 29% !important;
  }
  
  .custom-profile-tile .tile-label {
    height: 33px;
    padding-top: 0px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Internet Explorer 10 */
    display:-ms-flexbox;
    -ms-flex-pack:center;
    -ms-flex-align:center;

    /* Firefox */
    display:-moz-box;
    -moz-box-pack:center;
    -moz-box-align:center;

    /* Safari, Opera, and Chrome */
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;

    /* W3C */
    display:box;
    box-pack:center;
    box-align:center;

  }
  
 
  #custom-phone-table  td select { width: 80px; }
  
  #float_update { bottom: 1%; }
  
  
  
  /* Shared Address */
  .custom-address-tile { width: 100%; }
  
  /* Subnav Tiles */
  .custom-subnav-tile { width: 100%; }
  
  
  
  
  .custom-fieldset-scroll { height: auto !important; }
  .custom_fees_cell_1,
  .custom_fees_cell_3{
    flex: 0 0 25% !important;
    -webkit-flex: 0 0 25% !important;
  }
  .custom_fees_cell_2 {
    flex: 0 0 15% !important;
    -webkit-flex: 0 0 15% !important;
  }
  .custom_fees_cell_4 {
    flex: 0 0 20% !important;
    -webkit-flex: 0 0 20% !important;
  }
  .custom_fees_cell_5 {
    flex: 0 0 5% !important;
    -webkit-flex: 0 0 5% !important;
  }
  
  
   #fee_grid2 { padding-left:0px !important; }
  
  

  
  
  
  span.custom-add-plus { bottom: 5px; padding-left: 5px; }
  
  .accordion > .frame > .content.show_accordion { padding-left: 0px; }
  
  
  .flex-grid .custom-flex-vehicle-list { padding-left: 0px !important; }
  
  #company_table td:nth-child(5),
  #company_table td:nth-child(6),
  #company_table td:nth-child(7),
  #company_table td:nth-child(8) { display: none; }
  
  #company_table td:nth-child(2) { width: 70px; }
  #company_table td:nth-child(3) { width: 100%; }
  #company_table td:nth-child(4) { width: 100px; }
  
  #company_table thead tr td:nth-child(2) { 
    text-indent: -99999px;
    line-height: 0; /* collapse orignal header */
  }
  #company_table thead tr td:nth-child(2):after {
    content: "Comp #";
    text-indent: 20px;
    display: block;
    line-height: initial;
    position: initial;
    width: auto;
  }
  
  .dataTables_paginate { width: 100%; }
  
  
 
  
  #company_user_list_grid #user_list_table tr td { width: auto !important; }
  #company_user_list_grid #user_list_table tbody tr td { font-size: initial !important; }
  
 
  #address_grid .row .cell.city_cell { flex: 0 0 100%; -webkit-flex: 0 0 100%; }
  
  
  
  
  .flex-grid .row .cell.size2.standing_cell { flex: 0 0 100% !important; -webkit-flex: 0 0 100% !important; }
  
  #company_payments_grid .cell.size3,
  #user_payments_grid .cell.size3 { flex: 0 0 24% !important; -webkit-flex: 0 0 24% !important; }
  #company_payments_grid .row.mobile_full .cell,
  #user_payments_grid .row.mobile_full .cell { flex: 0 0 100% !important; -webkit-flex: 0 0 100% !important; }
  
  #note_table tbody td { font-size: 1rem !important; }
  
  #user_company_table tr td { font-size: 1rem !important; }
  
  .usercogs { 
    font-size: 2.5rem !important;
    vertical-align: top;
    padding-top:5px;
  }
  
  
}


/************************
*** 450px - 
*************************/
@media screen and (max-width: 450px){

 
  
  .custom-head-icon { display: none; }
  #cr_tile_container .custom_container { width: calc(100% - 15px) !important; }
  
  #address_grid .row .cell { flex: 0 0 100% !important; -webkit-flex: 0 0 100% !important; }
  #adetails_grid .row .cell { flex: 0 0 100% !important; -webkit-flex: 0 0 100% !important; }
}


/************************
*** 414px - 
*************************/
@media screen and (max-width: 414px){
  

  
  
  .leader { font-size: 1.5rem; }  
  
  #per_lane_grid div.lane,
  #per_lane_grid div.percent,
  #per_lane_grid div.ran,
  #per_lane_grid div.sold { font-size: 4vw !important; }

  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size5 { 
    flex: 0 0 100% !important;
    -webkit-flex: 0 0 100% !important;
  }
  
  .flex-grid #cell-content #fee_grid2.flex-grid .row .cell.size1 {
    flex: 0 0 5%;
    -webkit-flex: 0 0 5%;
}

  
}


/************************
*** 375px - Galaxy S5 / iPhone 6
*************************/
@media screen and (max-width: 375px){
  
 // .tile-large { width: 165px; height: 165px; }

  /*
  #buyer_div .continuous_row input,
  #seller_div .continuous_row input { width: 22.5%; }  
  */
}


/************************
*** 360px - Galaxy S8
*************************/
@media screen and (max-width: 375px){
  
 // .tile-large { width: 160px; height: 160px; }

  
  
}



/************************
*** 320px - iPhone 5
*************************/
@media screen and (max-width: 320px){
  #custom-phone-table  td input.phone-num { width: 80px; }
  #custom-phone-table  td input.phone-ext { width: 40px; }
  #custom-phone-table  td select { width: 60px; }
  
  /*
  #buyer_div .continuous_row input,
  #seller_div .continuous_row input { width: 22%; }
  */
  
  .custom-profile-tile { 
    font-size: 90%;
    width: 29%; 
  }
  
}